@pnp/spfx-controls-react 3.12.0-beta.4049092 → 3.12.0-beta.4054271

package/lib/UploadFiles.d.ts

@@ -0,0 +1,2 @@
+export * from './controls/uploadFiles/index';
+//# sourceMappingURL=UploadFiles.d.ts.map

package/lib/UploadFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFiles.d.ts","sourceRoot":"","sources":["../src/UploadFiles.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/UploadFiles.js

@@ -0,0 +1,2 @@
+export * from './controls/uploadFiles/index';
+//# sourceMappingURL=UploadFiles.js.map

package/lib/UploadFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFiles.js","sourceRoot":"","sources":["../src/UploadFiles.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.12.0-beta.4049092";
+export var version = "3.12.0-beta.4054271";
 //# sourceMappingURL=version.js.map

package/lib/controls/toolbar/ToolbarTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTheme.d.ts","sourceRoot":"","sources":["../../../src/controls/toolbar/ToolbarTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EACL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8FD,eAAO,MAAM,YAAY,8BAA+B,kBAAkB,KAAG,WAgB5E,CAAC"}
+{"version":3,"file":"ToolbarTheme.d.ts","sourceRoot":"","sources":["../../../src/controls/toolbar/ToolbarTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EACL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8FD,eAAO,MAAM,YAAY,8BAA+B,kBAAkB,KAAG,WAkB5E,CAAC"}

package/lib/controls/toolbar/ToolbarTheme.js

@@ -100,6 +100,6 @@ export var ToolbarTheme = function (_a) {
     var mainTheme = (globalTheme.siteVariables && globalTheme.siteVariables.theme)
         ? globalTheme
         : themes.teamsTheme;
-    return (React.createElement(FluentUIThemeProvider, { theme: mergeThemes(mainTheme, teamsNextVariableAssignments, getLocalTheme(globalTheme.siteVariables.theme)), styles: { background: "transparent" } }, children));
+    return (React.createElement(FluentUIThemeProvider, { theme: mergeThemes(mainTheme, mergeThemes(teamsNextVariableAssignments, getLocalTheme(globalTheme.siteVariables.theme))), styles: { background: "transparent" } }, children));
 };
 //# sourceMappingURL=ToolbarTheme.js.map

package/lib/controls/toolbar/ToolbarTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTheme.js","sourceRoot":"","sources":["../../../src/controls/toolbar/ToolbarTheme.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolbarTheme.js","sourceRoot":"","sources":["../../../src/controls/toolbar/ToolbarTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,IAAI,qBAAqB,EACjC,WAAW,GACZ,MAAM,2BAA2B,CAAC;AASnC,OAAO,EAAE,4BAA4B,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAO3F,IAAM,aAAa,GAAG,UAAC,QAAgB;IACrC,IAAM,mBAAmB,GAAG,UAAC,EAGH;YAFxB,WAAW,iBAAA,EACX,KAAK,WAAA;QAIL,IAAI,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC;QACzC,QAAQ,KAAK,EAAE;YACb,KAAK,gBAAgB;gBACnB,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;gBACpC,MAAM;YACR,KAAK,wBAAwB;gBAC3B,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC;gBACzC,MAAM;SACT;QACD,OAAO;YACL,KAAK,OAAA;SACN,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,EAAmC;YAAjC,KAAK,WAAA;QAI1B,IAAA,KAAuC,KAAK,CAAC,aAAa,EAAjD,YAAY,WAAA,EAAE,WAAW,iBAAwB,CAAC;QACjE,OAAO;YACL,WAAW,EAAE,YAAY,KAAK,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAClE,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;SACrC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;QACL,kBAAkB,EAAE;YAClB,MAAM,EAAE,mBAAmB;YAC3B,KAAK,EAAE,UAAC,EAAuD;oBAArD,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA;gBAAgC,OAAA,CAAC;oBACnE,eAAe,EACb,KAAK,KAAK,gBAAgB;wBACxB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;wBAClB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU;iBACnC,CAAC;YALkE,CAKlE;YACF,WAAW,EAAE,mBAAmB;YAChC,QAAQ,EAAE,UAAC,EAA+C;oBAA7C,WAAW,iBAAA,EAAE,KAAK,WAAA;gBAAgC,OAAA,CAAC;oBAC9D,KAAK,EACH,KAAK,KAAK,wBAAwB;wBAChC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe;wBAClC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;iBACnC,CAAC;YAL6D,CAK7D;YACF,SAAS,EAAE,UAAC,EAAwC;oBAAtC,WAAW,iBAAA;gBAAgC,OAAA,CAAC;oBACxD,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,UAAU;oBAClC,oCAAoC;iBACrC,CAAC;YAHuD,CAGvD;SACH;QACD,eAAe,EAAE;YACf,aAAa,EAAE;gBACb,IAAI,EAAE,UAAC,EAAuC;wBAArC,SAAS,eAAA;oBAAiC,OAAA,CAAC;wBAClD,UAAU,EAAE,GAAG;qBAChB,CAAC;gBAFiD,CAEjD;aACH;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd;aACF;YACD,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAC,GAA6B;oBACrC,OAAA,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gBAArD,CAAqD;aACxD;YACD,WAAW,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;YACxC,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,WAAW,EAAE,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE;wBACX,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,CAAC;wBACT,IAAI,EAAE,QAAQ;wBACd,UAAU,EAAE,aAAa;wBACzB,YAAY,EAAE,KAAK;qBACpB;oBACD,iBAAiB,EAAE;wBACjB,UAAU,EAAE,cAAc;qBAC3B;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA6C;QAA3C,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAClD,IAAM,SAAS,GAAG,CAAC,WAAW,CAAC,aAAa,IAAI,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC;QAC9E,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;IACtB,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,WAAW,CAChB,SAAS,EACT,WAAW,CACT,4BAA4B,EAC5B,aAAa,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAC/C,CACF,EACD,MAAM,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,IAEpC,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/uploadFiles/components/DocumentList/DocumentList.d.ts

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

package/lib/controls/uploadFiles/components/DocumentList/DocumentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/DocumentList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAkKpE,CAAC"}

package/lib/controls/uploadFiles/components/DocumentList/DocumentList.js

@@ -0,0 +1,176 @@
+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);
+};
+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 };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/* eslint-disable no-undef */
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import strings from 'ControlStrings';
+import { useAtom } from 'jotai';
+import { isEqual, pullAllWith, } from 'lodash';
+import { PrimaryButton } from 'office-ui-fabric-react/lib/Button';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { ScrollablePane, ScrollbarVisibility, } from 'office-ui-fabric-react/lib/ScrollablePane';
+import { DragDropFiles } from '../../../dragDropFiles';
+import { globalState } from '../../jotai/atoms';
+import { FileInfo } from '../File/FileInfo';
+import { FileCommandBar } from '../FileCommandBar/FileCommandBar';
+import { NoDocuments } from '../NoDocuments/NoDocuments';
+import { useDocumentListStyles } from './useDocumentListStyles';
+export var DocumentList = function (props) {
+    var _a = useDocumentListStyles(), documentListStyles = _a.documentListStyles, scollableContainerStyles = _a.scollableContainerStyles, bootomContainerStyles = _a.bootomContainerStyles;
+    var _b = useAtom(globalState), appGlobalState = _b[0], setGlobalState = _b[1];
+    var _c = React.useState([]), renderFiles = _c[0], setRenderFiles = _c[1];
+    var selectedFiles = appGlobalState.selectedFiles, files = appGlobalState.files, containerWidth = appGlobalState.containerWidth;
+    var currentPage = React.useRef(0);
+    var currentFiles = React.useRef([]);
+    var onUploadFiles = props.onUploadFiles;
+    var currentDivWidth = React.useRef(0);
+    var divRef = React.useRef();
+    var isSelected = React.useCallback(function (file) {
+        return selectedFiles.some(function (selectedFile) { return isEqual(selectedFile, file); });
+    }, [selectedFiles]);
+    var onFileSelected = React.useCallback(function (isChecked, file) {
+        var copySelectedFiles = selectedFiles.slice();
+        if (!isChecked) {
+            var newFiles_1 = pullAllWith(copySelectedFiles, [file], isEqual);
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: newFiles_1 });
+            });
+        }
+        else {
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: __spreadArray(__spreadArray([], copySelectedFiles, true), [file], false) });
+            });
+        }
+    }, [setGlobalState, selectedFiles]);
+    var renderFilesPerPage = React.useCallback(function () {
+        var renderfiles = [];
+        for (var i = 0; i < files.length; i++) {
+            var file = files[i];
+            renderfiles.push(React.createElement(FileInfo, { key: "".concat(file.name, "-").concat(i), fileInfo: file, onSelected: onFileSelected, isSelected: isSelected(file) }));
+        }
+        setRenderFiles(renderfiles);
+    }, [files, onFileSelected, isSelected]);
+    var onDrop = React.useCallback(function (acceptedFiles) { return __awaiter(void 0, void 0, void 0, function () {
+        var copyFiles, newsFiles;
+        return __generator(this, function (_a) {
+            copyFiles = files.slice();
+            newsFiles = __spreadArray(__spreadArray([], copyFiles, true), acceptedFiles, true);
+            currentFiles.current = newsFiles;
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { files: newsFiles });
+            });
+            return [2 /*return*/];
+        });
+    }); }, [files, setGlobalState]);
+    var onDelete = React.useCallback(function () {
+        currentPage.current = 0;
+        var newFiles = pullAllWith(files, selectedFiles, isEqual);
+        setGlobalState(function (prevState) {
+            return __assign(__assign({}, prevState), { files: newFiles, selectedFiles: [] });
+        });
+    }, [files, selectedFiles, setGlobalState]);
+    var onUpload = React.useCallback(function (file) {
+        var newFiles = __spreadArray(__spreadArray([], currentFiles.current, true), [file], false);
+        setGlobalState(function (prevState) {
+            return __assign(__assign({}, prevState), { files: newFiles });
+        });
+    }, [setGlobalState]);
+    var onSelectAll = React.useCallback(function (isAllSelected) {
+        if (isAllSelected) {
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: files });
+            });
+        }
+        else {
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: [] });
+            });
+        }
+    }, [files, setGlobalState]);
+    var getContainerWidth = React.useCallback(function () {
+        var _a, _b, _c, _d;
+        if (currentDivWidth.current !== ((_a = divRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) && ((_b = divRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) !== undefined) {
+            currentDivWidth.current = (_d = (_c = divRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) !== null && _d !== void 0 ? _d : 0;
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { containerWidth: currentDivWidth.current });
+            });
+        }
+    }, [setGlobalState]);
+    React.useEffect(function () {
+        renderFilesPerPage();
+        document.addEventListener("change", function () {
+            getContainerWidth();
+        });
+        window.addEventListener("resize", function () {
+            getContainerWidth();
+        });
+    }, [files, selectedFiles, containerWidth, renderFilesPerPage, getContainerWidth]);
+    getContainerWidth();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: divRef },
+            React.createElement(FileCommandBar, { onDelete: onDelete, onSelectedAll: onSelectAll, onUpload: onUpload }),
+            React.createElement(ScrollablePane, { scrollbarVisibility: ScrollbarVisibility.auto, styles: scollableContainerStyles },
+                React.createElement("div", { className: documentListStyles.documentList },
+                    React.createElement(DragDropFiles, { enable: true, onDrop: onDrop },
+                        React.createElement(Stack, { tokens: { padding: 20 } }, renderFiles.length ? (React.createElement("div", { className: documentListStyles.filesContainerGrid }, renderFiles)) : (React.createElement(NoDocuments, null)))))),
+            React.createElement(Stack, { styles: bootomContainerStyles, horizontalAlign: "end", tokens: { childrenGap: 20 } },
+                React.createElement("div", { className: documentListStyles.separator }),
+                React.createElement(React.Fragment, null,
+                    React.createElement(PrimaryButton, { disabled: !selectedFiles.length, iconProps: { iconName: "upload" }, text: strings.UploadFilesUploadButtonLabel, onClick: function () { return onUploadFiles(selectedFiles); } }))))));
+};
+//# sourceMappingURL=DocumentList.js.map

package/lib/controls/uploadFiles/components/DocumentList/DocumentList.js.map

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

package/lib/controls/uploadFiles/components/DocumentList/IDocumentListProps.d.ts

@@ -0,0 +1,4 @@
+export interface IDocumentListProps {
+    onUploadFiles?: (files: File[]) => void;
+}
+//# sourceMappingURL=IDocumentListProps.d.ts.map

package/lib/controls/uploadFiles/components/DocumentList/IDocumentListProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDocumentListProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/IDocumentListProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACxC"}

package/lib/controls/uploadFiles/components/DocumentList/IDocumentListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IDocumentListProps.js.map

package/lib/controls/uploadFiles/components/DocumentList/IDocumentListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDocumentListProps.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/IDocumentListProps.ts"],"names":[],"mappings":""}

package/lib/controls/uploadFiles/components/DocumentList/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DocumentList';
+export * from './IDocumentListProps';
+export * from './useDocumentListStyles';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/uploadFiles/components/DocumentList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}

package/lib/controls/uploadFiles/components/DocumentList/index.js

@@ -0,0 +1,4 @@
+export * from './DocumentList';
+export * from './IDocumentListProps';
+export * from './useDocumentListStyles';
+//# sourceMappingURL=index.js.map

package/lib/controls/uploadFiles/components/DocumentList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}

package/lib/controls/uploadFiles/components/DocumentList/useDocumentListStyles.d.ts

@@ -0,0 +1,23 @@
+import { IScrollablePaneStyles } from '@fluentui/react';
+export declare const useDocumentListStyles: () => {
+    bootomContainerStyles: import("@uifabric/foundation").IComponentStyles<import("@fluentui/react").IStackSlots>;
+    documentListStyles: import("@fluentui/react").IProcessedStyleSet<{
+        fileIconHeaderIcon: {
+            padding: number;
+            fontSize: string;
+        };
+        fileIconCell: string;
+        fileIconImg: string;
+        controlWrapper: string;
+        selectionDetails: string;
+        filesContainerGrid: string;
+        noDataFoundStyles: {
+            width: string;
+            height: string;
+        };
+        separator: string;
+        documentList: string;
+    }>;
+    scollableContainerStyles: Partial<IScrollablePaneStyles>;
+};
+//# sourceMappingURL=useDocumentListStyles.d.ts.map

package/lib/controls/uploadFiles/components/DocumentList/useDocumentListStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentListStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/useDocumentListStyles.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,qBAAqB,EAItB,MAAM,iBAAiB,CAAC;AAMzB,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;CAsGjC,CAAC"}

package/lib/controls/uploadFiles/components/DocumentList/useDocumentListStyles.js

@@ -0,0 +1,103 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import * as React from 'react';
+import { useAtom } from 'jotai';
+import { mergeStyles, mergeStyleSets, } from '@fluentui/react';
+import { DEFAULT_PAGE_SIZE } from '../../constants/constants';
+import { globalState } from '../../jotai/atoms';
+/* eslint-disable @typescript-eslint/no-empty-function */
+export var useDocumentListStyles = function () {
+    var appGlobalState = useAtom(globalState)[0];
+    var themeVariant = appGlobalState.themeVariant, containerWidth = appGlobalState.containerWidth, pageSize = appGlobalState.pageSize, files = appGlobalState.files;
+    var containerHeight = React.useMemo(function () {
+        return containerWidth && files.length
+            ? (Math.ceil(pageSize !== null && pageSize !== void 0 ? pageSize : DEFAULT_PAGE_SIZE) / Math.ceil(containerWidth / 180)) * 180
+            : 0;
+    }, [containerWidth, pageSize, files]);
+    var bootomContainerStyles = React.useMemo(function () {
+        return {
+            root: {
+                paddingLeft: 20,
+                paddingRight: 20,
+                paddingBottom: 20,
+            }
+        };
+    }, []);
+    var scollableContainerStyles = React.useMemo(function () {
+        return {
+            root: {
+                position: "relative",
+                height: containerHeight,
+                minHeight: 500,
+                overflowY: "auto",
+                overflowX: "hidden",
+            },
+            contentContainer: {
+                "::-webkit-scrollbar-thumb": {
+                    backgroundColor: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.themeLight,
+                },
+                "::-webkit-scrollbar": {
+                    height: 10,
+                    width: 7,
+                },
+                "scrollbar-color": themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyFrameBackground,
+                "scrollbar-width": "thin",
+            },
+        };
+    }, [themeVariant, containerHeight]);
+    var documentListStyles = React.useMemo(function () {
+        var _a;
+        return mergeStyleSets({
+            fileIconHeaderIcon: {
+                padding: 0,
+                fontSize: "16px",
+            },
+            fileIconCell: mergeStyles({
+                textAlign: "center",
+                selectors: {
+                    "&:before": {
+                        content: ".",
+                        display: "inline-block",
+                        verticalAlign: "middle",
+                        height: "100%",
+                        width: "0px",
+                        visibility: "hidden",
+                    },
+                },
+            }),
+            fileIconImg: mergeStyles({
+                verticalAlign: "middle",
+                maxHeight: "16px",
+                maxWidth: "16px",
+            }),
+            controlWrapper: mergeStyles({
+                display: "flex",
+                flexWrap: "wrap",
+            }),
+            selectionDetails: mergeStyles({
+                marginBottom: "20px",
+            }),
+            filesContainerGrid: mergeStyles({
+                width: "100%",
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 160px), 1fr))",
+                columnGap: "15px",
+                rowGap: 15,
+            }),
+            noDataFoundStyles: {
+                width: "300px",
+                height: "300px",
+            },
+            separator: mergeStyles({
+                height: "1px",
+                backgroundColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.neutralLight,
+                opacity: (themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.isInverted) ? "0.2" : "1",
+                width: "100%",
+            }),
+            documentList: mergeStyles({
+                width: "100%",
+            }),
+        });
+    }, [themeVariant]);
+    return { bootomContainerStyles: bootomContainerStyles, documentListStyles: documentListStyles, scollableContainerStyles: scollableContainerStyles };
+};
+//# sourceMappingURL=useDocumentListStyles.js.map

package/lib/controls/uploadFiles/components/DocumentList/useDocumentListStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentListStyles.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/DocumentList/useDocumentListStyles.ts"],"names":[],"mappings":"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"}

package/lib/controls/uploadFiles/components/File/FileInfo.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface IFileInfoProps {
+    fileInfo: File;
+    onSelected?: (isSelected: boolean, file: File) => void;
+    isSelected: boolean;
+}
+export declare const FileInfo: React.FunctionComponent<IFileInfoProps>;
+//# sourceMappingURL=FileInfo.d.ts.map

package/lib/controls/uploadFiles/components/File/FileInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInfo.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/FileInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAwF5D,CAAC"}

package/lib/controls/uploadFiles/components/File/FileInfo.js

@@ -0,0 +1,72 @@
+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 * as React from 'react';
+import { format } from 'date-fns';
+import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';
+import { DocumentCard, DocumentCardDetails, DocumentCardImage, } from 'office-ui-fabric-react/lib/DocumentCard';
+import { ImageFit } from 'office-ui-fabric-react/lib/Image';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { Text } from 'office-ui-fabric-react/lib/Text';
+import { getFileTypeIconProps, initializeFileTypeIcons, } from '@fluentui/react-file-type-icons';
+import { useUtils } from '../../hooks/useUtils';
+import { useFileStyles } from './useFileStyles';
+initializeFileTypeIcons();
+export var FileInfo = function (props) {
+    var fileInfo = props.fileInfo, onSelected = props.onSelected, isSelected = props.isSelected;
+    var name = fileInfo.name, size = fileInfo.size, lastModified = fileInfo.lastModified;
+    var _a = useFileStyles(), checkBoxStyles = _a.checkBoxStyles, documentCardStyles = _a.documentCardStyles, stackCheckboxStyles = _a.stackCheckboxStyles, fileNameStyles = _a.fileNameStyles, documentImageStyles = _a.documentImageStyles;
+    var _b = useUtils(), getShortText = _b.getShortText, getFileExtension = _b.getFileExtension, getFileSize = _b.getFileSize;
+    var fileSize = getFileSize(size);
+    var fileExtension = getFileExtension(name);
+    var fileModified = format(new Date(lastModified), "dd, MMM yyyy");
+    var _c = React.useState(false), isChecked = _c[0], setIsChecked = _c[1];
+    var fileIcon = React.useMemo(function () {
+        return __assign(__assign({}, getFileTypeIconProps({ extension: fileExtension, size: 48, imageFileType: "svg" })), { styles: { root: { fontSize: 0 } } });
+    }, [fileExtension]);
+    var onCheckboxChange = React.useCallback(function (ev, checked) {
+        setIsChecked(checked);
+        if (onSelected) {
+            onSelected(checked, fileInfo);
+        }
+    }, [fileInfo, onSelected]);
+    React.useEffect(function () {
+        setIsChecked(isSelected);
+    }, [isSelected]);
+    var renderNormalCard = React.useCallback(function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Stack, null,
+                React.createElement(DocumentCard, { styles: documentCardStyles, title: name },
+                    React.createElement(DocumentCardImage, { height: 100, imageFit: ImageFit.cover, iconProps: fileIcon, styles: documentImageStyles }),
+                    React.createElement(Stack, { horizontal: true, horizontalAlign: "end", tokens: { childrenGap: 5, padding: 7 }, styles: stackCheckboxStyles },
+                        React.createElement(Checkbox, { styles: checkBoxStyles, checked: isChecked, onChange: onCheckboxChange })),
+                    React.createElement(DocumentCardDetails, null,
+                        React.createElement(Stack, { tokens: { padding: 10, childrenGap: 5 }, horizontalAlign: "center", verticalAlign: "center" },
+                            React.createElement(Text, { title: name, styles: fileNameStyles, variant: "medium" }, getShortText(name, 15)),
+                            React.createElement(Text, { variant: "small" }, fileSize),
+                            React.createElement(Text, { block: true, nowrap: true, variant: "small" }, fileModified)))))));
+    }, [
+        documentCardStyles,
+        name,
+        fileIcon,
+        documentImageStyles,
+        stackCheckboxStyles,
+        checkBoxStyles,
+        isChecked,
+        onCheckboxChange,
+        fileNameStyles,
+        getShortText,
+        fileSize,
+        fileModified,
+    ]);
+    return React.createElement(React.Fragment, null, renderNormalCard());
+};
+//# sourceMappingURL=FileInfo.js.map

package/lib/controls/uploadFiles/components/File/FileInfo.js.map

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

package/lib/controls/uploadFiles/components/File/IFileProps.d.ts

@@ -0,0 +1,6 @@
+export interface IFileProps {
+    fileInfo: File;
+    onSelected?: (isSelected: boolean, file: File) => void;
+    checked: boolean;
+}
+//# sourceMappingURL=IFileProps.d.ts.map

package/lib/controls/uploadFiles/components/File/IFileProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFileProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/IFileProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/lib/controls/uploadFiles/components/File/IFileProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IFileProps.js.map

package/lib/controls/uploadFiles/components/File/IFileProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFileProps.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/IFileProps.ts"],"names":[],"mappings":""}

package/lib/controls/uploadFiles/components/File/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FileInfo';
+export * from './IFileProps';
+export * from './useFileStyles';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/uploadFiles/components/File/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/lib/controls/uploadFiles/components/File/index.js

@@ -0,0 +1,4 @@
+export * from './FileInfo';
+export * from './IFileProps';
+export * from './useFileStyles';
+//# sourceMappingURL=index.js.map

package/lib/controls/uploadFiles/components/File/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/lib/controls/uploadFiles/components/File/useFileStyles.d.ts

@@ -0,0 +1,17 @@
+import { ICheckboxProps, ICheckboxStyles } from 'office-ui-fabric-react/lib/Checkbox';
+import { IDocumentCardImageStyles, IDocumentCardStyles } from 'office-ui-fabric-react/lib/DocumentCard';
+export declare const useFileStyles: () => {
+    documentCardCompactStyles: IDocumentCardStyles;
+    checkBoxStyles: import("office-ui-fabric-react/lib/Utilities").IStyleFunction<ICheckboxProps, ICheckboxStyles>;
+    documentCardStyles: IDocumentCardStyles;
+    stackCheckboxStyles: import("@uifabric/foundation").IComponentStyles<import("office-ui-fabric-react/lib/Stack").IStackSlots>;
+    fileNameStyles: import("@uifabric/foundation").IComponentStyles<import("office-ui-fabric-react/lib/Text").ITextSlots>;
+    nameStyles: import("@uifabric/foundation").IComponentStyles<import("office-ui-fabric-react/lib/Text").ITextSlots>;
+    documentImageStyles: Partial<IDocumentCardImageStyles>;
+    controlStyles: import("office-ui-fabric-react/lib/Styling").IProcessedStyleSet<{
+        ".ms-Checkbox-text": {
+            color: string;
+        };
+    }>;
+};
+//# sourceMappingURL=useFileStyles.d.ts.map

package/lib/controls/uploadFiles/components/File/useFileStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/File/useFileStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,yCAAyC,CAAC;AAajD,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAsHzB,CAAC"}