@webiny/app-file-manager 6.4.4-beta.3 → 6.4.4-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "6.4.4-beta.3",
+	"version": "6.4.4-beta.4",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -16,22 +16,22 @@
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
 		"@types/react": "18.3.29",
-		"@webiny/admin-ui": "6.4.4-beta.3",
-		"@webiny/app": "6.4.4-beta.3",
-		"@webiny/app-aco": "6.4.4-beta.3",
-		"@webiny/app-admin": "6.4.4-beta.3",
-		"@webiny/app-headless-cms": "6.4.4-beta.3",
-		"@webiny/app-headless-cms-common": "6.4.4-beta.3",
-		"@webiny/app-websockets": "6.4.4-beta.3",
+		"@webiny/admin-ui": "6.4.4-beta.4",
+		"@webiny/app": "6.4.4-beta.4",
+		"@webiny/app-aco": "6.4.4-beta.4",
+		"@webiny/app-admin": "6.4.4-beta.4",
+		"@webiny/app-headless-cms": "6.4.4-beta.4",
+		"@webiny/app-headless-cms-common": "6.4.4-beta.4",
+		"@webiny/app-websockets": "6.4.4-beta.4",
 		"@webiny/di": "1.0.1",
-		"@webiny/feature": "6.4.4-beta.3",
-		"@webiny/form": "6.4.4-beta.3",
-		"@webiny/icons": "6.4.4-beta.3",
-		"@webiny/plugins": "6.4.4-beta.3",
-		"@webiny/react-composition": "6.4.4-beta.3",
-		"@webiny/react-properties": "6.4.4-beta.3",
-		"@webiny/sdk": "6.4.4-beta.3",
-		"@webiny/validation": "6.4.4-beta.3",
+		"@webiny/feature": "6.4.4-beta.4",
+		"@webiny/form": "6.4.4-beta.4",
+		"@webiny/icons": "6.4.4-beta.4",
+		"@webiny/plugins": "6.4.4-beta.4",
+		"@webiny/react-composition": "6.4.4-beta.4",
+		"@webiny/react-properties": "6.4.4-beta.4",
+		"@webiny/sdk": "6.4.4-beta.4",
+		"@webiny/validation": "6.4.4-beta.4",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -53,7 +53,7 @@
 	},
 	"devDependencies": {
 		"@svgr/webpack": "8.1.0",
-		"@webiny/build-tools": "6.4.4-beta.3",
+		"@webiny/build-tools": "6.4.4-beta.4",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
 		"vitest": "4.1.8"

package/presentation/FileManager/FileManagerView.js

@@ -88,9 +88,11 @@ const FileManagerView_FileManagerViewLayout = observer(function() {
             browseFiles: browseFiles
         });
         if ("table" === vm.viewMode) return /*#__PURE__*/ react.createElement(ScrollArea, {
+            className: "h-full",
             onScroll: loadMoreOnScroll
         }, /*#__PURE__*/ react.createElement(FileTable, null));
         return /*#__PURE__*/ react.createElement(ScrollArea, {
+            className: "h-full",
             onScroll: loadMoreOnScroll
         }, /*#__PURE__*/ react.createElement(FileGrid, null));
     };
@@ -106,7 +108,7 @@ const FileManagerView_FileManagerViewLayout = observer(function() {
         }, /*#__PURE__*/ react.createElement(LeftPanel, {
             span: 2
         }, /*#__PURE__*/ react.createElement("div", {
-            className: "flex flex-col h-main-content"
+            className: "flex flex-col h-full"
         }, /*#__PURE__*/ react.createElement("div", {
             className: "py-sm px-md"
         }, /*#__PURE__*/ react.createElement(Heading, {
@@ -139,14 +141,11 @@ const FileManagerView_FileManagerViewLayout = observer(function() {
         }))) : null)), /*#__PURE__*/ react.createElement(RightPanel, {
             span: 10
         }, /*#__PURE__*/ react.createElement("div", {
-            className: "flex flex-col relative",
-            style: {
-                height: "calc(100vh - 45px"
-            }
+            className: "flex flex-col relative h-full overflow-hidden"
         }, /*#__PURE__*/ react.createElement(FileManagerHeader, {
             browseFiles: browseFiles
         }), /*#__PURE__*/ react.createElement("div", {
-            className: "flex-1",
+            className: "flex-1 min-h-0 overflow-hidden",
             ...getDropZoneProps({
                 onDragEnter: ()=>actions.setDragging(true),
                 onDrop: ()=>actions.setDragging(false),

package/presentation/FileManager/FileManagerView.js.map

@@ -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 onScroll={loadMoreOnScroll}>\n                    <FileTable />\n                </ScrollArea>\n            );\n        }\n\n        return (\n            <ScrollArea 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-main-content\"}>\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\n                                className={\"flex flex-col relative\"}\n                                style={{ height: \"calc(100vh - 45px\" }}\n                            >\n                                <FileManagerHeader browseFiles={browseFiles} />\n                                <div\n                                    className={\"flex-1\"}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,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;IAEA,MAAMW,UAAUC,YAAY,CAACC;QACzB,MAAMC,UAAUC,yBAAyBF;QACzC,IAAIC,SACAd,MAAM,gBAAgB,CAAC;YAAE,OAAOc;QAAQ;aACrC;YACHd,MAAM,gBAAgB,CAAC;gBAAE,OAAO;YAAmC;YACnEgB,QAAQ,KAAK,CAACH;QAClB;IACJ,GAAG,EAAE;IAEL,MAAMI,mBAAmBL,YACrBM,SAAS,OAAOC;QACZ,IAAIA,YAAY,GAAG,GAAG,KACbzB,QAAQ,QAAQ;IAE7B,GAAG,MACH;QAACD,GAAG,IAAI,CAAC,UAAU;QAAEC;KAAQ;IAGjC,IAAI,CAACD,GAAG,SAAS,EACb,OAAO,WAAP,GAAO,oBAAC2B,eAAaA;QAAC,MAAM/B,CAAC,CAAC,yBAAyB,CAAC;;IAG5D,MAAMgC,aAAa,CAACC;QAChB,IAAI7B,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAAC2B,eAAaA;YAAC,MAAM/B,CAAC,CAAC,gBAAgB,CAAC;YAAE,MAAM;;QAG3D,IAAII,GAAG,KAAK,EACR,OAAO,WAAP,GAAO,oBAAC8B,OAAKA;YAAC,gBAAgB,CAAC9B,GAAG,WAAW;YAAE,aAAa6B;;QAGhE,IAAI7B,AAAgB,YAAhBA,GAAG,QAAQ,EACX,OAAO,WAAP,GACI,oBAAC+B,YAAUA;YAAC,UAAUP;yBAClB,oBAACQ,WAASA;QAKtB,OAAO,WAAP,GACI,oBAACD,YAAUA;YAAC,UAAUP;yBAClB,oBAACS,UAAQA;IAGrB;IAEA,MAAMC,UAAU,WAAVA,GACF,oBAACC,mBAAiBA;QACd;QACA,SAASpB,WAAWA,SAAS,iBAAiB,GAAG,MAAM;QACvD,iBAAiB;QACjB,QAAQV,SAAS,UAAU,EAAE;QAC7B,WAAWW;QACX,SAASE;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;WAAI5C,CAAC,CAAC,YAAY,CAAC,kBAEvC,oBAAC6C,WAASA,OAAAA,WAAAA,GACV,oBAAC;YAAI,WAAW;yBACZ,oBAACC,YAAUA;YACP,IAAI1C,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,oBAACsC,WAASA,OAAAA,WAAAA,GACV,oBAAC;YAAI,WAAW;yBACZ,oBAACE,UAAQA;YACL,SAAS;YACT,YACK3C,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAiB,EAAE;YAE/C,MAAMA,GAAG,IAAI,CAAC,GAAG,CAAC4C,CAAAA,MAAQ;oBACtB,KAAKA,IAAI,GAAG;oBACZ,OAAOA,IAAI,KAAK;gBACpB;YACA,uBAAuBC,CAAAA;gBACnB,IAAIA,KAAK,MAAM,GAAG,GACd5C,QAAQ,MAAM,CAAC,GAAG,CAAC,QAAQ4C;qBACxB;oBACH5C,QAAQ,MAAM,CAAC,KAAK,CAAC;oBACrBA,QAAQ,MAAM,CAAC,KAAK,CAAC;gBACzB;YACJ;eAIZ,sBAGZ,oBAAC6C,YAAUA;YAAC,MAAM;yBACd,oBAAC;YACG,WAAW;YACX,OAAO;gBAAE,QAAQ;YAAoB;yBAErC,oBAACC,mBAAiBA;YAAC,aAAalB;0BAChC,oBAAC;YACG,WAAW;YACV,GAAGO,iBAAiB;gBACjB,aAAa,IAAMnC,QAAQ,WAAW,CAAC;gBACvC,QAAQ,IAAMA,QAAQ,WAAW,CAAC;gBAClC,aAAa,CAAC+C;oBACV,IACI,CAACA,EAAE,aAAa,IAChB,CAACA,EAAE,aAAa,CAAC,QAAQ,CAACA,EAAE,aAAa,GAEzC/C,QAAQ,WAAW,CAAC;gBAE5B;YACJ,EAAE;YACF,eAAa;WAEZ,CAACI,WAAW,WAAXA,GAAW,oBAAC4C,eAAaA,OAC1BrB,WAAWC,cACX7B,GAAG,QAAQ,IAAI,WAAJ,GAAI,oBAACkD,qBAAmBA,OAAAA,WAAAA,GACpC,oBAACC,gBAAcA,QAAAA,WAAAA,GAEnB,oBAACC,eAAaA;YACV,QAAQ/C,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,oBAACgD,eAAaA;QAAC,SAAS;QAAU,UAAU,IAAMhD,QAAQ,OAAO;OAC5D6B;IAKb,OAAOA;AACX;AAMA,MAAMoB,uBAAuBvD,SACzB,CAAC,EACGM,UAAU,KAAK,EACfkD,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACW;IACnB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,gBAAgBnD,QAAQ;QAC1B,IAAI,CAACR,WAAW,CAACkD,YAAY,CAACC,SAC1B,OAAO;QAGX,MAAMS,kBAAkB,CAACC;YACrB,IAAIT,UACAI,UAAU,OAAO,CAAC,SAAS,CAAC,MAAM,CAACK,KAAK,EAAE;iBAE1CX,SAAS;gBAACW;aAAK;QAEvB;QAEA,MAAMC,mBAAmB;YACrB,MAAMC,cAAcP,UAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;YAC3D,MAAMQ,gBAAgBR,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAACS,CAAAA,IAAKF,YAAY,GAAG,CAACE,EAAE,EAAE;YAC7E,IAAID,cAAc,MAAM,GAAG,GACvBd,SAASc;QAEjB;QAEA,OAAO;YACH,aAAaJ;YACbE;YACAX;YACA,QAAQE,UAAU,EAAE;YACpB,UAAUD,YAAY;QAC1B;IACJ,GAAG;QAACpD;QAASkD;QAAUC;QAASC;QAAUC;KAAO;IAEjDa,UAAU;QACNV,UAAU,IAAI,CAAC;YAAEF;QAAM;QACvB,OAAO,IAAME,UAAU,OAAO;IAClC,GAAG;QAACA;QAAWxD;QAASsD;KAAM;IAE9B,MAAMa,QAAQ,WAARA,GACF,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,2BAAyBA,MAAAA,WAAAA,GACtB,oBAACC,8BAA4BA;QAAC,WAAWd;qBACrC,oBAAC/D,uCAAqBA,OACrB8D;IAMjB,IAAII,eACA,OAAO,WAAP,GAAO,oBAACY,iBAAeA;QAAC,QAAQZ;OAAgBQ;IAGpD,OAAOA;AACX;AAOG,MAAMK,kBAAkB,CAACC;IAC5B,MAAMpE,YAAYC;IAElB,MAAMoE,kBAAkBlE,QAAQ;QAC5B,MAAMmE,QAAQtE,UAAU,oBAAoB;QAE5CuE,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;QACrCjB,4BAA4B,QAAQ,CAACiB;QAErC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACY,qBAAmBA;QAAC,WAAWb;qBAC5B,oBAACzB,sBAAyBwB;AAGtC"}
+{"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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"}