diff --git a/.eslintignore b/.eslintignore
index 94f7c3e83..af7128111 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -125,7 +125,7 @@ src/Explorer/Panes/GraphStylingPane.ts
 # src/Explorer/Panes/NewVertexPane.ts
 src/Explorer/Panes/PaneComponents.ts
 src/Explorer/Panes/RenewAdHocAccessPane.ts
-src/Explorer/Panes/StringInputPane.ts
+src/Explorer/Panes/SetupNotebooksPane.ts
 src/Explorer/Panes/SwitchDirectoryPane.ts
 src/Explorer/Panes/Tables/EditTableEntityPane.ts
 src/Explorer/Panes/Tables/EntityPropertyViewModel.ts
diff --git a/src/Explorer/ComponentRegisterer.test.ts b/src/Explorer/ComponentRegisterer.test.ts
index e2671ef2e..2a9e5c2d3 100644
--- a/src/Explorer/ComponentRegisterer.test.ts
+++ b/src/Explorer/ComponentRegisterer.test.ts
@@ -28,10 +28,6 @@ describe("Component Registerer", () => {
     expect(ko.components.isRegistered("graph-styling-pane")).toBe(true);
   });
 
-  it("should register string-input-pane component", () => {
-    expect(ko.components.isRegistered("string-input-pane")).toBe(true);
-  });
-
   it("should register dynamic-list component", () => {
     expect(ko.components.isRegistered("dynamic-list")).toBe(true);
   });
diff --git a/src/Explorer/ComponentRegisterer.ts b/src/Explorer/ComponentRegisterer.ts
index 0c4e8c1d8..82d5bdcfa 100644
--- a/src/Explorer/ComponentRegisterer.ts
+++ b/src/Explorer/ComponentRegisterer.ts
@@ -25,5 +25,4 @@ ko.components.register("graph-styling-pane", new PaneComponents.GraphStylingPane
 ko.components.register("table-add-entity-pane", new PaneComponents.TableAddEntityPaneComponent());
 ko.components.register("table-edit-entity-pane", new PaneComponents.TableEditEntityPaneComponent());
 ko.components.register("cassandra-add-collection-pane", new PaneComponents.CassandraAddCollectionPaneComponent());
-ko.components.register("string-input-pane", new PaneComponents.StringInputPaneComponent());
 ko.components.register("github-repos-pane", new PaneComponents.GitHubReposPaneComponent());
diff --git a/src/Explorer/Controls/Settings/__snapshots__/SettingsComponent.test.tsx.snap b/src/Explorer/Controls/Settings/__snapshots__/SettingsComponent.test.tsx.snap
index 790b14b95..81c72cf44 100644
--- a/src/Explorer/Controls/Settings/__snapshots__/SettingsComponent.test.tsx.snap
+++ b/src/Explorer/Controls/Settings/__snapshots__/SettingsComponent.test.tsx.snap
@@ -224,20 +224,6 @@ exports[`SettingsComponent renders 1`] = `
                     "userTableQuery": [Function],
                     "visible": [Function],
                   },
-                  StringInputPane {
-                    "container": [Circular],
-                    "firstFieldHasFocus": [Function],
-                    "formErrors": [Function],
-                    "formErrorsDetails": [Function],
-                    "id": "stringinputpane",
-                    "inputLabel": [Function],
-                    "isExecuting": [Function],
-                    "isTemplateReady": [Function],
-                    "stringInput": [Function],
-                    "submitButtonLabel": [Function],
-                    "title": [Function],
-                    "visible": [Function],
-                  },
                 ],
                 "_refreshSparkEnabledStateForAccount": [Function],
                 "_resetNotebookWorkspace": [Function],
@@ -548,20 +534,6 @@ exports[`SettingsComponent renders 1`] = `
                   "onResizeStop": [Function],
                   "splitterId": "h_splitter1",
                 },
-                "stringInputPane": StringInputPane {
-                  "container": [Circular],
-                  "firstFieldHasFocus": [Function],
-                  "formErrors": [Function],
-                  "formErrorsDetails": [Function],
-                  "id": "stringinputpane",
-                  "inputLabel": [Function],
-                  "isExecuting": [Function],
-                  "isTemplateReady": [Function],
-                  "stringInput": [Function],
-                  "submitButtonLabel": [Function],
-                  "title": [Function],
-                  "visible": [Function],
-                },
                 "tabsManager": TabsManager {
                   "activeTab": [Function],
                   "openedTabs": [Function],
@@ -784,20 +756,6 @@ exports[`SettingsComponent renders 1`] = `
                   "userTableQuery": [Function],
                   "visible": [Function],
                 },
-                StringInputPane {
-                  "container": [Circular],
-                  "firstFieldHasFocus": [Function],
-                  "formErrors": [Function],
-                  "formErrorsDetails": [Function],
-                  "id": "stringinputpane",
-                  "inputLabel": [Function],
-                  "isExecuting": [Function],
-                  "isTemplateReady": [Function],
-                  "stringInput": [Function],
-                  "submitButtonLabel": [Function],
-                  "title": [Function],
-                  "visible": [Function],
-                },
               ],
               "_refreshSparkEnabledStateForAccount": [Function],
               "_resetNotebookWorkspace": [Function],
@@ -1108,20 +1066,6 @@ exports[`SettingsComponent renders 1`] = `
                 "onResizeStop": [Function],
                 "splitterId": "h_splitter1",
               },
-              "stringInputPane": StringInputPane {
-                "container": [Circular],
-                "firstFieldHasFocus": [Function],
-                "formErrors": [Function],
-                "formErrorsDetails": [Function],
-                "id": "stringinputpane",
-                "inputLabel": [Function],
-                "isExecuting": [Function],
-                "isTemplateReady": [Function],
-                "stringInput": [Function],
-                "submitButtonLabel": [Function],
-                "title": [Function],
-                "visible": [Function],
-              },
               "tabsManager": TabsManager {
                 "activeTab": [Function],
                 "openedTabs": [Function],
@@ -1357,20 +1301,6 @@ exports[`SettingsComponent renders 1`] = `
                     "userTableQuery": [Function],
                     "visible": [Function],
                   },
-                  StringInputPane {
-                    "container": [Circular],
-                    "firstFieldHasFocus": [Function],
-                    "formErrors": [Function],
-                    "formErrorsDetails": [Function],
-                    "id": "stringinputpane",
-                    "inputLabel": [Function],
-                    "isExecuting": [Function],
-                    "isTemplateReady": [Function],
-                    "stringInput": [Function],
-                    "submitButtonLabel": [Function],
-                    "title": [Function],
-                    "visible": [Function],
-                  },
                 ],
                 "_refreshSparkEnabledStateForAccount": [Function],
                 "_resetNotebookWorkspace": [Function],
@@ -1681,20 +1611,6 @@ exports[`SettingsComponent renders 1`] = `
                   "onResizeStop": [Function],
                   "splitterId": "h_splitter1",
                 },
-                "stringInputPane": StringInputPane {
-                  "container": [Circular],
-                  "firstFieldHasFocus": [Function],
-                  "formErrors": [Function],
-                  "formErrorsDetails": [Function],
-                  "id": "stringinputpane",
-                  "inputLabel": [Function],
-                  "isExecuting": [Function],
-                  "isTemplateReady": [Function],
-                  "stringInput": [Function],
-                  "submitButtonLabel": [Function],
-                  "title": [Function],
-                  "visible": [Function],
-                },
                 "tabsManager": TabsManager {
                   "activeTab": [Function],
                   "openedTabs": [Function],
@@ -1917,20 +1833,6 @@ exports[`SettingsComponent renders 1`] = `
                   "userTableQuery": [Function],
                   "visible": [Function],
                 },
-                StringInputPane {
-                  "container": [Circular],
-                  "firstFieldHasFocus": [Function],
-                  "formErrors": [Function],
-                  "formErrorsDetails": [Function],
-                  "id": "stringinputpane",
-                  "inputLabel": [Function],
-                  "isExecuting": [Function],
-                  "isTemplateReady": [Function],
-                  "stringInput": [Function],
-                  "submitButtonLabel": [Function],
-                  "title": [Function],
-                  "visible": [Function],
-                },
               ],
               "_refreshSparkEnabledStateForAccount": [Function],
               "_resetNotebookWorkspace": [Function],
@@ -2241,20 +2143,6 @@ exports[`SettingsComponent renders 1`] = `
                 "onResizeStop": [Function],
                 "splitterId": "h_splitter1",
               },
-              "stringInputPane": StringInputPane {
-                "container": [Circular],
-                "firstFieldHasFocus": [Function],
-                "formErrors": [Function],
-                "formErrorsDetails": [Function],
-                "id": "stringinputpane",
-                "inputLabel": [Function],
-                "isExecuting": [Function],
-                "isTemplateReady": [Function],
-                "stringInput": [Function],
-                "submitButtonLabel": [Function],
-                "title": [Function],
-                "visible": [Function],
-              },
               "tabsManager": TabsManager {
                 "activeTab": [Function],
                 "openedTabs": [Function],
diff --git a/src/Explorer/Explorer.tsx b/src/Explorer/Explorer.tsx
index 09bf3c433..041d1b61c 100644
--- a/src/Explorer/Explorer.tsx
+++ b/src/Explorer/Explorer.tsx
@@ -64,7 +64,7 @@ import { LoadQueryPane } from "./Panes/LoadQueryPane/LoadQueryPane";
 import { SaveQueryPane } from "./Panes/SaveQueryPane/SaveQueryPane";
 import { SettingsPane } from "./Panes/SettingsPane/SettingsPane";
 import { SetupNoteBooksPanel } from "./Panes/SetupNotebooksPanel/SetupNotebooksPanel";
-import { StringInputPane } from "./Panes/StringInputPane";
+import { StringInputPane } from "./Panes/StringInputPane/StringInputPane";
 import { AddTableEntityPanel } from "./Panes/Tables/AddTableEntityPanel";
 import { EditTableEntityPanel } from "./Panes/Tables/EditTableEntityPanel";
 import { TableQuerySelectPanel } from "./Panes/Tables/TableQuerySelectPanel";
@@ -174,7 +174,6 @@ export default class Explorer {
   public addCollectionPane: AddCollectionPane;
   public graphStylingPane: GraphStylingPane;
   public cassandraAddCollectionPane: CassandraAddCollectionPane;
-  public stringInputPane: StringInputPane;
   public gitHubReposPane: ContextualPaneBase;
   public publishNotebookPaneAdapter: ReactAdapter;
 
@@ -506,13 +505,6 @@ export default class Explorer {
       container: this,
     });
 
-    this.stringInputPane = new StringInputPane({
-      id: "stringinputpane",
-      visible: ko.observable<boolean>(false),
-
-      container: this,
-    });
-
     this.tabsManager = params?.tabsManager ?? new TabsManager();
     this.tabsManager.openedTabs.subscribe((tabs) => {
       if (tabs.length === 0) {
@@ -526,7 +518,6 @@ export default class Explorer {
       this.addCollectionPane,
       this.graphStylingPane,
       this.cassandraAddCollectionPane,
-      this.stringInputPane,
     ];
     this.addDatabaseText.subscribe((addDatabaseText: string) => this.addDatabasePane.title(addDatabaseText));
     this.isTabsContentExpanded = ko.observable(false);
@@ -1533,7 +1524,7 @@ export default class Explorer {
     return true;
   }
 
-  public renameNotebook(notebookFile: NotebookContentItem): Q.Promise<NotebookContentItem> {
+  public renameNotebook(notebookFile: NotebookContentItem): void {
     if (!this.isNotebookEnabled() || !this.notebookManager?.notebookContentClient) {
       const error = "Attempt to rename notebook, but notebook is not enabled";
       handleError(error, "Explorer/renameNotebook");
@@ -1549,57 +1540,59 @@ export default class Explorer {
     );
     if (openedNotebookTabs.length > 0) {
       this.showOkModalDialog("Unable to rename file", "This file is being edited. Please close the tab and try again.");
-      return Q.reject();
+    } else {
+      this.openSidePanel(
+        "",
+        <StringInputPane
+          explorer={this}
+          closePanel={() => {
+            this.closeSidePanel();
+            this.resourceTree.triggerRender();
+          }}
+          inputLabel="Enter new notebook name"
+          submitButtonLabel="Rename"
+          errorMessage="Could not rename notebook"
+          inProgressMessage="Renaming notebook to"
+          successMessage="Renamed notebook to"
+          paneTitle="Rename Notebook"
+          defaultInput={FileSystemUtil.stripExtension(notebookFile.name, "ipynb")}
+          onSubmit={(notebookFile: NotebookContentItem, input: string): Promise<NotebookContentItem> =>
+            this.notebookManager?.notebookContentClient.renameNotebook(notebookFile, input)
+          }
+          notebookFile={notebookFile}
+        />
+      );
     }
-
-    const originalPath = notebookFile.path;
-    const result = this.stringInputPane
-      .openWithOptions<NotebookContentItem>({
-        errorMessage: "Could not rename notebook",
-        inProgressMessage: "Renaming notebook to",
-        successMessage: "Renamed notebook to",
-        inputLabel: "Enter new notebook name",
-        paneTitle: "Rename Notebook",
-        submitButtonLabel: "Rename",
-        defaultInput: FileSystemUtil.stripExtension(notebookFile.name, "ipynb"),
-        onSubmit: (input: string) => this.notebookManager?.notebookContentClient.renameNotebook(notebookFile, input),
-      })
-      .then((newNotebookFile) => {
-        const notebookTabs = this.tabsManager.getTabs(
-          ViewModels.CollectionTabKind.NotebookV2,
-          (tab: NotebookV2Tab) => tab.notebookPath && FileSystemUtil.isPathEqual(tab.notebookPath(), originalPath)
-        );
-        notebookTabs.forEach((tab) => {
-          tab.tabTitle(newNotebookFile.name);
-          tab.tabPath(newNotebookFile.path);
-          (tab as NotebookV2Tab).notebookPath(newNotebookFile.path);
-        });
-
-        return newNotebookFile;
-      });
-    result.then(() => this.resourceTree.triggerRender());
-    return result;
   }
 
-  public onCreateDirectory(parent: NotebookContentItem): Q.Promise<NotebookContentItem> {
+  public onCreateDirectory(parent: NotebookContentItem): void {
     if (!this.isNotebookEnabled() || !this.notebookManager?.notebookContentClient) {
       const error = "Attempt to create notebook directory, but notebook is not enabled";
       handleError(error, "Explorer/onCreateDirectory");
       throw new Error(error);
     }
 
-    const result = this.stringInputPane.openWithOptions<NotebookContentItem>({
-      errorMessage: "Could not create directory ",
-      inProgressMessage: "Creating directory ",
-      successMessage: "Created directory ",
-      inputLabel: "Enter new directory name",
-      paneTitle: "Create new directory",
-      submitButtonLabel: "Create",
-      defaultInput: "",
-      onSubmit: (input: string) => this.notebookManager?.notebookContentClient.createDirectory(parent, input),
-    });
-    result.then(() => this.resourceTree.triggerRender());
-    return result;
+    this.openSidePanel(
+      "",
+      <StringInputPane
+        explorer={this}
+        closePanel={() => {
+          this.closeSidePanel();
+          this.resourceTree.triggerRender();
+        }}
+        errorMessage="Could not create directory "
+        inProgressMessage="Creating directory "
+        successMessage="Created directory "
+        inputLabel="Enter new directory name"
+        paneTitle="Create new directory"
+        submitButtonLabel="Create"
+        defaultInput=""
+        onSubmit={(notebookFile: NotebookContentItem, input: string): Promise<NotebookContentItem> =>
+          this.notebookManager?.notebookContentClient.createDirectory(notebookFile, input)
+        }
+        notebookFile={parent}
+      />
+    );
   }
 
   public readFile(notebookFile: NotebookContentItem): Promise<string> {
diff --git a/src/Explorer/Panes/PaneComponents.ts b/src/Explorer/Panes/PaneComponents.ts
index d963a358b..b1be4dfa4 100644
--- a/src/Explorer/Panes/PaneComponents.ts
+++ b/src/Explorer/Panes/PaneComponents.ts
@@ -3,7 +3,6 @@ import AddDatabasePaneTemplate from "./AddDatabasePane.html";
 import CassandraAddCollectionPaneTemplate from "./CassandraAddCollectionPane.html";
 import GitHubReposPaneTemplate from "./GitHubReposPane.html";
 import GraphStylingPaneTemplate from "./GraphStylingPane.html";
-import StringInputPaneTemplate from "./StringInputPane.html";
 import TableAddEntityPaneTemplate from "./Tables/TableAddEntityPane.html";
 import TableEditEntityPaneTemplate from "./Tables/TableEditEntityPane.html";
 
@@ -66,15 +65,6 @@ export class CassandraAddCollectionPaneComponent {
   }
 }
 
-export class StringInputPaneComponent {
-  constructor() {
-    return {
-      viewModel: PaneComponent,
-      template: StringInputPaneTemplate,
-    };
-  }
-}
-
 export class GitHubReposPaneComponent {
   constructor() {
     return {
diff --git a/src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap b/src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap
index 7d961e918..8344457ad 100644
--- a/src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap
+++ b/src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap
@@ -200,20 +200,6 @@ exports[`Settings Pane should render Default properly 1`] = `
           "userTableQuery": [Function],
           "visible": [Function],
         },
-        StringInputPane {
-          "container": [Circular],
-          "firstFieldHasFocus": [Function],
-          "formErrors": [Function],
-          "formErrorsDetails": [Function],
-          "id": "stringinputpane",
-          "inputLabel": [Function],
-          "isExecuting": [Function],
-          "isTemplateReady": [Function],
-          "stringInput": [Function],
-          "submitButtonLabel": [Function],
-          "title": [Function],
-          "visible": [Function],
-        },
       ],
       "_refreshSparkEnabledStateForAccount": [Function],
       "_resetNotebookWorkspace": [Function],
@@ -524,20 +510,6 @@ exports[`Settings Pane should render Default properly 1`] = `
         "onResizeStop": [Function],
         "splitterId": "h_splitter1",
       },
-      "stringInputPane": StringInputPane {
-        "container": [Circular],
-        "firstFieldHasFocus": [Function],
-        "formErrors": [Function],
-        "formErrorsDetails": [Function],
-        "id": "stringinputpane",
-        "inputLabel": [Function],
-        "isExecuting": [Function],
-        "isTemplateReady": [Function],
-        "stringInput": [Function],
-        "submitButtonLabel": [Function],
-        "title": [Function],
-        "visible": [Function],
-      },
       "tabsManager": TabsManager {
         "activeTab": [Function],
         "openedTabs": [Function],
@@ -883,20 +855,6 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
           "userTableQuery": [Function],
           "visible": [Function],
         },
-        StringInputPane {
-          "container": [Circular],
-          "firstFieldHasFocus": [Function],
-          "formErrors": [Function],
-          "formErrorsDetails": [Function],
-          "id": "stringinputpane",
-          "inputLabel": [Function],
-          "isExecuting": [Function],
-          "isTemplateReady": [Function],
-          "stringInput": [Function],
-          "submitButtonLabel": [Function],
-          "title": [Function],
-          "visible": [Function],
-        },
       ],
       "_refreshSparkEnabledStateForAccount": [Function],
       "_resetNotebookWorkspace": [Function],
@@ -1207,20 +1165,6 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
         "onResizeStop": [Function],
         "splitterId": "h_splitter1",
       },
-      "stringInputPane": StringInputPane {
-        "container": [Circular],
-        "firstFieldHasFocus": [Function],
-        "formErrors": [Function],
-        "formErrorsDetails": [Function],
-        "id": "stringinputpane",
-        "inputLabel": [Function],
-        "isExecuting": [Function],
-        "isTemplateReady": [Function],
-        "stringInput": [Function],
-        "submitButtonLabel": [Function],
-        "title": [Function],
-        "visible": [Function],
-      },
       "tabsManager": TabsManager {
         "activeTab": [Function],
         "openedTabs": [Function],
diff --git a/src/Explorer/Panes/StringInputPane.html b/src/Explorer/Panes/StringInputPane.html
deleted file mode 100644
index 313a4a870..000000000
--- a/src/Explorer/Panes/StringInputPane.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<div data-bind="visible: visible, event: { keydown: onPaneKeyDown }">
-  <div class="contextual-pane-out" data-bind="click: cancel, clickBubble: false"></div>
-  <div class="contextual-pane" id="stringInputPane">
-    <!-- String Input form  -- Start -->
-    <div class="contextual-pane-in">
-      <form class="paneContentContainer" data-bind="submit: submit">
-        <!-- String Input header - Start -->
-        <div class="firstdivbg headerline">
-          <span role="heading" aria-level="2" data-bind="text: title"></span>
-          <div class="closeImg" role="button" aria-label="Close pane" tabindex="0" data-bind="click: cancel"></div>
-        </div>
-        <!-- String Input header - End -->
-
-        <!-- String Input errors - Start -->
-        <div
-          class="warningErrorContainer"
-          aria-live="assertive"
-          data-bind="visible: formErrors() && formErrors() !== ''"
-        >
-          <div class="warningErrorContent">
-            <span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
-            <span class="warningErrorDetailsLinkContainer">
-              <span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
-              <a
-                class="errorLink"
-                role="link"
-                data-bind="visible: formErrorsDetails() && formErrorsDetails() !== '', click: showErrorDetails"
-                >More details</a
-              >
-            </span>
-          </div>
-        </div>
-        <!-- String Input errors - End -->
-
-        <!-- String Input inputs - Start -->
-        <div class="paneMainContent">
-          <div>
-            <p data-bind="text: inputLabel"></p>
-            <p>
-              <input
-                type="text"
-                name="collectionIdConfirmation"
-                required
-                class="collid"
-                data-bind="textInput: stringInput, hasFocus: firstFieldHasFocus"
-                aria-label="inputLabel"
-              />
-            </p>
-          </div>
-        </div>
-        <div class="paneFooter">
-          <div class="leftpanel-okbut">
-            <input type="submit" data-bind="attr: { value: submitButtonLabel }" class="btncreatecoll1" />
-          </div>
-        </div>
-        <!-- String Input inputs - End -->
-      </form>
-    </div>
-    <!-- String Input form  - Start -->
-    <!-- Loader - Start -->
-    <div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
-      <img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
-    </div>
-    <!-- Loader - End -->
-  </div>
-</div>
diff --git a/src/Explorer/Panes/StringInputPane.ts b/src/Explorer/Panes/StringInputPane.ts
deleted file mode 100644
index 0c28ce98b..000000000
--- a/src/Explorer/Panes/StringInputPane.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import * as ko from "knockout";
-import Q from "q";
-import * as ViewModels from "../../Contracts/ViewModels";
-import { logConsoleError, logConsoleInfo, logConsoleProgress } from "../../Utils/NotificationConsoleUtils";
-import { ContextualPaneBase } from "./ContextualPaneBase";
-
-export interface StringInputPaneOpenOptions {
-  paneTitle: string;
-  inputLabel: string;
-  errorMessage: string;
-  inProgressMessage: string;
-  successMessage: string;
-  onSubmit: (input: string) => Promise<any>;
-  submitButtonLabel: string;
-  defaultInput?: string;
-}
-
-/**
- * Generic pane to get a single string input from user
- */
-export class StringInputPane extends ContextualPaneBase {
-  private openOptions: StringInputPaneOpenOptions;
-  private submitButtonLabel: ko.Observable<string>;
-  private inputLabel: ko.Observable<string>;
-  private stringInput: ko.Observable<string>;
-
-  private paneDeferred: Q.Deferred<any>;
-
-  constructor(options: ViewModels.PaneOptions) {
-    super(options);
-    this.resetData();
-    this.inputLabel = ko.observable("");
-    this.submitButtonLabel = ko.observable("Load");
-    this.stringInput = ko.observable();
-  }
-
-  public submit() {
-    this.formErrors("");
-    this.formErrorsDetails("");
-
-    const clearInProgressMessage = logConsoleProgress(`${this.openOptions.inProgressMessage} ${this.stringInput()}`);
-    this.isExecuting(true);
-    this.openOptions
-      .onSubmit(this.stringInput())
-      .then(
-        (value: any) => {
-          logConsoleInfo(`${this.openOptions.successMessage}: ${this.stringInput()}`);
-          this.close();
-          this.paneDeferred.resolve(value);
-        },
-        (reason) => {
-          let error = reason;
-          if (reason instanceof Error) {
-            error = reason.message;
-          } else if (typeof reason === "object") {
-            error = JSON.stringify(reason);
-          }
-
-          // If it's an AjaxError (AjaxObservable), add more error
-          if (reason.response && reason.response.message) {
-            error += `. ${reason.response.message}`;
-          }
-
-          this.formErrors(this.openOptions.errorMessage);
-          this.formErrorsDetails(`${this.openOptions.errorMessage}: ${error}`);
-          logConsoleError(`${this.openOptions.errorMessage} ${this.stringInput()}: ${error}`);
-          this.paneDeferred.reject(error);
-        }
-      )
-      .finally(() => {
-        this.isExecuting(false);
-        clearInProgressMessage();
-      });
-  }
-
-  public close() {
-    super.close();
-    this.resetData();
-    this.resetFileInput();
-  }
-
-  public openWithOptions<T>(options: StringInputPaneOpenOptions): Q.Promise<T> {
-    this.openOptions = options;
-    this.title(this.openOptions.paneTitle);
-    if (this.openOptions.submitButtonLabel) {
-      this.submitButtonLabel(this.openOptions.submitButtonLabel);
-    }
-    this.inputLabel(this.openOptions.inputLabel);
-    this.stringInput(this.openOptions.defaultInput);
-
-    super.open();
-    this.paneDeferred = Q.defer<T>();
-    return this.paneDeferred.promise;
-  }
-
-  private resetFileInput(): void {
-    this.stringInput("");
-  }
-}
diff --git a/src/Explorer/Panes/StringInputPane/StringInputPane.test.tsx b/src/Explorer/Panes/StringInputPane/StringInputPane.test.tsx
new file mode 100644
index 000000000..0894d4fef
--- /dev/null
+++ b/src/Explorer/Panes/StringInputPane/StringInputPane.test.tsx
@@ -0,0 +1,28 @@
+import { mount } from "enzyme";
+import React from "react";
+import Explorer from "../../Explorer";
+import { StringInputPane } from "./StringInputPane";
+const props = {
+  explorer: new Explorer(),
+  closePanel: (): void => undefined,
+  errorMessage: "Could not create directory ",
+  inProgressMessage: "Creating directory ",
+  successMessage: "Created directory ",
+  inputLabel: "Enter new directory name",
+  paneTitle: "Create new directory",
+  submitButtonLabel: "Create",
+  defaultInput: "",
+  onSubmit: jest.fn(),
+  notebookFile: {
+    name: "Untitled1123.ipynb",
+    path: "notebooks/Untitled1123.ipynb",
+    type: 0,
+    timestamp: 1618452275805,
+  },
+};
+describe("StringInput Pane", () => {
+  it("should render Create new directory properly", () => {
+    const wrapper = mount(<StringInputPane {...props} />);
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/src/Explorer/Panes/StringInputPane/StringInputPane.tsx b/src/Explorer/Panes/StringInputPane/StringInputPane.tsx
new file mode 100644
index 000000000..239127824
--- /dev/null
+++ b/src/Explorer/Panes/StringInputPane/StringInputPane.tsx
@@ -0,0 +1,122 @@
+import { TextField } from "office-ui-fabric-react";
+import React, { FormEvent, FunctionComponent, useState } from "react";
+import * as ViewModels from "../../../Contracts/ViewModels";
+import { logConsoleError, logConsoleInfo, logConsoleProgress } from "../../../Utils/NotificationConsoleUtils";
+import Explorer from "../../Explorer";
+import * as FileSystemUtil from "../../Notebook/FileSystemUtil";
+import { NotebookContentItem } from "../../Notebook/NotebookContentItem";
+import NotebookV2Tab from "../../Tabs/NotebookV2Tab";
+import {
+  GenericRightPaneComponent,
+  GenericRightPaneProps,
+} from "../GenericRightPaneComponent/GenericRightPaneComponent";
+
+export interface StringInputPanelProps {
+  explorer: Explorer;
+  closePanel: () => void;
+  errorMessage: string;
+  inProgressMessage: string;
+  successMessage: string;
+  inputLabel: string;
+  paneTitle: string;
+  submitButtonLabel: string;
+  defaultInput: string;
+  onSubmit: (notebookFile: NotebookContentItem, input: string) => Promise<NotebookContentItem>;
+  notebookFile: NotebookContentItem;
+}
+
+export const StringInputPane: FunctionComponent<StringInputPanelProps> = ({
+  explorer: container,
+  closePanel,
+  errorMessage,
+  inProgressMessage,
+  successMessage,
+  inputLabel,
+  paneTitle,
+  submitButtonLabel,
+  defaultInput,
+  onSubmit,
+  notebookFile,
+}: StringInputPanelProps): JSX.Element => {
+  const [stringInput, setStringInput] = useState<string>(defaultInput);
+  const [formErrors, setFormErrors] = useState<string>("");
+  const [formErrorsDetails, setFormErrorsDetails] = useState<string>("");
+  const [isExecuting, setIsExecuting] = useState<boolean>(false);
+
+  const submit = async (): Promise<void> => {
+    if (stringInput === "") {
+      const errorMessage = "Please  " + inputLabel;
+      setFormErrors(errorMessage);
+      logConsoleError("Error while " + paneTitle + " : " + errorMessage);
+      return;
+    } else {
+      setFormErrors("");
+      setFormErrorsDetails("");
+    }
+
+    const clearMessage = logConsoleProgress(`${inProgressMessage} ${stringInput}`);
+    try {
+      const newNotebookFile: NotebookContentItem = await onSubmit(notebookFile, stringInput);
+      logConsoleInfo(`${successMessage}: ${stringInput}`);
+      const originalPath = notebookFile.path;
+
+      const notebookTabs = container.tabsManager.getTabs(
+        ViewModels.CollectionTabKind.NotebookV2,
+        (tab: NotebookV2Tab) => tab.notebookPath && FileSystemUtil.isPathEqual(tab.notebookPath(), originalPath)
+      );
+      notebookTabs.forEach((tab) => {
+        tab.tabTitle(newNotebookFile.name);
+        tab.tabPath(newNotebookFile.path);
+        (tab as NotebookV2Tab).notebookPath(newNotebookFile.path);
+      });
+      closePanel();
+    } catch (reason) {
+      let error = reason;
+      if (reason instanceof Error) {
+        error = reason.message;
+      } else if (typeof reason === "object") {
+        error = JSON.stringify(reason);
+      }
+
+      // If it's an AjaxError (AjaxObservable), add more error
+      if (reason?.response?.message) {
+        error += `. ${reason.response.message}`;
+      }
+
+      setFormErrors(errorMessage);
+      setFormErrorsDetails(`${errorMessage}: ${error}`);
+      logConsoleError(`${errorMessage} ${stringInput}: ${error}`);
+    } finally {
+      setIsExecuting(false);
+      clearMessage();
+    }
+  };
+  const genericPaneProps: GenericRightPaneProps = {
+    container: container,
+    formError: formErrors,
+    formErrorDetail: formErrorsDetails,
+    id: "stringInputPane",
+    isExecuting: isExecuting,
+    title: paneTitle,
+    submitButtonText: submitButtonLabel,
+    onClose: closePanel,
+    onSubmit: submit,
+  };
+  return (
+    <GenericRightPaneComponent {...genericPaneProps}>
+      <div className="paneMainContent">
+        <TextField
+          label={inputLabel}
+          name="collectionIdConfirmation"
+          value={stringInput}
+          autoFocus
+          required
+          onChange={(event: FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) =>
+            setStringInput(newValue)
+          }
+          aria-label={inputLabel}
+        />
+      </div>
+    </GenericRightPaneComponent>
+  );
+};
diff --git a/src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap b/src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap
new file mode 100644
index 000000000..eb4b1bfa1
--- /dev/null
+++ b/src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap
@@ -0,0 +1,4578 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StringInput Pane should render Create new directory properly 1`] = `
+<StringInputPane
+  closePanel={[Function]}
+  defaultInput=""
+  errorMessage="Could not create directory "
+  explorer={
+    Explorer {
+      "_closeModalDialog": [Function],
+      "_closeSynapseLinkModalDialog": [Function],
+      "_isAfecFeatureRegistered": [Function],
+      "_isInitializingNotebooks": false,
+      "_panes": Array [
+        AddDatabasePane {
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "databaseCreateNewShared": [Function],
+          "databaseId": [Function],
+          "databaseIdLabel": [Function],
+          "databaseIdPlaceHolder": [Function],
+          "databaseIdTooltipText": [Function],
+          "databaseLevelThroughputTooltipText": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "freeTierExceedThroughputTooltip": [Function],
+          "id": "adddatabasepane",
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFreeTierAccount": [Function],
+          "isTemplateReady": [Function],
+          "maxAutoPilotThroughputSet": [Function],
+          "maxThroughputRU": [Function],
+          "maxThroughputRUText": [Function],
+          "minThroughputRU": [Function],
+          "onMoreDetailsKeyPress": [Function],
+          "requestUnitsUsageCost": [Function],
+          "ruToolTipText": [Function],
+          "showUpsellMessage": [Function],
+          "throughput": [Function],
+          "throughputRangeText": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "upsellAnchorText": [Function],
+          "upsellAnchorUrl": [Function],
+          "upsellMessage": [Function],
+          "upsellMessageAriaLabel": [Function],
+          "visible": [Function],
+        },
+        AddCollectionPane {
+          "_isSynapseLinkEnabled": [Function],
+          "autoPilotThroughput": [Function],
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "collectionId": [Function],
+          "collectionIdTitle": [Function],
+          "collectionWithThroughputInShared": [Function],
+          "collectionWithThroughputInSharedTitle": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "databaseCreateNew": [Function],
+          "databaseCreateNewShared": [Function],
+          "databaseHasSharedOffer": [Function],
+          "databaseId": [Function],
+          "databaseIds": [Function],
+          "dedicatedRequestUnitsUsageCost": [Function],
+          "displayCollectionThroughput": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "formWarnings": [Function],
+          "freeTierExceedThroughputTooltip": [Function],
+          "id": "addcollectionpane",
+          "isAnalyticalStorageOn": [Function],
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFixedStorageSelected": [Function],
+          "isFreeTierAccount": [Function],
+          "isNonTableApi": [Function],
+          "isPreferredApiTable": [Function],
+          "isSharedAutoPilotSelected": [Function],
+          "isSynapseLinkSupported": [Function],
+          "isSynapseLinkUpdating": [Function],
+          "isTemplateReady": [Function],
+          "isTryCosmosDBSubscription": [Function],
+          "isUnlimitedStorageSelected": [Function],
+          "largePartitionKey": [Function],
+          "lowerCasePartitionKeyName": [Function],
+          "maxCollectionsReached": [Function],
+          "maxCollectionsReachedMessage": [Function],
+          "maxThroughputRU": [Function],
+          "minThroughputRU": [Function],
+          "onMoreDetailsKeyPress": [Function],
+          "partitionKey": [Function],
+          "partitionKeyName": [Function],
+          "partitionKeyPattern": [Function],
+          "partitionKeyPlaceholder": [Function],
+          "partitionKeyTitle": [Function],
+          "partitionKeyVisible": [Function],
+          "requestUnitsUsageCost": [Function],
+          "ruToolTipText": [Function],
+          "sharedAutoPilotThroughput": [Function],
+          "sharedThroughputRangeText": [Function],
+          "shouldCreateMongoWildcardIndex": [Function],
+          "shouldUseDatabaseThroughput": [Function],
+          "showAnalyticalStore": [Function],
+          "showEnableSynapseLink": [Function],
+          "showIndexingOptionsForSharedThroughput": [Function],
+          "showUpsellMessage": [Function],
+          "storage": [Function],
+          "throughputDatabase": [Function],
+          "throughputMultiPartition": [Function],
+          "throughputRangeText": [Function],
+          "throughputSinglePartition": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "ttl90DaysEnabled": [Function],
+          "uniqueKeys": [Function],
+          "uniqueKeysPlaceholder": [Function],
+          "uniqueKeysVisible": [Function],
+          "upsellAnchorText": [Function],
+          "upsellAnchorUrl": [Function],
+          "upsellMessage": [Function],
+          "upsellMessageAriaLabel": [Function],
+          "useIndexingForSharedThroughput": [Function],
+          "visible": [Function],
+        },
+        GraphStylingPane {
+          "container": [Circular],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "graphConfigUIData": Object {
+            "nodeCaptionChoice": [Function],
+            "nodeColorKeyChoice": [Function],
+            "nodeIconChoice": [Function],
+            "nodeIconSet": [Function],
+            "nodeProperties": [Function],
+            "nodePropertiesWithNone": [Function],
+            "showNeighborType": [Function],
+          },
+          "id": "graphstylingpane",
+          "isExecuting": [Function],
+          "isTemplateReady": [Function],
+          "title": [Function],
+          "visible": [Function],
+        },
+        CassandraAddCollectionPane {
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "createTableQuery": [Function],
+          "dedicateTableThroughput": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "id": "cassandraaddcollectionpane",
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFreeTierAccount": [Function],
+          "isSharedAutoPilotSelected": [Function],
+          "isTemplateReady": [Function],
+          "keyspaceCreateNew": [Function],
+          "keyspaceHasSharedOffer": [Function],
+          "keyspaceId": [Function],
+          "keyspaceIds": [Function],
+          "keyspaceOffers": HashMap {
+            "container": Object {},
+          },
+          "keyspaceThroughput": [Function],
+          "maxThroughputRU": [Function],
+          "minThroughputRU": [Function],
+          "requestUnitsUsageCostDedicated": [Function],
+          "requestUnitsUsageCostShared": [Function],
+          "ruToolTipText": [Function],
+          "selectedAutoPilotThroughput": [Function],
+          "sharedAutoPilotThroughput": [Function],
+          "sharedThroughputRangeText": [Function],
+          "sharedThroughputSpendAck": [Function],
+          "sharedThroughputSpendAckText": [Function],
+          "sharedThroughputSpendAckVisible": [Function],
+          "tableId": [Function],
+          "throughput": [Function],
+          "throughputRangeText": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "userTableQuery": [Function],
+          "visible": [Function],
+        },
+      ],
+      "_refreshSparkEnabledStateForAccount": [Function],
+      "_resetNotebookWorkspace": [Function],
+      "addCollectionPane": AddCollectionPane {
+        "_isSynapseLinkEnabled": [Function],
+        "autoPilotThroughput": [Function],
+        "autoPilotUsageCost": [Function],
+        "canConfigureThroughput": [Function],
+        "canExceedMaximumValue": [Function],
+        "canRequestSupport": [Function],
+        "collectionId": [Function],
+        "collectionIdTitle": [Function],
+        "collectionWithThroughputInShared": [Function],
+        "collectionWithThroughputInSharedTitle": [Function],
+        "container": [Circular],
+        "costsVisible": [Function],
+        "databaseCreateNew": [Function],
+        "databaseCreateNewShared": [Function],
+        "databaseHasSharedOffer": [Function],
+        "databaseId": [Function],
+        "databaseIds": [Function],
+        "dedicatedRequestUnitsUsageCost": [Function],
+        "displayCollectionThroughput": [Function],
+        "firstFieldHasFocus": [Function],
+        "formErrors": [Function],
+        "formErrorsDetails": [Function],
+        "formWarnings": [Function],
+        "freeTierExceedThroughputTooltip": [Function],
+        "id": "addcollectionpane",
+        "isAnalyticalStorageOn": [Function],
+        "isAutoPilotSelected": [Function],
+        "isExecuting": [Function],
+        "isFixedStorageSelected": [Function],
+        "isFreeTierAccount": [Function],
+        "isNonTableApi": [Function],
+        "isPreferredApiTable": [Function],
+        "isSharedAutoPilotSelected": [Function],
+        "isSynapseLinkSupported": [Function],
+        "isSynapseLinkUpdating": [Function],
+        "isTemplateReady": [Function],
+        "isTryCosmosDBSubscription": [Function],
+        "isUnlimitedStorageSelected": [Function],
+        "largePartitionKey": [Function],
+        "lowerCasePartitionKeyName": [Function],
+        "maxCollectionsReached": [Function],
+        "maxCollectionsReachedMessage": [Function],
+        "maxThroughputRU": [Function],
+        "minThroughputRU": [Function],
+        "onMoreDetailsKeyPress": [Function],
+        "partitionKey": [Function],
+        "partitionKeyName": [Function],
+        "partitionKeyPattern": [Function],
+        "partitionKeyPlaceholder": [Function],
+        "partitionKeyTitle": [Function],
+        "partitionKeyVisible": [Function],
+        "requestUnitsUsageCost": [Function],
+        "ruToolTipText": [Function],
+        "sharedAutoPilotThroughput": [Function],
+        "sharedThroughputRangeText": [Function],
+        "shouldCreateMongoWildcardIndex": [Function],
+        "shouldUseDatabaseThroughput": [Function],
+        "showAnalyticalStore": [Function],
+        "showEnableSynapseLink": [Function],
+        "showIndexingOptionsForSharedThroughput": [Function],
+        "showUpsellMessage": [Function],
+        "storage": [Function],
+        "throughputDatabase": [Function],
+        "throughputMultiPartition": [Function],
+        "throughputRangeText": [Function],
+        "throughputSinglePartition": [Function],
+        "throughputSpendAck": [Function],
+        "throughputSpendAckText": [Function],
+        "throughputSpendAckVisible": [Function],
+        "title": [Function],
+        "ttl90DaysEnabled": [Function],
+        "uniqueKeys": [Function],
+        "uniqueKeysPlaceholder": [Function],
+        "uniqueKeysVisible": [Function],
+        "upsellAnchorText": [Function],
+        "upsellAnchorUrl": [Function],
+        "upsellMessage": [Function],
+        "upsellMessageAriaLabel": [Function],
+        "useIndexingForSharedThroughput": [Function],
+        "visible": [Function],
+      },
+      "addCollectionText": [Function],
+      "addDatabasePane": AddDatabasePane {
+        "autoPilotUsageCost": [Function],
+        "canConfigureThroughput": [Function],
+        "canExceedMaximumValue": [Function],
+        "canRequestSupport": [Function],
+        "container": [Circular],
+        "costsVisible": [Function],
+        "databaseCreateNewShared": [Function],
+        "databaseId": [Function],
+        "databaseIdLabel": [Function],
+        "databaseIdPlaceHolder": [Function],
+        "databaseIdTooltipText": [Function],
+        "databaseLevelThroughputTooltipText": [Function],
+        "firstFieldHasFocus": [Function],
+        "formErrors": [Function],
+        "formErrorsDetails": [Function],
+        "freeTierExceedThroughputTooltip": [Function],
+        "id": "adddatabasepane",
+        "isAutoPilotSelected": [Function],
+        "isExecuting": [Function],
+        "isFreeTierAccount": [Function],
+        "isTemplateReady": [Function],
+        "maxAutoPilotThroughputSet": [Function],
+        "maxThroughputRU": [Function],
+        "maxThroughputRUText": [Function],
+        "minThroughputRU": [Function],
+        "onMoreDetailsKeyPress": [Function],
+        "requestUnitsUsageCost": [Function],
+        "ruToolTipText": [Function],
+        "showUpsellMessage": [Function],
+        "throughput": [Function],
+        "throughputRangeText": [Function],
+        "throughputSpendAck": [Function],
+        "throughputSpendAckText": [Function],
+        "throughputSpendAckVisible": [Function],
+        "title": [Function],
+        "upsellAnchorText": [Function],
+        "upsellAnchorUrl": [Function],
+        "upsellMessage": [Function],
+        "upsellMessageAriaLabel": [Function],
+        "visible": [Function],
+      },
+      "addDatabaseText": [Function],
+      "arcadiaToken": [Function],
+      "canExceedMaximumValue": [Function],
+      "canSaveQueries": [Function],
+      "cassandraAddCollectionPane": CassandraAddCollectionPane {
+        "autoPilotUsageCost": [Function],
+        "canConfigureThroughput": [Function],
+        "canExceedMaximumValue": [Function],
+        "canRequestSupport": [Function],
+        "container": [Circular],
+        "costsVisible": [Function],
+        "createTableQuery": [Function],
+        "dedicateTableThroughput": [Function],
+        "firstFieldHasFocus": [Function],
+        "formErrors": [Function],
+        "formErrorsDetails": [Function],
+        "id": "cassandraaddcollectionpane",
+        "isAutoPilotSelected": [Function],
+        "isExecuting": [Function],
+        "isFreeTierAccount": [Function],
+        "isSharedAutoPilotSelected": [Function],
+        "isTemplateReady": [Function],
+        "keyspaceCreateNew": [Function],
+        "keyspaceHasSharedOffer": [Function],
+        "keyspaceId": [Function],
+        "keyspaceIds": [Function],
+        "keyspaceOffers": HashMap {
+          "container": Object {},
+        },
+        "keyspaceThroughput": [Function],
+        "maxThroughputRU": [Function],
+        "minThroughputRU": [Function],
+        "requestUnitsUsageCostDedicated": [Function],
+        "requestUnitsUsageCostShared": [Function],
+        "ruToolTipText": [Function],
+        "selectedAutoPilotThroughput": [Function],
+        "sharedAutoPilotThroughput": [Function],
+        "sharedThroughputRangeText": [Function],
+        "sharedThroughputSpendAck": [Function],
+        "sharedThroughputSpendAckText": [Function],
+        "sharedThroughputSpendAckVisible": [Function],
+        "tableId": [Function],
+        "throughput": [Function],
+        "throughputRangeText": [Function],
+        "throughputSpendAck": [Function],
+        "throughputSpendAckText": [Function],
+        "throughputSpendAckVisible": [Function],
+        "title": [Function],
+        "userTableQuery": [Function],
+        "visible": [Function],
+      },
+      "clickHostedAccountSwitch": [Function],
+      "clickHostedDirectorySwitch": [Function],
+      "closeDialog": undefined,
+      "closeSidePanel": undefined,
+      "collapsedResourceTreeWidth": 36,
+      "collectionCreationDefaults": Object {
+        "storage": "100",
+        "throughput": Object {
+          "fixed": 400,
+          "shared": 400,
+          "unlimited": 400,
+          "unlimitedmax": 1000000,
+          "unlimitedmin": 400,
+        },
+      },
+      "collectionTitle": [Function],
+      "collectionTreeNodeAltText": [Function],
+      "commandBarComponentAdapter": CommandBarComponentAdapter {
+        "container": [Circular],
+        "isNotebookTabActive": [Function],
+        "parameters": [Function],
+        "tabsButtons": Array [],
+      },
+      "databaseAccount": [Function],
+      "databases": [Function],
+      "defaultExperience": [Function],
+      "deleteCollectionText": [Function],
+      "deleteDatabaseText": [Function],
+      "graphStylingPane": GraphStylingPane {
+        "container": [Circular],
+        "firstFieldHasFocus": [Function],
+        "formErrors": [Function],
+        "formErrorsDetails": [Function],
+        "graphConfigUIData": Object {
+          "nodeCaptionChoice": [Function],
+          "nodeColorKeyChoice": [Function],
+          "nodeIconChoice": [Function],
+          "nodeIconSet": [Function],
+          "nodeProperties": [Function],
+          "nodePropertiesWithNone": [Function],
+          "showNeighborType": [Function],
+        },
+        "id": "graphstylingpane",
+        "isExecuting": [Function],
+        "isTemplateReady": [Function],
+        "title": [Function],
+        "visible": [Function],
+      },
+      "hasStorageAnalyticsAfecFeature": [Function],
+      "isAccountReady": [Function],
+      "isAutoscaleDefaultEnabled": [Function],
+      "isEnableMongoCapabilityPresent": [Function],
+      "isFixedCollectionWithSharedThroughputSupported": [Function],
+      "isGitHubPaneEnabled": [Function],
+      "isHostedDataExplorerEnabled": [Function],
+      "isLeftPaneExpanded": [Function],
+      "isMongoIndexingEnabled": [Function],
+      "isNotebookEnabled": [Function],
+      "isNotebooksEnabledForAccount": [Function],
+      "isPreferredApiMongoDB": [Function],
+      "isPublishNotebookPaneEnabled": [Function],
+      "isResourceTokenCollectionNodeSelected": [Function],
+      "isRightPanelV2Enabled": [Function],
+      "isSchemaEnabled": [Function],
+      "isServerlessEnabled": [Function],
+      "isSparkEnabled": [Function],
+      "isSparkEnabledForAccount": [Function],
+      "isSynapseLinkUpdating": [Function],
+      "isTabsContentExpanded": [Function],
+      "memoryUsageInfo": [Function],
+      "notebookBasePath": [Function],
+      "notebookServerInfo": [Function],
+      "onRefreshDatabasesKeyPress": [Function],
+      "onRefreshResourcesClick": [Function],
+      "onSwitchToConnectionString": [Function],
+      "openDialog": undefined,
+      "openSidePanel": undefined,
+      "provideFeedbackEmail": [Function],
+      "queriesClient": QueriesClient {
+        "container": [Circular],
+      },
+      "refreshDatabaseAccount": [Function],
+      "refreshNotebookList": [Function],
+      "refreshTreeTitle": [Function],
+      "resourceTokenCollection": [Function],
+      "resourceTokenCollectionId": [Function],
+      "resourceTokenDatabaseId": [Function],
+      "resourceTokenPartitionKey": [Function],
+      "resourceTree": ResourceTreeAdapter {
+        "container": [Circular],
+        "copyNotebook": [Function],
+        "databaseCollectionIdMap": ArrayHashMap {
+          "store": HashMap {
+            "container": Object {},
+          },
+        },
+        "koSubsCollectionIdMap": ArrayHashMap {
+          "store": HashMap {
+            "container": Object {},
+          },
+        },
+        "koSubsDatabaseIdMap": ArrayHashMap {
+          "store": HashMap {
+            "container": Object {},
+          },
+        },
+        "parameters": [Function],
+      },
+      "resourceTreeForResourceToken": ResourceTreeAdapterForResourceToken {
+        "container": [Circular],
+        "parameters": [Function],
+      },
+      "selectedDatabaseId": [Function],
+      "selectedNode": [Function],
+      "setInProgressConsoleDataIdToBeDeleted": undefined,
+      "setIsNotificationConsoleExpanded": undefined,
+      "setNotificationConsoleData": undefined,
+      "signInAad": [Function],
+      "sparkClusterConnectionInfo": [Function],
+      "splitter": Splitter {
+        "bounds": Object {
+          "max": 400,
+          "min": 240,
+        },
+        "direction": "vertical",
+        "isCollapsed": [Function],
+        "leftSideId": "resourcetree",
+        "onResizeStart": [Function],
+        "onResizeStop": [Function],
+        "splitterId": "h_splitter1",
+      },
+      "tabsManager": TabsManager {
+        "activeTab": [Function],
+        "openedTabs": [Function],
+      },
+      "toggleLeftPaneExpandedKeyPress": [Function],
+    }
+  }
+  inProgressMessage="Creating directory "
+  inputLabel="Enter new directory name"
+  notebookFile={
+    Object {
+      "name": "Untitled1123.ipynb",
+      "path": "notebooks/Untitled1123.ipynb",
+      "timestamp": 1618452275805,
+      "type": 0,
+    }
+  }
+  onSubmit={[MockFunction]}
+  paneTitle="Create new directory"
+  submitButtonLabel="Create"
+  successMessage="Created directory "
+>
+  <GenericRightPaneComponent
+    container={
+      Explorer {
+        "_closeModalDialog": [Function],
+        "_closeSynapseLinkModalDialog": [Function],
+        "_isAfecFeatureRegistered": [Function],
+        "_isInitializingNotebooks": false,
+        "_panes": Array [
+          AddDatabasePane {
+            "autoPilotUsageCost": [Function],
+            "canConfigureThroughput": [Function],
+            "canExceedMaximumValue": [Function],
+            "canRequestSupport": [Function],
+            "container": [Circular],
+            "costsVisible": [Function],
+            "databaseCreateNewShared": [Function],
+            "databaseId": [Function],
+            "databaseIdLabel": [Function],
+            "databaseIdPlaceHolder": [Function],
+            "databaseIdTooltipText": [Function],
+            "databaseLevelThroughputTooltipText": [Function],
+            "firstFieldHasFocus": [Function],
+            "formErrors": [Function],
+            "formErrorsDetails": [Function],
+            "freeTierExceedThroughputTooltip": [Function],
+            "id": "adddatabasepane",
+            "isAutoPilotSelected": [Function],
+            "isExecuting": [Function],
+            "isFreeTierAccount": [Function],
+            "isTemplateReady": [Function],
+            "maxAutoPilotThroughputSet": [Function],
+            "maxThroughputRU": [Function],
+            "maxThroughputRUText": [Function],
+            "minThroughputRU": [Function],
+            "onMoreDetailsKeyPress": [Function],
+            "requestUnitsUsageCost": [Function],
+            "ruToolTipText": [Function],
+            "showUpsellMessage": [Function],
+            "throughput": [Function],
+            "throughputRangeText": [Function],
+            "throughputSpendAck": [Function],
+            "throughputSpendAckText": [Function],
+            "throughputSpendAckVisible": [Function],
+            "title": [Function],
+            "upsellAnchorText": [Function],
+            "upsellAnchorUrl": [Function],
+            "upsellMessage": [Function],
+            "upsellMessageAriaLabel": [Function],
+            "visible": [Function],
+          },
+          AddCollectionPane {
+            "_isSynapseLinkEnabled": [Function],
+            "autoPilotThroughput": [Function],
+            "autoPilotUsageCost": [Function],
+            "canConfigureThroughput": [Function],
+            "canExceedMaximumValue": [Function],
+            "canRequestSupport": [Function],
+            "collectionId": [Function],
+            "collectionIdTitle": [Function],
+            "collectionWithThroughputInShared": [Function],
+            "collectionWithThroughputInSharedTitle": [Function],
+            "container": [Circular],
+            "costsVisible": [Function],
+            "databaseCreateNew": [Function],
+            "databaseCreateNewShared": [Function],
+            "databaseHasSharedOffer": [Function],
+            "databaseId": [Function],
+            "databaseIds": [Function],
+            "dedicatedRequestUnitsUsageCost": [Function],
+            "displayCollectionThroughput": [Function],
+            "firstFieldHasFocus": [Function],
+            "formErrors": [Function],
+            "formErrorsDetails": [Function],
+            "formWarnings": [Function],
+            "freeTierExceedThroughputTooltip": [Function],
+            "id": "addcollectionpane",
+            "isAnalyticalStorageOn": [Function],
+            "isAutoPilotSelected": [Function],
+            "isExecuting": [Function],
+            "isFixedStorageSelected": [Function],
+            "isFreeTierAccount": [Function],
+            "isNonTableApi": [Function],
+            "isPreferredApiTable": [Function],
+            "isSharedAutoPilotSelected": [Function],
+            "isSynapseLinkSupported": [Function],
+            "isSynapseLinkUpdating": [Function],
+            "isTemplateReady": [Function],
+            "isTryCosmosDBSubscription": [Function],
+            "isUnlimitedStorageSelected": [Function],
+            "largePartitionKey": [Function],
+            "lowerCasePartitionKeyName": [Function],
+            "maxCollectionsReached": [Function],
+            "maxCollectionsReachedMessage": [Function],
+            "maxThroughputRU": [Function],
+            "minThroughputRU": [Function],
+            "onMoreDetailsKeyPress": [Function],
+            "partitionKey": [Function],
+            "partitionKeyName": [Function],
+            "partitionKeyPattern": [Function],
+            "partitionKeyPlaceholder": [Function],
+            "partitionKeyTitle": [Function],
+            "partitionKeyVisible": [Function],
+            "requestUnitsUsageCost": [Function],
+            "ruToolTipText": [Function],
+            "sharedAutoPilotThroughput": [Function],
+            "sharedThroughputRangeText": [Function],
+            "shouldCreateMongoWildcardIndex": [Function],
+            "shouldUseDatabaseThroughput": [Function],
+            "showAnalyticalStore": [Function],
+            "showEnableSynapseLink": [Function],
+            "showIndexingOptionsForSharedThroughput": [Function],
+            "showUpsellMessage": [Function],
+            "storage": [Function],
+            "throughputDatabase": [Function],
+            "throughputMultiPartition": [Function],
+            "throughputRangeText": [Function],
+            "throughputSinglePartition": [Function],
+            "throughputSpendAck": [Function],
+            "throughputSpendAckText": [Function],
+            "throughputSpendAckVisible": [Function],
+            "title": [Function],
+            "ttl90DaysEnabled": [Function],
+            "uniqueKeys": [Function],
+            "uniqueKeysPlaceholder": [Function],
+            "uniqueKeysVisible": [Function],
+            "upsellAnchorText": [Function],
+            "upsellAnchorUrl": [Function],
+            "upsellMessage": [Function],
+            "upsellMessageAriaLabel": [Function],
+            "useIndexingForSharedThroughput": [Function],
+            "visible": [Function],
+          },
+          GraphStylingPane {
+            "container": [Circular],
+            "firstFieldHasFocus": [Function],
+            "formErrors": [Function],
+            "formErrorsDetails": [Function],
+            "graphConfigUIData": Object {
+              "nodeCaptionChoice": [Function],
+              "nodeColorKeyChoice": [Function],
+              "nodeIconChoice": [Function],
+              "nodeIconSet": [Function],
+              "nodeProperties": [Function],
+              "nodePropertiesWithNone": [Function],
+              "showNeighborType": [Function],
+            },
+            "id": "graphstylingpane",
+            "isExecuting": [Function],
+            "isTemplateReady": [Function],
+            "title": [Function],
+            "visible": [Function],
+          },
+          CassandraAddCollectionPane {
+            "autoPilotUsageCost": [Function],
+            "canConfigureThroughput": [Function],
+            "canExceedMaximumValue": [Function],
+            "canRequestSupport": [Function],
+            "container": [Circular],
+            "costsVisible": [Function],
+            "createTableQuery": [Function],
+            "dedicateTableThroughput": [Function],
+            "firstFieldHasFocus": [Function],
+            "formErrors": [Function],
+            "formErrorsDetails": [Function],
+            "id": "cassandraaddcollectionpane",
+            "isAutoPilotSelected": [Function],
+            "isExecuting": [Function],
+            "isFreeTierAccount": [Function],
+            "isSharedAutoPilotSelected": [Function],
+            "isTemplateReady": [Function],
+            "keyspaceCreateNew": [Function],
+            "keyspaceHasSharedOffer": [Function],
+            "keyspaceId": [Function],
+            "keyspaceIds": [Function],
+            "keyspaceOffers": HashMap {
+              "container": Object {},
+            },
+            "keyspaceThroughput": [Function],
+            "maxThroughputRU": [Function],
+            "minThroughputRU": [Function],
+            "requestUnitsUsageCostDedicated": [Function],
+            "requestUnitsUsageCostShared": [Function],
+            "ruToolTipText": [Function],
+            "selectedAutoPilotThroughput": [Function],
+            "sharedAutoPilotThroughput": [Function],
+            "sharedThroughputRangeText": [Function],
+            "sharedThroughputSpendAck": [Function],
+            "sharedThroughputSpendAckText": [Function],
+            "sharedThroughputSpendAckVisible": [Function],
+            "tableId": [Function],
+            "throughput": [Function],
+            "throughputRangeText": [Function],
+            "throughputSpendAck": [Function],
+            "throughputSpendAckText": [Function],
+            "throughputSpendAckVisible": [Function],
+            "title": [Function],
+            "userTableQuery": [Function],
+            "visible": [Function],
+          },
+        ],
+        "_refreshSparkEnabledStateForAccount": [Function],
+        "_resetNotebookWorkspace": [Function],
+        "addCollectionPane": AddCollectionPane {
+          "_isSynapseLinkEnabled": [Function],
+          "autoPilotThroughput": [Function],
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "collectionId": [Function],
+          "collectionIdTitle": [Function],
+          "collectionWithThroughputInShared": [Function],
+          "collectionWithThroughputInSharedTitle": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "databaseCreateNew": [Function],
+          "databaseCreateNewShared": [Function],
+          "databaseHasSharedOffer": [Function],
+          "databaseId": [Function],
+          "databaseIds": [Function],
+          "dedicatedRequestUnitsUsageCost": [Function],
+          "displayCollectionThroughput": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "formWarnings": [Function],
+          "freeTierExceedThroughputTooltip": [Function],
+          "id": "addcollectionpane",
+          "isAnalyticalStorageOn": [Function],
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFixedStorageSelected": [Function],
+          "isFreeTierAccount": [Function],
+          "isNonTableApi": [Function],
+          "isPreferredApiTable": [Function],
+          "isSharedAutoPilotSelected": [Function],
+          "isSynapseLinkSupported": [Function],
+          "isSynapseLinkUpdating": [Function],
+          "isTemplateReady": [Function],
+          "isTryCosmosDBSubscription": [Function],
+          "isUnlimitedStorageSelected": [Function],
+          "largePartitionKey": [Function],
+          "lowerCasePartitionKeyName": [Function],
+          "maxCollectionsReached": [Function],
+          "maxCollectionsReachedMessage": [Function],
+          "maxThroughputRU": [Function],
+          "minThroughputRU": [Function],
+          "onMoreDetailsKeyPress": [Function],
+          "partitionKey": [Function],
+          "partitionKeyName": [Function],
+          "partitionKeyPattern": [Function],
+          "partitionKeyPlaceholder": [Function],
+          "partitionKeyTitle": [Function],
+          "partitionKeyVisible": [Function],
+          "requestUnitsUsageCost": [Function],
+          "ruToolTipText": [Function],
+          "sharedAutoPilotThroughput": [Function],
+          "sharedThroughputRangeText": [Function],
+          "shouldCreateMongoWildcardIndex": [Function],
+          "shouldUseDatabaseThroughput": [Function],
+          "showAnalyticalStore": [Function],
+          "showEnableSynapseLink": [Function],
+          "showIndexingOptionsForSharedThroughput": [Function],
+          "showUpsellMessage": [Function],
+          "storage": [Function],
+          "throughputDatabase": [Function],
+          "throughputMultiPartition": [Function],
+          "throughputRangeText": [Function],
+          "throughputSinglePartition": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "ttl90DaysEnabled": [Function],
+          "uniqueKeys": [Function],
+          "uniqueKeysPlaceholder": [Function],
+          "uniqueKeysVisible": [Function],
+          "upsellAnchorText": [Function],
+          "upsellAnchorUrl": [Function],
+          "upsellMessage": [Function],
+          "upsellMessageAriaLabel": [Function],
+          "useIndexingForSharedThroughput": [Function],
+          "visible": [Function],
+        },
+        "addCollectionText": [Function],
+        "addDatabasePane": AddDatabasePane {
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "databaseCreateNewShared": [Function],
+          "databaseId": [Function],
+          "databaseIdLabel": [Function],
+          "databaseIdPlaceHolder": [Function],
+          "databaseIdTooltipText": [Function],
+          "databaseLevelThroughputTooltipText": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "freeTierExceedThroughputTooltip": [Function],
+          "id": "adddatabasepane",
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFreeTierAccount": [Function],
+          "isTemplateReady": [Function],
+          "maxAutoPilotThroughputSet": [Function],
+          "maxThroughputRU": [Function],
+          "maxThroughputRUText": [Function],
+          "minThroughputRU": [Function],
+          "onMoreDetailsKeyPress": [Function],
+          "requestUnitsUsageCost": [Function],
+          "ruToolTipText": [Function],
+          "showUpsellMessage": [Function],
+          "throughput": [Function],
+          "throughputRangeText": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "upsellAnchorText": [Function],
+          "upsellAnchorUrl": [Function],
+          "upsellMessage": [Function],
+          "upsellMessageAriaLabel": [Function],
+          "visible": [Function],
+        },
+        "addDatabaseText": [Function],
+        "arcadiaToken": [Function],
+        "canExceedMaximumValue": [Function],
+        "canSaveQueries": [Function],
+        "cassandraAddCollectionPane": CassandraAddCollectionPane {
+          "autoPilotUsageCost": [Function],
+          "canConfigureThroughput": [Function],
+          "canExceedMaximumValue": [Function],
+          "canRequestSupport": [Function],
+          "container": [Circular],
+          "costsVisible": [Function],
+          "createTableQuery": [Function],
+          "dedicateTableThroughput": [Function],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "id": "cassandraaddcollectionpane",
+          "isAutoPilotSelected": [Function],
+          "isExecuting": [Function],
+          "isFreeTierAccount": [Function],
+          "isSharedAutoPilotSelected": [Function],
+          "isTemplateReady": [Function],
+          "keyspaceCreateNew": [Function],
+          "keyspaceHasSharedOffer": [Function],
+          "keyspaceId": [Function],
+          "keyspaceIds": [Function],
+          "keyspaceOffers": HashMap {
+            "container": Object {},
+          },
+          "keyspaceThroughput": [Function],
+          "maxThroughputRU": [Function],
+          "minThroughputRU": [Function],
+          "requestUnitsUsageCostDedicated": [Function],
+          "requestUnitsUsageCostShared": [Function],
+          "ruToolTipText": [Function],
+          "selectedAutoPilotThroughput": [Function],
+          "sharedAutoPilotThroughput": [Function],
+          "sharedThroughputRangeText": [Function],
+          "sharedThroughputSpendAck": [Function],
+          "sharedThroughputSpendAckText": [Function],
+          "sharedThroughputSpendAckVisible": [Function],
+          "tableId": [Function],
+          "throughput": [Function],
+          "throughputRangeText": [Function],
+          "throughputSpendAck": [Function],
+          "throughputSpendAckText": [Function],
+          "throughputSpendAckVisible": [Function],
+          "title": [Function],
+          "userTableQuery": [Function],
+          "visible": [Function],
+        },
+        "clickHostedAccountSwitch": [Function],
+        "clickHostedDirectorySwitch": [Function],
+        "closeDialog": undefined,
+        "closeSidePanel": undefined,
+        "collapsedResourceTreeWidth": 36,
+        "collectionCreationDefaults": Object {
+          "storage": "100",
+          "throughput": Object {
+            "fixed": 400,
+            "shared": 400,
+            "unlimited": 400,
+            "unlimitedmax": 1000000,
+            "unlimitedmin": 400,
+          },
+        },
+        "collectionTitle": [Function],
+        "collectionTreeNodeAltText": [Function],
+        "commandBarComponentAdapter": CommandBarComponentAdapter {
+          "container": [Circular],
+          "isNotebookTabActive": [Function],
+          "parameters": [Function],
+          "tabsButtons": Array [],
+        },
+        "databaseAccount": [Function],
+        "databases": [Function],
+        "defaultExperience": [Function],
+        "deleteCollectionText": [Function],
+        "deleteDatabaseText": [Function],
+        "graphStylingPane": GraphStylingPane {
+          "container": [Circular],
+          "firstFieldHasFocus": [Function],
+          "formErrors": [Function],
+          "formErrorsDetails": [Function],
+          "graphConfigUIData": Object {
+            "nodeCaptionChoice": [Function],
+            "nodeColorKeyChoice": [Function],
+            "nodeIconChoice": [Function],
+            "nodeIconSet": [Function],
+            "nodeProperties": [Function],
+            "nodePropertiesWithNone": [Function],
+            "showNeighborType": [Function],
+          },
+          "id": "graphstylingpane",
+          "isExecuting": [Function],
+          "isTemplateReady": [Function],
+          "title": [Function],
+          "visible": [Function],
+        },
+        "hasStorageAnalyticsAfecFeature": [Function],
+        "isAccountReady": [Function],
+        "isAutoscaleDefaultEnabled": [Function],
+        "isEnableMongoCapabilityPresent": [Function],
+        "isFixedCollectionWithSharedThroughputSupported": [Function],
+        "isGitHubPaneEnabled": [Function],
+        "isHostedDataExplorerEnabled": [Function],
+        "isLeftPaneExpanded": [Function],
+        "isMongoIndexingEnabled": [Function],
+        "isNotebookEnabled": [Function],
+        "isNotebooksEnabledForAccount": [Function],
+        "isPreferredApiMongoDB": [Function],
+        "isPublishNotebookPaneEnabled": [Function],
+        "isResourceTokenCollectionNodeSelected": [Function],
+        "isRightPanelV2Enabled": [Function],
+        "isSchemaEnabled": [Function],
+        "isServerlessEnabled": [Function],
+        "isSparkEnabled": [Function],
+        "isSparkEnabledForAccount": [Function],
+        "isSynapseLinkUpdating": [Function],
+        "isTabsContentExpanded": [Function],
+        "memoryUsageInfo": [Function],
+        "notebookBasePath": [Function],
+        "notebookServerInfo": [Function],
+        "onRefreshDatabasesKeyPress": [Function],
+        "onRefreshResourcesClick": [Function],
+        "onSwitchToConnectionString": [Function],
+        "openDialog": undefined,
+        "openSidePanel": undefined,
+        "provideFeedbackEmail": [Function],
+        "queriesClient": QueriesClient {
+          "container": [Circular],
+        },
+        "refreshDatabaseAccount": [Function],
+        "refreshNotebookList": [Function],
+        "refreshTreeTitle": [Function],
+        "resourceTokenCollection": [Function],
+        "resourceTokenCollectionId": [Function],
+        "resourceTokenDatabaseId": [Function],
+        "resourceTokenPartitionKey": [Function],
+        "resourceTree": ResourceTreeAdapter {
+          "container": [Circular],
+          "copyNotebook": [Function],
+          "databaseCollectionIdMap": ArrayHashMap {
+            "store": HashMap {
+              "container": Object {},
+            },
+          },
+          "koSubsCollectionIdMap": ArrayHashMap {
+            "store": HashMap {
+              "container": Object {},
+            },
+          },
+          "koSubsDatabaseIdMap": ArrayHashMap {
+            "store": HashMap {
+              "container": Object {},
+            },
+          },
+          "parameters": [Function],
+        },
+        "resourceTreeForResourceToken": ResourceTreeAdapterForResourceToken {
+          "container": [Circular],
+          "parameters": [Function],
+        },
+        "selectedDatabaseId": [Function],
+        "selectedNode": [Function],
+        "setInProgressConsoleDataIdToBeDeleted": undefined,
+        "setIsNotificationConsoleExpanded": undefined,
+        "setNotificationConsoleData": undefined,
+        "signInAad": [Function],
+        "sparkClusterConnectionInfo": [Function],
+        "splitter": Splitter {
+          "bounds": Object {
+            "max": 400,
+            "min": 240,
+          },
+          "direction": "vertical",
+          "isCollapsed": [Function],
+          "leftSideId": "resourcetree",
+          "onResizeStart": [Function],
+          "onResizeStop": [Function],
+          "splitterId": "h_splitter1",
+        },
+        "tabsManager": TabsManager {
+          "activeTab": [Function],
+          "openedTabs": [Function],
+        },
+        "toggleLeftPaneExpandedKeyPress": [Function],
+      }
+    }
+    formError=""
+    formErrorDetail=""
+    id="stringInputPane"
+    isExecuting={false}
+    onClose={[Function]}
+    onSubmit={[Function]}
+    submitButtonText="Create"
+    title="Create new directory"
+  >
+    <div
+      onKeyDown={[Function]}
+      tabIndex={-1}
+    >
+      <div
+        className="contextual-pane-out"
+        onClick={[Function]}
+      />
+      <div
+        className="contextual-pane"
+        id="stringInputPane"
+        onKeyDown={[Function]}
+        style={
+          Object {
+            "height": NaN,
+          }
+        }
+      >
+        <div
+          className="panelContentWrapper"
+        >
+          <div
+            className="firstdivbg headerline"
+          >
+            <span
+              aria-level={2}
+              id="databaseTitle"
+              role="heading"
+            >
+              Create new directory
+            </span>
+            <CustomizedIconButton
+              ariaLabel="Close pane"
+              className="closePaneBtn"
+              iconProps={
+                Object {
+                  "iconName": "Cancel",
+                }
+              }
+              onClick={[Function]}
+              tabIndex={0}
+              title="Close pane"
+            >
+              <IconButton
+                ariaLabel="Close pane"
+                className="closePaneBtn"
+                iconProps={
+                  Object {
+                    "iconName": "Cancel",
+                  }
+                }
+                onClick={[Function]}
+                tabIndex={0}
+                theme={
+                  Object {
+                    "disableGlobalClassNames": false,
+                    "effects": Object {
+                      "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                      "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                      "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                      "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                      "roundedCorner2": "2px",
+                      "roundedCorner4": "4px",
+                      "roundedCorner6": "6px",
+                    },
+                    "fonts": Object {
+                      "large": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "18px",
+                        "fontWeight": 400,
+                      },
+                      "medium": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "14px",
+                        "fontWeight": 400,
+                      },
+                      "mediumPlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "16px",
+                        "fontWeight": 400,
+                      },
+                      "mega": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "68px",
+                        "fontWeight": 600,
+                      },
+                      "small": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "12px",
+                        "fontWeight": 400,
+                      },
+                      "smallPlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "12px",
+                        "fontWeight": 400,
+                      },
+                      "superLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "42px",
+                        "fontWeight": 600,
+                      },
+                      "tiny": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "10px",
+                        "fontWeight": 400,
+                      },
+                      "xLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "20px",
+                        "fontWeight": 600,
+                      },
+                      "xLargePlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "24px",
+                        "fontWeight": 600,
+                      },
+                      "xSmall": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "10px",
+                        "fontWeight": 400,
+                      },
+                      "xxLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "28px",
+                        "fontWeight": 600,
+                      },
+                      "xxLargePlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "32px",
+                        "fontWeight": 600,
+                      },
+                    },
+                    "isInverted": false,
+                    "palette": Object {
+                      "accent": "#0078d4",
+                      "black": "#000000",
+                      "blackTranslucent40": "rgba(0,0,0,.4)",
+                      "blue": "#0078d4",
+                      "blueDark": "#002050",
+                      "blueLight": "#00bcf2",
+                      "blueMid": "#00188f",
+                      "green": "#107c10",
+                      "greenDark": "#004b1c",
+                      "greenLight": "#bad80a",
+                      "magenta": "#b4009e",
+                      "magentaDark": "#5c005c",
+                      "magentaLight": "#e3008c",
+                      "neutralDark": "#201f1e",
+                      "neutralLight": "#edebe9",
+                      "neutralLighter": "#f3f2f1",
+                      "neutralLighterAlt": "#faf9f8",
+                      "neutralPrimary": "#323130",
+                      "neutralPrimaryAlt": "#3b3a39",
+                      "neutralQuaternary": "#d2d0ce",
+                      "neutralQuaternaryAlt": "#e1dfdd",
+                      "neutralSecondary": "#605e5c",
+                      "neutralSecondaryAlt": "#8a8886",
+                      "neutralTertiary": "#a19f9d",
+                      "neutralTertiaryAlt": "#c8c6c4",
+                      "orange": "#d83b01",
+                      "orangeLight": "#ea4300",
+                      "orangeLighter": "#ff8c00",
+                      "purple": "#5c2d91",
+                      "purpleDark": "#32145a",
+                      "purpleLight": "#b4a0ff",
+                      "red": "#e81123",
+                      "redDark": "#a4262c",
+                      "teal": "#008272",
+                      "tealDark": "#004b50",
+                      "tealLight": "#00b294",
+                      "themeDark": "#005a9e",
+                      "themeDarkAlt": "#106ebe",
+                      "themeDarker": "#004578",
+                      "themeLight": "#c7e0f4",
+                      "themeLighter": "#deecf9",
+                      "themeLighterAlt": "#eff6fc",
+                      "themePrimary": "#0078d4",
+                      "themeSecondary": "#2b88d8",
+                      "themeTertiary": "#71afe5",
+                      "white": "#ffffff",
+                      "whiteTranslucent40": "rgba(255,255,255,.4)",
+                      "yellow": "#ffb900",
+                      "yellowDark": "#d29200",
+                      "yellowLight": "#fff100",
+                    },
+                    "rtl": undefined,
+                    "semanticColors": Object {
+                      "accentButtonBackground": "#0078d4",
+                      "accentButtonText": "#ffffff",
+                      "actionLink": "#323130",
+                      "actionLinkHovered": "#201f1e",
+                      "blockingBackground": "#FDE7E9",
+                      "blockingIcon": "#FDE7E9",
+                      "bodyBackground": "#ffffff",
+                      "bodyBackgroundChecked": "#edebe9",
+                      "bodyBackgroundHovered": "#f3f2f1",
+                      "bodyDivider": "#edebe9",
+                      "bodyFrameBackground": "#ffffff",
+                      "bodyFrameDivider": "#edebe9",
+                      "bodyStandoutBackground": "#faf9f8",
+                      "bodySubtext": "#605e5c",
+                      "bodyText": "#323130",
+                      "bodyTextChecked": "#000000",
+                      "buttonBackground": "#ffffff",
+                      "buttonBackgroundChecked": "#c8c6c4",
+                      "buttonBackgroundCheckedHovered": "#edebe9",
+                      "buttonBackgroundDisabled": "#f3f2f1",
+                      "buttonBackgroundHovered": "#f3f2f1",
+                      "buttonBackgroundPressed": "#edebe9",
+                      "buttonBorder": "#8a8886",
+                      "buttonBorderDisabled": "#f3f2f1",
+                      "buttonText": "#323130",
+                      "buttonTextChecked": "#201f1e",
+                      "buttonTextCheckedHovered": "#000000",
+                      "buttonTextDisabled": "#a19f9d",
+                      "buttonTextHovered": "#201f1e",
+                      "buttonTextPressed": "#201f1e",
+                      "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                      "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                      "cardStandoutBackground": "#ffffff",
+                      "defaultStateBackground": "#faf9f8",
+                      "disabledBackground": "#f3f2f1",
+                      "disabledBodySubtext": "#c8c6c4",
+                      "disabledBodyText": "#a19f9d",
+                      "disabledBorder": "#c8c6c4",
+                      "disabledSubtext": "#d2d0ce",
+                      "disabledText": "#a19f9d",
+                      "errorBackground": "#FDE7E9",
+                      "errorIcon": "#A80000",
+                      "errorText": "#a4262c",
+                      "focusBorder": "#605e5c",
+                      "infoBackground": "#f3f2f1",
+                      "infoIcon": "#605e5c",
+                      "inputBackground": "#ffffff",
+                      "inputBackgroundChecked": "#0078d4",
+                      "inputBackgroundCheckedHovered": "#005a9e",
+                      "inputBorder": "#605e5c",
+                      "inputBorderHovered": "#323130",
+                      "inputFocusBorderAlt": "#0078d4",
+                      "inputForegroundChecked": "#ffffff",
+                      "inputIcon": "#0078d4",
+                      "inputIconDisabled": "#a19f9d",
+                      "inputIconHovered": "#005a9e",
+                      "inputPlaceholderBackgroundChecked": "#deecf9",
+                      "inputPlaceholderText": "#605e5c",
+                      "inputText": "#323130",
+                      "inputTextHovered": "#201f1e",
+                      "link": "#0078d4",
+                      "linkHovered": "#004578",
+                      "listBackground": "#ffffff",
+                      "listHeaderBackgroundHovered": "#f3f2f1",
+                      "listHeaderBackgroundPressed": "#edebe9",
+                      "listItemBackgroundChecked": "#edebe9",
+                      "listItemBackgroundCheckedHovered": "#e1dfdd",
+                      "listItemBackgroundHovered": "#f3f2f1",
+                      "listText": "#323130",
+                      "listTextColor": "#323130",
+                      "menuBackground": "#ffffff",
+                      "menuDivider": "#c8c6c4",
+                      "menuHeader": "#0078d4",
+                      "menuIcon": "#0078d4",
+                      "menuItemBackgroundChecked": "#edebe9",
+                      "menuItemBackgroundHovered": "#f3f2f1",
+                      "menuItemBackgroundPressed": "#edebe9",
+                      "menuItemText": "#323130",
+                      "menuItemTextHovered": "#201f1e",
+                      "messageLink": "#005A9E",
+                      "messageLinkHovered": "#004578",
+                      "messageText": "#323130",
+                      "primaryButtonBackground": "#0078d4",
+                      "primaryButtonBackgroundDisabled": "#f3f2f1",
+                      "primaryButtonBackgroundHovered": "#106ebe",
+                      "primaryButtonBackgroundPressed": "#005a9e",
+                      "primaryButtonBorder": "transparent",
+                      "primaryButtonText": "#ffffff",
+                      "primaryButtonTextDisabled": "#d2d0ce",
+                      "primaryButtonTextHovered": "#ffffff",
+                      "primaryButtonTextPressed": "#ffffff",
+                      "severeWarningBackground": "#FED9CC",
+                      "severeWarningIcon": "#D83B01",
+                      "smallInputBorder": "#605e5c",
+                      "successBackground": "#DFF6DD",
+                      "successIcon": "#107C10",
+                      "successText": "#107C10",
+                      "variantBorder": "#edebe9",
+                      "variantBorderHovered": "#a19f9d",
+                      "warningBackground": "#FFF4CE",
+                      "warningHighlight": "#ffb900",
+                      "warningIcon": "#797775",
+                      "warningText": "#323130",
+                    },
+                    "spacing": Object {
+                      "l1": "20px",
+                      "l2": "32px",
+                      "m": "16px",
+                      "s1": "8px",
+                      "s2": "4px",
+                    },
+                  }
+                }
+                title="Close pane"
+              >
+                <BaseButton
+                  ariaLabel="Close pane"
+                  baseClassName="ms-Button"
+                  className="closePaneBtn"
+                  iconProps={
+                    Object {
+                      "iconName": "Cancel",
+                    }
+                  }
+                  onClick={[Function]}
+                  onRenderDescription={[Function]}
+                  onRenderText={[Function]}
+                  split={false}
+                  styles={
+                    Object {
+                      "description": Object {
+                        "display": "block",
+                      },
+                      "flexContainer": Object {
+                        "alignItems": "center",
+                        "display": "flex",
+                        "flexWrap": "nowrap",
+                        "height": "100%",
+                        "justifyContent": "center",
+                      },
+                      "icon": Object {
+                        "flexShrink": 0,
+                        "fontSize": "16px",
+                        "height": "16px",
+                        "lineHeight": "16px",
+                        "margin": "0 4px",
+                        "textAlign": "center",
+                      },
+                      "iconDisabled": Object {
+                        "color": "#a19f9d",
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                      "label": Object {
+                        "display": "block",
+                        "lineHeight": "100%",
+                        "margin": "0 4px",
+                      },
+                      "menuIcon": Object {
+                        "flexShrink": 0,
+                        "fontSize": "12px",
+                        "height": "16px",
+                        "lineHeight": "16px",
+                        "margin": "0 4px",
+                        "textAlign": "center",
+                      },
+                      "menuIconDisabled": Object {
+                        "color": "#a19f9d",
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                      "root": Array [
+                        Object {
+                          "outline": "transparent",
+                          "position": "relative",
+                          "selectors": Object {
+                            ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                              "border": "1px solid transparent",
+                              "bottom": 2,
+                              "content": "\\"\\"",
+                              "left": 2,
+                              "outline": "1px solid #605e5c",
+                              "position": "absolute",
+                              "right": 2,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "bottom": -2,
+                                  "left": -2,
+                                  "outlineColor": "ButtonText",
+                                  "right": -2,
+                                  "top": -2,
+                                },
+                              },
+                              "top": 2,
+                              "zIndex": 1,
+                            },
+                            "::-moz-focus-inner": Object {
+                              "border": "0",
+                            },
+                          },
+                        },
+                        Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "14px",
+                          "fontWeight": 400,
+                        },
+                        Object {
+                          "border": "1px solid #8a8886",
+                          "borderRadius": "2px",
+                          "boxSizing": "border-box",
+                          "cursor": "pointer",
+                          "display": "inline-block",
+                          "padding": "0 16px",
+                          "selectors": Object {
+                            ":active > *": Object {
+                              "left": 0,
+                              "position": "relative",
+                              "top": 0,
+                            },
+                          },
+                          "textAlign": "center",
+                          "textDecoration": "none",
+                          "userSelect": "none",
+                        },
+                        Object {
+                          "backgroundColor": "transparent",
+                          "border": "none",
+                          "color": "#0078d4",
+                          "height": "32px",
+                          "padding": "0 4px",
+                          "width": "32px",
+                        },
+                      ],
+                      "rootChecked": Object {
+                        "backgroundColor": "#edebe9",
+                        "color": "#005a9e",
+                      },
+                      "rootCheckedHovered": Object {
+                        "backgroundColor": "#e1dfdd",
+                        "color": "#005a9e",
+                      },
+                      "rootDisabled": Array [
+                        Object {
+                          "outline": "transparent",
+                          "position": "relative",
+                          "selectors": Object {
+                            ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                              "border": "1px solid transparent",
+                              "bottom": 2,
+                              "content": "\\"\\"",
+                              "left": 2,
+                              "outline": "1px solid #605e5c",
+                              "position": "absolute",
+                              "right": 2,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "bottom": -2,
+                                  "left": -2,
+                                  "outlineColor": "ButtonText",
+                                  "right": -2,
+                                  "top": -2,
+                                },
+                              },
+                              "top": 2,
+                              "zIndex": 1,
+                            },
+                            "::-moz-focus-inner": Object {
+                              "border": "0",
+                            },
+                          },
+                        },
+                        Object {
+                          "backgroundColor": "#f3f2f1",
+                          "borderColor": "#f3f2f1",
+                          "color": "#a19f9d",
+                          "cursor": "default",
+                          "pointerEvents": "none",
+                          "selectors": Object {
+                            ":focus": Object {
+                              "outline": 0,
+                            },
+                            ":hover": Object {
+                              "outline": 0,
+                            },
+                          },
+                        },
+                        Object {
+                          "color": "#c8c6c4",
+                        },
+                      ],
+                      "rootExpanded": Object {
+                        "backgroundColor": "#edebe9",
+                        "color": "#005a9e",
+                      },
+                      "rootHasMenu": Object {
+                        "width": "auto",
+                      },
+                      "rootHovered": Object {
+                        "backgroundColor": "#f3f2f1",
+                        "color": "#106ebe",
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "borderColor": "Highlight",
+                            "color": "Highlight",
+                          },
+                        },
+                      },
+                      "rootPressed": Object {
+                        "backgroundColor": "#edebe9",
+                        "color": "#005a9e",
+                      },
+                      "screenReaderText": Object {
+                        "border": 0,
+                        "height": 1,
+                        "margin": -1,
+                        "overflow": "hidden",
+                        "padding": 0,
+                        "position": "absolute",
+                        "width": 1,
+                      },
+                      "splitButtonContainer": Array [
+                        Object {
+                          "outline": "transparent",
+                          "position": "relative",
+                          "selectors": Object {
+                            ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                              "border": "1px solid #ffffff",
+                              "bottom": 3,
+                              "content": "\\"\\"",
+                              "left": 3,
+                              "outline": "1px solid #605e5c",
+                              "position": "absolute",
+                              "right": 3,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "border": "none",
+                                  "bottom": -2,
+                                  "left": -2,
+                                  "right": -2,
+                                  "top": -2,
+                                },
+                              },
+                              "top": 3,
+                              "zIndex": 1,
+                            },
+                            "::-moz-focus-inner": Object {
+                              "border": "0",
+                            },
+                          },
+                        },
+                        Object {
+                          "display": "inline-flex",
+                          "selectors": Object {
+                            ".ms-Button--default": Object {
+                              "borderBottomRightRadius": "0",
+                              "borderRight": "none",
+                              "borderTopRightRadius": "0",
+                            },
+                            ".ms-Button--primary": Object {
+                              "border": "none",
+                              "borderBottomRightRadius": "0",
+                              "borderTopRightRadius": "0",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "MsHighContrastAdjust": "none",
+                                  "backgroundColor": "Window",
+                                  "border": "1px solid WindowText",
+                                  "borderRightWidth": "0",
+                                  "color": "WindowText",
+                                  "forcedColorAdjust": "none",
+                                },
+                              },
+                            },
+                            ".ms-Button--primary + .ms-Button": Object {
+                              "border": "none",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "border": "1px solid WindowText",
+                                  "borderLeftWidth": "0",
+                                },
+                              },
+                            },
+                          },
+                        },
+                      ],
+                      "splitButtonContainerChecked": Object {
+                        "selectors": Object {
+                          ".ms-Button--primary": Object {
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "MsHighContrastAdjust": "none",
+                                "backgroundColor": "WindowText",
+                                "color": "Window",
+                                "forcedColorAdjust": "none",
+                              },
+                            },
+                          },
+                        },
+                      },
+                      "splitButtonContainerCheckedHovered": Object {
+                        "selectors": Object {
+                          ".ms-Button--primary": Object {
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "MsHighContrastAdjust": "none",
+                                "backgroundColor": "WindowText",
+                                "color": "Window",
+                                "forcedColorAdjust": "none",
+                              },
+                            },
+                          },
+                        },
+                      },
+                      "splitButtonContainerDisabled": Object {
+                        "border": "none",
+                        "outline": "none",
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "MsHighContrastAdjust": "none",
+                            "backgroundColor": "Window",
+                            "borderColor": "GrayText",
+                            "color": "GrayText",
+                            "forcedColorAdjust": "none",
+                          },
+                        },
+                      },
+                      "splitButtonContainerFocused": Object {
+                        "outline": "none!important",
+                      },
+                      "splitButtonContainerHovered": Object {
+                        "selectors": Object {
+                          ".ms-Button--primary": Object {
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "backgroundColor": "Highlight",
+                                "color": "Window",
+                              },
+                            },
+                          },
+                          ".ms-Button.is-disabled": Object {
+                            "color": "#a19f9d",
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "backgroundColor": "Window",
+                                "borderColor": "GrayText",
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                        },
+                      },
+                      "splitButtonDivider": Object {
+                        "bottom": 8,
+                        "position": "absolute",
+                        "right": 31,
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "WindowText",
+                          },
+                        },
+                        "top": 8,
+                        "width": 1,
+                      },
+                      "splitButtonDividerDisabled": Object {
+                        "bottom": 8,
+                        "position": "absolute",
+                        "right": 31,
+                        "selectors": Object {
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "GrayText",
+                          },
+                        },
+                        "top": 8,
+                        "width": 1,
+                      },
+                      "splitButtonFlexContainer": Object {
+                        "alignItems": "center",
+                        "display": "flex",
+                        "flexWrap": "nowrap",
+                        "height": "100%",
+                        "justifyContent": "center",
+                      },
+                      "splitButtonMenuButton": Object {
+                        "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                          ".ms-Button-menuIcon": Object {
+                            "color": "WindowText",
+                          },
+                        },
+                        "border": "1px solid #8a8886",
+                        "borderBottomRightRadius": "2px",
+                        "borderLeft": "none",
+                        "borderRadius": 0,
+                        "borderTopRightRadius": "2px",
+                        "boxSizing": "border-box",
+                        "cursor": "pointer",
+                        "display": "inline-block",
+                        "height": "auto",
+                        "marginBottom": 0,
+                        "marginLeft": -1,
+                        "marginRight": 0,
+                        "marginTop": 0,
+                        "outline": "transparent",
+                        "padding": 6,
+                        "textAlign": "center",
+                        "textDecoration": "none",
+                        "userSelect": "none",
+                        "verticalAlign": "top",
+                        "width": 32,
+                      },
+                      "splitButtonMenuButtonDisabled": Object {
+                        "border": "none",
+                        "pointerEvents": "none",
+                        "selectors": Object {
+                          ".ms-Button--primary": Object {
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "backgroundColor": "Window",
+                                "borderColor": "GrayText",
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                          ".ms-Button-menuIcon": Object {
+                            "selectors": Object {
+                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                "color": "GrayText",
+                              },
+                            },
+                          },
+                          ":hover": Object {
+                            "cursor": "default",
+                          },
+                          "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                            "backgroundColor": "Window",
+                            "border": "1px solid GrayText",
+                            "color": "GrayText",
+                          },
+                        },
+                      },
+                      "textContainer": Object {
+                        "display": "block",
+                        "flexGrow": 1,
+                      },
+                    }
+                  }
+                  tabIndex={0}
+                  theme={
+                    Object {
+                      "disableGlobalClassNames": false,
+                      "effects": Object {
+                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                        "roundedCorner2": "2px",
+                        "roundedCorner4": "4px",
+                        "roundedCorner6": "6px",
+                      },
+                      "fonts": Object {
+                        "large": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "18px",
+                          "fontWeight": 400,
+                        },
+                        "medium": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "14px",
+                          "fontWeight": 400,
+                        },
+                        "mediumPlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "16px",
+                          "fontWeight": 400,
+                        },
+                        "mega": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "68px",
+                          "fontWeight": 600,
+                        },
+                        "small": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "12px",
+                          "fontWeight": 400,
+                        },
+                        "smallPlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "12px",
+                          "fontWeight": 400,
+                        },
+                        "superLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "42px",
+                          "fontWeight": 600,
+                        },
+                        "tiny": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "10px",
+                          "fontWeight": 400,
+                        },
+                        "xLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "20px",
+                          "fontWeight": 600,
+                        },
+                        "xLargePlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "24px",
+                          "fontWeight": 600,
+                        },
+                        "xSmall": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "10px",
+                          "fontWeight": 400,
+                        },
+                        "xxLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "28px",
+                          "fontWeight": 600,
+                        },
+                        "xxLargePlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "32px",
+                          "fontWeight": 600,
+                        },
+                      },
+                      "isInverted": false,
+                      "palette": Object {
+                        "accent": "#0078d4",
+                        "black": "#000000",
+                        "blackTranslucent40": "rgba(0,0,0,.4)",
+                        "blue": "#0078d4",
+                        "blueDark": "#002050",
+                        "blueLight": "#00bcf2",
+                        "blueMid": "#00188f",
+                        "green": "#107c10",
+                        "greenDark": "#004b1c",
+                        "greenLight": "#bad80a",
+                        "magenta": "#b4009e",
+                        "magentaDark": "#5c005c",
+                        "magentaLight": "#e3008c",
+                        "neutralDark": "#201f1e",
+                        "neutralLight": "#edebe9",
+                        "neutralLighter": "#f3f2f1",
+                        "neutralLighterAlt": "#faf9f8",
+                        "neutralPrimary": "#323130",
+                        "neutralPrimaryAlt": "#3b3a39",
+                        "neutralQuaternary": "#d2d0ce",
+                        "neutralQuaternaryAlt": "#e1dfdd",
+                        "neutralSecondary": "#605e5c",
+                        "neutralSecondaryAlt": "#8a8886",
+                        "neutralTertiary": "#a19f9d",
+                        "neutralTertiaryAlt": "#c8c6c4",
+                        "orange": "#d83b01",
+                        "orangeLight": "#ea4300",
+                        "orangeLighter": "#ff8c00",
+                        "purple": "#5c2d91",
+                        "purpleDark": "#32145a",
+                        "purpleLight": "#b4a0ff",
+                        "red": "#e81123",
+                        "redDark": "#a4262c",
+                        "teal": "#008272",
+                        "tealDark": "#004b50",
+                        "tealLight": "#00b294",
+                        "themeDark": "#005a9e",
+                        "themeDarkAlt": "#106ebe",
+                        "themeDarker": "#004578",
+                        "themeLight": "#c7e0f4",
+                        "themeLighter": "#deecf9",
+                        "themeLighterAlt": "#eff6fc",
+                        "themePrimary": "#0078d4",
+                        "themeSecondary": "#2b88d8",
+                        "themeTertiary": "#71afe5",
+                        "white": "#ffffff",
+                        "whiteTranslucent40": "rgba(255,255,255,.4)",
+                        "yellow": "#ffb900",
+                        "yellowDark": "#d29200",
+                        "yellowLight": "#fff100",
+                      },
+                      "rtl": undefined,
+                      "semanticColors": Object {
+                        "accentButtonBackground": "#0078d4",
+                        "accentButtonText": "#ffffff",
+                        "actionLink": "#323130",
+                        "actionLinkHovered": "#201f1e",
+                        "blockingBackground": "#FDE7E9",
+                        "blockingIcon": "#FDE7E9",
+                        "bodyBackground": "#ffffff",
+                        "bodyBackgroundChecked": "#edebe9",
+                        "bodyBackgroundHovered": "#f3f2f1",
+                        "bodyDivider": "#edebe9",
+                        "bodyFrameBackground": "#ffffff",
+                        "bodyFrameDivider": "#edebe9",
+                        "bodyStandoutBackground": "#faf9f8",
+                        "bodySubtext": "#605e5c",
+                        "bodyText": "#323130",
+                        "bodyTextChecked": "#000000",
+                        "buttonBackground": "#ffffff",
+                        "buttonBackgroundChecked": "#c8c6c4",
+                        "buttonBackgroundCheckedHovered": "#edebe9",
+                        "buttonBackgroundDisabled": "#f3f2f1",
+                        "buttonBackgroundHovered": "#f3f2f1",
+                        "buttonBackgroundPressed": "#edebe9",
+                        "buttonBorder": "#8a8886",
+                        "buttonBorderDisabled": "#f3f2f1",
+                        "buttonText": "#323130",
+                        "buttonTextChecked": "#201f1e",
+                        "buttonTextCheckedHovered": "#000000",
+                        "buttonTextDisabled": "#a19f9d",
+                        "buttonTextHovered": "#201f1e",
+                        "buttonTextPressed": "#201f1e",
+                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                        "cardStandoutBackground": "#ffffff",
+                        "defaultStateBackground": "#faf9f8",
+                        "disabledBackground": "#f3f2f1",
+                        "disabledBodySubtext": "#c8c6c4",
+                        "disabledBodyText": "#a19f9d",
+                        "disabledBorder": "#c8c6c4",
+                        "disabledSubtext": "#d2d0ce",
+                        "disabledText": "#a19f9d",
+                        "errorBackground": "#FDE7E9",
+                        "errorIcon": "#A80000",
+                        "errorText": "#a4262c",
+                        "focusBorder": "#605e5c",
+                        "infoBackground": "#f3f2f1",
+                        "infoIcon": "#605e5c",
+                        "inputBackground": "#ffffff",
+                        "inputBackgroundChecked": "#0078d4",
+                        "inputBackgroundCheckedHovered": "#005a9e",
+                        "inputBorder": "#605e5c",
+                        "inputBorderHovered": "#323130",
+                        "inputFocusBorderAlt": "#0078d4",
+                        "inputForegroundChecked": "#ffffff",
+                        "inputIcon": "#0078d4",
+                        "inputIconDisabled": "#a19f9d",
+                        "inputIconHovered": "#005a9e",
+                        "inputPlaceholderBackgroundChecked": "#deecf9",
+                        "inputPlaceholderText": "#605e5c",
+                        "inputText": "#323130",
+                        "inputTextHovered": "#201f1e",
+                        "link": "#0078d4",
+                        "linkHovered": "#004578",
+                        "listBackground": "#ffffff",
+                        "listHeaderBackgroundHovered": "#f3f2f1",
+                        "listHeaderBackgroundPressed": "#edebe9",
+                        "listItemBackgroundChecked": "#edebe9",
+                        "listItemBackgroundCheckedHovered": "#e1dfdd",
+                        "listItemBackgroundHovered": "#f3f2f1",
+                        "listText": "#323130",
+                        "listTextColor": "#323130",
+                        "menuBackground": "#ffffff",
+                        "menuDivider": "#c8c6c4",
+                        "menuHeader": "#0078d4",
+                        "menuIcon": "#0078d4",
+                        "menuItemBackgroundChecked": "#edebe9",
+                        "menuItemBackgroundHovered": "#f3f2f1",
+                        "menuItemBackgroundPressed": "#edebe9",
+                        "menuItemText": "#323130",
+                        "menuItemTextHovered": "#201f1e",
+                        "messageLink": "#005A9E",
+                        "messageLinkHovered": "#004578",
+                        "messageText": "#323130",
+                        "primaryButtonBackground": "#0078d4",
+                        "primaryButtonBackgroundDisabled": "#f3f2f1",
+                        "primaryButtonBackgroundHovered": "#106ebe",
+                        "primaryButtonBackgroundPressed": "#005a9e",
+                        "primaryButtonBorder": "transparent",
+                        "primaryButtonText": "#ffffff",
+                        "primaryButtonTextDisabled": "#d2d0ce",
+                        "primaryButtonTextHovered": "#ffffff",
+                        "primaryButtonTextPressed": "#ffffff",
+                        "severeWarningBackground": "#FED9CC",
+                        "severeWarningIcon": "#D83B01",
+                        "smallInputBorder": "#605e5c",
+                        "successBackground": "#DFF6DD",
+                        "successIcon": "#107C10",
+                        "successText": "#107C10",
+                        "variantBorder": "#edebe9",
+                        "variantBorderHovered": "#a19f9d",
+                        "warningBackground": "#FFF4CE",
+                        "warningHighlight": "#ffb900",
+                        "warningIcon": "#797775",
+                        "warningText": "#323130",
+                      },
+                      "spacing": Object {
+                        "l1": "20px",
+                        "l2": "32px",
+                        "m": "16px",
+                        "s1": "8px",
+                        "s2": "4px",
+                      },
+                    }
+                  }
+                  title="Close pane"
+                  variantClassName="ms-Button--icon"
+                >
+                  <button
+                    aria-label="Close pane"
+                    className="ms-Button ms-Button--icon closePaneBtn root-104"
+                    data-is-focusable={true}
+                    onClick={[Function]}
+                    onKeyDown={[Function]}
+                    onKeyPress={[Function]}
+                    onKeyUp={[Function]}
+                    onMouseDown={[Function]}
+                    onMouseUp={[Function]}
+                    tabIndex={0}
+                    title="Close pane"
+                    type="button"
+                  >
+                    <span
+                      className="ms-Button-flexContainer flexContainer-105"
+                      data-automationid="splitbuttonprimary"
+                    >
+                      <Component
+                        className="ms-Button-icon icon-107"
+                        iconName="Cancel"
+                      >
+                        <i
+                          aria-hidden={true}
+                          className="ms-Icon root-37 css-112 ms-Button-icon icon-107"
+                          data-icon-name="Cancel"
+                          role="presentation"
+                          style={
+                            Object {
+                              "fontFamily": "\\"FabricMDL2Icons\\"",
+                            }
+                          }
+                        >
+                          
+                        </i>
+                      </Component>
+                    </span>
+                  </button>
+                  <Component />
+                </BaseButton>
+              </IconButton>
+            </CustomizedIconButton>
+          </div>
+          <div
+            aria-live="assertive"
+            className="warningErrorContainer"
+            hidden={true}
+          >
+            <div
+              className="warningErrorContent"
+            >
+              <span>
+                <img
+                  alt="Error"
+                  className="paneErrorIcon"
+                  src=""
+                />
+              </span>
+              <span
+                className="warningErrorDetailsLinkContainer"
+              >
+                <span
+                  className="formErrors"
+                  title=""
+                />
+                <a
+                  className="errorLink"
+                  hidden={true}
+                  onClick={[Function]}
+                  role="link"
+                >
+                  More details
+                </a>
+              </span>
+            </div>
+          </div>
+          <div
+            className="paneMainContent"
+          >
+            <StyledTextFieldBase
+              aria-label="Enter new directory name"
+              autoFocus={true}
+              label="Enter new directory name"
+              name="collectionIdConfirmation"
+              onChange={[Function]}
+              required={true}
+              value=""
+            >
+              <TextFieldBase
+                aria-label="Enter new directory name"
+                autoFocus={true}
+                canRevealPassword={false}
+                deferredValidationTime={200}
+                label="Enter new directory name"
+                name="collectionIdConfirmation"
+                onChange={[Function]}
+                required={true}
+                resizable={true}
+                styles={[Function]}
+                theme={
+                  Object {
+                    "disableGlobalClassNames": false,
+                    "effects": Object {
+                      "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                      "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                      "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                      "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                      "roundedCorner2": "2px",
+                      "roundedCorner4": "4px",
+                      "roundedCorner6": "6px",
+                    },
+                    "fonts": Object {
+                      "large": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "18px",
+                        "fontWeight": 400,
+                      },
+                      "medium": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "14px",
+                        "fontWeight": 400,
+                      },
+                      "mediumPlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "16px",
+                        "fontWeight": 400,
+                      },
+                      "mega": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "68px",
+                        "fontWeight": 600,
+                      },
+                      "small": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "12px",
+                        "fontWeight": 400,
+                      },
+                      "smallPlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "12px",
+                        "fontWeight": 400,
+                      },
+                      "superLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "42px",
+                        "fontWeight": 600,
+                      },
+                      "tiny": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "10px",
+                        "fontWeight": 400,
+                      },
+                      "xLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "20px",
+                        "fontWeight": 600,
+                      },
+                      "xLargePlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "24px",
+                        "fontWeight": 600,
+                      },
+                      "xSmall": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "10px",
+                        "fontWeight": 400,
+                      },
+                      "xxLarge": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "28px",
+                        "fontWeight": 600,
+                      },
+                      "xxLargePlus": Object {
+                        "MozOsxFontSmoothing": "grayscale",
+                        "WebkitFontSmoothing": "antialiased",
+                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                        "fontSize": "32px",
+                        "fontWeight": 600,
+                      },
+                    },
+                    "isInverted": false,
+                    "palette": Object {
+                      "accent": "#0078d4",
+                      "black": "#000000",
+                      "blackTranslucent40": "rgba(0,0,0,.4)",
+                      "blue": "#0078d4",
+                      "blueDark": "#002050",
+                      "blueLight": "#00bcf2",
+                      "blueMid": "#00188f",
+                      "green": "#107c10",
+                      "greenDark": "#004b1c",
+                      "greenLight": "#bad80a",
+                      "magenta": "#b4009e",
+                      "magentaDark": "#5c005c",
+                      "magentaLight": "#e3008c",
+                      "neutralDark": "#201f1e",
+                      "neutralLight": "#edebe9",
+                      "neutralLighter": "#f3f2f1",
+                      "neutralLighterAlt": "#faf9f8",
+                      "neutralPrimary": "#323130",
+                      "neutralPrimaryAlt": "#3b3a39",
+                      "neutralQuaternary": "#d2d0ce",
+                      "neutralQuaternaryAlt": "#e1dfdd",
+                      "neutralSecondary": "#605e5c",
+                      "neutralSecondaryAlt": "#8a8886",
+                      "neutralTertiary": "#a19f9d",
+                      "neutralTertiaryAlt": "#c8c6c4",
+                      "orange": "#d83b01",
+                      "orangeLight": "#ea4300",
+                      "orangeLighter": "#ff8c00",
+                      "purple": "#5c2d91",
+                      "purpleDark": "#32145a",
+                      "purpleLight": "#b4a0ff",
+                      "red": "#e81123",
+                      "redDark": "#a4262c",
+                      "teal": "#008272",
+                      "tealDark": "#004b50",
+                      "tealLight": "#00b294",
+                      "themeDark": "#005a9e",
+                      "themeDarkAlt": "#106ebe",
+                      "themeDarker": "#004578",
+                      "themeLight": "#c7e0f4",
+                      "themeLighter": "#deecf9",
+                      "themeLighterAlt": "#eff6fc",
+                      "themePrimary": "#0078d4",
+                      "themeSecondary": "#2b88d8",
+                      "themeTertiary": "#71afe5",
+                      "white": "#ffffff",
+                      "whiteTranslucent40": "rgba(255,255,255,.4)",
+                      "yellow": "#ffb900",
+                      "yellowDark": "#d29200",
+                      "yellowLight": "#fff100",
+                    },
+                    "rtl": undefined,
+                    "semanticColors": Object {
+                      "accentButtonBackground": "#0078d4",
+                      "accentButtonText": "#ffffff",
+                      "actionLink": "#323130",
+                      "actionLinkHovered": "#201f1e",
+                      "blockingBackground": "#FDE7E9",
+                      "blockingIcon": "#FDE7E9",
+                      "bodyBackground": "#ffffff",
+                      "bodyBackgroundChecked": "#edebe9",
+                      "bodyBackgroundHovered": "#f3f2f1",
+                      "bodyDivider": "#edebe9",
+                      "bodyFrameBackground": "#ffffff",
+                      "bodyFrameDivider": "#edebe9",
+                      "bodyStandoutBackground": "#faf9f8",
+                      "bodySubtext": "#605e5c",
+                      "bodyText": "#323130",
+                      "bodyTextChecked": "#000000",
+                      "buttonBackground": "#ffffff",
+                      "buttonBackgroundChecked": "#c8c6c4",
+                      "buttonBackgroundCheckedHovered": "#edebe9",
+                      "buttonBackgroundDisabled": "#f3f2f1",
+                      "buttonBackgroundHovered": "#f3f2f1",
+                      "buttonBackgroundPressed": "#edebe9",
+                      "buttonBorder": "#8a8886",
+                      "buttonBorderDisabled": "#f3f2f1",
+                      "buttonText": "#323130",
+                      "buttonTextChecked": "#201f1e",
+                      "buttonTextCheckedHovered": "#000000",
+                      "buttonTextDisabled": "#a19f9d",
+                      "buttonTextHovered": "#201f1e",
+                      "buttonTextPressed": "#201f1e",
+                      "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                      "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                      "cardStandoutBackground": "#ffffff",
+                      "defaultStateBackground": "#faf9f8",
+                      "disabledBackground": "#f3f2f1",
+                      "disabledBodySubtext": "#c8c6c4",
+                      "disabledBodyText": "#a19f9d",
+                      "disabledBorder": "#c8c6c4",
+                      "disabledSubtext": "#d2d0ce",
+                      "disabledText": "#a19f9d",
+                      "errorBackground": "#FDE7E9",
+                      "errorIcon": "#A80000",
+                      "errorText": "#a4262c",
+                      "focusBorder": "#605e5c",
+                      "infoBackground": "#f3f2f1",
+                      "infoIcon": "#605e5c",
+                      "inputBackground": "#ffffff",
+                      "inputBackgroundChecked": "#0078d4",
+                      "inputBackgroundCheckedHovered": "#005a9e",
+                      "inputBorder": "#605e5c",
+                      "inputBorderHovered": "#323130",
+                      "inputFocusBorderAlt": "#0078d4",
+                      "inputForegroundChecked": "#ffffff",
+                      "inputIcon": "#0078d4",
+                      "inputIconDisabled": "#a19f9d",
+                      "inputIconHovered": "#005a9e",
+                      "inputPlaceholderBackgroundChecked": "#deecf9",
+                      "inputPlaceholderText": "#605e5c",
+                      "inputText": "#323130",
+                      "inputTextHovered": "#201f1e",
+                      "link": "#0078d4",
+                      "linkHovered": "#004578",
+                      "listBackground": "#ffffff",
+                      "listHeaderBackgroundHovered": "#f3f2f1",
+                      "listHeaderBackgroundPressed": "#edebe9",
+                      "listItemBackgroundChecked": "#edebe9",
+                      "listItemBackgroundCheckedHovered": "#e1dfdd",
+                      "listItemBackgroundHovered": "#f3f2f1",
+                      "listText": "#323130",
+                      "listTextColor": "#323130",
+                      "menuBackground": "#ffffff",
+                      "menuDivider": "#c8c6c4",
+                      "menuHeader": "#0078d4",
+                      "menuIcon": "#0078d4",
+                      "menuItemBackgroundChecked": "#edebe9",
+                      "menuItemBackgroundHovered": "#f3f2f1",
+                      "menuItemBackgroundPressed": "#edebe9",
+                      "menuItemText": "#323130",
+                      "menuItemTextHovered": "#201f1e",
+                      "messageLink": "#005A9E",
+                      "messageLinkHovered": "#004578",
+                      "messageText": "#323130",
+                      "primaryButtonBackground": "#0078d4",
+                      "primaryButtonBackgroundDisabled": "#f3f2f1",
+                      "primaryButtonBackgroundHovered": "#106ebe",
+                      "primaryButtonBackgroundPressed": "#005a9e",
+                      "primaryButtonBorder": "transparent",
+                      "primaryButtonText": "#ffffff",
+                      "primaryButtonTextDisabled": "#d2d0ce",
+                      "primaryButtonTextHovered": "#ffffff",
+                      "primaryButtonTextPressed": "#ffffff",
+                      "severeWarningBackground": "#FED9CC",
+                      "severeWarningIcon": "#D83B01",
+                      "smallInputBorder": "#605e5c",
+                      "successBackground": "#DFF6DD",
+                      "successIcon": "#107C10",
+                      "successText": "#107C10",
+                      "variantBorder": "#edebe9",
+                      "variantBorderHovered": "#a19f9d",
+                      "warningBackground": "#FFF4CE",
+                      "warningHighlight": "#ffb900",
+                      "warningIcon": "#797775",
+                      "warningText": "#323130",
+                    },
+                    "spacing": Object {
+                      "l1": "20px",
+                      "l2": "32px",
+                      "m": "16px",
+                      "s1": "8px",
+                      "s2": "4px",
+                    },
+                  }
+                }
+                validateOnLoad={true}
+                value=""
+              >
+                <div
+                  className="ms-TextField is-required root-114"
+                >
+                  <div
+                    className="ms-TextField-wrapper"
+                  >
+                    <StyledLabelBase
+                      htmlFor="TextField3"
+                      id="TextFieldLabel5"
+                      required={true}
+                      styles={[Function]}
+                    >
+                      <LabelBase
+                        htmlFor="TextField3"
+                        id="TextFieldLabel5"
+                        required={true}
+                        styles={[Function]}
+                        theme={
+                          Object {
+                            "disableGlobalClassNames": false,
+                            "effects": Object {
+                              "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                              "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                              "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                              "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                              "roundedCorner2": "2px",
+                              "roundedCorner4": "4px",
+                              "roundedCorner6": "6px",
+                            },
+                            "fonts": Object {
+                              "large": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "18px",
+                                "fontWeight": 400,
+                              },
+                              "medium": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "14px",
+                                "fontWeight": 400,
+                              },
+                              "mediumPlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "16px",
+                                "fontWeight": 400,
+                              },
+                              "mega": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "68px",
+                                "fontWeight": 600,
+                              },
+                              "small": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "12px",
+                                "fontWeight": 400,
+                              },
+                              "smallPlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "12px",
+                                "fontWeight": 400,
+                              },
+                              "superLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "42px",
+                                "fontWeight": 600,
+                              },
+                              "tiny": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "10px",
+                                "fontWeight": 400,
+                              },
+                              "xLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "20px",
+                                "fontWeight": 600,
+                              },
+                              "xLargePlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "24px",
+                                "fontWeight": 600,
+                              },
+                              "xSmall": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "10px",
+                                "fontWeight": 400,
+                              },
+                              "xxLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "28px",
+                                "fontWeight": 600,
+                              },
+                              "xxLargePlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "32px",
+                                "fontWeight": 600,
+                              },
+                            },
+                            "isInverted": false,
+                            "palette": Object {
+                              "accent": "#0078d4",
+                              "black": "#000000",
+                              "blackTranslucent40": "rgba(0,0,0,.4)",
+                              "blue": "#0078d4",
+                              "blueDark": "#002050",
+                              "blueLight": "#00bcf2",
+                              "blueMid": "#00188f",
+                              "green": "#107c10",
+                              "greenDark": "#004b1c",
+                              "greenLight": "#bad80a",
+                              "magenta": "#b4009e",
+                              "magentaDark": "#5c005c",
+                              "magentaLight": "#e3008c",
+                              "neutralDark": "#201f1e",
+                              "neutralLight": "#edebe9",
+                              "neutralLighter": "#f3f2f1",
+                              "neutralLighterAlt": "#faf9f8",
+                              "neutralPrimary": "#323130",
+                              "neutralPrimaryAlt": "#3b3a39",
+                              "neutralQuaternary": "#d2d0ce",
+                              "neutralQuaternaryAlt": "#e1dfdd",
+                              "neutralSecondary": "#605e5c",
+                              "neutralSecondaryAlt": "#8a8886",
+                              "neutralTertiary": "#a19f9d",
+                              "neutralTertiaryAlt": "#c8c6c4",
+                              "orange": "#d83b01",
+                              "orangeLight": "#ea4300",
+                              "orangeLighter": "#ff8c00",
+                              "purple": "#5c2d91",
+                              "purpleDark": "#32145a",
+                              "purpleLight": "#b4a0ff",
+                              "red": "#e81123",
+                              "redDark": "#a4262c",
+                              "teal": "#008272",
+                              "tealDark": "#004b50",
+                              "tealLight": "#00b294",
+                              "themeDark": "#005a9e",
+                              "themeDarkAlt": "#106ebe",
+                              "themeDarker": "#004578",
+                              "themeLight": "#c7e0f4",
+                              "themeLighter": "#deecf9",
+                              "themeLighterAlt": "#eff6fc",
+                              "themePrimary": "#0078d4",
+                              "themeSecondary": "#2b88d8",
+                              "themeTertiary": "#71afe5",
+                              "white": "#ffffff",
+                              "whiteTranslucent40": "rgba(255,255,255,.4)",
+                              "yellow": "#ffb900",
+                              "yellowDark": "#d29200",
+                              "yellowLight": "#fff100",
+                            },
+                            "rtl": undefined,
+                            "semanticColors": Object {
+                              "accentButtonBackground": "#0078d4",
+                              "accentButtonText": "#ffffff",
+                              "actionLink": "#323130",
+                              "actionLinkHovered": "#201f1e",
+                              "blockingBackground": "#FDE7E9",
+                              "blockingIcon": "#FDE7E9",
+                              "bodyBackground": "#ffffff",
+                              "bodyBackgroundChecked": "#edebe9",
+                              "bodyBackgroundHovered": "#f3f2f1",
+                              "bodyDivider": "#edebe9",
+                              "bodyFrameBackground": "#ffffff",
+                              "bodyFrameDivider": "#edebe9",
+                              "bodyStandoutBackground": "#faf9f8",
+                              "bodySubtext": "#605e5c",
+                              "bodyText": "#323130",
+                              "bodyTextChecked": "#000000",
+                              "buttonBackground": "#ffffff",
+                              "buttonBackgroundChecked": "#c8c6c4",
+                              "buttonBackgroundCheckedHovered": "#edebe9",
+                              "buttonBackgroundDisabled": "#f3f2f1",
+                              "buttonBackgroundHovered": "#f3f2f1",
+                              "buttonBackgroundPressed": "#edebe9",
+                              "buttonBorder": "#8a8886",
+                              "buttonBorderDisabled": "#f3f2f1",
+                              "buttonText": "#323130",
+                              "buttonTextChecked": "#201f1e",
+                              "buttonTextCheckedHovered": "#000000",
+                              "buttonTextDisabled": "#a19f9d",
+                              "buttonTextHovered": "#201f1e",
+                              "buttonTextPressed": "#201f1e",
+                              "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                              "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                              "cardStandoutBackground": "#ffffff",
+                              "defaultStateBackground": "#faf9f8",
+                              "disabledBackground": "#f3f2f1",
+                              "disabledBodySubtext": "#c8c6c4",
+                              "disabledBodyText": "#a19f9d",
+                              "disabledBorder": "#c8c6c4",
+                              "disabledSubtext": "#d2d0ce",
+                              "disabledText": "#a19f9d",
+                              "errorBackground": "#FDE7E9",
+                              "errorIcon": "#A80000",
+                              "errorText": "#a4262c",
+                              "focusBorder": "#605e5c",
+                              "infoBackground": "#f3f2f1",
+                              "infoIcon": "#605e5c",
+                              "inputBackground": "#ffffff",
+                              "inputBackgroundChecked": "#0078d4",
+                              "inputBackgroundCheckedHovered": "#005a9e",
+                              "inputBorder": "#605e5c",
+                              "inputBorderHovered": "#323130",
+                              "inputFocusBorderAlt": "#0078d4",
+                              "inputForegroundChecked": "#ffffff",
+                              "inputIcon": "#0078d4",
+                              "inputIconDisabled": "#a19f9d",
+                              "inputIconHovered": "#005a9e",
+                              "inputPlaceholderBackgroundChecked": "#deecf9",
+                              "inputPlaceholderText": "#605e5c",
+                              "inputText": "#323130",
+                              "inputTextHovered": "#201f1e",
+                              "link": "#0078d4",
+                              "linkHovered": "#004578",
+                              "listBackground": "#ffffff",
+                              "listHeaderBackgroundHovered": "#f3f2f1",
+                              "listHeaderBackgroundPressed": "#edebe9",
+                              "listItemBackgroundChecked": "#edebe9",
+                              "listItemBackgroundCheckedHovered": "#e1dfdd",
+                              "listItemBackgroundHovered": "#f3f2f1",
+                              "listText": "#323130",
+                              "listTextColor": "#323130",
+                              "menuBackground": "#ffffff",
+                              "menuDivider": "#c8c6c4",
+                              "menuHeader": "#0078d4",
+                              "menuIcon": "#0078d4",
+                              "menuItemBackgroundChecked": "#edebe9",
+                              "menuItemBackgroundHovered": "#f3f2f1",
+                              "menuItemBackgroundPressed": "#edebe9",
+                              "menuItemText": "#323130",
+                              "menuItemTextHovered": "#201f1e",
+                              "messageLink": "#005A9E",
+                              "messageLinkHovered": "#004578",
+                              "messageText": "#323130",
+                              "primaryButtonBackground": "#0078d4",
+                              "primaryButtonBackgroundDisabled": "#f3f2f1",
+                              "primaryButtonBackgroundHovered": "#106ebe",
+                              "primaryButtonBackgroundPressed": "#005a9e",
+                              "primaryButtonBorder": "transparent",
+                              "primaryButtonText": "#ffffff",
+                              "primaryButtonTextDisabled": "#d2d0ce",
+                              "primaryButtonTextHovered": "#ffffff",
+                              "primaryButtonTextPressed": "#ffffff",
+                              "severeWarningBackground": "#FED9CC",
+                              "severeWarningIcon": "#D83B01",
+                              "smallInputBorder": "#605e5c",
+                              "successBackground": "#DFF6DD",
+                              "successIcon": "#107C10",
+                              "successText": "#107C10",
+                              "variantBorder": "#edebe9",
+                              "variantBorderHovered": "#a19f9d",
+                              "warningBackground": "#FFF4CE",
+                              "warningHighlight": "#ffb900",
+                              "warningIcon": "#797775",
+                              "warningText": "#323130",
+                            },
+                            "spacing": Object {
+                              "l1": "20px",
+                              "l2": "32px",
+                              "m": "16px",
+                              "s1": "8px",
+                              "s2": "4px",
+                            },
+                          }
+                        }
+                      >
+                        <label
+                          className="ms-Label root-125"
+                          htmlFor="TextField3"
+                          id="TextFieldLabel5"
+                        >
+                          Enter new directory name
+                        </label>
+                      </LabelBase>
+                    </StyledLabelBase>
+                    <div
+                      className="ms-TextField-fieldGroup fieldGroup-115"
+                    >
+                      <input
+                        aria-invalid={false}
+                        aria-labelledby="TextFieldLabel5"
+                        autoFocus={true}
+                        className="ms-TextField-field field-116"
+                        id="TextField3"
+                        name="collectionIdConfirmation"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onFocus={[Function]}
+                        onInput={[Function]}
+                        required={true}
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </TextFieldBase>
+            </StyledTextFieldBase>
+          </div>
+          <div
+            className="paneFooter"
+          >
+            <div
+              className="leftpanel-okbut"
+            >
+              <CustomizedPrimaryButton
+                ariaLabel="Submit"
+                className="genericPaneSubmitBtn"
+                onClick={[Function]}
+                style={
+                  Object {
+                    "visibility": "visible",
+                  }
+                }
+                tabIndex={0}
+                text="Create"
+                title="Submit"
+              >
+                <PrimaryButton
+                  ariaLabel="Submit"
+                  className="genericPaneSubmitBtn"
+                  onClick={[Function]}
+                  style={
+                    Object {
+                      "visibility": "visible",
+                    }
+                  }
+                  tabIndex={0}
+                  text="Create"
+                  theme={
+                    Object {
+                      "disableGlobalClassNames": false,
+                      "effects": Object {
+                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                        "roundedCorner2": "2px",
+                        "roundedCorner4": "4px",
+                        "roundedCorner6": "6px",
+                      },
+                      "fonts": Object {
+                        "large": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "18px",
+                          "fontWeight": 400,
+                        },
+                        "medium": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "14px",
+                          "fontWeight": 400,
+                        },
+                        "mediumPlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "16px",
+                          "fontWeight": 400,
+                        },
+                        "mega": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "68px",
+                          "fontWeight": 600,
+                        },
+                        "small": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "12px",
+                          "fontWeight": 400,
+                        },
+                        "smallPlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "12px",
+                          "fontWeight": 400,
+                        },
+                        "superLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "42px",
+                          "fontWeight": 600,
+                        },
+                        "tiny": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "10px",
+                          "fontWeight": 400,
+                        },
+                        "xLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "20px",
+                          "fontWeight": 600,
+                        },
+                        "xLargePlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "24px",
+                          "fontWeight": 600,
+                        },
+                        "xSmall": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "10px",
+                          "fontWeight": 400,
+                        },
+                        "xxLarge": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "28px",
+                          "fontWeight": 600,
+                        },
+                        "xxLargePlus": Object {
+                          "MozOsxFontSmoothing": "grayscale",
+                          "WebkitFontSmoothing": "antialiased",
+                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                          "fontSize": "32px",
+                          "fontWeight": 600,
+                        },
+                      },
+                      "isInverted": false,
+                      "palette": Object {
+                        "accent": "#0078d4",
+                        "black": "#000000",
+                        "blackTranslucent40": "rgba(0,0,0,.4)",
+                        "blue": "#0078d4",
+                        "blueDark": "#002050",
+                        "blueLight": "#00bcf2",
+                        "blueMid": "#00188f",
+                        "green": "#107c10",
+                        "greenDark": "#004b1c",
+                        "greenLight": "#bad80a",
+                        "magenta": "#b4009e",
+                        "magentaDark": "#5c005c",
+                        "magentaLight": "#e3008c",
+                        "neutralDark": "#201f1e",
+                        "neutralLight": "#edebe9",
+                        "neutralLighter": "#f3f2f1",
+                        "neutralLighterAlt": "#faf9f8",
+                        "neutralPrimary": "#323130",
+                        "neutralPrimaryAlt": "#3b3a39",
+                        "neutralQuaternary": "#d2d0ce",
+                        "neutralQuaternaryAlt": "#e1dfdd",
+                        "neutralSecondary": "#605e5c",
+                        "neutralSecondaryAlt": "#8a8886",
+                        "neutralTertiary": "#a19f9d",
+                        "neutralTertiaryAlt": "#c8c6c4",
+                        "orange": "#d83b01",
+                        "orangeLight": "#ea4300",
+                        "orangeLighter": "#ff8c00",
+                        "purple": "#5c2d91",
+                        "purpleDark": "#32145a",
+                        "purpleLight": "#b4a0ff",
+                        "red": "#e81123",
+                        "redDark": "#a4262c",
+                        "teal": "#008272",
+                        "tealDark": "#004b50",
+                        "tealLight": "#00b294",
+                        "themeDark": "#005a9e",
+                        "themeDarkAlt": "#106ebe",
+                        "themeDarker": "#004578",
+                        "themeLight": "#c7e0f4",
+                        "themeLighter": "#deecf9",
+                        "themeLighterAlt": "#eff6fc",
+                        "themePrimary": "#0078d4",
+                        "themeSecondary": "#2b88d8",
+                        "themeTertiary": "#71afe5",
+                        "white": "#ffffff",
+                        "whiteTranslucent40": "rgba(255,255,255,.4)",
+                        "yellow": "#ffb900",
+                        "yellowDark": "#d29200",
+                        "yellowLight": "#fff100",
+                      },
+                      "rtl": undefined,
+                      "semanticColors": Object {
+                        "accentButtonBackground": "#0078d4",
+                        "accentButtonText": "#ffffff",
+                        "actionLink": "#323130",
+                        "actionLinkHovered": "#201f1e",
+                        "blockingBackground": "#FDE7E9",
+                        "blockingIcon": "#FDE7E9",
+                        "bodyBackground": "#ffffff",
+                        "bodyBackgroundChecked": "#edebe9",
+                        "bodyBackgroundHovered": "#f3f2f1",
+                        "bodyDivider": "#edebe9",
+                        "bodyFrameBackground": "#ffffff",
+                        "bodyFrameDivider": "#edebe9",
+                        "bodyStandoutBackground": "#faf9f8",
+                        "bodySubtext": "#605e5c",
+                        "bodyText": "#323130",
+                        "bodyTextChecked": "#000000",
+                        "buttonBackground": "#ffffff",
+                        "buttonBackgroundChecked": "#c8c6c4",
+                        "buttonBackgroundCheckedHovered": "#edebe9",
+                        "buttonBackgroundDisabled": "#f3f2f1",
+                        "buttonBackgroundHovered": "#f3f2f1",
+                        "buttonBackgroundPressed": "#edebe9",
+                        "buttonBorder": "#8a8886",
+                        "buttonBorderDisabled": "#f3f2f1",
+                        "buttonText": "#323130",
+                        "buttonTextChecked": "#201f1e",
+                        "buttonTextCheckedHovered": "#000000",
+                        "buttonTextDisabled": "#a19f9d",
+                        "buttonTextHovered": "#201f1e",
+                        "buttonTextPressed": "#201f1e",
+                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                        "cardStandoutBackground": "#ffffff",
+                        "defaultStateBackground": "#faf9f8",
+                        "disabledBackground": "#f3f2f1",
+                        "disabledBodySubtext": "#c8c6c4",
+                        "disabledBodyText": "#a19f9d",
+                        "disabledBorder": "#c8c6c4",
+                        "disabledSubtext": "#d2d0ce",
+                        "disabledText": "#a19f9d",
+                        "errorBackground": "#FDE7E9",
+                        "errorIcon": "#A80000",
+                        "errorText": "#a4262c",
+                        "focusBorder": "#605e5c",
+                        "infoBackground": "#f3f2f1",
+                        "infoIcon": "#605e5c",
+                        "inputBackground": "#ffffff",
+                        "inputBackgroundChecked": "#0078d4",
+                        "inputBackgroundCheckedHovered": "#005a9e",
+                        "inputBorder": "#605e5c",
+                        "inputBorderHovered": "#323130",
+                        "inputFocusBorderAlt": "#0078d4",
+                        "inputForegroundChecked": "#ffffff",
+                        "inputIcon": "#0078d4",
+                        "inputIconDisabled": "#a19f9d",
+                        "inputIconHovered": "#005a9e",
+                        "inputPlaceholderBackgroundChecked": "#deecf9",
+                        "inputPlaceholderText": "#605e5c",
+                        "inputText": "#323130",
+                        "inputTextHovered": "#201f1e",
+                        "link": "#0078d4",
+                        "linkHovered": "#004578",
+                        "listBackground": "#ffffff",
+                        "listHeaderBackgroundHovered": "#f3f2f1",
+                        "listHeaderBackgroundPressed": "#edebe9",
+                        "listItemBackgroundChecked": "#edebe9",
+                        "listItemBackgroundCheckedHovered": "#e1dfdd",
+                        "listItemBackgroundHovered": "#f3f2f1",
+                        "listText": "#323130",
+                        "listTextColor": "#323130",
+                        "menuBackground": "#ffffff",
+                        "menuDivider": "#c8c6c4",
+                        "menuHeader": "#0078d4",
+                        "menuIcon": "#0078d4",
+                        "menuItemBackgroundChecked": "#edebe9",
+                        "menuItemBackgroundHovered": "#f3f2f1",
+                        "menuItemBackgroundPressed": "#edebe9",
+                        "menuItemText": "#323130",
+                        "menuItemTextHovered": "#201f1e",
+                        "messageLink": "#005A9E",
+                        "messageLinkHovered": "#004578",
+                        "messageText": "#323130",
+                        "primaryButtonBackground": "#0078d4",
+                        "primaryButtonBackgroundDisabled": "#f3f2f1",
+                        "primaryButtonBackgroundHovered": "#106ebe",
+                        "primaryButtonBackgroundPressed": "#005a9e",
+                        "primaryButtonBorder": "transparent",
+                        "primaryButtonText": "#ffffff",
+                        "primaryButtonTextDisabled": "#d2d0ce",
+                        "primaryButtonTextHovered": "#ffffff",
+                        "primaryButtonTextPressed": "#ffffff",
+                        "severeWarningBackground": "#FED9CC",
+                        "severeWarningIcon": "#D83B01",
+                        "smallInputBorder": "#605e5c",
+                        "successBackground": "#DFF6DD",
+                        "successIcon": "#107C10",
+                        "successText": "#107C10",
+                        "variantBorder": "#edebe9",
+                        "variantBorderHovered": "#a19f9d",
+                        "warningBackground": "#FFF4CE",
+                        "warningHighlight": "#ffb900",
+                        "warningIcon": "#797775",
+                        "warningText": "#323130",
+                      },
+                      "spacing": Object {
+                        "l1": "20px",
+                        "l2": "32px",
+                        "m": "16px",
+                        "s1": "8px",
+                        "s2": "4px",
+                      },
+                    }
+                  }
+                  title="Submit"
+                >
+                  <CustomizedDefaultButton
+                    ariaLabel="Submit"
+                    className="genericPaneSubmitBtn"
+                    onClick={[Function]}
+                    onRenderDescription={[Function]}
+                    primary={true}
+                    style={
+                      Object {
+                        "visibility": "visible",
+                      }
+                    }
+                    tabIndex={0}
+                    text="Create"
+                    theme={
+                      Object {
+                        "disableGlobalClassNames": false,
+                        "effects": Object {
+                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                          "roundedCorner2": "2px",
+                          "roundedCorner4": "4px",
+                          "roundedCorner6": "6px",
+                        },
+                        "fonts": Object {
+                          "large": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "18px",
+                            "fontWeight": 400,
+                          },
+                          "medium": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "14px",
+                            "fontWeight": 400,
+                          },
+                          "mediumPlus": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "16px",
+                            "fontWeight": 400,
+                          },
+                          "mega": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "68px",
+                            "fontWeight": 600,
+                          },
+                          "small": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "12px",
+                            "fontWeight": 400,
+                          },
+                          "smallPlus": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "12px",
+                            "fontWeight": 400,
+                          },
+                          "superLarge": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "42px",
+                            "fontWeight": 600,
+                          },
+                          "tiny": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "10px",
+                            "fontWeight": 400,
+                          },
+                          "xLarge": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "20px",
+                            "fontWeight": 600,
+                          },
+                          "xLargePlus": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "24px",
+                            "fontWeight": 600,
+                          },
+                          "xSmall": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "10px",
+                            "fontWeight": 400,
+                          },
+                          "xxLarge": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "28px",
+                            "fontWeight": 600,
+                          },
+                          "xxLargePlus": Object {
+                            "MozOsxFontSmoothing": "grayscale",
+                            "WebkitFontSmoothing": "antialiased",
+                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                            "fontSize": "32px",
+                            "fontWeight": 600,
+                          },
+                        },
+                        "isInverted": false,
+                        "palette": Object {
+                          "accent": "#0078d4",
+                          "black": "#000000",
+                          "blackTranslucent40": "rgba(0,0,0,.4)",
+                          "blue": "#0078d4",
+                          "blueDark": "#002050",
+                          "blueLight": "#00bcf2",
+                          "blueMid": "#00188f",
+                          "green": "#107c10",
+                          "greenDark": "#004b1c",
+                          "greenLight": "#bad80a",
+                          "magenta": "#b4009e",
+                          "magentaDark": "#5c005c",
+                          "magentaLight": "#e3008c",
+                          "neutralDark": "#201f1e",
+                          "neutralLight": "#edebe9",
+                          "neutralLighter": "#f3f2f1",
+                          "neutralLighterAlt": "#faf9f8",
+                          "neutralPrimary": "#323130",
+                          "neutralPrimaryAlt": "#3b3a39",
+                          "neutralQuaternary": "#d2d0ce",
+                          "neutralQuaternaryAlt": "#e1dfdd",
+                          "neutralSecondary": "#605e5c",
+                          "neutralSecondaryAlt": "#8a8886",
+                          "neutralTertiary": "#a19f9d",
+                          "neutralTertiaryAlt": "#c8c6c4",
+                          "orange": "#d83b01",
+                          "orangeLight": "#ea4300",
+                          "orangeLighter": "#ff8c00",
+                          "purple": "#5c2d91",
+                          "purpleDark": "#32145a",
+                          "purpleLight": "#b4a0ff",
+                          "red": "#e81123",
+                          "redDark": "#a4262c",
+                          "teal": "#008272",
+                          "tealDark": "#004b50",
+                          "tealLight": "#00b294",
+                          "themeDark": "#005a9e",
+                          "themeDarkAlt": "#106ebe",
+                          "themeDarker": "#004578",
+                          "themeLight": "#c7e0f4",
+                          "themeLighter": "#deecf9",
+                          "themeLighterAlt": "#eff6fc",
+                          "themePrimary": "#0078d4",
+                          "themeSecondary": "#2b88d8",
+                          "themeTertiary": "#71afe5",
+                          "white": "#ffffff",
+                          "whiteTranslucent40": "rgba(255,255,255,.4)",
+                          "yellow": "#ffb900",
+                          "yellowDark": "#d29200",
+                          "yellowLight": "#fff100",
+                        },
+                        "rtl": undefined,
+                        "semanticColors": Object {
+                          "accentButtonBackground": "#0078d4",
+                          "accentButtonText": "#ffffff",
+                          "actionLink": "#323130",
+                          "actionLinkHovered": "#201f1e",
+                          "blockingBackground": "#FDE7E9",
+                          "blockingIcon": "#FDE7E9",
+                          "bodyBackground": "#ffffff",
+                          "bodyBackgroundChecked": "#edebe9",
+                          "bodyBackgroundHovered": "#f3f2f1",
+                          "bodyDivider": "#edebe9",
+                          "bodyFrameBackground": "#ffffff",
+                          "bodyFrameDivider": "#edebe9",
+                          "bodyStandoutBackground": "#faf9f8",
+                          "bodySubtext": "#605e5c",
+                          "bodyText": "#323130",
+                          "bodyTextChecked": "#000000",
+                          "buttonBackground": "#ffffff",
+                          "buttonBackgroundChecked": "#c8c6c4",
+                          "buttonBackgroundCheckedHovered": "#edebe9",
+                          "buttonBackgroundDisabled": "#f3f2f1",
+                          "buttonBackgroundHovered": "#f3f2f1",
+                          "buttonBackgroundPressed": "#edebe9",
+                          "buttonBorder": "#8a8886",
+                          "buttonBorderDisabled": "#f3f2f1",
+                          "buttonText": "#323130",
+                          "buttonTextChecked": "#201f1e",
+                          "buttonTextCheckedHovered": "#000000",
+                          "buttonTextDisabled": "#a19f9d",
+                          "buttonTextHovered": "#201f1e",
+                          "buttonTextPressed": "#201f1e",
+                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                          "cardStandoutBackground": "#ffffff",
+                          "defaultStateBackground": "#faf9f8",
+                          "disabledBackground": "#f3f2f1",
+                          "disabledBodySubtext": "#c8c6c4",
+                          "disabledBodyText": "#a19f9d",
+                          "disabledBorder": "#c8c6c4",
+                          "disabledSubtext": "#d2d0ce",
+                          "disabledText": "#a19f9d",
+                          "errorBackground": "#FDE7E9",
+                          "errorIcon": "#A80000",
+                          "errorText": "#a4262c",
+                          "focusBorder": "#605e5c",
+                          "infoBackground": "#f3f2f1",
+                          "infoIcon": "#605e5c",
+                          "inputBackground": "#ffffff",
+                          "inputBackgroundChecked": "#0078d4",
+                          "inputBackgroundCheckedHovered": "#005a9e",
+                          "inputBorder": "#605e5c",
+                          "inputBorderHovered": "#323130",
+                          "inputFocusBorderAlt": "#0078d4",
+                          "inputForegroundChecked": "#ffffff",
+                          "inputIcon": "#0078d4",
+                          "inputIconDisabled": "#a19f9d",
+                          "inputIconHovered": "#005a9e",
+                          "inputPlaceholderBackgroundChecked": "#deecf9",
+                          "inputPlaceholderText": "#605e5c",
+                          "inputText": "#323130",
+                          "inputTextHovered": "#201f1e",
+                          "link": "#0078d4",
+                          "linkHovered": "#004578",
+                          "listBackground": "#ffffff",
+                          "listHeaderBackgroundHovered": "#f3f2f1",
+                          "listHeaderBackgroundPressed": "#edebe9",
+                          "listItemBackgroundChecked": "#edebe9",
+                          "listItemBackgroundCheckedHovered": "#e1dfdd",
+                          "listItemBackgroundHovered": "#f3f2f1",
+                          "listText": "#323130",
+                          "listTextColor": "#323130",
+                          "menuBackground": "#ffffff",
+                          "menuDivider": "#c8c6c4",
+                          "menuHeader": "#0078d4",
+                          "menuIcon": "#0078d4",
+                          "menuItemBackgroundChecked": "#edebe9",
+                          "menuItemBackgroundHovered": "#f3f2f1",
+                          "menuItemBackgroundPressed": "#edebe9",
+                          "menuItemText": "#323130",
+                          "menuItemTextHovered": "#201f1e",
+                          "messageLink": "#005A9E",
+                          "messageLinkHovered": "#004578",
+                          "messageText": "#323130",
+                          "primaryButtonBackground": "#0078d4",
+                          "primaryButtonBackgroundDisabled": "#f3f2f1",
+                          "primaryButtonBackgroundHovered": "#106ebe",
+                          "primaryButtonBackgroundPressed": "#005a9e",
+                          "primaryButtonBorder": "transparent",
+                          "primaryButtonText": "#ffffff",
+                          "primaryButtonTextDisabled": "#d2d0ce",
+                          "primaryButtonTextHovered": "#ffffff",
+                          "primaryButtonTextPressed": "#ffffff",
+                          "severeWarningBackground": "#FED9CC",
+                          "severeWarningIcon": "#D83B01",
+                          "smallInputBorder": "#605e5c",
+                          "successBackground": "#DFF6DD",
+                          "successIcon": "#107C10",
+                          "successText": "#107C10",
+                          "variantBorder": "#edebe9",
+                          "variantBorderHovered": "#a19f9d",
+                          "warningBackground": "#FFF4CE",
+                          "warningHighlight": "#ffb900",
+                          "warningIcon": "#797775",
+                          "warningText": "#323130",
+                        },
+                        "spacing": Object {
+                          "l1": "20px",
+                          "l2": "32px",
+                          "m": "16px",
+                          "s1": "8px",
+                          "s2": "4px",
+                        },
+                      }
+                    }
+                    title="Submit"
+                  >
+                    <DefaultButton
+                      ariaLabel="Submit"
+                      className="genericPaneSubmitBtn"
+                      onClick={[Function]}
+                      onRenderDescription={[Function]}
+                      primary={true}
+                      style={
+                        Object {
+                          "visibility": "visible",
+                        }
+                      }
+                      tabIndex={0}
+                      text="Create"
+                      theme={
+                        Object {
+                          "disableGlobalClassNames": false,
+                          "effects": Object {
+                            "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                            "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                            "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                            "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                            "roundedCorner2": "2px",
+                            "roundedCorner4": "4px",
+                            "roundedCorner6": "6px",
+                          },
+                          "fonts": Object {
+                            "large": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "18px",
+                              "fontWeight": 400,
+                            },
+                            "medium": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "14px",
+                              "fontWeight": 400,
+                            },
+                            "mediumPlus": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "16px",
+                              "fontWeight": 400,
+                            },
+                            "mega": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "68px",
+                              "fontWeight": 600,
+                            },
+                            "small": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "12px",
+                              "fontWeight": 400,
+                            },
+                            "smallPlus": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "12px",
+                              "fontWeight": 400,
+                            },
+                            "superLarge": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "42px",
+                              "fontWeight": 600,
+                            },
+                            "tiny": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "10px",
+                              "fontWeight": 400,
+                            },
+                            "xLarge": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "20px",
+                              "fontWeight": 600,
+                            },
+                            "xLargePlus": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "24px",
+                              "fontWeight": 600,
+                            },
+                            "xSmall": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "10px",
+                              "fontWeight": 400,
+                            },
+                            "xxLarge": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "28px",
+                              "fontWeight": 600,
+                            },
+                            "xxLargePlus": Object {
+                              "MozOsxFontSmoothing": "grayscale",
+                              "WebkitFontSmoothing": "antialiased",
+                              "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                              "fontSize": "32px",
+                              "fontWeight": 600,
+                            },
+                          },
+                          "isInverted": false,
+                          "palette": Object {
+                            "accent": "#0078d4",
+                            "black": "#000000",
+                            "blackTranslucent40": "rgba(0,0,0,.4)",
+                            "blue": "#0078d4",
+                            "blueDark": "#002050",
+                            "blueLight": "#00bcf2",
+                            "blueMid": "#00188f",
+                            "green": "#107c10",
+                            "greenDark": "#004b1c",
+                            "greenLight": "#bad80a",
+                            "magenta": "#b4009e",
+                            "magentaDark": "#5c005c",
+                            "magentaLight": "#e3008c",
+                            "neutralDark": "#201f1e",
+                            "neutralLight": "#edebe9",
+                            "neutralLighter": "#f3f2f1",
+                            "neutralLighterAlt": "#faf9f8",
+                            "neutralPrimary": "#323130",
+                            "neutralPrimaryAlt": "#3b3a39",
+                            "neutralQuaternary": "#d2d0ce",
+                            "neutralQuaternaryAlt": "#e1dfdd",
+                            "neutralSecondary": "#605e5c",
+                            "neutralSecondaryAlt": "#8a8886",
+                            "neutralTertiary": "#a19f9d",
+                            "neutralTertiaryAlt": "#c8c6c4",
+                            "orange": "#d83b01",
+                            "orangeLight": "#ea4300",
+                            "orangeLighter": "#ff8c00",
+                            "purple": "#5c2d91",
+                            "purpleDark": "#32145a",
+                            "purpleLight": "#b4a0ff",
+                            "red": "#e81123",
+                            "redDark": "#a4262c",
+                            "teal": "#008272",
+                            "tealDark": "#004b50",
+                            "tealLight": "#00b294",
+                            "themeDark": "#005a9e",
+                            "themeDarkAlt": "#106ebe",
+                            "themeDarker": "#004578",
+                            "themeLight": "#c7e0f4",
+                            "themeLighter": "#deecf9",
+                            "themeLighterAlt": "#eff6fc",
+                            "themePrimary": "#0078d4",
+                            "themeSecondary": "#2b88d8",
+                            "themeTertiary": "#71afe5",
+                            "white": "#ffffff",
+                            "whiteTranslucent40": "rgba(255,255,255,.4)",
+                            "yellow": "#ffb900",
+                            "yellowDark": "#d29200",
+                            "yellowLight": "#fff100",
+                          },
+                          "rtl": undefined,
+                          "semanticColors": Object {
+                            "accentButtonBackground": "#0078d4",
+                            "accentButtonText": "#ffffff",
+                            "actionLink": "#323130",
+                            "actionLinkHovered": "#201f1e",
+                            "blockingBackground": "#FDE7E9",
+                            "blockingIcon": "#FDE7E9",
+                            "bodyBackground": "#ffffff",
+                            "bodyBackgroundChecked": "#edebe9",
+                            "bodyBackgroundHovered": "#f3f2f1",
+                            "bodyDivider": "#edebe9",
+                            "bodyFrameBackground": "#ffffff",
+                            "bodyFrameDivider": "#edebe9",
+                            "bodyStandoutBackground": "#faf9f8",
+                            "bodySubtext": "#605e5c",
+                            "bodyText": "#323130",
+                            "bodyTextChecked": "#000000",
+                            "buttonBackground": "#ffffff",
+                            "buttonBackgroundChecked": "#c8c6c4",
+                            "buttonBackgroundCheckedHovered": "#edebe9",
+                            "buttonBackgroundDisabled": "#f3f2f1",
+                            "buttonBackgroundHovered": "#f3f2f1",
+                            "buttonBackgroundPressed": "#edebe9",
+                            "buttonBorder": "#8a8886",
+                            "buttonBorderDisabled": "#f3f2f1",
+                            "buttonText": "#323130",
+                            "buttonTextChecked": "#201f1e",
+                            "buttonTextCheckedHovered": "#000000",
+                            "buttonTextDisabled": "#a19f9d",
+                            "buttonTextHovered": "#201f1e",
+                            "buttonTextPressed": "#201f1e",
+                            "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                            "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                            "cardStandoutBackground": "#ffffff",
+                            "defaultStateBackground": "#faf9f8",
+                            "disabledBackground": "#f3f2f1",
+                            "disabledBodySubtext": "#c8c6c4",
+                            "disabledBodyText": "#a19f9d",
+                            "disabledBorder": "#c8c6c4",
+                            "disabledSubtext": "#d2d0ce",
+                            "disabledText": "#a19f9d",
+                            "errorBackground": "#FDE7E9",
+                            "errorIcon": "#A80000",
+                            "errorText": "#a4262c",
+                            "focusBorder": "#605e5c",
+                            "infoBackground": "#f3f2f1",
+                            "infoIcon": "#605e5c",
+                            "inputBackground": "#ffffff",
+                            "inputBackgroundChecked": "#0078d4",
+                            "inputBackgroundCheckedHovered": "#005a9e",
+                            "inputBorder": "#605e5c",
+                            "inputBorderHovered": "#323130",
+                            "inputFocusBorderAlt": "#0078d4",
+                            "inputForegroundChecked": "#ffffff",
+                            "inputIcon": "#0078d4",
+                            "inputIconDisabled": "#a19f9d",
+                            "inputIconHovered": "#005a9e",
+                            "inputPlaceholderBackgroundChecked": "#deecf9",
+                            "inputPlaceholderText": "#605e5c",
+                            "inputText": "#323130",
+                            "inputTextHovered": "#201f1e",
+                            "link": "#0078d4",
+                            "linkHovered": "#004578",
+                            "listBackground": "#ffffff",
+                            "listHeaderBackgroundHovered": "#f3f2f1",
+                            "listHeaderBackgroundPressed": "#edebe9",
+                            "listItemBackgroundChecked": "#edebe9",
+                            "listItemBackgroundCheckedHovered": "#e1dfdd",
+                            "listItemBackgroundHovered": "#f3f2f1",
+                            "listText": "#323130",
+                            "listTextColor": "#323130",
+                            "menuBackground": "#ffffff",
+                            "menuDivider": "#c8c6c4",
+                            "menuHeader": "#0078d4",
+                            "menuIcon": "#0078d4",
+                            "menuItemBackgroundChecked": "#edebe9",
+                            "menuItemBackgroundHovered": "#f3f2f1",
+                            "menuItemBackgroundPressed": "#edebe9",
+                            "menuItemText": "#323130",
+                            "menuItemTextHovered": "#201f1e",
+                            "messageLink": "#005A9E",
+                            "messageLinkHovered": "#004578",
+                            "messageText": "#323130",
+                            "primaryButtonBackground": "#0078d4",
+                            "primaryButtonBackgroundDisabled": "#f3f2f1",
+                            "primaryButtonBackgroundHovered": "#106ebe",
+                            "primaryButtonBackgroundPressed": "#005a9e",
+                            "primaryButtonBorder": "transparent",
+                            "primaryButtonText": "#ffffff",
+                            "primaryButtonTextDisabled": "#d2d0ce",
+                            "primaryButtonTextHovered": "#ffffff",
+                            "primaryButtonTextPressed": "#ffffff",
+                            "severeWarningBackground": "#FED9CC",
+                            "severeWarningIcon": "#D83B01",
+                            "smallInputBorder": "#605e5c",
+                            "successBackground": "#DFF6DD",
+                            "successIcon": "#107C10",
+                            "successText": "#107C10",
+                            "variantBorder": "#edebe9",
+                            "variantBorderHovered": "#a19f9d",
+                            "warningBackground": "#FFF4CE",
+                            "warningHighlight": "#ffb900",
+                            "warningIcon": "#797775",
+                            "warningText": "#323130",
+                          },
+                          "spacing": Object {
+                            "l1": "20px",
+                            "l2": "32px",
+                            "m": "16px",
+                            "s1": "8px",
+                            "s2": "4px",
+                          },
+                        }
+                      }
+                      title="Submit"
+                    >
+                      <BaseButton
+                        ariaLabel="Submit"
+                        baseClassName="ms-Button"
+                        className="genericPaneSubmitBtn"
+                        onClick={[Function]}
+                        onRenderDescription={[Function]}
+                        primary={true}
+                        split={false}
+                        style={
+                          Object {
+                            "visibility": "visible",
+                          }
+                        }
+                        styles={
+                          Object {
+                            "description": Object {
+                              "display": "block",
+                            },
+                            "flexContainer": Object {
+                              "alignItems": "center",
+                              "display": "flex",
+                              "flexWrap": "nowrap",
+                              "height": "100%",
+                              "justifyContent": "center",
+                            },
+                            "icon": Object {
+                              "flexShrink": 0,
+                              "fontSize": "16px",
+                              "height": "16px",
+                              "lineHeight": "16px",
+                              "margin": "0 4px",
+                              "textAlign": "center",
+                            },
+                            "iconDisabled": Object {
+                              "color": "#a19f9d",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "color": "GrayText",
+                                },
+                              },
+                            },
+                            "label": Array [
+                              Object {
+                                "display": "block",
+                                "lineHeight": "100%",
+                                "margin": "0 4px",
+                              },
+                              Object {
+                                "fontWeight": 600,
+                              },
+                            ],
+                            "menuIcon": Object {
+                              "flexShrink": 0,
+                              "fontSize": "12px",
+                              "height": "16px",
+                              "lineHeight": "16px",
+                              "margin": "0 4px",
+                              "textAlign": "center",
+                            },
+                            "menuIconDisabled": Object {
+                              "color": "#a19f9d",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "color": "GrayText",
+                                },
+                              },
+                            },
+                            "root": Array [
+                              Object {
+                                "outline": "transparent",
+                                "position": "relative",
+                                "selectors": Object {
+                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                    "border": "1px solid transparent",
+                                    "bottom": 2,
+                                    "content": "\\"\\"",
+                                    "left": 2,
+                                    "outline": "1px solid #605e5c",
+                                    "position": "absolute",
+                                    "right": 2,
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "bottom": -2,
+                                        "left": -2,
+                                        "outlineColor": "ButtonText",
+                                        "right": -2,
+                                        "top": -2,
+                                      },
+                                    },
+                                    "top": 2,
+                                    "zIndex": 1,
+                                  },
+                                  "::-moz-focus-inner": Object {
+                                    "border": "0",
+                                  },
+                                },
+                              },
+                              Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "14px",
+                                "fontWeight": 400,
+                              },
+                              Object {
+                                "border": "1px solid #8a8886",
+                                "borderRadius": "2px",
+                                "boxSizing": "border-box",
+                                "cursor": "pointer",
+                                "display": "inline-block",
+                                "padding": "0 16px",
+                                "selectors": Object {
+                                  ":active > *": Object {
+                                    "left": 0,
+                                    "position": "relative",
+                                    "top": 0,
+                                  },
+                                },
+                                "textAlign": "center",
+                                "textDecoration": "none",
+                                "userSelect": "none",
+                              },
+                              Object {
+                                "height": "32px",
+                                "minWidth": "80px",
+                              },
+                              Object {
+                                "backgroundColor": "#0078d4",
+                                "border": "1px solid #0078d4",
+                                "color": "#ffffff",
+                                "selectors": Object {
+                                  ".ms-Fabric--isFocusVisible &:focus": Object {
+                                    "selectors": Object {
+                                      ":after": Object {
+                                        "border": "none",
+                                        "outlineColor": "#ffffff",
+                                      },
+                                    },
+                                  },
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "MsHighContrastAdjust": "none",
+                                    "backgroundColor": "WindowText",
+                                    "borderColor": "WindowText",
+                                    "color": "Window",
+                                    "forcedColorAdjust": "none",
+                                  },
+                                },
+                              },
+                            ],
+                            "rootChecked": Object {
+                              "backgroundColor": "#005a9e",
+                              "color": "#ffffff",
+                            },
+                            "rootCheckedHovered": Object {
+                              "backgroundColor": "#005a9e",
+                              "color": "#ffffff",
+                            },
+                            "rootDisabled": Array [
+                              Object {
+                                "outline": "transparent",
+                                "position": "relative",
+                                "selectors": Object {
+                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                    "border": "1px solid transparent",
+                                    "bottom": 2,
+                                    "content": "\\"\\"",
+                                    "left": 2,
+                                    "outline": "1px solid #605e5c",
+                                    "position": "absolute",
+                                    "right": 2,
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "bottom": -2,
+                                        "left": -2,
+                                        "outlineColor": "ButtonText",
+                                        "right": -2,
+                                        "top": -2,
+                                      },
+                                    },
+                                    "top": 2,
+                                    "zIndex": 1,
+                                  },
+                                  "::-moz-focus-inner": Object {
+                                    "border": "0",
+                                  },
+                                },
+                              },
+                              Object {
+                                "backgroundColor": "#f3f2f1",
+                                "borderColor": "#f3f2f1",
+                                "color": "#a19f9d",
+                                "cursor": "default",
+                                "pointerEvents": "none",
+                                "selectors": Object {
+                                  ":focus": Object {
+                                    "outline": 0,
+                                  },
+                                  ":hover": Object {
+                                    "outline": 0,
+                                  },
+                                },
+                              },
+                              Object {
+                                "backgroundColor": "#f3f2f1",
+                                "color": "#d2d0ce",
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "Window",
+                                    "borderColor": "GrayText",
+                                    "color": "GrayText",
+                                  },
+                                },
+                              },
+                            ],
+                            "rootExpanded": Object {
+                              "backgroundColor": "#005a9e",
+                              "color": "#ffffff",
+                            },
+                            "rootHovered": Object {
+                              "backgroundColor": "#106ebe",
+                              "border": "1px solid #106ebe",
+                              "color": "#ffffff",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "Highlight",
+                                  "borderColor": "Highlight",
+                                  "color": "Window",
+                                },
+                              },
+                            },
+                            "rootPressed": Object {
+                              "backgroundColor": "#005a9e",
+                              "border": "1px solid #005a9e",
+                              "color": "#ffffff",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "MsHighContrastAdjust": "none",
+                                  "backgroundColor": "WindowText",
+                                  "borderColor": "WindowText",
+                                  "color": "Window",
+                                  "forcedColorAdjust": "none",
+                                },
+                              },
+                            },
+                            "screenReaderText": Object {
+                              "border": 0,
+                              "height": 1,
+                              "margin": -1,
+                              "overflow": "hidden",
+                              "padding": 0,
+                              "position": "absolute",
+                              "width": 1,
+                            },
+                            "splitButtonContainer": Array [
+                              Object {
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "border": "none",
+                                  },
+                                },
+                              },
+                              Object {
+                                "outline": "transparent",
+                                "position": "relative",
+                                "selectors": Object {
+                                  ".ms-Fabric--isFocusVisible &:focus:after": Object {
+                                    "border": "1px solid #ffffff",
+                                    "bottom": 3,
+                                    "content": "\\"\\"",
+                                    "left": 3,
+                                    "outline": "1px solid #605e5c",
+                                    "position": "absolute",
+                                    "right": 3,
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "border": "none",
+                                        "bottom": -2,
+                                        "left": -2,
+                                        "right": -2,
+                                        "top": -2,
+                                      },
+                                    },
+                                    "top": 3,
+                                    "zIndex": 1,
+                                  },
+                                  "::-moz-focus-inner": Object {
+                                    "border": "0",
+                                  },
+                                },
+                              },
+                              Object {
+                                "display": "inline-flex",
+                                "selectors": Object {
+                                  ".ms-Button--default": Object {
+                                    "borderBottomRightRadius": "0",
+                                    "borderRight": "none",
+                                    "borderTopRightRadius": "0",
+                                  },
+                                  ".ms-Button--primary": Object {
+                                    "border": "none",
+                                    "borderBottomRightRadius": "0",
+                                    "borderTopRightRadius": "0",
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "MsHighContrastAdjust": "none",
+                                        "backgroundColor": "Window",
+                                        "border": "1px solid WindowText",
+                                        "borderRightWidth": "0",
+                                        "color": "WindowText",
+                                        "forcedColorAdjust": "none",
+                                      },
+                                    },
+                                  },
+                                  ".ms-Button--primary + .ms-Button": Object {
+                                    "border": "none",
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "border": "1px solid WindowText",
+                                        "borderLeftWidth": "0",
+                                      },
+                                    },
+                                  },
+                                },
+                              },
+                            ],
+                            "splitButtonContainerChecked": Object {
+                              "selectors": Object {
+                                ".ms-Button--primary": Object {
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "MsHighContrastAdjust": "none",
+                                      "backgroundColor": "WindowText",
+                                      "color": "Window",
+                                      "forcedColorAdjust": "none",
+                                    },
+                                  },
+                                },
+                              },
+                            },
+                            "splitButtonContainerCheckedHovered": Object {
+                              "selectors": Object {
+                                ".ms-Button--primary": Object {
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "MsHighContrastAdjust": "none",
+                                      "backgroundColor": "WindowText",
+                                      "color": "Window",
+                                      "forcedColorAdjust": "none",
+                                    },
+                                  },
+                                },
+                              },
+                            },
+                            "splitButtonContainerDisabled": Object {
+                              "border": "none",
+                              "outline": "none",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "MsHighContrastAdjust": "none",
+                                  "backgroundColor": "Window",
+                                  "borderColor": "GrayText",
+                                  "color": "GrayText",
+                                  "forcedColorAdjust": "none",
+                                },
+                              },
+                            },
+                            "splitButtonContainerFocused": Object {
+                              "outline": "none!important",
+                            },
+                            "splitButtonContainerHovered": Object {
+                              "selectors": Object {
+                                ".ms-Button--primary": Object {
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "backgroundColor": "Highlight",
+                                      "color": "Window",
+                                    },
+                                  },
+                                },
+                                ".ms-Button.is-disabled": Object {
+                                  "color": "#a19f9d",
+                                  "selectors": Object {
+                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                      "backgroundColor": "Window",
+                                      "borderColor": "GrayText",
+                                      "color": "GrayText",
+                                    },
+                                  },
+                                },
+                              },
+                            },
+                            "splitButtonDivider": Array [
+                              Object {
+                                "backgroundColor": "#ffffff",
+                                "bottom": 8,
+                                "position": "absolute",
+                                "right": 31,
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "Window",
+                                  },
+                                },
+                                "top": 8,
+                                "width": 1,
+                              },
+                              Object {
+                                "bottom": 8,
+                                "position": "absolute",
+                                "right": 31,
+                                "selectors": Object {
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "WindowText",
+                                  },
+                                },
+                                "top": 8,
+                                "width": 1,
+                              },
+                            ],
+                            "splitButtonDividerDisabled": Object {
+                              "bottom": 8,
+                              "position": "absolute",
+                              "right": 31,
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "backgroundColor": "GrayText",
+                                },
+                              },
+                              "top": 8,
+                              "width": 1,
+                            },
+                            "splitButtonFlexContainer": Object {
+                              "alignItems": "center",
+                              "display": "flex",
+                              "flexWrap": "nowrap",
+                              "height": "100%",
+                              "justifyContent": "center",
+                            },
+                            "splitButtonMenuButton": Array [
+                              Object {
+                                "backgroundColor": "#0078d4",
+                                "color": "#ffffff",
+                                "selectors": Object {
+                                  ":hover": Object {
+                                    "backgroundColor": "#106ebe",
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "color": "Highlight",
+                                      },
+                                    },
+                                  },
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "WindowText",
+                                  },
+                                },
+                              },
+                              Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  ".ms-Button-menuIcon": Object {
+                                    "color": "WindowText",
+                                  },
+                                },
+                                "border": "1px solid #8a8886",
+                                "borderBottomRightRadius": "2px",
+                                "borderLeft": "none",
+                                "borderRadius": 0,
+                                "borderTopRightRadius": "2px",
+                                "boxSizing": "border-box",
+                                "cursor": "pointer",
+                                "display": "inline-block",
+                                "height": "auto",
+                                "marginBottom": 0,
+                                "marginLeft": -1,
+                                "marginRight": 0,
+                                "marginTop": 0,
+                                "outline": "transparent",
+                                "padding": 6,
+                                "textAlign": "center",
+                                "textDecoration": "none",
+                                "userSelect": "none",
+                                "verticalAlign": "top",
+                                "width": 32,
+                              },
+                            ],
+                            "splitButtonMenuButtonChecked": Object {
+                              "backgroundColor": "#005a9e",
+                              "selectors": Object {
+                                ":hover": Object {
+                                  "backgroundColor": "#005a9e",
+                                },
+                              },
+                            },
+                            "splitButtonMenuButtonDisabled": Array [
+                              Object {
+                                "backgroundColor": "#f3f2f1",
+                                "selectors": Object {
+                                  ":hover": Object {
+                                    "backgroundColor": "#f3f2f1",
+                                  },
+                                },
+                              },
+                              Object {
+                                "border": "none",
+                                "pointerEvents": "none",
+                                "selectors": Object {
+                                  ".ms-Button--primary": Object {
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "backgroundColor": "Window",
+                                        "borderColor": "GrayText",
+                                        "color": "GrayText",
+                                      },
+                                    },
+                                  },
+                                  ".ms-Button-menuIcon": Object {
+                                    "selectors": Object {
+                                      "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                        "color": "GrayText",
+                                      },
+                                    },
+                                  },
+                                  ":hover": Object {
+                                    "cursor": "default",
+                                  },
+                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                    "backgroundColor": "Window",
+                                    "border": "1px solid GrayText",
+                                    "color": "GrayText",
+                                  },
+                                },
+                              },
+                            ],
+                            "splitButtonMenuButtonExpanded": Object {
+                              "backgroundColor": "#005a9e",
+                              "selectors": Object {
+                                ":hover": Object {
+                                  "backgroundColor": "#005a9e",
+                                },
+                              },
+                            },
+                            "splitButtonMenuIcon": Object {
+                              "color": "#ffffff",
+                            },
+                            "splitButtonMenuIconDisabled": Object {
+                              "color": "#a19f9d",
+                              "selectors": Object {
+                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
+                                  "color": "GrayText",
+                                },
+                              },
+                            },
+                            "textContainer": Object {
+                              "display": "block",
+                              "flexGrow": 1,
+                            },
+                          }
+                        }
+                        tabIndex={0}
+                        text="Create"
+                        theme={
+                          Object {
+                            "disableGlobalClassNames": false,
+                            "effects": Object {
+                              "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
+                              "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                              "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
+                              "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                              "roundedCorner2": "2px",
+                              "roundedCorner4": "4px",
+                              "roundedCorner6": "6px",
+                            },
+                            "fonts": Object {
+                              "large": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "18px",
+                                "fontWeight": 400,
+                              },
+                              "medium": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "14px",
+                                "fontWeight": 400,
+                              },
+                              "mediumPlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "16px",
+                                "fontWeight": 400,
+                              },
+                              "mega": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "68px",
+                                "fontWeight": 600,
+                              },
+                              "small": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "12px",
+                                "fontWeight": 400,
+                              },
+                              "smallPlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "12px",
+                                "fontWeight": 400,
+                              },
+                              "superLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "42px",
+                                "fontWeight": 600,
+                              },
+                              "tiny": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "10px",
+                                "fontWeight": 400,
+                              },
+                              "xLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "20px",
+                                "fontWeight": 600,
+                              },
+                              "xLargePlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "24px",
+                                "fontWeight": 600,
+                              },
+                              "xSmall": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "10px",
+                                "fontWeight": 400,
+                              },
+                              "xxLarge": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "28px",
+                                "fontWeight": 600,
+                              },
+                              "xxLargePlus": Object {
+                                "MozOsxFontSmoothing": "grayscale",
+                                "WebkitFontSmoothing": "antialiased",
+                                "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
+                                "fontSize": "32px",
+                                "fontWeight": 600,
+                              },
+                            },
+                            "isInverted": false,
+                            "palette": Object {
+                              "accent": "#0078d4",
+                              "black": "#000000",
+                              "blackTranslucent40": "rgba(0,0,0,.4)",
+                              "blue": "#0078d4",
+                              "blueDark": "#002050",
+                              "blueLight": "#00bcf2",
+                              "blueMid": "#00188f",
+                              "green": "#107c10",
+                              "greenDark": "#004b1c",
+                              "greenLight": "#bad80a",
+                              "magenta": "#b4009e",
+                              "magentaDark": "#5c005c",
+                              "magentaLight": "#e3008c",
+                              "neutralDark": "#201f1e",
+                              "neutralLight": "#edebe9",
+                              "neutralLighter": "#f3f2f1",
+                              "neutralLighterAlt": "#faf9f8",
+                              "neutralPrimary": "#323130",
+                              "neutralPrimaryAlt": "#3b3a39",
+                              "neutralQuaternary": "#d2d0ce",
+                              "neutralQuaternaryAlt": "#e1dfdd",
+                              "neutralSecondary": "#605e5c",
+                              "neutralSecondaryAlt": "#8a8886",
+                              "neutralTertiary": "#a19f9d",
+                              "neutralTertiaryAlt": "#c8c6c4",
+                              "orange": "#d83b01",
+                              "orangeLight": "#ea4300",
+                              "orangeLighter": "#ff8c00",
+                              "purple": "#5c2d91",
+                              "purpleDark": "#32145a",
+                              "purpleLight": "#b4a0ff",
+                              "red": "#e81123",
+                              "redDark": "#a4262c",
+                              "teal": "#008272",
+                              "tealDark": "#004b50",
+                              "tealLight": "#00b294",
+                              "themeDark": "#005a9e",
+                              "themeDarkAlt": "#106ebe",
+                              "themeDarker": "#004578",
+                              "themeLight": "#c7e0f4",
+                              "themeLighter": "#deecf9",
+                              "themeLighterAlt": "#eff6fc",
+                              "themePrimary": "#0078d4",
+                              "themeSecondary": "#2b88d8",
+                              "themeTertiary": "#71afe5",
+                              "white": "#ffffff",
+                              "whiteTranslucent40": "rgba(255,255,255,.4)",
+                              "yellow": "#ffb900",
+                              "yellowDark": "#d29200",
+                              "yellowLight": "#fff100",
+                            },
+                            "rtl": undefined,
+                            "semanticColors": Object {
+                              "accentButtonBackground": "#0078d4",
+                              "accentButtonText": "#ffffff",
+                              "actionLink": "#323130",
+                              "actionLinkHovered": "#201f1e",
+                              "blockingBackground": "#FDE7E9",
+                              "blockingIcon": "#FDE7E9",
+                              "bodyBackground": "#ffffff",
+                              "bodyBackgroundChecked": "#edebe9",
+                              "bodyBackgroundHovered": "#f3f2f1",
+                              "bodyDivider": "#edebe9",
+                              "bodyFrameBackground": "#ffffff",
+                              "bodyFrameDivider": "#edebe9",
+                              "bodyStandoutBackground": "#faf9f8",
+                              "bodySubtext": "#605e5c",
+                              "bodyText": "#323130",
+                              "bodyTextChecked": "#000000",
+                              "buttonBackground": "#ffffff",
+                              "buttonBackgroundChecked": "#c8c6c4",
+                              "buttonBackgroundCheckedHovered": "#edebe9",
+                              "buttonBackgroundDisabled": "#f3f2f1",
+                              "buttonBackgroundHovered": "#f3f2f1",
+                              "buttonBackgroundPressed": "#edebe9",
+                              "buttonBorder": "#8a8886",
+                              "buttonBorderDisabled": "#f3f2f1",
+                              "buttonText": "#323130",
+                              "buttonTextChecked": "#201f1e",
+                              "buttonTextCheckedHovered": "#000000",
+                              "buttonTextDisabled": "#a19f9d",
+                              "buttonTextHovered": "#201f1e",
+                              "buttonTextPressed": "#201f1e",
+                              "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
+                              "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
+                              "cardStandoutBackground": "#ffffff",
+                              "defaultStateBackground": "#faf9f8",
+                              "disabledBackground": "#f3f2f1",
+                              "disabledBodySubtext": "#c8c6c4",
+                              "disabledBodyText": "#a19f9d",
+                              "disabledBorder": "#c8c6c4",
+                              "disabledSubtext": "#d2d0ce",
+                              "disabledText": "#a19f9d",
+                              "errorBackground": "#FDE7E9",
+                              "errorIcon": "#A80000",
+                              "errorText": "#a4262c",
+                              "focusBorder": "#605e5c",
+                              "infoBackground": "#f3f2f1",
+                              "infoIcon": "#605e5c",
+                              "inputBackground": "#ffffff",
+                              "inputBackgroundChecked": "#0078d4",
+                              "inputBackgroundCheckedHovered": "#005a9e",
+                              "inputBorder": "#605e5c",
+                              "inputBorderHovered": "#323130",
+                              "inputFocusBorderAlt": "#0078d4",
+                              "inputForegroundChecked": "#ffffff",
+                              "inputIcon": "#0078d4",
+                              "inputIconDisabled": "#a19f9d",
+                              "inputIconHovered": "#005a9e",
+                              "inputPlaceholderBackgroundChecked": "#deecf9",
+                              "inputPlaceholderText": "#605e5c",
+                              "inputText": "#323130",
+                              "inputTextHovered": "#201f1e",
+                              "link": "#0078d4",
+                              "linkHovered": "#004578",
+                              "listBackground": "#ffffff",
+                              "listHeaderBackgroundHovered": "#f3f2f1",
+                              "listHeaderBackgroundPressed": "#edebe9",
+                              "listItemBackgroundChecked": "#edebe9",
+                              "listItemBackgroundCheckedHovered": "#e1dfdd",
+                              "listItemBackgroundHovered": "#f3f2f1",
+                              "listText": "#323130",
+                              "listTextColor": "#323130",
+                              "menuBackground": "#ffffff",
+                              "menuDivider": "#c8c6c4",
+                              "menuHeader": "#0078d4",
+                              "menuIcon": "#0078d4",
+                              "menuItemBackgroundChecked": "#edebe9",
+                              "menuItemBackgroundHovered": "#f3f2f1",
+                              "menuItemBackgroundPressed": "#edebe9",
+                              "menuItemText": "#323130",
+                              "menuItemTextHovered": "#201f1e",
+                              "messageLink": "#005A9E",
+                              "messageLinkHovered": "#004578",
+                              "messageText": "#323130",
+                              "primaryButtonBackground": "#0078d4",
+                              "primaryButtonBackgroundDisabled": "#f3f2f1",
+                              "primaryButtonBackgroundHovered": "#106ebe",
+                              "primaryButtonBackgroundPressed": "#005a9e",
+                              "primaryButtonBorder": "transparent",
+                              "primaryButtonText": "#ffffff",
+                              "primaryButtonTextDisabled": "#d2d0ce",
+                              "primaryButtonTextHovered": "#ffffff",
+                              "primaryButtonTextPressed": "#ffffff",
+                              "severeWarningBackground": "#FED9CC",
+                              "severeWarningIcon": "#D83B01",
+                              "smallInputBorder": "#605e5c",
+                              "successBackground": "#DFF6DD",
+                              "successIcon": "#107C10",
+                              "successText": "#107C10",
+                              "variantBorder": "#edebe9",
+                              "variantBorderHovered": "#a19f9d",
+                              "warningBackground": "#FFF4CE",
+                              "warningHighlight": "#ffb900",
+                              "warningIcon": "#797775",
+                              "warningText": "#323130",
+                            },
+                            "spacing": Object {
+                              "l1": "20px",
+                              "l2": "32px",
+                              "m": "16px",
+                              "s1": "8px",
+                              "s2": "4px",
+                            },
+                          }
+                        }
+                        title="Submit"
+                        variantClassName="ms-Button--primary"
+                      >
+                        <button
+                          aria-label="Submit"
+                          className="ms-Button ms-Button--primary genericPaneSubmitBtn root-126"
+                          data-is-focusable={true}
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          onKeyPress={[Function]}
+                          onKeyUp={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseUp={[Function]}
+                          style={
+                            Object {
+                              "visibility": "visible",
+                            }
+                          }
+                          tabIndex={0}
+                          title="Submit"
+                          type="button"
+                        >
+                          <span
+                            className="ms-Button-flexContainer flexContainer-105"
+                            data-automationid="splitbuttonprimary"
+                          >
+                            <span
+                              className="ms-Button-textContainer textContainer-106"
+                            >
+                              <span
+                                className="ms-Button-label label-127"
+                                id="id__6"
+                                key="id__6"
+                              >
+                                Create
+                              </span>
+                            </span>
+                          </span>
+                        </button>
+                        <Component />
+                      </BaseButton>
+                    </DefaultButton>
+                  </CustomizedDefaultButton>
+                </PrimaryButton>
+              </CustomizedPrimaryButton>
+            </div>
+          </div>
+        </div>
+        <div
+          className="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer"
+          hidden={true}
+        >
+          <img
+            className="dataExplorerLoader"
+            src=""
+          />
+        </div>
+      </div>
+    </div>
+  </GenericRightPaneComponent>
+</StringInputPane>
+`;
diff --git a/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap b/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
index 084047ff8..8d4b6203c 100644
--- a/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
+++ b/src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap
@@ -200,20 +200,6 @@ exports[`Upload Items Pane should render Default properly 1`] = `
           "userTableQuery": [Function],
           "visible": [Function],
         },
-        StringInputPane {
-          "container": [Circular],
-          "firstFieldHasFocus": [Function],
-          "formErrors": [Function],
-          "formErrorsDetails": [Function],
-          "id": "stringinputpane",
-          "inputLabel": [Function],
-          "isExecuting": [Function],
-          "isTemplateReady": [Function],
-          "stringInput": [Function],
-          "submitButtonLabel": [Function],
-          "title": [Function],
-          "visible": [Function],
-        },
       ],
       "_refreshSparkEnabledStateForAccount": [Function],
       "_resetNotebookWorkspace": [Function],
@@ -524,20 +510,6 @@ exports[`Upload Items Pane should render Default properly 1`] = `
         "onResizeStop": [Function],
         "splitterId": "h_splitter1",
       },
-      "stringInputPane": StringInputPane {
-        "container": [Circular],
-        "firstFieldHasFocus": [Function],
-        "formErrors": [Function],
-        "formErrorsDetails": [Function],
-        "id": "stringinputpane",
-        "inputLabel": [Function],
-        "isExecuting": [Function],
-        "isTemplateReady": [Function],
-        "stringInput": [Function],
-        "submitButtonLabel": [Function],
-        "title": [Function],
-        "visible": [Function],
-      },
       "tabsManager": TabsManager {
         "activeTab": [Function],
         "openedTabs": [Function],
diff --git a/src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap b/src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
index f4e22d048..ac01075ef 100644
--- a/src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
+++ b/src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
@@ -201,20 +201,6 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
           "userTableQuery": [Function],
           "visible": [Function],
         },
-        StringInputPane {
-          "container": [Circular],
-          "firstFieldHasFocus": [Function],
-          "formErrors": [Function],
-          "formErrorsDetails": [Function],
-          "id": "stringinputpane",
-          "inputLabel": [Function],
-          "isExecuting": [Function],
-          "isTemplateReady": [Function],
-          "stringInput": [Function],
-          "submitButtonLabel": [Function],
-          "title": [Function],
-          "visible": [Function],
-        },
       ],
       "_refreshSparkEnabledStateForAccount": [Function],
       "_resetNotebookWorkspace": [Function],
@@ -529,20 +515,6 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
         "onResizeStop": [Function],
         "splitterId": "h_splitter1",
       },
-      "stringInputPane": StringInputPane {
-        "container": [Circular],
-        "firstFieldHasFocus": [Function],
-        "formErrors": [Function],
-        "formErrorsDetails": [Function],
-        "id": "stringinputpane",
-        "inputLabel": [Function],
-        "isExecuting": [Function],
-        "isTemplateReady": [Function],
-        "stringInput": [Function],
-        "submitButtonLabel": [Function],
-        "title": [Function],
-        "visible": [Function],
-      },
       "tabsManager": TabsManager {
         "activeTab": [Function],
         "openedTabs": [Function],
diff --git a/src/Explorer/Tree/ResourceTreeAdapter.tsx b/src/Explorer/Tree/ResourceTreeAdapter.tsx
index 3a05c06bb..184319ac9 100644
--- a/src/Explorer/Tree/ResourceTreeAdapter.tsx
+++ b/src/Explorer/Tree/ResourceTreeAdapter.tsx
@@ -761,7 +761,7 @@ export class ResourceTreeAdapter implements ReactAdapter {
       {
         label: "Rename",
         iconSrc: NotebookIcon,
-        onClick: () => this.container.renameNotebook(item).then(() => this.triggerRender()),
+        onClick: () => this.container.renameNotebook(item),
       },
       {
         label: "New Directory",
diff --git a/src/Main.tsx b/src/Main.tsx
index 43ca92976..8d06015af 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -232,7 +232,6 @@ const App: React.FunctionComponent = () => {
       <div data-bind='component: { name: "add-collection-pane", params: { data: addCollectionPane} }' />
       <div data-bind='component: { name: "graph-styling-pane", params: { data: graphStylingPane} }' />
       <div data-bind='component: { name: "cassandra-add-collection-pane", params: { data: cassandraAddCollectionPane} }' />
-      <div data-bind='component: { name: "string-input-pane", params: { data: stringInputPane} }' />
       <KOCommentIfStart if="isGitHubPaneEnabled" />
       <div data-bind='component: { name: "github-repos-pane", params: { data: gitHubReposPane } }' />
       <KOCommentEnd />