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

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

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { useAtomValue } from 'jotai/utils';
+import { FontSizes, FontWeights, mergeStyleSets, } from 'office-ui-fabric-react/lib/Styling';
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { globalState } from '../../jotai/atoms';
+export var useFileStyles = function () {
+    var appGlobalState = useAtomValue(globalState);
+    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: FontWeights.semibold,
+                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
+            } };
+    }, [themeVariant]);
+    var nameStyles = React.useMemo(function () {
+        return {
+            root: {
+                textTransform: "uppercase",
+                fontSize: 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 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
+    };
+};
+//# sourceMappingURL=useFileStyles.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileCommandBar.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/FileCommandBar/FileCommandBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAoGxE,CAAC"}

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

@@ -0,0 +1,77 @@
+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);
+};
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-floating-promises */
+/* eslint-disable @typescript-eslint/no-use-before-define */
+import * as React from 'react';
+import strings from 'ControlStrings';
+import { useAtom } from 'jotai';
+import { ActionButton } from 'office-ui-fabric-react/lib/Button';
+import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox';
+import { CommandBar, } from 'office-ui-fabric-react/lib/CommandBar';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { globalState } from '../../jotai/atoms';
+import { UploadButton } from '../UploadButton/UploadButton';
+import { useFileCommandBarStyles } from './useFileCommandBarStyles';
+export var FileCommandBar = function (props) {
+    var _a = useFileCommandBarStyles(), stackContainerStyles = _a.stackContainerStyles, commandBarStyles = _a.commandBarStyles, controlStyles = _a.controlStyles, commandbarButtonStyles = _a.commandbarButtonStyles, checkBoxStyles = _a.checkBoxStyles, buttonIconStyles = _a.buttonIconStyles;
+    var _b = useAtom(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(ActionButton, { iconProps: { iconName: "Delete", styles: buttonIconStyles }, styles: commandbarButtonStyles, onClick: function () {
+                setIsAllSelected(false);
+                onDelete();
+            }, text: strings.UpLoadFilesDeleteButtonLabel }));
+    }, [selectedFiles, commandbarButtonStyles]);
+    React.useEffect(function () {
+        if (isAllSelected) {
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: files });
+            });
+        }
+        else {
+            setGlobalState(function (prevState) {
+                return __assign(__assign({}, prevState), { selectedFiles: [] });
+            });
+        }
+    }, [isAllSelected, files]);
+    var commanbarSelectAllButton = React.useCallback(function (props) {
+        var selectedAll = files.length > 0 && files.length === selectedFiles.length;
+        return (React.createElement(Stack, { horizontal: true, verticalAlign: "center", horizontalAlign: "start", tokens: { childrenGap: 15 } },
+            files.length > 0 ? (React.createElement(Checkbox, { styles: checkBoxStyles, label: strings.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, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center", styles: stackContainerStyles },
+            React.createElement(CommandBar, { items: commandbarItems, styles: commandBarStyles }),
+            React.createElement(UploadButton, { text: strings.UploadFilesButtonLabel, onUpload: onUpload, iconName: "Add" })),
+        React.createElement("div", { className: controlStyles.separator })));
+};
+//# sourceMappingURL=FileCommandBar.js.map

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

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

package/lib/controls/uploadFiles/components/FileCommandBar/IFileCommandBarProps.d.ts

@@ -0,0 +1,6 @@
+export interface IFileCommandBarProps {
+    onUpload?: (file: File) => void;
+    onSelectedAll?: (isSelected: boolean) => void;
+    onDelete?: () => void;
+}
+//# sourceMappingURL=IFileCommandBarProps.d.ts.map

package/lib/controls/uploadFiles/components/FileCommandBar/IFileCommandBarProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFileCommandBarProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/FileCommandBar/IFileCommandBarProps.ts"],"names":[],"mappings":"AAEA,MAAM,WAAY,oBAAoB;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAC,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './FileCommandBar';
+export * from './IFileCommandBarProps';
+export * from './useFileCommandBarStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/FileCommandBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './FileCommandBar';
+export * from './IFileCommandBarProps';
+export * from './useFileCommandBarStyles';
+//# sourceMappingURL=index.js.map

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

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

package/lib/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.d.ts

@@ -0,0 +1,22 @@
+import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
+import { ICheckboxProps, ICheckboxStyles } from 'office-ui-fabric-react/lib/Checkbox';
+import { ICommandBarStyles } from 'office-ui-fabric-react/lib/CommandBar';
+import { IIconStyles } from 'office-ui-fabric-react/lib/Icon';
+export declare const useFileCommandBarStyles: () => {
+    buttonIconStyles: IIconStyles;
+    checkBoxStyles: import("office-ui-fabric-react/lib/Utilities").IStyleFunction<ICheckboxProps, ICheckboxStyles>;
+    stackContainerStyles: import("@uifabric/foundation").IComponentStyles<import("office-ui-fabric-react/lib/Stack").IStackSlots>;
+    controlStyles: import("office-ui-fabric-react/lib/Styling").IProcessedStyleSet<{
+        fileIconHeaderIcon: {
+            padding: number;
+            fontSize: string;
+        };
+        fileIconCell: string;
+        fileIconImg: string;
+        separator: string;
+        separatorVertrical: string;
+    }>;
+    commandBarStyles: ICommandBarStyles;
+    commandbarButtonStyles: IButtonStyles;
+};
+//# sourceMappingURL=useFileCommandBarStyles.d.ts.map

package/lib/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileCommandBarStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EACL,cAAc,EACd,eAAe,EAChB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAW9D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;CA0InC,CAAC"}

package/lib/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.js

@@ -0,0 +1,135 @@
+import * as React from 'react';
+import { useAtomValue } from 'jotai/utils';
+import { mergeStyles, mergeStyleSets, } from 'office-ui-fabric-react/lib/Styling';
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { globalState } from '../../jotai/atoms';
+export var useFileCommandBarStyles = function () {
+    var appGlobalState = useAtomValue(globalState);
+    var themeVariant = appGlobalState.themeVariant, selectedFiles = appGlobalState.selectedFiles;
+    var checkBoxStyles = React.useCallback(function (props) {
+        var _a, _b, _c, _d;
+        return {
+            checkbox: {
+                borderRadius: "50%",
+                borderWidth: 1,
+                borderStyle: "solid",
+                borderColor: "".concat((_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themePrimary, " !important"),
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !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: {
+                alignItems: "center",
+                borderColor: "".concat((_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _b === void 0 ? void 0 : _b.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((_c = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _c === void 0 ? void 0 : _c.bodyText, " !important"),
+            },
+            text: {
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+                ":hover": {
+                    color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+                },
+            },
+            label: {
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+                ":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"),
+                },
+            },
+        };
+    }, [themeVariant]);
+    var buttonIconStyles = React.useMemo(function () {
+        return {
+            root: {
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+            },
+        };
+    }, [themeVariant]);
+    var controlStyles = React.useMemo(function () {
+        var _a, _b;
+        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",
+            }),
+            separator: mergeStyles({
+                margin: 20,
+                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",
+            }),
+            separatorVertrical: mergeStyles({
+                height: 25,
+                width: "1px",
+                borderLeftStyle: "solid",
+                borderLeftWidth: "1px",
+                borderLeftColor: (_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _b === void 0 ? void 0 : _b.themePrimary,
+            }),
+        });
+    }, [themeVariant]);
+    var commandBarStyles = React.useMemo(function () {
+        return {
+            root: {
+                paddingLeft: 0,
+                backgroundColor: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyBackground,
+            },
+        };
+    }, [themeVariant]);
+    var commandbarButtonStyles = React.useMemo(function () {
+        return {
+            rootHovered: {
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+            },
+            labelHovered: {
+                color: "".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText, " !important"),
+            },
+            root: {
+                paddingLeft: 15,
+                display: selectedFiles.length ? "block" : "none",
+                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
+            },
+        };
+    }, [selectedFiles]);
+    var stackContainerStyles = React.useMemo(function () {
+        return {
+            root: {
+                width: "100%",
+                padding: "0 20px",
+            },
+        };
+    }, [themeVariant]);
+    return {
+        buttonIconStyles: buttonIconStyles,
+        checkBoxStyles: checkBoxStyles,
+        stackContainerStyles: stackContainerStyles,
+        controlStyles: controlStyles,
+        commandBarStyles: commandBarStyles,
+        commandbarButtonStyles: commandbarButtonStyles,
+    };
+};
+//# sourceMappingURL=useFileCommandBarStyles.js.map

package/lib/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoDocuments.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/NoDocuments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAiB;CAAG;AAErC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAkBlE,CAAC"}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import strings from 'ControlStrings';
+import { FontIcon } from 'office-ui-fabric-react/lib/Icon';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { Text } from 'office-ui-fabric-react/lib/Text';
+import { useNoDocumentsStyles } from './useNoDocumentsStyles';
+export var NoDocuments = function (props) {
+    var _a = useNoDocumentsStyles(), stackContainerStyles = _a.stackContainerStyles, controlStyles = _a.controlStyles;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { styles: stackContainerStyles, verticalAlign: "center", horizontal: true, horizontalAlign: "center", tokens: { padding: 20, childrenGap: 10 } },
+            React.createElement(FontIcon, { iconName: "BulkUpload", className: controlStyles.iconStyles }),
+            React.createElement(Text, { variant: "mediumPlus" },
+                strings.UpLoadFilesDragDropLabel,
+                " "))));
+};
+//# sourceMappingURL=NoDocuments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoDocuments.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/NoDocuments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,IAAM,WAAW,GAA+C,UACrE,KAAiD;IAE3C,IAAA,KAAyC,oBAAoB,EAAE,EAA7D,oBAAoB,0BAAA,EAAC,aAAa,mBAA2B,CAAC;IACtE,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,MAAM,EAAE,oBAAoB,EAC5B,aAAa,EAAC,QAAQ,EACtB,UAAU,QACV,eAAe,EAAC,QAAQ,EACxB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;YAExC,oBAAC,QAAQ,IAAC,QAAQ,EAAC,YAAY,EAAC,SAAS,EAAE,aAAa,CAAC,UAAU,GAAG;YACtE,oBAAC,IAAI,IAAC,OAAO,EAAC,YAAY;gBAAE,OAAO,CAAC,wBAAwB;oBAAS,CAC/D,CACP,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './NoDocuments';
+export * from './useNoDocumentsStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './NoDocuments';
+export * from './useNoDocumentsStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/lib/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.d.ts

@@ -0,0 +1,8 @@
+import { IIconStyles } from 'office-ui-fabric-react/lib/Icon';
+export declare const useNoDocumentsStyles: () => {
+    stackContainerStyles: import("@uifabric/foundation").IComponentStyles<import("office-ui-fabric-react/lib/Stack").IStackSlots>;
+    controlStyles: import("office-ui-fabric-react/lib/Styling").IProcessedStyleSet<{
+        iconStyles: IIconStyles;
+    }>;
+};
+//# sourceMappingURL=useNoDocumentsStyles.d.ts.map

package/lib/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoDocumentsStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAU9D,eAAO,MAAM,oBAAoB;;;;;CAiChC,CAAC"}

package/lib/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { useAtomValue } from 'jotai/utils';
+import { mergeStyles, mergeStyleSets, } from 'office-ui-fabric-react/lib/Styling';
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { globalState } from '../../jotai/atoms';
+export var useNoDocumentsStyles = function () {
+    var appGlobalState = useAtomValue(globalState);
+    var themeVariant = appGlobalState.themeVariant;
+    var controlStyles = React.useMemo(function () {
+        var _a;
+        return mergeStyleSets({
+            iconStyles: mergeStyles({
+                fontSize: 34,
+                color: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themePrimary,
+            }),
+        });
+    }, [themeVariant]);
+    var stackContainerStyles = React.useMemo(function () {
+        var _a, _b;
+        return {
+            root: {
+                width: "100%",
+                height: 450,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.neutralLighterAlt,
+                borderWidth: 1,
+                borderStyle: "dashed",
+                borderColor: (_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _b === void 0 ? void 0 : _b.neutralTertiaryAlt,
+            },
+        };
+    }, [themeVariant,]);
+    return { stackContainerStyles: stackContainerStyles, controlStyles: controlStyles };
+};
+//# sourceMappingURL=useNoDocumentsStyles.js.map

package/lib/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNoDocumentsStyles.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EACL,WAAW,EACX,cAAc,GACf,MAAM,oCAAoC,CAAC;AAE5C,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,IAAM,cAAc,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;IACzC,IAAA,YAAY,GAAM,cAAc,aAApB,CAAqB;IAGzC,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC;;QACE,OAAA,cAAc,CAAC;YACb,UAAU,EAAE,WAAW,CAAC;gBACtB,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY;aAC3C,CAAgB;SAClB,CAAC,CAAA;KAAA,EACJ,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,IAAM,oBAAoB,GAAiB,KAAK,CAAC,OAAO,CAAC;;QACvD,OAAO;YACL,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAG,GAAG;gBACZ,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,eAAe,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,iBAAiB;gBACzD,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,QAAQ;gBACrB,WAAW,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,kBAAkB;aACvD;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAI,CAAC,CAAC;IAEtB,OAAO,EAAE,oBAAoB,sBAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AACjD,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
+export interface IUploadButtonProps {
+    onUpload: (file: File) => void;
+    text: string;
+    styles?: IButtonStyles;
+    iconName?: string;
+}
+export declare const UploadButton: React.FunctionComponent<IUploadButtonProps>;
+//# sourceMappingURL=UploadButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/UploadButton/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,aAAa,EAEd,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAoBpE,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { PrimaryButton, } from 'office-ui-fabric-react/lib/Button';
+export var UploadButton = function (props) {
+    var onUpload = props.onUpload, text = props.text, styles = props.styles, iconName = props.iconName;
+    var onClick = React.useCallback(function (ev) {
+        var input = document.createElement("input");
+        input.type = "file";
+        input.onchange = function (e) {
+            var file = e.target.files[0];
+            onUpload(file);
+        };
+        input.click();
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PrimaryButton, { styles: styles !== null && styles !== void 0 ? styles : undefined, iconProps: { iconName: iconName !== null && iconName !== void 0 ? iconName : "upload" }, onClick: onClick }, text)));
+};
+//# sourceMappingURL=UploadButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.js","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/UploadButton/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,aAAa,GACd,MAAM,mCAAmC,CAAC;AAS3C,MAAM,CAAC,IAAM,YAAY,GAAgD,UACvE,KAAkD;IAE1C,IAAA,QAAQ,GAA6B,KAAK,SAAlC,EAAE,IAAI,GAAuB,KAAK,KAA5B,EAAE,MAAM,GAAe,KAAK,OAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACnD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAmD;QACpF,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,QAAQ,GAAG,UAAC,CAAC;YACjB,IAAM,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL;QACE,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,IACxG,IAAI,CACS,CACf,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/lib/controls/uploadFiles/components/UploadFiles/IUploadFilesProps.d.ts

@@ -0,0 +1,10 @@
+import { IReadonlyTheme } from '@microsoft/sp-component-base';
+import { WebPartContext } from '@microsoft/sp-webpart-base';
+export interface IUploadFilesProps {
+    title: string;
+    themeVariant?: IReadonlyTheme | undefined;
+    context: WebPartContext;
+    pageSize?: number;
+    onUploadFiles: (files: File[]) => void;
+}
+//# sourceMappingURL=IUploadFilesProps.d.ts.map

package/lib/controls/uploadFiles/components/UploadFiles/IUploadFilesProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IUploadFilesProps.d.ts","sourceRoot":"","sources":["../../../../../src/controls/uploadFiles/components/UploadFiles/IUploadFilesProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,OAAO,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACxC"}

package/lib/controls/uploadFiles/components/UploadFiles/IUploadFilesProps.js

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