@webiny/app-file-manager 6.3.0 → 6.4.0-beta.1

package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js

@@ -1,280 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import Files from "react-butterfiles";
-import debounce from "lodash/debounce.js";
-import { useHotkeys } from "@webiny/app-admin";
-import { observer } from "mobx-react-lite";
-import { Scrollbar } from "@webiny/admin-ui";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { LeftPanel, OverlayLayout, RightPanel, SplitView, useSnackbar } from "@webiny/app-admin";
-import { useFileManagerView } from "../FileManagerViewProvider/index.js";
-import { outputFileSelectionError } from "./outputFileSelectionError.js";
-import { LeftSidebar } from "./LeftSidebar.js";
-import { useFileManagerViewConfig } from "../../../index.js";
-import { BatchFileUploader } from "../../../BatchFileUploader.js";
-import { BottomInfoBar } from "../../../components/BottomInfoBar/index.js";
-import { BulkActions } from "../../../components/BulkActions/index.js";
-import { FileDropPlaceholder } from "../../../components/FileDropPlaceholder/index.js";
-import { Empty } from "../../../components/Empty/index.js";
-import { FileDetails } from "../../../components/FileDetails/index.js";
-import { Filters } from "../../../components/Filters/index.js";
-import { Grid } from "../../../components/Grid/index.js";
-import { Header } from "../../../components/Header/index.js";
-import { Table } from "../../../components/Table/index.js";
-import { TagsList } from "../../../components/TagsList/index.js";
-import { UploadStatus } from "../../../components/UploadStatus/index.js";
-const t = i18n.ns("app-admin/file-manager/file-manager-view");
-const createSort = sorting => {
-  if (!sorting?.length) {
-    return undefined;
-  }
-  return sorting.reduce((items, item) => {
-    const sort = `${item.id}_${item.desc ? "DESC" : "ASC"}`;
-    if (items.includes(sort)) {
-      return items;
-    }
-    items.push(sort);
-    return items;
-  }, []);
-};
-const FileManagerView = () => {
-  const view = useFileManagerView();
-  const {
-    browser
-  } = useFileManagerViewConfig();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [drawerLoading, setDrawerLoading] = useState(null);
-  const uploader = useMemo(() => new BatchFileUploader(view.uploadFile), [view.folderId]);
-  const [tableSorting, setTableSorting] = useState([]);
-  const [currentFile, setCurrentFile] = useState();
-  useEffect(() => {
-    const fetchFileDetails = async () => {
-      if (view.showingFileDetails) {
-        setDrawerLoading("Loading file details...");
-        const file = await view.getFile(view.showingFileDetails);
-        setCurrentFile(file);
-      } else {
-        setCurrentFile(undefined);
-      }
-      setDrawerLoading(null);
-    };
-
-    // call the function
-    fetchFileDetails();
-  }, [view.showingFileDetails]);
-  useEffect(() => {
-    if (!tableSorting?.length) {
-      return;
-    }
-    const sort = createSort(tableSorting);
-    if (!sort) {
-      return;
-    }
-    view.setListSort(sort);
-  }, [tableSorting]);
-  const getFileUploadErrorMessage = useCallback(e => {
-    if (typeof e === "string") {
-      const match = e.match(/Message>(.*?)<\/Message/);
-      if (match) {
-        const [, message] = match;
-        return message;
-      }
-      return e;
-    }
-    return e.message;
-  }, []);
-  useHotkeys({
-    zIndex: 20,
-    keys: {
-      esc: () => {
-        if (view.overlay) {
-          view.onClose();
-        }
-      }
-    }
-  });
-  const uploadFiles = async files => {
-    uploader.addFiles(files);
-    view.setIsUploadProgressIndicatorVisible(true);
-    uploader.onUploadFinished(({
-      uploaded,
-      errors
-    }) => {
-      uploader.reset();
-      view.setIsUploadProgressIndicatorVisible(true);
-      if (errors.length > 0) {
-        showSnackbar(/*#__PURE__*/React.createElement(React.Fragment, null, t`One or more files were not uploaded successfully:`, /*#__PURE__*/React.createElement("ol", null, errors.map(({
-          file,
-          e
-        }) => /*#__PURE__*/React.createElement("li", {
-          key: file.name
-        }, /*#__PURE__*/React.createElement("strong", null, file.name), ": ", getFileUploadErrorMessage(e))))));
-        return;
-      }
-      showSnackbar(t`File upload complete.`, {
-        timeout: 3000
-      });
-      view.onUploadCompletion(uploaded);
-    });
-  };
-  const filesBeingUploaded = uploader.getJobs().length;
-  const progress = uploader.progress;
-  const renderList = browseFiles => {
-    if (!view.isListLoading && view.isSearch && view.files.length === 0) {
-      return /*#__PURE__*/React.createElement(Empty, {
-        isSearchResult: true,
-        browseFiles: browseFiles
-      });
-    }
-    if (!view.isListLoading && view.files.length === 0 && view.folders.length === 0) {
-      return /*#__PURE__*/React.createElement(Empty, {
-        isSearchResult: false,
-        browseFiles: browseFiles
-      });
-    }
-    if (view.listTable) {
-      const getSelectableRow = rows => rows.filter(row => row.$type === "RECORD").map(row => row.data);
-      const onSelectRow = view.hasOnSelectCallback ? rows => {
-        const files = getSelectableRow(rows);
-        if (view.multiple) {
-          view.setSelected(files);
-        } else {
-          view.onChange(files[0]);
-        }
-      } : rows => {
-        const files = getSelectableRow(rows);
-        view.setSelected(files);
-      };
-      const onToggleRow = view.hasOnSelectCallback ? row => {
-        const files = getSelectableRow([row]);
-        if (view.multiple) {
-          view.toggleSelected(files[0]);
-        } else {
-          view.onChange(files[0]);
-        }
-      } : row => {
-        const files = getSelectableRow([row]);
-        view.toggleSelected(files[0]);
-      };
-      return /*#__PURE__*/React.createElement(Table, {
-        onSelectRow: onSelectRow,
-        onToggleRow: onToggleRow,
-        sorting: tableSorting,
-        onSortingChange: setTableSorting
-      });
-    }
-    return /*#__PURE__*/React.createElement(Grid, {
-      folderActions: browser.folder.actions,
-      folders: view.folders,
-      records: view.files,
-      loading: view.isListLoading,
-      onFolderClick: view.setFolderId,
-      selected: view.selected,
-      multiple: view.multiple,
-      toggleSelected: view.toggleSelected,
-      deselectAll: view.deselectAll,
-      onChange: view.onChange,
-      onClose: view.onClose,
-      hasOnSelectCallback: view.hasOnSelectCallback,
-      displaySubFolders: view.displaySubFolders
-    });
-  };
-  const loadMoreOnScroll = useCallback(debounce(async ({
-    scrollFrame
-  }) => {
-    if (scrollFrame.top > 0.8) {
-      view.loadMoreFiles();
-    }
-  }, 200), [view.meta, view.loadMoreFiles]);
-  const updateFile = useCallback(async data => {
-    const {
-      id,
-      ...fileData
-    } = data;
-    setDrawerLoading("Saving file changes...");
-    await view.updateFile(id, fileData);
-    setDrawerLoading(null);
-    showSnackbar("File updated successfully!");
-    view.hideFileDetails();
-  }, [view.updateFile]);
-  const withOverlay = element => {
-    if (view.overlay) {
-      return /*#__PURE__*/React.createElement(OverlayLayout, {
-        variant: "strong",
-        onExited: view.onClose
-      }, element);
-    }
-    return element;
-  };
-  return /*#__PURE__*/React.createElement(Files, {
-    multiple: true,
-    maxSize: view.settings ? view.settings.uploadMaxFileSize + "b" : "1TB",
-    multipleMaxSize: "1TB",
-    accept: view.accept,
-    onSuccess: files => {
-      const filesToUpload = files.map(file => file.src.file).filter(Boolean);
-      uploadFiles(filesToUpload);
-    },
-    onError: errors => {
-      const message = outputFileSelectionError(errors);
-      showSnackbar(message);
-    }
-  }, ({
-    getDropZoneProps,
-    browseFiles
-  }) => withOverlay(/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileDetails, {
-    loading: drawerLoading,
-    file: currentFile,
-    open: Boolean(view.showingFileDetails),
-    onClose: view.hideFileDetails,
-    onSave: updateFile
-  }), /*#__PURE__*/React.createElement(SplitView, {
-    namespace: "fm/file/list"
-  }, /*#__PURE__*/React.createElement(LeftPanel, {
-    span: 2
-  }, /*#__PURE__*/React.createElement(LeftSidebar, {
-    currentFolder: view.folderId,
-    onFolderClick: view.setFolderId
-  }, browser.filterByTags ? /*#__PURE__*/React.createElement(TagsList, {
-    loading: view.tags.loading,
-    activeTags: view.tags.activeTags,
-    tags: view.tags.allTags,
-    onActivatedTagsChange: view.tags.setActiveTags
-  }) : null)), /*#__PURE__*/React.createElement(RightPanel, {
-    span: 10
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col relative",
-    style: {
-      height: "calc(100vh - 45px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, {
-    browseFiles: browseFiles
-  }), /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "flex-1"
-  }, getDropZoneProps({
-    onDragOver: () => view.setDragging(true),
-    onDragLeave: () => view.setDragging(false),
-    onDrop: () => view.setDragging(false)
-  }), {
-    "data-testid": "fm-list-wrapper"
-  }), /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(Scrollbar, {
-    onScrollFrame: scrollFrame => loadMoreOnScroll({
-      scrollFrame
-    })
-  }, renderList(browseFiles)), view.dragging && /*#__PURE__*/React.createElement(FileDropPlaceholder, null), /*#__PURE__*/React.createElement(UploadStatus, {
-    numberOfFiles: filesBeingUploaded,
-    progress: progress,
-    isVisible: view.isUploadProgressIndicatorVisible,
-    setIsVisible: view.setIsUploadProgressIndicatorVisible
-  })), /*#__PURE__*/React.createElement(BottomInfoBar, {
-    accept: view.accept,
-    listing: view.isListLoadingMore,
-    loading: view.isListLoading,
-    totalCount: view.meta?.totalCount ?? 0,
-    currentCount: view.files.length
-  })))))));
-};
-export default observer(FileManagerView);
-
-//# sourceMappingURL=FileManagerView.js.map

package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Files","debounce","useHotkeys","observer","Scrollbar","i18n","LeftPanel","OverlayLayout","RightPanel","SplitView","useSnackbar","useFileManagerView","outputFileSelectionError","LeftSidebar","useFileManagerViewConfig","BatchFileUploader","BottomInfoBar","BulkActions","FileDropPlaceholder","Empty","FileDetails","Filters","Grid","Header","Table","TagsList","UploadStatus","t","ns","createSort","sorting","length","undefined","reduce","items","item","sort","id","desc","includes","push","FileManagerView","view","browser","showSnackbar","drawerLoading","setDrawerLoading","uploader","uploadFile","folderId","tableSorting","setTableSorting","currentFile","setCurrentFile","fetchFileDetails","showingFileDetails","file","getFile","setListSort","getFileUploadErrorMessage","e","match","message","zIndex","keys","esc","overlay","onClose","uploadFiles","files","addFiles","setIsUploadProgressIndicatorVisible","onUploadFinished","uploaded","errors","reset","createElement","Fragment","map","key","name","timeout","onUploadCompletion","filesBeingUploaded","getJobs","progress","renderList","browseFiles","isListLoading","isSearch","isSearchResult","folders","listTable","getSelectableRow","rows","filter","row","$type","data","onSelectRow","hasOnSelectCallback","multiple","setSelected","onChange","onToggleRow","toggleSelected","onSortingChange","folderActions","folder","actions","records","loading","onFolderClick","setFolderId","selected","deselectAll","displaySubFolders","loadMoreOnScroll","scrollFrame","top","loadMoreFiles","meta","updateFile","fileData","hideFileDetails","withOverlay","element","variant","onExited","maxSize","settings","uploadMaxFileSize","multipleMaxSize","accept","onSuccess","filesToUpload","src","Boolean","onError","getDropZoneProps","open","onSave","namespace","span","currentFolder","filterByTags","tags","activeTags","allTags","onActivatedTagsChange","setActiveTags","className","style","height","Object","assign","onDragOver","setDragging","onDragLeave","onDrop","onScrollFrame","dragging","numberOfFiles","isVisible","isUploadProgressIndicatorVisible","setIsVisible","listing","isListLoadingMore","totalCount","currentCount"],"sources":["FileManagerView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { FilesRenderChildren } from \"react-butterfiles\";\nimport Files from \"react-butterfiles\";\nimport debounce from \"lodash/debounce.js\";\nimport type { positionValues } from \"react-custom-scrollbars\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { observer } from \"mobx-react-lite\";\nimport { type DataTableSorting, Scrollbar } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { LeftPanel, OverlayLayout, RightPanel, SplitView, useSnackbar } from \"@webiny/app-admin\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError.js\";\nimport { LeftSidebar } from \"./LeftSidebar.js\";\nimport { useFileManagerViewConfig } from \"~/index.js\";\nimport type { FileItem } from \"~/types.js\";\nimport { BatchFileUploader } from \"~/BatchFileUploader.js\";\nimport type { ListFilesSort, ListFilesSortItem } from \"~/modules/FileManagerApiProvider/graphql.js\";\nimport type { TableItem } from \"~/types.js\";\n\nimport { BottomInfoBar } from \"~/components/BottomInfoBar/index.js\";\nimport { BulkActions } from \"~/components/BulkActions/index.js\";\nimport { FileDropPlaceholder } from \"~/components/FileDropPlaceholder/index.js\";\nimport { Empty } from \"~/components/Empty/index.js\";\nimport { FileDetails } from \"~/components/FileDetails/index.js\";\nimport { Filters } from \"~/components/Filters/index.js\";\nimport { Grid } from \"~/components/Grid/index.js\";\nimport { Header } from \"~/components/Header/index.js\";\nimport type { TableProps } from \"~/components/Table/index.js\";\nimport { Table } from \"~/components/Table/index.js\";\nimport { TagsList } from \"~/components/TagsList/index.js\";\nimport { UploadStatus } from \"~/components/UploadStatus/index.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\ntype GetFileUploadErrorMessageProps =\n    | string\n    | {\n          message: string;\n      };\n\nconst createSort = (sorting?: DataTableSorting): ListFilesSort | undefined => {\n    if (!sorting?.length) {\n        return undefined;\n    }\n    return sorting.reduce<ListFilesSort>((items, item) => {\n        const sort = `${item.id}_${item.desc ? \"DESC\" : \"ASC\"}` as ListFilesSortItem;\n        if (items.includes(sort)) {\n            return items;\n        }\n        items.push(sort);\n        return items;\n    }, []);\n};\n\nconst FileManagerView = () => {\n    const view = useFileManagerView();\n    const { browser } = useFileManagerViewConfig();\n    const { showSnackbar } = useSnackbar();\n    const [drawerLoading, setDrawerLoading] = useState<string | null>(null);\n\n    const uploader = useMemo<BatchFileUploader>(\n        () => new BatchFileUploader(view.uploadFile),\n        [view.folderId]\n    );\n\n    const [tableSorting, setTableSorting] = useState<DataTableSorting>([]);\n    const [currentFile, setCurrentFile] = useState<FileItem>();\n\n    useEffect(() => {\n        const fetchFileDetails = async () => {\n            if (view.showingFileDetails) {\n                setDrawerLoading(\"Loading file details...\");\n                const file = await view.getFile(view.showingFileDetails);\n                setCurrentFile(file);\n            } else {\n                setCurrentFile(undefined);\n            }\n            setDrawerLoading(null);\n        };\n\n        // call the function\n        fetchFileDetails();\n    }, [view.showingFileDetails]);\n\n    useEffect(() => {\n        if (!tableSorting?.length) {\n            return;\n        }\n        const sort = createSort(tableSorting);\n        if (!sort) {\n            return;\n        }\n        view.setListSort(sort);\n    }, [tableSorting]);\n\n    const getFileUploadErrorMessage = useCallback((e: GetFileUploadErrorMessageProps) => {\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: 20,\n        keys: {\n            esc: () => {\n                if (view.overlay) {\n                    view.onClose();\n                }\n            }\n        }\n    });\n\n    const uploadFiles = async (files: File[]) => {\n        uploader.addFiles(files);\n        view.setIsUploadProgressIndicatorVisible(true);\n\n        uploader.onUploadFinished(({ uploaded, errors }) => {\n            uploader.reset();\n            view.setIsUploadProgressIndicatorVisible(true);\n\n            if (errors.length > 0) {\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                return;\n            }\n\n            showSnackbar(t`File upload complete.`, { timeout: 3000 });\n\n            view.onUploadCompletion(uploaded);\n        });\n    };\n\n    const filesBeingUploaded = uploader.getJobs().length;\n    const progress = uploader.progress;\n\n    const renderList = (browseFiles: FilesRenderChildren[\"browseFiles\"]) => {\n        if (!view.isListLoading && view.isSearch && view.files.length === 0) {\n            return <Empty isSearchResult={true} browseFiles={browseFiles} />;\n        }\n\n        if (!view.isListLoading && view.files.length === 0 && view.folders.length === 0) {\n            return <Empty isSearchResult={false} browseFiles={browseFiles} />;\n        }\n\n        if (view.listTable) {\n            const getSelectableRow = (rows: TableItem[]) =>\n                rows.filter(row => row.$type === \"RECORD\").map(row => row.data as FileItem);\n\n            const onSelectRow: TableProps[\"onSelectRow\"] = view.hasOnSelectCallback\n                ? rows => {\n                      const files = getSelectableRow(rows);\n\n                      if (view.multiple) {\n                          view.setSelected(files);\n                      } else {\n                          view.onChange(files[0]);\n                      }\n                  }\n                : rows => {\n                      const files = getSelectableRow(rows);\n                      view.setSelected(files);\n                  };\n\n            const onToggleRow: TableProps[\"onToggleRow\"] = view.hasOnSelectCallback\n                ? row => {\n                      const files = getSelectableRow([row]);\n\n                      if (view.multiple) {\n                          view.toggleSelected(files[0]);\n                      } else {\n                          view.onChange(files[0]);\n                      }\n                  }\n                : row => {\n                      const files = getSelectableRow([row]);\n                      view.toggleSelected(files[0]);\n                  };\n\n            return (\n                <Table\n                    onSelectRow={onSelectRow}\n                    onToggleRow={onToggleRow}\n                    sorting={tableSorting}\n                    onSortingChange={setTableSorting}\n                />\n            );\n        }\n\n        return (\n            <Grid\n                folderActions={browser.folder.actions}\n                folders={view.folders}\n                records={view.files}\n                loading={view.isListLoading}\n                onFolderClick={view.setFolderId}\n                selected={view.selected}\n                multiple={view.multiple}\n                toggleSelected={view.toggleSelected}\n                deselectAll={view.deselectAll}\n                onChange={view.onChange}\n                onClose={view.onClose}\n                hasOnSelectCallback={view.hasOnSelectCallback}\n                displaySubFolders={view.displaySubFolders}\n            />\n        );\n    };\n\n    const loadMoreOnScroll = useCallback(\n        debounce(async ({ scrollFrame }: { scrollFrame: positionValues }) => {\n            if (scrollFrame.top > 0.8) {\n                view.loadMoreFiles();\n            }\n        }, 200),\n        [view.meta, view.loadMoreFiles]\n    );\n\n    const updateFile = useCallback(\n        async (data: FileItem) => {\n            const { id, ...fileData } = data;\n            setDrawerLoading(\"Saving file changes...\");\n            await view.updateFile(id, fileData);\n            setDrawerLoading(null);\n            showSnackbar(\"File updated successfully!\");\n            view.hideFileDetails();\n        },\n        [view.updateFile]\n    );\n\n    const withOverlay = (element: React.ReactElement) => {\n        if (view.overlay) {\n            return (\n                <OverlayLayout variant={\"strong\"} onExited={view.onClose}>\n                    {element}\n                </OverlayLayout>\n            );\n        }\n\n        return element;\n    };\n    return (\n        <Files\n            multiple\n            maxSize={view.settings ? view.settings.uploadMaxFileSize + \"b\" : \"1TB\"}\n            multipleMaxSize={\"1TB\"}\n            accept={view.accept}\n            onSuccess={files => {\n                const filesToUpload = files.map(file => file.src.file).filter(Boolean) as File[];\n                uploadFiles(filesToUpload);\n            }}\n            onError={errors => {\n                const message = outputFileSelectionError(errors);\n                showSnackbar(message);\n            }}\n        >\n            {({ getDropZoneProps, browseFiles }) =>\n                withOverlay(\n                    <>\n                        <FileDetails\n                            loading={drawerLoading}\n                            file={currentFile}\n                            open={Boolean(view.showingFileDetails)}\n                            onClose={view.hideFileDetails}\n                            onSave={updateFile}\n                        />\n                        <SplitView namespace={\"fm/file/list\"}>\n                            <LeftPanel span={2}>\n                                <LeftSidebar\n                                    currentFolder={view.folderId}\n                                    onFolderClick={view.setFolderId}\n                                >\n                                    {browser.filterByTags ? (\n                                        <TagsList\n                                            loading={view.tags.loading}\n                                            activeTags={view.tags.activeTags}\n                                            tags={view.tags.allTags}\n                                            onActivatedTagsChange={view.tags.setActiveTags}\n                                        />\n                                    ) : null}\n                                </LeftSidebar>\n                            </LeftPanel>\n                            <RightPanel span={10}>\n                                <div\n                                    className={\"flex flex-col relative\"}\n                                    style={{ height: \"calc(100vh - 45px\" }}\n                                >\n                                    <Header browseFiles={browseFiles} />\n                                    <div\n                                        className={\"flex-1\"}\n                                        {...getDropZoneProps({\n                                            onDragOver: () => view.setDragging(true),\n                                            onDragLeave: () => view.setDragging(false),\n                                            onDrop: () => view.setDragging(false)\n                                        })}\n                                        data-testid={\"fm-list-wrapper\"}\n                                    >\n                                        <BulkActions />\n                                        <Filters />\n                                        <Scrollbar\n                                            onScrollFrame={scrollFrame =>\n                                                loadMoreOnScroll({ scrollFrame })\n                                            }\n                                        >\n                                            {renderList(browseFiles)}\n                                        </Scrollbar>\n                                        {view.dragging && <FileDropPlaceholder />}\n                                        <UploadStatus\n                                            numberOfFiles={filesBeingUploaded}\n                                            progress={progress}\n                                            isVisible={view.isUploadProgressIndicatorVisible}\n                                            setIsVisible={view.setIsUploadProgressIndicatorVisible}\n                                        />\n                                    </div>\n                                    <BottomInfoBar\n                                        accept={view.accept}\n                                        listing={view.isListLoadingMore}\n                                        loading={view.isListLoading}\n                                        totalCount={view.meta?.totalCount ?? 0}\n                                        currentCount={view.files.length}\n                                    />\n                                </div>\n                            </RightPanel>\n                        </SplitView>\n                    </>\n                )\n            }\n        </Files>\n    );\n};\n\nexport default observer(FileManagerView);\n"],"mappings":"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","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.d.ts

@@ -1,281 +0,0 @@
-import React from "react";
-export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
-    Browser: {
-        Grid: {
-            Item: (({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element) & {
-                original: ({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            } & {
-                original: (({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element) & {
-                    original: ({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                };
-                originalName: string;
-                displayName: string;
-            } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element) & {
-                    original: ({ file, fileBody, selected, onSelect, children }: import("../../../components/Grid/File.js").FileProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                }>) => (props: unknown) => React.JSX.Element;
-            } & {
-                Thumbnail: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                    original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    original: (({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    };
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                        original: ({ type, element }: import("./configComponents/Browser/Grid/Thumbnail.js").RendererProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    }>) => (props: unknown) => React.JSX.Element;
-                };
-                Action: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
-                    original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
-                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    };
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element) & {
-                        original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Grid/Action.js").ActionProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    }>) => (props: unknown) => React.JSX.Element;
-                } & {
-                    IconButton: ({ icon, label, onAction, disabled, ...props }: import("../../../components/Grid/ActionButton.js").ActionButtonProps) => React.JSX.Element;
-                };
-            };
-        };
-        BulkAction: (({ name, after, before, remove, element }: import("./configComponents/Browser/BulkAction.js").BulkActionProps) => React.JSX.Element) & {
-            useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
-            useWorker: () => {
-                items: import("../../../types.js").FileItem[];
-                process: (callback: (items: import("../../../types.js").FileItem[]) => void) => void;
-                processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin/index.js").CallbackParams<import("../../../types.js").FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
-                resetItems: () => void;
-                results: import("@webiny/app-admin/index.js").Result[];
-            };
-            useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
-        };
-        BulkEditField: ({ name, element }: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldProps) => React.JSX.Element;
-        Filter: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
-            original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        } & {
-            original: (({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            };
-            originalName: string;
-            displayName: string;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: unknown) => React.JSX.Element;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/Browser/Filter.js").FilterProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: {
-                name: string;
-            }) => React.JSX.Element;
-        };
-        FiltersToWhere: ({ converter }: {
-            converter: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter;
-        }) => React.JSX.Element;
-        FilterByTags: ({ remove }: import("./configComponents/Browser/FilterByTags.js").FilterByTagProps) => React.JSX.Element;
-        Folder: {
-            ExtensionField: {
-                createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-aco").FieldProps>>) => (props: import("@webiny/app-aco").FieldDecoratorProps) => React.JSX.Element;
-            };
-            Action: ((props: import("@webiny/app-aco/config/folder/Action.js").ActionProps) => React.JSX.Element) & {
-                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
-            };
-            DropConfirmation: (props: import("@webiny/app-aco/config/folder/DropConfirmation.js").DropConfirmationProps) => React.JSX.Element;
-        };
-        File: {
-            Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => React.JSX.Element) & {
-                OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
-                OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
-            };
-        };
-        Table: {
-            Column: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
-                original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            } & {
-                original: ((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
-                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                };
-                originalName: string;
-                displayName: string;
-            } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
-                    original: (props: import("@webiny/app-aco/config/table/Column.js").ColumnProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                }>) => (props: unknown) => React.JSX.Element;
-            } & {
-                useTableRow: {
-                    (): import("@webiny/app-aco").TableRowContextData<import("../../../types.js").TableItem>;
-                    <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../../types.js").TableItem & {
-                        data: TUserRow;
-                    }>;
-                };
-                isFolderRow: (row: import("@webiny/app-aco").TableRow) => row is import("@webiny/app-aco").FolderTableRow;
-            };
-            Cell: {
-                Thumbnail: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                    original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    original: (({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    };
-                    originalName: string;
-                    displayName: string;
-                } & {
-                    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                        original: ({ type, element }: import("./configComponents/Browser/Table/Thumbnail.js").RendererProps) => React.JSX.Element;
-                        originalName: string;
-                        displayName: string;
-                    }>) => (props: unknown) => React.JSX.Element;
-                };
-            };
-        };
-    };
-    FileDetails: {
-        Action: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
-            original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        } & {
-            original: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            };
-            originalName: string;
-            displayName: string;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Action.js").ActionProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: unknown) => React.JSX.Element;
-        } & {
-            Button: ({ label, icon, onAction, disabled, className, ...props }: import("../../../components/FileDetails/components/ActionButton.js").ActionButtonProps) => React.JSX.Element;
-        };
-        Preview: {
-            Thumbnail: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            } & {
-                original: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                };
-                originalName: string;
-                displayName: string;
-            } & {
-                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
-                    original: ({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element;
-                    originalName: string;
-                    displayName: string;
-                }>) => (props: unknown) => React.JSX.Element;
-            };
-        };
-        Width: ({ value }: import("./configComponents/FileDetails/Width.js").WidthProps) => React.JSX.Element;
-        GroupFields: React.FC<import("./configComponents/FileDetails/GroupFields.js").GroupFieldsProps>;
-        Field: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element) & {
-            original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        } & {
-            original: (({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            };
-            originalName: string;
-            displayName: string;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: unknown) => React.JSX.Element;
-        } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element) & {
-                original: ({ name, element, after, before, remove }: import("./configComponents/FileDetails/Field.js").FieldProps) => React.JSX.Element;
-                originalName: string;
-                displayName: string;
-            }>) => (props: {
-                name: string;
-            }) => React.JSX.Element;
-        };
-        ExtensionField: {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/FieldDecorator.js").FieldProps>>) => (props: import("./configComponents/FileDetails/FieldDecorator.js").FieldDecoratorProps) => React.JSX.Element;
-        };
-    };
-};
-export declare const FileManagerViewWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
-export declare function useFileManagerViewConfig(): {
-    getThumbnailRenderer: <T extends {
-        type: string;
-    }>(renderers: T[], file: import("../../../types.js").FileItem) => T;
-    browser: {
-        table: {
-            cellThumbnails: import("./configComponents/Browser/Table/Thumbnail.js").ThumbnailConfig[];
-            columns: import("@webiny/app-aco").TableColumnConfig[];
-        };
-        grid: {
-            itemActions: import("./configComponents/Browser/Grid/Action.js").ActionConfig[];
-            itemThumbnails: import("./configComponents/Browser/Grid/Thumbnail.js").ThumbnailConfig[];
-        };
-        bulkActions: import("./configComponents/Browser/BulkAction.js").BulkActionConfig[];
-        bulkEditFields: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldConfig[];
-        filterByTags: boolean;
-        filters: import("./configComponents/Browser/Filter.js").FilterConfig[];
-        filtersToWhere: import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhereConverter[];
-        folder: import("@webiny/app-aco/config/folder/index.js").FolderConfig;
-        file: import("@webiny/app-aco/config/record/index.js").RecordConfig;
-    };
-    fileDetails: {
-        actions: import("./configComponents/FileDetails/Action.js").ActionConfig[];
-        thumbnails: import("./configComponents/FileDetails/Thumbnail.js").ThumbnailConfig[];
-        groupFields: boolean;
-        width: string;
-        fields: import("./configComponents/FileDetails/Field.js").FieldConfig[];
-    };
-};