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

package/lib-commonjs/controls/treeView/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./TreeView"), exports);
-tslib_1.__exportStar(require("./ITreeViewProps"), exports);
-tslib_1.__exportStar(require("./ITreeItem"), exports);
-tslib_1.__exportStar(require("./ITreeItemActions"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/treeView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/treeView/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,2DAAiC;AACjC,sDAA4B;AAC5B,6DAAmC"}

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

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentList = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
-var jotai_1 = require("jotai");
-var lodash_1 = require("lodash");
-var Button_1 = require("@fluentui/react/lib/Button");
-var Stack_1 = require("@fluentui/react/lib/Stack");
-var ScrollablePane_1 = require("@fluentui/react/lib/ScrollablePane");
-var dragDropFiles_1 = require("../../../dragDropFiles");
-var atoms_1 = require("../../jotai/atoms");
-var FileInfo_1 = require("../File/FileInfo");
-var FileCommandBar_1 = require("../FileCommandBar/FileCommandBar");
-var NoDocuments_1 = require("../NoDocuments/NoDocuments");
-var useDocumentListStyles_1 = require("./useDocumentListStyles");
-var DocumentList = function (props) {
-    var _a = (0, useDocumentListStyles_1.useDocumentListStyles)(), documentListStyles = _a.documentListStyles, scollableContainerStyles = _a.scollableContainerStyles, bootomContainerStyles = _a.bootomContainerStyles;
-    var _b = (0, jotai_1.useAtom)(atoms_1.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 (0, lodash_1.isEqual)(selectedFile, file); });
-    }, [selectedFiles]);
-    var onFileSelected = React.useCallback(function (isChecked, file) {
-        var copySelectedFiles = selectedFiles.slice();
-        if (!isChecked) {
-            var newFiles_1 = (0, lodash_1.pullAllWith)(copySelectedFiles, [file], lodash_1.isEqual);
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { selectedFiles: newFiles_1 });
-            });
-        }
-        else {
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { selectedFiles: tslib_1.__spreadArray(tslib_1.__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_1.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 tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var copyFiles, newsFiles;
-        return tslib_1.__generator(this, function (_a) {
-            copyFiles = files.slice();
-            newsFiles = tslib_1.__spreadArray(tslib_1.__spreadArray([], copyFiles, true), acceptedFiles, true);
-            currentFiles.current = newsFiles;
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { files: newsFiles });
-            });
-            return [2 /*return*/];
-        });
-    }); }, [files, setGlobalState]);
-    var onDelete = React.useCallback(function () {
-        currentPage.current = 0;
-        var newFiles = (0, lodash_1.pullAllWith)(files, selectedFiles, lodash_1.isEqual);
-        setGlobalState(function (prevState) {
-            return tslib_1.__assign(tslib_1.__assign({}, prevState), { files: newFiles, selectedFiles: [] });
-        });
-    }, [files, selectedFiles, setGlobalState]);
-    var onUpload = React.useCallback(function (file) {
-        var newFiles = tslib_1.__spreadArray(tslib_1.__spreadArray([], currentFiles.current, true), [file], false);
-        setGlobalState(function (prevState) {
-            return tslib_1.__assign(tslib_1.__assign({}, prevState), { files: newFiles });
-        });
-    }, [setGlobalState]);
-    var onSelectAll = React.useCallback(function (isAllSelected) {
-        if (isAllSelected) {
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { selectedFiles: files });
-            });
-        }
-        else {
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__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_1.FileCommandBar, { onDelete: onDelete, onSelectedAll: onSelectAll, onUpload: onUpload }),
-            React.createElement(ScrollablePane_1.ScrollablePane, { scrollbarVisibility: ScrollablePane_1.ScrollbarVisibility.auto, styles: scollableContainerStyles },
-                React.createElement("div", { className: documentListStyles.documentList },
-                    React.createElement(dragDropFiles_1.DragDropFiles, { enable: true, onDrop: onDrop },
-                        React.createElement(Stack_1.Stack, { tokens: { padding: 20 } }, renderFiles.length ? (React.createElement("div", { className: documentListStyles.filesContainerGrid }, renderFiles)) : (React.createElement(NoDocuments_1.NoDocuments, null)))))),
-            React.createElement(Stack_1.Stack, { styles: bootomContainerStyles, horizontalAlign: "end", tokens: { childrenGap: 20 } },
-                React.createElement("div", { className: documentListStyles.separator }),
-                React.createElement(React.Fragment, null,
-                    React.createElement(Button_1.PrimaryButton, { disabled: !selectedFiles.length, iconProps: { iconName: "upload" }, text: ControlStrings_1.default.UploadFilesUploadButtonLabel, onClick: function () { return onUploadFiles(selectedFiles); } }))))));
-};
-exports.DocumentList = DocumentList;
-//# sourceMappingURL=DocumentList.js.map

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

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

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

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=IDocumentListProps.js.map

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

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

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DocumentList"), exports);
-tslib_1.__exportStar(require("./IDocumentListProps"), exports);
-tslib_1.__exportStar(require("./useDocumentListStyles"), exports);
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,107 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDocumentListStyles = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var jotai_1 = require("jotai");
-var react_1 = require("@fluentui/react");
-var constants_1 = require("../../constants/constants");
-var atoms_1 = require("../../jotai/atoms");
-var useDocumentListStyles = function () {
-    var appGlobalState = (0, jotai_1.useAtom)(atoms_1.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 : constants_1.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 (0, react_1.mergeStyleSets)({
-            fileIconHeaderIcon: {
-                padding: 0,
-                fontSize: "16px",
-            },
-            fileIconCell: (0, react_1.mergeStyles)({
-                textAlign: "center",
-                selectors: {
-                    "&:before": {
-                        content: ".",
-                        display: "inline-block",
-                        verticalAlign: "middle",
-                        height: "100%",
-                        width: "0px",
-                        visibility: "hidden",
-                    },
-                },
-            }),
-            fileIconImg: (0, react_1.mergeStyles)({
-                verticalAlign: "middle",
-                maxHeight: "16px",
-                maxWidth: "16px",
-            }),
-            controlWrapper: (0, react_1.mergeStyles)({
-                display: "flex",
-                flexWrap: "wrap",
-            }),
-            selectionDetails: (0, react_1.mergeStyles)({
-                marginBottom: "20px",
-            }),
-            filesContainerGrid: (0, react_1.mergeStyles)({
-                width: "100%",
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, 160px), 1fr))",
-                columnGap: "15px",
-                rowGap: 15,
-            }),
-            noDataFoundStyles: {
-                width: "300px",
-                height: "300px",
-            },
-            separator: (0, react_1.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: (0, react_1.mergeStyles)({
-                width: "100%",
-            }),
-        });
-    }, [themeVariant]);
-    return { bootomContainerStyles: bootomContainerStyles, documentListStyles: documentListStyles, scollableContainerStyles: scollableContainerStyles };
-};
-exports.useDocumentListStyles = useDocumentListStyles;
-//# sourceMappingURL=useDocumentListStyles.js.map

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

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

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

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInfo = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var date_fns_1 = require("date-fns");
-var Checkbox_1 = require("@fluentui/react/lib/Checkbox");
-var DocumentCard_1 = require("@fluentui/react/lib/DocumentCard");
-var Image_1 = require("@fluentui/react/lib/Image");
-var Stack_1 = require("@fluentui/react/lib/Stack");
-var Text_1 = require("@fluentui/react/lib/Text");
-var react_file_type_icons_1 = require("@fluentui/react-file-type-icons");
-var useUtils_1 = require("../../hooks/useUtils");
-var useFileStyles_1 = require("./useFileStyles");
-(0, react_file_type_icons_1.initializeFileTypeIcons)();
-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 = (0, useFileStyles_1.useFileStyles)(), checkBoxStyles = _a.checkBoxStyles, documentCardStyles = _a.documentCardStyles, stackCheckboxStyles = _a.stackCheckboxStyles, fileNameStyles = _a.fileNameStyles, documentImageStyles = _a.documentImageStyles;
-    var _b = (0, useUtils_1.useUtils)(), getShortText = _b.getShortText, getFileExtension = _b.getFileExtension, getFileSize = _b.getFileSize;
-    var fileSize = getFileSize(size);
-    var fileExtension = getFileExtension(name);
-    var fileModified = (0, date_fns_1.format)(new Date(lastModified), "dd, MMM yyyy");
-    var _c = React.useState(false), isChecked = _c[0], setIsChecked = _c[1];
-    var fileIcon = React.useMemo(function () {
-        return tslib_1.__assign(tslib_1.__assign({}, (0, react_file_type_icons_1.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_1.Stack, null,
-                React.createElement(DocumentCard_1.DocumentCard, { styles: documentCardStyles, title: name },
-                    React.createElement(DocumentCard_1.DocumentCardImage, { height: 100, imageFit: Image_1.ImageFit.cover, iconProps: fileIcon, styles: documentImageStyles }),
-                    React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "end", tokens: { childrenGap: 5, padding: 7 }, styles: stackCheckboxStyles },
-                        React.createElement(Checkbox_1.Checkbox, { styles: checkBoxStyles, checked: isChecked, onChange: onCheckboxChange })),
-                    React.createElement(DocumentCard_1.DocumentCardDetails, null,
-                        React.createElement(Stack_1.Stack, { tokens: { padding: 10, childrenGap: 5 }, horizontalAlign: "center", verticalAlign: "center" },
-                            React.createElement(Text_1.Text, { title: name, styles: fileNameStyles, variant: "medium" }, getShortText(name, 15)),
-                            React.createElement(Text_1.Text, { variant: "small" }, fileSize),
-                            React.createElement(Text_1.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());
-};
-exports.FileInfo = FileInfo;
-//# sourceMappingURL=FileInfo.js.map

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

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

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

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=IFileProps.js.map

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

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

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FileInfo"), exports);
-tslib_1.__exportStar(require("./IFileProps"), exports);
-tslib_1.__exportStar(require("./useFileStyles"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/controls/uploadFiles/components/File/useFileStyles.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileStyles = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var jotai_1 = require("jotai");
-var Styling_1 = require("@fluentui/react/lib/Styling");
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-var atoms_1 = require("../../jotai/atoms");
-var useFileStyles = function () {
-    var appGlobalState = (0, jotai_1.useAtom)(atoms_1.globalState)[0];
-    var themeVariant = appGlobalState.themeVariant;
-    var documentImageStyles = React.useMemo(function () {
-        return {
-            root: {},
-        };
-    }, []);
-    var checkBoxStyles = React.useCallback(function (props) {
-        var _a, _b, _c, _d, _e;
-        return {
-            checkbox: {
-                color: "".concat((_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyText, " !important"),
-                borderRadius: "50%",
-                borderWidth: 1,
-                borderStyle: "solid",
-                borderColor: (_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _b === void 0 ? void 0 : _b.neutralQuaternaryAlt,
-                ":hover": {
-                    borderColor: "".concat((_c = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _c === void 0 ? void 0 : _c.themePrimary, " !important"),
-                },
-                backgroundColor: !props.checked ? themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.white : themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.themeLighter,
-            },
-            root: {
-                ":hover": {
-                    borderColor: "".concat((_d = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _d === void 0 ? void 0 : _d.themePrimary, " !important"),
-                    color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
-                    ":hover": {
-                        ".ms-Checkbox-checkbox": {
-                            backgroundColor: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.themeLight, " !important"),
-                        }
-                    },
-                },
-            },
-            checkmark: {
-                color: "".concat((_e = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _e === void 0 ? void 0 : _e.bodyText, " !important"),
-            },
-        };
-    }, [themeVariant]);
-    var documentCardStyles = React.useMemo(function () {
-        var _a;
-        return {
-            root: {
-                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
-                backgroundColor: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyBackground,
-                borderColor: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.neutralLight,
-                minWidth: 160,
-                minHeight: 180,
-                ":hover": {
-                    borderColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.neutralQuaternary,
-                },
-            },
-        };
-    }, [themeVariant]);
-    var documentCardCompactStyles = React.useMemo(function () {
-        var _a;
-        return {
-            root: {
-                width: "100%",
-                maxWidth: "100%",
-                ":hover": {
-                    borderColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themeLight,
-                },
-            },
-        };
-    }, [themeVariant]);
-    var stackCheckboxStyles = React.useMemo(function () {
-        return { root: { position: "absolute", top: 0, right: 0, zIndex: 1, padding: 5 } };
-    }, []);
-    var fileNameStyles = React.useMemo(function () {
-        return { root: { fontWeight: Styling_1.FontWeights.semibold,
-                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
-            } };
-    }, [themeVariant]);
-    var nameStyles = React.useMemo(function () {
-        return {
-            root: {
-                textTransform: "uppercase",
-                fontSize: Styling_1.FontSizes.size12,
-                fontWeight: 600,
-                display: "-webkit-box",
-                "-webkit-line-clamp": "1",
-                "-webkit-box-orient": "vertical",
-                overflow: "hidden",
-                textAlign: "start",
-                wordBreak: "break-word",
-                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
-            },
-        };
-    }, [themeVariant]);
-    var controlStyles = React.useMemo(function () {
-        var _a;
-        return (0, Styling_1.mergeStyleSets)({
-            ".ms-Checkbox-text": {
-                color: "".concat((_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyText, " !important"),
-            },
-        });
-    }, [themeVariant]);
-    return {
-        documentCardCompactStyles: documentCardCompactStyles,
-        checkBoxStyles: checkBoxStyles,
-        documentCardStyles: documentCardStyles,
-        stackCheckboxStyles: stackCheckboxStyles,
-        fileNameStyles: fileNameStyles,
-        nameStyles: nameStyles,
-        documentImageStyles: documentImageStyles,
-        controlStyles: controlStyles
-    };
-};
-exports.useFileStyles = useFileStyles;
-//# sourceMappingURL=useFileStyles.js.map

package/lib-commonjs/controls/uploadFiles/components/File/useFileStyles.js.map

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

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/FileCommandBar.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileCommandBar = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
-var jotai_1 = require("jotai");
-var Button_1 = require("@fluentui/react/lib/Button");
-var Checkbox_1 = require("@fluentui/react/lib/Checkbox");
-var CommandBar_1 = require("@fluentui/react/lib/CommandBar");
-var Stack_1 = require("@fluentui/react/lib/Stack");
-var atoms_1 = require("../../jotai/atoms");
-var UploadButton_1 = require("../UploadButton/UploadButton");
-var useFileCommandBarStyles_1 = require("./useFileCommandBarStyles");
-var FileCommandBar = function (props) {
-    var _a = (0, useFileCommandBarStyles_1.useFileCommandBarStyles)(), stackContainerStyles = _a.stackContainerStyles, commandBarStyles = _a.commandBarStyles, controlStyles = _a.controlStyles, commandbarButtonStyles = _a.commandbarButtonStyles, checkBoxStyles = _a.checkBoxStyles, buttonIconStyles = _a.buttonIconStyles;
-    var _b = (0, jotai_1.useAtom)(atoms_1.globalState), appGlobalState = _b[0], setGlobalState = _b[1];
-    var selectedFiles = appGlobalState.selectedFiles, files = appGlobalState.files;
-    var _c = React.useState([]), commandbarItems = _c[0], setCOmmandBarItems = _c[1];
-    var _d = React.useState(false), isAllSelected = _d[0], setIsAllSelected = _d[1];
-    var onUpload = props.onUpload, onDelete = props.onDelete, onSelectedAll = props.onSelectedAll;
-    var commandDeleteButton = React.useCallback(function (props) {
-        return (React.createElement(Button_1.ActionButton, { iconProps: { iconName: "Delete", styles: buttonIconStyles }, styles: commandbarButtonStyles, onClick: function () {
-                setIsAllSelected(false);
-                onDelete();
-            }, text: ControlStrings_1.default.UpLoadFilesDeleteButtonLabel }));
-    }, [selectedFiles, commandbarButtonStyles]);
-    React.useEffect(function () {
-        if (isAllSelected) {
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { selectedFiles: files });
-            });
-        }
-        else {
-            setGlobalState(function (prevState) {
-                return tslib_1.__assign(tslib_1.__assign({}, prevState), { selectedFiles: [] });
-            });
-        }
-    }, [isAllSelected, files]);
-    var commanbarSelectAllButton = React.useCallback(function (props) {
-        var selectedAll = files.length > 0 && files.length === selectedFiles.length;
-        return (React.createElement(Stack_1.Stack, { horizontal: true, verticalAlign: "center", horizontalAlign: "start", tokens: { childrenGap: 15 } },
-            files.length > 0 ? (React.createElement(Checkbox_1.Checkbox, { styles: checkBoxStyles, label: ControlStrings_1.default.UpLoadFilesSelectAllLabel, checked: selectedAll, onChange: function (ev, checked) {
-                    setIsAllSelected(checked);
-                    onSelectedAll(checked);
-                } })) : null,
-            selectedFiles.length ? React.createElement("div", { className: controlStyles.separatorVertrical }) : null));
-    }, [files.length, selectedFiles.length, checkBoxStyles, controlStyles.separatorVertrical, onSelectedAll]);
-    React.useEffect(function () {
-        var items = [];
-        items.push({
-            key: "selectedFiles",
-            commandBarButtonAs: commanbarSelectAllButton,
-        });
-        items.push({
-            key: "delete",
-            commandBarButtonAs: commandDeleteButton,
-        });
-        setCOmmandBarItems(items);
-    }, [commanbarSelectAllButton, commandDeleteButton]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", styles: stackContainerStyles },
-            React.createElement(CommandBar_1.CommandBar, { items: commandbarItems, styles: commandBarStyles }),
-            React.createElement(UploadButton_1.UploadButton, { text: ControlStrings_1.default.UploadFilesButtonLabel, onUpload: onUpload, iconName: "Add" })),
-        React.createElement("div", { className: controlStyles.separator })));
-};
-exports.FileCommandBar = FileCommandBar;
-//# sourceMappingURL=FileCommandBar.js.map

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/FileCommandBar.js.map

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

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/IFileCommandBarProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=IFileCommandBarProps.js.map

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/IFileCommandBarProps.js.map

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

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FileCommandBar"), exports);
-tslib_1.__exportStar(require("./IFileCommandBarProps"), exports);
-tslib_1.__exportStar(require("./useFileCommandBarStyles"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/uploadFiles/components/FileCommandBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/FileCommandBar/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,iEAAuC;AACvC,oEAA0C"}