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

package/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js

@@ -0,0 +1,11 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import * as __rspack_external_react from "react";
+const FilePreviewDefaultRenderer = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        width: 48,
+        height: 48
+    }));
+export { FilePreviewDefaultRenderer };
+
+//# sourceMappingURL=FilePreviewDefaultRenderer.js.map

package/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/FilePreviewDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const FilePreviewDefaultRenderer = () => {\n    return (\n        <div className={\"fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"names":["FilePreviewDefaultRenderer","HideImageIcon"],"mappings":";;AAGO,MAAMA,6BAA6B,IAC/B,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,gBAAaA;QAAC,OAAO;QAAI,QAAQ"}

package/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js

@@ -0,0 +1,18 @@
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+import * as __rspack_external_react from "react";
+const width750 = {
+    width: 750
+};
+const FilePreviewImageRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Image, {
+        src: file.src,
+        alt: file.name,
+        transform: width750,
+        className: "object-contain max-w-full max-h-full"
+    });
+};
+export { FilePreviewImageRenderer };
+
+//# sourceMappingURL=FilePreviewImageRenderer.js.map

package/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/FilePreviewImageRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/FilePreviewImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\n\nconst width750 = { width: 750 };\n\nexport const FilePreviewImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width750}\n            className={\"object-contain max-w-full max-h-full\"}\n        />\n    );\n};\n"],"names":["width750","FilePreviewImageRenderer","file","useFile","Image"],"mappings":";;;AAIA,MAAMA,WAAW;IAAE,OAAO;AAAI;AAEvB,MAAMC,2BAA2B;IACpC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,OAAO,WAAP,GACI,sCAACC,OAAKA;QACF,KAAKF,KAAK,GAAG;QACb,KAAKA,KAAK,IAAI;QACd,WAAWF;QACX,WAAW;;AAGvB"}

package/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js

@@ -0,0 +1,11 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import * as __rspack_external_react from "react";
+const GridItemDefaultRenderer = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "fill-neutral-strong"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        width: 48,
+        height: 48
+    }));
+export { GridItemDefaultRenderer };
+
+//# sourceMappingURL=GridItemDefaultRenderer.js.map

package/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/GridItemDefaultRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/GridItemDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const GridItemDefaultRenderer = () => {\n    return (\n        <div className={\"fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"names":["GridItemDefaultRenderer","HideImageIcon"],"mappings":";;AAGO,MAAMA,0BAA0B,IAC5B,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,gBAAaA;QAAC,OAAO;QAAI,QAAQ"}

package/presentation/config/thumbnailRenderers/GridItemImageRenderer.js

@@ -0,0 +1,18 @@
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+import * as __rspack_external_react from "react";
+const width300 = {
+    width: 300
+};
+const GridItemImageRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Image, {
+        src: file.src,
+        alt: file.name,
+        transform: width300,
+        className: "object-contain max-w-full max-h-full"
+    });
+};
+export { GridItemImageRenderer };
+
+//# sourceMappingURL=GridItemImageRenderer.js.map

package/presentation/config/thumbnailRenderers/GridItemImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/GridItemImageRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/GridItemImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\n\nconst width300 = { width: 300 };\n\nexport const GridItemImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width300}\n            className={\"object-contain max-w-full max-h-full\"}\n        />\n    );\n};\n"],"names":["width300","GridItemImageRenderer","file","useFile","Image"],"mappings":";;;AAIA,MAAMA,WAAW;IAAE,OAAO;AAAI;AAEvB,MAAMC,wBAAwB;IACjC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,OAAO,WAAP,GACI,sCAACC,OAAKA;QACF,KAAKF,KAAK,GAAG;QACb,KAAKA,KAAK,IAAI;QACd,WAAWF;QACX,WAAW;;AAGvB"}

package/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js

@@ -0,0 +1,18 @@
+import { ReactComponent } from "@webiny/icons/hide_image.svg";
+import { useFile } from "../../hooks/useFile.js";
+import { Icon } from "@webiny/admin-ui";
+import * as __rspack_external_react from "react";
+const TableItemDefaultRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full h-full flex items-center justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        color: "neutral-light",
+        size: "md",
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+        label: file.name
+    }));
+};
+export { TableItemDefaultRenderer };
+
+//# sourceMappingURL=TableItemDefaultRenderer.js.map

package/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/TableItemDefaultRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/TableItemDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\nimport { Icon } from \"@webiny/admin-ui\";\n\nexport const TableItemDefaultRenderer = () => {\n    const { file } = useFile();\n\n    return (\n        <div className={\"w-full h-full flex items-center justify-center\"}>\n            <Icon color={\"neutral-light\"} size={\"md\"} icon={<HideImageIcon />} label={file.name} />\n        </div>\n    );\n};\n"],"names":["TableItemDefaultRenderer","file","useFile","Icon","HideImageIcon"],"mappings":";;;;AAKO,MAAMA,2BAA2B;IACpC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,MAAIA;QAAC,OAAO;QAAiB,MAAM;QAAM,oBAAM,sCAACC,gBAAaA;QAAK,OAAOH,KAAK,IAAI;;AAG/F"}

package/presentation/config/thumbnailRenderers/TableItemImageRenderer.js

@@ -0,0 +1,18 @@
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+import * as __rspack_external_react from "react";
+const width100 = {
+    width: 100
+};
+const TableItemImageRenderer = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Image, {
+        src: file.src,
+        alt: file.name,
+        transform: width100,
+        className: "object-cover w-full h-full"
+    });
+};
+export { TableItemImageRenderer };
+
+//# sourceMappingURL=TableItemImageRenderer.js.map

package/presentation/config/thumbnailRenderers/TableItemImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/config/thumbnailRenderers/TableItemImageRenderer.js","sources":["../../../../src/presentation/config/thumbnailRenderers/TableItemImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/presentation/hooks/useFile.js\";\n\nconst width100 = { width: 100 };\n\nexport const TableItemImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width100}\n            className={\"object-cover w-full h-full\"}\n        />\n    );\n};\n"],"names":["width100","TableItemImageRenderer","file","useFile","Image"],"mappings":";;;AAIA,MAAMA,WAAW;IAAE,OAAO;AAAI;AAEvB,MAAMC,yBAAyB;IAClC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,OAAO,WAAP,GACI,sCAACC,OAAKA;QACF,KAAKF,KAAK,GAAG;QACb,KAAKA,KAAK,IAAI;QACd,WAAWF;QACX,WAAW;;AAGvB"}

package/presentation/contexts/FileProvider.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { FileItem } from "../../domain/types.js";
+export interface FileContext {
+    file: FileItem;
+}
+export declare const FileContext: React.Context<FileContext | undefined>;
+interface FileProviderProps {
+    file: FileItem;
+    children: React.ReactNode;
+}
+export declare const FileProvider: ({ file, children }: FileProviderProps) => React.JSX.Element;
+export {};

package/presentation/contexts/FileProvider.js

@@ -0,0 +1,13 @@
+import react, { createContext } from "react";
+const FileContext = /*#__PURE__*/ createContext(void 0);
+const FileProvider = ({ file, children })=>{
+    const value = {
+        file
+    };
+    return /*#__PURE__*/ react.createElement(FileContext.Provider, {
+        value: value
+    }, children);
+};
+export { FileContext, FileProvider };
+
+//# sourceMappingURL=FileProvider.js.map

package/presentation/contexts/FileProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contexts/FileProvider.js","sources":["../../../src/presentation/contexts/FileProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nexport interface FileContext {\n    file: FileItem;\n}\n\nexport const FileContext = createContext<FileContext | undefined>(undefined);\n\ninterface FileProviderProps {\n    file: FileItem;\n    children: React.ReactNode;\n}\n\nexport const FileProvider = ({ file, children }: FileProviderProps) => {\n    const value: FileContext = { file };\n\n    return <FileContext.Provider value={value}>{children}</FileContext.Provider>;\n};\n"],"names":["FileContext","createContext","undefined","FileProvider","file","children","value"],"mappings":";AAOO,MAAMA,cAAc,WAAHA,GAAGC,cAAuCC;AAO3D,MAAMC,eAAe,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAqB;IAC9D,MAAMC,QAAqB;QAAEF;IAAK;IAElC,OAAO,WAAP,GAAO,oBAACJ,YAAY,QAAQ;QAAC,OAAOM;OAAQD;AAChD"}

package/presentation/hooks/useCopyFile.d.ts

@@ -0,0 +1,11 @@
+import type { FileItem } from "../../domain/types.js";
+interface UseCopyFileParams {
+    file: {
+        key: FileItem["key"];
+        src?: FileItem["src"];
+    };
+}
+export declare const useCopyFile: ({ file }: UseCopyFileParams) => {
+    copyFileUrl: () => void;
+};
+export {};

package/presentation/hooks/useCopyFile.js

@@ -0,0 +1,24 @@
+import { useCallback } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { useContainer } from "@webiny/app";
+import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+const t = i18n.ns("app-admin/file-manager/hooks/use-copy-file");
+const useCopyFile = ({ file })=>{
+    const container = useContainer();
+    const settingsRepository = container.resolve(GetSettingsRepository);
+    const { showSnackbar } = useSnackbar();
+    const copyFileUrl = useCallback(()=>{
+        const fileSrc = file.src || (settingsRepository.settings?.srcPrefix ?? "") + file.key;
+        navigator.clipboard.writeText(fileSrc);
+        showSnackbar(t`URL copied successfully.`);
+    }, [
+        file
+    ]);
+    return {
+        copyFileUrl
+    };
+};
+export { useCopyFile };
+
+//# sourceMappingURL=useCopyFile.js.map

package/presentation/hooks/useCopyFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/hooks/useCopyFile.js","sources":["../../../src/presentation/hooks/useCopyFile.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useContainer } from \"@webiny/app\";\nimport { GetSettingsRepository } from \"~/features/settings/abstractions.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-copy-file\");\n\ninterface UseCopyFileParams {\n    file: {\n        key: FileItem[\"key\"];\n        src?: FileItem[\"src\"];\n    };\n}\n\nexport const useCopyFile = ({ file }: UseCopyFileParams) => {\n    const container = useContainer();\n    const settingsRepository = container.resolve(GetSettingsRepository);\n    const { showSnackbar } = useSnackbar();\n\n    const copyFileUrl = useCallback(() => {\n        const fileSrc = file.src || (settingsRepository.settings?.srcPrefix ?? \"\") + file.key;\n\n        navigator.clipboard.writeText(fileSrc);\n        showSnackbar(t`URL copied successfully.`);\n    }, [file]);\n\n    return {\n        copyFileUrl\n    };\n};\n"],"names":["t","i18n","useCopyFile","file","container","useContainer","settingsRepository","GetSettingsRepository","showSnackbar","useSnackbar","copyFileUrl","useCallback","fileSrc","navigator"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AASX,MAAMC,cAAc,CAAC,EAAEC,IAAI,EAAqB;IACnD,MAAMC,YAAYC;IAClB,MAAMC,qBAAqBF,UAAU,OAAO,CAACG;IAC7C,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,cAAcC,YAAY;QAC5B,MAAMC,UAAUT,KAAK,GAAG,IAAKG,AAAAA,CAAAA,mBAAmB,QAAQ,EAAE,aAAa,EAAC,IAAKH,KAAK,GAAG;QAErFU,UAAU,SAAS,CAAC,SAAS,CAACD;QAC9BJ,aAAaR,CAAC,CAAC,wBAAwB,CAAC;IAC5C,GAAG;QAACG;KAAK;IAET,OAAO;QACHO;IACJ;AACJ"}

package/presentation/hooks/useDeleteFile.d.ts

@@ -0,0 +1,9 @@
+import type { FileItem } from "../../domain/types.js";
+interface UseDeleteFileParams {
+    file: Pick<FileItem, "id" | "name">;
+    onDelete?: () => void;
+}
+export declare const useDeleteFile: ({ onDelete, file }: UseDeleteFileParams) => {
+    openDialogDeleteFile: () => void;
+};
+export {};

package/presentation/hooks/useDeleteFile.js

@@ -0,0 +1,35 @@
+import react, { useCallback } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Text } from "@webiny/admin-ui";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+import { useContainer } from "@webiny/app";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
+const t = i18n.ns("app-admin/file-manager/hooks/use-delete-file");
+const useDeleteFile = ({ onDelete, file })=>{
+    const container = useContainer();
+    const deleteFileUseCase = container.resolve(DeleteFileUseCase);
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        title: t`Delete file`,
+        loading: "Deleting file...",
+        message: file && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, null, t`You are about to delete file {name}. Are you sure you want to continue?`({
+            name: /*#__PURE__*/ react.createElement("strong", null, file.name)
+        }))),
+        dataTestId: "fm-delete-file-confirmation-dialog"
+    });
+    const openDialogDeleteFile = useCallback(()=>showConfirmation(async ()=>{
+            await deleteFileUseCase.execute({
+                id: file.id
+            });
+            showSnackbar(t`File deleted successfully.`);
+            if (onDelete && "function" == typeof onDelete) onDelete();
+        }), [
+        file
+    ]);
+    return {
+        openDialogDeleteFile
+    };
+};
+export { useDeleteFile };
+
+//# sourceMappingURL=useDeleteFile.js.map

package/presentation/hooks/useDeleteFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/hooks/useDeleteFile.js","sources":["../../../src/presentation/hooks/useDeleteFile.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { useContainer } from \"@webiny/app\";\nimport { DeleteFileUseCase } from \"~/features/deleteFile/abstractions.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst t = i18n.ns(\"app-admin/file-manager/hooks/use-delete-file\");\n\ninterface UseDeleteFileParams {\n    file: Pick<FileItem, \"id\" | \"name\">;\n    onDelete?: () => void;\n}\n\nexport const useDeleteFile = ({ onDelete, file }: UseDeleteFileParams) => {\n    const container = useContainer();\n    const deleteFileUseCase = container.resolve(DeleteFileUseCase);\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete file`,\n        loading: \"Deleting file...\",\n        message: file && (\n            <>\n                <Text>\n                    {t`You are about to delete file {name}. Are you sure you want to continue?`({\n                        name: <strong>{file.name}</strong>\n                    })}\n                </Text>\n            </>\n        ),\n        dataTestId: \"fm-delete-file-confirmation-dialog\"\n    });\n\n    const openDialogDeleteFile = useCallback(\n        () =>\n            showConfirmation(async () => {\n                await deleteFileUseCase.execute({ id: file.id });\n\n                showSnackbar(t`File deleted successfully.`);\n\n                if (onDelete && typeof onDelete === \"function\") {\n                    onDelete();\n                }\n            }),\n        [file]\n    );\n\n    return {\n        openDialogDeleteFile\n    };\n};\n"],"names":["t","i18n","useDeleteFile","onDelete","file","container","useContainer","deleteFileUseCase","DeleteFileUseCase","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","Text","openDialogDeleteFile","useCallback"],"mappings":";;;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAuB;IACjE,MAAMC,YAAYC;IAClB,MAAMC,oBAAoBF,UAAU,OAAO,CAACG;IAC5C,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAOZ,CAAC,CAAC,WAAW,CAAC;QACrB,SAAS;QACT,SAASI,QAAQ,WAARA,GACL,wDACI,oBAACS,MAAIA,MACAb,CAAC,CAAC,uEAAuE,CAAC,CAAC;YACxE,MAAM,WAAN,GAAM,oBAAC,gBAAQI,KAAK,IAAI;QAC5B;QAIZ,YAAY;IAChB;IAEA,MAAMU,uBAAuBC,YACzB,IACIJ,iBAAiB;YACb,MAAMJ,kBAAkB,OAAO,CAAC;gBAAE,IAAIH,KAAK,EAAE;YAAC;YAE9CK,aAAaT,CAAC,CAAC,0BAA0B,CAAC;YAE1C,IAAIG,YAAY,AAAoB,cAApB,OAAOA,UACnBA;QAER,IACJ;QAACC;KAAK;IAGV,OAAO;QACHU;IACJ;AACJ"}

package/presentation/hooks/useFile.d.ts

@@ -0,0 +1,2 @@
+import { FileContext } from "../../presentation/contexts/FileProvider.js";
+export declare const useFile: () => FileContext;

package/presentation/hooks/useFile.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { FileContext } from "../contexts/FileProvider.js";
+const useFile = ()=>{
+    const context = react.useContext(FileContext);
+    if (!context) throw Error('FileContext is missing in the component tree. Are you using "useFile()" hook in the right place?');
+    return context;
+};
+export { useFile };
+
+//# sourceMappingURL=useFile.js.map

package/presentation/hooks/useFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/hooks/useFile.js","sources":["../../../src/presentation/hooks/useFile.ts"],"sourcesContent":["import React from \"react\";\nimport { FileContext } from \"~/presentation/contexts/FileProvider.js\";\n\nexport const useFile = () => {\n    const context = React.useContext(FileContext);\n    if (!context) {\n        throw Error(\n            `FileContext is missing in the component tree. Are you using \"useFile()\" hook in the right place?`\n        );\n    }\n\n    return context;\n};\n"],"names":["useFile","context","React","FileContext","Error"],"mappings":";;AAGO,MAAMA,UAAU;IACnB,MAAMC,UAAUC,MAAAA,UAAgB,CAACC;IACjC,IAAI,CAACF,SACD,MAAMG,MACF;IAIR,OAAOH;AACX"}

package/presentation/hooks/useMoveFileToFolder.d.ts

@@ -0,0 +1,2 @@
+import type { FileItem } from "../../domain/types.js";
+export declare function useMoveFileToFolder(file: FileItem): () => void;

package/presentation/hooks/useMoveFileToFolder.js

@@ -0,0 +1,36 @@
+import { useCallback } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { useContainer } from "@webiny/app";
+import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+function useMoveFileToFolder(file) {
+    const { showSnackbar } = useSnackbar();
+    const { showDialog } = useMoveToFolderDialog();
+    const container = useContainer();
+    const updateFileUseCase = container.resolve(UpdateFileUseCase);
+    return useCallback(()=>{
+        showDialog({
+            title: "Move file to a new location",
+            message: "Select a new location for this file:",
+            loadingLabel: "Moving file...",
+            acceptLabel: "Move file",
+            focusedFolderId: file.location.folderId,
+            async onAccept ({ folder }) {
+                await updateFileUseCase.execute({
+                    id: file.id,
+                    data: {
+                        location: {
+                            folderId: folder.id
+                        }
+                    }
+                });
+                showSnackbar(`File "${file.name}" was successfully moved to folder "${folder.label}"!`);
+            }
+        });
+    }, [
+        file.id
+    ]);
+}
+export { useMoveFileToFolder };
+
+//# sourceMappingURL=useMoveFileToFolder.js.map

package/presentation/hooks/useMoveFileToFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/hooks/useMoveFileToFolder.js","sources":["../../../src/presentation/hooks/useMoveFileToFolder.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { useContainer } from \"@webiny/app\";\nimport { UpdateFileUseCase } from \"~/features/updateFile/abstractions.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nexport function useMoveFileToFolder(file: FileItem) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const container = useContainer();\n    const updateFileUseCase = container.resolve(UpdateFileUseCase);\n\n    return useCallback(() => {\n        showDialog({\n            title: \"Move file to a new location\",\n            message: \"Select a new location for this file:\",\n            loadingLabel: \"Moving file...\",\n            acceptLabel: \"Move file\",\n            focusedFolderId: file.location.folderId,\n            async onAccept({ folder }) {\n                await updateFileUseCase.execute({\n                    id: file.id,\n                    data: { location: { folderId: folder.id } }\n                });\n                showSnackbar(\n                    `File \"${file.name}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [file.id]);\n}\n"],"names":["useMoveFileToFolder","file","showSnackbar","useSnackbar","showDialog","useMoveToFolderDialog","container","useContainer","updateFileUseCase","UpdateFileUseCase","useCallback","folder"],"mappings":";;;;;AAOO,SAASA,oBAAoBC,IAAc;IAC9C,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAMC,YAAYC;IAClB,MAAMC,oBAAoBF,UAAU,OAAO,CAACG;IAE5C,OAAOC,YAAY;QACfN,WAAW;YACP,OAAO;YACP,SAAS;YACT,cAAc;YACd,aAAa;YACb,iBAAiBH,KAAK,QAAQ,CAAC,QAAQ;YACvC,MAAM,UAAS,EAAEU,MAAM,EAAE;gBACrB,MAAMH,kBAAkB,OAAO,CAAC;oBAC5B,IAAIP,KAAK,EAAE;oBACX,MAAM;wBAAE,UAAU;4BAAE,UAAUU,OAAO,EAAE;wBAAC;oBAAE;gBAC9C;gBACAT,aACI,CAAC,MAAM,EAAED,KAAK,IAAI,CAAC,oCAAoC,EAAEU,OAAO,KAAK,CAAC,EAAE,CAAC;YAEjF;QACJ;IACJ,GAAG;QAACV,KAAK,EAAE;KAAC;AAChB"}

package/routes.d.ts

@@ -1,4 +1,7 @@
 import { Route } from "@webiny/app-admin";
 export declare const Routes: {
+    List: Route<{
+        folderId: import("zod").ZodOptional<import("zod").ZodString>;
+    }>;
     Settings: Route<undefined>;
 };

package/routes.js

@@ -1,9 +1,17 @@
 import { Route } from "@webiny/app-admin";
-export const Routes = {
-  Settings: new Route({
-    name: "FileManager/Settings",
-    path: "/settings/file-manager/general"
-  })
+const Routes = {
+    List: new Route({
+        name: "FileManager/List",
+        path: "/file-manager",
+        params: (zod)=>({
+                folderId: zod.string().optional()
+            })
+    }),
+    Settings: new Route({
+        name: "FileManager/Settings",
+        path: "/settings/file-manager/general"
+    })
 };
+export { Routes };
 
 //# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Route","Routes","Settings","name","path"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Settings: new Route({\n        name: \"FileManager/Settings\",\n        path: \"/settings/file-manager/general\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,QAAQ,EAAE,IAAIF,KAAK,CAAC;IAChBG,IAAI,EAAE,sBAAsB;IAC5BC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    List: new Route({\n        name: \"FileManager/List\",\n        path: \"/file-manager\",\n        params: zod => {\n            return {\n                folderId: zod.string().optional()\n            };\n        }\n    }),\n    Settings: new Route({\n        name: \"FileManager/Settings\",\n        path: \"/settings/file-manager/general\"\n    })\n};\n"],"names":["Routes","Route","zod"],"mappings":";AAEO,MAAMA,SAAS;IAClB,MAAM,IAAIC,MAAM;QACZ,MAAM;QACN,MAAM;QACN,QAAQC,CAAAA,MACG;gBACH,UAAUA,IAAI,MAAM,GAAG,QAAQ;YACnC;IAER;IACA,UAAU,IAAID,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}

package/static/svg/folder-open.ae8d0fac.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1z"/></svg>

package/BatchFileUploader.d.ts

@@ -1,34 +0,0 @@
-import type { FileItem } from "./types.js";
-import type { FileManagerViewContext } from "./modules/FileManagerRenderer/FileManagerViewProvider/index.js";
-export interface FileError {
-    file: File;
-    e: Error;
-}
-interface OnUploadFinishedParams {
-    uploaded: FileItem[];
-    errors: FileError[];
-}
-interface OnUploadFinishedCallback {
-    (params: OnUploadFinishedParams): void;
-}
-declare class FileJob {
-    id: string;
-    file: File;
-    constructor(file: File);
-}
-export declare class BatchFileUploader {
-    private readonly uploader;
-    private fileJobs;
-    private onUploadFinishedCallback;
-    private uploading;
-    private uploadStatus;
-    constructor(uploader: FileManagerViewContext["uploadFile"]);
-    getJobs(): FileJob[];
-    addFiles(files: File[]): void;
-    reset(): void;
-    get progress(): number;
-    onUploadFinished(cb: OnUploadFinishedCallback): void;
-    private upload;
-    private getNextFile;
-}
-export {};

package/BatchFileUploader.js

@@ -1,87 +0,0 @@
-import { generateId } from "@webiny/utils";
-import { makeAutoObservable, runInAction, action } from "mobx";
-class FileJob {
-  constructor(file) {
-    this.id = generateId();
-    this.file = file;
-  }
-}
-export class BatchFileUploader {
-  fileJobs = [];
-  uploading = false;
-  uploadStatus = new Map();
-  constructor(uploader) {
-    this.uploader = uploader;
-    makeAutoObservable(this);
-  }
-  getJobs() {
-    return this.fileJobs;
-  }
-  addFiles(files) {
-    files.forEach(file => {
-      const fileJob = new FileJob(file);
-      this.fileJobs.push(fileJob);
-      this.uploadStatus.set(fileJob.id, 0);
-    });
-    this.upload();
-  }
-  reset() {
-    this.fileJobs = [];
-    this.uploadStatus.clear();
-  }
-  get progress() {
-    const progressInBytes = Array.from(this.uploadStatus.values());
-    const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);
-    const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);
-    return Math.min(100 * loadedBytes / totalBytesToUpload, 100);
-  }
-  onUploadFinished(cb) {
-    this.onUploadFinishedCallback = cb;
-  }
-  async upload() {
-    if (this.uploading) {
-      return;
-    }
-    this.uploading = true;
-    const errors = [];
-    const uploaded = [];
-    while (true) {
-      const fileJob = this.getNextFile();
-      if (!fileJob) {
-        break;
-      }
-      try {
-        const newFile = await this.uploader(fileJob.file, {
-          onProgress: action("BatchFileUploader.onProgress", event => {
-            this.uploadStatus.set(fileJob.id, event.sent);
-          })
-        });
-        if (newFile) {
-          uploaded.push(newFile);
-        }
-      } catch (e) {
-        runInAction(() => {
-          this.uploadStatus.set(fileJob.id, -1);
-        });
-        errors.push({
-          file: fileJob.file,
-          e
-        });
-      }
-    }
-    runInAction(() => {
-      this.uploading = false;
-    });
-    if (this.onUploadFinishedCallback) {
-      this.onUploadFinishedCallback({
-        uploaded,
-        errors
-      });
-    }
-  }
-  getNextFile() {
-    return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);
-  }
-}
-
-//# sourceMappingURL=BatchFileUploader.js.map

package/BatchFileUploader.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["generateId","makeAutoObservable","runInAction","action","FileJob","constructor","file","id","BatchFileUploader","fileJobs","uploading","uploadStatus","Map","uploader","getJobs","addFiles","files","forEach","fileJob","push","set","upload","reset","clear","progress","progressInBytes","Array","from","values","loadedBytes","reduce","a","b","totalBytesToUpload","sum","job","size","Math","min","onUploadFinished","cb","onUploadFinishedCallback","errors","uploaded","getNextFile","newFile","onProgress","event","sent","e","find","get"],"sources":["BatchFileUploader.ts"],"sourcesContent":["import { generateId } from \"@webiny/utils\";\nimport { makeAutoObservable, runInAction, action } from \"mobx\";\nimport type { FileItem } from \"~/types.js\";\nimport type { FileManagerViewContext } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\n\nexport interface FileError {\n    file: File;\n    e: Error;\n}\n\ninterface OnUploadFinishedParams {\n    uploaded: FileItem[];\n    errors: FileError[];\n}\n\ninterface OnUploadFinishedCallback {\n    (params: OnUploadFinishedParams): void;\n}\n\nclass FileJob {\n    public id: string;\n    public file: File;\n\n    constructor(file: File) {\n        this.id = generateId();\n        this.file = file;\n    }\n}\n\nexport class BatchFileUploader {\n    private readonly uploader: FileManagerViewContext[\"uploadFile\"];\n    private fileJobs: FileJob[] = [];\n    private onUploadFinishedCallback: OnUploadFinishedCallback | undefined;\n    private uploading = false;\n    private uploadStatus: Map<string, number> = new Map();\n\n    constructor(uploader: FileManagerViewContext[\"uploadFile\"]) {\n        this.uploader = uploader;\n        makeAutoObservable(this);\n    }\n\n    public getJobs() {\n        return this.fileJobs;\n    }\n\n    public addFiles(files: File[]) {\n        files.forEach(file => {\n            const fileJob = new FileJob(file);\n            this.fileJobs.push(fileJob);\n            this.uploadStatus.set(fileJob.id, 0);\n        });\n\n        this.upload();\n    }\n\n    public reset() {\n        this.fileJobs = [];\n        this.uploadStatus.clear();\n    }\n\n    get progress() {\n        const progressInBytes = Array.from(this.uploadStatus.values());\n        const loadedBytes = progressInBytes.reduce((a, b) => a + b, 0);\n        const totalBytesToUpload = this.fileJobs.reduce((sum, job) => sum + job.file.size, 0);\n        return Math.min((100 * loadedBytes) / totalBytesToUpload, 100);\n    }\n\n    public onUploadFinished(cb: OnUploadFinishedCallback) {\n        this.onUploadFinishedCallback = cb;\n    }\n\n    private async upload() {\n        if (this.uploading) {\n            return;\n        }\n\n        this.uploading = true;\n\n        const errors: FileError[] = [];\n        const uploaded: FileItem[] = [];\n\n        while (true) {\n            const fileJob = this.getNextFile();\n\n            if (!fileJob) {\n                break;\n            }\n\n            try {\n                const newFile = await this.uploader(fileJob.file, {\n                    onProgress: action(\"BatchFileUploader.onProgress\", event => {\n                        this.uploadStatus.set(fileJob.id, event.sent);\n                    })\n                });\n\n                if (newFile) {\n                    uploaded.push(newFile);\n                }\n            } catch (e) {\n                runInAction(() => {\n                    this.uploadStatus.set(fileJob.id, -1);\n                });\n\n                errors.push({ file: fileJob.file, e });\n            }\n        }\n\n        runInAction(() => {\n            this.uploading = false;\n        });\n\n        if (this.onUploadFinishedCallback) {\n            this.onUploadFinishedCallback({ uploaded, errors });\n        }\n    }\n\n    private getNextFile() {\n        return this.fileJobs.find(file => this.uploadStatus.get(file.id) === 0);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/BottomInfoBar/BottomInfoBar.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { Separator } from "@webiny/admin-ui";
-import { SupportedFileTypes } from "./SupportedFileTypes.js";
-import ListStatus from "./ListStatus.js";
-export const BottomInfoBar = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "bg-neutral-base w-full overflow-hidden z-5"
-  }, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "h-xl px-md py-sm flex items-center justify-between"
-  }, /*#__PURE__*/React.createElement(SupportedFileTypes, props), /*#__PURE__*/React.createElement(ListStatus, props)));
-};
-
-//# sourceMappingURL=BottomInfoBar.js.map

package/components/BottomInfoBar/BottomInfoBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Separator","SupportedFileTypes","ListStatus","BottomInfoBar","props","createElement","className"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\n\nimport type { SupportedFileTypesProps } from \"./SupportedFileTypes.js\";\nimport { SupportedFileTypes } from \"./SupportedFileTypes.js\";\nimport type { ListStatusProps } from \"./ListStatus.js\";\nimport ListStatus from \"./ListStatus.js\";\n\ntype BottomInfoBarProps = SupportedFileTypesProps & ListStatusProps;\n\nexport const BottomInfoBar = (props: BottomInfoBarProps) => {\n    return (\n        <div className=\"bg-neutral-base w-full overflow-hidden z-5\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                <SupportedFileTypes {...props} />\n                <ListStatus {...props} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAG5C,SAASC,kBAAkB;AAE3B,OAAOC,UAAU;AAIjB,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAA4C,gBACvDP,KAAA,CAAAM,aAAA,CAACL,SAAS,MAAE,CAAC,eACbD,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAqD,gBACjEP,KAAA,CAAAM,aAAA,CAACJ,kBAAkB,EAAKG,KAAQ,CAAC,eACjCL,KAAA,CAAAM,aAAA,CAACH,UAAU,EAAKE,KAAQ,CACvB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BottomInfoBar/ListStatus.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { Loader, Text } from "@webiny/admin-ui";
-const t = i18n.ns("app-admin/file-manager/components/bottom-info-bar/list-status");
-const ListStatus = ({
-  listing
-}) => {
-  if (!listing) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    as: "div",
-    className: "text-neutral-strong"
-  }, t`Loading more files...`), /*#__PURE__*/React.createElement(Loader, {
-    size: "xs"
-  }));
-};
-export default ListStatus;
-
-//# sourceMappingURL=ListStatus.js.map

package/components/BottomInfoBar/ListStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","i18n","Loader","Text","t","ns","ListStatus","listing","createElement","className","size","as"],"sources":["ListStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Loader, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/bottom-info-bar/list-status\");\n\nexport interface ListStatusProps {\n    listing: boolean;\n}\n\nconst ListStatus = ({ listing }: ListStatusProps) => {\n    if (!listing) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {t`Loading more files...`}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n};\n\nexport default ListStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+DAA+D,CAAC;AAMlF,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACjD,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA0B,gBACrCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACO,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACF,SAAS,EAAE;EAAsB,GACzDL,CAAC,uBACA,CAAC,eACPJ,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACQ,IAAI,EAAE;EAAK,CAAE,CACpB,CAAC;AAEd,CAAC;AAED,eAAeJ,UAAU","ignoreList":[]}