Merge branch 'master'

src/Explorer/Explorer.tsx

@@ -2056,15 +2056,18 @@ export default class Explorer {
   }
 
   public openSettingPane(): void {
-    this.openSidePanel("Settings", <SettingsPane explorer={this} closePanel={this.closeSidePanel} />);
+    this.openSidePanel(
+      "Settings",
+      <SettingsPane expandConsole={() => this.expandConsole()} closePanel={this.closeSidePanel} />
+    );
   }
 
   public openExecuteSprocParamsPanel(storedProcedure: StoredProcedure): void {
     this.openSidePanel(
       "Input parameters",
       <ExecuteSprocParamsPane
-        explorer={this}
         storedProcedure={storedProcedure}
+        expandConsole={() => this.expandConsole()}
         closePanel={() => this.closeSidePanel()}
       />
     );
@@ -2099,7 +2102,7 @@ export default class Explorer {
     this.openSidePanel(
       "Upload File",
       <UploadFilePane
-        explorer={this}
+        expandConsole={() => this.expandConsole()}
         closePanel={this.closeSidePanel}
         uploadFile={(name: string, content: string) => this.uploadFile(name, content, parent)}
       />

src/Explorer/Graph/GraphExplorerComponent/GraphExplorerAdapter.tsx

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { ReactAdapter } from "../../../Bindings/ReactBindingHandler";
-import { GraphConfig } from "../../Tabs/GraphTab";
-import * as ViewModels from "../../../Contracts/ViewModels";
-import { GraphExplorer, GraphAccessor } from "./GraphExplorer";
-
-interface Parameter {
-  onIsNewVertexDisabledChange: (isEnabled: boolean) => void;
-  onGraphAccessorCreated: (instance: GraphAccessor) => void;
-  onIsFilterQueryLoading: (isFilterQueryLoading: boolean) => void;
-  onIsValidQuery: (isValidQuery: boolean) => void;
-  onIsPropertyEditing: (isEditing: boolean) => void;
-  onIsGraphDisplayed: (isDisplayed: boolean) => void;
-  onResetDefaultGraphConfigValues: () => void;
-
-  graphConfigUiData: ViewModels.GraphConfigUiData;
-  graphConfig?: GraphConfig;
-
-  collectionPartitionKeyProperty: string;
-  graphBackendEndpoint: string;
-  databaseId: string;
-  collectionId: string;
-  masterKey: string;
-
-  onLoadStartKey: number;
-  onLoadStartKeyChange: (newKey: number) => void;
-  resourceId: string;
-}
-
-export class GraphExplorerAdapter implements ReactAdapter {
-  public params: Parameter;
-  public parameters = {};
-  public isNewVertexDisabled: boolean;
-
-  public constructor(params: Parameter) {
-    this.params = params;
-  }
-
-  public renderComponent(): JSX.Element {
-    return (
-      <GraphExplorer
-        onIsNewVertexDisabledChange={this.params.onIsNewVertexDisabledChange}
-        onGraphAccessorCreated={this.params.onGraphAccessorCreated}
-        onIsFilterQueryLoadingChange={this.params.onIsFilterQueryLoading}
-        onIsValidQueryChange={this.params.onIsValidQuery}
-        onIsPropertyEditing={this.params.onIsPropertyEditing}
-        onIsGraphDisplayed={this.params.onIsGraphDisplayed}
-        onResetDefaultGraphConfigValues={this.params.onResetDefaultGraphConfigValues}
-        collectionPartitionKeyProperty={this.params.collectionPartitionKeyProperty}
-        graphBackendEndpoint={this.params.graphBackendEndpoint}
-        databaseId={this.params.databaseId}
-        collectionId={this.params.collectionId}
-        masterKey={this.params.masterKey}
-        onLoadStartKey={this.params.onLoadStartKey}
-        onLoadStartKeyChange={this.params.onLoadStartKeyChange}
-        resourceId={this.params.resourceId}
-        /* TODO Figure out how to make this Knockout-free */
-        graphConfigUiData={this.params.graphConfigUiData}
-        graphConfig={this.params.graphConfig}
-      />
-    );
-  }
-}

src/Explorer/Panes/CopyNotebookPane/CopyNotebookPane.tsx

@@ -131,7 +131,6 @@ export const CopyNotebookPane: FunctionComponent<CopyNotebookPanelProps> = ({
   };
 
   const genericPaneProps: GenericRightPaneProps = {
-    container,
     formError,
     formErrorDetail,
     id: "copynotebookpane",
@@ -140,6 +139,7 @@ export const CopyNotebookPane: FunctionComponent<CopyNotebookPanelProps> = ({
     submitButtonText: "OK",
     onClose: closePanel,
     onSubmit: () => submit(),
+    expandConsole: () => container.expandConsole(),
   };
 
   const copyNotebookPaneProps: CopyNotebookPaneProps = {

src/Explorer/Panes/DeleteCollectionConfirmationPane/DeleteCollectionConfirmationPane.tsx

@@ -101,7 +101,6 @@ export const DeleteCollectionConfirmationPane: FunctionComponent<DeleteCollectio
     }
   };
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
     formError: formError,
     formErrorDetail: formError,
     id: "deleteCollectionpane",
@@ -110,6 +109,7 @@ export const DeleteCollectionConfirmationPane: FunctionComponent<DeleteCollectio
     submitButtonText: "OK",
     onClose: closePanel,
     onSubmit: submit,
+    expandConsole: () => explorer.expandConsole(),
   };
   return (
     <GenericRightPaneComponent {...genericPaneProps}>

src/Explorer/Panes/DeleteCollectionConfirmationPane/__snapshots__/DeleteCollectionConfirmationPane.test.tsx.snap

@@ -16,16 +16,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
   }
 >
   <GenericRightPaneComponent
-    container={
-      Object {
-        "findSelectedCollection": [Function],
-        "isLastCollection": [Function],
-        "isSelectedDatabaseShared": [Function],
-        "refreshAllDatabases": [Function],
-        "selectedCollectionId": [Function],
-        "selectedNode": [Function],
-      }
-    }
+    expandConsole={[Function]}
     formError=""
     formErrorDetail=""
     id="deleteCollectionpane"

src/Explorer/Panes/ExecuteSprocParamsPane/ExecuteSprocParamsPane.test.tsx

@@ -1,15 +1,13 @@
 import { mount } from "enzyme";
 import React from "react";
-import Explorer from "../../Explorer";
 import StoredProcedure from "../../Tree/StoredProcedure";
 import { ExecuteSprocParamsPane } from "./ExecuteSprocParamsPane";
 
 describe("Excute Sproc Param Pane", () => {
-  const fakeExplorer = {} as Explorer;
   const fakeSproc = {} as StoredProcedure;
   const props = {
-    explorer: fakeExplorer,
     storedProcedure: fakeSproc,
+    expandConsole: (): void => undefined,
     closePanel: (): void => undefined,
   };
 

src/Explorer/Panes/ExecuteSprocParamsPane/ExecuteSprocParamsPane.tsx

@@ -2,7 +2,6 @@ import { useBoolean } from "@uifabric/react-hooks";
 import { IDropdownOption, IImageProps, Image, Stack, Text } from "office-ui-fabric-react";
 import React, { FunctionComponent, useState } from "react";
 import AddPropertyIcon from "../../../../images/Add-property.svg";
-import Explorer from "../../Explorer";
 import StoredProcedure from "../../Tree/StoredProcedure";
 import {
   GenericRightPaneComponent,
@@ -11,7 +10,7 @@ import {
 import { InputParameter } from "./InputParameter";
 
 interface ExecuteSprocParamsPaneProps {
-  explorer: Explorer;
+  expandConsole: () => void;
   storedProcedure: StoredProcedure;
   closePanel: () => void;
 }
@@ -27,7 +26,7 @@ interface UnwrappedExecuteSprocParam {
 }
 
 export const ExecuteSprocParamsPane: FunctionComponent<ExecuteSprocParamsPaneProps> = ({
-  explorer,
+  expandConsole,
   storedProcedure,
   closePanel,
 }: ExecuteSprocParamsPaneProps): JSX.Element => {
@@ -43,7 +42,7 @@ export const ExecuteSprocParamsPane: FunctionComponent<ExecuteSprocParamsPanePro
   };
 
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
+    expandConsole,
     formError: formError,
     formErrorDetail: formErrorsDetails,
     id: "executesprocparamspane",

src/Explorer/Panes/ExecuteSprocParamsPane/__snapshots__/ExecuteSprocParamsPane.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`Excute Sproc Param Pane should render Default properly 1`] = `
 <ExecuteSprocParamsPane
   closePanel={[Function]}
-  explorer={Object {}}
+  expandConsole={[Function]}
   storedProcedure={Object {}}
 >
   <GenericRightPaneComponent
-    container={Object {}}
+    expandConsole={[Function]}
     formError=""
     formErrorDetail=""
     id="executesprocparamspane"

src/Explorer/Panes/GenericRightPaneComponent/GenericRightPaneComponent.tsx

@@ -3,10 +3,9 @@ import React, { FunctionComponent, ReactNode } from "react";
 import ErrorRedIcon from "../../../../images/error_red.svg";
 import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
 import { KeyCodes } from "../../../Common/Constants";
-import Explorer from "../../Explorer";
 
 export interface GenericRightPaneProps {
-  container: Explorer;
+  expandConsole: () => void;
   formError: string;
   formErrorDetail: string;
   id: string;
@@ -24,7 +23,7 @@ export interface GenericRightPaneState {
 }
 
 export const GenericRightPaneComponent: FunctionComponent<GenericRightPaneProps> = ({
-  container,
+  expandConsole,
   formError,
   formErrorDetail,
   id,
@@ -72,7 +71,7 @@ export const GenericRightPaneComponent: FunctionComponent<GenericRightPaneProps>
             <span className="formErrors" title={formError}>
               {formError}
             </span>
-            <a className="errorLink" role="link" hidden={!formErrorDetail} onClick={showErrorDetail}>
+            <a className="errorLink" role="link" hidden={!formErrorDetail} onClick={expandConsole}>
               More details
             </a>
           </span>
@@ -114,10 +113,6 @@ export const GenericRightPaneComponent: FunctionComponent<GenericRightPaneProps>
     }
   };
 
-  const showErrorDetail = (): void => {
-    container.expandConsole();
-  };
-
   return (
     <div tabIndex={-1} onKeyDown={onKeyDown}>
       <div className="contextual-pane-out" onClick={onClose}></div>

src/Explorer/Panes/LoadQueryPane/LoadQueryPane.tsx

@@ -37,7 +37,7 @@ export const LoadQueryPane: FunctionComponent<LoadQueryPaneProps> = ({
 
   const title = "Load Query";
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
+    expandConsole: () => explorer.expandConsole(),
     formError: formError,
     formErrorDetail: formErrorsDetails,
     id: "loadQueryPane",

src/Explorer/Panes/LoadQueryPane/__snapshots__/LoadQueryPane.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Load Query Pane should render Default properly 1`] = `
 <GenericRightPaneComponent
-  container={Object {}}
+  expandConsole={[Function]}
   formError=""
   formErrorDetail=""
   id="loadQueryPane"

src/Explorer/Panes/PublishNotebookPane/PublishNotebookPane.tsx

@@ -158,7 +158,6 @@ export const PublishNotebookPane: FunctionComponent<PublishNotebookPaneAProps> =
   };
 
   const props: GenericRightPaneProps = {
-    container: container,
     formError: formError,
     formErrorDetail: formErrorDetail,
     id: "publishnotebookpane",
@@ -167,6 +166,7 @@ export const PublishNotebookPane: FunctionComponent<PublishNotebookPaneAProps> =
     submitButtonText: "Publish",
     onSubmit: () => submit(),
     onClose: closePanel,
+    expandConsole: () => container.expandConsole(),
     isSubmitButtonHidden: !isCodeOfConductAccepted,
   };
 

src/Explorer/Panes/SaveQueryPane/SaveQueryPane.tsx

@@ -32,7 +32,7 @@ export const SaveQueryPane: FunctionComponent<SaveQueryPaneProps> = ({
   const title = "Save Query";
   const { canSaveQueries } = explorer;
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
+    expandConsole: () => explorer.expandConsole(),
     formError: formError,
     formErrorDetail: formErrorsDetails,
     id: "saveQueryPane",

src/Explorer/Panes/SaveQueryPane/__snapshots__/SaveQueryPane.test.tsx.snap

@@ -2,11 +2,7 @@
 
 exports[`Save Query Pane should render Default properly 1`] = `
 <GenericRightPaneComponent
-  container={
-    Object {
-      "canSaveQueries": [Function],
-    }
-  }
+  expandConsole={[Function]}
   formError=""
   formErrorDetail=""
   id="saveQueryPane"

src/Explorer/Panes/SettingsPane/SettingsPane.test.tsx

@@ -2,10 +2,9 @@ import { shallow } from "enzyme";
 import React from "react";
 import { DatabaseAccount } from "../../../Contracts/DataModels";
 import { updateUserContext } from "../../../UserContext";
-import Explorer from "../../Explorer";
 import { SettingsPane } from "./SettingsPane";
 const props = {
-  explorer: new Explorer(),
+  expandConsole: (): void => undefined,
   closePanel: (): void => undefined,
 };
 describe("Settings Pane", () => {

src/Explorer/Panes/SettingsPane/SettingsPane.tsx

@@ -7,19 +7,18 @@ import { LocalStorageUtility, StorageKey } from "../../../Shared/StorageUtility"
 import * as StringUtility from "../../../Shared/StringUtility";
 import { userContext } from "../../../UserContext";
 import { logConsoleInfo } from "../../../Utils/NotificationConsoleUtils";
-import Explorer from "../../Explorer";
 import {
   GenericRightPaneComponent,
   GenericRightPaneProps,
 } from "../GenericRightPaneComponent/GenericRightPaneComponent";
 
 export interface SettingsPaneProps {
-  explorer: Explorer;
+  expandConsole: () => void;
   closePanel: () => void;
 }
 
 export const SettingsPane: FunctionComponent<SettingsPaneProps> = ({
-  explorer: container,
+  expandConsole,
   closePanel,
 }: SettingsPaneProps) => {
   const [formErrors, setFormErrors] = useState<string>("");
@@ -107,7 +106,7 @@ export const SettingsPane: FunctionComponent<SettingsPaneProps> = ({
   };
 
   const genericPaneProps: GenericRightPaneProps = {
-    container,
+    expandConsole,
     formError: formErrors,
     formErrorDetail: "",
     id: "settingspane",

src/Explorer/Panes/StringInputPane/StringInputPane.tsx

@@ -92,7 +92,6 @@ export const StringInputPane: FunctionComponent<StringInputPanelProps> = ({
     }
   };
   const genericPaneProps: GenericRightPaneProps = {
-    container: container,
     formError: formErrors,
     formErrorDetail: formErrorsDetails,
     id: "stringInputPane",
@@ -101,6 +100,7 @@ export const StringInputPane: FunctionComponent<StringInputPanelProps> = ({
     submitButtonText: submitButtonLabel,
     onClose: closePanel,
     onSubmit: submit,
+    expandConsole: () => container.expandConsole(),
   };
   return (
     <GenericRightPaneComponent {...genericPaneProps}>

src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap

@@ -519,504 +519,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
   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": Map {},
-            "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],
-          },
-        ],
-        "_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": Map {},
-          "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],
-        "isPublishNotebookPaneEnabled": [Function],
-        "isResourceTokenCollectionNodeSelected": [Function],
-        "isRightPanelV2Enabled": [Function],
-        "isSchemaEnabled": [Function],
-        "isServerlessEnabled": [Function],
-        "isSparkEnabled": [Function],
-        "isSparkEnabledForAccount": undefined,
-        "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],
-        "refreshSparkEnabledStateForAccount": undefined,
-        "refreshTreeTitle": [Function],
-        "resourceTokenCollection": [Function],
-        "resourceTokenCollectionId": [Function],
-        "resourceTokenDatabaseId": [Function],
-        "resourceTokenPartitionKey": [Function],
-        "resourceTree": ResourceTreeAdapter {
-          "container": [Circular],
-          "copyNotebook": [Function],
-          "databaseCollectionIdMap": Map {},
-          "koSubsCollectionIdMap": Map {},
-          "koSubsDatabaseIdMap": Map {},
-          "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],
-      }
-    }
+    expandConsole={[Function]}
     formError=""
     formErrorDetail=""
     id="stringInputPane"

src/Explorer/Panes/Tables/EditTableEntityPanel.tsx

@@ -328,7 +328,7 @@ export const EditTableEntityPanel: FunctionComponent<EditTableEntityPanelProps>
                   selectedKey={entity.type}
                   entityPropertyPlaceHolder={detailedHelp}
                   entityValuePlaceholder={entity.entityValuePlaceholder}
-                  entityValue={entity.value}
+                  entityValue={entity.value?.toString()}
                   isEntityTypeDate={entity.isEntityTypeDate}
                   entityTimeValue={entity.entityTimeValue}
                   isEntityValueDisable={entity.isEntityValueDisable}

src/Explorer/Panes/Tables/TableQuerySelectPanel/__snapshots__/index.test.tsx.snap

@@ -11,7 +11,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
   }
 >
   <GenericRightPaneComponent
-    container={Object {}}
+    expandConsole={[Function]}
     formError=""
     formErrorDetail=""
     id="querySelectPane"

src/Explorer/Panes/Tables/TableQuerySelectPanel/index.tsx

@@ -32,7 +32,6 @@ export const TableQuerySelectPanel: FunctionComponent<TableQuerySelectPanelProps
   const [isAvailableColumnChecked, setIsAvailableColumnChecked] = useState<boolean>(true);
 
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
     formError: "",
     formErrorDetail: "",
     id: "querySelectPane",
@@ -41,6 +40,7 @@ export const TableQuerySelectPanel: FunctionComponent<TableQuerySelectPanelProps
     submitButtonText: "OK",
     onClose: () => closePanel(),
     onSubmit: () => submit(),
+    expandConsole: () => explorer.expandConsole(),
   };
 
   const submit = (): void => {

src/Explorer/Panes/UploadFilePane/UploadFilePane.tsx

@@ -1,7 +1,6 @@
 import React, { ChangeEvent, FunctionComponent, useState } from "react";
 import { Upload } from "../../../Common/Upload/Upload";
 import { logConsoleError, logConsoleInfo, logConsoleProgress } from "../../../Utils/NotificationConsoleUtils";
-import Explorer from "../../Explorer";
 import { NotebookContentItem } from "../../Notebook/NotebookContentItem";
 import {
   GenericRightPaneComponent,
@@ -9,13 +8,13 @@ import {
 } from "../GenericRightPaneComponent/GenericRightPaneComponent";
 
 export interface UploadFilePanelProps {
-  explorer: Explorer;
+  expandConsole: () => void;
   closePanel: () => void;
   uploadFile: (name: string, content: string) => Promise<NotebookContentItem>;
 }
 
 export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
-  explorer: container,
+  expandConsole,
   closePanel,
   uploadFile,
 }: UploadFilePanelProps) => {
@@ -93,7 +92,7 @@ export const UploadFilePane: FunctionComponent<UploadFilePanelProps> = ({
   };
 
   const genericPaneProps: GenericRightPaneProps = {
-    container: container,
+    expandConsole,
     formError: formErrors,
     formErrorDetail: formErrorsDetails,
     id: "uploadFilePane",

src/Explorer/Panes/UploadItemsPane/UploadItemsPane.tsx

@@ -71,7 +71,7 @@ export const UploadItemsPane: FunctionComponent<UploadItemsPaneProps> = ({
   };
 
   const genericPaneProps: GenericRightPaneProps = {
-    container: explorer,
+    expandConsole: () => explorer.expandConsole(),
     formError,
     formErrorDetail,
     id: "uploaditemspane",

src/Explorer/Panes/UploadItemsPane/__snapshots__/UploadItemsPane.test.tsx.snap

@@ -2,504 +2,7 @@
 
 exports[`Upload Items Pane should render Default properly 1`] = `
 <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": Map {},
-          "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],
-        },
-      ],
-      "_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": Map {},
-        "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],
-      "isPublishNotebookPaneEnabled": [Function],
-      "isResourceTokenCollectionNodeSelected": [Function],
-      "isRightPanelV2Enabled": [Function],
-      "isSchemaEnabled": [Function],
-      "isServerlessEnabled": [Function],
-      "isSparkEnabled": [Function],
-      "isSparkEnabledForAccount": undefined,
-      "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],
-      "refreshSparkEnabledStateForAccount": undefined,
-      "refreshTreeTitle": [Function],
-      "resourceTokenCollection": [Function],
-      "resourceTokenCollectionId": [Function],
-      "resourceTokenDatabaseId": [Function],
-      "resourceTokenPartitionKey": [Function],
-      "resourceTree": ResourceTreeAdapter {
-        "container": [Circular],
-        "copyNotebook": [Function],
-        "databaseCollectionIdMap": Map {},
-        "koSubsCollectionIdMap": Map {},
-        "koSubsDatabaseIdMap": Map {},
-        "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],
-    }
-  }
+  expandConsole={[Function]}
   formError=""
   formErrorDetail=""
   id="uploaditemspane"
@@ -517,7 +20,9 @@ exports[`Upload Items Pane should render Default properly 1`] = `
       multiple={true}
       onUpload={[Function]}
       tabIndex={0}
-      tooltip="Select one or more JSON files to upload. Each file can contain a single JSON document or an array of JSON documents. The combined size of all files in an individual upload operation must be less than 2 MB. You can perform multiple upload operations for larger data sets."
+      tooltip="Select one or more JSON files to upload. Each file can contain a single JSON document or an array of JSON
+ documents. The combined size of all files in an individual upload operation must be less than 2 MB. You
+ can perform multiple upload operations for larger data sets."
     />
   </div>
 </GenericRightPaneComponent>

src/Explorer/Tables/TableEntityProcessor.ts

@@ -165,7 +165,7 @@ export function convertEntityToNewDocument(entity: Entities.ITableEntityForTable
     $id: entity.RowKey._,
     id: entity.RowKey._,
   };
-  for (var property in entity) {
+  for (const property in entity) {
     if (
       property !== Constants.EntityKeyNames.PartitionKey &&
       property !== Constants.EntityKeyNames.RowKey &&
@@ -176,18 +176,30 @@ export function convertEntityToNewDocument(entity: Entities.ITableEntityForTable
       property !== keyProperties.attachments &&
       property !== keyProperties.Id2
     ) {
-      if (entity[property].$ === Constants.TableType.DateTime) {
-        // Convert javascript date back to ticks with 20 zeros padding
-        document[property] = {
-          $t: (<any>DataTypes)[entity[property].$],
-          $v: DateTimeUtilities.convertJSDateToTicksWithPadding(entity[property]._),
-        };
-      } else {
-        document[property] = {
-          $t: (<any>DataTypes)[entity[property].$],
-          $v: entity[property]._,
-        };
+      const propertyValue = entity[property]._;
+      let parsedValue;
+      switch (entity[property].$) {
+        case Constants.TableType.DateTime:
+          parsedValue = DateTimeUtilities.convertJSDateToTicksWithPadding(propertyValue);
+          break;
+        case Constants.TableType.Boolean:
+          parsedValue = propertyValue.toLowerCase() === "true";
+          break;
+        case Constants.TableType.Int32:
+        case Constants.TableType.Int64:
+          parsedValue = parseInt(propertyValue, 10);
+          break;
+        case Constants.TableType.Double:
+          parsedValue = parseFloat(propertyValue);
+          break;
+        default:
+          parsedValue = propertyValue;
       }
+
+      document[property] = {
+        $t: (<any>DataTypes)[entity[property].$],
+        $v: parsedValue,
+      };
     }
   }
   return document;

src/Explorer/Tabs/GraphTab.tsx

@@ -5,8 +5,12 @@ import StyleIcon from "../../../images/Style.svg";
 import { DatabaseAccount } from "../../Contracts/DataModels";
 import * as ViewModels from "../../Contracts/ViewModels";
 import { CommandButtonComponentProps } from "../Controls/CommandButton/CommandButtonComponent";
-import { GraphAccessor, GraphExplorerError } from "../Graph/GraphExplorerComponent/GraphExplorer";
-import { GraphExplorerAdapter } from "../Graph/GraphExplorerComponent/GraphExplorerAdapter";
+import {
+  GraphAccessor,
+  GraphExplorer,
+  GraphExplorerError,
+  GraphExplorerProps,
+} from "../Graph/GraphExplorerComponent/GraphExplorer";
 import { ContextualPaneBase } from "../Panes/ContextualPaneBase";
 import GraphStylingPane from "../Panes/GraphStylingPane";
 import { NewVertexPanel } from "../Panes/NewVertexPanel/NewVertexPanel";
@@ -36,15 +40,13 @@ interface GraphTabOptions extends ViewModels.TabOptions {
 }
 
 export default class GraphTab extends TabsBase {
-  public readonly html =
-    '<div class="graphExplorerContainer" role="tabpanel" data-bind="react:graphExplorerAdapter, attr: {id: tabId}"></div>';
   // Graph default configuration
   public static readonly DEFAULT_NODE_CAPTION = "id";
   private static readonly LINK_COLOR = "#aaa";
   private static readonly NODE_SIZE = 10;
   private static readonly NODE_COLOR = "orange";
   private static readonly LINK_WIDTH = 1;
-  private graphExplorerAdapter: GraphExplorerAdapter;
+  private graphExplorerProps: GraphExplorerProps;
   private isNewVertexDisabled: ko.Observable<boolean>;
   private isPropertyEditing: ko.Observable<boolean>;
   private isGraphDisplayed: ko.Observable<boolean>;
@@ -70,7 +72,7 @@ export default class GraphTab extends TabsBase {
     this.graphConfig = GraphTab.createGraphConfig();
     // TODO Merge this with this.graphConfig
     this.graphConfigUiData = GraphTab.createGraphConfigUiData(this.graphConfig);
-    this.graphExplorerAdapter = new GraphExplorerAdapter({
+    this.graphExplorerProps = {
       onGraphAccessorCreated: (instance: GraphAccessor): void => {
         this.graphAccessor = instance;
       },
@@ -89,8 +91,9 @@ export default class GraphTab extends TabsBase {
       onResetDefaultGraphConfigValues: () => this.setDefaultGraphConfigValues(),
       graphConfig: this.graphConfig,
       graphConfigUiData: this.graphConfigUiData,
-      onIsFilterQueryLoading: (isFilterQueryLoading: boolean): void => this.isFilterQueryLoading(isFilterQueryLoading),
-      onIsValidQuery: (isValidQuery: boolean): void => this.isValidQuery(isValidQuery),
+      onIsFilterQueryLoadingChange: (isFilterQueryLoading: boolean): void =>
+        this.isFilterQueryLoading(isFilterQueryLoading),
+      onIsValidQueryChange: (isValidQuery: boolean): void => this.isValidQuery(isValidQuery),
       collectionPartitionKeyProperty: options.collectionPartitionKeyProperty,
       graphBackendEndpoint: GraphTab.getGremlinEndpoint(options.account),
       databaseId: options.databaseId,
@@ -103,7 +106,7 @@ export default class GraphTab extends TabsBase {
         }
       },
       resourceId: options.account.id,
-    });
+    };
 
     this.isFilterQueryLoading = ko.observable(false);
     this.isValidQuery = ko.observable(true);
@@ -115,6 +118,14 @@ export default class GraphTab extends TabsBase {
       : `${account.name}.graphs.azure.com:443/`;
   }
 
+  public render(): JSX.Element {
+    return (
+      <div className="graphExplorerContainer" role="tabpanel" id={this.tabId}>
+        <GraphExplorer {...this.graphExplorerProps} />
+      </div>
+    );
+  }
+
   public onTabClick(): void {
     super.onTabClick();
     this.collection.selectedSubnodeKind(ViewModels.CollectionTabKind.Graph);