@webiny/app-file-manager 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/modules/SecurityPermissions.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/folder_open.svg";
+import { FM_PERMISSIONS_SCHEMA } from "../domain/permissionsSchema.js";
+const { Security: Security } = AdminConfig;
+const SecurityPermissions = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Security.Permissions, {
+        name: "file-manager",
+        title: "File Manager",
+        description: "Manage File Manager permissions.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        schema: FM_PERMISSIONS_SCHEMA
+    }));
+export { SecurityPermissions };
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/modules/SecurityPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/SecurityPermissions.js","sources":["../../src/modules/SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/folder_open.svg\";\nimport { FM_PERMISSIONS_SCHEMA } from \"~/domain/permissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"file-manager\"\n                title=\"File Manager\"\n                description=\"Manage File Manager permissions.\"\n                icon={<PermissionsIcon />}\n                schema={FM_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","PermissionsIcon","FM_PERMISSIONS_SCHEMA"],"mappings":";;;;AAKA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB,IACxB,WAAP,GACI,oBAACD,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACG,gBAAeA;QACtB,QAAQC"}

package/modules/Settings/assets/icons/folder-open.js

@@ -0,0 +1,19 @@
+import __rslib_svgr_url__0__ from "../../../../static/svg/folder-open.ae8d0fac.svg";
+import * as __rspack_external_react from "react";
+const SvgFolderOpen = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("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-2m-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1"
+    }));
+const folder_open = __rslib_svgr_url__0__;
+export default folder_open;
+export { SvgFolderOpen as ReactComponent };
+
+//# sourceMappingURL=folder-open.js.map

package/modules/Settings/assets/icons/folder-open.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Settings/assets/icons/folder-open.js","sources":["../../../../../src/modules/Settings/assets/icons/folder-open.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgFolderOpen = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><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-2m-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1\" /></svg>;\nexport { SvgFolderOpen as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/folder-open.ae8d0fac.svg\";"],"names":["SvgFolderOpen","props"],"mappings":";;AACA,MAAMA,gBAAgBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAE3K"}

package/{admin → modules/Settings}/graphql.d.ts

@@ -1,3 +1,10 @@
+export interface GetSettingsResponse {
+    fileManager: {
+        getSettings: {
+            data: Record<string, any>;
+        };
+    };
+}
 declare const graphql: {
     GET_SETTINGS: import("graphql").DocumentNode;
     UPDATE_SETTINGS: import("graphql").DocumentNode;

package/modules/Settings/graphql.js

@@ -0,0 +1,36 @@
+import graphql_tag from "graphql-tag";
+const fields = `
+    {
+        data {
+            uploadMinFileSize
+            uploadMaxFileSize
+            srcPrefix
+        }
+        error {
+            message
+            data
+            code
+            stack
+        }
+    }
+`;
+const graphql = {
+    GET_SETTINGS: graphql_tag`
+            query GetFileManagerSettings {
+                fileManager {
+                    getSettings${fields}
+                }
+            }
+        `,
+    UPDATE_SETTINGS: graphql_tag`
+        mutation UpdateFileManagerSettings($data: FmSettingsInput) {
+            fileManager {
+                updateSettings(data: $data) ${fields}
+            }
+        }
+    `
+};
+const Settings_graphql = graphql;
+export default Settings_graphql;
+
+//# sourceMappingURL=graphql.js.map

package/modules/Settings/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Settings/graphql.js","sources":["../../../src/modules/Settings/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n        error {\n            message\n            data\n            code\n            stack\n        }\n    }\n`;\n\nexport interface GetSettingsResponse {\n    fileManager: {\n        getSettings: {\n            data: Record<string, any>;\n        };\n    };\n}\n\nconst graphql = {\n    GET_SETTINGS: gql`\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings${fields}\n                }\n            }\n        `,\n    UPDATE_SETTINGS: gql`\n        mutation UpdateFileManagerSettings($data: FmSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ${fields}\n            }\n        }\n    `\n};\n\nexport default graphql;\n"],"names":["fields","graphql","gql"],"mappings":";AAEA,MAAMA,SAAuB,CAAC;;;;;;;;;;;;;;AAc9B,CAAC;AAUD,MAAMC,UAAU;IACZ,cAAcC,WAAG,CAAC;;;+BAGS,EAAEF,OAAO;;;QAGhC,CAAC;IACL,iBAAiBE,WAAG,CAAC;;;4CAGmB,EAAEF,OAAO;;;IAGjD,CAAC;AACL;AAEA,yBAAeC"}

package/modules/Settings/index.d.ts

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

package/modules/Settings/index.js

@@ -0,0 +1,27 @@
+import react from "react";
+import { AdminConfig, AdminLayout, HasPermission, useRouter } from "@webiny/app-admin";
+import { SettingsView } from "../../presentation/Settings/components/SettingsView.js";
+import { Routes } from "../../routes.js";
+const { Menu: Menu, Route: Route } = AdminConfig;
+const SettingsModule = ()=>{
+    const { getLink } = useRouter();
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+        name: "fm.settings"
+    }, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.Settings,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "File Manager - General Settings"
+        }, /*#__PURE__*/ react.createElement(SettingsView, null))
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        parent: "settings.system",
+        name: "settings.fm",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "File Manager",
+            to: getLink(Routes.Settings),
+            pinnable: true
+        })
+    })));
+};
+export { SettingsModule };
+
+//# sourceMappingURL=index.js.map

package/modules/Settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Settings/index.js","sources":["../../../src/modules/Settings/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter, AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { SettingsView } from \"~/presentation/Settings/components/SettingsView.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const SettingsModule = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.settings\"}>\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title={\"File Manager - General Settings\"}>\n                            <SettingsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    parent={\"settings.system\"}\n                    name={\"settings.fm\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            to={getLink(Routes.Settings)}\n                            pinnable={true}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","SettingsModule","getLink","useRouter","HasPermission","Routes","AdminLayout","SettingsView"],"mappings":";;;;AAMA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,iBAAiB;IAC1B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACH,aAAWA,MAAAA,WAAAA,GACR,oBAACI,eAAaA;QAAC,MAAM;qBACjB,oBAACL,OAAKA;QACF,OAAOM,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,cAAYA;sBAIzB,oBAACT,MAAIA;QACD,QAAQ;QACR,MAAM;QACN,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAII,QAAQG,OAAO,QAAQ;YAC3B,UAAU;;;AAOtC"}

package/modules/Settings/views/FileManagerSettings.d.ts

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

package/modules/Settings/views/FileManagerSettings.js

@@ -0,0 +1,134 @@
+import { Button, Grid, Heading, Input, Link, OverlayLoader, Text } from "@webiny/admin-ui";
+import { Form, useBind } from "@webiny/form";
+import { Mutation, Query } from "@apollo/react-components";
+import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useDialogs, useSnackbar } from "@webiny/app-admin";
+import graphql from "../graphql.js";
+import get from "lodash/get.js";
+import { validation } from "@webiny/validation";
+import * as __rspack_external_react from "react";
+const Code = ({ children })=>/*#__PURE__*/ __rspack_external_react.createElement("code", {
+        className: "text-md font-bold"
+    }, children);
+const textClassName = "mb-md";
+const headingLevel = 5;
+const FileManagerSettings = ()=>{
+    const { showSnackbar } = useSnackbar();
+    const { showDialog } = useDialogs();
+    const learnMore = ()=>{
+        showDialog({
+            title: "How to configure file delivery URL?",
+            content: /*#__PURE__*/ __rspack_external_react.createElement("div", null, /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+                as: "div",
+                className: textClassName
+            }, "The file delivery URL must include the ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "/files/"), " path to reach Webiny Asset Delivery through AWS CloudFront. When configuring a custom domain, you have two options:"), /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+                level: headingLevel,
+                className: "mb-xs"
+            }, "Option 1: Custom domain directly on CloudFront"), /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+                as: "div",
+                className: textClassName
+            }, "Keep the ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "/files/"), " path in your URL.", /*#__PURE__*/ __rspack_external_react.createElement("br", null), "Example: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://mydomain.com/files/"), "."), /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+                level: headingLevel,
+                className: "mb-xs"
+            }, "Option 2: Additional CDN in front of CloudFront"), /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+                as: "div",
+                className: textClassName
+            }, "Configure your CDN to forward requests to CloudFront's /files/ path. This lets you use a clean URL for users while maintaining the required path on the backend.", /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+                className: "list-disc my-sm ml-md"
+            }, /*#__PURE__*/ __rspack_external_react.createElement("li", null, "User-facing URL: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://mydomain.com/")), /*#__PURE__*/ __rspack_external_react.createElement("li", null, "Your CDN forwards to: ", /*#__PURE__*/ __rspack_external_react.createElement(Code, null, "https://api.cloudfront.net/files/"))))),
+            acceptLabel: "Got it!",
+            cancelLabel: null
+        });
+    };
+    return /*#__PURE__*/ __rspack_external_react.createElement(Query, {
+        query: graphql.GET_SETTINGS
+    }, ({ data, loading: queryInProgress })=>/*#__PURE__*/ __rspack_external_react.createElement(Mutation, {
+            mutation: graphql.UPDATE_SETTINGS
+        }, (update, result)=>{
+            const settings = get(data, "fileManager.getSettings.data") || {};
+            const { loading: mutationInProgress } = result;
+            const onSubmit = async (data)=>{
+                await update({
+                    variables: {
+                        data: {
+                            uploadMinFileSize: parseFloat(data.uploadMinFileSize),
+                            uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
+                            srcPrefix: data.srcPrefix
+                        }
+                    },
+                    update: (cache, result)=>{
+                        const data = structuredClone(cache.readQuery({
+                            query: graphql.GET_SETTINGS
+                        }));
+                        if (!data) return;
+                        const error = result.data.fileManager.updateSettings.error;
+                        if (error) {
+                            showSnackbar(`Error updating settings: ${error.message}`);
+                            console.error(error);
+                            return;
+                        }
+                        data.fileManager.getSettings.data = {
+                            ...data.fileManager.getSettings.data,
+                            ...result.data.fileManager.updateSettings.data
+                        };
+                        cache.writeQuery({
+                            query: graphql.GET_SETTINGS,
+                            data
+                        });
+                        showSnackbar("Settings updated successfully.");
+                    }
+                });
+            };
+            return /*#__PURE__*/ __rspack_external_react.createElement(CenteredView, null, /*#__PURE__*/ __rspack_external_react.createElement(Form, {
+                data: settings,
+                onSubmit: (data)=>{
+                    onSubmit(data);
+                }
+            }, ({ Bind, form })=>/*#__PURE__*/ __rspack_external_react.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/ __rspack_external_react.createElement(OverlayLoader, null), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormHeader, {
+                    title: "General Settings"
+                }), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormContent, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+                    span: 12
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
+                    name: "uploadMinFileSize"
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+                    type: "number",
+                    label: "Minimum file upload size",
+                    description: "The smallest file size in bytes."
+                }))), /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+                    span: 12
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
+                    name: "uploadMaxFileSize"
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+                    type: "number",
+                    label: "Maximum file upload size",
+                    description: "The largest file size in bytes."
+                }))), /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+                    span: 12
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Bind, {
+                    name: "srcPrefix",
+                    validators: [
+                        validation.create("required,url")
+                    ]
+                }, /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+                    label: "File delivery URL",
+                    note: /*#__PURE__*/ __rspack_external_react.createElement(UrlPreview, null),
+                    description: /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, "This URL will be prepended to the file key.\xa0", /*#__PURE__*/ __rspack_external_react.createElement(Link, {
+                        to: "#",
+                        onClick: learnMore
+                    }, "How to configure?"))
+                }))))), /*#__PURE__*/ __rspack_external_react.createElement(SimpleFormFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+                    text: "Save settings",
+                    onClick: form.submit
+                })))));
+        }));
+};
+const UrlPreview = ()=>{
+    const deliveryUrl = useBind({
+        name: "srcPrefix"
+    });
+    let prefix = deliveryUrl.value ?? "";
+    prefix = prefix.endsWith("/") ? prefix : `${prefix}/`;
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, null, "Example URL: ", /*#__PURE__*/ __rspack_external_react.createElement("strong", null, prefix, "768bed3e544f/image.jpg"));
+};
+export { FileManagerSettings };
+
+//# sourceMappingURL=FileManagerSettings.js.map

package/modules/Settings/views/FileManagerSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Settings/views/FileManagerSettings.js","sources":["../../../../src/modules/Settings/views/FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button, Grid, Input, Link, OverlayLoader, Text, Heading } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport {\n    CenteredView,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    useDialogs,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport type { GetSettingsResponse } from \"../graphql.js\";\nimport graphql from \"../graphql.js\";\nimport get from \"lodash/get.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { QueryGetSettingsResult, Settings } from \"~/domain/types.js\";\nimport type { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nconst Code = ({ children }: { children: React.ReactNode }) => {\n    return <code className={\"text-md font-bold\"}>{children}</code>;\n};\n\nconst textClassName = \"mb-md\";\nconst headingLevel = 5;\n\nexport const FileManagerSettings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    const { showDialog } = useDialogs();\n\n    const learnMore = () => {\n        showDialog({\n            title: \"How to configure file delivery URL?\",\n            content: (\n                <div>\n                    <Text as={\"div\"} className={textClassName}>\n                        The file delivery URL must include the <Code>/files/</Code> path to reach\n                        Webiny Asset Delivery through AWS CloudFront. When configuring a custom\n                        domain, you have two options:\n                    </Text>\n                    <Heading level={headingLevel} className={\"mb-xs\"}>\n                        Option 1: Custom domain directly on CloudFront\n                    </Heading>\n                    <Text as={\"div\"} className={textClassName}>\n                        Keep the <Code>/files/</Code> path in your URL.\n                        <br />\n                        Example: <Code>https://mydomain.com/files/</Code>.\n                    </Text>\n                    <Heading level={headingLevel} className={\"mb-xs\"}>\n                        Option 2: Additional CDN in front of CloudFront\n                    </Heading>\n                    <Text as={\"div\"} className={textClassName}>\n                        Configure your CDN to forward requests to CloudFront&apos;s /files/ path.\n                        This lets you use a clean URL for users while maintaining the required path\n                        on the backend.\n                        <ul className={\"list-disc my-sm ml-md\"}>\n                            <li>\n                                User-facing URL: <Code>https://mydomain.com/</Code>\n                            </li>\n                            <li>\n                                Your CDN forwards to: <Code>https://api.cloudfront.net/files/</Code>\n                            </li>\n                        </ul>\n                    </Text>\n                </div>\n            ),\n            acceptLabel: \"Got it!\",\n            cancelLabel: null\n        });\n    };\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<GetSettingsResponse>({\n                                            query: graphql.GET_SETTINGS\n                                        })\n                                    );\n                                    if (!data) {\n                                        return;\n                                    }\n                                    const error = result.data.fileManager.updateSettings.error;\n                                    if (error) {\n                                        showSnackbar(`Error updating settings: ${error.message}`);\n                                        console.error(error);\n                                        return;\n                                    }\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                    showSnackbar(\"Settings updated successfully.\");\n                                }\n                            });\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <OverlayLoader />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMinFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Minimum file upload size\"\n                                                                description=\"The smallest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMaxFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Maximum file upload size\"\n                                                                description=\"The largest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"srcPrefix\"}\n                                                            validators={[\n                                                                validation.create(\"required,url\")\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                label=\"File delivery URL\"\n                                                                note={<UrlPreview />}\n                                                                description={\n                                                                    <>\n                                                                        This URL will be prepended\n                                                                        to the file key.&nbsp;\n                                                                        <Link\n                                                                            to=\"#\"\n                                                                            onClick={learnMore}\n                                                                        >\n                                                                            How to configure?\n                                                                        </Link>\n                                                                    </>\n                                                                }\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <Button\n                                                    text={\"Save settings\"}\n                                                    onClick={form.submit}\n                                                />\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n\nconst UrlPreview = () => {\n    const deliveryUrl = useBind({\n        name: \"srcPrefix\"\n    });\n\n    let prefix = deliveryUrl.value ?? \"\";\n\n    prefix = prefix.endsWith(\"/\") ? prefix : `${prefix}/`;\n\n    return (\n        <>\n            Example URL: <strong>{prefix}768bed3e544f/image.jpg</strong>\n        </>\n    );\n};\n"],"names":["Code","children","textClassName","headingLevel","FileManagerSettings","showSnackbar","useSnackbar","showDialog","useDialogs","learnMore","Text","Heading","Query","graphql","data","queryInProgress","Mutation","update","result","settings","get","mutationInProgress","onSubmit","parseFloat","cache","structuredClone","error","console","CenteredView","Form","Bind","form","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","Grid","Input","validation","UrlPreview","Link","SimpleFormFooter","Button","deliveryUrl","useBind","prefix"],"mappings":"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"}

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "0.0.0-unstable.78f581c1d2",
-	"main": "index.js",
+	"version": "0.0.0-unstable.7be00a75a9",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -11,49 +15,54 @@
 	"dependencies": {
 		"@apollo/react-common": "3.1.4",
 		"@apollo/react-components": "3.1.5",
-		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.19.0",
-		"@emotion/core": "10.3.1",
-		"@emotion/styled": "10.3.0",
-		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.78f581c1d2",
-		"@webiny/app-admin": "0.0.0-unstable.78f581c1d2",
-		"@webiny/app-security": "0.0.0-unstable.78f581c1d2",
-		"@webiny/form": "0.0.0-unstable.78f581c1d2",
-		"@webiny/plugins": "0.0.0-unstable.78f581c1d2",
-		"@webiny/ui": "0.0.0-unstable.78f581c1d2",
-		"@webiny/validation": "0.0.0-unstable.78f581c1d2",
+		"@types/react": "18.3.29",
+		"@webiny/admin-ui": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-aco": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-admin": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-headless-cms": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-headless-cms-common": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-websockets": "0.0.0-unstable.7be00a75a9",
+		"@webiny/di": "0.0.0-unstable.7be00a75a9",
+		"@webiny/feature": "0.0.0-unstable.7be00a75a9",
+		"@webiny/form": "0.0.0-unstable.7be00a75a9",
+		"@webiny/icons": "0.0.0-unstable.7be00a75a9",
+		"@webiny/plugins": "0.0.0-unstable.7be00a75a9",
+		"@webiny/react-composition": "0.0.0-unstable.7be00a75a9",
+		"@webiny/react-properties": "0.0.0-unstable.7be00a75a9",
+		"@webiny/sdk": "0.0.0-unstable.7be00a75a9",
+		"@webiny/validation": "0.0.0-unstable.7be00a75a9",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
-		"graphql": "15.8.0",
+		"bytes": "3.1.2",
+		"dayjs": "1.11.20",
+		"dot-prop-immutable": "2.1.1",
+		"graphql": "16.14.0",
 		"graphql-tag": "2.12.6",
-		"lodash.get": "4.4.2",
-		"prop-types": "15.8.1",
-		"react": "17.0.2",
-		"react-dom": "17.0.2"
+		"lodash": "4.18.1",
+		"mime": "4.1.0",
+		"minimatch": "10.2.5",
+		"mobx": "6.15.3",
+		"mobx-react-lite": "4.1.1",
+		"react": "18.3.1",
+		"react-dom": "18.3.1",
+		"react-lazy-load": "4.0.1",
+		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@svgr/webpack": "^6.1.1",
-		"@webiny/cli": "^0.0.0-unstable.78f581c1d2",
-		"@webiny/project-utils": "^0.0.0-unstable.78f581c1d2",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.13",
-		"typescript": "4.7.4"
+		"@svgr/webpack": "8.1.0",
+		"@webiny/build-tools": "0.0.0-unstable.7be00a75a9",
+		"rimraf": "6.1.3",
+		"typescript": "6.0.3",
+		"vitest": "4.1.7"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
+		"access": "public"
 	},
-	"gitHead": "78f581c1d2e5e6936aa11b9452a66d2a3652a1b2"
+	"gitHead": "8476da73b653c89cc1474d968baf55c1b0ae0e5f",
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/presentation/FileActions/FileDetails/CopyUrl.d.ts

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

package/presentation/FileActions/FileDetails/CopyUrl.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/content_copy.svg";
+import { useCopyFile } from "../../hooks/useCopyFile.js";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const CopyUrl = ()=>{
+    const { file } = useFile();
+    const { copyFileUrl } = useCopyFile({
+        file
+    });
+    return /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Copy URL",
+        onAction: copyFileUrl,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    });
+};
+export { CopyUrl };
+
+//# sourceMappingURL=CopyUrl.js.map

package/presentation/FileActions/FileDetails/CopyUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/CopyUrl.js","sources":["../../../../src/presentation/FileActions/FileDetails/CopyUrl.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyContentIcon } from \"@webiny/icons/content_copy.svg\";\nimport { useCopyFile } from \"~/presentation/hooks/useCopyFile.js\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const CopyUrl = () => {\n    const { file } = useFile();\n    const { copyFileUrl } = useCopyFile({ file });\n\n    return (\n        <FileDetails.Action.Button\n            label={\"Copy URL\"}\n            onAction={copyFileUrl}\n            icon={<CopyContentIcon />}\n        />\n    );\n};\n"],"names":["FileDetails","FileManagerViewConfig","CopyUrl","file","useFile","copyFileUrl","useCopyFile","CopyContentIcon"],"mappings":";;;;AAKA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,UAAU;IACnB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,WAAW,EAAE,GAAGC,YAAY;QAAEH;IAAK;IAE3C,OAAO,WAAP,GACI,oBAACH,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,UAAUK;QACV,oBAAM,oBAACE,gBAAeA;;AAGlC"}

package/presentation/FileActions/FileDetails/DeleteImage.d.ts

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

package/presentation/FileActions/FileDetails/DeleteImage.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+import { useDeleteFile } from "../../hooks/useDeleteFile.js";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const DeleteImage = ()=>{
+    const { file } = useFile();
+    const { vm, actions } = useFileManagerPresenter();
+    const { openDialogDeleteFile } = useDeleteFile({
+        file,
+        onDelete: actions.hideFileDetails
+    });
+    if (!vm.permissions.canEditFile(file)) return null;
+    return /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Delete",
+        onAction: openDialogDeleteFile,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        "data-testid": "fm-delete-file-button"
+    });
+};
+export { DeleteImage };
+
+//# sourceMappingURL=DeleteImage.js.map

package/presentation/FileActions/FileDetails/DeleteImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/DeleteImage.js","sources":["../../../../src/presentation/FileActions/FileDetails/DeleteImage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { useDeleteFile } from \"~/presentation/hooks/useDeleteFile.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const DeleteImage = () => {\n    const { file } = useFile();\n    const { vm, actions } = useFileManagerPresenter();\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete: actions.hideFileDetails\n    });\n\n    if (!vm.permissions.canEditFile(file)) {\n        return null;\n    }\n\n    return (\n        <FileDetails.Action.Button\n            label={\"Delete\"}\n            onAction={openDialogDeleteFile}\n            icon={<DeleteIcon />}\n            data-testid={\"fm-delete-file-button\"}\n        />\n    );\n};\n"],"names":["FileDetails","FileManagerViewConfig","DeleteImage","file","useFile","vm","actions","useFileManagerPresenter","openDialogDeleteFile","useDeleteFile","DeleteIcon"],"mappings":";;;;;AAMA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,cAAc;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAEC,oBAAoB,EAAE,GAAGC,cAAc;QAC3CN;QACA,UAAUG,QAAQ,eAAe;IACrC;IAEA,IAAI,CAACD,GAAG,WAAW,CAAC,WAAW,CAACF,OAC5B,OAAO;IAGX,OAAO,WAAP,GACI,oBAACH,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,UAAUQ;QACV,oBAAM,oBAACE,gBAAUA;QACjB,eAAa;;AAGzB"}

package/presentation/FileActions/FileDetails/Download.d.ts

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

package/presentation/FileActions/FileDetails/Download.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/file_download.svg";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const Download = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ react.createElement("a", {
+        rel: "noreferrer",
+        target: "_blank",
+        href: `${file.src}?original`
+    }, /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Download",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: ()=>{}
+    }));
+};
+export { Download };
+
+//# sourceMappingURL=Download.js.map

package/presentation/FileActions/FileDetails/Download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/Download.js","sources":["../../../../src/presentation/FileActions/FileDetails/Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@webiny/icons/file_download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <FileDetails.Action.Button\n                label={\"Download\"}\n                icon={<DownloadIcon />}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"names":["FileDetails","FileManagerViewConfig","Download","file","useFile","DownloadIcon"],"mappings":";;;AAIA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,WAAW;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACI,oBAAC;QAAE,KAAI;QAAa,QAAQ;QAAU,MAAM,GAAGD,KAAK,GAAG,CAAC,SAAS,CAAC;qBAC9D,oBAACH,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,oBAAM,oBAACK,gBAAYA;QACnB,UAAU,KAEV;;AAIhB"}

package/presentation/FileActions/FileDetails/MoveToFolder.d.ts

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

package/presentation/FileActions/FileDetails/MoveToFolder.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../index.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const MoveToFolder = ()=>{
+    const { file } = useFile();
+    const moveToFolder = useMoveFileToFolder(file);
+    return /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Move",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: moveToFolder
+    });
+};
+export { MoveToFolder };
+
+//# sourceMappingURL=MoveToFolder.js.map

package/presentation/FileActions/FileDetails/MoveToFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/MoveToFolder.js","sources":["../../../../src/presentation/FileActions/FileDetails/MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return <FileDetails.Action.Button label={\"Move\"} icon={<MoveIcon />} onAction={moveToFolder} />;\n};\n"],"names":["FileDetails","FileManagerViewConfig","MoveToFolder","file","useFile","moveToFolder","useMoveFileToFolder","MoveIcon"],"mappings":";;;AAIA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,eAAe;IACxB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,eAAeC,oBAAoBH;IAEzC,OAAO,WAAP,GAAO,oBAACH,YAAY,MAAM,CAAC,MAAM;QAAC,OAAO;QAAQ,oBAAM,oBAACO,gBAAQA;QAAK,UAAUF;;AACnF"}

package/presentation/FileActions/Grid/Delete.d.ts

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

package/presentation/FileActions/Grid/Delete.js

@@ -0,0 +1,23 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+import { useDeleteFile } from "../../hooks/useDeleteFile.js";
+const { Browser: Browser } = FileManagerViewConfig;
+const Delete = ()=>{
+    const { file } = useFile();
+    const { vm } = useFileManagerPresenter();
+    const { openDialogDeleteFile } = useDeleteFile({
+        file,
+        onDelete: close
+    });
+    return /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action.IconButton, {
+        label: "Delete file",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: openDialogDeleteFile,
+        disabled: !vm.permissions.canEditFile(file)
+    });
+};
+export { Delete };
+
+//# sourceMappingURL=Delete.js.map

package/presentation/FileActions/Grid/Delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/Grid/Delete.js","sources":["../../../../src/presentation/FileActions/Grid/Delete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { useDeleteFile } from \"~/presentation/hooks/useDeleteFile.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Delete = () => {\n    const { file } = useFile();\n    const { vm } = useFileManagerPresenter();\n\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete: close\n    });\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Delete file\"}\n            icon={<DeleteIcon />}\n            onAction={openDialogDeleteFile}\n            disabled={!vm.permissions.canEditFile(file)}\n        />\n    );\n};\n"],"names":["Browser","FileManagerViewConfig","Delete","file","useFile","vm","useFileManagerPresenter","openDialogDeleteFile","useDeleteFile","close","DeleteIcon"],"mappings":";;;;;AAMA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,SAAS;IAClB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IAEf,MAAM,EAAEC,oBAAoB,EAAE,GAAGC,cAAc;QAC3CL;QACA,UAAUM;IACd;IAEA,OAAO,WAAP,GACI,oBAACT,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;QAChC,OAAO;QACP,oBAAM,oBAACU,gBAAUA;QACjB,UAAUH;QACV,UAAU,CAACF,GAAG,WAAW,CAAC,WAAW,CAACF;;AAGlD"}

package/presentation/FileActions/Grid/Download.d.ts

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

package/presentation/FileActions/Grid/Download.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/file_download.svg";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+const { Browser: Browser } = FileManagerViewConfig;
+const Download = ()=>{
+    const { file } = useFile();
+    return /*#__PURE__*/ react.createElement("a", {
+        rel: "noreferrer",
+        target: "_blank",
+        href: `${file.src}?original`
+    }, /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action.IconButton, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Download file",
+        onAction: ()=>{}
+    }));
+};
+export { Download };
+
+//# sourceMappingURL=Download.js.map

package/presentation/FileActions/Grid/Download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/Grid/Download.js","sources":["../../../../src/presentation/FileActions/Grid/Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@webiny/icons/file_download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <Browser.Grid.Item.Action.IconButton\n                icon={<DownloadIcon />}\n                label={\"Download file\"}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"names":["Browser","FileManagerViewConfig","Download","file","useFile","DownloadIcon"],"mappings":";;;AAIA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,WAAW;IACpB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACI,oBAAC;QAAE,KAAI;QAAa,QAAQ;QAAU,MAAM,GAAGD,KAAK,GAAG,CAAC,SAAS,CAAC;qBAC9D,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;QAChC,oBAAM,oBAACK,gBAAYA;QACnB,OAAO;QACP,UAAU,KAEV;;AAIhB"}

package/presentation/FileActions/Grid/MoveToFolder.d.ts

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