@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactButterfiles","_interopRequireDefault","_debounce","_omit","_reactHotkeyz","_mobxReactLite","_cloud_upload","_add","_i18n","_appAco","_appAdmin","_Button","_Scrollbar","_FileManagerViewProvider","_outputFileSelectionError","_LeftSidebar","_","_BottomInfoBar","_BulkActions","_DropFilesHere","_Empty","_FileDetails","_Grid","_LayoutSwitch","_Table","_Title","_UploadStatus","_BatchFileUploader","_SearchWidget","_Filters","_TagsList","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","FileListWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","createSort","sorting","length","undefined","reduce","items","item","sort","concat","id","desc","includes","push","FileManagerView","view","useFileManagerView","fileManager","useFileManagerApi","_useFileManagerViewCo","useFileManagerViewConfig","browser","_useSnackbar","useSnackbar","showSnackbar","_useCreateDialog","useCreateDialog","showCreateFolderDialog","showDialog","_useState","useState","_useState2","_slicedToArray2","drawerLoading","setDrawerLoading","uploader","useMemo","BatchFileUploader","uploadFile","folderId","_useState3","_useState4","tableSorting","setTableSorting","_useState5","_useState6","currentFile","setCurrentFile","useEffect","fetchFileDetails","showingFileDetails","file","getFile","setListSort","getFileUploadErrorMessage","useCallback","e","match","_match","message","useHotkeys","zIndex","keys","esc","onClose","uploadFiles","files","addFiles","onUploadFinished","_ref","uploaded","errors","reset","createElement","Fragment","_taggedTemplateLiteral2","_ref2","key","onUploadCompletion","renderUploadFileAction","_ref3","browseFiles","canCreate","ButtonPrimary","flat","small","onClick","ButtonIcon","icon","ReactComponent","filesBeingUploaded","getJobs","progress","renderList","isListLoading","isSearch","Empty","isSearchResult","folders","listTable","getSelectableRow","rows","filter","row","$type","omit","onSelectRow","hasOnSelectCallback","multiple","setSelected","onChange","onToggleRow","toggleSelected","Table","onSortingChange","Grid","records","loading","onFolderClick","setFolderId","selected","deselectAll","loadMoreOnScroll","debounce","_ref4","scrollFrame","top","loadMoreFiles","meta","onCreateFolder","currentParentId","updateFile","data","fileData","_objectWithoutProperties2","hideFileDetails","maxSize","settings","uploadMaxFileSize","multipleMaxSize","accept","onSuccess","filesToUpload","src","Boolean","onError","outputFileSelectionError","_ref5","getDropZoneProps","OverlayLayout","onExited","barLeft","Title","title","listTitle","barMiddle","SearchWidget","barRight","ButtonSecondary","style","margin","LayoutSwitch","FileDetails","open","onSave","LeftSidebar","currentFolder","filterByTags","TagsList","tags","activeTags","allTags","onActivatedTagsChange","setActiveTags","Object","assign","onDragOver","setDragging","onDragLeave","onDrop","dragging","DropFilesHere","BulkActions","Filters","Scrollbar","onScrollFrame","BottomInfoBar","listing","isListLoadingMore","UploadStatus","numberOfFiles","_default","exports","observer"],"sources":["FileManagerView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport Files, { FilesRenderChildren } from \"react-butterfiles\";\nimport styled from \"@emotion/styled\";\nimport debounce from \"lodash/debounce\";\nimport omit from \"lodash/omit\";\nimport { positionValues } from \"react-custom-scrollbars\";\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { observer } from \"mobx-react-lite\";\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 { i18n } from \"@webiny/app/i18n\";\nimport { useCreateDialog } from \"@webiny/app-aco\";\nimport { OverlayLayout, useSnackbar } from \"@webiny/app-admin\";\nimport { ButtonIcon, ButtonPrimary, ButtonProps, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Sorting } from \"@webiny/ui/DataTable\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError\";\nimport { LeftSidebar } from \"./LeftSidebar\";\nimport { useFileManagerApi, useFileManagerViewConfig } from \"~/index\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { BottomInfoBar } from \"~/components/BottomInfoBar\";\nimport { BulkActions } from \"~/components/BulkActions\";\nimport { DropFilesHere } from \"~/components/DropFilesHere\";\nimport { Empty } from \"~/components/Empty\";\nimport { FileDetails } from \"~/components/FileDetails\";\nimport { Grid } from \"~/components/Grid\";\nimport { LayoutSwitch } from \"~/components/LayoutSwitch\";\nimport { Table, TableProps } from \"~/components/Table\";\nimport { Title } from \"~/components/Title\";\nimport { UploadStatus } from \"~/components/UploadStatus\";\nimport { BatchFileUploader } from \"~/BatchFileUploader\";\nimport { SearchWidget } from \"./components/SearchWidget\";\nimport { Filters } from \"./components/Filters\";\nimport { TagsList } from \"~/modules/FileManagerRenderer/FileManagerView/components/TagsList\";\nimport { ListFilesSort, ListFilesSortItem } from \"~/modules/FileManagerApiProvider/graphql\";\nimport { TableItem } from \"~/types\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\nconst FileListWrapper = styled(\"div\")({\n    float: \"right\",\n    zIndex: 60,\n    display: \"inline-block\",\n    width: \"calc(100vw - 286px)\",\n    height: \"calc(100vh - 94px)\",\n    position: \"relative\",\n    \".mdc-data-table\": {\n        display: \"inline-table\"\n    }\n});\n\ntype BrowseFilesHandler = {\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n};\n\ntype GetFileUploadErrorMessageProps =\n    | string\n    | {\n          message: string;\n      };\n\nconst createSort = (sorting?: Sorting): 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 fileManager = useFileManagerApi();\n    const { browser } = useFileManagerViewConfig();\n    const { showSnackbar } = useSnackbar();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\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<Sorting>([]);\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: 50,\n        keys: {\n            esc: view.onClose\n        }\n    });\n\n    const uploadFiles = async (files: File[]) => {\n        uploader.addFiles(files);\n\n        uploader.onUploadFinished(({ uploaded, errors }) => {\n            uploader.reset();\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.`);\n\n            view.onUploadCompletion(uploaded);\n        });\n    };\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }: BrowseFilesHandler) => {\n            if (!fileManager.canCreate) {\n                return null;\n            }\n            return (\n                <ButtonPrimary\n                    flat={true}\n                    small={true}\n                    onClick={browseFiles as ButtonProps[\"onClick\"]}\n                >\n                    <ButtonIcon icon={<UploadIcon />} />\n                    {t`Upload...`}\n                </ButtonPrimary>\n            );\n        },\n        [fileManager.canCreate]\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\n                    .filter(row => row.$type === \"RECORD\")\n                    .map(row => omit(row, [\"$type\", \"$selectable\"]) 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                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            />\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 onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: view.folderId });\n    }, [view.folderId]);\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    return (\n        <>\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\n                        .map(file => file.src.file)\n                        .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                    <OverlayLayout\n                        onExited={view.onClose}\n                        barLeft={<Title title={view.listTitle} />}\n                        barMiddle={<SearchWidget />}\n                        barRight={\n                            <>\n                                {view.hasOnSelectCallback && view.selected.length > 0 ? (\n                                    <ButtonPrimary\n                                        flat={true}\n                                        small={true}\n                                        onClick={() => view.onChange(view.selected)}\n                                    >\n                                        {t`Select`} {view.multiple && `(${view.selected.length})`}\n                                    </ButtonPrimary>\n                                ) : (\n                                    renderUploadFileAction({ browseFiles } as BrowseFilesHandler)\n                                )}\n                                <ButtonSecondary\n                                    data-testid={\"file-manager.create-folder-button\"}\n                                    onClick={onCreateFolder}\n                                    small={true}\n                                    style={{ margin: \"0 8px\" }}\n                                >\n                                    <ButtonIcon icon={<AddIcon />} />\n                                    {t`New Folder`}\n                                </ButtonSecondary>\n                                <LayoutSwitch />\n                            </>\n                        }\n                    >\n                        <>\n                            <FileDetails\n                                loading={drawerLoading}\n                                file={currentFile}\n                                open={Boolean(view.showingFileDetails)}\n                                onClose={view.hideFileDetails}\n                                onSave={updateFile}\n                            />\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                            <FileListWrapper\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                                {view.dragging && <DropFilesHere />}\n                                <BulkActions />\n                                <Filters />\n                                <Scrollbar\n                                    onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}\n                                >\n                                    {renderList(browseFiles)}\n                                </Scrollbar>\n                                <BottomInfoBar\n                                    accept={view.accept}\n                                    listing={view.isListLoadingMore}\n                                />\n                                <UploadStatus\n                                    numberOfFiles={filesBeingUploaded}\n                                    progress={progress}\n                                />\n                            </FileListWrapper>\n                        </>\n                    </OverlayLayout>\n                )}\n            </Files>\n        </>\n    );\n};\n\nexport default observer(FileManagerView);\n"],"mappings":"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","ignoreList":[]}
+{"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\";\n// @ts-expect-error\nimport { useHotkeys } from \"react-hotkeyz\";\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,128 +1,281 @@
-/// <reference types="react" />
-export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
+import React from "react";
+export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
     Browser: {
         Grid: {
-            Item: {
-                Thumbnail: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Grid/Thumbnail").RendererProps> & {
-                    original: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Grid/Thumbnail").RendererProps>;
+            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").Decorator<(props: import("./configComponents/Browser/Grid/Thumbnail").RendererProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+                    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: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Grid/Action").ActionProps> & {
-                    original: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Grid/Action").ActionProps>;
+                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;
                 } & {
-                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./configComponents/Browser/Grid/Action").ActionProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+                    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, onAction, disabled, ...props }: import("../../../components/Grid/ActionButton").ActionButtonProps) => import("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").BulkActionProps) => import("react").JSX.Element) & {
-            useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+        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("@webiny/app-admin/types").FileItem[];
-                process: (callback: (items: import("@webiny/app-admin/types").FileItem[]) => void) => void;
-                processInSeries: (callback: ({ item, allItems, report }: import("@webiny/app-admin").CallbackParams<import("@webiny/app-admin/types").FileItem>) => Promise<void>, chunkSize?: number | undefined) => Promise<void>;
+                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").Result[];
+                results: import("@webiny/app-admin/index.js").Result[];
             };
-            useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+            useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
         };
-        BulkEditField: ({ name, element }: import("./configComponents/Browser/BulkEditField").BulkEditFieldProps) => import("react").JSX.Element;
-        Filter: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Filter").FilterProps> & {
-            original: import("@webiny/react-composition").GenericComponent<import("./configComponents/Browser/Filter").FilterProps>;
+        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").Decorator<(props: import("./configComponents/Browser/Filter").FilterProps) => JSX.Element | null>) => (props: unknown) => import("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: unknown) => React.JSX.Element;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./configComponents/Browser/Filter").FilterProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+            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;
-            }) => import("react").JSX.Element;
+            }) => React.JSX.Element;
         };
         FiltersToWhere: ({ converter }: {
-            converter: import("./configComponents/Browser/FiltersToWhere").FiltersToWhereConverter;
-        }) => import("react").JSX.Element;
-        FilterByTags: ({ remove }: import("./configComponents/Browser/FilterByTags").FilterByTagProps) => import("react").JSX.Element;
-        FolderAction: ((props: import("@webiny/app-aco/config/folder/Action").ActionProps) => import("react").JSX.Element) & {
-            OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => import("react").JSX.Element;
+            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;
         };
-        FileAction: ((props: import("@webiny/app-aco/config/record/Action").ActionProps) => import("react").JSX.Element) & {
-            OptionsMenuItem: (props: import("@webiny/app-admin").OptionsMenuItemProps) => import("react").JSX.Element;
-            OptionsMenuLink: (props: import("@webiny/app-admin").OptionsMenuLinkProps) => import("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").ColumnProps) => import("react").JSX.Element) & {
-                useTableRow: <TUserRow = Record<string, any>>() => import("@webiny/app-aco").TableRowContextData<import("../../../types").TableItem & import("@webiny/ui/DataTable").DefaultData & TUserRow>;
-                isFolderRow: (row: import("@webiny/app-aco/table.types").BaseTableItem) => row is import("@webiny/app-aco/table.types").FolderTableItem;
+            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: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Action").ActionProps> & {
-            original: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Action").ActionProps>;
+        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").Decorator<(props: import("./configComponents/FileDetails/Action").ActionProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+            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;
         } & {
-            IconButton: ({ label, icon, onAction, disabled, ...props }: import("../../../components/FileDetails/components/ActionButton").ActionButtonProps) => import("react").JSX.Element;
+            Button: ({ label, icon, onAction, disabled, className, ...props }: import("../../../components/FileDetails/components/ActionButton.js").ActionButtonProps) => React.JSX.Element;
         };
         Preview: {
-            Thumbnail: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Thumbnail").RendererProps> & {
-                original: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Thumbnail").RendererProps>;
+            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;
             } & {
-                createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./configComponents/FileDetails/Thumbnail").RendererProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+                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").WidthProps) => import("react").JSX.Element;
-        GroupFields: import("react").FC<import("./configComponents/FileDetails/GroupFields").GroupFieldsProps>;
-        Field: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Field").FieldProps> & {
-            original: import("@webiny/react-composition").GenericComponent<import("./configComponents/FileDetails/Field").FieldProps>;
+        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;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./configComponents/FileDetails/Field").FieldProps) => JSX.Element | null>) => (props: unknown) => import("react").JSX.Element;
+            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").Decorator<(props: import("./configComponents/FileDetails/Field").FieldProps, context?: any) => import("react").ReactElement<any, any> | null>) => (props: {
+            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;
-            }) => import("react").JSX.Element;
+            }) => React.JSX.Element;
         };
         ExtensionField: {
-            createDecorator: (decorator: import("@webiny/react-composition").Decorator<import("@webiny/react-composition").GenericComponent<import("@webiny/app-headless-cms").FieldElementProps>>) => (props: import("./configComponents/FileDetails/FieldDecorator").FieldDecoratorProps) => import("react").JSX.Element;
+            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) => import("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("@webiny/app-admin/types").FileItem) => T;
+    }>(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").ActionConfig[];
-            itemThumbnails: import("./configComponents/Browser/Grid/Thumbnail").ThumbnailConfig[];
+            itemActions: import("./configComponents/Browser/Grid/Action.js").ActionConfig[];
+            itemThumbnails: import("./configComponents/Browser/Grid/Thumbnail.js").ThumbnailConfig[];
         };
-        bulkActions: import("./configComponents/Browser/BulkAction").BulkActionConfig[];
-        bulkEditFields: import("./configComponents/Browser/BulkEditField").BulkEditFieldConfig[];
+        bulkActions: import("./configComponents/Browser/BulkAction.js").BulkActionConfig[];
+        bulkEditFields: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldConfig[];
         filterByTags: boolean;
-        filters: import("./configComponents/Browser/Filter").FilterConfig[];
-        filtersToWhere: import("./configComponents/Browser/FiltersToWhere").FiltersToWhereConverter[];
-        folderActions: import("@webiny/app-aco").FolderActionConfig[];
-        fileActions: import("@webiny/app-aco").RecordActionConfig[];
-        table: import("./configComponents/Browser/Table").TableConfig;
+        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").ActionConfig[];
-        thumbnails: import("./configComponents/FileDetails/Thumbnail").ThumbnailConfig[];
+        actions: import("./configComponents/FileDetails/Action.js").ActionConfig[];
+        thumbnails: import("./configComponents/FileDetails/Thumbnail.js").ThumbnailConfig[];
         groupFields: boolean;
         width: string;
-        fields: import("./configComponents/FileDetails/Field").FieldConfig[];
+        fields: import("./configComponents/FileDetails/Field.js").FieldConfig[];
     };
 };