@pnp/spfx-controls-react 4.0.0-beta.1344828 → 4.0.0-beta.3798679

package/lib/controls/folderExplorer/FolderExplorer/FolderExplorer.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/FolderExplorer/FolderExplorer.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACAE;EACE;;AAGF;EACE;EACA,OCSe;;;ADLnB;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA,OCnBiB;EDoBjB;EACA;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// @import \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.breadcrumbPath {\n\n  & button {\n    font-size: 18px;\n  }\n\n  & button[aria-current=\"page\"] > div {\n    font-weight: 600;\n    color: $ms-color-neutralPrimary;\n  }\n}\n\n.filterBox {\n  margin-bottom: 10px;\n  margin-top: 20px;\n  padding-left: 8px;\n  padding-right: 8px;\n  max-width: 450px;\n}\n\n.libraryItem {\n  padding: 5px 0 5px 8px;\n  cursor: pointer;\n  height: 30px;\n  line-height: 30px;\n  border-width: 1px;\n  display: flex;\n  align-items: center;\n  &:hover {\n    background-color: #f4f4f4;\n  }\n}\n\n.icon {\n  margin-right: 10px;\n}\n\n.status {\n  font-size: 14px;\n  color: $ms-color-neutralSecondary;\n  padding-top: 15px;\n  padding-left: 30px;\n  padding-bottom: 20px;\n  padding-right: 40px;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"FolderExplorer.module.scss.css"}

package/lib/controls/folderExplorer/NewFolder/NewFolder.js

@@ -1,54 +1,4 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
+import { __awaiter, __extends, __generator } from "tslib";
 import * as React from 'react';
 import { Icon } from '@fluentui/react/lib/Icon';
 import { IconButton } from '@fluentui/react/lib/Button';

package/lib/controls/folderExplorer/NewFolder/NewFolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewFolder.js","sourceRoot":"","sources":["../../../../src/controls/folderExplorer/NewFolder/NewFolder.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NewFolder.js","sourceRoot":"","sources":["../../../../src/controls/folderExplorer/NewFolder/NewFolder.tsx"],"names":[],"mappings":"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"}

package/lib/controls/folderExplorer/NewFolder/NewFolder.module.scss.css

@@ -0,0 +1,45 @@
+/*
+  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
+*/
+.libraryItem {
+  padding: 5px 0 5px 10px;
+  cursor: pointer;
+  min-height: 32px;
+  line-height: 32px;
+  border-width: 1px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.libraryItem:hover {
+  background-color: #f4f4f4;
+}
+
+.folderIcon {
+  margin-right: 10px;
+  color: #2b88d8;
+}
+
+.defaultText {
+  width: 100%;
+}
+
+.button {
+  background-color: #0078d4;
+  color: white;
+}
+.button:hover {
+  background-color: #2b88d8;
+  color: white;
+}
+.button:disabled {
+  background-color: #f4f4f4;
+}
+.button i {
+  font-weight: bolder;
+}
+
+.spinner {
+  padding-right: 10px;
+}
+/*# sourceMappingURL=NewFolder.module.scss.css.map */

package/lib/controls/folderExplorer/NewFolder/NewFolder.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/folderExplorer/NewFolder/NewFolder.module.scss","../../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA,OCZ6B;;;ADe/B;EACE;;;AAGF;EACE,kBCrB8B;EDsB9B;;AAEA;EACE,kBCxB2B;EDyB3B;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// @import \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.libraryItem {\n  padding: 5px 0 5px 10px;\n  cursor: pointer;\n  min-height: 32px;\n  line-height: 32px;\n  border-width: 1px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.libraryItem:hover {\n  background-color: #f4f4f4;\n}\n\n.folderIcon {\n  margin-right: 10px;\n  color: $ms-color-themeSecondary;\n}\n\n.defaultText {\n  width: 100%;\n}\n\n.button {\n  background-color: $ms-color-themePrimary;\n  color: white;\n\n  &:hover {\n    background-color: $ms-color-themeSecondary;\n    color: white;\n  }\n\n  &:disabled {\n    background-color: #f4f4f4;\n  }\n\n  & i {\n    font-weight: bolder;\n  }\n}\n\n.spinner {\n  padding-right: 10px;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"NewFolder.module.scss.css"}

package/lib/controls/folderPicker/FolderPicker.js

@@ -1,18 +1,4 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+import { __extends } from "tslib";
 import * as React from 'react';
 import styles from './FolderPicker.module.scss';
 import { IconButton, PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';

package/lib/controls/folderPicker/FolderPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderPicker.js","sourceRoot":"","sources":["../../../src/controls/folderPicker/FolderPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FolderPicker.js","sourceRoot":"","sources":["../../../src/controls/folderPicker/FolderPicker.tsx"],"names":[],"mappings":"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"}

package/lib/controls/folderPicker/FolderPicker.module.scss.css

@@ -0,0 +1,44 @@
+/*
+  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
+*/
+.folderPicker {
+  display: flex;
+  align-items: center;
+}
+.folderPicker .selection {
+  width: 90%;
+}
+.folderPicker .selectFolderLabel {
+  color: #605e5c;
+}
+.folderPicker .selectFolder {
+  align-items: center;
+  display: flex;
+  margin-right: 5px;
+  max-width: 90%;
+}
+.folderPicker .selectFolder span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.folderPicker .selectFolder .selectedLink {
+  margin-right: 5px;
+  margin-bottom: 0;
+}
+.folderPicker .selectButton {
+  width: 10%;
+  display: flex;
+  justify-content: center;
+}
+
+.actions button {
+  margin-right: 15px;
+}
+
+label.required::after {
+  content: " *";
+  color: rgb(168, 0, 0);
+  padding-right: 12px;
+}
+/*# sourceMappingURL=FolderPicker.module.scss.css.map */

package/lib/controls/folderPicker/FolderPicker.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/folderPicker/FolderPicker.module.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACDA;EACE;EACA;;AAEA;EACE;;AAGF;EACE,OCUe;;ADPjB;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// @import \"~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss\";\n@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n\n.folderPicker {\n  display: flex;\n  align-items: center;\n\n  .selection {\n    width: 90%;\n  }\n\n  .selectFolderLabel {\n    color: $ms-color-neutralSecondary;\n  }\n\n  .selectFolder {\n    align-items: center;\n    display: flex;\n    margin-right: 5px;\n    max-width: 90%;\n    span {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .selectedLink {\n      margin-right: 5px;\n      margin-bottom: 0;\n    }\n  }\n\n  & .selectButton {\n    width: 10%;\n    display: flex;\n    justify-content: center;\n  }\n}\n\n.actions {\n  button {\n    margin-right: 15px;\n  }\n}\n\nlabel.required::after {\n  content: \" *\";\n  color: rgb(168, 0, 0);\n  padding-right: 12px;\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"FolderPicker.module.scss.css"}

package/lib/controls/gridLayout/GridLayout.d.ts

@@ -8,6 +8,11 @@ export declare class GridLayout extends React.Component<IGridLayoutProps, IGridL
     * Constructor method
     */
     constructor(props: IGridLayoutProps);
+    private ROWS_PER_PAGE;
+    private MAX_WIDTH;
+    private MIN_WIDTH;
+    private PADDING;
+    private COMPACT_THRESHOLD;
     private _columnCount;
     private _columnWidth;
     private _rowHeight;

package/lib/controls/gridLayout/GridLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWxE;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEhF;;MAEE;gBACS,KAAK,EAAE,gBAAgB;IAOnC,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,UAAU,CAAU;IAE5B;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAkBrD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAe3B;IAED;;OAEG;IACH,OAAO,CAAC,cAAc,CAKrB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAepB;CACF"}
+{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAIxE;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEhF;;MAEE;gBACS,KAAK,EAAE,gBAAgB;IAOnC,OAAO,CAAC,aAAa,CAAyD;IAC9E,OAAO,CAAC,SAAS,CAAuD;IACxE,OAAO,CAAC,SAAS,CAAuD;IACxE,OAAO,CAAC,OAAO,CAAqD;IACpE,OAAO,CAAC,iBAAiB,CAAmE;IAG5F,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,UAAU,CAAU;IAE5B;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAkBrD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAe3B;IAED;;OAEG;IACH,OAAO,CAAC,cAAc,CAKrB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAepB;CACF"}

package/lib/controls/gridLayout/GridLayout.js

@@ -1,41 +1,10 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
+import { __assign, __extends } from "tslib";
 import * as React from 'react';
 import styles from './GridLayout.module.scss';
 // Used to render list grid
 import { FocusZone } from '@fluentui/react/lib/FocusZone';
 import { List } from '@fluentui/react/lib/List';
 import * as telemetry from '../../common/telemetry';
-// Get the constants from the SCSS so that we don't hard-code look and feel elements
-var ROWS_PER_PAGE = +styles.rowsPerPage;
-var MAX_ROW_HEIGHT = +styles.maxWidth;
-var PADDING = +styles.padding;
-var MIN_WIDTH = +styles.minWidth;
-var COMPACT_THRESHOLD = +styles.compactThreshold;
 /**
  * Grid layout component
  */
@@ -45,25 +14,32 @@ var GridLayout = /** @class */ (function (_super) {
     * Constructor method
     */
     function GridLayout(props) {
+        var _a, _b, _c, _d, _e;
         var _this = _super.call(this, props) || this;
+        //Get constants from SCSS if they are not passed in props
+        _this.ROWS_PER_PAGE = (_a = _this.props.rowsPerPage) !== null && _a !== void 0 ? _a : +styles.rowsPerPage;
+        _this.MAX_WIDTH = (_b = _this.props.itemMaxWidth) !== null && _b !== void 0 ? _b : +styles.maxWidth;
+        _this.MIN_WIDTH = (_c = _this.props.itemMinWidth) !== null && _c !== void 0 ? _c : +styles.minWidth;
+        _this.PADDING = (_d = _this.props.itemPadding) !== null && _d !== void 0 ? _d : +styles.padding;
+        _this.COMPACT_THRESHOLD = (_e = _this.props.compactThreshold) !== null && _e !== void 0 ? _e : +styles.compactThreshold;
         /**
          * Calculates how many items in the page
          */
         _this._getItemCountForPage = function (itemIndex, surfaceRect) {
             if (itemIndex === 0) {
-                _this._isCompact = surfaceRect.width < COMPACT_THRESHOLD;
+                _this._isCompact = surfaceRect.width < _this.COMPACT_THRESHOLD;
                 if (_this._isCompact) {
                     _this._columnCount = 1;
                     _this._columnWidth = surfaceRect.width;
                     return _this.props.items.length;
                 }
                 else {
-                    _this._columnCount = Math.ceil(surfaceRect.width / (MAX_ROW_HEIGHT));
-                    _this._columnWidth = Math.max(MIN_WIDTH, Math.floor(surfaceRect.width / _this._columnCount) + Math.floor(PADDING / _this._columnCount));
+                    _this._columnCount = Math.ceil(surfaceRect.width / (_this.MAX_WIDTH));
+                    _this._columnWidth = Math.max(_this.MIN_WIDTH, Math.floor(surfaceRect.width / _this._columnCount) + Math.floor(_this.PADDING / _this._columnCount));
                     _this._rowHeight = _this._columnWidth;
                 }
             }
-            return _this._columnCount * ROWS_PER_PAGE;
+            return _this._columnCount * _this.ROWS_PER_PAGE;
         };
         /**
          * Calculates the page height for the grid
@@ -72,16 +48,16 @@ var GridLayout = /** @class */ (function (_super) {
             if (_this._isCompact) {
                 return _this.props.items.length * _this._rowHeight;
             }
-            return _this._rowHeight * ROWS_PER_PAGE;
+            return _this._rowHeight * _this.ROWS_PER_PAGE;
         };
         /**
          * Calls the passed onRenderCell
          */
         _this._onRenderCell = function (item, index) {
             var isCompact = _this._isCompact;
-            var cellPadding = index % _this._columnCount !== _this._columnCount - 1 && !isCompact ? PADDING : 0;
+            var cellPadding = index % _this._columnCount !== _this._columnCount - 1 && !isCompact ? _this.PADDING : 0;
             var finalSize = { width: _this._columnWidth, height: _this._rowHeight };
-            var cellWidth = isCompact ? _this._columnWidth + PADDING : _this._columnWidth - PADDING;
+            var cellWidth = isCompact ? _this._columnWidth + _this.PADDING : _this._columnWidth - _this.PADDING;
             return (React.createElement("div", { style: {
                     width: "".concat(cellWidth, "px"),
                     marginRight: "".concat(cellPadding, "px")

package/lib/controls/gridLayout/GridLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.tsx"],"names":[],"mappings":"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"}

package/lib/controls/gridLayout/GridLayout.module.scss.css

@@ -0,0 +1,52 @@
+/*
+  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
+*/
+:export {
+  padding: 20;
+  minWidth: 210;
+  maxWidth: 320;
+  compactThreshold: 480;
+  rowsPerPage: 3;
+}
+
+.gridLayout .gridLayoutList {
+  overflow: hidden;
+  font-size: 0;
+  position: relative;
+  background-color: transparent;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard) {
+  position: relative;
+  background-color: #ffffff;
+  height: 100%;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard):global(.ms-DocumentCard--compact) :global(.ms-DocumentCardPreview) {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 144px;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard) :global(.ms-DocumentCardPreview-icon) img {
+  width: 32px;
+  height: 32px;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) {
+  min-width: 212px;
+  max-width: 286px;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardActivity) {
+  padding-bottom: 16px;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardTile-titleArea) {
+  height: 81px;
+}
+.gridLayout .gridLayoutList :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) :global(.ms-DocumentCardLocation) {
+  padding: 12px 16px 5px 16px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.gridLayout .gridLayoutList :global(.ms-List-cell) {
+  vertical-align: top;
+  display: inline-block;
+  margin-bottom: 20px;
+}
+/*# sourceMappingURL=GridLayout.module.scss.css.map */

package/lib/controls/gridLayout/GridLayout.module.scss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/gridLayout/GridLayout.module.scss","../../../../../common/temp/node_modules/.pnpm/@fluentui+react@8.106.4_@types+react-dom@17.0.17_@types+react@17.0.45_react-dom@17.0.1_react@17.0.1/node_modules/@fluentui/react/dist/sass/variables/_Color.Variables.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFA;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,kBCgBW;EDfX;;AAGE;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n// Declares UI values that will be used outside of the SCSS\n:export {\n  padding: 20;\n  minWidth: 210;\n  maxWidth: 320;\n  compactThreshold: 480;\n  rowsPerPage: 3;\n}\n\n.gridLayout {\n  .gridLayoutList {\n    overflow: hidden;\n    font-size: 0;\n    position: relative;\n    background-color: transparent;\n\n    :global(.ms-DocumentCard) {\n      position: relative;\n      background-color: $ms-color-white;\n      height: 100%;\n\n      &:global(.ms-DocumentCard--compact) {\n        :global(.ms-DocumentCardPreview) {\n          -ms-flex-negative: 0;\n          flex-shrink: 0;\n          width: 144px;\n        }\n      }\n\n      :global(.ms-DocumentCardPreview-icon) img {\n        width: 32px;\n        height: 32px;\n      }\n    }\n\n    :global(.ms-DocumentCard:not(.ms-DocumentCard--compact)) {\n      min-width: 212px;\n      max-width: 286px;\n\n      :global(.ms-DocumentCardActivity) {\n        padding-bottom: 16px;\n      }\n\n      :global(.ms-DocumentCardTile-titleArea) {\n        height: 81px;\n      }\n\n      :global(.ms-DocumentCardLocation) {\n        padding: 12px 16px 5px 16px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    :global(.ms-List-cell) {\n      vertical-align: top;\n      display: inline-block;\n      margin-bottom: 20px;\n    }\n  }\n}\n\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Communication\r\n$ms-color-communicationShade30: #004578 !default;\r\n$ms-color-communicationShade20: #005a9e !default;\r\n$ms-color-communicationShade10: #106ebe !default;\r\n$ms-color-communicationPrimary: #0078d4 !default;\r\n$ms-color-communicationTint10: #2b88d8 !default;\r\n$ms-color-communicationTint20: #c7e0f4 !default;\r\n$ms-color-communicationTint30: #deecf9 !default;\r\n$ms-color-communicationTint40: #eff6fc !default;\r\n\r\n// Neutrals\r\n$ms-color-black: #000000 !default;\r\n$ms-color-gray220: #11100f !default;\r\n$ms-color-gray210: #161514 !default;\r\n$ms-color-gray200: #1b1a19 !default;\r\n$ms-color-gray190: #201f1e !default;\r\n$ms-color-gray180: #252423 !default;\r\n$ms-color-gray170: #292827 !default;\r\n$ms-color-gray160: #323130 !default;\r\n$ms-color-gray150: #3b3a39 !default;\r\n$ms-color-gray140: #484644 !default;\r\n$ms-color-gray130: #605e5c !default;\r\n$ms-color-gray120: #797775 !default;\r\n$ms-color-gray110: #8a8886 !default;\r\n$ms-color-gray100: #979593 !default;\r\n$ms-color-gray90: #a19f9d !default;\r\n$ms-color-gray80: #b3b0ad !default;\r\n$ms-color-gray70: #bebbb8 !default;\r\n$ms-color-gray60: #c8c6c4 !default;\r\n$ms-color-gray50: #d2d0ce !default;\r\n$ms-color-gray40: #e1dfdd !default;\r\n$ms-color-gray30: #edebe9 !default;\r\n$ms-color-gray20: #f3f2f1 !default;\r\n$ms-color-gray10: #faf9f8 !default;\r\n$ms-color-white: #ffffff !default;\r\n\r\n// Shared\r\n$ms-color-sharedPinkRed10: #750b1c !default;\r\n$ms-color-sharedRed20: #a4262c !default;\r\n$ms-color-sharedRed10: #d13438 !default;\r\n$ms-color-sharedRedOrange20: #603d30 !default;\r\n$ms-color-sharedRedOrange10: #da3b01 !default;\r\n$ms-color-sharedOrange30: #8e562e !default;\r\n$ms-color-sharedOrange20: #ca5010 !default;\r\n$ms-color-sharedOrange10: #ffaa44 !default;\r\n$ms-color-sharedYellow10: #fce100 !default;\r\n$ms-color-sharedOrangeYellow20: #986f0b !default;\r\n$ms-color-sharedOrangeYellow10: #c19c00 !default;\r\n$ms-color-sharedYellowGreen10: #8cbd18 !default;\r\n$ms-color-sharedGreen20: #0b6a0b !default;\r\n$ms-color-sharedGreen10: #498205 !default;\r\n$ms-color-sharedGreenCyan10: #00ad56 !default;\r\n$ms-color-sharedCyan40: #005e50 !default;\r\n$ms-color-sharedCyan30: #005b70 !default;\r\n$ms-color-sharedCyan20: #038387 !default;\r\n$ms-color-sharedCyan10: #00b7c3 !default;\r\n$ms-color-sharedCyanBlue20: #004e8c !default;\r\n$ms-color-sharedCyanBlue10: #0078d4 !default;\r\n$ms-color-sharedBlue10: #4f6bed !default;\r\n$ms-color-sharedBlueMagenta40: #373277 !default;\r\n$ms-color-sharedBlueMagenta30: #5c2e91 !default;\r\n$ms-color-sharedBlueMagenta20: #8764b8 !default;\r\n$ms-color-sharedBlueMagenta10: #8378de !default;\r\n$ms-color-sharedMagenta20: #881798 !default;\r\n$ms-color-sharedMagenta10: #c239b3 !default;\r\n$ms-color-sharedMagentaPink20: #9b0062 !default;\r\n$ms-color-sharedMagentaPink10: #e3008c !default;\r\n$ms-color-sharedGray40: #393939 !default;\r\n$ms-color-sharedGray30: #7a7574 !default;\r\n$ms-color-sharedGray20: #69797e !default;\r\n$ms-color-sharedGray10: #a0aeb2 !default;\r\n\r\n// Deprecated MDL2 color variables.\r\n@import \"./Color.Variables.MDL2\";\r\n"],"file":"GridLayout.module.scss.css"}

package/lib/controls/gridLayout/GridLayout.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISize } from '@fluentui/react/lib/Utilities';
 import { IListProps } from '@fluentui/react/lib/List';
 export interface IGridLayoutProps {
@@ -15,6 +14,35 @@ export interface IGridLayoutProps {
      * The method to render each cell item
      */
     onRenderGridItem: (item: any, finalSize: ISize, isCompact: boolean) => JSX.Element;
+    /**
+     * Layout configuration props.
+     * All properties are optional; defaults are provided via styles (SCSS module).
+     */
+    /**
+     * Gap between items.
+     * Default: 20.
+     */
+    itemPadding?: number;
+    /**
+     * Minimum width for each item.
+     * Default: 210.
+     */
+    itemMinWidth?: number;
+    /**
+     * Maximum width for each item.
+     * Default: 320
+     */
+    itemMaxWidth?: number;
+    /**
+     * Threshold width below which the compact layout is activated.
+     * Default: 480.
+     */
+    compactThreshold?: number;
+    /**
+     * Number of rows displayed per page.
+     * Default: 3.
+     */
+    rowsPerPage?: number;
 }
 export interface IGridLayoutState {
 }

package/lib/controls/gridLayout/GridLayout.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.types.d.ts","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAG,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,GAAG,EAAE,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CACpF;AAED,MAAM,WAAW,gBAAgB;CAAG"}
+{"version":3,"file":"GridLayout.types.d.ts","sourceRoot":"","sources":["../../../src/controls/gridLayout/GridLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,GAAG,EAAE,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnF;;;OAGG;IAEH;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;CAAG"}

package/lib/controls/groupPicker/GroupPicker.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IGroupPickerProps } from "./IGroupPickerProps";
+export declare const GroupPicker: React.FunctionComponent<IGroupPickerProps>;
+//# sourceMappingURL=GroupPicker.d.ts.map

package/lib/controls/groupPicker/GroupPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPicker.d.ts","sourceRoot":"","sources":["../../../src/controls/groupPicker/GroupPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,iBAAiB,EAAmB,MAAM,qBAAqB,CAAC;AAmDzE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAgMlE,CAAC"}