@webiny/app-file-manager 5.35.2 → 5.36.0-beta.0

package/modules/FileManagerRenderer/AcoRenderer/FileManagerAcoView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","InputSearch","styled","backgroundColor","position","height","padding","width","borderRadius","border","fontSize","marginLeft","outline","color","searchIcon","css","left","top","FileListWrapper","float","display","maxWidth","whiteSpace","overflow","textOverflow","defaultFolderName","FileManagerAcoView","props","onClose","onChange","accept","multiple","onUploadCompletion","scope","own","useFileManagerAcoView","dragging","setDragging","folderId","setFolderId","getFile","hasPreviouslyUploadedFiles","setHasPreviouslyUploadedFiles","hideFileDetails","listSort","loadingFileDetails","setListSort","listTable","setListTable","listWhere","setListWhere","selected","setSelected","settings","showFileDetails","showingFileDetails","toggleSelected","uploadFile","useAcoList","type","ACO_TYPE","folders","isListLoading","isListLoadingMore","listItems","listTitle","meta","records","uploader","useMemo","BatchFileUploader","fileManager","useFileManagerApi","useSnackbar","showSnackbar","useState","files","setFiles","tableSorting","setTableSorting","showFoldersDialog","setFoldersDialog","openFoldersDialog","useCallback","closeFoldersDialog","didMount","useRef","useEffect","sort","reduce","current","next","id","desc","searchOnChange","debounce","search","length","undefined","listSearchRecords","JSON","stringify","loadMoreRecords","hasMoreItems","cursor","after","loadMoreOnScroll","scrollFrame","toggleTag","tag","tagName","finalTags","AND","tags_in","Array","isArray","includes","splice","indexOf","push","getFileUploadErrorMessage","e","match","message","useHotkeys","zIndex","keys","esc","searchInput","useDeepCompareEffect","recordsFile","map","file","src","srcPrefix","data","key","Boolean","uploadFiles","addFiles","onUploadFinished","uploaded","errors","reset","setTimeout","name","renderUploadFileAction","browseFiles","canCreate","currentFile","setCurrentFile","fetchFileDetails","filesBeingUploaded","getJobs","progress","renderList","rows","filter","row","original","uploadMaxFileSize","filesToUpload","console","log","outputFileSelectionError","getDropZoneProps","target","value","canRead","margin","mode","onDragEnter","defaultProps","observer"],"sources":["FileManagerAcoView.tsx"],"sourcesContent":["import React, { useRef, useCallback, useState, useEffect, useMemo } from \"react\";\nimport Files, { FilesRenderChildren, FilesRules } from \"react-butterfiles\";\nimport { css } from \"emotion\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { ReactComponent as UploadIcon } from \"@material-design-icons/svg/filled/cloud_upload.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/filled/add.svg\";\nimport { ReactComponent as GridIcon } from \"@material-design-icons/svg/outlined/view_module.svg\";\nimport { ReactComponent as TableIcon } from \"@material-design-icons/svg/outlined/view_list.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FolderDialogCreate, useAcoList } from \"@webiny/app-aco\";\nimport { OverlayLayout, useSnackbar } from \"@webiny/app-admin\";\nimport { ButtonPrimary, ButtonIcon, IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Sorting } from \"@webiny/ui/DataTable\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nimport { useFileManagerAcoView } from \"~/modules/FileManagerRenderer/FileManagerAcoViewProvider\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError\";\nimport LeftSidebar from \"./LeftSidebar\";\nimport { useFileManagerApi } from \"~/index\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { ListMeta, SearchRecordItem } from \"@webiny/app-aco/types\";\n\nimport { ACO_TYPE } from \"~/constants\";\n\nimport { BottomInfoBar } from \"~/components/BottomInfoBar\";\nimport { DropFilesHere } from \"~/components/DropFilesHere\";\nimport { Empty } from \"~/components/Empty\";\nimport { FileDetails } from \"~/components/FileDetails\";\nimport { Grid } from \"~/components/Grid\";\nimport { Table } from \"~/components/Table\";\nimport { Title } from \"~/components/Title\";\nimport { UploadStatus } from \"~/components/UploadStatus\";\n\nimport { BatchFileUploader } from \"~/BatchFileUploader\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\nconst InputSearch = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    position: \"relative\",\n    height: 32,\n    padding: 3,\n    width: \"100%\",\n    borderRadius: 2,\n    \"> input\": {\n        border: \"none\",\n        fontSize: 14,\n        width: \"calc(100% - 10px)\",\n        height: \"100%\",\n        marginLeft: 32,\n        backgroundColor: \"transparent\",\n        outline: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst searchIcon = css({\n    \"&.mdc-button__icon\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        position: \"absolute\",\n        width: 24,\n        height: 24,\n        left: 8,\n        top: 8\n    }\n});\n\nconst FileListWrapper = styled(\"div\")({\n    float: \"right\",\n    display: \"inline-block\",\n    width: \"calc(100vw - 270px)\",\n    height: \"calc(100vh - 94px)\",\n    position: \"relative\",\n    \".mdc-data-table\": {\n        display: \"inline-table\"\n    },\n    \".mdc-data-table__cell\": {\n        width: \"250px\",\n        maxWidth: \"250px\",\n        whiteSpace: \"nowrap\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\"\n    }\n});\n\nexport interface FileManagerAcoViewProps {\n    onChange?: Function;\n    onClose?: () => void;\n    files?: FilesRules;\n    multiple?: boolean; // Does not affect <Files> component, it always allows multiple selection.\n    accept: Array<string>;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onUploadCompletion?: Function;\n    tags?: string[];\n    scope?: string;\n    own?: boolean;\n}\n\nconst defaultFolderName = t`All files`;\n\nconst FileManagerAcoView: React.FC<FileManagerAcoViewProps> = props => {\n    const { onClose, onChange, accept, multiple = false, onUploadCompletion, scope, own } = props;\n\n    const {\n        dragging,\n        setDragging,\n        folderId,\n        setFolderId,\n        getFile,\n        hasPreviouslyUploadedFiles,\n        setHasPreviouslyUploadedFiles,\n        hideFileDetails,\n        listSort,\n        loadingFileDetails,\n        setListSort,\n        listTable,\n        setListTable,\n        listWhere,\n        setListWhere,\n        selected,\n        setSelected,\n        settings,\n        showFileDetails,\n        showingFileDetails,\n        toggleSelected,\n        uploadFile\n    } = useFileManagerAcoView();\n\n    const {\n        folders,\n        isListLoading,\n        isListLoadingMore,\n        listItems,\n        listTitle = defaultFolderName,\n        meta,\n        records\n    } = useAcoList({ type: ACO_TYPE, folderId, ...listWhere });\n\n    const uploader = useMemo<BatchFileUploader>(\n        () => new BatchFileUploader(uploadFile),\n        [folderId]\n    );\n\n    const fileManager = useFileManagerApi();\n    const { showSnackbar } = useSnackbar();\n\n    const [files, setFiles] = useState<SearchRecordItem<FileItem>[]>([]);\n    const [tableSorting, setTableSorting] = useState<Sorting>([]);\n\n    const [showFoldersDialog, setFoldersDialog] = useState(false);\n    const openFoldersDialog = useCallback(() => setFoldersDialog(true), []);\n    const closeFoldersDialog = useCallback(() => setFoldersDialog(false), []);\n\n    const didMount = useRef(false);\n\n    useEffect(() => {\n        const sort = tableSorting.reduce((current, next) => {\n            return { ...current, [next.id]: next.desc ? \"DESC\" : \"ASC\" };\n        }, {});\n\n        setListSort(sort);\n    }, [tableSorting]);\n\n    const searchOnChange = useCallback(\n        // @ts-ignore\n        debounce(search => {\n            if (search.length) {\n                setListWhere({ search, folderId: undefined });\n            } else {\n                setFolderId(folderId);\n                setListWhere({ search: undefined });\n            }\n        }, 500),\n        [folderId]\n    );\n\n    useEffect(() => {\n        const listSearchRecords = async () => {\n            await listItems({ ...listWhere, sort: listSort });\n        };\n\n        if (didMount.current) {\n            listSearchRecords();\n        } else {\n            didMount.current = true;\n        }\n    }, [JSON.stringify(listWhere), listSort]);\n\n    const loadMoreRecords = async ({ hasMoreItems, cursor }: ListMeta) => {\n        if (hasMoreItems && cursor) {\n            await listItems({ ...listWhere, sort: listSort, after: cursor });\n        }\n    };\n\n    const loadMoreOnScroll = useCallback(\n        debounce(async ({ scrollFrame }) => {\n            if (scrollFrame.top > 0.8) {\n                await loadMoreRecords(meta);\n            }\n        }, 200),\n        [meta]\n    );\n\n    const toggleTag = useCallback(async ({ tag, listWhere }) => {\n        const { tag: tagName } = tag;\n\n        const finalTags =\n            listWhere.AND && listWhere.AND[0]?.tags_in && Array.isArray(listWhere.AND[0]?.tags_in)\n                ? listWhere.AND[0].tags_in\n                : [];\n\n        if (finalTags.includes(tagName)) {\n            finalTags.splice(finalTags.indexOf(tagName), 1);\n        } else {\n            finalTags.push(tagName);\n        }\n\n        setListWhere({\n            ...listWhere,\n            AND: finalTags.length ? [{ tags_in: finalTags }] : undefined\n        });\n    }, []);\n\n    const getFileUploadErrorMessage = useCallback(e => {\n        if (typeof e === \"string\") {\n            const match = e.match(/Message>(.*?)<\\/Message/);\n            if (match) {\n                const [, message] = match;\n                return message;\n            }\n\n            return e;\n        }\n        return e.message;\n    }, []);\n\n    useHotkeys({\n        zIndex: 50,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const searchInput = useRef<HTMLInputElement>(null);\n\n    useDeepCompareEffect(() => {\n        if (!settings) {\n            return;\n        }\n\n        const recordsFile = records.map(file => {\n            const src = settings?.srcPrefix + file.data.key;\n            return {\n                ...file,\n                data: {\n                    ...file.data,\n                    src\n                }\n            };\n        });\n\n        setFiles(recordsFile as SearchRecordItem<FileItem>[]);\n    }, [{ ...records }, settings]);\n\n    useDeepCompareEffect(() => {\n        setHasPreviouslyUploadedFiles(Boolean(records.length > 0 || folders.length > 0));\n    }, [{ ...records }, { ...folders }]);\n\n    const uploadFiles = async (files: File[]) => {\n        uploader.addFiles(files);\n\n        uploader.onUploadFinished(({ uploaded, errors }) => {\n            uploader.reset();\n\n            if (!hasPreviouslyUploadedFiles) {\n                setHasPreviouslyUploadedFiles(true);\n            }\n\n            if (errors.length > 0) {\n                // We wait 750ms, just for everything to settle down a bit.\n                setTimeout(() => {\n                    showSnackbar(\n                        <>\n                            {t`One or more files were not uploaded successfully:`}\n                            <ol>\n                                {errors.map(({ file, e }) => (\n                                    <li key={file.name}>\n                                        <strong>{file.name}</strong>: {getFileUploadErrorMessage(e)}\n                                    </li>\n                                ))}\n                            </ol>\n                        </>\n                    );\n                }, 750);\n\n                return;\n            }\n\n            // We wait 750ms, just for everything to settle down a bit.\n            setTimeout(() => showSnackbar(t`File upload complete.`), 750);\n\n            if (typeof onUploadCompletion === \"function\") {\n                // We wait 750ms, just for everything to settle down a bit.\n                setTimeout(() => {\n                    onUploadCompletion(uploaded);\n                    onClose && onClose();\n                }, 750);\n            }\n        });\n    };\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }) => {\n            if (!fileManager.canCreate) {\n                return null;\n            }\n            return (\n                <ButtonPrimary flat={true} small={true} onClick={browseFiles}>\n                    <ButtonIcon icon={<UploadIcon />} />\n                    {t`Upload...`}\n                </ButtonPrimary>\n            );\n        },\n        [fileManager.canCreate]\n    );\n\n    const [currentFile, setCurrentFile] = useState<FileItem>();\n    useEffect(() => {\n        const fetchFileDetails = async () => {\n            if (showingFileDetails) {\n                const file = await getFile(showingFileDetails);\n                setCurrentFile(file);\n            } else {\n                setCurrentFile(undefined);\n            }\n        };\n\n        // call the function\n        fetchFileDetails();\n    }, [showingFileDetails]);\n\n    const filesBeingUploaded = uploader.getJobs().length;\n    const progress = uploader.progress;\n\n    const renderList = (browseFiles: FilesRenderChildren[\"browseFiles\"]) => {\n        if (!isListLoading && listWhere.search && records.length === 0) {\n            return <Empty isSearchResult={true} browseFiles={browseFiles} />;\n        }\n\n        if (!isListLoading && records.length === 0 && folders.length === 0) {\n            return <Empty isSearchResult={false} browseFiles={browseFiles} />;\n        }\n\n        if (listTable) {\n            return (\n                <Table\n                    folders={folders}\n                    records={files}\n                    loading={isListLoading}\n                    onRecordClick={showFileDetails}\n                    onFolderClick={setFolderId}\n                    onSelectRow={rows => {\n                        const files = rows\n                            .filter(row => row.type === \"RECORD\")\n                            .map(row => row.original as FileItem);\n                        setSelected(files);\n                    }}\n                    sorting={tableSorting}\n                    onSortingChange={setTableSorting}\n                    settings={settings}\n                    selectableItems={Boolean(typeof onChange === \"function\")}\n                />\n            );\n        }\n\n        return (\n            <Grid\n                folders={folders}\n                records={files.map(file => file.data)}\n                loading={isListLoading}\n                onRecordClick={showFileDetails}\n                onFolderClick={setFolderId}\n                selected={selected}\n                multiple={multiple}\n                toggleSelected={toggleSelected}\n                onChange={onChange}\n                onClose={onClose}\n            />\n        );\n    };\n\n    return (\n        <>\n            <Files\n                multiple\n                maxSize={settings ? settings.uploadMaxFileSize + \"b\" : \"1TB\"}\n                multipleMaxSize={\"1TB\"}\n                accept={accept}\n                onSuccess={files => {\n                    const filesToUpload = files\n                        .map(file => file.src.file)\n                        .filter(Boolean) as File[];\n                    uploadFiles(filesToUpload);\n                }}\n                onError={errors => {\n                    console.log(\"onError\", errors);\n                    const message = outputFileSelectionError(errors);\n                    showSnackbar(message);\n                }}\n            >\n                {({ getDropZoneProps, browseFiles }) => (\n                    <OverlayLayout\n                        onExited={onClose}\n                        barLeft={<Title title={listTitle} />}\n                        barMiddle={\n                            <InputSearch>\n                                <Icon className={searchIcon} icon={<SearchIcon />} />\n                                <input\n                                    ref={searchInput}\n                                    onChange={e => searchOnChange(e.target.value)}\n                                    placeholder={t`Search by filename or tags`}\n                                    disabled={!fileManager.canRead}\n                                    data-testid={\"file-manager.search-input\"}\n                                />\n                            </InputSearch>\n                        }\n                        barRight={\n                            <>\n                                {selected.length > 0 ? (\n                                    <ButtonPrimary\n                                        flat={true}\n                                        small={true}\n                                        onClick={() => {\n                                            (async () => {\n                                                if (typeof onChange === \"function\") {\n                                                    await onChange(\n                                                        multiple ? selected : selected[0]\n                                                    );\n\n                                                    onClose && onClose();\n                                                }\n                                            })();\n                                        }}\n                                    >\n                                        {t`Select`} {multiple && `(${selected.length})`}\n                                    </ButtonPrimary>\n                                ) : (\n                                    renderUploadFileAction({ browseFiles })\n                                )}\n                                <ButtonSecondary\n                                    data-testid={\"file-manager.create-folder-button\"}\n                                    onClick={openFoldersDialog}\n                                    small={true}\n                                    style={{ margin: \"0 8px\" }}\n                                >\n                                    <ButtonIcon icon={<AddIcon />} />\n                                    {t`New Folder`}\n                                </ButtonSecondary>\n                                <Tooltip\n                                    content={t`{mode} layout`({\n                                        mode: listTable ? \"Grid\" : \"Table\"\n                                    })}\n                                    placement={\"bottom\"}\n                                >\n                                    <IconButton\n                                        icon={listTable ? <GridIcon /> : <TableIcon />}\n                                        onClick={() => setListTable(!listTable)}\n                                    >\n                                        {t`Switch`}\n                                    </IconButton>\n                                </Tooltip>\n                            </>\n                        }\n                    >\n                        <>\n                            <FileDetails\n                                loading={loadingFileDetails}\n                                file={currentFile}\n                                open={Boolean(showingFileDetails)}\n                                onClose={hideFileDetails}\n                                scope={scope}\n                                own={own}\n                            />\n                            <LeftSidebar\n                                title={defaultFolderName}\n                                currentFolder={folderId}\n                                onFolderClick={setFolderId}\n                                scope={scope}\n                                own={own}\n                                toggleTag={tag => toggleTag({ tag, listWhere })}\n                            />\n                            <FileListWrapper\n                                {...getDropZoneProps({\n                                    onDragEnter: () =>\n                                        hasPreviouslyUploadedFiles && setDragging(true)\n                                })}\n                                data-testid={\"fm-list-wrapper\"}\n                            >\n                                {dragging && hasPreviouslyUploadedFiles && (\n                                    <DropFilesHere\n                                        onDragLeave={() => setDragging(false)}\n                                        onDrop={() => setDragging(false)}\n                                    />\n                                )}\n                                <Scrollbar\n                                    onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                                >\n                                    {renderList(browseFiles)}\n                                </Scrollbar>\n                                <BottomInfoBar accept={accept} listing={isListLoadingMore} />\n                                <UploadStatus\n                                    numberOfFiles={filesBeingUploaded}\n                                    progress={progress}\n                                />\n                            </FileListWrapper>\n                        </>\n                    </OverlayLayout>\n                )}\n            </Files>\n            <FolderDialogCreate\n                type={ACO_TYPE}\n                open={showFoldersDialog}\n                onClose={closeFoldersDialog}\n                currentParentId={folderId || null}\n            />\n        </>\n    );\n};\n\nFileManagerAcoView.defaultProps = {\n    multiple: false\n};\n\nexport default observer(FileManagerAcoView);\n"],"mappings":"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"}

package/modules/FileManagerRenderer/AcoRenderer/LeftSidebar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { TagItem } from "@webiny/app-aco/types";
+interface LeftSidebarProps {
+    title: string;
+    toggleTag: (tag: TagItem) => void;
+    currentFolder?: string;
+    scope?: string;
+    own?: boolean;
+    onFolderClick: (folderId: string | undefined) => void;
+}
+declare const LeftSidebar: React.FC<LeftSidebarProps>;
+export default LeftSidebar;

package/modules/FileManagerRenderer/AcoRenderer/LeftSidebar.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _appAco = require("@webiny/app-aco");
+var _emotion = require("emotion");
+var _tagsHelpers = require("../../../tagsHelpers");
+var _constants = require("../../../constants");
+var _templateObject;
+var t = _i18n.i18n.ns("app-file-manager/modules/renderer/left-sidebar");
+var style = {
+  leftDrawer: /*#__PURE__*/(0, _emotion.css)({
+    float: "left",
+    display: "block",
+    width: 269,
+    height: "calc(100vh - 64px)",
+    backgroundColor: "var(--mdc-theme-surface)",
+    borderRight: "1px solid var(--mdc-theme-on-background)",
+    overflowY: "scroll"
+  }, "label:leftDrawer;"),
+  wrapper: /*#__PURE__*/(0, _emotion.css)({
+    padding: " 16px 8px"
+  }, "label:wrapper;"),
+  divider: /*#__PURE__*/(0, _emotion.css)({
+    height: "1px",
+    backgroundColor: "var(--mdc-theme-on-background)",
+    margin: "12px 8px 16px"
+  }, "label:divider;")
+};
+var LeftSidebar = function LeftSidebar(_ref) {
+  var title = _ref.title,
+    toggleTag = _ref.toggleTag,
+    currentFolder = _ref.currentFolder,
+    scope = _ref.scope,
+    own = _ref.own,
+    _onFolderClick = _ref.onFolderClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: style.leftDrawer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: style.wrapper
+  }, /*#__PURE__*/_react.default.createElement(_appAco.FolderTree, {
+    type: _constants.ACO_TYPE,
+    title: title,
+    focusedFolderId: currentFolder,
+    onTitleClick: function onTitleClick() {
+      return _onFolderClick(_constants.FOLDER_ID_DEFAULT);
+    },
+    onFolderClick: function onFolderClick(data) {
+      return (data === null || data === void 0 ? void 0 : data.id) && _onFolderClick(data === null || data === void 0 ? void 0 : data.id);
+    },
+    enableActions: true,
+    enableCreate: true
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: style.divider
+  }), /*#__PURE__*/_react.default.createElement(_appAco.TagList, {
+    type: _constants.ACO_TYPE,
+    initialWhere: (0, _tagsHelpers.getTagsInitialParams)({
+      scope: scope,
+      own: own
+    }),
+    tagsModifier: (0, _tagsHelpers.tagsModifier)(scope),
+    emptyDisclaimer: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No tag found: once you tag a file, it will be displayed here."]))),
+    onTagClick: function onTagClick(tag) {
+      return toggleTag(tag);
+    }
+  })));
+};
+var _default = LeftSidebar;
+exports.default = _default;

package/modules/FileManagerRenderer/AcoRenderer/LeftSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","style","leftDrawer","css","float","display","width","height","backgroundColor","borderRight","overflowY","wrapper","padding","divider","margin","LeftSidebar","title","toggleTag","currentFolder","scope","own","onFolderClick","ACO_TYPE","FOLDER_ID_DEFAULT","data","id","getTagsInitialParams","tagsModifier","tag"],"sources":["LeftSidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FolderTree, TagList } from \"@webiny/app-aco\";\nimport { css } from \"emotion\";\n\nimport { getTagsInitialParams, tagsModifier } from \"~/tagsHelpers\";\nimport { ACO_TYPE, FOLDER_ID_DEFAULT } from \"~/constants\";\n\nimport { TagItem } from \"@webiny/app-aco/types\";\n\nconst t = i18n.ns(\"app-file-manager/modules/renderer/left-sidebar\");\n\nconst style = {\n    leftDrawer: css({\n        float: \"left\",\n        display: \"block\",\n        width: 269,\n        height: \"calc(100vh - 64px)\",\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        borderRight: \"1px solid var(--mdc-theme-on-background)\",\n        overflowY: \"scroll\"\n    }),\n    wrapper: css({\n        padding: \" 16px 8px\"\n    }),\n    divider: css({\n        height: \"1px\",\n        backgroundColor: \"var(--mdc-theme-on-background)\",\n        margin: \"12px 8px 16px\"\n    })\n};\n\ninterface LeftSidebarProps {\n    title: string;\n    toggleTag: (tag: TagItem) => void;\n    currentFolder?: string;\n    scope?: string;\n    own?: boolean;\n    onFolderClick: (folderId: string | undefined) => void;\n}\n\nconst LeftSidebar: React.FC<LeftSidebarProps> = ({\n    title,\n    toggleTag,\n    currentFolder,\n    scope,\n    own,\n    onFolderClick\n}) => {\n    return (\n        <div className={style.leftDrawer}>\n            <div className={style.wrapper}>\n                <FolderTree\n                    type={ACO_TYPE}\n                    title={title}\n                    focusedFolderId={currentFolder}\n                    onTitleClick={() => onFolderClick(FOLDER_ID_DEFAULT)}\n                    onFolderClick={data => data?.id && onFolderClick(data?.id)}\n                    enableActions={true}\n                    enableCreate={true}\n                />\n                <div className={style.divider} />\n                <TagList\n                    type={ACO_TYPE}\n                    initialWhere={getTagsInitialParams({ scope, own })}\n                    tagsModifier={tagsModifier(scope)}\n                    emptyDisclaimer={t`No tag found: once you tag a file, it will be displayed here.`}\n                    onTagClick={tag => toggleTag(tag)}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default LeftSidebar;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAA0D;AAI1D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAEnE,IAAMC,KAAK,GAAG;EACVC,UAAU,eAAE,IAAAC,YAAG,EAAC;IACZC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,OAAO;IAChBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,oBAAoB;IAC5BC,eAAe,EAAE,0BAA0B;IAC3CC,WAAW,EAAE,0CAA0C;IACvDC,SAAS,EAAE;EACf,CAAC,sBAAC;EACFC,OAAO,eAAE,IAAAR,YAAG,EAAC;IACTS,OAAO,EAAE;EACb,CAAC,mBAAC;EACFC,OAAO,eAAE,IAAAV,YAAG,EAAC;IACTI,MAAM,EAAE,KAAK;IACbC,eAAe,EAAE,gCAAgC;IACjDM,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AAWD,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAOvC;EAAA,IANFC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,cAAa,QAAbA,aAAa;EAEb,oBACI;IAAK,SAAS,EAAEpB,KAAK,CAACC;EAAW,gBAC7B;IAAK,SAAS,EAAED,KAAK,CAACU;EAAQ,gBAC1B,6BAAC,kBAAU;IACP,IAAI,EAAEW,mBAAS;IACf,KAAK,EAAEN,KAAM;IACb,eAAe,EAAEE,aAAc;IAC/B,YAAY,EAAE;MAAA,OAAMG,cAAa,CAACE,4BAAiB,CAAC;IAAA,CAAC;IACrD,aAAa,EAAE,uBAAAC,IAAI;MAAA,OAAI,CAAAA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,EAAE,KAAIJ,cAAa,CAACG,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,EAAE,CAAC;IAAA,CAAC;IAC3D,aAAa,EAAE,IAAK;IACpB,YAAY,EAAE;EAAK,EACrB,eACF;IAAK,SAAS,EAAExB,KAAK,CAACY;EAAQ,EAAG,eACjC,6BAAC,eAAO;IACJ,IAAI,EAAES,mBAAS;IACf,YAAY,EAAE,IAAAI,iCAAoB,EAAC;MAAEP,KAAK,EAALA,KAAK;MAAEC,GAAG,EAAHA;IAAI,CAAC,CAAE;IACnD,YAAY,EAAE,IAAAO,yBAAY,EAACR,KAAK,CAAE;IAClC,eAAe,EAAErB,CAAC,gJAAgE;IAClF,UAAU,EAAE,oBAAA8B,GAAG;MAAA,OAAIX,SAAS,CAACW,GAAG,CAAC;IAAA;EAAC,EACpC,CACA,CACJ;AAEd,CAAC;AAAC,eAEab,WAAW;AAAA"}

package/modules/FileManagerRenderer/AcoRenderer/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AcoRenderer: React.FC<{}>;

package/modules/FileManagerRenderer/AcoRenderer/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AcoRenderer = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _FileManagerAcoView = _interopRequireDefault(require("./FileManagerAcoView"));
+var _FileManagerAcoViewProvider = require("../FileManagerAcoViewProvider");
+var _excluded = ["id", "src"],
+  _excluded2 = ["onChange", "images", "accept"];
+/**
+ * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
+ */
+var formatFileItem = function formatFileItem(_ref) {
+  var id = _ref.id,
+    src = _ref.src,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var props = rest;
+  return {
+    id: id,
+    src: src,
+    meta: Object.keys(rest).map(function (key) {
+      return {
+        key: key,
+        value: props[key]
+      };
+    })
+  };
+};
+
+/**
+ * If `accept` prop is not passed, and `images` prop is set, use these default mime types.
+ * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.
+ */
+var imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
+var AcoRenderer = (0, _appAdmin.createComponentPlugin)(_appAdmin.FileManagerRenderer, function () {
+  return function FileManagerRenderer(props) {
+    var onChange = props.onChange,
+      images = props.images,
+      accept = props.accept,
+      forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    var handleFileOnChange = function handleFileOnChange(value) {
+      if (!onChange || !value || Array.isArray(value) && !value.length) {
+        return;
+      }
+      if (Array.isArray(value)) {
+        var finalValue = value.map(formatFileItem);
+        onChange(finalValue);
+        return;
+      }
+      onChange(formatFileItem(value));
+    };
+    var viewProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, forwardProps), {}, {
+      onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
+      accept: images ? accept || imagesAccept : accept || []
+    });
+    return /*#__PURE__*/_react.default.createElement(_FileManagerAcoViewProvider.FileManagerAcoViewProvider, {
+      accept: viewProps.accept || [],
+      tags: viewProps.tags || [],
+      scope: viewProps.scope,
+      own: viewProps.own
+    }, /*#__PURE__*/_react.default.createElement(_FileManagerAcoView.default, viewProps));
+  };
+});
+exports.AcoRenderer = AcoRenderer;

package/modules/FileManagerRenderer/AcoRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","AcoRenderer","createComponentPlugin","BaseFileManagerRenderer","FileManagerRenderer","onChange","images","accept","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","undefined","tags","scope","own"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    createComponentPlugin,\n    FileManagerFileItem,\n    FileManagerOnChange,\n    FileManagerRenderer as BaseFileManagerRenderer\n} from \"@webiny/app-admin\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport FileManagerAcoView, { FileManagerAcoViewProps } from \"./FileManagerAcoView\";\nimport { FileManagerAcoViewProvider } from \"~/modules/FileManagerRenderer/FileManagerAcoViewProvider\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\nexport const AcoRenderer = createComponentPlugin(BaseFileManagerRenderer, () => {\n    return function FileManagerRenderer(props) {\n        const { onChange, images, accept, ...forwardProps } = props;\n\n        const handleFileOnChange = (value?: FileItem[] | FileItem) => {\n            if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n                return;\n            }\n\n            if (Array.isArray(value)) {\n                const finalValue: FileManagerFileItem[] = value.map(formatFileItem);\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(finalValue);\n                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n        };\n\n        const viewProps: FileManagerAcoViewProps = {\n            ...forwardProps,\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined,\n            accept: images ? accept || imagesAccept : accept || []\n        };\n\n        return (\n            <FileManagerAcoViewProvider\n                accept={viewProps.accept || []}\n                tags={viewProps.tags || []}\n                scope={viewProps.scope}\n                own={viewProps.own}\n            >\n                <FileManagerAcoView {...viewProps} />\n            </FileManagerAcoViewProvider>\n        );\n    };\n});\n"],"mappings":";;;;;;;;;AAAA;AACA;AAOA;AACA;AAAsG;EAAA;AAEtG;AACA;AACA;AACA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAA4D;EAAA,IAAtDC,EAAE,QAAFA,EAAE;IAAEC,GAAG,QAAHA,GAAG;IAAKC,IAAI;EACtC,IAAMC,KAA6B,GAAGD,IAAI;EAE1C,OAAO;IACHF,EAAE,EAAFA,EAAE;IACFC,GAAG,EAAHA,GAAG;IACHG,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACK,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAK;QAAEA,GAAG,EAAHA,GAAG;QAAEC,KAAK,EAAEN,KAAK,CAACK,GAAG;MAAE,CAAC;IAAA,CAAC;EACnE,CAAC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAME,YAAY,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,CAClB;AAEM,IAAMC,WAAW,GAAG,IAAAC,+BAAqB,EAACC,6BAAuB,EAAE,YAAM;EAC5E,OAAO,SAASC,mBAAmB,CAACX,KAAK,EAAE;IACvC,IAAQY,QAAQ,GAAsCZ,KAAK,CAAnDY,QAAQ;MAAEC,MAAM,GAA8Bb,KAAK,CAAzCa,MAAM;MAAEC,MAAM,GAAsBd,KAAK,CAAjCc,MAAM;MAAKC,YAAY,0CAAKf,KAAK;IAE3D,IAAMgB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIV,KAA6B,EAAK;MAC1D,IAAI,CAACM,QAAQ,IAAI,CAACN,KAAK,IAAKW,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAI,CAACA,KAAK,CAACa,MAAO,EAAE;QAChE;MACJ;MAEA,IAAIF,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;QACtB,IAAMc,UAAiC,GAAGd,KAAK,CAACF,GAAG,CAACR,cAAc,CAAC;QAClEgB,QAAQ,CAAgDQ,UAAU,CAAC;QACpE;MACJ;MAECR,QAAQ,CAA8ChB,cAAc,CAACU,KAAK,CAAC,CAAC;IACjF,CAAC;IAED,IAAMe,SAAkC,+DACjCN,YAAY;MACfH,QAAQ,EAAE,OAAOA,QAAQ,KAAK,UAAU,GAAGI,kBAAkB,GAAGM,SAAS;MACzER,MAAM,EAAED,MAAM,GAAGC,MAAM,IAAIP,YAAY,GAAGO,MAAM,IAAI;IAAE,EACzD;IAED,oBACI,6BAAC,sDAA0B;MACvB,MAAM,EAAEO,SAAS,CAACP,MAAM,IAAI,EAAG;MAC/B,IAAI,EAAEO,SAAS,CAACE,IAAI,IAAI,EAAG;MAC3B,KAAK,EAAEF,SAAS,CAACG,KAAM;MACvB,GAAG,EAAEH,SAAS,CAACI;IAAI,gBAEnB,6BAAC,2BAAkB,EAAKJ,SAAS,CAAI,CACZ;EAErC,CAAC;AACL,CAAC,CAAC;AAAC"}

package/modules/FileManagerRenderer/AcoRenderer/outputFileSelectionError.d.ts

@@ -0,0 +1,2 @@
+import { FileError } from "react-butterfiles";
+export declare const outputFileSelectionError: (errors: FileError[]) => string | null;

package/modules/FileManagerRenderer/AcoRenderer/outputFileSelectionError.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outputFileSelectionError = void 0;
+var _bytes = _interopRequireDefault(require("bytes"));
+var outputFileSelectionError = function outputFileSelectionError(errors) {
+  if (errors.length > 1) {
+    var error = errors.find(function (error) {
+      return error.type === "multipleMaxCountExceeded";
+    });
+    if (error) {
+      return "Cannot upload more than ".concat(error.multipleMaxCount, " files at once.");
+    }
+    error = errors.find(function (error) {
+      return error.type === "multipleMaxSizeExceeded";
+    });
+    if (error) {
+      return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
+    }
+    return "Multiple invalid files selected.";
+  }
+  switch (errors[0].type) {
+    case "unsupportedFileType":
+      return "Unsupported file type.";
+    case "maxSizeExceeded":
+      return "Max size exceeded.";
+    case "multipleMaxCountExceeded":
+      return "Multiple max files exceeded.";
+    case "multipleMaxSizeExceeded":
+      return "Multiple max size exceeded.";
+    case "multipleNotAllowed":
+      return "Only one file allowed.";
+    default:
+      return null;
+  }
+};
+exports.outputFileSelectionError = outputFileSelectionError;

package/modules/FileManagerRenderer/AcoRenderer/outputFileSelectionError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["outputFileSelectionError","errors","length","error","find","type","multipleMaxCount","bytes","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { FileError } from \"react-butterfiles\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":";;;;;;;AAAA;AAGO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,MAAmB,EAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B;IAAA,EAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,yCAAkCA,KAAK,CAACG,gBAAgB;IAC5D;IAEAH,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB;IAAA,EAAC;IACtE,IAAIF,KAAK,EAAE;MACP,yCAAkCI,cAAK,CAACC,MAAM,CAACL,KAAK,CAACM,eAAe,CAAC;IACzE;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQR,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EAAC;AAExB,CAAC;AAAC"}

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/SupportedFileTypes.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lite = _interopRequireDefault(require("mime/lite"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 _lite.default.define({
   "image/x-icon": ["ico"]
 }, true);
@@ -27,15 +28,19 @@ var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
   });
   return Object.keys(exts);
 };
+var FileTypesLabel = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "FileTypesLabel",
+  target: "e1n1t6qe0"
+})("padding:10px;");
 var SupportedFileTypes = function SupportedFileTypes(_ref) {
   var accept = _ref.accept;
   if (!accept) {
     return null;
   }
   if (accept.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("span", null, "Showing all file extensions.");
+    return /*#__PURE__*/_react.default.createElement(FileTypesLabel, null, "Showing all file extensions.");
   }
-  return /*#__PURE__*/_react.default.createElement("span", null, "Showing the following file extensions: ", getUniqueFilePlugins(accept).join(", "), ".");
+  return /*#__PURE__*/_react.default.createElement(FileTypesLabel, null, "Showing the following file extensions: ", getUniqueFilePlugins(accept).join(", "), ".");
 };
 var _default = SupportedFileTypes;
 exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":["mime","define","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","length","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>Showing all file extensions.</span>;\n    }\n\n    return (\n        <span>\n            Showing the following file extensions: {getUniqueFilePlugins(accept).join(\", \")}.\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;AAAA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,MAAgB,EAAe;EACzD,IAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAAC,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGP,aAAI,CAACQ,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AAMD,IAAMO,kBAAqD,GAAG,SAAxDA,kBAAqD,OAAmB;EAAA,IAAbR,MAAM,QAANA,MAAM;EACnE,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACS,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAO,2CAAM,8BAA4B,CAAO;EACpD;EAEA,oBACI,2CAAM,yCACqC,EAACV,oBAAoB,CAACC,MAAM,CAAC,CAACU,IAAI,CAAC,IAAI,CAAC,EAAC,GACpF,CAAO;AAEf,CAAC;AAAC,eAEaF,kBAAkB;AAAA"}
+{"version":3,"names":["mime","define","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","FileTypesLabel","styled","SupportedFileTypes","length","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\nimport styled from \"@emotion/styled\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nconst FileTypesLabel = styled.div`\n    padding: 10px;\n`;\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <FileTypesLabel>Showing all file extensions.</FileTypesLabel>;\n    }\n\n    return (\n        <FileTypesLabel>\n            Showing the following file extensions: {getUniqueFilePlugins(accept).join(\", \")}.\n        </FileTypesLabel>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,MAAgB,EAAe;EACzD,IAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAAC,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGP,aAAI,CAACQ,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AAED,IAAMO,cAAc,oBAAGC,eAAM;EAAA;EAAA;AAAA,mBAE5B;AAMD,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAqD,OAAmB;EAAA,IAAbV,MAAM,QAANA,MAAM;EACnE,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACW,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAO,6BAAC,cAAc,QAAC,8BAA4B,CAAiB;EACxE;EAEA,oBACI,6BAAC,cAAc,QAAC,yCAC2B,EAACZ,oBAAoB,CAACC,MAAM,CAAC,CAACY,IAAI,CAAC,IAAI,CAAC,EAAC,GACpF,CAAiB;AAEzB,CAAC;AAAC,eAEaF,kBAAkB;AAAA"}

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/UploadStatus.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface UploadStatusProps {
-    uploading: boolean;
+    progress: number;
+    numberOfFiles: number;
 }
 declare const UploadStatus: React.FC<UploadStatusProps>;
 export default UploadStatus;

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/UploadStatus.js

@@ -7,45 +7,57 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Progress = require("@webiny/ui/Progress");
+var _react2 = require("@emotion/react");
+var _loading = _interopRequireDefault(require("./assets/loading.svg"));
+var _check = _interopRequireDefault(require("./assets/check.svg"));
+var animateShow = /*#__PURE__*/(0, _react2.keyframes)("0%{opacity:0;top:0;}60%{opacity:1;top:-55px;}100%{opacity:1;top:-50px;}label:animateShow;");
 var StatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exct32u0",
-  label: "StatusWrapper"
-})({
-  color: "var(--mdc-theme-primary)",
-  position: "absolute",
-  right: 0,
-  bottom: 10,
-  marginRight: 10,
-  display: "flex",
-  alignItems: "center",
-  "> div": {
-    display: "inline-block"
-  }
-});
-var CircularProgressHolder = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exct32u1",
-  label: "CircularProgressHolder"
-})({
-  position: "relative",
-  height: 12,
-  width: 12
-});
+  label: "StatusWrapper",
+  target: "exct32u0"
+})("border-radius:28px;width:320px;transform:translate(-50%,-50%);position:absolute;box-shadow:0 2px 6px rgba(170,185,200,0.4);color:var(--mdc-theme-on-surface);background-color:#fff;left:calc(50vw - 160px);top:-50px;display:flex;align-items:center;animation-name:", animateShow, ";animation-duration:1.5s;animation-timing-function:ease-out;");
+var ProgressWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ProgressWrapper",
+  target: "exct32u1"
+})("display:flex;flex-direction:column;width:225px;align-items:center;justify-content:center;margin-left:15px;margin-top:-5px;");
+var ProgressBar = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ProgressBar",
+  target: "exct32u2"
+})("top:0;z-index:1;height:5px;border-radius:5px;background-color:var(--mdc-theme-on-background);width:100%;overflow:hidden;");
+var ProgressBarPercentage = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "ProgressBarPercentage",
+  target: "exct32u3"
+})("display:block;height:100%;background-color:var(--mdc-theme-secondary);width:", function (props) {
+  return props.width || 0;
+}, "%;");
 var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "exct32u2",
-  label: "UploadingLabel"
-})({
-  marginRight: 5
-});
+  label: "UploadingLabel",
+  target: "exct32u4"
+})("z-index:2;padding:5px 0 6px 0px;text-transform:uppercase;color:var(--mdc-theme-text-secondary-on-background);span{font-weight:600;}");
+var StatusIndicator = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "StatusIndicator",
+  target: "exct32u5"
+})("width:56px !important;position:relative;display:block;z-index:2;background:var(--mdc-theme-secondary);line-height:56px;height:56px;border-radius:28px;width:100%;text-align:center;color:#fff;box-shadow:0 2px 6px rgba(170,185,200,0.4);");
+var Percentage = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "Percentage",
+  target: "exct32u6"
+})("font-weight:600;");
+var Icon = /*#__PURE__*/(0, _styled.default)("img", {
+  label: "Icon",
+  target: "exct32u7"
+})("position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;fill:#fff;&.loading{width:75px;left:5px;top:5px;}");
 var UploadStatus = function UploadStatus(_ref) {
-  var uploading = _ref.uploading;
-  if (!uploading) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(StatusWrapper, null, /*#__PURE__*/_react.default.createElement(UploadingLabel, null, "Uploading..."), /*#__PURE__*/_react.default.createElement(CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    size: 10,
-    spinnerWidth: 1
-  })));
+  var numberOfFiles = _ref.numberOfFiles,
+    progress = _ref.progress;
+  return /*#__PURE__*/_react.default.createElement(StatusWrapper, null, /*#__PURE__*/_react.default.createElement(StatusIndicator, null, Number(progress.toFixed()) <= 98 ? /*#__PURE__*/_react.default.createElement(Icon, {
+    className: "loading",
+    src: _loading.default,
+    alt: "Loading"
+  }) : /*#__PURE__*/_react.default.createElement(Icon, {
+    src: _check.default,
+    alt: "Done"
+  }), Number(progress.toFixed()) <= 98 && /*#__PURE__*/_react.default.createElement(Percentage, null, progress.toFixed(), "%")), /*#__PURE__*/_react.default.createElement(ProgressWrapper, null, /*#__PURE__*/_react.default.createElement(UploadingLabel, null, "Uploading ", /*#__PURE__*/_react.default.createElement("span", null, numberOfFiles), " file(s)"), /*#__PURE__*/_react.default.createElement(ProgressBar, null, /*#__PURE__*/_react.default.createElement(ProgressBarPercentage, {
+    width: progress.toFixed()
+  }))));
 };
 var _default = UploadStatus;
 exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/UploadStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["StatusWrapper","styled","color","position","right","bottom","marginRight","display","alignItems","CircularProgressHolder","height","width","UploadingLabel","UploadStatus","uploading"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst StatusWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-primary)\",\n    position: \"absolute\",\n    right: 0,\n    bottom: 10,\n    marginRight: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"> div\": {\n        display: \"inline-block\"\n    }\n});\n\nconst CircularProgressHolder = styled(\"div\")({\n    position: \"relative\",\n    height: 12,\n    width: 12\n});\n\nconst UploadingLabel = styled(\"div\")({\n    marginRight: 5\n});\n\nexport interface UploadStatusProps {\n    uploading: boolean;\n}\nconst UploadStatus: React.FC<UploadStatusProps> = ({ uploading }) => {\n    if (!uploading) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>Uploading...</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default UploadStatus;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,0BAA0B;EACjCC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,EAAE;EACVC,WAAW,EAAE,EAAE;EACfC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpB,OAAO,EAAE;IACLD,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,IAAME,sBAAsB,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACzCE,QAAQ,EAAE,UAAU;EACpBO,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,cAAc,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCK,WAAW,EAAE;AACjB,CAAC,CAAC;AAKF,IAAMO,YAAyC,GAAG,SAA5CA,YAAyC,OAAsB;EAAA,IAAhBC,SAAS,QAATA,SAAS;EAC1D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,aAAa,qBACV,6BAAC,cAAc,QAAC,cAAY,CAAiB,eAC7C,6BAAC,sBAAsB,qBACnB,6BAAC,0BAAgB;IAAC,IAAI,EAAE,EAAG;IAAC,YAAY,EAAE;EAAE,EAAG,CAC1B,CACb;AAExB,CAAC;AAAC,eAEaD,YAAY;AAAA"}
+{"version":3,"names":["animateShow","keyframes","StatusWrapper","styled","ProgressWrapper","ProgressBar","ProgressBarPercentage","props","width","UploadingLabel","StatusIndicator","Percentage","Icon","UploadStatus","numberOfFiles","progress","Number","toFixed","loadingIcon","checkIcon"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\n\nconst animateShow = keyframes`\n    0% { \n        opacity: 0;\n        top: 0;\n    }\n    60% { \n        opacity: 1; \n        top: -55px;\n    }\n    100% { \n        opacity: 1; \n        top: -50px;\n    }\n`;\n\nimport loadingIcon from \"./assets/loading.svg\";\nimport checkIcon from \"./assets/check.svg\";\n\nconst StatusWrapper = styled.div`\n    border-radius: 28px;\n    width: 320px;\n    transform: translate(-50%, -50%);\n    position: absolute;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n    color: var(--mdc-theme-on-surface);\n    background-color: #fff;\n    left: calc(50vw - 160px);\n    top: -50px;\n    display: flex;\n    align-items: center;\n    animation-name: ${animateShow};\n    animation-duration: 1.5s;\n    animation-timing-function: ease-out;\n`;\n\nconst ProgressWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 225px;\n    align-items: center;\n    justify-content: center;\n    margin-left: 15px;\n    margin-top: -5px;\n`;\n\nconst ProgressBar = styled.div`\n    top: 0;\n    z-index: 1;\n    height: 5px;\n    border-radius: 5px;\n    background-color: var(--mdc-theme-on-background);\n    width: 100%;\n    overflow: hidden;\n`;\n\nconst ProgressBarPercentage = styled.span<{ width: string }>`\n    display: block;\n    height: 100%;\n    background-color: var(--mdc-theme-secondary);\n    width: ${props => props.width || 0}%;\n`;\n\nconst UploadingLabel = styled.div`\n    z-index: 2;\n    padding: 5px 0 6px 0px;\n    text-transform: uppercase;\n    color: var(--mdc-theme-text-secondary-on-background);\n    span {\n        font-weight: 600;\n    }\n`;\n\nconst StatusIndicator = styled.div`\n    width: 56px !important;\n    position: relative;\n    display: block;\n    z-index: 2;\n    background: var(--mdc-theme-secondary);\n    line-height: 56px;\n    height: 56px;\n    border-radius: 28px;\n    width: 100%;\n    text-align: center;\n    color: #fff;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n`;\n\nconst Percentage = styled.span`\n    font-weight: 600;\n`;\n\nconst Icon = styled.img`\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    margin: -15px 0 0 -15px;\n    fill: #fff;\n    &.loading {\n        width: 75px;\n        left: 5px;\n        top: 5px;\n    }\n`;\n\nexport interface UploadStatusProps {\n    progress: number;\n    numberOfFiles: number;\n}\nconst UploadStatus: React.FC<UploadStatusProps> = ({ numberOfFiles, progress }) => {\n    return (\n        <StatusWrapper>\n            <StatusIndicator>\n                {Number(progress.toFixed()) <= 98 ? (\n                    <Icon className=\"loading\" src={loadingIcon} alt=\"Loading\" />\n                ) : (\n                    <Icon src={checkIcon} alt=\"Done\" />\n                )}\n                {Number(progress.toFixed()) <= 98 && <Percentage>{progress.toFixed()}%</Percentage>}\n            </StatusIndicator>\n            <ProgressWrapper>\n                <UploadingLabel>\n                    Uploading <span>{numberOfFiles}</span> file(s)\n                </UploadingLabel>\n                <ProgressBar>\n                    <ProgressBarPercentage width={progress.toFixed()} />\n                </ProgressBar>\n            </ProgressWrapper>\n        </StatusWrapper>\n    );\n};\n\nexport default UploadStatus;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAiBA;AACA;AAhBA,IAAMA,WAAW,oBAAGC,iBAAS,8FAa5B;AAKD,IAAMC,aAAa,oBAAGC,eAAM;EAAA;EAAA;AAAA,2QAYNH,WAAW,iEAGhC;AAED,IAAMI,eAAe,oBAAGD,eAAM;EAAA;EAAA;AAAA,gIAQ7B;AAED,IAAME,WAAW,oBAAGF,eAAM;EAAA;EAAA;AAAA,8HAQzB;AAED,IAAMG,qBAAqB,oBAAGH,eAAM;EAAA;EAAA;AAAA,mFAIvB,UAAAI,KAAK;EAAA,OAAIA,KAAK,CAACC,KAAK,IAAI,CAAC;AAAA,QACrC;AAED,IAAMC,cAAc,oBAAGN,eAAM;EAAA;EAAA;AAAA,yIAQ5B;AAED,IAAMO,eAAe,oBAAGP,eAAM;EAAA;EAAA;AAAA,+OAa7B;AAED,IAAMQ,UAAU,oBAAGR,eAAM;EAAA;EAAA;AAAA,sBAExB;AAED,IAAMS,IAAI,oBAAGT,eAAM;EAAA;EAAA;AAAA,iHAWlB;AAMD,IAAMU,YAAyC,GAAG,SAA5CA,YAAyC,OAAoC;EAAA,IAA9BC,aAAa,QAAbA,aAAa;IAAEC,QAAQ,QAARA,QAAQ;EACxE,oBACI,6BAAC,aAAa,qBACV,6BAAC,eAAe,QACXC,MAAM,CAACD,QAAQ,CAACE,OAAO,EAAE,CAAC,IAAI,EAAE,gBAC7B,6BAAC,IAAI;IAAC,SAAS,EAAC,SAAS;IAAC,GAAG,EAAEC,gBAAY;IAAC,GAAG,EAAC;EAAS,EAAG,gBAE5D,6BAAC,IAAI;IAAC,GAAG,EAAEC,cAAU;IAAC,GAAG,EAAC;EAAM,EACnC,EACAH,MAAM,CAACD,QAAQ,CAACE,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAI,6BAAC,UAAU,QAAEF,QAAQ,CAACE,OAAO,EAAE,EAAC,GAAC,CAAa,CACrE,eAClB,6BAAC,eAAe,qBACZ,6BAAC,cAAc,QAAC,YACF,0DAAOH,aAAa,CAAQ,YAC1C,CAAiB,eACjB,6BAAC,WAAW,qBACR,6BAAC,qBAAqB;IAAC,KAAK,EAAEC,QAAQ,CAACE,OAAO;EAAG,EAAG,CAC1C,CACA,CACN;AAExB,CAAC;AAAC,eAEaJ,YAAY;AAAA"}

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/assets/check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
+    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="#fff" />
+</svg>

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/assets/loading.svg

@@ -0,0 +1,17 @@
+<svg x="0px" y="0px" width="30px" height="30px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"  xmlns="http://www.w3.org/2000/svg">
+
+    <path opacity="0.3" fill="#fff" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
+    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
+    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z" />
+
+    <path fill="#fff" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
+    C22.32,8.481,24.301,9.057,26.013,10.047z">
+        <animateTransform attributeType="xml"
+        attributeName="transform"
+        type="rotate"
+        from="0 20 20"
+        to="360 20 20"
+        dur="1s"
+        repeatCount="indefinite" />
+    </path>
+</svg>

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { SupportedFileTypesProps } from "./BottomInfoBar/SupportedFileTypes";
-import { UploadStatusProps } from "./BottomInfoBar/UploadStatus";
-declare const BottomInfoBar: React.FC<SupportedFileTypesProps & UploadStatusProps>;
+export interface BottomInfoBarProps {
+    children?: React.ReactNode;
+}
+declare const BottomInfoBar: ({ children }: BottomInfoBarProps) => JSX.Element;
 export default BottomInfoBar;

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar.js

@@ -8,8 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lite = _interopRequireDefault(require("mime/lite"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _SupportedFileTypes = _interopRequireDefault(require("./BottomInfoBar/SupportedFileTypes"));
-var _UploadStatus = _interopRequireDefault(require("./BottomInfoBar/UploadStatus"));
 _lite.default.define({
   "image/x-icon": ["ico"]
 }, true);
@@ -20,29 +18,12 @@ _lite.default.define({
   "image/vnd.microsoft.icon": ["ico"]
 }, true);
 var BottomInfoBarWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e16yhave0",
-  label: "BottomInfoBarWrapper"
-})({
-  fontSize: "0.8rem",
-  position: "sticky",
-  bottom: 0,
-  height: 30,
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  borderTop: "1px solid var(--mdc-theme-on-background)",
-  backgroundColor: "var(--mdc-theme-surface)",
-  width: "100%",
-  transform: "translateZ(0)",
-  overflow: "hidden",
-  display: "flex",
-  alignItems: "center",
-  zIndex: 1,
-  "> div": {
-    padding: "0 10px",
-    width: "100%"
-  }
-});
-var BottomInfoBar = function BottomInfoBar(props) {
-  return /*#__PURE__*/_react.default.createElement(BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_UploadStatus.default, props)));
+  label: "BottomInfoBarWrapper",
+  target: "e16yhave0"
+})("font-size:0.8rem;position:sticky;bottom:0px;height:30px;color:var(--mdc-theme-text-secondary-on-background);border-top:1px solid var(--mdc-theme-on-background);background-color:var(--mdc-theme-surface);width:100%;transform:translateZ(0);overflow:visible;display:flex;align-items:center;z-index:1;> div{position:relative;width:100%;height:100%;}");
+var BottomInfoBar = function BottomInfoBar(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, children));
 };
 var _default = BottomInfoBar;
 exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["mime","define","BottomInfoBarWrapper","styled","fontSize","position","bottom","height","color","borderTop","backgroundColor","width","transform","overflow","display","alignItems","zIndex","padding","BottomInfoBar","props"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\nimport styled from \"@emotion/styled\";\nimport SupportedFileTypes, { SupportedFileTypesProps } from \"./BottomInfoBar/SupportedFileTypes\";\nimport UploadStatus, { UploadStatusProps } from \"./BottomInfoBar/UploadStatus\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst BottomInfoBarWrapper = styled(\"div\")({\n    fontSize: \"0.8rem\",\n    position: \"sticky\",\n    bottom: 0,\n    height: 30,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    width: \"100%\",\n    transform: \"translateZ(0)\",\n    overflow: \"hidden\",\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 1,\n    \"> div\": {\n        padding: \"0 10px\",\n        width: \"100%\"\n    }\n});\n\nconst BottomInfoBar: React.FC<SupportedFileTypesProps & UploadStatusProps> = props => {\n    return (\n        <BottomInfoBarWrapper>\n            <div>\n                <SupportedFileTypes {...props} />\n                <UploadStatus {...props} />\n            </div>\n        </BottomInfoBarWrapper>\n    );\n};\n\nexport default BottomInfoBar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,QAAQ;EAClBC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,+CAA+C;EACtDC,SAAS,EAAE,0CAA0C;EACrDC,eAAe,EAAE,0BAA0B;EAC3CC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,eAAe;EAC1BC,QAAQ,EAAE,QAAQ;EAClBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE;IACLC,OAAO,EAAE,QAAQ;IACjBN,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAEF,IAAMO,aAAoE,GAAG,SAAvEA,aAAoE,CAAGC,KAAK,EAAI;EAClF,oBACI,6BAAC,oBAAoB,qBACjB,uDACI,6BAAC,2BAAkB,EAAKA,KAAK,CAAI,eACjC,6BAAC,qBAAY,EAAKA,KAAK,CAAI,CACzB,CACa;AAE/B,CAAC;AAAC,eAEaD,aAAa;AAAA"}
+{"version":3,"names":["mime","define","BottomInfoBarWrapper","styled","BottomInfoBar","children"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\nimport styled from \"@emotion/styled\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst BottomInfoBarWrapper = styled.div`\n    font-size: 0.8rem;\n    position: sticky;\n    bottom: 0px;\n    height: 30px;\n    color: var(--mdc-theme-text-secondary-on-background);\n    border-top: 1px solid var(--mdc-theme-on-background);\n    background-color: var(--mdc-theme-surface);\n    width: 100%;\n    transform: translateZ(0);\n    overflow: visible;\n    display: flex;\n    align-items: center;\n    z-index: 1;\n    > div {\n        position: relative;\n        width: 100%;\n        height: 100%;\n    }\n`;\n\nexport interface BottomInfoBarProps {\n    children?: React.ReactNode;\n}\n\nconst BottomInfoBar = ({ children }: BottomInfoBarProps) => {\n    return (\n        <BottomInfoBarWrapper>\n            <div>{children}</div>\n        </BottomInfoBarWrapper>\n    );\n};\n\nexport default BottomInfoBar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,oBAAGC,eAAM;EAAA;EAAA;AAAA,8VAmBlC;AAMD,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;EAC7B,oBACI,6BAAC,oBAAoB,qBACjB,0CAAMA,QAAQ,CAAO,CACF;AAE/B,CAAC;AAAC,eAEaD,aAAa;AAAA"}