@pnp/spfx-controls-react 3.7.0-beta.2005904 → 3.7.0-beta.2005979

package/release/webpack-stats/sp-dev-fx-controls-react.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "3e00fb92fb14164a2251",
-  "time": 23963,
-  "builtAt": 1647630017503,
+  "hash": "6ec9d229210b70823590",
+  "time": 18772,
+  "builtAt": 1647630982408,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/dist",
   "assetsByChunkName": {
@@ -292,7 +292,7 @@
     },
     {
       "name": "controls-test-web-part.js",
-      "size": 17706529,
+      "size": 17706929,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -305,7 +305,7 @@
     },
     {
       "name": "controls-test-web-part.js.map",
-      "size": 15954944,
+      "size": 15955746,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -404,7 +404,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 12784268,
+      "size": 12784668,
       "names": [
         "controls-test-web-part"
       ],
@@ -412,7 +412,7 @@
         "controls-test-web-part.js",
         "controls-test-web-part.js.map"
       ],
-      "hash": "61df4102aad7d978ae93",
+      "hash": "8ca9e10bd8a96c4e6cc0",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -2663,7 +2663,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Checkbox",
-              "loc": "176:44-52"
+              "loc": "183:44-52"
             },
             {
               "moduleId": "ihU0",
@@ -10971,9 +10971,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-          "issuerId": "thf+",
-          "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuerId": "CSm3",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -11026,14 +11026,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "bO7i",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
-              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+              "id": "HnbP",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "thf+",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+              "id": "CSm3",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
             }
           ],
           "failed": false,
@@ -45820,14 +45820,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             },
             {
               "id": "4eMn",
@@ -47339,9 +47339,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "issuerId": "mvdJ",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "issuerId": "c/6b",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -47369,14 +47369,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             }
           ],
           "failed": false,
@@ -57884,9 +57884,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-          "issuerId": "SI3Q",
-          "issuerName": "./node_modules/fela-plugin-embedded/es/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-placeholder-prefixer/es/index.js",
+          "issuerId": "fFg5",
+          "issuerName": "./node_modules/fela-plugin-placeholder-prefixer/es/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -57924,9 +57924,9 @@
               "name": "./node_modules/@fluentui/react-northstar-fela-renderer/dist/es/createFelaRenderer.js"
             },
             {
-              "id": "SI3Q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-              "name": "./node_modules/fela-plugin-embedded/es/index.js"
+              "id": "fFg5",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-placeholder-prefixer/es/index.js",
+              "name": "./node_modules/fela-plugin-placeholder-prefixer/es/index.js"
             }
           ],
           "failed": false,
@@ -62428,9 +62428,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-          "issuerId": "fNrw",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+          "issuerId": "0RYX",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -62483,14 +62483,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
-              "id": "fNrw",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
+              "id": "0RYX",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"
             }
           ],
           "failed": false,
@@ -76719,11 +76719,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -92259,9 +92254,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "issuerId": "16Wd",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "issuerId": "k/69",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -92279,14 +92274,14 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
             },
             {
-              "id": "Cv5W",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+              "id": "sByA",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
             },
             {
-              "id": "16Wd",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+              "id": "k/69",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
             }
           ],
           "failed": false,
@@ -122062,7 +122057,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "120:52-58"
+              "loc": "127:52-58"
             },
             {
               "moduleId": "hQoI",
@@ -122071,7 +122066,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "129:61-67"
+              "loc": "136:61-67"
             },
             {
               "moduleId": "hQoI",
@@ -122080,7 +122075,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "133:63-69"
+              "loc": "140:63-69"
             },
             {
               "moduleId": "hQoI",
@@ -122089,7 +122084,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "138:60-66"
+              "loc": "145:60-66"
             },
             {
               "moduleId": "hQoI",
@@ -122098,7 +122093,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "156:52-58"
+              "loc": "163:52-58"
             },
             {
               "moduleId": "hQoI",
@@ -122107,7 +122102,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "156:76-82"
+              "loc": "163:76-82"
             },
             {
               "moduleId": "hQoI",
@@ -122116,7 +122111,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "157:61-67"
+              "loc": "164:61-67"
             },
             {
               "moduleId": "hQoI",
@@ -122125,7 +122120,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "162:27-33"
+              "loc": "169:27-33"
             },
             {
               "moduleId": "hQoI",
@@ -122134,7 +122129,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "163:27-33"
+              "loc": "170:27-33"
             },
             {
               "moduleId": "hQoI",
@@ -122143,7 +122138,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "164:27-33"
+              "loc": "171:27-33"
             },
             {
               "moduleId": "hQoI",
@@ -122152,7 +122147,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "165:27-33"
+              "loc": "172:27-33"
             },
             {
               "moduleId": "hQoI",
@@ -122161,7 +122156,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "176:115-121"
+              "loc": "183:115-121"
             },
             {
               "moduleId": "hQoI",
@@ -122170,7 +122165,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeView.module.scss",
-              "loc": "181:64-70"
+              "loc": "188:64-70"
             }
           ],
           "providedExports": [
@@ -132716,9 +132711,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
-          "issuerId": "V9KN",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
+          "issuerId": "j8+w",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -132736,9 +132731,9 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/index.js"
             },
             {
-              "id": "V9KN",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js"
+              "id": "j8+w",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js"
             }
           ],
           "failed": false,
@@ -132918,11 +132913,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -136901,7 +136891,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "160:40-50"
+              "loc": "167:40-50"
             },
             {
               "moduleId": "huR6",
@@ -150560,11 +150550,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -185958,7 +185943,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Utilities",
-              "loc": "161:56-59"
+              "loc": "168:56-59"
             },
             {
               "moduleId": "hrfb",
@@ -203884,11 +203869,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -216054,14 +216034,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             },
             {
               "id": "4eMn",
@@ -246245,7 +246225,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:152-181"
+              "loc": "167:152-181"
             },
             {
               "moduleId": "hQoI",
@@ -246254,7 +246234,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:184-211"
+              "loc": "167:184-211"
             },
             {
               "moduleId": "hQoI",
@@ -246263,7 +246243,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:231-260"
+              "loc": "167:231-260"
             },
             {
               "moduleId": "hQoI",
@@ -246272,7 +246252,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:263-290"
+              "loc": "167:263-290"
             },
             {
               "moduleId": "k0SN",
@@ -268009,7 +267989,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./ITreeViewProps",
-              "loc": "121:53-74"
+              "loc": "128:53-74"
             },
             {
               "moduleId": "hQoI",
@@ -268018,7 +267998,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./ITreeViewProps",
-              "loc": "167:57-78"
+              "loc": "174:57-78"
             },
             {
               "moduleId": "hQoI",
@@ -268027,7 +268007,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./ITreeViewProps",
-              "loc": "175:71-92"
+              "loc": "182:71-92"
             }
           ],
           "providedExports": [
@@ -268668,11 +268648,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -279377,9 +279352,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
-          "issuerId": "Pa7g",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
+          "issuerId": "mFTT",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -279407,14 +279382,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "hsTz",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Button/buttonStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Button/buttonStyles.js"
+              "id": "hBUa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Checkbox/checkboxStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Checkbox/checkboxStyles.js"
             },
             {
-              "id": "Pa7g",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js"
+              "id": "mFTT",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js"
             }
           ],
           "failed": false,
@@ -298464,9 +298439,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "issuerId": "16Wd",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "issuerId": "k/69",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -298484,14 +298459,14 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
             },
             {
-              "id": "Cv5W",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+              "id": "sByA",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
             },
             {
-              "id": "16Wd",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+              "id": "k/69",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
             }
           ],
           "failed": false,
@@ -316682,11 +316657,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -355544,7 +355514,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "120:12-31"
+              "loc": "127:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -355553,7 +355523,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "129:20-39"
+              "loc": "136:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -355562,7 +355532,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "132:20-39"
+              "loc": "139:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -355571,7 +355541,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "133:24-43"
+              "loc": "140:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -355580,7 +355550,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "138:20-39"
+              "loc": "145:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -355589,7 +355559,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "155:16-35"
+              "loc": "162:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -355598,7 +355568,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "156:12-31"
+              "loc": "163:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -355607,7 +355577,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "157:16-35"
+              "loc": "164:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -355616,7 +355586,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "160:20-39"
+              "loc": "167:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -355625,7 +355595,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "161:16-35"
+              "loc": "168:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -355634,7 +355604,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "176:24-43"
+              "loc": "183:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -355643,7 +355613,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "181:24-43"
+              "loc": "188:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -355652,7 +355622,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "182:28-47"
+              "loc": "189:28-47"
             },
             {
               "moduleId": "hQoI",
@@ -355661,7 +355631,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "186:12-31"
+              "loc": "193:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -355670,7 +355640,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "193:2-17"
+              "loc": "200:2-17"
             },
             {
               "moduleId": "hgRX",
@@ -371564,7 +371534,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.7.0-beta.2005904\";\n"
+          "source": "export var version = \"3.7.0-beta.2005979\";\n"
         },
         {
           "id": "cLrF",
@@ -373194,9 +373164,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
-          "issuerId": "QpRe",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
+          "issuerId": "7WKc",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -373224,14 +373194,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "Euaw",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Dropdown/dropdownSelectedItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Dropdown/dropdownSelectedItemStyles.js"
+              "id": "HHH0",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Embed/embedStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Embed/embedStyles.js"
             },
             {
-              "id": "QpRe",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js"
+              "id": "7WKc",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js"
             }
           ],
           "failed": false,
@@ -375515,11 +375485,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -391320,14 +391285,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
             {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
-            {
-              "id": "uNIk",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+              "id": "jsqa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
             },
             {
               "id": "v6wc",
@@ -402116,7 +402076,7 @@
           "name": "./lib/controls/treeView/TreeView.js",
           "index": 2316,
           "index2": 2322,
-          "size": 9477,
+          "size": 9523,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -402173,7 +402133,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport uniqBy from 'lodash/uniqBy';\nimport { SelectChildrenMode, TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItem from './TreeItem';\nimport * as telemetry from '../../common/telemetry';\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeView = /** @class */ (function (_super) {\n    __extends(TreeView, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeView(props) {\n        var _this = _super.call(this, props) || this;\n        _this.nodesToExpand = [];\n        _this.pathTo = function (array, target) {\n            var result;\n            if (array) {\n                array.some(function (_a) {\n                    var key = _a.key, _b = _a.children, children = _b === void 0 ? [] : _b;\n                    if (key === target) {\n                        _this.nodesToExpand.push(key);\n                        result = key;\n                        return true;\n                    }\n                    var temp = _this.pathTo(children, target);\n                    if (temp) {\n                        _this.nodesToExpand.push(key);\n                        result = key + '.' + temp;\n                        return true;\n                    }\n                });\n            }\n            return result;\n        };\n        telemetry.track('TreeView');\n        _this.state = {\n            loaded: true,\n            defaultExpanded: props.defaultExpanded,\n            activeItems: []\n        };\n        // Bind control events\n        _this.handleTreeExpandCollapse = _this.handleTreeExpandCollapse.bind(_this);\n        _this.handleOnSelect = _this.handleOnSelect.bind(_this);\n        if (props.expandToSelected && props.defaultSelectedKeys) {\n            props.defaultSelectedKeys.forEach(function (element) {\n                _this.pathTo(props.items, element);\n            });\n        }\n        return _this;\n    }\n    TreeView.prototype.getSelectedItems = function (treeItems, selectedKeys, selectedChildren) {\n        var _this = this;\n        var selectedItems = [];\n        treeItems.forEach(function (item) {\n            if (selectedKeys.indexOf(item.key) !== -1 && item.selectable !== false && !item.disabled) {\n                selectedItems.push(item);\n                if (selectedChildren) {\n                    _this.selectAllChildren(item, selectedItems);\n                }\n                else {\n                    if (item.children) {\n                        selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                    }\n                }\n            }\n            else {\n                if (item.children) {\n                    selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                }\n            }\n        });\n        return selectedItems;\n    };\n    /**\n     * Fires When expand / collapse item in TreeView\n     * @argument item The expanded / collapsed item\n     * @argument isExpanded The status of item  (expanded / collapsed)\n     */\n    TreeView.prototype.handleTreeExpandCollapse = function (item, isExpanded) {\n        if (typeof this.props.onExpandCollapse === \"function\") {\n            this.props.onExpandCollapse(item, isExpanded);\n        }\n    };\n    /**\n     * Selects all child nodes when parent node is selected.\n     * @param item current tree item\n     */\n    TreeView.prototype.selectAllChildren = function (item, selectedItems) {\n        var _this = this;\n        if (item.children) {\n            item.children.forEach(function (element) {\n                if (!element.disabled && element.selectable !== false) {\n                    selectedItems.push(element);\n                }\n                if (element.children) {\n                    _this.selectAllChildren(element, selectedItems);\n                }\n            });\n        }\n    };\n    /**\n     * Unselects all child nodes of selected parent.\n     */\n    TreeView.prototype.unSelectChildren = function (item, unselectArray) {\n        var _this = this;\n        var tempItem = item;\n        if (tempItem.children) {\n            tempItem.children.forEach(function (element) {\n                unselectArray.push(element.key);\n                if (element.children) {\n                    _this.unSelectChildren(element, unselectArray);\n                }\n            });\n        }\n    };\n    /**\n     * Fires When Tree Item is selected in TreeView\n     * @argument item The selected item\n     * @argument isSelected The status of item selection\n     */\n    TreeView.prototype.handleOnSelect = function (item, isSelected) {\n        var selectedItems = this.state.activeItems;\n        if (isSelected) {\n            if (this.props.selectionMode == TreeViewSelectionMode.Multiple) {\n                // Add the checked term\n                selectedItems.push(item);\n                if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Select)) {\n                    this.selectAllChildren(item, selectedItems);\n                }\n                selectedItems = uniqBy(selectedItems, 'key');\n                // Filter out the duplicate terms\n                this.setState({\n                    activeItems: selectedItems\n                });\n            }\n            else {\n                // Only store the current selected item\n                this.setState({\n                    activeItems: [item]\n                });\n                selectedItems = [item];\n            }\n        }\n        else {\n            // Remove the item from the list of active nodes\n            var unselectArray = [];\n            unselectArray.push(item.key);\n            if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Unselect)) {\n                this.unSelectChildren(item, unselectArray);\n            }\n            unselectArray.forEach(function (element) {\n                selectedItems = selectedItems.filter(function (i) { return i.key != element; });\n            });\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n        if (typeof this.props.onSelect === \"function\") {\n            this.props.onSelect(selectedItems);\n        }\n    };\n    TreeView.prototype.checkIfChildrenShouldBeSelected = function (testMode) {\n        var selectChildrenMode = SelectChildrenMode.None;\n        if (this.props.selectChildrenMode) {\n            selectChildrenMode = this.props.selectChildrenMode;\n        }\n        else {\n            if (this.props.selectChildrenIfParentSelected) {\n                selectChildrenMode = SelectChildrenMode.All;\n            }\n        }\n        if ((selectChildrenMode & testMode) === testMode) {\n            return true;\n        }\n        return false;\n    };\n    TreeView.prototype.componentDidMount = function () {\n        var _a = this.props, items = _a.items, defaultSelectedKeys = _a.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Mount));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    TreeView.prototype.componentWillReceiveProps = function (nextProps) {\n        var items = nextProps.items, defaultSelectedKeys = nextProps.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Update));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeView.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, items = _a.items, selectionMode = _a.selectionMode, onRenderItem = _a.onRenderItem, showCheckboxes = _a.showCheckboxes, treeItemActionsDisplayMode = _a.treeItemActionsDisplayMode, defaultExpanded = _a.defaultExpanded, defaultExpandedChildren = _a.defaultExpandedChildren;\n        return (React.createElement(\"div\", { className: styles.treeView }, items.map(function (treeNodeItem, index) { return (React.createElement(TreeItem, { treeItem: treeNodeItem, leftOffset: 20, isFirstRender: true, defaultExpanded: defaultExpanded, defaultExpandedChildren: defaultExpandedChildren !== undefined ? defaultExpandedChildren : true, selectionMode: selectionMode, activeItems: _this.state.activeItems, parentCallbackExpandCollapse: _this.handleTreeExpandCollapse, parentCallbackOnSelect: _this.handleOnSelect, onRenderItem: onRenderItem, showCheckboxes: showCheckboxes, treeItemActionsDisplayMode: treeItemActionsDisplayMode, nodesToExpand: _this.nodesToExpand })); })));\n    };\n    return TreeView;\n}(React.Component));\nexport { TreeView };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport uniqBy from 'lodash/uniqBy';\nimport { SelectChildrenMode, TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItem from './TreeItem';\nimport * as telemetry from '../../common/telemetry';\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeView = /** @class */ (function (_super) {\n    __extends(TreeView, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeView(props) {\n        var _this = _super.call(this, props) || this;\n        _this.nodesToExpand = [];\n        _this.pathTo = function (array, target) {\n            var result;\n            if (array) {\n                array.some(function (_a) {\n                    var key = _a.key, _b = _a.children, children = _b === void 0 ? [] : _b;\n                    if (key === target) {\n                        _this.nodesToExpand.push(key);\n                        result = key;\n                        return true;\n                    }\n                    var temp = _this.pathTo(children, target);\n                    if (temp) {\n                        _this.nodesToExpand.push(key);\n                        result = key + '.' + temp;\n                        return true;\n                    }\n                });\n            }\n            return result;\n        };\n        telemetry.track('TreeView');\n        _this.state = {\n            loaded: true,\n            defaultExpanded: props.defaultExpanded,\n            activeItems: []\n        };\n        // Bind control events\n        _this.handleTreeExpandCollapse = _this.handleTreeExpandCollapse.bind(_this);\n        _this.handleOnSelect = _this.handleOnSelect.bind(_this);\n        if (props.expandToSelected && props.defaultSelectedKeys) {\n            props.defaultSelectedKeys.forEach(function (element) {\n                _this.pathTo(props.items, element);\n            });\n        }\n        return _this;\n    }\n    TreeView.prototype.getSelectedItems = function (treeItems, selectedKeys, selectedChildren) {\n        var _this = this;\n        var selectedItems = [];\n        treeItems.forEach(function (item) {\n            if (selectedKeys.indexOf(item.key) !== -1 && item.selectable !== false && !item.disabled) {\n                selectedItems.push(item);\n                if (selectedChildren) {\n                    _this.selectAllChildren(item, selectedItems);\n                }\n                else {\n                    if (item.children) {\n                        selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                    }\n                }\n            }\n            else {\n                if (item.children) {\n                    selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                }\n            }\n        });\n        return selectedItems;\n    };\n    /**\n     * Fires When expand / collapse item in TreeView\n     * @argument item The expanded / collapsed item\n     * @argument isExpanded The status of item  (expanded / collapsed)\n     */\n    TreeView.prototype.handleTreeExpandCollapse = function (item, isExpanded) {\n        if (typeof this.props.onExpandCollapse === \"function\") {\n            this.props.onExpandCollapse(item, isExpanded);\n        }\n    };\n    /**\n     * Selects all child nodes when parent node is selected.\n     * @param item current tree item\n     */\n    TreeView.prototype.selectAllChildren = function (item, selectedItems) {\n        var _this = this;\n        if (item.children) {\n            item.children.forEach(function (element) {\n                if (!element.disabled && element.selectable !== false) {\n                    selectedItems.push(element);\n                }\n                if (element.children) {\n                    _this.selectAllChildren(element, selectedItems);\n                }\n            });\n        }\n    };\n    /**\n     * Unselects all child nodes of selected parent.\n     */\n    TreeView.prototype.unSelectChildren = function (item, unselectArray) {\n        var _this = this;\n        var tempItem = item;\n        if (tempItem.children) {\n            tempItem.children.forEach(function (element) {\n                unselectArray.push(element.key);\n                if (element.children) {\n                    _this.unSelectChildren(element, unselectArray);\n                }\n            });\n        }\n    };\n    /**\n     * Fires When Tree Item is selected in TreeView\n     * @argument item The selected item\n     * @argument isSelected The status of item selection\n     */\n    TreeView.prototype.handleOnSelect = function (item, isSelected) {\n        var selectedItems = this.state.activeItems;\n        if (isSelected) {\n            if (this.props.selectionMode == TreeViewSelectionMode.Multiple) {\n                // Add the checked term\n                selectedItems.push(item);\n                if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Select)) {\n                    this.selectAllChildren(item, selectedItems);\n                }\n                selectedItems = uniqBy(selectedItems, 'key');\n                // Filter out the duplicate terms\n                this.setState({\n                    activeItems: selectedItems\n                });\n            }\n            else {\n                // Only store the current selected item\n                this.setState({\n                    activeItems: [item]\n                });\n                selectedItems = [item];\n            }\n        }\n        else {\n            // Remove the item from the list of active nodes\n            var unselectArray = [];\n            unselectArray.push(item.key);\n            if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Unselect)) {\n                this.unSelectChildren(item, unselectArray);\n            }\n            unselectArray.forEach(function (element) {\n                selectedItems = selectedItems.filter(function (i) { return i.key != element; });\n            });\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n        if (typeof this.props.onSelect === \"function\") {\n            this.props.onSelect(selectedItems);\n        }\n    };\n    TreeView.prototype.checkIfChildrenShouldBeSelected = function (testMode) {\n        var selectChildrenMode = SelectChildrenMode.None;\n        if (this.props.selectChildrenMode) {\n            selectChildrenMode = this.props.selectChildrenMode;\n        }\n        else {\n            if (this.props.selectChildrenIfParentSelected) {\n                selectChildrenMode = SelectChildrenMode.All;\n            }\n        }\n        if ((selectChildrenMode & testMode) === testMode) {\n            return true;\n        }\n        return false;\n    };\n    TreeView.prototype.componentDidMount = function () {\n        var _a = this.props, items = _a.items, defaultSelectedKeys = _a.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Mount));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    TreeView.prototype.componentWillReceiveProps = function (nextProps) {\n        var items = nextProps.items, defaultSelectedKeys = nextProps.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Update));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeView.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, items = _a.items, selectionMode = _a.selectionMode, onRenderItem = _a.onRenderItem, showCheckboxes = _a.showCheckboxes, treeItemActionsDisplayMode = _a.treeItemActionsDisplayMode, defaultExpanded = _a.defaultExpanded, defaultExpandedChildren = _a.defaultExpandedChildren, defaultExpandedKeys = _a.defaultExpandedKeys;\n        return (React.createElement(\"div\", { className: styles.treeView }, items.map(function (treeNodeItem, index) { return (React.createElement(TreeItem, { treeItem: treeNodeItem, leftOffset: 20, isFirstRender: true, defaultExpanded: defaultExpanded, defaultExpandedChildren: defaultExpandedChildren !== undefined ? defaultExpandedChildren : true, selectionMode: selectionMode, activeItems: _this.state.activeItems, parentCallbackExpandCollapse: _this.handleTreeExpandCollapse, parentCallbackOnSelect: _this.handleOnSelect, onRenderItem: onRenderItem, showCheckboxes: showCheckboxes, treeItemActionsDisplayMode: treeItemActionsDisplayMode, nodesToExpand: defaultExpandedKeys })); })));\n    };\n    return TreeView;\n}(React.Component));\nexport { TreeView };\n"
         },
         {
           "id": "fYfa",
@@ -404229,11 +404189,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -414046,7 +414001,7 @@
           "name": "./lib/controls/treeView/TreeItem.js",
           "index": 2321,
           "index2": 2321,
-          "size": 10044,
+          "size": 10398,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -414108,7 +414063,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\nimport { IconButton } from 'office-ui-fabric-react/lib/Button';\nimport * as strings from 'ControlStrings';\nimport { TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItemActionsControl from './TreeItemActionsControl';\nimport { css } from 'office-ui-fabric-react/lib/Utilities';\n/**\n * CSS styles for checkbox\n */\nvar checkBoxStyle = {\n    display: \"inline-flex\"\n};\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeItem = /** @class */ (function (_super) {\n    __extends(TreeItem, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeItem(props, state) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Process the child nodes\n         */\n        _this.createChildNodes = function (list, paddingLeft) {\n            if (list.length) {\n                var _a = _this.props, treeItem = _a.treeItem, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;\n                var expanded_1 = _this.state.expanded;\n                var childrenWithHandlers = list.map(function (item, index) {\n                    return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand }));\n                });\n                return childrenWithHandlers;\n            }\n        };\n        /**\n         * Default action callback\n         */\n        _this.treeItemActionCallback = function () {\n        };\n        // Check if current item is selected\n        var active = props.activeItems.filter(function (item) { return item.key === props.treeItem.key; });\n        var expanded = props.defaultExpanded;\n        if (props.nodesToExpand.indexOf(props.treeItem.key) != -1) {\n            expanded = true;\n        }\n        _this.state = {\n            selected: active.length > 0,\n            // expanded: this.props.defaultExpanded\n            expanded: expanded\n        };\n        // Bind control events\n        _this._itemSelected = _this._itemSelected.bind(_this);\n        _this._handleExpandCollapse = _this._handleExpandCollapse.bind(_this);\n        return _this;\n    }\n    /**\n     * Handle the checkbox change trigger\n     */\n    TreeItem.prototype._itemSelected = function (ev, isChecked) {\n        this.setState({\n            selected: !this.state.selected\n        });\n        this.props.parentCallbackOnSelect(this.props.treeItem, isChecked);\n    };\n    /**\n     * Handle the click event: collapse or expand\n     */\n    TreeItem.prototype._handleExpandCollapse = function () {\n        this.setState({\n            expanded: !this.state.expanded\n        });\n        this.props.parentCallbackExpandCollapse(this.props.treeItem, !this.state.expanded);\n    };\n    /**\n     * Lifecycle event hook when component retrieves new properties\n     * @param nextProps\n     * @param nextContext\n     */\n    TreeItem.prototype.componentWillReceiveProps = function (nextProps) {\n        var _this = this;\n        // If selection is turned on, set the item as selected\n        if (this.props.selectionMode != TreeViewSelectionMode.None) {\n            var active = nextProps.activeItems.filter(function (item) { return item.key === _this.props.treeItem.key; });\n            this.setState({\n                selected: active.length > 0,\n                expanded: this.state.expanded\n            });\n        }\n    };\n    /**\n     * Default or custom rendering of tree item\n     */\n    TreeItem.prototype.renderItem = function (item) {\n        var _this = this;\n        if (typeof this.props.onRenderItem === \"function\") {\n            // Custom rendering of tree item\n            return this.props.onRenderItem(item);\n        }\n        else {\n            return (\n            // Default rendering of tree item\n            React.createElement(\"div\", { className: styles.labels, onClick: function (e) {\n                    if (_this.props.selectionMode != TreeViewSelectionMode.None && item.selectable != false) {\n                        e.stopPropagation();\n                        if (!item.disabled) {\n                            _this._itemSelected(e, !_this.state.selected);\n                        }\n                    }\n                } },\n                this.props.showCheckboxes && item.selectable == false && !item.children &&\n                    React.createElement(\"span\", { className: styles.blankspace }, \"\\u00A0\"),\n                // Rendering when item has iconProps\n                item.iconProps &&\n                    React.createElement(\"span\", null,\n                        React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style }),\n                        \"\\u00A0\"),\n                item.label,\n                // Render sublabel\n                item.subLabel &&\n                    React.createElement(\"div\", { className: styles.itemSubLabel }, item.subLabel)));\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeItem.prototype.render = function () {\n        var _a;\n        var _this = this;\n        var _b = this.props, treeItem = _b.treeItem, leftOffset = _b.leftOffset, showCheckboxes = _b.showCheckboxes, selectionMode = _b.selectionMode, treeItemActionsDisplayMode = _b.treeItemActionsDisplayMode;\n        var _c = this.state, expanded = _c.expanded, selected = _c.selected;\n        var styleProps = {\n            marginLeft: leftOffset + \"px\"\n        };\n        var contentStyles = {\n            marginLeft: treeItem.children ? '0' : leftOffset + \"px\"\n        };\n        return (React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: styles.listItem + \" \" + styles.tree },\n                React.createElement(\"div\", { className: \"\" + styles.treeSelector }, \n                // Render expand / collapse icons for items which has children.\n                treeItem.children &&\n                    React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); } })),\n                React.createElement(\"div\", { className: css((_a = {},\n                        _a[styles.itemContent] = true,\n                        _a[styles.noCheckBox] = !showCheckboxes,\n                        _a[styles.checked] = selected,\n                        _a[styles.disabled] = !!treeItem.disabled,\n                        _a)), style: contentStyles, onClick: function (e) {\n                        if (_this.props.selectionMode != TreeViewSelectionMode.None && treeItem.selectable != false) {\n                            e.stopPropagation();\n                            if (!treeItem.disabled && e.currentTarget === e.target) {\n                                _this._itemSelected(e, !_this.state.selected);\n                            }\n                        }\n                    } },\n                    // Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)\n                    (treeItem.selectable != false) && selectionMode != TreeViewSelectionMode.None && showCheckboxes &&\n                        React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected }),\n                    // Call default render item function\n                    this.renderItem(treeItem),\n                    // Render actions for tree item\n                    treeItem.actions &&\n                        React.createElement(\"div\", { className: styles.itemMenu },\n                            React.createElement(TreeItemActionsControl, { treeItem: treeItem, treeItemActions: {\n                                    actions: treeItem.actions,\n                                    treeItemActionsDisplayMode: treeItemActionsDisplayMode\n                                }, treeItemActionCallback: this.treeItemActionCallback })))),\n            React.createElement(\"div\", { style: styleProps || {} }, \n            // Render child nodes\n            expanded && treeItem.children\n                ? this.createChildNodes(treeItem.children, leftOffset) // we double left padding on every recursion/depth\n                : null)));\n    };\n    return TreeItem;\n}(React.Component));\nexport default TreeItem;\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\nimport { IconButton } from 'office-ui-fabric-react/lib/Button';\nimport * as strings from 'ControlStrings';\nimport { TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItemActionsControl from './TreeItemActionsControl';\nimport { css } from 'office-ui-fabric-react/lib/Utilities';\n/**\n * CSS styles for checkbox\n */\nvar checkBoxStyle = {\n    display: \"inline-flex\"\n};\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeItem = /** @class */ (function (_super) {\n    __extends(TreeItem, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeItem(props, state) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Process the child nodes\n         */\n        _this.createChildNodes = function (list, paddingLeft) {\n            if (list.length) {\n                var _a = _this.props, treeItem = _a.treeItem, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;\n                var expanded_1 = _this.state.expanded;\n                var childrenWithHandlers = list.map(function (item, index) {\n                    return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand }));\n                });\n                return childrenWithHandlers;\n            }\n        };\n        /**\n         * Default action callback\n         */\n        _this.treeItemActionCallback = function () {\n        };\n        // Check if current item is selected\n        var active = props.activeItems.filter(function (item) { return item.key === props.treeItem.key; });\n        var expanded = props.defaultExpanded;\n        if (!expanded && props.nodesToExpand.indexOf(props.treeItem.key) != -1) {\n            expanded = true;\n        }\n        _this.state = {\n            selected: active.length > 0,\n            // expanded: this.props.defaultExpanded\n            expanded: expanded\n        };\n        // Bind control events\n        _this._itemSelected = _this._itemSelected.bind(_this);\n        _this._handleExpandCollapse = _this._handleExpandCollapse.bind(_this);\n        return _this;\n    }\n    /**\n     * Handle the checkbox change trigger\n     */\n    TreeItem.prototype._itemSelected = function (ev, isChecked) {\n        this.setState({\n            selected: !this.state.selected\n        });\n        this.props.parentCallbackOnSelect(this.props.treeItem, isChecked);\n    };\n    /**\n     * Handle the click event: collapse or expand\n     */\n    TreeItem.prototype._handleExpandCollapse = function () {\n        this.setState({\n            expanded: !this.state.expanded\n        });\n        this.props.parentCallbackExpandCollapse(this.props.treeItem, !this.state.expanded);\n    };\n    /**\n     * Lifecycle event hook when component retrieves new properties\n     * @param nextProps\n     * @param nextContext\n     */\n    TreeItem.prototype.componentWillReceiveProps = function (nextProps) {\n        var _this = this;\n        // If selection is turned on, set the item as selected\n        if (this.props.selectionMode != TreeViewSelectionMode.None) {\n            var active = nextProps.activeItems.filter(function (item) { return item.key === _this.props.treeItem.key; });\n            var _isExpanded = this.state.expanded;\n            if (!_isExpanded && this.props.nodesToExpand.indexOf(this.props.treeItem.key) != -1) {\n                _isExpanded = true;\n            }\n            if (_isExpanded && this.props.nodesToExpand.indexOf(this.props.treeItem.key) == -1) {\n                _isExpanded = false;\n            }\n            this.setState({\n                selected: active.length > 0,\n                expanded: _isExpanded\n            });\n        }\n    };\n    /**\n     * Default or custom rendering of tree item\n     */\n    TreeItem.prototype.renderItem = function (item) {\n        var _this = this;\n        if (typeof this.props.onRenderItem === \"function\") {\n            // Custom rendering of tree item\n            return this.props.onRenderItem(item);\n        }\n        else {\n            return (\n            // Default rendering of tree item\n            React.createElement(\"div\", { className: styles.labels, onClick: function (e) {\n                    if (_this.props.selectionMode != TreeViewSelectionMode.None && item.selectable != false) {\n                        e.stopPropagation();\n                        if (!item.disabled) {\n                            _this._itemSelected(e, !_this.state.selected);\n                        }\n                    }\n                } },\n                this.props.showCheckboxes && item.selectable == false && !item.children &&\n                    React.createElement(\"span\", { className: styles.blankspace }, \"\\u00A0\"),\n                // Rendering when item has iconProps\n                item.iconProps &&\n                    React.createElement(\"span\", null,\n                        React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style }),\n                        \"\\u00A0\"),\n                item.label,\n                // Render sublabel\n                item.subLabel &&\n                    React.createElement(\"div\", { className: styles.itemSubLabel }, item.subLabel)));\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeItem.prototype.render = function () {\n        var _a;\n        var _this = this;\n        var _b = this.props, treeItem = _b.treeItem, leftOffset = _b.leftOffset, showCheckboxes = _b.showCheckboxes, selectionMode = _b.selectionMode, treeItemActionsDisplayMode = _b.treeItemActionsDisplayMode;\n        var _c = this.state, expanded = _c.expanded, selected = _c.selected;\n        var styleProps = {\n            marginLeft: leftOffset + \"px\"\n        };\n        var contentStyles = {\n            marginLeft: treeItem.children ? '0' : leftOffset + \"px\"\n        };\n        return (React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: styles.listItem + \" \" + styles.tree },\n                React.createElement(\"div\", { className: \"\" + styles.treeSelector }, \n                // Render expand / collapse icons for items which has children.\n                treeItem.children &&\n                    React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); } })),\n                React.createElement(\"div\", { className: css((_a = {},\n                        _a[styles.itemContent] = true,\n                        _a[styles.noCheckBox] = !showCheckboxes,\n                        _a[styles.checked] = selected,\n                        _a[styles.disabled] = !!treeItem.disabled,\n                        _a)), style: contentStyles, onClick: function (e) {\n                        if (_this.props.selectionMode != TreeViewSelectionMode.None && treeItem.selectable != false) {\n                            e.stopPropagation();\n                            if (!treeItem.disabled && e.currentTarget === e.target) {\n                                _this._itemSelected(e, !_this.state.selected);\n                            }\n                        }\n                    } },\n                    // Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)\n                    (treeItem.selectable != false) && selectionMode != TreeViewSelectionMode.None && showCheckboxes &&\n                        React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected }),\n                    // Call default render item function\n                    this.renderItem(treeItem),\n                    // Render actions for tree item\n                    treeItem.actions &&\n                        React.createElement(\"div\", { className: styles.itemMenu },\n                            React.createElement(TreeItemActionsControl, { treeItem: treeItem, treeItemActions: {\n                                    actions: treeItem.actions,\n                                    treeItemActionsDisplayMode: treeItemActionsDisplayMode\n                                }, treeItemActionCallback: this.treeItemActionCallback })))),\n            React.createElement(\"div\", { style: styleProps || {} }, \n            // Render child nodes\n            expanded && treeItem.children\n                ? this.createChildNodes(treeItem.children, leftOffset) // we double left padding on every recursion/depth\n                : null)));\n    };\n    return TreeItem;\n}(React.Component));\nexport default TreeItem;\n"
         },
         {
           "id": "hR4L",
@@ -442242,7 +442197,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "./TreeItemActionsControl",
-              "loc": "182:48-70"
+              "loc": "189:48-70"
             }
           ],
           "providedExports": [
@@ -446912,14 +446867,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             },
             {
               "id": "4eMn",
@@ -457527,11 +457482,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -458718,9 +458668,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
-          "issuerId": "j9SM",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
+          "issuerId": "7dtK",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -458748,9 +458698,9 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/index.js"
             },
             {
-              "id": "j9SM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js"
+              "id": "7dtK",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js"
             }
           ],
           "failed": false,
@@ -464911,9 +464861,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
-          "issuerId": "Z9Yp",
-          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
+          "issuerId": "ElSt",
+          "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -464931,9 +464881,9 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/index.js"
             },
             {
-              "id": "Z9Yp",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js"
+              "id": "ElSt",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js"
             }
           ],
           "failed": false,
@@ -465217,9 +465167,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-          "issuerId": "SI3Q",
-          "issuerName": "./node_modules/fela-plugin-embedded/es/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-fallback-value/es/index.js",
+          "issuerId": "xUb/",
+          "issuerName": "./node_modules/fela-plugin-fallback-value/es/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -465257,9 +465207,9 @@
               "name": "./node_modules/@fluentui/react-northstar-fela-renderer/dist/es/createFelaRenderer.js"
             },
             {
-              "id": "SI3Q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-              "name": "./node_modules/fela-plugin-embedded/es/index.js"
+              "id": "xUb/",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-fallback-value/es/index.js",
+              "name": "./node_modules/fela-plugin-fallback-value/es/index.js"
             }
           ],
           "failed": false,
@@ -465389,14 +465339,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             },
             {
               "id": "4eMn",
@@ -497787,9 +497737,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "issuerId": "9z8q",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
+          "issuerId": "lkME",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -497820,11 +497770,6 @@
               "id": "lkME",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
-            },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
             }
           ],
           "failed": false,
@@ -500874,9 +500819,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-          "issuerId": "uNIk",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+          "issuerId": "jsqa",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -500909,14 +500854,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
             {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
-            {
-              "id": "uNIk",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+              "id": "jsqa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
             }
           ],
           "failed": false,
@@ -505647,14 +505587,14 @@
               "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
             },
             {
-              "id": "pFc4",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+              "id": "0Yof",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
             },
             {
-              "id": "mvdJ",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+              "id": "c/6b",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+              "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
             },
             {
               "id": "4eMn",
@@ -507385,11 +507325,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -541940,7 +541875,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Icon",
-              "loc": "133:44-48"
+              "loc": "140:44-48"
             },
             {
               "moduleId": "kJOq",
@@ -542940,7 +542875,7 @@
         "ootb-fields-field-customizer.js",
         "ootb-fields-field-customizer.js.map"
       ],
-      "hash": "49110a826d70ee887fb0",
+      "hash": "6a82d4e5be68bf6682d0",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -554440,11 +554375,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -557059,9 +556989,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "issuerId": "16Wd",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "issuerId": "k/69",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -557079,14 +557009,14 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
             },
             {
-              "id": "Cv5W",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+              "id": "sByA",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
             },
             {
-              "id": "16Wd",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+              "id": "k/69",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
             }
           ],
           "failed": false,
@@ -575792,11 +575722,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -577354,7 +577279,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Button",
-              "loc": "160:40-50"
+              "loc": "167:40-50"
             },
             {
               "moduleId": "huR6",
@@ -580467,11 +580392,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -599170,7 +599090,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Utilities",
-              "loc": "161:56-59"
+              "loc": "168:56-59"
             },
             {
               "moduleId": "hrfb",
@@ -606516,11 +606436,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -624361,7 +624276,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:152-181"
+              "loc": "167:152-181"
             },
             {
               "moduleId": "hQoI",
@@ -624370,7 +624285,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:184-211"
+              "loc": "167:184-211"
             },
             {
               "moduleId": "hQoI",
@@ -624379,7 +624294,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:231-260"
+              "loc": "167:231-260"
             },
             {
               "moduleId": "hQoI",
@@ -624388,7 +624303,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "ControlStrings",
-              "loc": "160:263-290"
+              "loc": "167:263-290"
             },
             {
               "moduleId": "k0SN",
@@ -630133,11 +630048,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -634468,9 +634378,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "issuerId": "16Wd",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "issuerId": "k/69",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -634488,14 +634398,14 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
             },
             {
-              "id": "Cv5W",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+              "id": "sByA",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
             },
             {
-              "id": "16Wd",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+              "id": "k/69",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
             }
           ],
           "failed": false,
@@ -639904,11 +639814,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -678506,7 +678411,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "120:12-31"
+              "loc": "127:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -678515,7 +678420,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "129:20-39"
+              "loc": "136:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -678524,7 +678429,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "132:20-39"
+              "loc": "139:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -678533,7 +678438,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "133:24-43"
+              "loc": "140:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -678542,7 +678447,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "138:20-39"
+              "loc": "145:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -678551,7 +678456,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "155:16-35"
+              "loc": "162:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -678560,7 +678465,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "156:12-31"
+              "loc": "163:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -678569,7 +678474,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "157:16-35"
+              "loc": "164:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -678578,7 +678483,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "160:20-39"
+              "loc": "167:20-39"
             },
             {
               "moduleId": "hQoI",
@@ -678587,7 +678492,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "161:16-35"
+              "loc": "168:16-35"
             },
             {
               "moduleId": "hQoI",
@@ -678596,7 +678501,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "176:24-43"
+              "loc": "183:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -678605,7 +678510,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "181:24-43"
+              "loc": "188:24-43"
             },
             {
               "moduleId": "hQoI",
@@ -678614,7 +678519,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "182:28-47"
+              "loc": "189:28-47"
             },
             {
               "moduleId": "hQoI",
@@ -678623,7 +678528,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "186:12-31"
+              "loc": "193:12-31"
             },
             {
               "moduleId": "hQoI",
@@ -678632,7 +678537,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "193:2-17"
+              "loc": "200:2-17"
             },
             {
               "moduleId": "hgRX",
@@ -694373,7 +694278,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.7.0-beta.2005904\";\n"
+          "source": "export var version = \"3.7.0-beta.2005979\";\n"
         },
         {
           "id": "cPD0",
@@ -694904,11 +694809,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -696782,14 +696682,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
             {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
-            {
-              "id": "uNIk",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+              "id": "jsqa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
             },
             {
               "id": "v6wc",
@@ -698996,11 +698891,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -709781,11 +709671,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -717819,9 +717704,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "issuerId": "9z8q",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
+          "issuerId": "lkME",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -717852,11 +717737,6 @@
               "id": "lkME",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
-            },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
             }
           ],
           "failed": false,
@@ -718414,9 +718294,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-          "issuerId": "uNIk",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+          "issuerId": "jsqa",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -718449,14 +718329,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
             {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
-            {
-              "id": "uNIk",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+              "id": "jsqa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
             }
           ],
           "failed": false,
@@ -721242,11 +721117,6 @@
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
               "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
             },
-            {
-              "id": "9z8q",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-            },
             {
               "id": "uNIk",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -732317,7 +732187,7 @@
               "moduleName": "./lib/controls/treeView/TreeItem.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Icon",
-              "loc": "133:44-48"
+              "loc": "140:44-48"
             },
             {
               "moduleId": "kJOq",
@@ -735303,7 +735173,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Checkbox",
-          "loc": "176:44-52"
+          "loc": "183:44-52"
         },
         {
           "moduleId": "ihU0",
@@ -743611,9 +743481,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-      "issuerId": "thf+",
-      "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuerId": "CSm3",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -743666,14 +743536,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "bO7i",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
-          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+          "id": "HnbP",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "thf+",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+          "id": "CSm3",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
         }
       ],
       "failed": false,
@@ -778460,14 +778330,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         },
         {
           "id": "4eMn",
@@ -779979,9 +779849,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-      "issuerId": "mvdJ",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+      "issuerId": "c/6b",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -780009,14 +779879,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         }
       ],
       "failed": false,
@@ -790524,9 +790394,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-      "issuerId": "SI3Q",
-      "issuerName": "./node_modules/fela-plugin-embedded/es/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-placeholder-prefixer/es/index.js",
+      "issuerId": "fFg5",
+      "issuerName": "./node_modules/fela-plugin-placeholder-prefixer/es/index.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -790564,9 +790434,9 @@
           "name": "./node_modules/@fluentui/react-northstar-fela-renderer/dist/es/createFelaRenderer.js"
         },
         {
-          "id": "SI3Q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-          "name": "./node_modules/fela-plugin-embedded/es/index.js"
+          "id": "fFg5",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-placeholder-prefixer/es/index.js",
+          "name": "./node_modules/fela-plugin-placeholder-prefixer/es/index.js"
         }
       ],
       "failed": false,
@@ -795068,9 +794938,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-      "issuerId": "fNrw",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+      "issuerId": "0RYX",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -795123,14 +794993,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "fNrw",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
+          "id": "0RYX",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"
         }
       ],
       "failed": false,
@@ -809359,11 +809229,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -824990,9 +824855,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-      "issuerId": "16Wd",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+      "issuerId": "k/69",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -825010,14 +824875,14 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
         },
         {
-          "id": "Cv5W",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+          "id": "sByA",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
         },
         {
-          "id": "16Wd",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+          "id": "k/69",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
         }
       ],
       "failed": false,
@@ -854793,7 +854658,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "120:52-58"
+          "loc": "127:52-58"
         },
         {
           "moduleId": "hQoI",
@@ -854802,7 +854667,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "129:61-67"
+          "loc": "136:61-67"
         },
         {
           "moduleId": "hQoI",
@@ -854811,7 +854676,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "133:63-69"
+          "loc": "140:63-69"
         },
         {
           "moduleId": "hQoI",
@@ -854820,7 +854685,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "138:60-66"
+          "loc": "145:60-66"
         },
         {
           "moduleId": "hQoI",
@@ -854829,7 +854694,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "156:52-58"
+          "loc": "163:52-58"
         },
         {
           "moduleId": "hQoI",
@@ -854838,7 +854703,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "156:76-82"
+          "loc": "163:76-82"
         },
         {
           "moduleId": "hQoI",
@@ -854847,7 +854712,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "157:61-67"
+          "loc": "164:61-67"
         },
         {
           "moduleId": "hQoI",
@@ -854856,7 +854721,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "162:27-33"
+          "loc": "169:27-33"
         },
         {
           "moduleId": "hQoI",
@@ -854865,7 +854730,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "163:27-33"
+          "loc": "170:27-33"
         },
         {
           "moduleId": "hQoI",
@@ -854874,7 +854739,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "164:27-33"
+          "loc": "171:27-33"
         },
         {
           "moduleId": "hQoI",
@@ -854883,7 +854748,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "165:27-33"
+          "loc": "172:27-33"
         },
         {
           "moduleId": "hQoI",
@@ -854892,7 +854757,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "176:115-121"
+          "loc": "183:115-121"
         },
         {
           "moduleId": "hQoI",
@@ -854901,7 +854766,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeView.module.scss",
-          "loc": "181:64-70"
+          "loc": "188:64-70"
         }
       ],
       "providedExports": [
@@ -865447,9 +865312,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
-      "issuerId": "V9KN",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
+      "issuerId": "j8+w",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -865467,9 +865332,9 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/index.js"
         },
         {
-          "id": "V9KN",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/DebugSelector.js"
+          "id": "j8+w",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Debug/Debug.js"
         }
       ],
       "failed": false,
@@ -865649,11 +865514,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -869632,7 +869492,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Button",
-          "loc": "160:40-50"
+          "loc": "167:40-50"
         },
         {
           "moduleId": "huR6",
@@ -883315,11 +883175,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -918713,7 +918568,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Utilities",
-          "loc": "161:56-59"
+          "loc": "168:56-59"
         },
         {
           "moduleId": "hrfb",
@@ -936639,11 +936494,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -948809,14 +948659,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         },
         {
           "id": "4eMn",
@@ -979054,7 +978904,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "160:152-181"
+          "loc": "167:152-181"
         },
         {
           "moduleId": "hQoI",
@@ -979063,7 +978913,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "160:184-211"
+          "loc": "167:184-211"
         },
         {
           "moduleId": "hQoI",
@@ -979072,7 +978922,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "160:231-260"
+          "loc": "167:231-260"
         },
         {
           "moduleId": "hQoI",
@@ -979081,7 +978931,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "ControlStrings",
-          "loc": "160:263-290"
+          "loc": "167:263-290"
         },
         {
           "moduleId": "k0SN",
@@ -1000818,7 +1000668,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./ITreeViewProps",
-          "loc": "121:53-74"
+          "loc": "128:53-74"
         },
         {
           "moduleId": "hQoI",
@@ -1000827,7 +1000677,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./ITreeViewProps",
-          "loc": "167:57-78"
+          "loc": "174:57-78"
         },
         {
           "moduleId": "hQoI",
@@ -1000836,7 +1000686,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./ITreeViewProps",
-          "loc": "175:71-92"
+          "loc": "182:71-92"
         }
       ],
       "providedExports": [
@@ -1001477,11 +1001327,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1012186,9 +1012031,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
-      "issuerId": "Pa7g",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
+      "issuerId": "mFTT",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1012216,14 +1012061,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "hsTz",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Button/buttonStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Button/buttonStyles.js"
+          "id": "hBUa",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Checkbox/checkboxStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Checkbox/checkboxStyles.js"
         },
         {
-          "id": "Pa7g",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Loader/Loader.js"
+          "id": "mFTT",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Checkbox/Checkbox.js"
         }
       ],
       "failed": false,
@@ -1031273,9 +1031118,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-      "issuerId": "16Wd",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+      "issuerId": "k/69",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1031293,14 +1031138,14 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/Button/index.js"
         },
         {
-          "id": "Cv5W",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.js"
+          "id": "sByA",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.js"
         },
         {
-          "id": "16Wd",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/CompoundButton/CompoundButton.styles.js"
+          "id": "k/69",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/Button/DefaultButton/DefaultButton.styles.js"
         }
       ],
       "failed": false,
@@ -1049491,11 +1049336,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1088353,7 +1088193,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "120:12-31"
+          "loc": "127:12-31"
         },
         {
           "moduleId": "hQoI",
@@ -1088362,7 +1088202,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "129:20-39"
+          "loc": "136:20-39"
         },
         {
           "moduleId": "hQoI",
@@ -1088371,7 +1088211,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "132:20-39"
+          "loc": "139:20-39"
         },
         {
           "moduleId": "hQoI",
@@ -1088380,7 +1088220,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "133:24-43"
+          "loc": "140:24-43"
         },
         {
           "moduleId": "hQoI",
@@ -1088389,7 +1088229,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "138:20-39"
+          "loc": "145:20-39"
         },
         {
           "moduleId": "hQoI",
@@ -1088398,7 +1088238,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "155:16-35"
+          "loc": "162:16-35"
         },
         {
           "moduleId": "hQoI",
@@ -1088407,7 +1088247,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "156:12-31"
+          "loc": "163:12-31"
         },
         {
           "moduleId": "hQoI",
@@ -1088416,7 +1088256,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "157:16-35"
+          "loc": "164:16-35"
         },
         {
           "moduleId": "hQoI",
@@ -1088425,7 +1088265,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "160:20-39"
+          "loc": "167:20-39"
         },
         {
           "moduleId": "hQoI",
@@ -1088434,7 +1088274,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "161:16-35"
+          "loc": "168:16-35"
         },
         {
           "moduleId": "hQoI",
@@ -1088443,7 +1088283,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "176:24-43"
+          "loc": "183:24-43"
         },
         {
           "moduleId": "hQoI",
@@ -1088452,7 +1088292,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "181:24-43"
+          "loc": "188:24-43"
         },
         {
           "moduleId": "hQoI",
@@ -1088461,7 +1088301,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "182:28-47"
+          "loc": "189:28-47"
         },
         {
           "moduleId": "hQoI",
@@ -1088470,7 +1088310,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "186:12-31"
+          "loc": "193:12-31"
         },
         {
           "moduleId": "hQoI",
@@ -1088479,7 +1088319,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "193:2-17"
+          "loc": "200:2-17"
         },
         {
           "moduleId": "hgRX",
@@ -1104373,7 +1104213,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.7.0-beta.2005904\";\n"
+      "source": "export var version = \"3.7.0-beta.2005979\";\n"
     },
     {
       "id": "cLrF",
@@ -1106003,9 +1105843,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
-      "issuerId": "QpRe",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
+      "issuerId": "7WKc",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1106033,14 +1105873,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "Euaw",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Dropdown/dropdownSelectedItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Dropdown/dropdownSelectedItemStyles.js"
+          "id": "HHH0",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Embed/embedStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Embed/embedStyles.js"
         },
         {
-          "id": "QpRe",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Dropdown/DropdownSelectedItem.js"
+          "id": "7WKc",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Embed/Embed.js"
         }
       ],
       "failed": false,
@@ -1108324,11 +1108164,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1124129,14 +1123964,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
         {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
-        {
-          "id": "uNIk",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+          "id": "jsqa",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
         },
         {
           "id": "v6wc",
@@ -1134925,7 +1134755,7 @@
       "name": "./lib/controls/treeView/TreeView.js",
       "index": 2316,
       "index2": 2322,
-      "size": 9477,
+      "size": 9523,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1134982,7 +1134812,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport uniqBy from 'lodash/uniqBy';\nimport { SelectChildrenMode, TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItem from './TreeItem';\nimport * as telemetry from '../../common/telemetry';\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeView = /** @class */ (function (_super) {\n    __extends(TreeView, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeView(props) {\n        var _this = _super.call(this, props) || this;\n        _this.nodesToExpand = [];\n        _this.pathTo = function (array, target) {\n            var result;\n            if (array) {\n                array.some(function (_a) {\n                    var key = _a.key, _b = _a.children, children = _b === void 0 ? [] : _b;\n                    if (key === target) {\n                        _this.nodesToExpand.push(key);\n                        result = key;\n                        return true;\n                    }\n                    var temp = _this.pathTo(children, target);\n                    if (temp) {\n                        _this.nodesToExpand.push(key);\n                        result = key + '.' + temp;\n                        return true;\n                    }\n                });\n            }\n            return result;\n        };\n        telemetry.track('TreeView');\n        _this.state = {\n            loaded: true,\n            defaultExpanded: props.defaultExpanded,\n            activeItems: []\n        };\n        // Bind control events\n        _this.handleTreeExpandCollapse = _this.handleTreeExpandCollapse.bind(_this);\n        _this.handleOnSelect = _this.handleOnSelect.bind(_this);\n        if (props.expandToSelected && props.defaultSelectedKeys) {\n            props.defaultSelectedKeys.forEach(function (element) {\n                _this.pathTo(props.items, element);\n            });\n        }\n        return _this;\n    }\n    TreeView.prototype.getSelectedItems = function (treeItems, selectedKeys, selectedChildren) {\n        var _this = this;\n        var selectedItems = [];\n        treeItems.forEach(function (item) {\n            if (selectedKeys.indexOf(item.key) !== -1 && item.selectable !== false && !item.disabled) {\n                selectedItems.push(item);\n                if (selectedChildren) {\n                    _this.selectAllChildren(item, selectedItems);\n                }\n                else {\n                    if (item.children) {\n                        selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                    }\n                }\n            }\n            else {\n                if (item.children) {\n                    selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                }\n            }\n        });\n        return selectedItems;\n    };\n    /**\n     * Fires When expand / collapse item in TreeView\n     * @argument item The expanded / collapsed item\n     * @argument isExpanded The status of item  (expanded / collapsed)\n     */\n    TreeView.prototype.handleTreeExpandCollapse = function (item, isExpanded) {\n        if (typeof this.props.onExpandCollapse === \"function\") {\n            this.props.onExpandCollapse(item, isExpanded);\n        }\n    };\n    /**\n     * Selects all child nodes when parent node is selected.\n     * @param item current tree item\n     */\n    TreeView.prototype.selectAllChildren = function (item, selectedItems) {\n        var _this = this;\n        if (item.children) {\n            item.children.forEach(function (element) {\n                if (!element.disabled && element.selectable !== false) {\n                    selectedItems.push(element);\n                }\n                if (element.children) {\n                    _this.selectAllChildren(element, selectedItems);\n                }\n            });\n        }\n    };\n    /**\n     * Unselects all child nodes of selected parent.\n     */\n    TreeView.prototype.unSelectChildren = function (item, unselectArray) {\n        var _this = this;\n        var tempItem = item;\n        if (tempItem.children) {\n            tempItem.children.forEach(function (element) {\n                unselectArray.push(element.key);\n                if (element.children) {\n                    _this.unSelectChildren(element, unselectArray);\n                }\n            });\n        }\n    };\n    /**\n     * Fires When Tree Item is selected in TreeView\n     * @argument item The selected item\n     * @argument isSelected The status of item selection\n     */\n    TreeView.prototype.handleOnSelect = function (item, isSelected) {\n        var selectedItems = this.state.activeItems;\n        if (isSelected) {\n            if (this.props.selectionMode == TreeViewSelectionMode.Multiple) {\n                // Add the checked term\n                selectedItems.push(item);\n                if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Select)) {\n                    this.selectAllChildren(item, selectedItems);\n                }\n                selectedItems = uniqBy(selectedItems, 'key');\n                // Filter out the duplicate terms\n                this.setState({\n                    activeItems: selectedItems\n                });\n            }\n            else {\n                // Only store the current selected item\n                this.setState({\n                    activeItems: [item]\n                });\n                selectedItems = [item];\n            }\n        }\n        else {\n            // Remove the item from the list of active nodes\n            var unselectArray = [];\n            unselectArray.push(item.key);\n            if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Unselect)) {\n                this.unSelectChildren(item, unselectArray);\n            }\n            unselectArray.forEach(function (element) {\n                selectedItems = selectedItems.filter(function (i) { return i.key != element; });\n            });\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n        if (typeof this.props.onSelect === \"function\") {\n            this.props.onSelect(selectedItems);\n        }\n    };\n    TreeView.prototype.checkIfChildrenShouldBeSelected = function (testMode) {\n        var selectChildrenMode = SelectChildrenMode.None;\n        if (this.props.selectChildrenMode) {\n            selectChildrenMode = this.props.selectChildrenMode;\n        }\n        else {\n            if (this.props.selectChildrenIfParentSelected) {\n                selectChildrenMode = SelectChildrenMode.All;\n            }\n        }\n        if ((selectChildrenMode & testMode) === testMode) {\n            return true;\n        }\n        return false;\n    };\n    TreeView.prototype.componentDidMount = function () {\n        var _a = this.props, items = _a.items, defaultSelectedKeys = _a.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Mount));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    TreeView.prototype.componentWillReceiveProps = function (nextProps) {\n        var items = nextProps.items, defaultSelectedKeys = nextProps.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Update));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeView.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, items = _a.items, selectionMode = _a.selectionMode, onRenderItem = _a.onRenderItem, showCheckboxes = _a.showCheckboxes, treeItemActionsDisplayMode = _a.treeItemActionsDisplayMode, defaultExpanded = _a.defaultExpanded, defaultExpandedChildren = _a.defaultExpandedChildren;\n        return (React.createElement(\"div\", { className: styles.treeView }, items.map(function (treeNodeItem, index) { return (React.createElement(TreeItem, { treeItem: treeNodeItem, leftOffset: 20, isFirstRender: true, defaultExpanded: defaultExpanded, defaultExpandedChildren: defaultExpandedChildren !== undefined ? defaultExpandedChildren : true, selectionMode: selectionMode, activeItems: _this.state.activeItems, parentCallbackExpandCollapse: _this.handleTreeExpandCollapse, parentCallbackOnSelect: _this.handleOnSelect, onRenderItem: onRenderItem, showCheckboxes: showCheckboxes, treeItemActionsDisplayMode: treeItemActionsDisplayMode, nodesToExpand: _this.nodesToExpand })); })));\n    };\n    return TreeView;\n}(React.Component));\nexport { TreeView };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport uniqBy from 'lodash/uniqBy';\nimport { SelectChildrenMode, TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItem from './TreeItem';\nimport * as telemetry from '../../common/telemetry';\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeView = /** @class */ (function (_super) {\n    __extends(TreeView, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeView(props) {\n        var _this = _super.call(this, props) || this;\n        _this.nodesToExpand = [];\n        _this.pathTo = function (array, target) {\n            var result;\n            if (array) {\n                array.some(function (_a) {\n                    var key = _a.key, _b = _a.children, children = _b === void 0 ? [] : _b;\n                    if (key === target) {\n                        _this.nodesToExpand.push(key);\n                        result = key;\n                        return true;\n                    }\n                    var temp = _this.pathTo(children, target);\n                    if (temp) {\n                        _this.nodesToExpand.push(key);\n                        result = key + '.' + temp;\n                        return true;\n                    }\n                });\n            }\n            return result;\n        };\n        telemetry.track('TreeView');\n        _this.state = {\n            loaded: true,\n            defaultExpanded: props.defaultExpanded,\n            activeItems: []\n        };\n        // Bind control events\n        _this.handleTreeExpandCollapse = _this.handleTreeExpandCollapse.bind(_this);\n        _this.handleOnSelect = _this.handleOnSelect.bind(_this);\n        if (props.expandToSelected && props.defaultSelectedKeys) {\n            props.defaultSelectedKeys.forEach(function (element) {\n                _this.pathTo(props.items, element);\n            });\n        }\n        return _this;\n    }\n    TreeView.prototype.getSelectedItems = function (treeItems, selectedKeys, selectedChildren) {\n        var _this = this;\n        var selectedItems = [];\n        treeItems.forEach(function (item) {\n            if (selectedKeys.indexOf(item.key) !== -1 && item.selectable !== false && !item.disabled) {\n                selectedItems.push(item);\n                if (selectedChildren) {\n                    _this.selectAllChildren(item, selectedItems);\n                }\n                else {\n                    if (item.children) {\n                        selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                    }\n                }\n            }\n            else {\n                if (item.children) {\n                    selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));\n                }\n            }\n        });\n        return selectedItems;\n    };\n    /**\n     * Fires When expand / collapse item in TreeView\n     * @argument item The expanded / collapsed item\n     * @argument isExpanded The status of item  (expanded / collapsed)\n     */\n    TreeView.prototype.handleTreeExpandCollapse = function (item, isExpanded) {\n        if (typeof this.props.onExpandCollapse === \"function\") {\n            this.props.onExpandCollapse(item, isExpanded);\n        }\n    };\n    /**\n     * Selects all child nodes when parent node is selected.\n     * @param item current tree item\n     */\n    TreeView.prototype.selectAllChildren = function (item, selectedItems) {\n        var _this = this;\n        if (item.children) {\n            item.children.forEach(function (element) {\n                if (!element.disabled && element.selectable !== false) {\n                    selectedItems.push(element);\n                }\n                if (element.children) {\n                    _this.selectAllChildren(element, selectedItems);\n                }\n            });\n        }\n    };\n    /**\n     * Unselects all child nodes of selected parent.\n     */\n    TreeView.prototype.unSelectChildren = function (item, unselectArray) {\n        var _this = this;\n        var tempItem = item;\n        if (tempItem.children) {\n            tempItem.children.forEach(function (element) {\n                unselectArray.push(element.key);\n                if (element.children) {\n                    _this.unSelectChildren(element, unselectArray);\n                }\n            });\n        }\n    };\n    /**\n     * Fires When Tree Item is selected in TreeView\n     * @argument item The selected item\n     * @argument isSelected The status of item selection\n     */\n    TreeView.prototype.handleOnSelect = function (item, isSelected) {\n        var selectedItems = this.state.activeItems;\n        if (isSelected) {\n            if (this.props.selectionMode == TreeViewSelectionMode.Multiple) {\n                // Add the checked term\n                selectedItems.push(item);\n                if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Select)) {\n                    this.selectAllChildren(item, selectedItems);\n                }\n                selectedItems = uniqBy(selectedItems, 'key');\n                // Filter out the duplicate terms\n                this.setState({\n                    activeItems: selectedItems\n                });\n            }\n            else {\n                // Only store the current selected item\n                this.setState({\n                    activeItems: [item]\n                });\n                selectedItems = [item];\n            }\n        }\n        else {\n            // Remove the item from the list of active nodes\n            var unselectArray = [];\n            unselectArray.push(item.key);\n            if (this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Unselect)) {\n                this.unSelectChildren(item, unselectArray);\n            }\n            unselectArray.forEach(function (element) {\n                selectedItems = selectedItems.filter(function (i) { return i.key != element; });\n            });\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n        if (typeof this.props.onSelect === \"function\") {\n            this.props.onSelect(selectedItems);\n        }\n    };\n    TreeView.prototype.checkIfChildrenShouldBeSelected = function (testMode) {\n        var selectChildrenMode = SelectChildrenMode.None;\n        if (this.props.selectChildrenMode) {\n            selectChildrenMode = this.props.selectChildrenMode;\n        }\n        else {\n            if (this.props.selectChildrenIfParentSelected) {\n                selectChildrenMode = SelectChildrenMode.All;\n            }\n        }\n        if ((selectChildrenMode & testMode) === testMode) {\n            return true;\n        }\n        return false;\n    };\n    TreeView.prototype.componentDidMount = function () {\n        var _a = this.props, items = _a.items, defaultSelectedKeys = _a.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Mount));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    TreeView.prototype.componentWillReceiveProps = function (nextProps) {\n        var items = nextProps.items, defaultSelectedKeys = nextProps.defaultSelectedKeys;\n        if (defaultSelectedKeys) {\n            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(SelectChildrenMode.Update));\n            this.setState({\n                activeItems: selectedItems\n            });\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeView.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, items = _a.items, selectionMode = _a.selectionMode, onRenderItem = _a.onRenderItem, showCheckboxes = _a.showCheckboxes, treeItemActionsDisplayMode = _a.treeItemActionsDisplayMode, defaultExpanded = _a.defaultExpanded, defaultExpandedChildren = _a.defaultExpandedChildren, defaultExpandedKeys = _a.defaultExpandedKeys;\n        return (React.createElement(\"div\", { className: styles.treeView }, items.map(function (treeNodeItem, index) { return (React.createElement(TreeItem, { treeItem: treeNodeItem, leftOffset: 20, isFirstRender: true, defaultExpanded: defaultExpanded, defaultExpandedChildren: defaultExpandedChildren !== undefined ? defaultExpandedChildren : true, selectionMode: selectionMode, activeItems: _this.state.activeItems, parentCallbackExpandCollapse: _this.handleTreeExpandCollapse, parentCallbackOnSelect: _this.handleOnSelect, onRenderItem: onRenderItem, showCheckboxes: showCheckboxes, treeItemActionsDisplayMode: treeItemActionsDisplayMode, nodesToExpand: defaultExpandedKeys })); })));\n    };\n    return TreeView;\n}(React.Component));\nexport { TreeView };\n"
     },
     {
       "id": "fYfa",
@@ -1137038,11 +1136868,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1146855,7 +1146680,7 @@
       "name": "./lib/controls/treeView/TreeItem.js",
       "index": 2321,
       "index2": 2321,
-      "size": 10044,
+      "size": 10398,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1146917,7 +1146742,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\nimport { IconButton } from 'office-ui-fabric-react/lib/Button';\nimport * as strings from 'ControlStrings';\nimport { TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItemActionsControl from './TreeItemActionsControl';\nimport { css } from 'office-ui-fabric-react/lib/Utilities';\n/**\n * CSS styles for checkbox\n */\nvar checkBoxStyle = {\n    display: \"inline-flex\"\n};\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeItem = /** @class */ (function (_super) {\n    __extends(TreeItem, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeItem(props, state) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Process the child nodes\n         */\n        _this.createChildNodes = function (list, paddingLeft) {\n            if (list.length) {\n                var _a = _this.props, treeItem = _a.treeItem, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;\n                var expanded_1 = _this.state.expanded;\n                var childrenWithHandlers = list.map(function (item, index) {\n                    return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand }));\n                });\n                return childrenWithHandlers;\n            }\n        };\n        /**\n         * Default action callback\n         */\n        _this.treeItemActionCallback = function () {\n        };\n        // Check if current item is selected\n        var active = props.activeItems.filter(function (item) { return item.key === props.treeItem.key; });\n        var expanded = props.defaultExpanded;\n        if (props.nodesToExpand.indexOf(props.treeItem.key) != -1) {\n            expanded = true;\n        }\n        _this.state = {\n            selected: active.length > 0,\n            // expanded: this.props.defaultExpanded\n            expanded: expanded\n        };\n        // Bind control events\n        _this._itemSelected = _this._itemSelected.bind(_this);\n        _this._handleExpandCollapse = _this._handleExpandCollapse.bind(_this);\n        return _this;\n    }\n    /**\n     * Handle the checkbox change trigger\n     */\n    TreeItem.prototype._itemSelected = function (ev, isChecked) {\n        this.setState({\n            selected: !this.state.selected\n        });\n        this.props.parentCallbackOnSelect(this.props.treeItem, isChecked);\n    };\n    /**\n     * Handle the click event: collapse or expand\n     */\n    TreeItem.prototype._handleExpandCollapse = function () {\n        this.setState({\n            expanded: !this.state.expanded\n        });\n        this.props.parentCallbackExpandCollapse(this.props.treeItem, !this.state.expanded);\n    };\n    /**\n     * Lifecycle event hook when component retrieves new properties\n     * @param nextProps\n     * @param nextContext\n     */\n    TreeItem.prototype.componentWillReceiveProps = function (nextProps) {\n        var _this = this;\n        // If selection is turned on, set the item as selected\n        if (this.props.selectionMode != TreeViewSelectionMode.None) {\n            var active = nextProps.activeItems.filter(function (item) { return item.key === _this.props.treeItem.key; });\n            this.setState({\n                selected: active.length > 0,\n                expanded: this.state.expanded\n            });\n        }\n    };\n    /**\n     * Default or custom rendering of tree item\n     */\n    TreeItem.prototype.renderItem = function (item) {\n        var _this = this;\n        if (typeof this.props.onRenderItem === \"function\") {\n            // Custom rendering of tree item\n            return this.props.onRenderItem(item);\n        }\n        else {\n            return (\n            // Default rendering of tree item\n            React.createElement(\"div\", { className: styles.labels, onClick: function (e) {\n                    if (_this.props.selectionMode != TreeViewSelectionMode.None && item.selectable != false) {\n                        e.stopPropagation();\n                        if (!item.disabled) {\n                            _this._itemSelected(e, !_this.state.selected);\n                        }\n                    }\n                } },\n                this.props.showCheckboxes && item.selectable == false && !item.children &&\n                    React.createElement(\"span\", { className: styles.blankspace }, \"\\u00A0\"),\n                // Rendering when item has iconProps\n                item.iconProps &&\n                    React.createElement(\"span\", null,\n                        React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style }),\n                        \"\\u00A0\"),\n                item.label,\n                // Render sublabel\n                item.subLabel &&\n                    React.createElement(\"div\", { className: styles.itemSubLabel }, item.subLabel)));\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeItem.prototype.render = function () {\n        var _a;\n        var _this = this;\n        var _b = this.props, treeItem = _b.treeItem, leftOffset = _b.leftOffset, showCheckboxes = _b.showCheckboxes, selectionMode = _b.selectionMode, treeItemActionsDisplayMode = _b.treeItemActionsDisplayMode;\n        var _c = this.state, expanded = _c.expanded, selected = _c.selected;\n        var styleProps = {\n            marginLeft: leftOffset + \"px\"\n        };\n        var contentStyles = {\n            marginLeft: treeItem.children ? '0' : leftOffset + \"px\"\n        };\n        return (React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: styles.listItem + \" \" + styles.tree },\n                React.createElement(\"div\", { className: \"\" + styles.treeSelector }, \n                // Render expand / collapse icons for items which has children.\n                treeItem.children &&\n                    React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); } })),\n                React.createElement(\"div\", { className: css((_a = {},\n                        _a[styles.itemContent] = true,\n                        _a[styles.noCheckBox] = !showCheckboxes,\n                        _a[styles.checked] = selected,\n                        _a[styles.disabled] = !!treeItem.disabled,\n                        _a)), style: contentStyles, onClick: function (e) {\n                        if (_this.props.selectionMode != TreeViewSelectionMode.None && treeItem.selectable != false) {\n                            e.stopPropagation();\n                            if (!treeItem.disabled && e.currentTarget === e.target) {\n                                _this._itemSelected(e, !_this.state.selected);\n                            }\n                        }\n                    } },\n                    // Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)\n                    (treeItem.selectable != false) && selectionMode != TreeViewSelectionMode.None && showCheckboxes &&\n                        React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected }),\n                    // Call default render item function\n                    this.renderItem(treeItem),\n                    // Render actions for tree item\n                    treeItem.actions &&\n                        React.createElement(\"div\", { className: styles.itemMenu },\n                            React.createElement(TreeItemActionsControl, { treeItem: treeItem, treeItemActions: {\n                                    actions: treeItem.actions,\n                                    treeItemActionsDisplayMode: treeItemActionsDisplayMode\n                                }, treeItemActionCallback: this.treeItemActionCallback })))),\n            React.createElement(\"div\", { style: styleProps || {} }, \n            // Render child nodes\n            expanded && treeItem.children\n                ? this.createChildNodes(treeItem.children, leftOffset) // we double left padding on every recursion/depth\n                : null)));\n    };\n    return TreeItem;\n}(React.Component));\nexport default TreeItem;\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport styles from './TreeView.module.scss';\nimport { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';\nimport { Icon } from 'office-ui-fabric-react/lib/Icon';\nimport { IconButton } from 'office-ui-fabric-react/lib/Button';\nimport * as strings from 'ControlStrings';\nimport { TreeViewSelectionMode } from './ITreeViewProps';\nimport TreeItemActionsControl from './TreeItemActionsControl';\nimport { css } from 'office-ui-fabric-react/lib/Utilities';\n/**\n * CSS styles for checkbox\n */\nvar checkBoxStyle = {\n    display: \"inline-flex\"\n};\n/**\n * Renders the controls for TreeItem component\n */\nvar TreeItem = /** @class */ (function (_super) {\n    __extends(TreeItem, _super);\n    /**\n     * Constructor method\n     * @param props properties interface\n     */\n    function TreeItem(props, state) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Process the child nodes\n         */\n        _this.createChildNodes = function (list, paddingLeft) {\n            if (list.length) {\n                var _a = _this.props, treeItem = _a.treeItem, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;\n                var expanded_1 = _this.state.expanded;\n                var childrenWithHandlers = list.map(function (item, index) {\n                    return (React.createElement(TreeItem, { treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.hasOwnProperty('children'), defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand }));\n                });\n                return childrenWithHandlers;\n            }\n        };\n        /**\n         * Default action callback\n         */\n        _this.treeItemActionCallback = function () {\n        };\n        // Check if current item is selected\n        var active = props.activeItems.filter(function (item) { return item.key === props.treeItem.key; });\n        var expanded = props.defaultExpanded;\n        if (!expanded && props.nodesToExpand.indexOf(props.treeItem.key) != -1) {\n            expanded = true;\n        }\n        _this.state = {\n            selected: active.length > 0,\n            // expanded: this.props.defaultExpanded\n            expanded: expanded\n        };\n        // Bind control events\n        _this._itemSelected = _this._itemSelected.bind(_this);\n        _this._handleExpandCollapse = _this._handleExpandCollapse.bind(_this);\n        return _this;\n    }\n    /**\n     * Handle the checkbox change trigger\n     */\n    TreeItem.prototype._itemSelected = function (ev, isChecked) {\n        this.setState({\n            selected: !this.state.selected\n        });\n        this.props.parentCallbackOnSelect(this.props.treeItem, isChecked);\n    };\n    /**\n     * Handle the click event: collapse or expand\n     */\n    TreeItem.prototype._handleExpandCollapse = function () {\n        this.setState({\n            expanded: !this.state.expanded\n        });\n        this.props.parentCallbackExpandCollapse(this.props.treeItem, !this.state.expanded);\n    };\n    /**\n     * Lifecycle event hook when component retrieves new properties\n     * @param nextProps\n     * @param nextContext\n     */\n    TreeItem.prototype.componentWillReceiveProps = function (nextProps) {\n        var _this = this;\n        // If selection is turned on, set the item as selected\n        if (this.props.selectionMode != TreeViewSelectionMode.None) {\n            var active = nextProps.activeItems.filter(function (item) { return item.key === _this.props.treeItem.key; });\n            var _isExpanded = this.state.expanded;\n            if (!_isExpanded && this.props.nodesToExpand.indexOf(this.props.treeItem.key) != -1) {\n                _isExpanded = true;\n            }\n            if (_isExpanded && this.props.nodesToExpand.indexOf(this.props.treeItem.key) == -1) {\n                _isExpanded = false;\n            }\n            this.setState({\n                selected: active.length > 0,\n                expanded: _isExpanded\n            });\n        }\n    };\n    /**\n     * Default or custom rendering of tree item\n     */\n    TreeItem.prototype.renderItem = function (item) {\n        var _this = this;\n        if (typeof this.props.onRenderItem === \"function\") {\n            // Custom rendering of tree item\n            return this.props.onRenderItem(item);\n        }\n        else {\n            return (\n            // Default rendering of tree item\n            React.createElement(\"div\", { className: styles.labels, onClick: function (e) {\n                    if (_this.props.selectionMode != TreeViewSelectionMode.None && item.selectable != false) {\n                        e.stopPropagation();\n                        if (!item.disabled) {\n                            _this._itemSelected(e, !_this.state.selected);\n                        }\n                    }\n                } },\n                this.props.showCheckboxes && item.selectable == false && !item.children &&\n                    React.createElement(\"span\", { className: styles.blankspace }, \"\\u00A0\"),\n                // Rendering when item has iconProps\n                item.iconProps &&\n                    React.createElement(\"span\", null,\n                        React.createElement(Icon, { className: styles.icon, iconName: item.iconProps.iconName, style: item.iconProps.style }),\n                        \"\\u00A0\"),\n                item.label,\n                // Render sublabel\n                item.subLabel &&\n                    React.createElement(\"div\", { className: styles.itemSubLabel }, item.subLabel)));\n        }\n    };\n    /**\n     * Default React render method\n     */\n    TreeItem.prototype.render = function () {\n        var _a;\n        var _this = this;\n        var _b = this.props, treeItem = _b.treeItem, leftOffset = _b.leftOffset, showCheckboxes = _b.showCheckboxes, selectionMode = _b.selectionMode, treeItemActionsDisplayMode = _b.treeItemActionsDisplayMode;\n        var _c = this.state, expanded = _c.expanded, selected = _c.selected;\n        var styleProps = {\n            marginLeft: leftOffset + \"px\"\n        };\n        var contentStyles = {\n            marginLeft: treeItem.children ? '0' : leftOffset + \"px\"\n        };\n        return (React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: styles.listItem + \" \" + styles.tree },\n                React.createElement(\"div\", { className: \"\" + styles.treeSelector }, \n                // Render expand / collapse icons for items which has children.\n                treeItem.children &&\n                    React.createElement(IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); } })),\n                React.createElement(\"div\", { className: css((_a = {},\n                        _a[styles.itemContent] = true,\n                        _a[styles.noCheckBox] = !showCheckboxes,\n                        _a[styles.checked] = selected,\n                        _a[styles.disabled] = !!treeItem.disabled,\n                        _a)), style: contentStyles, onClick: function (e) {\n                        if (_this.props.selectionMode != TreeViewSelectionMode.None && treeItem.selectable != false) {\n                            e.stopPropagation();\n                            if (!treeItem.disabled && e.currentTarget === e.target) {\n                                _this._itemSelected(e, !_this.state.selected);\n                            }\n                        }\n                    } },\n                    // Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)\n                    (treeItem.selectable != false) && selectionMode != TreeViewSelectionMode.None && showCheckboxes &&\n                        React.createElement(Checkbox, { checked: selected, disabled: treeItem.disabled, className: styles.checkbox, onChange: this._itemSelected }),\n                    // Call default render item function\n                    this.renderItem(treeItem),\n                    // Render actions for tree item\n                    treeItem.actions &&\n                        React.createElement(\"div\", { className: styles.itemMenu },\n                            React.createElement(TreeItemActionsControl, { treeItem: treeItem, treeItemActions: {\n                                    actions: treeItem.actions,\n                                    treeItemActionsDisplayMode: treeItemActionsDisplayMode\n                                }, treeItemActionCallback: this.treeItemActionCallback })))),\n            React.createElement(\"div\", { style: styleProps || {} }, \n            // Render child nodes\n            expanded && treeItem.children\n                ? this.createChildNodes(treeItem.children, leftOffset) // we double left padding on every recursion/depth\n                : null)));\n    };\n    return TreeItem;\n}(React.Component));\nexport default TreeItem;\n"
     },
     {
       "id": "hR4L",
@@ -1175051,7 +1174876,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "./TreeItemActionsControl",
-          "loc": "182:48-70"
+          "loc": "189:48-70"
         }
       ],
       "providedExports": [
@@ -1179721,14 +1179546,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         },
         {
           "id": "4eMn",
@@ -1190396,11 +1190221,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1191587,9 +1191407,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
-      "issuerId": "j9SM",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
+      "issuerId": "7dtK",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1191617,9 +1191437,9 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/index.js"
         },
         {
-          "id": "j9SM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/slide.js"
+          "id": "7dtK",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/animations/scale.js"
         }
       ],
       "failed": false,
@@ -1197780,9 +1197600,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
-      "issuerId": "Z9Yp",
-      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
+      "issuerId": "ElSt",
+      "issuerName": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1197800,9 +1197620,9 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/index.js"
         },
         {
-          "id": "Z9Yp",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormInput.js"
+          "id": "ElSt",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Form/FormSlider.js"
         }
       ],
       "failed": false,
@@ -1198086,9 +1197906,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-      "issuerId": "SI3Q",
-      "issuerName": "./node_modules/fela-plugin-embedded/es/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-fallback-value/es/index.js",
+      "issuerId": "xUb/",
+      "issuerName": "./node_modules/fela-plugin-fallback-value/es/index.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1198126,9 +1197946,9 @@
           "name": "./node_modules/@fluentui/react-northstar-fela-renderer/dist/es/createFelaRenderer.js"
         },
         {
-          "id": "SI3Q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-embedded/es/index.js",
-          "name": "./node_modules/fela-plugin-embedded/es/index.js"
+          "id": "xUb/",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/fela-plugin-fallback-value/es/index.js",
+          "name": "./node_modules/fela-plugin-fallback-value/es/index.js"
         }
       ],
       "failed": false,
@@ -1198258,14 +1198078,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         },
         {
           "id": "4eMn",
@@ -1230656,9 +1230476,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-      "issuerId": "9z8q",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
+      "issuerId": "lkME",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1230689,11 +1230509,6 @@
           "id": "lkME",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
-        },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
         }
       ],
       "failed": false,
@@ -1233743,9 +1233558,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-      "issuerId": "uNIk",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+      "issuerId": "jsqa",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1233778,14 +1233593,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
         {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
-        {
-          "id": "uNIk",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js"
+          "id": "jsqa",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenuItem.js"
         }
       ],
       "failed": false,
@@ -1238516,14 +1238326,14 @@
           "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/componentStyles.js"
         },
         {
-          "id": "pFc4",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/List/listItemStyles.js"
+          "id": "0Yof",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/themes/teams/components/Menu/menuItemWrapperStyles.js"
         },
         {
-          "id": "mvdJ",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js",
-          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/List/ListItem.js"
+          "id": "c/6b",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js",
+          "name": "./node_modules/@fluentui/react-northstar/dist/es/components/Menu/MenuItem.js"
         },
         {
           "id": "4eMn",
@@ -1240254,11 +1240064,6 @@
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js",
           "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/index.js"
         },
-        {
-          "id": "9z8q",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.js"
-        },
         {
           "id": "uNIk",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/ContextualMenu/ContextualMenu.base.js",
@@ -1274923,7 +1274728,7 @@
           "moduleName": "./lib/controls/treeView/TreeItem.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Icon",
-          "loc": "133:44-48"
+          "loc": "140:44-48"
         },
         {
           "moduleId": "kJOq",