From c1c085f712c70871e6d74271e6313bbfec8424bb Mon Sep 17 00:00:00 2001
From: sunilyadav840 <sy00733526@techmahindra.com>
Date: Thu, 12 Aug 2021 17:20:09 +0530
Subject: [PATCH] update test cases and snapshot

---
 src/Common/TableEntity.tsx                    |    4 +-
 .../Panes/Tables/AddTableEntityPanel.test.tsx |    7 +-
 .../Panes/Tables/AddTableEntityPanel.tsx      |    8 +-
 .../AddTableEntityPanel.test.tsx.snap         | 3865 +++++++++
 .../EditTableEntityPanel.test.tsx.snap        | 7488 ++++++-----------
 .../QueryTablesTab/QueryTableTabUtils.tsx     |    1 +
 .../QueryTablesTabComponent.tsx               |   20 +-
 7 files changed, 6541 insertions(+), 4852 deletions(-)

diff --git a/src/Common/TableEntity.tsx b/src/Common/TableEntity.tsx
index 095677cdb..3d9b3d17c 100644
--- a/src/Common/TableEntity.tsx
+++ b/src/Common/TableEntity.tsx
@@ -124,12 +124,12 @@ export const TableEntity: FunctionComponent<TableEntityProps> = ({
         />
         {!isEntityValueDisable && (
           <TooltipHost content="Edit property" id="editTooltip">
-            <Image {...imageProps} src={EditIcon} alt="editEntity" onClick={onEditEntity} />
+            <Image {...imageProps} src={EditIcon} alt="editEntity" id="editEntity" onClick={onEditEntity} />
           </TooltipHost>
         )}
         {isDeleteOptionVisible && userContext.apiType !== "Cassandra" && (
           <TooltipHost content="Delete property" id="deleteTooltip">
-            <Image {...imageProps} src={DeleteIcon} alt="delete entity" onClick={onDeleteEntity} />
+            <Image {...imageProps} src={DeleteIcon} alt="delete entity" id="deleteEntity" onClick={onDeleteEntity} />
           </TooltipHost>
         )}
       </Stack>
diff --git a/src/Explorer/Panes/Tables/AddTableEntityPanel.test.tsx b/src/Explorer/Panes/Tables/AddTableEntityPanel.test.tsx
index b764edaff..72a1729c2 100644
--- a/src/Explorer/Panes/Tables/AddTableEntityPanel.test.tsx
+++ b/src/Explorer/Panes/Tables/AddTableEntityPanel.test.tsx
@@ -19,6 +19,7 @@ describe("Excute Add Table Entity Pane", () => {
     tableEntityListViewModel: fakeTableEntityListViewModel,
     cassandraApiClient: fakeCassandraApiClient,
     reloadEntities: () => "{}",
+    headerItems: ["email"],
   };
 
   it("should render Default properly", () => {
@@ -28,13 +29,13 @@ describe("Excute Add Table Entity Pane", () => {
 
   it("initially display 4 input field, 2 properties and 2 entity values", () => {
     const wrapper = mount(<AddTableEntityPanel {...props} />);
-    expect(wrapper.find("input[type='text']")).toHaveLength(0);
+    expect(wrapper.find("input[type='text']")).toHaveLength(1);
   });
 
   it("add a new entity row", () => {
     const wrapper = mount(<AddTableEntityPanel {...props} />);
     wrapper.find(".addButtonEntiy").last().simulate("click");
-    expect(wrapper.find("input[type='text']")).toHaveLength(1);
+    expect(wrapper.find("input[type='text']")).toHaveLength(2);
   });
 
   it("remove a entity field", () => {
@@ -42,6 +43,6 @@ describe("Excute Add Table Entity Pane", () => {
     // Since default entity row doesn't have delete option, so added row then delete for test cases.
     wrapper.find(".addButtonEntiy").last().simulate("click");
     wrapper.find("#deleteEntity").last().simulate("click");
-    expect(wrapper.find("input[type='text']")).toHaveLength(0);
+    expect(wrapper.find("input[type='text']")).toHaveLength(1);
   });
 });
diff --git a/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx b/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
index 069d7a88d..9cf04c19d 100644
--- a/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
+++ b/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
@@ -29,7 +29,7 @@ import {
   getDefaultEntities,
   getEntityValuePlaceholder,
   imageProps,
-  options
+  options,
 } from "./Validators/EntityTableHelper";
 
 interface AddTableEntityPanelProps {
@@ -39,7 +39,7 @@ interface AddTableEntityPanelProps {
   tableEntityListViewModel: TableEntityListViewModel;
   cassandraApiClient: CassandraAPIDataClient;
   reloadEntities: () => void;
-  headerItem: string[];
+  headerItems: string[];
 }
 
 interface EntityRowType {
@@ -60,7 +60,7 @@ export const AddTableEntityPanel: FunctionComponent<AddTableEntityPanelProps> =
   tableEntityListViewModel,
   cassandraApiClient,
   reloadEntities,
-  headerItem,
+  headerItems,
 }: AddTableEntityPanelProps): JSX.Element => {
   const closeSidePanel = useSidePanel((state) => state.closeSidePanel);
   const [entities, setEntities] = useState<EntityRowType[]>([]);
@@ -80,7 +80,7 @@ export const AddTableEntityPanel: FunctionComponent<AddTableEntityPanelProps> =
   }, []);
 
   const getDefaultEntitiesAttribute = async (): Promise<void> => {
-    let headers = tableEntityListViewModel.headers?.length > 1 ? tableEntityListViewModel.headers : headerItem;
+    let headers = tableEntityListViewModel.headers?.length > 1 ? tableEntityListViewModel.headers : headerItems;
     if (DataTableUtilities.checkForDefaultHeader(headers)) {
       headers = [];
       if (userContext.apiType === "Tables") {
diff --git a/src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap b/src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
index dea309c93..f08fbb860 100644
--- a/src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
+++ b/src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
@@ -3,6 +3,11 @@
 exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
 <AddTableEntityPanel
   cassandraApiClient={Object {}}
+  headerItems={
+    Array [
+      "email",
+    ]
+  }
   queryTablesTab={Object {}}
   reloadEntities={[Function]}
   tableDataClient={TablesAPIDataClient {}}
@@ -26,6 +31,3866 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
       <div
         className="panelMainContent"
       >
+        <TableEntity
+          entityProperty="email"
+          entityPropertyLabel="Property Name"
+          entityPropertyPlaceHolder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+          entityTypeLabel="Type"
+          entityValue=""
+          entityValueLabel="Value"
+          entityValuePlaceholder="Enter identifier value."
+          isDeleteOptionVisible={true}
+          isEntityTypeDate={false}
+          isPropertyTypeDisable={false}
+          key="10"
+          onDeleteEntity={[Function]}
+          onEditEntity={[Function]}
+          onEntityPropertyChange={[Function]}
+          onEntityTimeValueChange={[Function]}
+          onEntityTypeChange={[Function]}
+          onEntityValueChange={[Function]}
+          onSelectDate={[Function]}
+          options={
+            Array [
+              Object {
+                "key": "String",
+                "text": "String",
+              },
+              Object {
+                "key": "Boolean",
+                "text": "Boolean",
+              },
+              Object {
+                "disabled": true,
+                "key": "Binary",
+                "text": "Binary",
+              },
+              Object {
+                "key": "DateTime",
+                "text": "DateTime",
+              },
+              Object {
+                "key": "Double",
+                "text": "Double",
+              },
+              Object {
+                "key": "Guid",
+                "text": "Guid",
+              },
+              Object {
+                "key": "Int32",
+                "text": "Int32",
+              },
+              Object {
+                "key": "Int64",
+                "text": "Int64",
+              },
+            ]
+          }
+          selectedKey="String"
+        >
+          <Stack
+            horizontal={true}
+            tokens={
+              Object {
+                "childrenGap": 12,
+              }
+            }
+          >
+            <div
+              className="ms-Stack css-65"
+            >
+              <StyledTextFieldBase
+                autoFocus={true}
+                disabled={false}
+                key=".0:$.0"
+                label="Property Name"
+                onChange={[Function]}
+                placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                required={true}
+                value="email"
+              >
+                <TextFieldBase
+                  autoFocus={true}
+                  deferredValidationTime={200}
+                  disabled={false}
+                  label="Property Name"
+                  onChange={[Function]}
+                  placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                  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="email"
+                >
+                  <div
+                    className="ms-TextField is-required root-67"
+                  >
+                    <div
+                      className="ms-TextField-wrapper"
+                    >
+                      <StyledLabelBase
+                        disabled={false}
+                        htmlFor="TextField3"
+                        id="TextFieldLabel5"
+                        required={true}
+                        styles={[Function]}
+                      >
+                        <LabelBase
+                          disabled={false}
+                          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-78"
+                            htmlFor="TextField3"
+                            id="TextFieldLabel5"
+                          >
+                            Property Name
+                          </label>
+                        </LabelBase>
+                      </StyledLabelBase>
+                      <div
+                        className="ms-TextField-fieldGroup fieldGroup-68"
+                      >
+                        <input
+                          aria-invalid={false}
+                          aria-labelledby="TextFieldLabel5"
+                          autoFocus={true}
+                          className="ms-TextField-field field-69"
+                          disabled={false}
+                          id="TextField3"
+                          onBlur={[Function]}
+                          onChange={[Function]}
+                          onFocus={[Function]}
+                          onInput={[Function]}
+                          placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                          required={true}
+                          type="text"
+                          value="email"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </TextFieldBase>
+              </StyledTextFieldBase>
+              <Dropdown
+                disabled={false}
+                key=".0:$.1"
+                label="Type"
+                onChange={[Function]}
+                options={
+                  Array [
+                    Object {
+                      "key": "String",
+                      "text": "String",
+                    },
+                    Object {
+                      "key": "Boolean",
+                      "text": "Boolean",
+                    },
+                    Object {
+                      "disabled": true,
+                      "key": "Binary",
+                      "text": "Binary",
+                    },
+                    Object {
+                      "key": "DateTime",
+                      "text": "DateTime",
+                    },
+                    Object {
+                      "key": "Double",
+                      "text": "Double",
+                    },
+                    Object {
+                      "key": "Guid",
+                      "text": "Guid",
+                    },
+                    Object {
+                      "key": "Int32",
+                      "text": "Int32",
+                    },
+                    Object {
+                      "key": "Int64",
+                      "text": "Int64",
+                    },
+                  ]
+                }
+                selectedKey="String"
+                styles={
+                  Object {
+                    "dropdown": Object {
+                      "width": 100,
+                    },
+                  }
+                }
+              >
+                <DropdownBase
+                  disabled={false}
+                  label="Type"
+                  onChange={[Function]}
+                  options={
+                    Array [
+                      Object {
+                        "key": "String",
+                        "text": "String",
+                      },
+                      Object {
+                        "key": "Boolean",
+                        "text": "Boolean",
+                      },
+                      Object {
+                        "disabled": true,
+                        "key": "Binary",
+                        "text": "Binary",
+                      },
+                      Object {
+                        "key": "DateTime",
+                        "text": "DateTime",
+                      },
+                      Object {
+                        "key": "Double",
+                        "text": "Double",
+                      },
+                      Object {
+                        "key": "Guid",
+                        "text": "Guid",
+                      },
+                      Object {
+                        "key": "Int32",
+                        "text": "Int32",
+                      },
+                      Object {
+                        "key": "Int64",
+                        "text": "Int64",
+                      },
+                    ]
+                  }
+                  selectedKey="String"
+                  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",
+                      },
+                    }
+                  }
+                >
+                  <DropdownInternal
+                    disabled={false}
+                    hoisted={
+                      Object {
+                        "rootRef": [Function],
+                        "selectedIndices": Array [
+                          0,
+                        ],
+                        "setSelectedIndices": [Function],
+                      }
+                    }
+                    label="Type"
+                    onChange={[Function]}
+                    options={
+                      Array [
+                        Object {
+                          "key": "String",
+                          "text": "String",
+                        },
+                        Object {
+                          "key": "Boolean",
+                          "text": "Boolean",
+                        },
+                        Object {
+                          "disabled": true,
+                          "key": "Binary",
+                          "text": "Binary",
+                        },
+                        Object {
+                          "key": "DateTime",
+                          "text": "DateTime",
+                        },
+                        Object {
+                          "key": "Double",
+                          "text": "Double",
+                        },
+                        Object {
+                          "key": "Guid",
+                          "text": "Guid",
+                        },
+                        Object {
+                          "key": "Int32",
+                          "text": "Int32",
+                        },
+                        Object {
+                          "key": "Int64",
+                          "text": "Int64",
+                        },
+                      ]
+                    }
+                    responsiveMode={3}
+                    selectedKey="String"
+                    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",
+                        },
+                      }
+                    }
+                  >
+                    <div
+                      className="ms-Dropdown-container"
+                    >
+                      <StyledLabelBase
+                        className="ms-Dropdown-label"
+                        disabled={false}
+                        id="Dropdown6-label"
+                        styles={[Function]}
+                      >
+                        <LabelBase
+                          className="ms-Dropdown-label"
+                          disabled={false}
+                          id="Dropdown6-label"
+                          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 ms-Dropdown-label root-95"
+                            id="Dropdown6-label"
+                          >
+                            Type
+                          </label>
+                        </LabelBase>
+                      </StyledLabelBase>
+                      <div
+                        aria-disabled={false}
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-labelledby="Dropdown6-label Dropdown6-option"
+                        className="ms-Dropdown dropdown-79"
+                        data-is-focusable={true}
+                        data-ktp-target={true}
+                        id="Dropdown6"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        onKeyUp={[Function]}
+                        onMouseDown={[Function]}
+                        role="combobox"
+                        tabIndex={0}
+                      >
+                        <span
+                          aria-atomic={true}
+                          aria-invalid={false}
+                          aria-live="polite"
+                          className="ms-Dropdown-title title-100"
+                          id="Dropdown6-option"
+                        >
+                          String
+                        </span>
+                        <span
+                          className="ms-Dropdown-caretDownWrapper caretDownWrapper-81"
+                        >
+                          <StyledIconBase
+                            aria-hidden={true}
+                            className="ms-Dropdown-caretDown caretDown-82"
+                            iconName="ChevronDown"
+                          >
+                            <IconBase
+                              aria-hidden={true}
+                              className="ms-Dropdown-caretDown caretDown-82"
+                              iconName="ChevronDown"
+                              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",
+                                  },
+                                }
+                              }
+                            >
+                              <i
+                                aria-hidden={true}
+                                className="ms-Dropdown-caretDown caretDown-97"
+                                data-icon-name="ChevronDown"
+                              >
+                                
+                              </i>
+                            </IconBase>
+                          </StyledIconBase>
+                        </span>
+                      </div>
+                    </div>
+                  </DropdownInternal>
+                </DropdownBase>
+              </Dropdown>
+              <EntityValue
+                entityValue=""
+                entityValueLabel="Value"
+                entityValuePlaceholder="Enter identifier value."
+                entityValueType="string"
+                isEntityTypeDate={false}
+                key=".0:$.2"
+                onEntityTimeValueChange={[Function]}
+                onEntityValueChange={[Function]}
+                onSelectDate={[Function]}
+              >
+                <StyledTextFieldBase
+                  autoFocus={true}
+                  className="addEntityTextField"
+                  label="Value"
+                  onChange={[Function]}
+                  placeholder="Enter identifier value."
+                  type="string"
+                  value=""
+                >
+                  <TextFieldBase
+                    autoFocus={true}
+                    className="addEntityTextField"
+                    deferredValidationTime={200}
+                    label="Value"
+                    onChange={[Function]}
+                    placeholder="Enter identifier value."
+                    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",
+                        },
+                      }
+                    }
+                    type="string"
+                    validateOnLoad={true}
+                    value=""
+                  >
+                    <div
+                      className="ms-TextField addEntityTextField root-67"
+                    >
+                      <div
+                        className="ms-TextField-wrapper"
+                      >
+                        <StyledLabelBase
+                          htmlFor="TextField7"
+                          id="TextFieldLabel9"
+                          styles={[Function]}
+                        >
+                          <LabelBase
+                            htmlFor="TextField7"
+                            id="TextFieldLabel9"
+                            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-98"
+                              htmlFor="TextField7"
+                              id="TextFieldLabel9"
+                            >
+                              Value
+                            </label>
+                          </LabelBase>
+                        </StyledLabelBase>
+                        <div
+                          className="ms-TextField-fieldGroup fieldGroup-68"
+                        >
+                          <input
+                            aria-invalid={false}
+                            aria-labelledby="TextFieldLabel9"
+                            autoFocus={true}
+                            className="ms-TextField-field field-69"
+                            id="TextField7"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onFocus={[Function]}
+                            onInput={[Function]}
+                            placeholder="Enter identifier value."
+                            type="string"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </TextFieldBase>
+                </StyledTextFieldBase>
+              </EntityValue>
+              <StyledTooltipHostBase
+                content="Edit property"
+                id="editTooltip"
+                key=".0:$.3"
+              >
+                <TooltipHostBase
+                  content="Edit property"
+                  delay={1}
+                  id="editTooltip"
+                  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",
+                      },
+                    }
+                  }
+                >
+                  <div
+                    className="ms-TooltipHost root-99"
+                    onBlurCapture={[Function]}
+                    onFocusCapture={[Function]}
+                    onKeyDown={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                  >
+                    <StyledImageBase
+                      alt="editEntity"
+                      className="addRemoveIconLabel"
+                      height={30}
+                      id="editEntity"
+                      onClick={[Function]}
+                      src=""
+                      width={16}
+                    >
+                      <ImageBase
+                        alt="editEntity"
+                        className="addRemoveIconLabel"
+                        height={30}
+                        id="editEntity"
+                        onClick={[Function]}
+                        src=""
+                        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",
+                            },
+                          }
+                        }
+                        width={16}
+                      >
+                        <div
+                          className="ms-Image addRemoveIconLabel root-54"
+                          style={
+                            Object {
+                              "height": 30,
+                              "width": 16,
+                            }
+                          }
+                        >
+                          <img
+                            alt="editEntity"
+                            className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-55"
+                            id="editEntity"
+                            key="fabricImage"
+                            onClick={[Function]}
+                            onError={[Function]}
+                            onLoad={[Function]}
+                            src=""
+                          />
+                        </div>
+                      </ImageBase>
+                    </StyledImageBase>
+                  </div>
+                </TooltipHostBase>
+              </StyledTooltipHostBase>
+              <StyledTooltipHostBase
+                content="Delete property"
+                id="deleteTooltip"
+                key=".0:$.4"
+              >
+                <TooltipHostBase
+                  content="Delete property"
+                  delay={1}
+                  id="deleteTooltip"
+                  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",
+                      },
+                    }
+                  }
+                >
+                  <div
+                    className="ms-TooltipHost root-99"
+                    onBlurCapture={[Function]}
+                    onFocusCapture={[Function]}
+                    onKeyDown={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                  >
+                    <StyledImageBase
+                      alt="delete entity"
+                      className="addRemoveIconLabel"
+                      height={30}
+                      id="deleteEntity"
+                      onClick={[Function]}
+                      src=""
+                      width={16}
+                    >
+                      <ImageBase
+                        alt="delete entity"
+                        className="addRemoveIconLabel"
+                        height={30}
+                        id="deleteEntity"
+                        onClick={[Function]}
+                        src=""
+                        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",
+                            },
+                          }
+                        }
+                        width={16}
+                      >
+                        <div
+                          className="ms-Image addRemoveIconLabel root-54"
+                          style={
+                            Object {
+                              "height": 30,
+                              "width": 16,
+                            }
+                          }
+                        >
+                          <img
+                            alt="delete entity"
+                            className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-55"
+                            id="deleteEntity"
+                            key="fabricImage"
+                            onClick={[Function]}
+                            onError={[Function]}
+                            onLoad={[Function]}
+                            src=""
+                          />
+                        </div>
+                      </ImageBase>
+                    </StyledImageBase>
+                  </div>
+                </TooltipHostBase>
+              </StyledTooltipHostBase>
+            </div>
+          </Stack>
+        </TableEntity>
         <Stack
           className="addButtonEntiy"
           horizontal={true}
diff --git a/src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap b/src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
index c4b372625..bc6386c2d 100644
--- a/src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
+++ b/src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
@@ -37,6 +37,2657 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
       <div
         className="panelMainContent"
       >
+        <TableEntity
+          entityProperty="PartitionKey"
+          entityPropertyLabel="Property Name"
+          entityPropertyPlaceHolder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+          entityTimeValue=""
+          entityTypeLabel="Type"
+          entityValue="test"
+          entityValueLabel="Value"
+          entityValuePlaceholder="Enter identifier value."
+          isDeleteOptionVisible={false}
+          isEntityTypeDate={false}
+          isEntityValueDisable={true}
+          isPropertyTypeDisable={true}
+          key="00"
+          onDeleteEntity={[Function]}
+          onEditEntity={[Function]}
+          onEntityPropertyChange={[Function]}
+          onEntityTimeValueChange={[Function]}
+          onEntityTypeChange={[Function]}
+          onEntityValueChange={[Function]}
+          onSelectDate={[Function]}
+          options={
+            Array [
+              Object {
+                "key": "String",
+                "text": "String",
+              },
+              Object {
+                "key": "Boolean",
+                "text": "Boolean",
+              },
+              Object {
+                "disabled": true,
+                "key": "Binary",
+                "text": "Binary",
+              },
+              Object {
+                "key": "DateTime",
+                "text": "DateTime",
+              },
+              Object {
+                "key": "Double",
+                "text": "Double",
+              },
+              Object {
+                "key": "Guid",
+                "text": "Guid",
+              },
+              Object {
+                "key": "Int32",
+                "text": "Int32",
+              },
+              Object {
+                "key": "Int64",
+                "text": "Int64",
+              },
+            ]
+          }
+          selectedKey="String"
+        >
+          <Stack
+            horizontal={true}
+            tokens={
+              Object {
+                "childrenGap": 12,
+              }
+            }
+          >
+            <div
+              className="ms-Stack css-65"
+            >
+              <StyledTextFieldBase
+                autoFocus={true}
+                disabled={true}
+                key=".0:$.0"
+                label="Property Name"
+                onChange={[Function]}
+                placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                required={true}
+                value="PartitionKey"
+              >
+                <TextFieldBase
+                  autoFocus={true}
+                  deferredValidationTime={200}
+                  disabled={true}
+                  label="Property Name"
+                  onChange={[Function]}
+                  placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                  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="PartitionKey"
+                >
+                  <div
+                    className="ms-TextField is-required is-disabled root-67"
+                  >
+                    <div
+                      className="ms-TextField-wrapper"
+                    >
+                      <StyledLabelBase
+                        disabled={true}
+                        htmlFor="TextField3"
+                        id="TextFieldLabel5"
+                        required={true}
+                        styles={[Function]}
+                      >
+                        <LabelBase
+                          disabled={true}
+                          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-78"
+                            htmlFor="TextField3"
+                            id="TextFieldLabel5"
+                          >
+                            Property Name
+                          </label>
+                        </LabelBase>
+                      </StyledLabelBase>
+                      <div
+                        className="ms-TextField-fieldGroup fieldGroup-68"
+                      >
+                        <input
+                          aria-invalid={false}
+                          aria-labelledby="TextFieldLabel5"
+                          autoFocus={true}
+                          className="ms-TextField-field field-69"
+                          disabled={true}
+                          id="TextField3"
+                          onBlur={[Function]}
+                          onChange={[Function]}
+                          onFocus={[Function]}
+                          onInput={[Function]}
+                          placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
+                          required={true}
+                          type="text"
+                          value="PartitionKey"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </TextFieldBase>
+              </StyledTextFieldBase>
+              <Dropdown
+                disabled={true}
+                key=".0:$.1"
+                label="Type"
+                onChange={[Function]}
+                options={
+                  Array [
+                    Object {
+                      "key": "String",
+                      "text": "String",
+                    },
+                    Object {
+                      "key": "Boolean",
+                      "text": "Boolean",
+                    },
+                    Object {
+                      "disabled": true,
+                      "key": "Binary",
+                      "text": "Binary",
+                    },
+                    Object {
+                      "key": "DateTime",
+                      "text": "DateTime",
+                    },
+                    Object {
+                      "key": "Double",
+                      "text": "Double",
+                    },
+                    Object {
+                      "key": "Guid",
+                      "text": "Guid",
+                    },
+                    Object {
+                      "key": "Int32",
+                      "text": "Int32",
+                    },
+                    Object {
+                      "key": "Int64",
+                      "text": "Int64",
+                    },
+                  ]
+                }
+                selectedKey="String"
+                styles={
+                  Object {
+                    "dropdown": Object {
+                      "width": 100,
+                    },
+                  }
+                }
+              >
+                <DropdownBase
+                  disabled={true}
+                  label="Type"
+                  onChange={[Function]}
+                  options={
+                    Array [
+                      Object {
+                        "key": "String",
+                        "text": "String",
+                      },
+                      Object {
+                        "key": "Boolean",
+                        "text": "Boolean",
+                      },
+                      Object {
+                        "disabled": true,
+                        "key": "Binary",
+                        "text": "Binary",
+                      },
+                      Object {
+                        "key": "DateTime",
+                        "text": "DateTime",
+                      },
+                      Object {
+                        "key": "Double",
+                        "text": "Double",
+                      },
+                      Object {
+                        "key": "Guid",
+                        "text": "Guid",
+                      },
+                      Object {
+                        "key": "Int32",
+                        "text": "Int32",
+                      },
+                      Object {
+                        "key": "Int64",
+                        "text": "Int64",
+                      },
+                    ]
+                  }
+                  selectedKey="String"
+                  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",
+                      },
+                    }
+                  }
+                >
+                  <DropdownInternal
+                    disabled={true}
+                    hoisted={
+                      Object {
+                        "rootRef": [Function],
+                        "selectedIndices": Array [
+                          0,
+                        ],
+                        "setSelectedIndices": [Function],
+                      }
+                    }
+                    label="Type"
+                    onChange={[Function]}
+                    options={
+                      Array [
+                        Object {
+                          "key": "String",
+                          "text": "String",
+                        },
+                        Object {
+                          "key": "Boolean",
+                          "text": "Boolean",
+                        },
+                        Object {
+                          "disabled": true,
+                          "key": "Binary",
+                          "text": "Binary",
+                        },
+                        Object {
+                          "key": "DateTime",
+                          "text": "DateTime",
+                        },
+                        Object {
+                          "key": "Double",
+                          "text": "Double",
+                        },
+                        Object {
+                          "key": "Guid",
+                          "text": "Guid",
+                        },
+                        Object {
+                          "key": "Int32",
+                          "text": "Int32",
+                        },
+                        Object {
+                          "key": "Int64",
+                          "text": "Int64",
+                        },
+                      ]
+                    }
+                    responsiveMode={3}
+                    selectedKey="String"
+                    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",
+                        },
+                      }
+                    }
+                  >
+                    <div
+                      className="ms-Dropdown-container"
+                    >
+                      <StyledLabelBase
+                        className="ms-Dropdown-label"
+                        disabled={true}
+                        id="Dropdown6-label"
+                        styles={[Function]}
+                      >
+                        <LabelBase
+                          className="ms-Dropdown-label"
+                          disabled={true}
+                          id="Dropdown6-label"
+                          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 ms-Dropdown-label root-95"
+                            id="Dropdown6-label"
+                          >
+                            Type
+                          </label>
+                        </LabelBase>
+                      </StyledLabelBase>
+                      <div
+                        aria-disabled={true}
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-labelledby="Dropdown6-label Dropdown6-option"
+                        className="ms-Dropdown is-disabled dropdown-79"
+                        data-is-focusable={false}
+                        data-ktp-target={true}
+                        id="Dropdown6"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        onKeyUp={[Function]}
+                        onMouseDown={[Function]}
+                        role="combobox"
+                        tabIndex={-1}
+                      >
+                        <span
+                          aria-atomic={true}
+                          aria-invalid={false}
+                          aria-live="polite"
+                          className="ms-Dropdown-title title-99"
+                          id="Dropdown6-option"
+                        >
+                          String
+                        </span>
+                        <span
+                          className="ms-Dropdown-caretDownWrapper caretDownWrapper-81"
+                        >
+                          <StyledIconBase
+                            aria-hidden={true}
+                            className="ms-Dropdown-caretDown caretDown-82"
+                            iconName="ChevronDown"
+                          >
+                            <IconBase
+                              aria-hidden={true}
+                              className="ms-Dropdown-caretDown caretDown-82"
+                              iconName="ChevronDown"
+                              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",
+                                  },
+                                }
+                              }
+                            >
+                              <i
+                                aria-hidden={true}
+                                className="ms-Dropdown-caretDown caretDown-97"
+                                data-icon-name="ChevronDown"
+                              >
+                                
+                              </i>
+                            </IconBase>
+                          </StyledIconBase>
+                        </span>
+                      </div>
+                    </div>
+                  </DropdownInternal>
+                </DropdownBase>
+              </Dropdown>
+              <EntityValue
+                entityTimeValue=""
+                entityValue="test"
+                entityValueLabel="Value"
+                entityValuePlaceholder="Enter identifier value."
+                entityValueType="string"
+                isEntityTypeDate={false}
+                isEntityValueDisable={true}
+                key=".0:$.2"
+                onEntityTimeValueChange={[Function]}
+                onEntityValueChange={[Function]}
+                onSelectDate={[Function]}
+              >
+                <StyledTextFieldBase
+                  autoFocus={true}
+                  className="addEntityTextField"
+                  disabled={true}
+                  label="Value"
+                  onChange={[Function]}
+                  placeholder="Enter identifier value."
+                  type="string"
+                  value="test"
+                >
+                  <TextFieldBase
+                    autoFocus={true}
+                    className="addEntityTextField"
+                    deferredValidationTime={200}
+                    disabled={true}
+                    label="Value"
+                    onChange={[Function]}
+                    placeholder="Enter identifier value."
+                    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",
+                        },
+                      }
+                    }
+                    type="string"
+                    validateOnLoad={true}
+                    value="test"
+                  >
+                    <div
+                      className="ms-TextField is-disabled addEntityTextField root-67"
+                    >
+                      <div
+                        className="ms-TextField-wrapper"
+                      >
+                        <StyledLabelBase
+                          disabled={true}
+                          htmlFor="TextField7"
+                          id="TextFieldLabel9"
+                          styles={[Function]}
+                        >
+                          <LabelBase
+                            disabled={true}
+                            htmlFor="TextField7"
+                            id="TextFieldLabel9"
+                            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-98"
+                              htmlFor="TextField7"
+                              id="TextFieldLabel9"
+                            >
+                              Value
+                            </label>
+                          </LabelBase>
+                        </StyledLabelBase>
+                        <div
+                          className="ms-TextField-fieldGroup fieldGroup-68"
+                        >
+                          <input
+                            aria-invalid={false}
+                            aria-labelledby="TextFieldLabel9"
+                            autoFocus={true}
+                            className="ms-TextField-field field-69"
+                            disabled={true}
+                            id="TextField7"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onFocus={[Function]}
+                            onInput={[Function]}
+                            placeholder="Enter identifier value."
+                            type="string"
+                            value="test"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </TextFieldBase>
+                </StyledTextFieldBase>
+              </EntityValue>
+            </div>
+          </Stack>
+        </TableEntity>
         <Stack
           className="addButtonEntiy"
           horizontal={true}
@@ -46,78 +2697,12 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
             className="ms-Stack addButtonEntiy css-53"
             onClick={[Function]}
           >
-<<<<<<< HEAD
-            <TableEntity
-              entityProperty="PartitionKey"
-              entityPropertyLabel="Property Name"
-              entityPropertyPlaceHolder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-              entityTimeValue=""
-              entityTypeLabel="Type"
-              entityValue="test"
-              entityValueLabel="Value"
-              entityValuePlaceholder="Enter identifier value."
-              isDeleteOptionVisible={false}
-              isEntityTypeDate={false}
-              isEntityValueDisable={true}
-              isPropertyTypeDisable={true}
-              onDeleteEntity={[Function]}
-              onEditEntity={[Function]}
-              onEntityPropertyChange={[Function]}
-              onEntityTimeValueChange={[Function]}
-              onEntityTypeChange={[Function]}
-              onEntityValueChange={[Function]}
-              onSelectDate={[Function]}
-              options={
-                Array [
-                  Object {
-                    "key": "String",
-                    "text": "String",
-                  },
-                  Object {
-                    "key": "Boolean",
-                    "text": "Boolean",
-                  },
-                  Object {
-                    "disabled": true,
-                    "key": "Binary",
-                    "text": "Binary",
-                  },
-                  Object {
-                    "key": "DateTime",
-                    "text": "DateTime",
-                  },
-                  Object {
-                    "key": "Double",
-                    "text": "Double",
-                  },
-                  Object {
-                    "key": "Guid",
-                    "text": "Guid",
-                  },
-                  Object {
-                    "key": "Int32",
-                    "text": "Int32",
-                  },
-                  Object {
-                    "key": "Int64",
-                    "text": "Int64",
-                  },
-                ]
-              }
-              selectedKey="String"
-            />
-            <Stack
-              className="addButtonEntiy"
-              horizontal={true}
-              onClick={[Function]}
-=======
             <StyledImageBase
               alt="Add Entity"
               height={30}
               key=".0:$.0"
               src=""
               width={16}
->>>>>>> f8ac36962b12da2c657879cc7bc47d833744c064
             >
               <ImageBase
                 alt="Add Entity"
@@ -723,259 +3308,6 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
               }
               type="submit"
             >
-<<<<<<< HEAD
-              <Portal
-                containerInfo={
-                  <div
-                    class="ms-Layer ms-Layer--fixed root-67"
-                    data-portal-element="true"
-                  >
-                    <div
-                      class="ms-Fabric ms-Layer-content content-69"
-                    >
-                      <div
-                        aria-labelledby="Panel0-headerText"
-                        aria-modal="true"
-                        class=""
-                        role="dialog"
-                        style="outline: none;"
-                      >
-                        <div
-                          aria-hidden="false"
-                          class="ms-Panel is-open ms-Panel--hasCloseButton ms-Panel--custom root-55"
-                          style="height: 736px;"
-                        >
-                          <div
-                            class="ms-Overlay overlay-71"
-                          />
-                          <div
-                            class="ms-Panel-main main-57"
-                            style="width: 700px;"
-                          >
-                            <div
-                              aria-hidden="true"
-                              data-is-visible="true"
-                              style="pointer-events: none; position: fixed;"
-                              tabindex="0"
-                            />
-                            <div
-                              class="ms-Panel-commands commands-58"
-                              data-is-visible="true"
-                            >
-                              <div
-                                class="ms-Panel-navigation navigation-59"
-                              >
-                                <div
-                                  class="ms-Panel-header header-61"
-                                >
-                                  <div
-                                    aria-level="1"
-                                    class="ms-Panel-headerText panelHeader headerText-62"
-                                    id="Panel0-headerText"
-                                    role="heading"
-                                  >
-                                    Edit Table Entity
-                                  </div>
-                                </div>
-                                <button
-                                  aria-label="Close"
-                                  class="ms-Button ms-Panel-closeButton ms-PanelAction-close ms-Button--icon root-72"
-                                  data-is-focusable="true"
-                                  data-is-visible="true"
-                                  title="Close"
-                                  type="button"
-                                >
-                                  <span
-                                    class="ms-Button-flexContainer flexContainer-73"
-                                    data-automationid="splitbuttonprimary"
-                                  >
-                                    <i
-                                      aria-hidden="true"
-                                      class="ms-Icon root-37 css-80 ms-Button-icon icon-75"
-                                      data-icon-name="Cancel"
-                                      style="font-family: \\"FabricMDL2Icons\\";"
-                                    >
-                                      
-                                    </i>
-                                  </span>
-                                </button>
-                              </div>
-                            </div>
-                            <div
-                              class="ms-Panel-contentInner contentInner-60"
-                            >
-                              <div
-                                class="ms-Panel-scrollableContent scrollableContent-63"
-                                data-is-scrollable="true"
-                              >
-                                <div
-                                  class="ms-Panel-content content-64"
-                                >
-                                  <form
-                                    class="panelFormWrapper"
-                                  >
-                                    <div
-                                      class="panelFormWrapper"
-                                    >
-                                      <div
-                                        class="panelMainContent"
-                                      >
-                                        <div
-                                          class="ms-Stack css-81"
-                                        >
-                                          <div
-                                            class="ms-TextField is-required is-disabled root-83"
-                                          >
-                                            <div
-                                              class="ms-TextField-wrapper"
-                                            >
-                                              <label
-                                                class="ms-Label root-94"
-                                                for="entityPropertyId"
-                                                id="TextFieldLabel7"
-                                              >
-                                                Property Name
-                                              </label>
-                                              <div
-                                                class="ms-TextField-fieldGroup fieldGroup-84"
-                                              >
-                                                <input
-                                                  aria-invalid="false"
-                                                  aria-labelledby="TextFieldLabel7"
-                                                  class="ms-TextField-field field-85"
-                                                  disabled=""
-                                                  id="entityPropertyId"
-                                                  placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-                                                  required=""
-                                                  type="text"
-                                                  value="PartitionKey"
-                                                />
-                                              </div>
-                                            </div>
-                                          </div>
-                                          <div
-                                            class="ms-Dropdown-container"
-                                          >
-                                            <label
-                                              class="ms-Label ms-Dropdown-label root-111"
-                                              id="entityTypeId-label"
-                                            >
-                                              Type
-                                            </label>
-                                            <div
-                                              aria-disabled="true"
-                                              aria-expanded="false"
-                                              aria-haspopup="listbox"
-                                              aria-labelledby="entityTypeId-label entityTypeId-option"
-                                              class="ms-Dropdown is-disabled dropdown-95"
-                                              data-is-focusable="false"
-                                              data-ktp-target="true"
-                                              id="entityTypeId"
-                                              role="combobox"
-                                              tabindex="-1"
-                                            >
-                                              <span
-                                                aria-atomic="true"
-                                                aria-invalid="false"
-                                                aria-live="polite"
-                                                class="ms-Dropdown-title title-118"
-                                                id="entityTypeId-option"
-                                              >
-                                                String
-                                              </span>
-                                              <span
-                                                class="ms-Dropdown-caretDownWrapper caretDownWrapper-97"
-                                              >
-                                                <i
-                                                  aria-hidden="true"
-                                                  class="ms-Dropdown-caretDown caretDown-112"
-                                                  data-icon-name="ChevronDown"
-                                                >
-                                                  
-                                                </i>
-                                              </span>
-                                            </div>
-                                          </div>
-                                          <div
-                                            class="ms-TextField is-disabled addEntityTextField root-83"
-                                          >
-                                            <div
-                                              class="ms-TextField-wrapper"
-                                            >
-                                              <label
-                                                class="ms-Label root-113"
-                                                for="TextField8"
-                                                id="TextFieldLabel10"
-                                              >
-                                                Value
-                                              </label>
-                                              <div
-                                                class="ms-TextField-fieldGroup fieldGroup-84"
-                                              >
-                                                <input
-                                                  aria-invalid="false"
-                                                  aria-labelledby="TextFieldLabel10"
-                                                  class="ms-TextField-field field-85"
-                                                  disabled=""
-                                                  id="TextField8"
-                                                  placeholder="Enter identifier value."
-                                                  type="string"
-                                                  value="test"
-                                                />
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </div>
-                                        <div
-                                          class="ms-Stack addButtonEntiy css-114"
-                                        >
-                                          <div
-                                            class="ms-Image root-115"
-                                            style="width: 16px; height: 30px;"
-                                          >
-                                            <img
-                                              alt="Add Entity"
-                                              class="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-116"
-                                              src=""
-                                            />
-                                          </div>
-                                          <span
-                                            class="addNewParamStyle css-117"
-                                          >
-                                            Add Property
-                                          </span>
-                                        </div>
-                                      </div>
-                                      <div
-                                        class="paneFooter"
-                                      >
-                                        <div
-                                          class="leftpanel-okbut"
-                                        >
-                                          <input
-                                            class="genericPaneSubmitBtn"
-                                            type="submit"
-                                            value="Update Entity"
-                                          />
-                                        </div>
-                                      </div>
-                                    </div>
-                                  </form>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              aria-hidden="true"
-                              data-is-visible="true"
-                              style="pointer-events: none; position: fixed;"
-                              tabindex="0"
-                            />
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-=======
               <CustomizedDefaultButton
                 ariaLabel="Update"
                 id="sidePanelOkButton"
@@ -1254,7 +3586,6 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
                       "s2": "4px",
                     },
                   }
->>>>>>> f8ac36962b12da2c657879cc7bc47d833744c064
                 }
                 type="submit"
               >
@@ -2419,4522 +4750,6 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
                             id="id__0"
                             key="id__0"
                           >
-<<<<<<< HEAD
-                            <StyledOverlayBase
-                              allowTouchBodyScroll={false}
-                              className="overlay-56"
-                              isDarkThemed={false}
-                              onClick={[Function]}
-                            >
-                              <OverlayBase
-                                allowTouchBodyScroll={false}
-                                className="overlay-56"
-                                isDarkThemed={false}
-                                onClick={[Function]}
-                                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",
-                                    },
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ms-Overlay overlay-71"
-                                  onClick={[Function]}
-                                />
-                              </OverlayBase>
-                            </StyledOverlayBase>
-                            <FocusTrapZone
-                              className="ms-Panel-main main-57"
-                              isClickableOutsideFocusTrap={true}
-                              style={
-                                Object {
-                                  "width": "700px",
-                                }
-                              }
-                            >
-                              <div
-                                className="ms-Panel-main main-57"
-                                onBlurCapture={[Function]}
-                                onFocusCapture={[Function]}
-                                style={
-                                  Object {
-                                    "width": "700px",
-                                  }
-                                }
-                              >
-                                <div
-                                  aria-hidden={true}
-                                  data-is-visible={true}
-                                  style={
-                                    Object {
-                                      "pointerEvents": "none",
-                                      "position": "fixed",
-                                    }
-                                  }
-                                  tabIndex={0}
-                                />
-                                <div
-                                  className="ms-Panel-commands commands-58"
-                                  data-is-visible={true}
-                                >
-                                  <div
-                                    className="ms-Panel-navigation navigation-59"
-                                  >
-                                    <div
-                                      className="ms-Panel-header header-61"
-                                    >
-                                      <div
-                                        aria-level={1}
-                                        className="ms-Panel-headerText panelHeader headerText-62"
-                                        id="Panel0-headerText"
-                                        role="heading"
-                                      >
-                                        Edit Table Entity
-                                      </div>
-                                    </div>
-                                    <CustomizedIconButton
-                                      ariaLabel="Close"
-                                      data-is-visible={true}
-                                      iconProps={
-                                        Object {
-                                          "iconName": "Cancel",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      styles={
-                                        Object {
-                                          "root": Array [
-                                            "ms-Panel-closeButton ms-PanelAction-close",
-                                            Object {
-                                              "color": "#605e5c",
-                                              "fontSize": "20px",
-                                              "marginRight": 14,
-                                            },
-                                            false,
-                                          ],
-                                          "rootHovered": Object {
-                                            "color": "#323130",
-                                          },
-                                        }
-                                      }
-                                      title="Close"
-                                    >
-                                      <IconButton
-                                        ariaLabel="Close"
-                                        data-is-visible={true}
-                                        iconProps={
-                                          Object {
-                                            "iconName": "Cancel",
-                                          }
-                                        }
-                                        onClick={[Function]}
-                                        styles={
-                                          Object {
-                                            "root": Array [
-                                              "ms-Panel-closeButton ms-PanelAction-close",
-                                              Object {
-                                                "color": "#605e5c",
-                                                "fontSize": "20px",
-                                                "marginRight": 14,
-                                              },
-                                              false,
-                                            ],
-                                            "rootHovered": Object {
-                                              "color": "#323130",
-                                            },
-                                          }
-                                        }
-                                        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"
-                                      >
-                                        <BaseButton
-                                          ariaLabel="Close"
-                                          baseClassName="ms-Button"
-                                          data-is-visible={true}
-                                          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",
-                                                },
-                                                "ms-Panel-closeButton ms-PanelAction-close",
-                                                Object {
-                                                  "color": "#605e5c",
-                                                  "fontSize": "20px",
-                                                  "marginRight": 14,
-                                                },
-                                                false,
-                                              ],
-                                              "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",
-                                                  "selectors": Object {
-                                                    ":focus": Object {
-                                                      "outline": 0,
-                                                    },
-                                                    ":hover": Object {
-                                                      "outline": 0,
-                                                    },
-                                                  },
-                                                },
-                                                Object {
-                                                  "color": "#c8c6c4",
-                                                },
-                                              ],
-                                              "rootExpanded": Object {
-                                                "backgroundColor": "#edebe9",
-                                                "color": "#005a9e",
-                                              },
-                                              "rootHasMenu": Object {
-                                                "width": "auto",
-                                              },
-                                              "rootHovered": Array [
-                                                Object {
-                                                  "backgroundColor": "#f3f2f1",
-                                                  "color": "#106ebe",
-                                                  "selectors": Object {
-                                                    "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
-                                                      "borderColor": "Highlight",
-                                                      "color": "Highlight",
-                                                    },
-                                                  },
-                                                },
-                                                Object {
-                                                  "color": "#323130",
-                                                },
-                                              ],
-                                              "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",
-                                                  },
-                                                },
-                                              },
-                                              "splitButtonMenuFocused": 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",
-                                                  },
-                                                },
-                                              },
-                                              "textContainer": Object {
-                                                "display": "block",
-                                                "flexGrow": 1,
-                                              },
-                                            }
-                                          }
-                                          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"
-                                          variantClassName="ms-Button--icon"
-                                        >
-                                          <button
-                                            aria-label="Close"
-                                            className="ms-Button ms-Panel-closeButton ms-PanelAction-close ms-Button--icon root-72"
-                                            data-is-focusable={true}
-                                            data-is-visible={true}
-                                            onClick={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            onMouseDown={[Function]}
-                                            onMouseUp={[Function]}
-                                            title="Close"
-                                            type="button"
-                                          >
-                                            <span
-                                              className="ms-Button-flexContainer flexContainer-73"
-                                              data-automationid="splitbuttonprimary"
-                                            >
-                                              <FontIcon
-                                                className="ms-Button-icon icon-75"
-                                                iconName="Cancel"
-                                              >
-                                                <i
-                                                  aria-hidden={true}
-                                                  className="ms-Icon root-37 css-80 ms-Button-icon icon-75"
-                                                  data-icon-name="Cancel"
-                                                  style={
-                                                    Object {
-                                                      "fontFamily": "\\"FabricMDL2Icons\\"",
-                                                    }
-                                                  }
-                                                >
-                                                  
-                                                </i>
-                                              </FontIcon>
-                                            </span>
-                                          </button>
-                                          <FocusRects />
-                                        </BaseButton>
-                                      </IconButton>
-                                    </CustomizedIconButton>
-                                  </div>
-                                </div>
-                                <div
-                                  className="ms-Panel-contentInner contentInner-60"
-                                >
-                                  <div
-                                    className="ms-Panel-scrollableContent scrollableContent-63"
-                                    data-is-scrollable={true}
-                                  >
-                                    <div
-                                      className="ms-Panel-content content-64"
-                                    >
-                                      <form
-                                        className="panelFormWrapper"
-                                      >
-                                        <div
-                                          className="panelFormWrapper"
-                                        >
-                                          <div
-                                            className="panelMainContent"
-                                          >
-                                            <TableEntity
-                                              entityProperty="PartitionKey"
-                                              entityPropertyLabel="Property Name"
-                                              entityPropertyPlaceHolder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-                                              entityTimeValue=""
-                                              entityTypeLabel="Type"
-                                              entityValue="test"
-                                              entityValueLabel="Value"
-                                              entityValuePlaceholder="Enter identifier value."
-                                              isDeleteOptionVisible={false}
-                                              isEntityTypeDate={false}
-                                              isEntityValueDisable={true}
-                                              isPropertyTypeDisable={true}
-                                              key="00"
-                                              onDeleteEntity={[Function]}
-                                              onEditEntity={[Function]}
-                                              onEntityPropertyChange={[Function]}
-                                              onEntityTimeValueChange={[Function]}
-                                              onEntityTypeChange={[Function]}
-                                              onEntityValueChange={[Function]}
-                                              onSelectDate={[Function]}
-                                              options={
-                                                Array [
-                                                  Object {
-                                                    "key": "String",
-                                                    "text": "String",
-                                                  },
-                                                  Object {
-                                                    "key": "Boolean",
-                                                    "text": "Boolean",
-                                                  },
-                                                  Object {
-                                                    "disabled": true,
-                                                    "key": "Binary",
-                                                    "text": "Binary",
-                                                  },
-                                                  Object {
-                                                    "key": "DateTime",
-                                                    "text": "DateTime",
-                                                  },
-                                                  Object {
-                                                    "key": "Double",
-                                                    "text": "Double",
-                                                  },
-                                                  Object {
-                                                    "key": "Guid",
-                                                    "text": "Guid",
-                                                  },
-                                                  Object {
-                                                    "key": "Int32",
-                                                    "text": "Int32",
-                                                  },
-                                                  Object {
-                                                    "key": "Int64",
-                                                    "text": "Int64",
-                                                  },
-                                                ]
-                                              }
-                                              selectedKey="String"
-                                            >
-                                              <Stack
-                                                horizontal={true}
-                                                tokens={
-                                                  Object {
-                                                    "childrenGap": 12,
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ms-Stack css-81"
-                                                >
-                                                  <StyledTextFieldBase
-                                                    autoFocus={true}
-                                                    disabled={true}
-                                                    id="entityPropertyId"
-                                                    key=".0:$.0"
-                                                    label="Property Name"
-                                                    onChange={[Function]}
-                                                    placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-                                                    required={true}
-                                                    value="PartitionKey"
-                                                  >
-                                                    <TextFieldBase
-                                                      autoFocus={true}
-                                                      deferredValidationTime={200}
-                                                      disabled={true}
-                                                      id="entityPropertyId"
-                                                      label="Property Name"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-                                                      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="PartitionKey"
-                                                    >
-                                                      <div
-                                                        className="ms-TextField is-required is-disabled root-83"
-                                                      >
-                                                        <div
-                                                          className="ms-TextField-wrapper"
-                                                        >
-                                                          <StyledLabelBase
-                                                            disabled={true}
-                                                            htmlFor="entityPropertyId"
-                                                            id="TextFieldLabel7"
-                                                            required={true}
-                                                            styles={[Function]}
-                                                          >
-                                                            <LabelBase
-                                                              disabled={true}
-                                                              htmlFor="entityPropertyId"
-                                                              id="TextFieldLabel7"
-                                                              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-94"
-                                                                htmlFor="entityPropertyId"
-                                                                id="TextFieldLabel7"
-                                                              >
-                                                                Property Name
-                                                              </label>
-                                                            </LabelBase>
-                                                          </StyledLabelBase>
-                                                          <div
-                                                            className="ms-TextField-fieldGroup fieldGroup-84"
-                                                          >
-                                                            <input
-                                                              aria-invalid={false}
-                                                              aria-labelledby="TextFieldLabel7"
-                                                              autoFocus={true}
-                                                              className="ms-TextField-field field-85"
-                                                              disabled={true}
-                                                              id="entityPropertyId"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onInput={[Function]}
-                                                              placeholder="Enter a name up to 255 characters in size. Most valid C# identifiers are allowed."
-                                                              required={true}
-                                                              type="text"
-                                                              value="PartitionKey"
-                                                            />
-                                                          </div>
-                                                        </div>
-                                                      </div>
-                                                    </TextFieldBase>
-                                                  </StyledTextFieldBase>
-                                                  <Dropdown
-                                                    disabled={true}
-                                                    id="entityTypeId"
-                                                    key=".0:$.1"
-                                                    label="Type"
-                                                    onChange={[Function]}
-                                                    options={
-                                                      Array [
-                                                        Object {
-                                                          "key": "String",
-                                                          "text": "String",
-                                                        },
-                                                        Object {
-                                                          "key": "Boolean",
-                                                          "text": "Boolean",
-                                                        },
-                                                        Object {
-                                                          "disabled": true,
-                                                          "key": "Binary",
-                                                          "text": "Binary",
-                                                        },
-                                                        Object {
-                                                          "key": "DateTime",
-                                                          "text": "DateTime",
-                                                        },
-                                                        Object {
-                                                          "key": "Double",
-                                                          "text": "Double",
-                                                        },
-                                                        Object {
-                                                          "key": "Guid",
-                                                          "text": "Guid",
-                                                        },
-                                                        Object {
-                                                          "key": "Int32",
-                                                          "text": "Int32",
-                                                        },
-                                                        Object {
-                                                          "key": "Int64",
-                                                          "text": "Int64",
-                                                        },
-                                                      ]
-                                                    }
-                                                    selectedKey="String"
-                                                    styles={
-                                                      Object {
-                                                        "dropdown": Object {
-                                                          "width": 100,
-                                                        },
-                                                      }
-                                                    }
-                                                  >
-                                                    <DropdownBase
-                                                      disabled={true}
-                                                      id="entityTypeId"
-                                                      label="Type"
-                                                      onChange={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "key": "String",
-                                                            "text": "String",
-                                                          },
-                                                          Object {
-                                                            "key": "Boolean",
-                                                            "text": "Boolean",
-                                                          },
-                                                          Object {
-                                                            "disabled": true,
-                                                            "key": "Binary",
-                                                            "text": "Binary",
-                                                          },
-                                                          Object {
-                                                            "key": "DateTime",
-                                                            "text": "DateTime",
-                                                          },
-                                                          Object {
-                                                            "key": "Double",
-                                                            "text": "Double",
-                                                          },
-                                                          Object {
-                                                            "key": "Guid",
-                                                            "text": "Guid",
-                                                          },
-                                                          Object {
-                                                            "key": "Int32",
-                                                            "text": "Int32",
-                                                          },
-                                                          Object {
-                                                            "key": "Int64",
-                                                            "text": "Int64",
-                                                          },
-                                                        ]
-                                                      }
-                                                      selectedKey="String"
-                                                      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",
-                                                          },
-                                                        }
-                                                      }
-                                                    >
-                                                      <DropdownInternal
-                                                        disabled={true}
-                                                        hoisted={
-                                                          Object {
-                                                            "rootRef": [Function],
-                                                            "selectedIndices": Array [
-                                                              0,
-                                                            ],
-                                                            "setSelectedIndices": [Function],
-                                                          }
-                                                        }
-                                                        id="entityTypeId"
-                                                        label="Type"
-                                                        onChange={[Function]}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "key": "String",
-                                                              "text": "String",
-                                                            },
-                                                            Object {
-                                                              "key": "Boolean",
-                                                              "text": "Boolean",
-                                                            },
-                                                            Object {
-                                                              "disabled": true,
-                                                              "key": "Binary",
-                                                              "text": "Binary",
-                                                            },
-                                                            Object {
-                                                              "key": "DateTime",
-                                                              "text": "DateTime",
-                                                            },
-                                                            Object {
-                                                              "key": "Double",
-                                                              "text": "Double",
-                                                            },
-                                                            Object {
-                                                              "key": "Guid",
-                                                              "text": "Guid",
-                                                            },
-                                                            Object {
-                                                              "key": "Int32",
-                                                              "text": "Int32",
-                                                            },
-                                                            Object {
-                                                              "key": "Int64",
-                                                              "text": "Int64",
-                                                            },
-                                                          ]
-                                                        }
-                                                        responsiveMode={3}
-                                                        selectedKey="String"
-                                                        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",
-                                                            },
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ms-Dropdown-container"
-                                                        >
-                                                          <StyledLabelBase
-                                                            className="ms-Dropdown-label"
-                                                            disabled={true}
-                                                            id="entityTypeId-label"
-                                                            styles={[Function]}
-                                                          >
-                                                            <LabelBase
-                                                              className="ms-Dropdown-label"
-                                                              disabled={true}
-                                                              id="entityTypeId-label"
-                                                              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 ms-Dropdown-label root-111"
-                                                                id="entityTypeId-label"
-                                                              >
-                                                                Type
-                                                              </label>
-                                                            </LabelBase>
-                                                          </StyledLabelBase>
-                                                          <div
-                                                            aria-disabled={true}
-                                                            aria-expanded="false"
-                                                            aria-haspopup="listbox"
-                                                            aria-labelledby="entityTypeId-label entityTypeId-option"
-                                                            className="ms-Dropdown is-disabled dropdown-95"
-                                                            data-is-focusable={false}
-                                                            data-ktp-target={true}
-                                                            id="entityTypeId"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onClick={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            role="combobox"
-                                                            tabIndex={-1}
-                                                          >
-                                                            <span
-                                                              aria-atomic={true}
-                                                              aria-invalid={false}
-                                                              aria-live="polite"
-                                                              className="ms-Dropdown-title title-118"
-                                                              id="entityTypeId-option"
-                                                            >
-                                                              String
-                                                            </span>
-                                                            <span
-                                                              className="ms-Dropdown-caretDownWrapper caretDownWrapper-97"
-                                                            >
-                                                              <StyledIconBase
-                                                                aria-hidden={true}
-                                                                className="ms-Dropdown-caretDown caretDown-98"
-                                                                iconName="ChevronDown"
-                                                              >
-                                                                <IconBase
-                                                                  aria-hidden={true}
-                                                                  className="ms-Dropdown-caretDown caretDown-98"
-                                                                  iconName="ChevronDown"
-                                                                  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",
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <i
-                                                                    aria-hidden={true}
-                                                                    className="ms-Dropdown-caretDown caretDown-112"
-                                                                    data-icon-name="ChevronDown"
-                                                                  >
-                                                                    
-                                                                  </i>
-                                                                </IconBase>
-                                                              </StyledIconBase>
-                                                            </span>
-                                                          </div>
-                                                        </div>
-                                                      </DropdownInternal>
-                                                    </DropdownBase>
-                                                  </Dropdown>
-                                                  <EntityValue
-                                                    entityTimeValue=""
-                                                    entityValue="test"
-                                                    entityValueLabel="Value"
-                                                    entityValuePlaceholder="Enter identifier value."
-                                                    entityValueType="string"
-                                                    isEntityTypeDate={false}
-                                                    isEntityValueDisable={true}
-                                                    key=".0:$.2"
-                                                    onEntityTimeValueChange={[Function]}
-                                                    onEntityValueChange={[Function]}
-                                                    onSelectDate={[Function]}
-                                                  >
-                                                    <StyledTextFieldBase
-                                                      autoFocus={true}
-                                                      className="addEntityTextField"
-                                                      disabled={true}
-                                                      label="Value"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter identifier value."
-                                                      type="string"
-                                                      value="test"
-                                                    >
-                                                      <TextFieldBase
-                                                        autoFocus={true}
-                                                        className="addEntityTextField"
-                                                        deferredValidationTime={200}
-                                                        disabled={true}
-                                                        label="Value"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter identifier value."
-                                                        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",
-                                                            },
-                                                          }
-                                                        }
-                                                        type="string"
-                                                        validateOnLoad={true}
-                                                        value="test"
-                                                      >
-                                                        <div
-                                                          className="ms-TextField is-disabled addEntityTextField root-83"
-                                                        >
-                                                          <div
-                                                            className="ms-TextField-wrapper"
-                                                          >
-                                                            <StyledLabelBase
-                                                              disabled={true}
-                                                              htmlFor="TextField8"
-                                                              id="TextFieldLabel10"
-                                                              styles={[Function]}
-                                                            >
-                                                              <LabelBase
-                                                                disabled={true}
-                                                                htmlFor="TextField8"
-                                                                id="TextFieldLabel10"
-                                                                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-113"
-                                                                  htmlFor="TextField8"
-                                                                  id="TextFieldLabel10"
-                                                                >
-                                                                  Value
-                                                                </label>
-                                                              </LabelBase>
-                                                            </StyledLabelBase>
-                                                            <div
-                                                              className="ms-TextField-fieldGroup fieldGroup-84"
-                                                            >
-                                                              <input
-                                                                aria-invalid={false}
-                                                                aria-labelledby="TextFieldLabel10"
-                                                                autoFocus={true}
-                                                                className="ms-TextField-field field-85"
-                                                                disabled={true}
-                                                                id="TextField8"
-                                                                onBlur={[Function]}
-                                                                onChange={[Function]}
-                                                                onFocus={[Function]}
-                                                                onInput={[Function]}
-                                                                placeholder="Enter identifier value."
-                                                                type="string"
-                                                                value="test"
-                                                              />
-                                                            </div>
-                                                          </div>
-                                                        </div>
-                                                      </TextFieldBase>
-                                                    </StyledTextFieldBase>
-                                                  </EntityValue>
-                                                </div>
-                                              </Stack>
-                                            </TableEntity>
-                                            <Stack
-                                              className="addButtonEntiy"
-                                              horizontal={true}
-                                              onClick={[Function]}
-                                            >
-                                              <div
-                                                className="ms-Stack addButtonEntiy css-114"
-                                                onClick={[Function]}
-                                              >
-                                                <StyledImageBase
-                                                  alt="Add Entity"
-                                                  height={30}
-                                                  key=".0:$.0"
-                                                  src=""
-                                                  width={16}
-                                                >
-                                                  <ImageBase
-                                                    alt="Add Entity"
-                                                    height={30}
-                                                    src=""
-                                                    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",
-                                                        },
-                                                      }
-                                                    }
-                                                    width={16}
-                                                  >
-                                                    <div
-                                                      className="ms-Image root-115"
-                                                      style={
-                                                        Object {
-                                                          "height": 30,
-                                                          "width": 16,
-                                                        }
-                                                      }
-                                                    >
-                                                      <img
-                                                        alt="Add Entity"
-                                                        className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-116"
-                                                        key="fabricImage"
-                                                        onError={[Function]}
-                                                        onLoad={[Function]}
-                                                        src=""
-                                                      />
-                                                    </div>
-                                                  </ImageBase>
-                                                </StyledImageBase>
-                                                <Text
-                                                  className="addNewParamStyle"
-                                                  key=".0:$.1"
-                                                >
-                                                  <span
-                                                    className="addNewParamStyle css-117"
-                                                  >
-                                                    Add Property
-                                                  </span>
-                                                </Text>
-                                              </div>
-                                            </Stack>
-                                          </div>
-                                          <div
-                                            className="paneFooter"
-                                          >
-                                            <div
-                                              className="leftpanel-okbut"
-                                            >
-                                              <input
-                                                className="genericPaneSubmitBtn"
-                                                onClick={[Function]}
-                                                type="submit"
-                                                value="Update Entity"
-                                              />
-                                            </div>
-                                          </div>
-                                        </div>
-                                      </form>
-                                    </div>
-                                  </div>
-                                </div>
-                                <div
-                                  aria-hidden={true}
-                                  data-is-visible={true}
-                                  style={
-                                    Object {
-                                      "pointerEvents": "none",
-                                      "position": "fixed",
-                                    }
-                                  }
-                                  tabIndex={0}
-                                />
-                              </div>
-                            </FocusTrapZone>
-                          </div>
-                        </div>
-                      </ForwardRef>
-                    </div>
-                  </FabricBase>
-                </StyledFabricBase>
-              </Portal>
-            </span>
-          </LayerBase>
-        </StyledLayerBase>
-      </PanelBase>
-    </StyledPanelBase>
-  </PanelContainerComponent>
-=======
                             Update
                           </span>
                         </span>
@@ -6950,6 +4765,5 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
       </PanelFooterComponent>
     </form>
   </RightPaneForm>
->>>>>>> f8ac36962b12da2c657879cc7bc47d833744c064
 </EditTableEntityPanel>
 `;
diff --git a/src/Explorer/Tabs/QueryTablesTab/QueryTableTabUtils.tsx b/src/Explorer/Tabs/QueryTablesTab/QueryTableTabUtils.tsx
index 08671d394..a498af470 100644
--- a/src/Explorer/Tabs/QueryTablesTab/QueryTableTabUtils.tsx
+++ b/src/Explorer/Tabs/QueryTablesTab/QueryTableTabUtils.tsx
@@ -70,6 +70,7 @@ export interface IQueryTablesTabComponentStates {
   currentStartIndex: number;
   fromDocument: number;
   toDocument: number;
+  selectedItem: number;
 }
 
 export interface IQueryTableRowsType {
diff --git a/src/Explorer/Tabs/QueryTablesTab/QueryTablesTabComponent.tsx b/src/Explorer/Tabs/QueryTablesTab/QueryTablesTabComponent.tsx
index c6733713e..214c58d1b 100644
--- a/src/Explorer/Tabs/QueryTablesTab/QueryTablesTabComponent.tsx
+++ b/src/Explorer/Tabs/QueryTablesTab/QueryTablesTabComponent.tsx
@@ -10,7 +10,7 @@ import {
   SelectionMode,
   Spinner,
   SpinnerSize,
-  Text
+  Text,
 } from "@fluentui/react";
 import * as ko from "knockout";
 import React, { Component } from "react";
@@ -54,7 +54,7 @@ import {
   IDocument,
   IQueryTableRowsType,
   IQueryTablesTabComponentProps,
-  IQueryTablesTabComponentStates
+  IQueryTablesTabComponentStates,
 } from "./QueryTableTabUtils";
 
 export interface Button {
@@ -114,8 +114,8 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
       selectedQueryText:
         userContext.apiType === "Cassandra"
           ? `SELECT * FROM ${getQuotedCqlIdentifier(
-            this.props.queryTablesTab.collection.databaseId
-          )}.${getQuotedCqlIdentifier(this.props.queryTablesTab.collection.id())}`
+              this.props.queryTablesTab.collection.databaseId
+            )}.${getQuotedCqlIdentifier(this.props.queryTablesTab.collection.id())}`
           : "Select * from c",
       isHelperActive: true,
       executeQueryButton: {
@@ -172,6 +172,7 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
       currentStartIndex: PAGESIZE,
       fromDocument: 0,
       toDocument: PAGESIZE,
+      selectedItem: 0,
     };
 
     this.state.tableEntityListViewModel.queryTablesTab = this.props.queryTablesTab;
@@ -224,6 +225,7 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
     let selectedItems: Entities.ITableEntity[];
     const { selection } = this.state;
     isFirstItemSelected && selection.setIndexSelected(0, true, false);
+    this.setState({ selectedItem: selection.getSelectedIndices()?.[0] });
     if (selection.getSelection().length > 0) {
       Object.keys(this.state.selection.getSelection()[0]).map((key, index) => {
         if (key === documentKey) {
@@ -309,12 +311,15 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
       } else {
         const { collection } = this.props;
         documents = await this.getDocuments(collection, selectedQueryText);
-        headers = documents.Results?.length ? this.getFormattedHeaders(documents.Results) : ["RowKey", "PartitionKey", "Timestamp"];
+        headers = documents.Results?.length
+          ? this.getFormattedHeaders(documents.Results)
+          : ["RowKey", "PartitionKey", "Timestamp"];
         this.setupIntialEntities(documents.Results, headers, isInitialLoad);
       }
       this.setState({
         queryErrorMessage: "",
         hasQueryError: false,
+        isLoading: false,
       });
     } catch (error) {
       if (error.responseText) {
@@ -464,6 +469,9 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
     this.setState({
       isLoading: true,
     });
+
+    const { selection, selectedItem } = this.state;
+    selection.setIndexSelected(selectedItem, false, false);
     this.loadEntities(false);
   }
 
@@ -473,7 +481,7 @@ class QueryTablesTabComponent extends Component<IQueryTablesTabComponentProps, I
       .openSidePanel(
         "Add Table Entity",
         <AddTableEntityPanel
-          headerItem={this.state.headers}
+          headerItems={this.state.headers}
           tableDataClient={this.tableDataClient}
           queryTablesTab={this.props.queryTablesTab}
           tableEntityListViewModel={this.state.tableEntityListViewModel}