npm - @webiny/app-file-manager - Versions diffs - 6.4.11 → 6.6.0-alpha.1 - Mend

@webiny/app-file-manager 6.4.11 → 6.6.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (235) hide show

package/presentation/FileManager/FileManagerView.js CHANGED Viewed

@@ -33,6 +33,8 @@ import { TagsList } from "../FileList/components/TagsList/index.js";
 import { UploadProgress } from "../FileList/components/Upload/index.js";
 import { GetSettingsRepository } from "../../features/settings/abstractions.js";
 import { OverlayProvider, useOverlay } from "./OverlayContext.js";
+import { RouteParamsSync } from "./RouteParamsSync.js";
+import { FileManagerBreadcrumbs } from "./FileManagerBreadcrumbs.js";
 import { outputFileSelectionError } from "./outputFileSelectionError.js";
 const t = i18n.ns("app-admin/file-manager/file-manager-view");
 const FileManagerView_FileManagerViewLayout = observer(function() {
@@ -57,6 +59,37 @@ const FileManagerView_FileManagerViewLayout = observer(function() {
             title: "File upload complete."
         });
     };
+    useEffect(()=>{
+        const handlePaste = (e)=>{
+            const items = e.clipboardData?.items;
+            if (!items) return;
+            const files = [];
+            for(let i = 0; i < items.length; i++)if ("file" === items[i].kind) {
+                const file = items[i].getAsFile();
+                if (file) {
+                    const name = file.name && "image.png" !== file.name ? file.name : `pasted-${Date.now()}.${file.type.split("/")[1] || "png"}`;
+                    files.push({
+                        id: String(Date.now()) + "-" + i,
+                        name,
+                        type: file.type,
+                        size: file.size,
+                        src: {
+                            file,
+                            base64: null
+                        }
+                    });
+                }
+            }
+            if (files.length > 0) {
+                e.preventDefault();
+                uploadFiles(files);
+            }
+        };
+        document.addEventListener("paste", handlePaste);
+        return ()=>document.removeEventListener("paste", handlePaste);
+    }, [
+        actions
+    ]);
     const onError = useCallback((errors)=>{
         const message = outputFileSelectionError(errors);
         if (message) toast.showWarningToast({
@@ -198,7 +231,8 @@ const FileManagerViewInner = observer(({ overlay = false, onChange, onClose, mul
     ]);
     useEffect(()=>{
         presenter.init({
-            scope
+            scope,
+            accept: accept ?? void 0
         });
         return ()=>presenter.dispose();
     }, [
@@ -208,7 +242,7 @@ const FileManagerViewInner = observer(({ overlay = false, onChange, onClose, mul
     ]);
     const inner = /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(FileManagerViewWithConfig, null, /*#__PURE__*/ react.createElement(FileManagerPresenterProvider, {
         presenter: presenter
-    }, /*#__PURE__*/ react.createElement(FileManagerView_FileManagerViewLayout, null), children)));
+    }, /*#__PURE__*/ react.createElement(FileManagerView_FileManagerViewLayout, null), children, !overlayConfig && /*#__PURE__*/ react.createElement(RouteParamsSync, null), !overlayConfig && /*#__PURE__*/ react.createElement(FileManagerBreadcrumbs, null))));
     if (overlayConfig) return /*#__PURE__*/ react.createElement(OverlayProvider, {
         config: overlayConfig
     }, inner);

package/presentation/FileManager/FileManagerView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/FileManager/FileManagerView.js","sources":["../../../src/presentation/FileManager/FileManagerView.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback } from \"react\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n BrowserFilePicker,\n type BrowserFilePickerRenderProps\n} from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport debounce from \"lodash/debounce.js\";\nimport { Heading, OverlayLoader, ScrollArea, Separator, useToast } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n LeftPanel,\n OverlayLayout,\n RightPanel,\n SplitView,\n DialogsProvider,\n useHotkeys\n} from \"@webiny/app-admin\";\nimport { FoldersFeature } from \"@webiny/app-aco/features/folders/feature.js\";\nimport { FolderTreePresenterFeature } from \"@webiny/app-aco/presentation/folderTree/feature.js\";\nimport { FileManagerPresenterFeature } from \"~/presentation/FileList/feature.js\";\nimport {\n FileManagerPresenterProvider,\n useFileManagerPresenter\n} from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { FileDetailsPresenterFeature } from \"~/presentation/FileDetails/feature.js\";\nimport { SharedCacheFeature } from \"~/features/shared/feature.js\";\nimport { ListFilesFeature } from \"~/features/listFiles/feature.js\";\nimport { GetFileFeature } from \"~/features/getFile/feature.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/feature.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/feature.js\";\nimport { FileUploaderFeature } from \"~/features/fileUploader/feature.js\";\nimport { ListTagsFeature } from \"~/features/tags/feature.js\";\nimport { GetSettingsFeature } from \"~/features/settings/feature.js\";\nimport {\n FileManagerViewWithConfig,\n useFileManagerConfig\n} from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FolderTree } from \"@webiny/app-aco/presentation/folderTree/FolderTree.js\";\nimport { BottomInfoBar } from \"~/presentation/FileList/components/BottomInfoBar/index.js\";\nimport { BulkActionBar } from \"~/presentation/FileList/components/BulkActions/index.js\";\nimport { FileDropPlaceholder } from \"~/presentation/FileList/components/FileDropPlaceholder/index.js\";\nimport { Empty } from \"~/presentation/FileList/components/Empty/index.js\";\nimport { FileDetailsDrawer } from \"~/presentation/FileDetails/components/FileDetailsDrawer.js\";\nimport { FileGrid } from \"~/presentation/FileList/components/Grid/index.js\";\nimport { FileManagerHeader } from \"~/presentation/FileList/components/Header/FileManagerHeader.js\";\nimport { FileTable } from \"~/presentation/FileList/components/Table/index.js\";\nimport { TagsList } from \"~/presentation/FileList/components/TagsList/index.js\";\nimport { UploadProgress } from \"~/presentation/FileList/components/Upload/index.js\";\nimport { GetSettingsRepository } from \"~/features/settings/abstractions.js\";\nimport { OverlayProvider, useOverlay } from \"./OverlayContext.js\";\n\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport type {\n FileError,\n SelectedFile\n} from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport { outputFileSelectionError } from \"~/presentation/FileManager/outputFileSelectionError.js\";\nimport type { ScrollPosition } from \"@webiny/admin-ui\";\n\nexport interface FileManagerViewProps {\n overlay?: boolean;\n onChange?: (files: FmFile[]) => void;\n onClose?: () => void;\n multiple?: boolean;\n accept?: string[];\n scope?: string;\n children?: React.ReactNode;\n}\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\n// ---------------------------------------------------------------------------\n// Layout — uses original UI components, wired to the presenter.\n// ---------------------------------------------------------------------------\n\nconst FileManagerViewLayout = observer(function FileManagerViewLayout() {\n const { vm, actions } = useFileManagerPresenter();\n const { browser } = useFileManagerConfig();\n const overlay = useOverlay();\n const toast = useToast();\n\n useHotkeys({\n zIndex: 20,\n keys: {\n esc: () => overlay && overlay.onClose()\n }\n });\n\n const container = useContainer();\n const settingsRepository = useMemo(() => container.resolve(GetSettingsRepository), [container]);\n const settings = settingsRepository.settings;\n\n const uploadFiles = async (files: SelectedFile[]) => {\n await actions.upload(files);\n toast.showSuccessToast({ title: \"File upload complete.\" });\n };\n\n const onError = useCallback((errors: FileError[]) => {\n const message = outputFileSelectionError(errors);\n if (message) {\n toast.showWarningToast({ title: message });\n } else {\n toast.showWarningToast({ title: \"Couldn't process selected files.\" });\n console.error(errors);\n }\n }, []);\n\n const loadMoreOnScroll = useCallback(\n debounce(async (scrollFrame: ScrollPosition) => {\n if (scrollFrame.top > 0.8) {\n void actions.loadMore();\n }\n }, 200),\n [vm.list.pagination, actions]\n );\n\n if (!vm.fileModel) {\n return <OverlayLoader text={t`Preparing File Manager...`} />;\n }\n\n const renderList = (browseFiles: BrowserFilePickerRenderProps[\"browseFiles\"]) => {\n if (vm.loading) {\n return <OverlayLoader text={t`Loading files...`} size={\"lg\"} />;\n }\n\n if (vm.empty) {\n return <Empty isSearchResult={!vm.showFolders} browseFiles={browseFiles} />;\n }\n\n if (vm.viewMode === \"table\") {\n return (\n <ScrollArea className={\"h-full\"} onScroll={loadMoreOnScroll}>\n <FileTable />\n </ScrollArea>\n );\n }\n\n return (\n <ScrollArea className={\"h-full\"} onScroll={loadMoreOnScroll}>\n <FileGrid />\n </ScrollArea>\n );\n };\n\n const content = (\n <BrowserFilePicker\n multiple\n maxSize={settings ? settings.uploadMaxFileSize + \"b\" : \"1TB\"}\n multipleMaxSize={\"1TB\"}\n accept={overlay?.accept ?? []}\n onSuccess={uploadFiles}\n onError={onError}\n >\n {({ getDropZoneProps, browseFiles }) => (\n <>\n <FileDetailsDrawer />\n <SplitView namespace={\"fm/file/list\"}>\n <LeftPanel span={2}>\n <div className={\"flex flex-col h-full\"}>\n <div className={\"py-sm px-md\"}>\n <Heading level={5}>{t`File Manager`}</Heading>\n </div>\n <Separator />\n <div className={\"shrink-0 overflow-y-auto max-h-[66vh]\"}>\n <FolderTree\n vm={vm.folders}\n actions={actions.folders}\n folderActions={browser.folder.actions}\n dropConfirmation={browser.folder.dropConfirmation}\n enableActions={true}\n enableCreate={true}\n />\n </div>\n {browser.filterByTags ? (\n <>\n <Separator />\n <div className={\"flex-1 overflow-y-auto min-h-0\"}>\n <TagsList\n loading={false}\n activeTags={\n (vm.list.filters[\"tags\"] as string[]) ?? []\n }\n tags={vm.tags.map(tag => ({\n tag: tag.tag,\n count: tag.count\n }))}\n onActivatedTagsChange={tags => {\n if (tags.length > 0) {\n actions.filter.set(\"tags\", tags);\n } else {\n actions.filter.clear(\"tags\");\n actions.filter.clear(\"tags_rule\");\n }\n }}\n />\n </div>\n </>\n ) : null}\n </div>\n </LeftPanel>\n <RightPanel span={10}>\n <div className={\"flex flex-col relative h-full overflow-hidden\"}>\n <FileManagerHeader browseFiles={browseFiles} />\n <div\n className={\"flex-1 min-h-0 overflow-hidden\"}\n {...getDropZoneProps({\n onDragEnter: () => actions.setDragging(true),\n onDrop: () => actions.setDragging(false),\n onDragLeave: (e: React.DragEvent) => {\n if (\n !e.relatedTarget \|\|\n !e.currentTarget.contains(e.relatedTarget as Node)\n ) {\n actions.setDragging(false);\n }\n }\n })}\n data-testid={\"fm-list-wrapper\"}\n >\n {!overlay && <BulkActionBar />}\n {renderList(browseFiles)}\n {vm.dragging && <FileDropPlaceholder />}\n <UploadProgress />\n </div>\n <BottomInfoBar\n accept={overlay?.accept ?? []}\n listing={vm.list.pagination.loadingMore}\n loading={vm.list.pagination.loading}\n totalCount={vm.list.pagination.totalCount}\n currentCount={vm.list.pagination.currentCount}\n />\n </div>\n </RightPanel>\n </SplitView>\n </>\n )}\n </BrowserFilePicker>\n );\n\n if (overlay) {\n return (\n <OverlayLayout variant={\"strong\"} onExited={() => overlay.onClose()}>\n {content}\n </OverlayLayout>\n );\n }\n\n return content;\n});\n\n// ---------------------------------------------------------------------------\n// Inner component that resolves the presenter from the scoped container.\n// ---------------------------------------------------------------------------\n\nconst FileManagerViewInner = observer(\n ({\n overlay = false,\n onChange,\n onClose,\n multiple,\n accept,\n scope,\n children\n }: FileManagerViewProps) => {\n const { presenter } = useFeature(FileManagerPresenterFeature);\n\n const overlayConfig = useMemo(() => {\n if (!overlay \|\| !onChange \|\| !onClose) {\n return null;\n }\n\n const handleFileClick = (file: FmFile) => {\n if (multiple) {\n presenter.actions.selection.toggle(file.id);\n } else {\n onChange([file]);\n }\n };\n\n const confirmSelection = () => {\n const selectedIds = presenter.vm.list.selection.selectedIds;\n const selectedFiles = presenter.vm.list.rows.filter(f => selectedIds.has(f.id));\n if (selectedFiles.length > 0) {\n onChange(selectedFiles);\n }\n };\n\n return {\n onFileClick: handleFileClick,\n confirmSelection,\n onClose,\n accept: accept ?? [],\n multiple: multiple ?? false\n };\n }, [overlay, onChange, onClose, multiple, accept]);\n\n useEffect(() => {\n presenter.init({ scope });\n return () => presenter.dispose();\n }, [presenter, overlay, scope]);\n\n const inner = (\n <DialogsProvider>\n <FileManagerViewWithConfig>\n <FileManagerPresenterProvider presenter={presenter}>\n <FileManagerViewLayout />\n {children}\n </FileManagerPresenterProvider>\n </FileManagerViewWithConfig>\n </DialogsProvider>\n );\n\n if (overlayConfig) {\n return <OverlayProvider config={overlayConfig}>{inner}</OverlayProvider>;\n }\n\n return inner;\n }\n);\n\n// ---------------------------------------------------------------------------\n// FileManagerView — sets up DI container and renders the inner component.\n// ---------------------------------------------------------------------------\n\nexport const FileManagerView = (props: FileManagerViewProps) => {\n const container = useContainer();\n\n const scopedContainer = useMemo(() => {\n const child = container.createChildContainer();\n\n SharedCacheFeature.register(child);\n FoldersFeature.register(child, { type: \"FmFile\" });\n FolderTreePresenterFeature.register(child);\n ListFilesFeature.register(child);\n GetFileFeature.register(child);\n DeleteFileFeature.register(child);\n UpdateFileFeature.register(child);\n FileUploaderFeature.register(child);\n ListTagsFeature.register(child);\n GetSettingsFeature.register(child);\n FileDetailsPresenterFeature.register(child);\n FileManagerPresenterFeature.register(child);\n\n return child;\n }, []);\n\n return (\n <DiContainerProvider container={scopedContainer}>\n <FileManagerViewInner {...props} />\n </DiContainerProvider>\n );\n};\n"],"names":["t","i18n","FileManagerViewLayout","observer","vm","actions","useFileManagerPresenter","browser","useFileManagerConfig","overlay","useOverlay","toast","useToast","useHotkeys","container","useContainer","settingsRepository","useMemo","GetSettingsRepository","settings","uploadFiles","files","onError","useCallback","errors","message","outputFileSelectionError","console","loadMoreOnScroll","debounce","scrollFrame","OverlayLoader","renderList","browseFiles","Empty","ScrollArea","FileTable","FileGrid","content","BrowserFilePicker","getDropZoneProps","FileDetailsDrawer","SplitView","LeftPanel","Heading","Separator","FolderTree","TagsList","tag","tags","RightPanel","FileManagerHeader","e","BulkActionBar","FileDropPlaceholder","UploadProgress","BottomInfoBar","OverlayLayout","FileManagerViewInner","onChange","onClose","multiple","accept","scope","children","presenter","useFeature","FileManagerPresenterFeature","overlayConfig","handleFileClick","file","confirmSelection","selectedIds","selectedFiles","f","useEffect","inner","DialogsProvider","FileManagerViewWithConfig","FileManagerPresenterProvider","OverlayProvider","FileManagerView","props","scopedContainer","child","SharedCacheFeature","FoldersFeature","FolderTreePresenterFeature","ListFilesFeature","GetFileFeature","DeleteFileFeature","UpdateFileFeature","FileUploaderFeature","ListTagsFeature","GetSettingsFeature","FileDetailsPresenterFeature","DiContainerProvider"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/FileManager/FileManagerView.js","sources":["../../../src/presentation/FileManager/FileManagerView.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback } from \"react\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n BrowserFilePicker,\n type BrowserFilePickerRenderProps\n} from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport debounce from \"lodash/debounce.js\";\nimport { Heading, OverlayLoader, ScrollArea, Separator, useToast } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n LeftPanel,\n OverlayLayout,\n RightPanel,\n SplitView,\n DialogsProvider,\n useHotkeys\n} from \"@webiny/app-admin\";\nimport { FoldersFeature } from \"@webiny/app-aco/features/folders/feature.js\";\nimport { FolderTreePresenterFeature } from \"@webiny/app-aco/presentation/folderTree/feature.js\";\nimport { FileManagerPresenterFeature } from \"~/presentation/FileList/feature.js\";\nimport {\n FileManagerPresenterProvider,\n useFileManagerPresenter\n} from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { FileDetailsPresenterFeature } from \"~/presentation/FileDetails/feature.js\";\nimport { SharedCacheFeature } from \"~/features/shared/feature.js\";\nimport { ListFilesFeature } from \"~/features/listFiles/feature.js\";\nimport { GetFileFeature } from \"~/features/getFile/feature.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/feature.js\";\nimport { UpdateFileFeature } from \"~/features/updateFile/feature.js\";\nimport { FileUploaderFeature } from \"~/features/fileUploader/feature.js\";\nimport { ListTagsFeature } from \"~/features/tags/feature.js\";\nimport { GetSettingsFeature } from \"~/features/settings/feature.js\";\nimport {\n FileManagerViewWithConfig,\n useFileManagerConfig\n} from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FolderTree } from \"@webiny/app-aco/presentation/folderTree/FolderTree.js\";\nimport { BottomInfoBar } from \"~/presentation/FileList/components/BottomInfoBar/index.js\";\nimport { BulkActionBar } from \"~/presentation/FileList/components/BulkActions/index.js\";\nimport { FileDropPlaceholder } from \"~/presentation/FileList/components/FileDropPlaceholder/index.js\";\nimport { Empty } from \"~/presentation/FileList/components/Empty/index.js\";\nimport { FileDetailsDrawer } from \"~/presentation/FileDetails/components/FileDetailsDrawer.js\";\nimport { FileGrid } from \"~/presentation/FileList/components/Grid/index.js\";\nimport { FileManagerHeader } from \"~/presentation/FileList/components/Header/FileManagerHeader.js\";\nimport { FileTable } from \"~/presentation/FileList/components/Table/index.js\";\nimport { TagsList } from \"~/presentation/FileList/components/TagsList/index.js\";\nimport { UploadProgress } from \"~/presentation/FileList/components/Upload/index.js\";\nimport { GetSettingsRepository } from \"~/features/settings/abstractions.js\";\nimport { OverlayProvider, useOverlay } from \"./OverlayContext.js\";\nimport { RouteParamsSync } from \"./RouteParamsSync.js\";\nimport { FileManagerBreadcrumbs } from \"./FileManagerBreadcrumbs.js\";\n\nimport type { FmFile } from \"~/features/shared/types.js\";\nimport type {\n FileError,\n SelectedFile\n} from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport { outputFileSelectionError } from \"~/presentation/FileManager/outputFileSelectionError.js\";\nimport type { ScrollPosition } from \"@webiny/admin-ui\";\n\nexport interface FileManagerViewProps {\n overlay?: boolean;\n onChange?: (files: FmFile[]) => void;\n onClose?: () => void;\n multiple?: boolean;\n accept?: string[];\n scope?: string;\n children?: React.ReactNode;\n}\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\n// ---------------------------------------------------------------------------\n// Layout — uses original UI components, wired to the presenter.\n// ---------------------------------------------------------------------------\n\nconst FileManagerViewLayout = observer(function FileManagerViewLayout() {\n const { vm, actions } = useFileManagerPresenter();\n const { browser } = useFileManagerConfig();\n const overlay = useOverlay();\n const toast = useToast();\n\n useHotkeys({\n zIndex: 20,\n keys: {\n esc: () => overlay && overlay.onClose()\n }\n });\n\n const container = useContainer();\n const settingsRepository = useMemo(() => container.resolve(GetSettingsRepository), [container]);\n const settings = settingsRepository.settings;\n\n const uploadFiles = async (files: SelectedFile[]) => {\n await actions.upload(files);\n toast.showSuccessToast({ title: \"File upload complete.\" });\n };\n\n useEffect(() => {\n const handlePaste = (e: ClipboardEvent) => {\n const items = e.clipboardData?.items;\n if (!items) {\n return;\n }\n\n const files: SelectedFile[] = [];\n for (let i = 0; i < items.length; i++) {\n if (items[i].kind === \"file\") {\n const file = items[i].getAsFile();\n if (file) {\n const name =\n file.name && file.name !== \"image.png\"\n ? file.name\n : `pasted-${Date.now()}.${file.type.split(\"/\")[1] \|\| \"png\"}`;\n\n files.push({\n id: String(Date.now()) + \"-\" + i,\n name,\n type: file.type,\n size: file.size,\n src: { file, base64: null }\n });\n }\n }\n }\n\n if (files.length > 0) {\n e.preventDefault();\n void uploadFiles(files);\n }\n };\n\n document.addEventListener(\"paste\", handlePaste);\n return () => document.removeEventListener(\"paste\", handlePaste);\n }, [actions]);\n\n const onError = useCallback((errors: FileError[]) => {\n const message = outputFileSelectionError(errors);\n if (message) {\n toast.showWarningToast({ title: message });\n } else {\n toast.showWarningToast({ title: \"Couldn't process selected files.\" });\n console.error(errors);\n }\n }, []);\n\n const loadMoreOnScroll = useCallback(\n debounce(async (scrollFrame: ScrollPosition) => {\n if (scrollFrame.top > 0.8) {\n void actions.loadMore();\n }\n }, 200),\n [vm.list.pagination, actions]\n );\n\n if (!vm.fileModel) {\n return <OverlayLoader text={t`Preparing File Manager...`} />;\n }\n\n const renderList = (browseFiles: BrowserFilePickerRenderProps[\"browseFiles\"]) => {\n if (vm.loading) {\n return <OverlayLoader text={t`Loading files...`} size={\"lg\"} />;\n }\n\n if (vm.empty) {\n return <Empty isSearchResult={!vm.showFolders} browseFiles={browseFiles} />;\n }\n\n if (vm.viewMode === \"table\") {\n return (\n <ScrollArea className={\"h-full\"} onScroll={loadMoreOnScroll}>\n <FileTable />\n </ScrollArea>\n );\n }\n\n return (\n <ScrollArea className={\"h-full\"} onScroll={loadMoreOnScroll}>\n <FileGrid />\n </ScrollArea>\n );\n };\n\n const content = (\n <BrowserFilePicker\n multiple\n maxSize={settings ? settings.uploadMaxFileSize + \"b\" : \"1TB\"}\n multipleMaxSize={\"1TB\"}\n accept={overlay?.accept ?? []}\n onSuccess={uploadFiles}\n onError={onError}\n >\n {({ getDropZoneProps, browseFiles }) => (\n <>\n <FileDetailsDrawer />\n <SplitView namespace={\"fm/file/list\"}>\n <LeftPanel span={2}>\n <div className={\"flex flex-col h-full\"}>\n <div className={\"py-sm px-md\"}>\n <Heading level={5}>{t`File Manager`}</Heading>\n </div>\n <Separator />\n <div className={\"shrink-0 overflow-y-auto max-h-[66vh]\"}>\n <FolderTree\n vm={vm.folders}\n actions={actions.folders}\n folderActions={browser.folder.actions}\n dropConfirmation={browser.folder.dropConfirmation}\n enableActions={true}\n enableCreate={true}\n />\n </div>\n {browser.filterByTags ? (\n <>\n <Separator />\n <div className={\"flex-1 overflow-y-auto min-h-0\"}>\n <TagsList\n loading={false}\n activeTags={\n (vm.list.filters[\"tags\"] as string[]) ?? []\n }\n tags={vm.tags.map(tag => ({\n tag: tag.tag,\n count: tag.count\n }))}\n onActivatedTagsChange={tags => {\n if (tags.length > 0) {\n actions.filter.set(\"tags\", tags);\n } else {\n actions.filter.clear(\"tags\");\n actions.filter.clear(\"tags_rule\");\n }\n }}\n />\n </div>\n </>\n ) : null}\n </div>\n </LeftPanel>\n <RightPanel span={10}>\n <div className={\"flex flex-col relative h-full overflow-hidden\"}>\n <FileManagerHeader browseFiles={browseFiles} />\n <div\n className={\"flex-1 min-h-0 overflow-hidden\"}\n {...getDropZoneProps({\n onDragEnter: () => actions.setDragging(true),\n onDrop: () => actions.setDragging(false),\n onDragLeave: (e: React.DragEvent) => {\n if (\n !e.relatedTarget \|\|\n !e.currentTarget.contains(e.relatedTarget as Node)\n ) {\n actions.setDragging(false);\n }\n }\n })}\n data-testid={\"fm-list-wrapper\"}\n >\n {!overlay && <BulkActionBar />}\n {renderList(browseFiles)}\n {vm.dragging && <FileDropPlaceholder />}\n <UploadProgress />\n </div>\n <BottomInfoBar\n accept={overlay?.accept ?? []}\n listing={vm.list.pagination.loadingMore}\n loading={vm.list.pagination.loading}\n totalCount={vm.list.pagination.totalCount}\n currentCount={vm.list.pagination.currentCount}\n />\n </div>\n </RightPanel>\n </SplitView>\n </>\n )}\n </BrowserFilePicker>\n );\n\n if (overlay) {\n return (\n <OverlayLayout variant={\"strong\"} onExited={() => overlay.onClose()}>\n {content}\n </OverlayLayout>\n );\n }\n\n return content;\n});\n\n// ---------------------------------------------------------------------------\n// Inner component that resolves the presenter from the scoped container.\n// ---------------------------------------------------------------------------\n\nconst FileManagerViewInner = observer(\n ({\n overlay = false,\n onChange,\n onClose,\n multiple,\n accept,\n scope,\n children\n }: FileManagerViewProps) => {\n const { presenter } = useFeature(FileManagerPresenterFeature);\n\n const overlayConfig = useMemo(() => {\n if (!overlay \|\| !onChange \|\| !onClose) {\n return null;\n }\n\n const handleFileClick = (file: FmFile) => {\n if (multiple) {\n presenter.actions.selection.toggle(file.id);\n } else {\n onChange([file]);\n }\n };\n\n const confirmSelection = () => {\n const selectedIds = presenter.vm.list.selection.selectedIds;\n const selectedFiles = presenter.vm.list.rows.filter(f => selectedIds.has(f.id));\n if (selectedFiles.length > 0) {\n onChange(selectedFiles);\n }\n };\n\n return {\n onFileClick: handleFileClick,\n confirmSelection,\n onClose,\n accept: accept ?? [],\n multiple: multiple ?? false\n };\n }, [overlay, onChange, onClose, multiple, accept]);\n\n useEffect(() => {\n presenter.init({ scope, accept: accept ?? undefined });\n return () => presenter.dispose();\n }, [presenter, overlay, scope]);\n\n const inner = (\n <DialogsProvider>\n <FileManagerViewWithConfig>\n <FileManagerPresenterProvider presenter={presenter}>\n <FileManagerViewLayout />\n {children}\n {!overlayConfig && <RouteParamsSync />}\n {!overlayConfig && <FileManagerBreadcrumbs />}\n </FileManagerPresenterProvider>\n </FileManagerViewWithConfig>\n </DialogsProvider>\n );\n\n if (overlayConfig) {\n return <OverlayProvider config={overlayConfig}>{inner}</OverlayProvider>;\n }\n\n return inner;\n }\n);\n\n// ---------------------------------------------------------------------------\n// FileManagerView — sets up DI container and renders the inner component.\n// ---------------------------------------------------------------------------\n\nexport const FileManagerView = (props: FileManagerViewProps) => {\n const container = useContainer();\n\n const scopedContainer = useMemo(() => {\n const child = container.createChildContainer();\n\n SharedCacheFeature.register(child);\n FoldersFeature.register(child, { type: \"FmFile\" });\n FolderTreePresenterFeature.register(child);\n ListFilesFeature.register(child);\n GetFileFeature.register(child);\n DeleteFileFeature.register(child);\n UpdateFileFeature.register(child);\n FileUploaderFeature.register(child);\n ListTagsFeature.register(child);\n GetSettingsFeature.register(child);\n FileDetailsPresenterFeature.register(child);\n FileManagerPresenterFeature.register(child);\n\n return child;\n }, []);\n\n return (\n <DiContainerProvider container={scopedContainer}>\n <FileManagerViewInner {...props} />\n </DiContainerProvider>\n );\n};\n"],"names":["t","i18n","FileManagerViewLayout","observer","vm","actions","useFileManagerPresenter","browser","useFileManagerConfig","overlay","useOverlay","toast","useToast","useHotkeys","container","useContainer","settingsRepository","useMemo","GetSettingsRepository","settings","uploadFiles","files","useEffect","handlePaste","e","items","i","file","name","Date","String","document","onError","useCallback","errors","message","outputFileSelectionError","console","loadMoreOnScroll","debounce","scrollFrame","OverlayLoader","renderList","browseFiles","Empty","ScrollArea","FileTable","FileGrid","content","BrowserFilePicker","getDropZoneProps","FileDetailsDrawer","SplitView","LeftPanel","Heading","Separator","FolderTree","TagsList","tag","tags","RightPanel","FileManagerHeader","BulkActionBar","FileDropPlaceholder","UploadProgress","BottomInfoBar","OverlayLayout","FileManagerViewInner","onChange","onClose","multiple","accept","scope","children","presenter","useFeature","FileManagerPresenterFeature","overlayConfig","handleFileClick","confirmSelection","selectedIds","selectedFiles","f","undefined","inner","DialogsProvider","FileManagerViewWithConfig","FileManagerPresenterProvider","RouteParamsSync","FileManagerBreadcrumbs","OverlayProvider","FileManagerView","props","scopedContainer","child","SharedCacheFeature","FoldersFeature","FolderTreePresenterFeature","ListFilesFeature","GetFileFeature","DeleteFileFeature","UpdateFileFeature","FileUploaderFeature","ListTagsFeature","GetSettingsFeature","FileDetailsPresenterFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMlB,MAAMC,wCAAwBC,SAAS;IACnC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,UAAUC;IAChB,MAAMC,QAAQC;IAEdC,WAAW;QACP,QAAQ;QACR,MAAM;YACF,KAAK,IAAMJ,WAAWA,QAAQ,OAAO;QACzC;IACJ;IAEA,MAAMK,YAAYC;IAClB,MAAMC,qBAAqBC,QAAQ,IAAMH,UAAU,OAAO,CAACI,wBAAwB;QAACJ;KAAU;IAC9F,MAAMK,WAAWH,mBAAmB,QAAQ;IAE5C,MAAMI,cAAc,OAAOC;QACvB,MAAMhB,QAAQ,MAAM,CAACgB;QACrBV,MAAM,gBAAgB,CAAC;YAAE,OAAO;QAAwB;IAC5D;IAEAW,UAAU;QACN,MAAMC,cAAc,CAACC;YACjB,MAAMC,QAAQD,EAAE,aAAa,EAAE;YAC/B,IAAI,CAACC,OACD;YAGJ,MAAMJ,QAAwB,EAAE;YAChC,IAAK,IAAIK,IAAI,GAAGA,IAAID,MAAM,MAAM,EAAEC,IAC9B,IAAID,AAAkB,WAAlBA,KAAK,CAACC,EAAE,CAAC,IAAI,EAAa;gBAC1B,MAAMC,OAAOF,KAAK,CAACC,EAAE,CAAC,SAAS;gBAC/B,IAAIC,MAAM;oBACN,MAAMC,OACFD,KAAK,IAAI,IAAIA,AAAc,gBAAdA,KAAK,IAAI,GAChBA,KAAK,IAAI,GACT,CAAC,OAAO,EAAEE,KAAK,GAAG,GAAG,CAAC,EAAEF,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,OAAO;oBAEpEN,MAAM,IAAI,CAAC;wBACP,IAAIS,OAAOD,KAAK,GAAG,MAAM,MAAMH;wBAC/BE;wBACA,MAAMD,KAAK,IAAI;wBACf,MAAMA,KAAK,IAAI;wBACf,KAAK;4BAAEA;4BAAM,QAAQ;wBAAK;oBAC9B;gBACJ;YACJ;YAGJ,IAAIN,MAAM,MAAM,GAAG,GAAG;gBAClBG,EAAE,cAAc;gBACXJ,YAAYC;YACrB;QACJ;QAEAU,SAAS,gBAAgB,CAAC,SAASR;QACnC,OAAO,IAAMQ,SAAS,mBAAmB,CAAC,SAASR;IACvD,GAAG;QAAClB;KAAQ;IAEZ,MAAM2B,UAAUC,YAAY,CAACC;QACzB,MAAMC,UAAUC,yBAAyBF;QACzC,IAAIC,SACAxB,MAAM,gBAAgB,CAAC;YAAE,OAAOwB;QAAQ;aACrC;YACHxB,MAAM,gBAAgB,CAAC;gBAAE,OAAO;YAAmC;YACnE0B,QAAQ,KAAK,CAACH;QAClB;IACJ,GAAG,EAAE;IAEL,MAAMI,mBAAmBL,YACrBM,SAAS,OAAOC;QACZ,IAAIA,YAAY,GAAG,GAAG,KACbnC,QAAQ,QAAQ;IAE7B,GAAG,MACH;QAACD,GAAG,IAAI,CAAC,UAAU;QAAEC;KAAQ;IAGjC,IAAI,CAACD,GAAG,SAAS,EACb,OAAO,WAAP,GAAO,oBAACqC,eAAaA;QAAC,MAAMzC,CAAC,CAAC,yBAAyB,CAAC;;IAG5D,MAAM0C,aAAa,CAACC;QAChB,IAAIvC,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACqC,eAAaA;YAAC,MAAMzC,CAAC,CAAC,gBAAgB,CAAC;YAAE,MAAM;;QAG3D,IAAII,GAAG,KAAK,EACR,OAAO,WAAP,GAAO,oBAACwC,OAAKA;YAAC,gBAAgB,CAACxC,GAAG,WAAW;YAAE,aAAauC;;QAGhE,IAAIvC,AAAgB,YAAhBA,GAAG,QAAQ,EACX,OAAO,WAAP,GACI,oBAACyC,YAAUA;YAAC,WAAW;YAAU,UAAUP;yBACvC,oBAACQ,WAASA;QAKtB,OAAO,WAAP,GACI,oBAACD,YAAUA;YAAC,WAAW;YAAU,UAAUP;yBACvC,oBAACS,UAAQA;IAGrB;IAEA,MAAMC,UAAU,WAAVA,GACF,oBAACC,mBAAiBA;QACd;QACA,SAAS9B,WAAWA,SAAS,iBAAiB,GAAG,MAAM;QACvD,iBAAiB;QACjB,QAAQV,SAAS,UAAU,EAAE;QAC7B,WAAWW;QACX,SAASY;OAER,CAAC,EAAEkB,gBAAgB,EAAEP,WAAW,EAAE,iBAC/B,wDACI,oBAACQ,mBAAiBA,OAAAA,WAAAA,GAClB,oBAACC,WAASA;YAAC,WAAW;yBAClB,oBAACC,WAASA;YAAC,MAAM;yBACb,oBAAC;YAAI,WAAW;yBACZ,oBAAC;YAAI,WAAW;yBACZ,oBAACC,SAAOA;YAAC,OAAO;WAAItD,CAAC,CAAC,YAAY,CAAC,kBAEvC,oBAACuD,WAASA,OAAAA,WAAAA,GACV,oBAAC;YAAI,WAAW;yBACZ,oBAACC,YAAUA;YACP,IAAIpD,GAAG,OAAO;YACd,SAASC,QAAQ,OAAO;YACxB,eAAeE,QAAQ,MAAM,CAAC,OAAO;YACrC,kBAAkBA,QAAQ,MAAM,CAAC,gBAAgB;YACjD,eAAe;YACf,cAAc;aAGrBA,QAAQ,YAAY,GAAG,WAAH,GACjB,wDACI,oBAACgD,WAASA,OAAAA,WAAAA,GACV,oBAAC;YAAI,WAAW;yBACZ,oBAACE,UAAQA;YACL,SAAS;YACT,YACKrD,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAiB,EAAE;YAE/C,MAAMA,GAAG,IAAI,CAAC,GAAG,CAACsD,CAAAA,MAAQ;oBACtB,KAAKA,IAAI,GAAG;oBACZ,OAAOA,IAAI,KAAK;gBACpB;YACA,uBAAuBC,CAAAA;gBACnB,IAAIA,KAAK,MAAM,GAAG,GACdtD,QAAQ,MAAM,CAAC,GAAG,CAAC,QAAQsD;qBACxB;oBACHtD,QAAQ,MAAM,CAAC,KAAK,CAAC;oBACrBA,QAAQ,MAAM,CAAC,KAAK,CAAC;gBACzB;YACJ;eAIZ,sBAGZ,oBAACuD,YAAUA;YAAC,MAAM;yBACd,oBAAC;YAAI,WAAW;yBACZ,oBAACC,mBAAiBA;YAAC,aAAalB;0BAChC,oBAAC;YACG,WAAW;YACV,GAAGO,iBAAiB;gBACjB,aAAa,IAAM7C,QAAQ,WAAW,CAAC;gBACvC,QAAQ,IAAMA,QAAQ,WAAW,CAAC;gBAClC,aAAa,CAACmB;oBACV,IACI,CAACA,EAAE,aAAa,IAChB,CAACA,EAAE,aAAa,CAAC,QAAQ,CAACA,EAAE,aAAa,GAEzCnB,QAAQ,WAAW,CAAC;gBAE5B;YACJ,EAAE;YACF,eAAa;WAEZ,CAACI,WAAW,WAAXA,GAAW,oBAACqD,eAAaA,OAC1BpB,WAAWC,cACXvC,GAAG,QAAQ,IAAI,WAAJ,GAAI,oBAAC2D,qBAAmBA,OAAAA,WAAAA,GACpC,oBAACC,gBAAcA,QAAAA,WAAAA,GAEnB,oBAACC,eAAaA;YACV,QAAQxD,SAAS,UAAU,EAAE;YAC7B,SAASL,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW;YACvC,SAASA,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO;YACnC,YAAYA,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU;YACzC,cAAcA,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY;;IAU7E,IAAIK,SACA,OAAO,WAAP,GACI,oBAACyD,eAAaA;QAAC,SAAS;QAAU,UAAU,IAAMzD,QAAQ,OAAO;OAC5DuC;IAKb,OAAOA;AACX;AAMA,MAAMmB,uBAAuBhE,SACzB,CAAC,EACGM,UAAU,KAAK,EACf2D,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACW;IACnB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,gBAAgB5D,QAAQ;QAC1B,IAAI,CAACR,WAAW,CAAC2D,YAAY,CAACC,SAC1B,OAAO;QAGX,MAAMS,kBAAkB,CAACnD;YACrB,IAAI2C,UACAI,UAAU,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC/C,KAAK,EAAE;iBAE1CyC,SAAS;gBAACzC;aAAK;QAEvB;QAEA,MAAMoD,mBAAmB;YACrB,MAAMC,cAAcN,UAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;YAC3D,MAAMO,gBAAgBP,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAACQ,CAAAA,IAAKF,YAAY,GAAG,CAACE,EAAE,EAAE;YAC7E,IAAID,cAAc,MAAM,GAAG,GACvBb,SAASa;QAEjB;QAEA,OAAO;YACH,aAAaH;YACbC;YACAV;YACA,QAAQE,UAAU,EAAE;YACpB,UAAUD,YAAY;QAC1B;IACJ,GAAG;QAAC7D;QAAS2D;QAAUC;QAASC;QAAUC;KAAO;IAEjDjD,UAAU;QACNoD,UAAU,IAAI,CAAC;YAAEF;YAAO,QAAQD,UAAUY;QAAU;QACpD,OAAO,IAAMT,UAAU,OAAO;IAClC,GAAG;QAACA;QAAWjE;QAAS+D;KAAM;IAE9B,MAAMY,QAAQ,WAARA,GACF,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,2BAAyBA,MAAAA,WAAAA,GACtB,oBAACC,8BAA4BA;QAAC,WAAWb;qBACrC,oBAACxE,uCAAqBA,OACrBuE,UACA,CAACI,iBAAiB,WAAjBA,GAAiB,oBAACW,iBAAeA,OAClC,CAACX,iBAAiB,WAAjBA,GAAiB,oBAACY,wBAAsBA;IAM1D,IAAIZ,eACA,OAAO,WAAP,GAAO,oBAACa,iBAAeA;QAAC,QAAQb;OAAgBO;IAGpD,OAAOA;AACX;AAOG,MAAMO,kBAAkB,CAACC;IAC5B,MAAM9E,YAAYC;IAElB,MAAM8E,kBAAkB5E,QAAQ;QAC5B,MAAM6E,QAAQhF,UAAU,oBAAoB;QAE5CiF,mBAAmB,QAAQ,CAACD;QAC5BE,eAAe,QAAQ,CAACF,OAAO;YAAE,MAAM;QAAS;QAChDG,2BAA2B,QAAQ,CAACH;QACpCI,iBAAiB,QAAQ,CAACJ;QAC1BK,eAAe,QAAQ,CAACL;QACxBM,kBAAkB,QAAQ,CAACN;QAC3BO,kBAAkB,QAAQ,CAACP;QAC3BQ,oBAAoB,QAAQ,CAACR;QAC7BS,gBAAgB,QAAQ,CAACT;QACzBU,mBAAmB,QAAQ,CAACV;QAC5BW,4BAA4B,QAAQ,CAACX;QACrClB,4BAA4B,QAAQ,CAACkB;QAErC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACY,qBAAmBA;QAAC,WAAWb;qBAC5B,oBAAC1B,sBAAyByB;AAGtC"}

package/presentation/FileManager/RouteParamsSync.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from "react";
2	+ export declare const RouteParamsSync: () => React.JSX.Element;

package/presentation/FileManager/RouteParamsSync.js ADDED Viewed

@@ -0,0 +1,30 @@
+import react from "react";
+import { RouteParamsSync } from "@webiny/app/presentation/router/components/RouteParamsSync.js";
+import { useFileManagerPresenter } from "../FileList/FileManagerPresenterProvider.js";
+import { Routes } from "../../routes.js";
+const RouteParamsSync_RouteParamsSync = ()=>{
+    const presenter = useFileManagerPresenter();
+    return /*#__PURE__*/ react.createElement(RouteParamsSync, {
+        route: Routes.List,
+        fields: (fields)=>[
+                fields.create({
+                    param: "folderId",
+                    read: ()=>presenter.vm.folders.currentFolderId ?? void 0,
+                    write: (value)=>{
+                        presenter.actions.folders.selectFolder(value ?? null);
+                    }
+                }),
+                fields.create({
+                    param: "search",
+                    read: ()=>presenter.vm.list.search || void 0,
+                    write: (value)=>{
+                        if (value) presenter.actions.search.set(value);
+                        else presenter.actions.search.clear();
+                    }
+                })
+            ]
+    });
+};
+export { RouteParamsSync_RouteParamsSync as RouteParamsSync };
+//# sourceMappingURL=RouteParamsSync.js.map

package/presentation/FileManager/RouteParamsSync.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"presentation/FileManager/RouteParamsSync.js","sources":["../../../src/presentation/FileManager/RouteParamsSync.tsx"],"sourcesContent":["import React from \"react\";\nimport { RouteParamsSync as GenericRouteParamsSync } from \"@webiny/app/presentation/router/components/RouteParamsSync.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport const RouteParamsSync = () => {\n const presenter = useFileManagerPresenter();\n\n return (\n <GenericRouteParamsSync\n route={Routes.List}\n fields={fields => [\n fields.create<string>({\n param: \"folderId\",\n read: () => presenter.vm.folders.currentFolderId ?? undefined,\n write: value => {\n presenter.actions.folders.selectFolder(value ?? null);\n }\n }),\n fields.create<string>({\n param: \"search\",\n read: () => presenter.vm.list.search || undefined,\n write: value => {\n if (value) {\n presenter.actions.search.set(value);\n } else {\n presenter.actions.search.clear();\n }\n }\n })\n ]}\n />\n );\n};\n"],"names":["RouteParamsSync","presenter","useFileManagerPresenter","GenericRouteParamsSync","Routes","fields","undefined","value"],"mappings":";;;;AAKO,MAAMA,kCAAkB;IAC3B,MAAMC,YAAYC;IAElB,OAAO,WAAP,GACI,oBAACC,iBAAsBA;QACnB,OAAOC,OAAO,IAAI;QAClB,QAAQC,CAAAA,SAAU;gBACdA,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMJ,UAAU,EAAE,CAAC,OAAO,CAAC,eAAe,IAAIK;oBACpD,OAAOC,CAAAA;wBACHN,UAAU,OAAO,CAAC,OAAO,CAAC,YAAY,CAACM,SAAS;oBACpD;gBACJ;gBACAF,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMJ,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,IAAIK;oBACxC,OAAOC,CAAAA;wBACH,IAAIA,OACAN,UAAU,OAAO,CAAC,MAAM,CAAC,GAAG,CAACM;6BAE7BN,UAAU,OAAO,CAAC,MAAM,CAAC,KAAK;oBAEtC;gBACJ;aACH;;AAGb"}

package/presentation/Settings/components/SettingsView.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const SettingsView: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const SettingsView: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/config/DefaultFileManagerConfig.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import react from "react";
-import { Wcp } from "@webiny/app-admin";
+import { useFeatureFlags } from "@webiny/app-admin";
 import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
 import { FileManagerViewConfig } from "./FileManagerViewConfig.js";
 import { FilterByType } from "../FileList/components/Filters/FilterByType.js";
-import { BulkActionDelete, BulkActionEdit, BulkActionMove } from "../FileList/components/BulkActions/index.js";
+import { BulkActionDelete, BulkActionMove } from "../FileList/components/BulkActions/index.js";
 import { AccessControl, Tags } from "./fields/index.js";
 import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellSize, CellType, CopyFile, DeleteFile, EditFile, MoveFile } from "../FileList/components/Table/index.js";
 import { GridItemDefaultRenderer } from "./thumbnailRenderers/GridItemDefaultRenderer.js";
@@ -14,12 +14,19 @@ import { TableItemDefaultRenderer } from "./thumbnailRenderers/TableItemDefaultR
 import { TableItemImageRenderer } from "./thumbnailRenderers/TableItemImageRenderer.js";
 import { FilePreviewDefaultRenderer } from "./thumbnailRenderers/FilePreviewDefaultRenderer.js";
 const { Browser: Browser, FileDetails: FileDetails } = FileManagerViewConfig;
+const PrivateFilesBulkEditField = ()=>{
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("advancedAccessControlLayer.privateFiles")) return null;
+    return /*#__PURE__*/ react.createElement(Browser.BulkEditField, {
+        name: "accessControl",
+        element: /*#__PURE__*/ react.createElement(AccessControl, {
+            placeholder: "Select privacy settings"
+        })
+    });
+};
 const DefaultFileManagerConfig = ()=>/*#__PURE__*/ react.createElement(FileManagerViewConfig, null, /*#__PURE__*/ react.createElement(Browser.FilterByTags, null), /*#__PURE__*/ react.createElement(Browser.Filter, {
         name: "type",
         element: /*#__PURE__*/ react.createElement(FilterByType, null)
-    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
-        name: "edit",
-        element: /*#__PURE__*/ react.createElement(BulkActionEdit, null)
     }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
         name: "move",
         element: /*#__PURE__*/ react.createElement(BulkActionMove, null)
@@ -89,12 +96,7 @@ const DefaultFileManagerConfig = ()=>/*#__PURE__*/ react.createElement(FileManag
     }), /*#__PURE__*/ react.createElement(Browser.BulkEditField, {
         name: "tags",
         element: /*#__PURE__*/ react.createElement(Tags, null)
-    }), /*#__PURE__*/ react.createElement(FileActions, null), /*#__PURE__*/ react.createElement(Wcp.CanUsePrivateFiles, null, /*#__PURE__*/ react.createElement(Browser.BulkEditField, {
-        name: "accessControl",
-        element: /*#__PURE__*/ react.createElement(AccessControl, {
-            placeholder: "Select privacy settings"
-        })
-    })), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Thumbnail, {
+    }), /*#__PURE__*/ react.createElement(FileActions, null), /*#__PURE__*/ react.createElement(PrivateFilesBulkEditField, null), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Thumbnail, {
         type: "*/*",
         element: /*#__PURE__*/ react.createElement(GridItemDefaultRenderer, null)
     }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Thumbnail, {

package/presentation/config/DefaultFileManagerConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/config/DefaultFileManagerConfig.js","sources":["../../../src/presentation/config/DefaultFileManagerConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { ~~Wcp~~ } from \"@webiny/app-admin\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport { FileManagerViewConfig as FileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FilterByType } from \"~/presentation/FileList/components/Filters/FilterByType.js\";\nimport {\n BulkActionDelete,\n ~~BulkActionEdit,\n~~ BulkActionMove\n} from \"~/presentation/FileList/components/BulkActions/index.js\";\nimport { Tags, AccessControl } from \"~/presentation/config/fields/index.js\";\nimport {\n CellActions,\n CellAuthor,\n CellCreated,\n CellModified,\n CellName,\n CellSize,\n CellType,\n CopyFile,\n DeleteFile,\n EditFile,\n MoveFile\n} from \"~/presentation/FileList/components/Table/index.js\";\nimport { GridItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js\";\nimport { GridItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemImageRenderer.js\";\nimport { FileActions } from \"~/presentation/FileActions/index.js\";\nimport { FilePreviewImageRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js\";\nimport { TableItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js\";\nimport { TableItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemImageRenderer.js\";\nimport { FilePreviewDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js\";\n\nconst { Browser, FileDetails } = FileManagerConfig;\n\nexport const DefaultFileManagerConfig = () => {\n return (\n <FileManagerConfig>\n {/* Filters /}\n <Browser.FilterByTags />\n <Browser.Filter name={\"type\"} element={<FilterByType />} />\n {/ Bulk Actions /}\n <Browser.BulkAction name={\"~~edit\"} element={<BulkActionEdit />} />\n <Browser.BulkAction name={\"~~move\"} element={<BulkActionMove />} />\n <Browser.BulkAction name={\"delete\"} element={<BulkActionDelete />} />\n {/ Folder Actions /}\n <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n {/ File Actions /}\n <Browser.File.Action name={\"copy\"} element={<CopyFile />} />\n <Browser.File.Action name={\"edit\"} element={<EditFile />} />\n <Browser.File.Action name={\"move\"} element={<MoveFile />} />\n <Browser.File.Action name={\"delete\"} element={<DeleteFile />} />\n {/ Table Columns /}\n <Browser.Table.Column\n name={\"name\"}\n header={\"Name\"}\n cell={<CellName />}\n sortable={true}\n hideable={false}\n size={200}\n />\n <Browser.Table.Column name={\"type\"} header={\"Type\"} cell={<CellType />} />\n <Browser.Table.Column\n name={\"size\"}\n header={\"Size\"}\n cell={<CellSize />}\n sortable={true}\n />\n <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n <Browser.Table.Column\n name={\"createdOn\"}\n header={\"Created\"}\n cell={<CellCreated />}\n sortable={true}\n />\n <Browser.Table.Column\n name={\"savedOn\"}\n header={\"Modified\"}\n cell={<CellModified />}\n sortable={true}\n />\n <Browser.Table.Column\n name={\"actions\"}\n header={\" \"}\n cell={<CellActions />}\n size={56}\n truncate={false}\n className={\"flex justify-center\"}\n hideable={false}\n resizable={false}\n />\n <Browser.BulkEditField name={\"tags\"} element={<Tags />} />\n {/ File Details Actions /}\n <FileActions />\n {/ Access Control /}\n <~~Wcp.CanUsePrivateFiles>\n <Browser.BulkEditField\n name={\"accessControl\"}\n element={<AccessControl~~ ~~placeholder={\"Select privacy settings\"} />}\n~~ />\n ~~</Wcp.CanUsePrivateFiles>\n~~ {/ Grid Thumbnail /}\n <Browser.Grid.Item.Thumbnail type={\"/\"} element={<GridItemDefaultRenderer />} />\n <Browser.Grid.Item.Thumbnail type={\"image/\"} element={<GridItemImageRenderer />} />\n {/* Table Thumbnail /}\n <Browser.Table.Cell.Thumbnail type={\"image/\"} element={<TableItemImageRenderer />} />\n <Browser.Table.Cell.Thumbnail type={\"/\"} element={<TableItemDefaultRenderer />} />\n {/* File Details Thumbnail /}\n <FileDetails.Preview.Thumbnail type={\"/\"} element={<FilePreviewDefaultRenderer />} />\n <FileDetails.Preview.Thumbnail\n type={\"image/\"}\n element={<FilePreviewImageRenderer />}\n />\n </FileManagerConfig>\n );\n};\n"],"names":["Browser","FileDetails","FileManagerConfig","~~DefaultFileManagerConfig~~","~~FilterByType~~","~~BulkActionEdit~~","BulkActionMove","BulkActionDelete","EditFolder","SetFolderPermissions","DeleteFolder","CopyFile","EditFile","MoveFile","DeleteFile","CellName","CellType","CellSize","CellAuthor","CellCreated","CellModified","CellActions","Tags","FileActions","~~Wcp","AccessControl","~~GridItemDefaultRenderer","GridItemImageRenderer","TableItemImageRenderer","TableItemDefaultRenderer","FilePreviewDefaultRenderer","FilePreviewImageRenderer"],"mappings":";;;;;;;;;;;;;;;~~AAgCA~~,MAAM,EAAEA,SAAAA,OAAO,EAAEC,aAAAA,WAAW,EAAE,GAAGC;~~AAE1B~~,MAAMC,2BAA2B,IAC7B,WAAP,GACI,~~oBAACD~~,uBAAiBA,MAAAA,WAAAA,GAEd,oBAACF,QAAQ,YAAY,uBACrB,oBAACA,QAAQ,MAAM;QAAC,MAAM;QAAQ,uBAAS,~~oBAACI~~,cAAYA;sBAEpD,~~oBAACJ~~,QAAQ,UAAU;QAAC,MAAM;QAAQ,uBAAS,~~oBAACK~~,gBAAcA;sBAC1D,~~oBAACL~~,QAAQ,UAAU;QAAC,MAAM;~~QAAQ,uBAAS,oBAACM,gBAAcA;sBAC1D,oBAACN,QAAQ,UAAU;QAAC,MAAM;~~QAAU,uBAAS,~~oBAACO~~,kBAAgBA;sBAE9D,~~oBAACP~~,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,~~oBAACQ~~,YAAUA;sBACzD,~~oBAACR~~,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAe,uBAAS,~~oBAACS~~,sBAAoBA;sBAC1E,~~oBAACT~~,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,~~oBAACU~~,cAAYA;sBAE7D,~~oBAACV~~,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,~~oBAACW~~,UAAQA;sBACrD,~~oBAACX~~,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,~~oBAACY~~,UAAQA;sBACrD,~~oBAACZ~~,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,~~oBAACa~~,UAAQA;sBACrD,~~oBAACb~~,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,~~oBAACc~~,YAAUA;sBAEzD,~~oBAACd~~,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,~~oBAACe~~,UAAQA;QACf,UAAU;QACV,UAAU;QACV,MAAM;sBAEV,~~oBAACf~~,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAQ,QAAQ;QAAQ,oBAAM,~~oBAACgB~~,UAAQA;sBACnE,~~oBAAChB~~,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,~~oBAACiB~~,UAAQA;QACf,UAAU;sBAEd,~~oBAACjB~~,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAa,QAAQ;QAAU,oBAAM,~~oBAACkB~~,YAAUA;sBAC5E,~~oBAAClB~~,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,~~oBAACmB~~,aAAWA;QAClB,UAAU;sBAEd,~~oBAACnB~~,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,~~oBAACoB~~,cAAYA;QACnB,UAAU;sBAEd,~~oBAACpB~~,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,~~oBAACqB~~,aAAWA;QAClB,MAAM;QACN,UAAU;QACV,WAAW;QACX,UAAU;QACV,WAAW;sBAEf,~~oBAACrB~~,QAAQ,aAAa;QAAC,MAAM;QAAQ,uBAAS,~~oBAACsB~~,MAAIA;sBAEnD,oBAACC,aAAWA,OAAAA,WAAAA,GAEZ,~~oBAACC~~,~~IAAI~~,~~kBAAkB~~,~~sBACnB~~,~~oBAACxB~~,~~QAAQ~~,~~aAAa;QAClB,MAAM;QACN,uBAAS,oBAACyB,eAAaA;YAAC,aAAa;;uBAI7C,oBAACzB,~~QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,~~oBAAC0B~~,yBAAuBA;sBAC3E,~~oBAAC1B~~,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAW,uBAAS,~~oBAAC2B~~,uBAAqBA;sBAE7E,~~oBAAC3B~~,QAAQ,KAAK,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAW,uBAAS,~~oBAAC4B~~,wBAAsBA;sBAC/E,~~oBAAC5B~~,QAAQ,KAAK,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,~~oBAAC6B~~,0BAAwBA;sBAE7E,~~oBAAC5B~~,YAAY,OAAO,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,~~oBAAC6B~~,4BAA0BA;sBAChF,~~oBAAC7B~~,YAAY,OAAO,CAAC,SAAS;QAC1B,MAAM;QACN,uBAAS,~~oBAAC8B~~,0BAAwBA"}
1	+ {"version":3,"file":"presentation/config/DefaultFileManagerConfig.js","sources":["../../../src/presentation/config/DefaultFileManagerConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeatureFlags } from \"@webiny/app-admin\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport { FileManagerViewConfig as FileManagerConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\nimport { FilterByType } from \"~/presentation/FileList/components/Filters/FilterByType.js\";\nimport {\n BulkActionDelete,\n BulkActionMove\n} from \"~/presentation/FileList/components/BulkActions/index.js\";\nimport { Tags, AccessControl } from \"~/presentation/config/fields/index.js\";\nimport {\n CellActions,\n CellAuthor,\n CellCreated,\n CellModified,\n CellName,\n CellSize,\n CellType,\n CopyFile,\n DeleteFile,\n EditFile,\n MoveFile\n} from \"~/presentation/FileList/components/Table/index.js\";\nimport { GridItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js\";\nimport { GridItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/GridItemImageRenderer.js\";\nimport { FileActions } from \"~/presentation/FileActions/index.js\";\nimport { FilePreviewImageRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js\";\nimport { TableItemDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js\";\nimport { TableItemImageRenderer } from \"~/presentation/config/thumbnailRenderers/TableItemImageRenderer.js\";\nimport { FilePreviewDefaultRenderer } from \"~/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js\";\n\nconst { Browser, FileDetails } = FileManagerConfig;\n\nconst PrivateFilesBulkEditField = () => {\n const featureFlags = useFeatureFlags();\n if (!featureFlags.isEnabled(\"advancedAccessControlLayer.privateFiles\")) {\n return null;\n }\n return (\n <Browser.BulkEditField\n name={\"accessControl\"}\n element={<AccessControl placeholder={\"Select privacy settings\"} />}\n />\n );\n};\n\nexport const DefaultFileManagerConfig = () => {\n return (\n <FileManagerConfig>\n {/* Filters /}\n <Browser.FilterByTags />\n <Browser.Filter name={\"type\"} element={<FilterByType />} />\n {/ Bulk Actions /}\n <Browser.BulkAction name={\"move\"} element={<BulkActionMove />} />\n <Browser.BulkAction name={\"delete\"} element={<BulkActionDelete />} />\n {/ Folder Actions /}\n <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n {/ File Actions /}\n <Browser.File.Action name={\"copy\"} element={<CopyFile />} />\n <Browser.File.Action name={\"edit\"} element={<EditFile />} />\n <Browser.File.Action name={\"move\"} element={<MoveFile />} />\n <Browser.File.Action name={\"delete\"} element={<DeleteFile />} />\n {/ Table Columns /}\n <Browser.Table.Column\n name={\"name\"}\n header={\"Name\"}\n cell={<CellName />}\n sortable={true}\n hideable={false}\n size={200}\n />\n <Browser.Table.Column name={\"type\"} header={\"Type\"} cell={<CellType />} />\n <Browser.Table.Column\n name={\"size\"}\n header={\"Size\"}\n cell={<CellSize />}\n sortable={true}\n />\n <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n <Browser.Table.Column\n name={\"createdOn\"}\n header={\"Created\"}\n cell={<CellCreated />}\n sortable={true}\n />\n <Browser.Table.Column\n name={\"savedOn\"}\n header={\"Modified\"}\n cell={<CellModified />}\n sortable={true}\n />\n <Browser.Table.Column\n name={\"actions\"}\n header={\" \"}\n cell={<CellActions />}\n size={56}\n truncate={false}\n className={\"flex justify-center\"}\n hideable={false}\n resizable={false}\n />\n <Browser.BulkEditField name={\"tags\"} element={<Tags />} />\n {/ File Details Actions /}\n <FileActions />\n {/ Access Control /}\n <PrivateFilesBulkEditField />\n {/ Grid Thumbnail /}\n <Browser.Grid.Item.Thumbnail type={\"/\"} element={<GridItemDefaultRenderer />} />\n <Browser.Grid.Item.Thumbnail type={\"image/\"} element={<GridItemImageRenderer />} />\n {/* Table Thumbnail /}\n <Browser.Table.Cell.Thumbnail type={\"image/\"} element={<TableItemImageRenderer />} />\n <Browser.Table.Cell.Thumbnail type={\"/\"} element={<TableItemDefaultRenderer />} />\n {/* File Details Thumbnail /}\n <FileDetails.Preview.Thumbnail type={\"/\"} element={<FilePreviewDefaultRenderer />} />\n <FileDetails.Preview.Thumbnail\n type={\"image/\"}\n element={<FilePreviewImageRenderer />}\n />\n </FileManagerConfig>\n );\n};\n"],"names":["Browser","FileDetails","FileManagerConfig","PrivateFilesBulkEditField","featureFlags","useFeatureFlags","AccessControl","DefaultFileManagerConfig","FilterByType","BulkActionMove","BulkActionDelete","EditFolder","SetFolderPermissions","DeleteFolder","CopyFile","EditFile","MoveFile","DeleteFile","CellName","CellType","CellSize","CellAuthor","CellCreated","CellModified","CellActions","Tags","FileActions","GridItemDefaultRenderer","GridItemImageRenderer","TableItemImageRenderer","TableItemDefaultRenderer","FilePreviewDefaultRenderer","FilePreviewImageRenderer"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAM,EAAEA,SAAAA,OAAO,EAAEC,aAAAA,WAAW,EAAE,GAAGC;AAEjC,MAAMC,4BAA4B;IAC9B,MAAMC,eAAeC;IACrB,IAAI,CAACD,aAAa,SAAS,CAAC,4CACxB,OAAO;IAEX,OAAO,WAAP,GACI,oBAACJ,QAAQ,aAAa;QAClB,MAAM;QACN,uBAAS,oBAACM,eAAaA;YAAC,aAAa;;;AAGjD;AAEO,MAAMC,2BAA2B,IAC7B,WAAP,GACI,oBAACL,uBAAiBA,MAAAA,WAAAA,GAEd,oBAACF,QAAQ,YAAY,uBACrB,oBAACA,QAAQ,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACQ,cAAYA;sBAEpD,oBAACR,QAAQ,UAAU;QAAC,MAAM;QAAQ,uBAAS,oBAACS,gBAAcA;sBAC1D,oBAACT,QAAQ,UAAU;QAAC,MAAM;QAAU,uBAAS,oBAACU,kBAAgBA;sBAE9D,oBAACV,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACW,YAAUA;sBACzD,oBAACX,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAe,uBAAS,oBAACY,sBAAoBA;sBAC1E,oBAACZ,QAAQ,MAAM,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACa,cAAYA;sBAE7D,oBAACb,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACc,UAAQA;sBACrD,oBAACd,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACe,UAAQA;sBACrD,oBAACf,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACgB,UAAQA;sBACrD,oBAAChB,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACiB,YAAUA;sBAEzD,oBAACjB,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACkB,UAAQA;QACf,UAAU;QACV,UAAU;QACV,MAAM;sBAEV,oBAAClB,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAQ,QAAQ;QAAQ,oBAAM,oBAACmB,UAAQA;sBACnE,oBAACnB,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACoB,UAAQA;QACf,UAAU;sBAEd,oBAACpB,QAAQ,KAAK,CAAC,MAAM;QAAC,MAAM;QAAa,QAAQ;QAAU,oBAAM,oBAACqB,YAAUA;sBAC5E,oBAACrB,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACsB,aAAWA;QAClB,UAAU;sBAEd,oBAACtB,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACuB,cAAYA;QACnB,UAAU;sBAEd,oBAACvB,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACwB,aAAWA;QAClB,MAAM;QACN,UAAU;QACV,WAAW;QACX,UAAU;QACV,WAAW;sBAEf,oBAACxB,QAAQ,aAAa;QAAC,MAAM;QAAQ,uBAAS,oBAACyB,MAAIA;sBAEnD,oBAACC,aAAWA,OAAAA,WAAAA,GAEZ,oBAACvB,2BAAyBA,OAAAA,WAAAA,GAE1B,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,oBAAC2B,yBAAuBA;sBAC3E,oBAAC3B,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAW,uBAAS,oBAAC4B,uBAAqBA;sBAE7E,oBAAC5B,QAAQ,KAAK,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAW,uBAAS,oBAAC6B,wBAAsBA;sBAC/E,oBAAC7B,QAAQ,KAAK,CAAC,IAAI,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,oBAAC8B,0BAAwBA;sBAE7E,oBAAC7B,YAAY,OAAO,CAAC,SAAS;QAAC,MAAM;QAAO,uBAAS,oBAAC8B,4BAA0BA;sBAChF,oBAAC9B,YAAY,OAAO,CAAC,SAAS;QAC1B,MAAM;QACN,uBAAS,oBAAC+B,0BAAwBA"}

package/presentation/config/FileManagerViewConfig.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react";
+import { getThumbnailRenderer } from "./getThumbnailRenderer.js";
 export declare const FileManagerViewConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
     Browser: {
         Grid: {
@@ -59,11 +60,11 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
                         displayName: string;
                     }>) => (props: unknown) => React.JSX.Element;
                 } & {
-                    IconButton: ({ icon, label, onAction, disabled, ...props }: import("../FileList/components/Grid/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+                    IconButton: typeof import("../FileList/components/Grid/ActionButton.js").ActionButton;
                 };
             };
         };
-        BulkAction: (({ name, after, before, remove, element }: import("./configComponents/Browser/BulkAction.js").BulkActionProps) => React.JSX.Element) & {
+        BulkAction: typeof import("./configComponents/Browser/BulkAction.js").BaseBulkAction & {
             useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
             useWorker: () => {
                 items: import("@webiny/sdk/index.js").FmFile[];
@@ -74,7 +75,7 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
             };
             useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
         };
-        BulkEditField: ({ name, element }: import("./configComponents/Browser/BulkEditField.js").BulkEditFieldProps) => React.JSX.Element;
+        BulkEditField: typeof import("./configComponents/Browser/BulkEditField.js").BulkEditField;
         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;
@@ -102,18 +103,13 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
                 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;
+        FiltersToWhere: typeof import("./configComponents/Browser/FiltersToWhere.js").FiltersToWhere;
+        FilterByTags: typeof import("./configComponents/Browser/FilterByTags.js").FilterByTags;
         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;
+            DropConfirmation: typeof import("./configComponents/Browser/FolderDropConfirmation.js").FolderDropConfirmation;
         };
         File: {
             Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => React.JSX.Element) & {
@@ -122,28 +118,28 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
             };
         };
         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;
+            Column: ((props: import("@webiny/app-admin/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                original: (props: import("@webiny/app-admin/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;
+                original: ((props: import("@webiny/app-admin/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-admin/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;
+                createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: import("@webiny/app-admin/config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                    original: (props: import("@webiny/app-admin/config/table/Column.js").ColumnProps) => React.JSX.Element;
                     originalName: string;
                     displayName: string;
                 }>) => (props: unknown) => React.JSX.Element;
             } & {
                 useTableRow: {
-                    (): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem>;
-                    <TUserRow>(): import("@webiny/app-aco").TableRowContextData<import("../../domain/types.js").TableItem & {
+                    (): import("@webiny/app-admin/index.js").TableRowContextData<import("../../domain/types.js").TableItem>;
+                    <TUserRow>(): import("@webiny/app-admin/index.js").TableRowContextData<import("../../domain/types.js").TableItem & {
                         data: TUserRow;
                     }>;
                 };
@@ -192,7 +188,7 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         } & {
-            Button: ({ label, icon, onAction, disabled, className, ...props }: import("../FileDetails/components/ActionButton.js").ActionButtonProps) => React.JSX.Element;
+            Button: typeof import("../FileDetails/components/ActionButton.js").ActionButton;
         };
         Preview: {
             Thumbnail: (({ type, element }: import("./configComponents/FileDetails/Thumbnail.js").RendererProps) => React.JSX.Element) & {
@@ -215,18 +211,16 @@ export declare const FileManagerViewConfig: (({ priority, children }: import("@w
                 }>) => (props: unknown) => React.JSX.Element;
             };
         };
-        Width: ({ value }: import("./configComponents/FileDetails/Width.js").WidthProps) => React.JSX.Element;
+        Width: typeof import("./configComponents/FileDetails/Width.js").Width;
     };
 };
 export declare const FileManagerViewWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
 export declare function useFileManagerConfig(): {
-    getThumbnailRenderer: <T extends {
-        type: string;
-    }>(renderers: T[], file: import("../../domain/types.js").FileItem) => T;
+    getThumbnailRenderer: typeof getThumbnailRenderer;
     browser: {
         table: {
-            cellThumbnails: import("./configComponents/Browser/Table/Thumbnail.js").ThumbnailConfig[];
             columns: import("@webiny/app-aco").TableColumnConfig[];
+            cellThumbnails: import("./configComponents/Browser/Table/Thumbnail.js").ThumbnailConfig[];
         };
         grid: {
             itemActions: import("./configComponents/Browser/Grid/Action.js").ActionConfig[];

package/presentation/config/configComponents/Browser/BulkAction.d.ts CHANGED Viewed

@@ -13,14 +13,16 @@ export interface BulkActionProps {
     element?: React.ReactElement;
 }
 export declare const BaseBulkAction: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
-export declare const BulkAction: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+declare const useWorker: () => {
+    items: import("@webiny/sdk/index").FmFile[];
+    process: (callback: (items: FileItem[]) => void) => void;
+    processInSeries: (callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+    resetItems: () => void;
+    results: import("@webiny/app-admin").Result[];
+};
+export declare const BulkAction: typeof BaseBulkAction & {
     useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
-    useWorker: () => {
-        items: import("@webiny/sdk/index").FmFile[];
-        process: (callback: (items: FileItem[]) => void) => void;
-        processInSeries: (callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
-        resetItems: () => void;
-        results: import("@webiny/app-admin").Result[];
-    };
+    useWorker: typeof useWorker;
     useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
 };
+export {};

package/presentation/config/configComponents/Browser/BulkAction.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import react, { useCallback, useEffect, useRef } from "react";
+import react, { useCallback, useRef } from "react";
 import { Worker, useButtons, useDialogWithReport } from "@webiny/app-admin";
 import { Property, useIdGenerator } from "@webiny/react-properties";
 import { useFileManagerPresenter } from "../../../FileList/FileManagerPresenterProvider.js";
@@ -30,19 +30,13 @@ const useWorker = ()=>{
     const { vm, actions } = useFileManagerPresenter();
     const { current: worker } = useRef(new Worker());
     const selected = vm.list.rows.filter((f)=>vm.list.selection.selectedIds.has(f.id));
-    useEffect(()=>{
-        worker.items = selected;
-    }, [
-        selected.length
-    ]);
     const resetItems = useCallback(()=>{
-        worker.items = [];
         actions.selection.deselectAll();
     }, []);
     return {
         items: selected,
-        process: (callback)=>worker.process(callback),
-        processInSeries: async (callback, chunkSize)=>worker.processInSeries(callback, chunkSize),
+        process: (callback)=>worker.process(selected, callback),
+        processInSeries: async (callback, chunkSize)=>worker.processInSeries(selected, callback, chunkSize),
         resetItems: resetItems,
         results: worker.results
     };

package/presentation/config/configComponents/Browser/BulkAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/config/configComponents/Browser/BulkAction.js","sources":["../../../../../src/presentation/config/configComponents/Browser/BulkAction.tsx"],"sourcesContent":["import React, { useCallback, ~~useEffect,~~ useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nexport interface BulkActionConfig {\n name: string;\n element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n name: string;\n remove?: boolean;\n before?: string;\n after?: string;\n element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n name,\n after = undefined,\n before = undefined,\n remove = false,\n element\n}: BulkActionProps) => {\n const getId = useIdGenerator(\"bulkAction\");\n\n const placeAfter = after !== undefined ? getId(after) : undefined;\n const placeBefore = before !== undefined ? getId(before) : undefined;\n\n return (\n <Property id=\"browser\" name={\"browser\"}>\n <Property\n id={getId(name)}\n name={\"bulkActions\"}\n remove={remove}\n array={true}\n before={placeBefore}\n after={placeAfter}\n >\n <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n {element ? (\n <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n ) : null}\n </Property>\n </Property>\n );\n};\n\nconst useWorker = () => {\n const { vm, actions } = useFileManagerPresenter();\n const { current: worker } = useRef(new Worker<FileItem>());\n\n const selected = vm.list.rows.filter(f => vm.list.selection.selectedIds.has(f.id));\n\n ~~useEffect(() => {\n worker.items = selected;\n }, [selected.length]);\n\n~~ const resetItems = useCallback(() => {\n ~~worker.items = [];\n~~ actions.selection.deselectAll();\n }, []);\n\n return {\n items: selected,\n process: (callback: (items: FileItem[]) => void) => worker.process(callback),\n processInSeries: async (\n callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>,\n chunkSize?: number\n ) => worker.processInSeries(callback, chunkSize),\n resetItems: resetItems,\n results: worker.results\n };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n useButtons,\n useWorker,\n useDialog: useDialogWithReport\n});\n"],"names":["BaseBulkAction","name","after","before","remove","element","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","useWorker","vm","actions","useFileManagerPresenter","worker","useRef","Worker","selected","f","~~useEffect","~~resetItems","useCallback","callback","chunkSize","BulkAction","Object","useButtons","useDialogWithReport"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,CAAC,EAC3BC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,OAAO,EACO;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaN,AAAUO,WAAVP,QAAsBI,MAAMJ,SAASO;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQM;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDI,UAAU,WAAVA,GACG,oBAACM,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOI;SAC9D;AAIpB;AAEA,MAAMO,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAEvC,MAAMC,WAAWN,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACO,CAAAA,IAAKP,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACO,EAAE,EAAE;~~IAEhFC~~,~~UAAU;QACNL~~,~~OAAO,KAAK,GAAGG;IACnB,GAAG;QAACA,SAAS,MAAM;KAAC;IAEpB,MAAMG,~~aAAaC,YAAY;~~QAC3BP~~,~~OAAO,KAAK,GAAG,EAAE;QACjBF,~~QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG,EAAE;IAEL,OAAO;QACH,OAAOK;QACP,SAAS,~~CAACK~~,~~WAA0CR~~,OAAO,OAAO,~~CAACQ~~;~~QACnE~~,iBAAiB,OACbA,UACAC,~~YACCT~~,OAAO,eAAe,~~CAACQ~~,UAAUC;~~QACtC~~,YAAYH;QACZ,~~SAASN~~,OAAO,OAAO;IAC3B;AACJ;AAEO,~~MAAMU~~,aAAaC,OAAO,MAAM,~~CAAC3B~~,gBAAgB;~~IACpD4B~~,YAAUA;~~IACVhB~~,WAAAA;IACA,~~WAAWiB~~;AACf"}
1	+ {"version":3,"file":"presentation/config/configComponents/Browser/BulkAction.js","sources":["../../../../../src/presentation/config/configComponents/Browser/BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nexport interface BulkActionConfig {\n name: string;\n element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n name: string;\n remove?: boolean;\n before?: string;\n after?: string;\n element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n name,\n after = undefined,\n before = undefined,\n remove = false,\n element\n}: BulkActionProps) => {\n const getId = useIdGenerator(\"bulkAction\");\n\n const placeAfter = after !== undefined ? getId(after) : undefined;\n const placeBefore = before !== undefined ? getId(before) : undefined;\n\n return (\n <Property id=\"browser\" name={\"browser\"}>\n <Property\n id={getId(name)}\n name={\"bulkActions\"}\n remove={remove}\n array={true}\n before={placeBefore}\n after={placeAfter}\n >\n <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n {element ? (\n <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n ) : null}\n </Property>\n </Property>\n );\n};\n\nconst useWorker = () => {\n const { vm, actions } = useFileManagerPresenter();\n const { current: worker } = useRef(new Worker<FileItem>());\n\n const selected = vm.list.rows.filter(f => vm.list.selection.selectedIds.has(f.id));\n\n const resetItems = useCallback(() => {\n actions.selection.deselectAll();\n }, []);\n\n return {\n items: selected,\n process: (callback: (items: FileItem[]) => void) => worker.process(selected, callback),\n processInSeries: async (\n callback: ({ item, allItems, report }: CallbackParams<FileItem>) => Promise<void>,\n chunkSize?: number\n ) => worker.processInSeries(selected, callback, chunkSize),\n resetItems: resetItems,\n results: worker.results\n };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n useButtons,\n useWorker,\n useDialog: useDialogWithReport\n});\n"],"names":["BaseBulkAction","name","after","before","remove","element","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","useWorker","vm","actions","useFileManagerPresenter","worker","useRef","Worker","selected","f","resetItems","useCallback","callback","chunkSize","BulkAction","Object","useButtons","useDialogWithReport"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,CAAC,EAC3BC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,OAAO,EACO;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaN,AAAUO,WAAVP,QAAsBI,MAAMJ,SAASO;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQM;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDI,UAAU,WAAVA,GACG,oBAACM,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOI;SAC9D;AAIpB;AAEA,MAAMO,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAEvC,MAAMC,WAAWN,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACO,CAAAA,IAAKP,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACO,EAAE,EAAE;IAEhF,MAAMC,aAAaC,YAAY;QAC3BR,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG,EAAE;IAEL,OAAO;QACH,OAAOK;QACP,SAAS,CAACI,WAA0CP,OAAO,OAAO,CAACG,UAAUI;QAC7E,iBAAiB,OACbA,UACAC,YACCR,OAAO,eAAe,CAACG,UAAUI,UAAUC;QAChD,YAAYH;QACZ,SAASL,OAAO,OAAO;IAC3B;AACJ;AAEO,MAAMS,aAAaC,OAAO,MAAM,CAAC1B,gBAAgB;IACpD2B,YAAUA;IACVf,WAAAA;IACA,WAAWgB;AACf"}

package/presentation/config/configComponents/Browser/FileAction.d.ts CHANGED Viewed

@@ -2,7 +2,8 @@ import React from "react";
 import { AcoConfig, type RecordActionConfig } from "@webiny/app-aco";
 export type { RecordActionConfig as FileActionConfig };
 type FileActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
-export declare const FileAction: ((props: FileActionProps) => React.JSX.Element) & {
+declare const BaseFileAction: (props: FileActionProps) => React.JSX.Element;
+export declare const FileAction: typeof BaseFileAction & {
     OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
     OptionsMenuLink: (props: import("@webiny/app-admin/components").OptionsMenuLinkProps) => React.JSX.Element;
 };

package/presentation/config/configComponents/Browser/FolderAction.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import React from "react";
 import { AcoConfig, type FolderActionConfig } from "@webiny/app-aco";
 export type { FolderActionConfig };
 type FolderActionProps = React.ComponentProps<typeof AcoConfig.Folder.Action>;
-export declare const FolderAction: ((props: FolderActionProps) => React.JSX.Element) & {
+declare const BaseFolderAction: (props: FolderActionProps) => React.JSX.Element;
+export declare const FolderAction: typeof BaseFolderAction & {
     OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
 };

package/presentation/config/configComponents/Browser/Table/Column.d.ts CHANGED Viewed

@@ -3,28 +3,29 @@ import { AcoConfig, type TableColumnConfig as ColumnConfig } from "@webiny/app-a
 import type { TableItem } from "../../../../../domain/types.js";
 export type { ColumnConfig };
 type ColumnProps = React.ComponentProps<typeof AcoConfig.Table.Column>;
-export declare const Column: ((props: ColumnProps) => React.JSX.Element) & {
-    original: (props: ColumnProps) => React.JSX.Element;
+declare const BaseColumnComponent: (props: ColumnProps) => React.JSX.Element;
+export declare const Column: typeof BaseColumnComponent & {
+    original: typeof BaseColumnComponent;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ColumnProps) => React.JSX.Element) & {
-        original: (props: ColumnProps) => React.JSX.Element;
+    original: typeof BaseColumnComponent & {
+        original: typeof BaseColumnComponent;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ColumnProps) => React.JSX.Element) & {
-        original: (props: ColumnProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<typeof BaseColumnComponent & {
+        original: typeof BaseColumnComponent;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
     useTableRow: {
-        (): import("@webiny/app-aco").TableRowContextData<TableItem>;
-        <TUserRow>(): import("@webiny/app-aco").TableRowContextData<TableItem & {
+        (): import("@webiny/app-admin/components").TableRowContextData<TableItem>;
+        <TUserRow>(): import("@webiny/app-admin/components").TableRowContextData<TableItem & {
             data: TUserRow;
         }>;
     };