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

package/index.js

@@ -1,37 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManager = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _appAdmin = require("@webiny/app-admin");
-
-var _appSecurity = require("@webiny/app-security");
-
-var _FileManagerSettings = _interopRequireDefault(require("./admin/views/FileManagerSettings"));
-
-var FileManager = function FileManager() {
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: "fm.settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
-    path: "/settings/file-manager/general"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "File Manager - General Settings"
-  }, /*#__PURE__*/_react.default.createElement(_FileManagerSettings.default, null))), /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.fileManager",
-    label: "File Manager"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.fileManager.general",
-    label: "General",
-    path: "/settings/file-manager/general"
-  })))));
-};
-
-exports.FileManager = FileManager;
+export * from "./presentation/hooks/useFile.js";
+export * from "./presentation/hooks/useMoveFileToFolder.js";
+export { FileManagerViewConfig, useFileManagerConfig } from "./presentation/config/FileManagerViewConfig.js";

package/modules/Enterprise/HandleWebsocketMessages.d.ts

@@ -0,0 +1 @@
+export declare const HandleWebsocketMessages: () => null;

package/modules/Enterprise/HandleWebsocketMessages.js

@@ -0,0 +1,53 @@
+import react, { useEffect, useRef } from "react";
+import { useWebsockets } from "@webiny/app-websockets";
+import { useSnackbar } from "@webiny/app-admin";
+import { useFeature } from "@webiny/app";
+import { UpdateFileFeature } from "../../features/updateFile/feature.js";
+import { DeleteFileFeature } from "../../features/deleteFile/feature.js";
+const THREAT_SCAN_ACTIONS = {
+    NO_THREAT_FOUND: "fm.threatScan.noThreatFound",
+    THREAT_DETECTED: "fm.threatScan.threatDetected",
+    UNSUPPORTED: "fm.threatScan.unsupported"
+};
+const HandleWebsocketMessages = ()=>{
+    const { showErrorSnackbar } = useSnackbar();
+    const websockets = useWebsockets();
+    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);
+    const { useCase: deleteFileUseCase } = useFeature(DeleteFileFeature);
+    const updateRef = useRef(updateFileUseCase);
+    const deleteRef = useRef(deleteFileUseCase);
+    updateRef.current = updateFileUseCase;
+    deleteRef.current = deleteFileUseCase;
+    useEffect(()=>{
+        const noThreat = websockets.onMessage(THREAT_SCAN_ACTIONS.NO_THREAT_FOUND, async (message)=>{
+            const { id, ...data } = message.data;
+            await updateRef.current.execute({
+                id,
+                data
+            });
+        });
+        const threatDetected = websockets.onMessage(THREAT_SCAN_ACTIONS.THREAT_DETECTED, async (message)=>{
+            const { id, name } = message.data;
+            await deleteRef.current.execute({
+                id
+            });
+            showErrorSnackbar(/*#__PURE__*/ react.createElement("span", null, "A threat was detected in file ", /*#__PURE__*/ react.createElement("strong", null, name), ", and it was automatically deleted!"));
+        });
+        const unsupported = websockets.onMessage(THREAT_SCAN_ACTIONS.UNSUPPORTED, async (message)=>{
+            const { id, name } = message.data;
+            await deleteRef.current.execute({
+                id
+            });
+            showErrorSnackbar(/*#__PURE__*/ react.createElement("span", null, "We were unable to scan the file. For security reasons, file", /*#__PURE__*/ react.createElement("strong", null, name), " was automatically deleted!"));
+        });
+        return ()=>{
+            noThreat.off();
+            threatDetected.off();
+            unsupported.off();
+        };
+    }, []);
+    return null;
+};
+export { HandleWebsocketMessages };
+
+//# sourceMappingURL=HandleWebsocketMessages.js.map

package/modules/Enterprise/HandleWebsocketMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Enterprise/HandleWebsocketMessages.js","sources":["../../../src/modules/Enterprise/HandleWebsocketMessages.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useFeature } from \"@webiny/app\";\nimport { UpdateFileFeature } from \"~/features/updateFile/feature.js\";\nimport { DeleteFileFeature } from \"~/features/deleteFile/feature.js\";\n\nconst THREAT_SCAN_ACTIONS = {\n    NO_THREAT_FOUND: \"fm.threatScan.noThreatFound\",\n    THREAT_DETECTED: \"fm.threatScan.threatDetected\",\n    UNSUPPORTED: \"fm.threatScan.unsupported\"\n};\n\ninterface ThreatScan_NoThreat extends IncomingGenericData {\n    action: typeof THREAT_SCAN_ACTIONS.NO_THREAT_FOUND;\n    data: {\n        id: string;\n        tags: string[];\n    };\n}\n\ninterface ThreatScan_ThreatDetected extends IncomingGenericData {\n    action: typeof THREAT_SCAN_ACTIONS.THREAT_DETECTED;\n    data: {\n        id: string;\n        name: string;\n    };\n}\n\ninterface ThreatScan_UnsupportedFile extends IncomingGenericData {\n    action: typeof THREAT_SCAN_ACTIONS.UNSUPPORTED;\n    data: {\n        id: string;\n        name: string;\n    };\n}\n\nexport const HandleWebsocketMessages = () => {\n    const { showErrorSnackbar } = useSnackbar();\n    const websockets = useWebsockets();\n    const { useCase: updateFileUseCase } = useFeature(UpdateFileFeature);\n    const { useCase: deleteFileUseCase } = useFeature(DeleteFileFeature);\n    const updateRef = useRef(updateFileUseCase);\n    const deleteRef = useRef(deleteFileUseCase);\n    updateRef.current = updateFileUseCase;\n    deleteRef.current = deleteFileUseCase;\n\n    useEffect(() => {\n        const noThreat = websockets.onMessage<ThreatScan_NoThreat>(\n            THREAT_SCAN_ACTIONS.NO_THREAT_FOUND,\n            async message => {\n                const { id, ...data } = message.data;\n                await updateRef.current.execute({ id, data });\n            }\n        );\n\n        const threatDetected = websockets.onMessage<ThreatScan_ThreatDetected>(\n            THREAT_SCAN_ACTIONS.THREAT_DETECTED,\n            async message => {\n                const { id, name } = message.data;\n                await deleteRef.current.execute({ id });\n\n                showErrorSnackbar(\n                    <span>\n                        A threat was detected in file <strong>{name}</strong>, and it was\n                        automatically deleted!\n                    </span>\n                );\n            }\n        );\n\n        const unsupported = websockets.onMessage<ThreatScan_UnsupportedFile>(\n            THREAT_SCAN_ACTIONS.UNSUPPORTED,\n            async message => {\n                const { id, name } = message.data;\n                await deleteRef.current.execute({ id });\n\n                showErrorSnackbar(\n                    <span>\n                        We were unable to scan the file. For security reasons, file\n                        <strong>{name}</strong> was automatically deleted!\n                    </span>\n                );\n            }\n        );\n\n        return () => {\n            noThreat.off();\n            threatDetected.off();\n            unsupported.off();\n        };\n    }, []);\n\n    return null;\n};\n"],"names":["THREAT_SCAN_ACTIONS","HandleWebsocketMessages","showErrorSnackbar","useSnackbar","websockets","useWebsockets","updateFileUseCase","useFeature","UpdateFileFeature","deleteFileUseCase","DeleteFileFeature","updateRef","useRef","deleteRef","useEffect","noThreat","message","id","data","threatDetected","name","unsupported"],"mappings":";;;;;;AAQA,MAAMA,sBAAsB;IACxB,iBAAiB;IACjB,iBAAiB;IACjB,aAAa;AACjB;AA0BO,MAAMC,0BAA0B;IACnC,MAAM,EAAEC,iBAAiB,EAAE,GAAGC;IAC9B,MAAMC,aAAaC;IACnB,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC,WAAWC;IAClD,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGF,WAAWG;IAClD,MAAMC,YAAYC,OAAON;IACzB,MAAMO,YAAYD,OAAOH;IACzBE,UAAU,OAAO,GAAGL;IACpBO,UAAU,OAAO,GAAGJ;IAEpBK,UAAU;QACN,MAAMC,WAAWX,WAAW,SAAS,CACjCJ,oBAAoB,eAAe,EACnC,OAAMgB;YACF,MAAM,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGF,QAAQ,IAAI;YACpC,MAAML,UAAU,OAAO,CAAC,OAAO,CAAC;gBAAEM;gBAAIC;YAAK;QAC/C;QAGJ,MAAMC,iBAAiBf,WAAW,SAAS,CACvCJ,oBAAoB,eAAe,EACnC,OAAMgB;YACF,MAAM,EAAEC,EAAE,EAAEG,IAAI,EAAE,GAAGJ,QAAQ,IAAI;YACjC,MAAMH,UAAU,OAAO,CAAC,OAAO,CAAC;gBAAEI;YAAG;YAErCf,kBAAkB,WAAlBA,GACI,oBAAC,cAAK,gDAC4B,oBAAC,gBAAQkB,OAAc;QAIjE;QAGJ,MAAMC,cAAcjB,WAAW,SAAS,CACpCJ,oBAAoB,WAAW,EAC/B,OAAMgB;YACF,MAAM,EAAEC,EAAE,EAAEG,IAAI,EAAE,GAAGJ,QAAQ,IAAI;YACjC,MAAMH,UAAU,OAAO,CAAC,OAAO,CAAC;gBAAEI;YAAG;YAErCf,kBAAkB,WAAlBA,GACI,oBAAC,cAAK,6EAEF,oBAAC,gBAAQkB,OAAc;QAGnC;QAGJ,OAAO;YACHL,SAAS,GAAG;YACZI,eAAe,GAAG;YAClBE,YAAY,GAAG;QACnB;IACJ,GAAG,EAAE;IAEL,OAAO;AACX"}

package/modules/Enterprise/components/ThreatScanInProgressFileBody.d.ts

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

package/modules/Enterprise/components/ThreatScanInProgressFileBody.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { Icon, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/policy.svg";
+const ThreatScanInProgressFileBody = ()=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            height: 150
+        },
+        className: "flex items-center justify-center bg-neutral-muted"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center gap-md"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Scanning for threats...",
+        size: "lg",
+        color: "neutral-light"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, "Scanning for threats...")));
+export { ThreatScanInProgressFileBody };
+
+//# sourceMappingURL=ThreatScanInProgressFileBody.js.map

package/modules/Enterprise/components/ThreatScanInProgressFileBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Enterprise/components/ThreatScanInProgressFileBody.js","sources":["../../../../src/modules/Enterprise/components/ThreatScanInProgressFileBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as ScanIcon } from \"@webiny/icons/policy.svg\";\n\nexport const ThreatScanInProgressFileBody = () => {\n    return (\n        <div\n            style={{ height: 150 }}\n            className={\"flex items-center justify-center bg-neutral-muted\"}\n        >\n            <div className={\"flex flex-col items-center gap-md\"}>\n                <Icon\n                    icon={<ScanIcon />}\n                    label={\"Scanning for threats...\"}\n                    size={\"lg\"}\n                    color={\"neutral-light\"}\n                />\n                <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                    Scanning for threats...\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["ThreatScanInProgressFileBody","Icon","ScanIcon","Text"],"mappings":";;;AAIO,MAAMA,+BAA+B,IACjC,WAAP,GACI,oBAAC;QACG,OAAO;YAAE,QAAQ;QAAI;QACrB,WAAW;qBAEX,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QACD,oBAAM,oBAACC,gBAAQA;QACf,OAAO;QACP,MAAM;QACN,OAAO;sBAEX,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OAAuB"}

package/modules/Enterprise/components/ThreatScanInProgressTableCell.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ThreatScanInProgressTableCellProps {
+    children: React.ReactNode;
+}
+export declare const ThreatScanInProgressTableCell: ({ children }: ThreatScanInProgressTableCellProps) => React.JSX.Element;
+export {};

package/modules/Enterprise/components/ThreatScanInProgressTableCell.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { THREAT_SCAN } from "../constants.js";
+import { FileManagerViewConfig } from "../../../presentation/config/FileManagerViewConfig.js";
+const { Table: Table } = FileManagerViewConfig.Browser;
+const ThreatScanInProgressTableCell = ({ children })=>{
+    const { useTableRow, isFolderRow } = Table.Column;
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    if (!row.data.tags.length || !row.data.tags.includes(THREAT_SCAN.IN_PROGRESS)) return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "This file is currently being scanned for threats.",
+        trigger: /*#__PURE__*/ react.createElement("div", {
+            className: "pointer-events-none opacity-50 block truncate"
+        }, children)
+    });
+};
+export { ThreatScanInProgressTableCell };
+
+//# sourceMappingURL=ThreatScanInProgressTableCell.js.map

package/modules/Enterprise/components/ThreatScanInProgressTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Enterprise/components/ThreatScanInProgressTableCell.js","sources":["../../../../src/modules/Enterprise/components/ThreatScanInProgressTableCell.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { FileManagerViewConfig } from \"~/presentation/config/FileManagerViewConfig.js\";\n\nconst { Table } = FileManagerViewConfig.Browser;\n\ninterface ThreatScanInProgressTableCellProps {\n    children: React.ReactNode;\n}\n\nexport const ThreatScanInProgressTableCell = ({ children }: ThreatScanInProgressTableCellProps) => {\n    const { useTableRow, isFolderRow } = Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{children}</>;\n    }\n\n    if (!row.data.tags.length || !row.data.tags.includes(THREAT_SCAN.IN_PROGRESS)) {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip\n            content={`This file is currently being scanned for threats.`}\n            trigger={\n                <div className={\"pointer-events-none opacity-50 block truncate\"}>{children}</div>\n            }\n        />\n    );\n};\n"],"names":["Table","FileManagerViewConfig","ThreatScanInProgressTableCell","children","useTableRow","isFolderRow","row","THREAT_SCAN","Tooltip"],"mappings":";;;;AAKA,MAAM,EAAEA,OAAAA,KAAK,EAAE,GAAGC,sBAAsB,OAAO;AAMxC,MAAMC,gCAAgC,CAAC,EAAEC,QAAQ,EAAsC;IAC1F,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGL,MAAM,MAAM;IACjD,MAAM,EAAEM,GAAG,EAAE,GAAGF;IAEhB,IAAIC,YAAYC,MACZ,OAAO,WAAP,GAAO,0CAAGH;IAGd,IAAI,CAACG,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAACA,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAACC,YAAY,WAAW,GACxE,OAAO,WAAP,GAAO,0CAAGJ;IAGd,OAAO,WAAP,GACI,oBAACK,SAAOA;QACJ,SAAS;QACT,uBACI,oBAAC;YAAI,WAAW;WAAkDL;;AAIlF"}

package/modules/Enterprise/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const THREAT_SCAN: {
+    IN_PROGRESS: string;
+};

package/modules/Enterprise/constants.js

@@ -0,0 +1,6 @@
+const THREAT_SCAN = {
+    IN_PROGRESS: "threatScanInProgress"
+};
+export { THREAT_SCAN };
+
+//# sourceMappingURL=constants.js.map

package/modules/Enterprise/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Enterprise/constants.js","sources":["../../../src/modules/Enterprise/constants.ts"],"sourcesContent":["export const THREAT_SCAN = {\n    IN_PROGRESS: \"threatScanInProgress\"\n};\n"],"names":["THREAT_SCAN"],"mappings":"AAAO,MAAMA,cAAc;IACvB,aAAa;AACjB"}

package/modules/Enterprise/index.d.ts

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

package/modules/Enterprise/index.js

@@ -0,0 +1,30 @@
+import { useWcp } from "@webiny/app-admin";
+import react from "react";
+import { FileManagerViewConfig } from "../../index.js";
+import { THREAT_SCAN } from "./constants.js";
+import { ThreatScanInProgressFileBody } from "./components/ThreatScanInProgressFileBody.js";
+import { ThreatScanInProgressTableCell } from "./components/ThreatScanInProgressTableCell.js";
+import { HandleWebsocketMessages } from "./HandleWebsocketMessages.js";
+const { Grid: Grid, Table: Table } = FileManagerViewConfig.Browser;
+const DisableFileWhileThreatScanInProgress = Grid.Item.createDecorator((Original)=>function(props) {
+        if (props.file.tags.includes(THREAT_SCAN.IN_PROGRESS)) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            fileBody: /*#__PURE__*/ react.createElement(ThreatScanInProgressFileBody, null)
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+const DisableTableCellWhileThreatScanInProgress = Table.Column.createDecorator((Original)=>function(props) {
+        if (props.cell) return /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            cell: /*#__PURE__*/ react.createElement(ThreatScanInProgressTableCell, null, props.cell)
+        });
+        return /*#__PURE__*/ react.createElement(Original, props);
+    });
+const EnterpriseModule = ()=>{
+    const wcp = useWcp();
+    if (!wcp.canUseFileManagerThreatDetection()) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DisableFileWhileThreatScanInProgress, null), /*#__PURE__*/ react.createElement(DisableTableCellWhileThreatScanInProgress, null), /*#__PURE__*/ react.createElement(FileManagerViewConfig, null, /*#__PURE__*/ react.createElement(HandleWebsocketMessages, null)));
+};
+export { EnterpriseModule };
+
+//# sourceMappingURL=index.js.map

package/modules/Enterprise/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/Enterprise/index.js","sources":["../../../src/modules/Enterprise/index.tsx"],"sourcesContent":["import { useWcp } from \"@webiny/app-admin\";\nimport React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { THREAT_SCAN } from \"~/modules/Enterprise/constants.js\";\nimport { ThreatScanInProgressFileBody } from \"./components/ThreatScanInProgressFileBody.js\";\nimport { ThreatScanInProgressTableCell } from \"./components/ThreatScanInProgressTableCell.js\";\nimport { HandleWebsocketMessages } from \"./HandleWebsocketMessages.js\";\n\nconst { Grid, Table } = FileManagerViewConfig.Browser;\n\nconst DisableFileWhileThreatScanInProgress = Grid.Item.createDecorator(Original => {\n    return function Item(props) {\n        if (props.file.tags.includes(THREAT_SCAN.IN_PROGRESS)) {\n            return <Original {...props} fileBody={<ThreatScanInProgressFileBody />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n\nconst DisableTableCellWhileThreatScanInProgress = Table.Column.createDecorator(Original => {\n    return function TableCellActionsWhileThreatScanInProgress(props) {\n        if (props.cell) {\n            return (\n                <Original\n                    {...props}\n                    cell={\n                        <ThreatScanInProgressTableCell>{props.cell}</ThreatScanInProgressTableCell>\n                    }\n                />\n            );\n        }\n\n        return <Original {...props} />;\n    };\n});\n\nexport const EnterpriseModule = () => {\n    const wcp = useWcp();\n\n    if (!wcp.canUseFileManagerThreatDetection()) {\n        return null;\n    }\n\n    return (\n        <>\n            <DisableFileWhileThreatScanInProgress />\n            <DisableTableCellWhileThreatScanInProgress />\n            <FileManagerViewConfig>\n                <HandleWebsocketMessages />\n            </FileManagerViewConfig>\n        </>\n    );\n};\n"],"names":["Grid","Table","FileManagerViewConfig","DisableFileWhileThreatScanInProgress","Original","props","THREAT_SCAN","ThreatScanInProgressFileBody","DisableTableCellWhileThreatScanInProgress","ThreatScanInProgressTableCell","EnterpriseModule","wcp","useWcp","HandleWebsocketMessages"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC,sBAAsB,OAAO;AAErD,MAAMC,uCAAuCH,KAAK,IAAI,CAAC,eAAe,CAACI,CAAAA,WAC5D,SAAcC,KAAK;QACtB,IAAIA,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAACC,YAAY,WAAW,GAChD,OAAO,WAAP,GAAO,oBAACF,UAAAA;YAAU,GAAGC,KAAK;YAAE,wBAAU,oBAACE,8BAA4BA;;QAEvE,OAAO,WAAP,GAAO,oBAACH,UAAaC;IACzB;AAGJ,MAAMG,4CAA4CP,MAAM,MAAM,CAAC,eAAe,CAACG,CAAAA,WACpE,SAAmDC,KAAK;QAC3D,IAAIA,MAAM,IAAI,EACV,OAAO,WAAP,GACI,oBAACD,UAAAA;YACI,GAAGC,KAAK;YACT,oBACI,oBAACI,+BAA6BA,MAAEJ,MAAM,IAAI;;QAM1D,OAAO,WAAP,GAAO,oBAACD,UAAaC;IACzB;AAGG,MAAMK,mBAAmB;IAC5B,MAAMC,MAAMC;IAEZ,IAAI,CAACD,IAAI,gCAAgC,IACrC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACR,sCAAoCA,OAAAA,WAAAA,GACrC,oBAACK,2CAAyCA,OAAAA,WAAAA,GAC1C,oBAACN,uBAAqBA,MAAAA,WAAAA,GAClB,oBAACW,yBAAuBA;AAIxC"}

package/modules/FileManagerRoutes.d.ts

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

package/modules/FileManagerRoutes.js

@@ -0,0 +1,31 @@
+import react from "react";
+import { AdminConfig, AdminLayout, HasPermission, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/folder_open.svg";
+import { FileManagerView } from "../presentation/FileManager/FileManagerView.js";
+import { Routes } from "../routes.js";
+const { Menu: Menu, Route: Route } = AdminConfig;
+const FileManagerRoutes = ()=>{
+    const { getLink } = useRouter();
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+        name: "fm.file"
+    }, /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.List,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "File Manager"
+        }, /*#__PURE__*/ react.createElement(FileManagerView, null))
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        name: "fileManager",
+        after: "home",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "File Manager",
+            icon: /*#__PURE__*/ react.createElement(Menu.Item.Icon, {
+                label: "File Manager",
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            }),
+            to: getLink(Routes.List)
+        })
+    })));
+};
+export { FileManagerRoutes };
+
+//# sourceMappingURL=FileManagerRoutes.js.map

package/modules/FileManagerRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/FileManagerRoutes.js","sources":["../../src/modules/FileManagerRoutes.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { ReactComponent as FileManagerIcon } from \"@webiny/icons/folder_open.svg\";\nimport { FileManagerView } from \"~/presentation/FileManager/FileManagerView.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\n// Registers the main File Manager route and navigation menu item.\nexport const FileManagerRoutes = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.file\"}>\n                <Route\n                    route={Routes.List}\n                    element={\n                        <AdminLayout title={\"File Manager\"}>\n                            <FileManagerView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name={\"fileManager\"}\n                    after={\"home\"}\n                    element={\n                        <Menu.Link\n                            text={\"File Manager\"}\n                            icon={\n                                <Menu.Item.Icon\n                                    label=\"File Manager\"\n                                    element={<FileManagerIcon />}\n                                />\n                            }\n                            to={getLink(Routes.List)}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","FileManagerRoutes","getLink","useRouter","HasPermission","Routes","AdminLayout","FileManagerView","FileManagerIcon"],"mappings":";;;;;AASA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAGjB,MAAMC,oBAAoB;IAC7B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACH,aAAWA,MAAAA,WAAAA,GACR,oBAACI,eAAaA;QAAC,MAAM;qBACjB,oBAACL,OAAKA;QACF,OAAOM,OAAO,IAAI;QAClB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,iBAAeA;sBAI5B,oBAACT,MAAIA;QACD,MAAM;QACN,OAAO;QACP,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBACI,oBAACA,KAAK,IAAI,CAAC,IAAI;gBACX,OAAM;gBACN,uBAAS,oBAACU,gBAAeA;;YAGjC,IAAIN,QAAQG,OAAO,IAAI;;;AAOnD"}

package/modules/FileModelModule.d.ts

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

package/modules/FileModelModule.js

@@ -0,0 +1,18 @@
+import react, { useEffect } from "react";
+import { Plugin, createProvider, useContainer } from "@webiny/app";
+import { FileModelProvider } from "../features/fileModel/index.js";
+const FileModelProviderWrapper = createProvider((Original)=>function({ children }) {
+        const container = useContainer();
+        useEffect(()=>{
+            container.resolve(FileModelProvider).getModel();
+        }, []);
+        return /*#__PURE__*/ react.createElement(Original, null, children);
+    });
+const FileModelModule = ()=>/*#__PURE__*/ react.createElement(Plugin, {
+        providers: [
+            FileModelProviderWrapper
+        ]
+    });
+export { FileModelModule };
+
+//# sourceMappingURL=FileModelModule.js.map

package/modules/FileModelModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/FileModelModule.js","sources":["../../src/modules/FileModelModule.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { useContainer } from \"@webiny/app\";\nimport { Plugin } from \"@webiny/app\";\nimport { FileModelProvider } from \"~/features/fileModel/index.js\";\n\nconst FileModelProviderWrapper = createProvider(Original => {\n    return function FileModelProviderComponent({ children }) {\n        const container = useContainer();\n\n        useEffect(() => {\n            void container.resolve(FileModelProvider).getModel();\n        }, []);\n\n        return <Original>{children}</Original>;\n    };\n});\n\nexport const FileModelModule = () => {\n    return <Plugin providers={[FileModelProviderWrapper]} />;\n};\n"],"names":["FileModelProviderWrapper","createProvider","Original","children","container","useContainer","useEffect","FileModelProvider","FileModelModule","Plugin"],"mappings":";;;AAMA,MAAMA,2BAA2BC,eAAeC,CAAAA,WACrC,SAAoC,EAAEC,QAAQ,EAAE;QACnD,MAAMC,YAAYC;QAElBC,UAAU;YACDF,UAAU,OAAO,CAACG,mBAAmB,QAAQ;QACtD,GAAG,EAAE;QAEL,OAAO,WAAP,GAAO,oBAACL,UAAAA,MAAUC;IACtB;AAGG,MAAMK,kBAAkB,IACpB,WAAP,GAAO,oBAACC,QAAMA;QAAC,WAAW;YAACT;SAAyB"}

package/modules/FileUrlFormatter.d.ts

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

package/modules/FileUrlFormatter.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { FileUrlFormatterFeature } from "../features/fileUrlFormatter/feature.js";
+const FileUrlFormatterModule = ()=>/*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: FileUrlFormatterFeature
+    });
+export { FileUrlFormatterModule };
+
+//# sourceMappingURL=FileUrlFormatter.js.map

package/modules/FileUrlFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/FileUrlFormatter.js","sources":["../../src/modules/FileUrlFormatter.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { FileUrlFormatterFeature } from \"~/features/fileUrlFormatter/feature.js\";\n\nexport const FileUrlFormatterModule = () => {\n    return <RegisterFeature feature={FileUrlFormatterFeature} />;\n};\n"],"names":["FileUrlFormatterModule","RegisterFeature","FileUrlFormatterFeature"],"mappings":";;;AAIO,MAAMA,yBAAyB,IAC3B,WAAP,GAAO,oBAACC,iBAAeA;QAAC,SAASC"}

package/modules/HeadlessCms/fileField.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldTypePlugin } from "@webiny/app-headless-cms/types.js";
+export declare const fileField: CmsModelFieldTypePlugin;

package/modules/HeadlessCms/fileField.js

@@ -0,0 +1,44 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/file_present.svg";
+import { Grid, Switch } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+const fileField = {
+    type: "cms-editor-field-type",
+    name: "cms-editor-field-type-file",
+    field: {
+        type: "file",
+        label: "Files",
+        description: "Images, videos and other files.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        validators: [
+            "required"
+        ],
+        listValidators: [
+            "minLength",
+            "maxLength"
+        ],
+        allowList: true,
+        allowPredefinedValues: false,
+        listLabel: "Use as a list of files or an image gallery",
+        createField () {
+            return {
+                type: this.type,
+                validation: [],
+                renderer: {
+                    name: ""
+                }
+            };
+        },
+        renderSettings: ()=>/*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: "settings.imagesOnly"
+            }, /*#__PURE__*/ react.createElement(Switch, {
+                label: "Images only",
+                description: "Allow only images to be selected"
+            }))))
+    }
+};
+export { fileField };
+
+//# sourceMappingURL=fileField.js.map

package/modules/HeadlessCms/fileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fileField.js","sources":["../../../src/modules/HeadlessCms/fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/file_present.svg\";\nimport type { CmsModelFieldTypePlugin } from \"@webiny/app-headless-cms/types.js\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const fileField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: \"Files\",\n        description: \"Images, videos and other files.\",\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowList: true,\n        allowPredefinedValues: false,\n        listLabel: \"Use as a list of files or an image gallery\",\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: () => {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={\"Images only\"}\n                                description={\"Allow only images to be selected\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n"],"names":["fileField","FileIcon","Grid","Bind","Switch"],"mappings":";;;;AAMO,MAAMA,YAAqC;IAC9C,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAO;QACP,aAAa;QACb,MAAM,WAAN,GAAM,oBAACC,gBAAQA;QACf,YAAY;YAAC;SAAW;QACxB,gBAAgB;YAAC;YAAa;SAAY;QAC1C,WAAW;QACX,uBAAuB;QACvB,WAAW;QACX;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;YACJ;QACJ;QACA,gBAAgB,IACL,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,MAAIA;gBAAC,MAAM;6BACR,oBAACC,QAAMA;gBACH,OAAO;gBACP,aAAa;;IAOzC;AACJ"}

package/modules/HeadlessCms/fileRenderer/fileField.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types.js";
+export declare const singleFile: CmsModelFieldRendererPlugin;

package/modules/HeadlessCms/fileRenderer/fileField.js

@@ -0,0 +1,53 @@
+import react from "react";
+import { FileManager } from "@webiny/app-admin";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+import { FilePicker } from "@webiny/admin-ui";
+import { getSupportedExtensionsLabelHint } from "./utils.js";
+const FieldRenderer = ({ getBind })=>{
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const Bind = getBind();
+    const imagesOnly = field.settings && field.settings.imagesOnly;
+    return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>{
+        const { value, onChange, validation } = bind;
+        return /*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FileManager, {
+            images: imagesOnly,
+            render: ({ showFileManager })=>/*#__PURE__*/ react.createElement(FilePicker, {
+                    ...bind,
+                    disabled: disabled,
+                    label: field.label,
+                    validation: validation,
+                    description: field.description,
+                    hint: field.help,
+                    note: getSupportedExtensionsLabelHint(imagesOnly),
+                    value: value,
+                    onSelectItem: ()=>{
+                        showFileManager((file)=>onChange(file.src));
+                    },
+                    onRemoveItem: ()=>onChange(null),
+                    placeholder: field.placeholder,
+                    type: "compact",
+                    "data-testid": `fr.input.filefield.${field.label}`
+                })
+        }));
+    });
+};
+const singleFile = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-file",
+    renderer: {
+        rendererName: "file-input",
+        name: "File Input",
+        description: "Enables selecting a single file via File Manager.",
+        canUse ({ field }) {
+            return "file" === field.type && !field.list;
+        },
+        render (params) {
+            return /*#__PURE__*/ react.createElement(FieldRenderer, params);
+        }
+    }
+};
+export { singleFile };
+
+//# sourceMappingURL=fileField.js.map

package/modules/HeadlessCms/fileRenderer/fileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fileRenderer/fileField.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\nimport { FilePicker } from \"@webiny/admin-ui\";\nimport { getSupportedExtensionsLabelHint } from \"~/modules/HeadlessCms/fileRenderer/utils.js\";\n\nconst FieldRenderer = ({ getBind }: CmsModelFieldRendererProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { value, onChange, validation } = bind;\n\n                return (\n                    <Bind.ValidationContainer>\n                        <FileManager\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                return (\n                                    <FilePicker\n                                        {...bind}\n                                        disabled={disabled}\n                                        label={field.label}\n                                        validation={validation}\n                                        description={field.description}\n                                        hint={field.help}\n                                        note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                        value={value}\n                                        onSelectItem={() => {\n                                            showFileManager(file => onChange(file.src));\n                                        }}\n                                        onRemoveItem={() => onChange(null)}\n                                        placeholder={field.placeholder}\n                                        type={\"compact\"}\n                                        data-testid={`fr.input.filefield.${field.label}`}\n                                    />\n                                );\n                            }}\n                        />\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const singleFile: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: \"File Input\",\n        description: \"Enables selecting a single file via File Manager.\",\n        canUse({ field }) {\n            return field.type === \"file\" && !field.list;\n        },\n        render(params) {\n            return <FieldRenderer {...params} />;\n        }\n    }\n};\n"],"names":["FieldRenderer","getBind","field","useModelField","rules","useFieldEffectiveRules","disabled","Bind","imagesOnly","bind","value","onChange","validation","FileManager","showFileManager","FilePicker","getSupportedExtensionsLabelHint","file","singleFile","params"],"mappings":";;;;;AAUA,MAAMA,gBAAgB,CAAC,EAAEC,OAAO,EAA8B;IAC1D,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IACjD,MAAMG,OAAON;IAEb,MAAMO,aAAaN,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAAC,UAAU;IAE9D,OAAO,WAAP,GACI,oBAACK,MAAAA,MACIE,CAAAA;QACG,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;QAExC,OAAO,WAAP,GACI,oBAACF,KAAK,mBAAmB,sBACrB,oBAACM,aAAWA;YACR,QAAQL;YACR,QAAQ,CAAC,EAAEM,eAAe,EAAE,GACjB,WAAP,GACI,oBAACC,YAAUA;oBACN,GAAGN,IAAI;oBACR,UAAUH;oBACV,OAAOJ,MAAM,KAAK;oBAClB,YAAYU;oBACZ,aAAaV,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMc,gCAAgCR;oBACtC,OAAOE;oBACP,cAAc;wBACVI,gBAAgBG,CAAAA,OAAQN,SAASM,KAAK,GAAG;oBAC7C;oBACA,cAAc,IAAMN,SAAS;oBAC7B,aAAaT,MAAM,WAAW;oBAC9B,MAAM;oBACN,eAAa,CAAC,mBAAmB,EAAEA,MAAM,KAAK,EAAE;;;IAO5E;AAGZ;AAEO,MAAMgB,aAA0C;IACnD,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAO,EAAEhB,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAACA,MAAM,IAAI;QAC/C;QACA,QAAOiB,MAAM;YACT,OAAO,WAAP,GAAO,oBAACnB,eAAkBmB;QAC9B;IACJ;AACJ"}

package/modules/HeadlessCms/fileRenderer/fileFields.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms/types.js";
+export declare const multipleFiles: CmsModelFieldRendererPlugin;

package/modules/HeadlessCms/fileRenderer/fileFields.js

@@ -0,0 +1,73 @@
+import react from "react";
+import dot_prop_immutable from "dot-prop-immutable";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { FileManager } from "@webiny/app-admin";
+import { getSupportedExtensionsLabelHint } from "./utils.js";
+import { MultiFilePicker } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+const t = i18n.ns("app-headless-cms/admin/fields/file");
+const FieldRenderer = ({ getBind })=>{
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const Bind = getBind();
+    const imagesOnly = field.settings && field.settings.imagesOnly;
+    return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>{
+        const { onChange, validation } = bind;
+        const values = (Array.isArray(bind.value) ? bind.value : [
+            bind.value
+        ]).filter(Boolean);
+        return /*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FileManager, {
+            multiple: true,
+            images: imagesOnly,
+            render: ({ showFileManager })=>{
+                const selectFiles = (index = -1)=>{
+                    showFileManager((files)=>{
+                        const urls = files.map((f)=>f.src);
+                        -1 === index ? onChange([
+                            ...values,
+                            ...urls
+                        ]) : onChange([
+                            ...values.slice(0, index),
+                            ...urls,
+                            ...values.slice(index + 1)
+                        ]);
+                    });
+                };
+                return /*#__PURE__*/ react.createElement(MultiFilePicker, {
+                    ...bind,
+                    disabled: disabled,
+                    label: field.label,
+                    validation: validation,
+                    description: field.description,
+                    note: getSupportedExtensionsLabelHint(imagesOnly),
+                    values: values,
+                    onSelectItem: ()=>selectFiles(),
+                    onReplaceItem: (_, index)=>selectFiles(index),
+                    onRemoveItem: (_, index)=>onChange(dot_prop_immutable["delete"](values, index)),
+                    placeholder: field.placeholder,
+                    type: "compact",
+                    "data-testid": `fr.input.filefields.${field.label}`
+                });
+            }
+        }));
+    });
+};
+const multipleFiles = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-files",
+    renderer: {
+        rendererName: "file-inputs",
+        name: t`File Inputs`,
+        description: t`Enables selecting multiple files via File Manager.`,
+        canUse ({ field }) {
+            return "file" === field.type && !!field.list;
+        },
+        render (props) {
+            return /*#__PURE__*/ react.createElement(FieldRenderer, props);
+        }
+    }
+};
+export { multipleFiles };
+
+//# sourceMappingURL=fileFields.js.map

package/modules/HeadlessCms/fileRenderer/fileFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fileRenderer/fileFields.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport type {\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { getSupportedExtensionsLabelHint } from \"./utils.js\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FieldRenderer = ({ getBind }: CmsModelFieldRendererProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange, validation } = bind;\n\n                const values: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <Bind.ValidationContainer>\n                        <FileManager\n                            multiple\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(files => {\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...values, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...values.slice(0, index),\n                                                ...urls,\n                                                ...values.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <MultiFilePicker\n                                        {...bind}\n                                        disabled={disabled}\n                                        label={field.label}\n                                        validation={validation}\n                                        description={field.description}\n                                        note={getSupportedExtensionsLabelHint(imagesOnly)}\n                                        values={values}\n                                        onSelectItem={() => selectFiles()}\n                                        onReplaceItem={(_, index) => selectFiles(index)}\n                                        onRemoveItem={(_, index) =>\n                                            onChange(dotProp.delete(values, index))\n                                        }\n                                        placeholder={field.placeholder}\n                                        type={\"compact\"}\n                                        data-testid={`fr.input.filefields.${field.label}`}\n                                    />\n                                );\n                            }}\n                        />\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const multipleFiles: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.list;\n        },\n        render(props) {\n            return <FieldRenderer {...props} />;\n        }\n    }\n};\n"],"names":["t","i18n","FieldRenderer","getBind","field","useModelField","rules","useFieldEffectiveRules","disabled","Bind","imagesOnly","bind","onChange","validation","values","Array","Boolean","FileManager","showFileManager","selectFiles","index","files","urls","f","MultiFilePicker","getSupportedExtensionsLabelHint","_","dotProp","multipleFiles","props"],"mappings":";;;;;;;AAYA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAgB,CAAC,EAAEC,OAAO,EAA8B;IAC1D,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IACjD,MAAMG,OAAON;IAEb,MAAMO,aAAaN,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAAC,UAAU;IAE9D,OAAO,WAAP,GACI,oBAACK,MAAAA,MACIE,CAAAA;QACG,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGF;QAEjC,MAAMG,SACFC,AAAAA,CAAAA,MAAM,OAAO,CAACJ,KAAK,KAAK,IAAIA,KAAK,KAAK,GAAG;YAACA,KAAK,KAAK;SAAA,A,EACtD,MAAM,CAACK;QAET,OAAO,WAAP,GACI,oBAACP,KAAK,mBAAmB,sBACrB,oBAACQ,aAAWA;YACR;YACA,QAAQP;YACR,QAAQ,CAAC,EAAEQ,eAAe,EAAE;gBACxB,MAAMC,cAAc,CAACC,QAAQ,EAAE;oBAC3BF,gBAAgBG,CAAAA;wBACZ,MAAMC,OAAOD,MAAM,GAAG,CAACE,CAAAA,IAAKA,EAAE,GAAG;wBACnB,OAAVH,QACAR,SAAS;+BAAIE;+BAAWQ;yBAAK,IAE7BV,SAAS;+BACFE,OAAO,KAAK,CAAC,GAAGM;+BAChBE;+BACAR,OAAO,KAAK,CAACM,QAAQ;yBAC3B;oBAET;gBACJ;gBACA,OAAO,WAAP,GACI,oBAACI,iBAAeA;oBACX,GAAGb,IAAI;oBACR,UAAUH;oBACV,OAAOJ,MAAM,KAAK;oBAClB,YAAYS;oBACZ,aAAaT,MAAM,WAAW;oBAC9B,MAAMqB,gCAAgCf;oBACtC,QAAQI;oBACR,cAAc,IAAMK;oBACpB,eAAe,CAACO,GAAGN,QAAUD,YAAYC;oBACzC,cAAc,CAACM,GAAGN,QACdR,SAASe,kBAAAA,CAAAA,SAAc,CAACb,QAAQM;oBAEpC,aAAahB,MAAM,WAAW;oBAC9B,MAAM;oBACN,eAAa,CAAC,oBAAoB,EAAEA,MAAM,KAAK,EAAE;;YAG7D;;IAIhB;AAGZ;AAEO,MAAMwB,gBAA6C;IACtD,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM5B,CAAC,CAAC,WAAW,CAAC;QACpB,aAAaA,CAAC,CAAC,kDAAkD,CAAC;QAClE,QAAO,EAAEI,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAAC,CAACA,MAAM,IAAI;QAChD;QACA,QAAOyB,KAAK;YACR,OAAO,WAAP,GAAO,oBAAC3B,eAAkB2B;QAC9B;IACJ;AACJ"}

package/modules/HeadlessCms/fileRenderer/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const imagePlugins: string[];
+export declare const getSupportedExtensionsLabelHint: (imagesOnly?: boolean) => string | null;

package/modules/HeadlessCms/fileRenderer/utils.js

@@ -0,0 +1,15 @@
+const imagePlugins = [
+    ".jpg",
+    ".jpeg",
+    ".tif",
+    ".gif",
+    ".png",
+    ".svg",
+    ".webp",
+    "bmp",
+    "svg"
+];
+const getSupportedExtensionsLabelHint = (imagesOnly)=>imagesOnly ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(", ")}.` : null;
+export { getSupportedExtensionsLabelHint, imagePlugins };
+
+//# sourceMappingURL=utils.js.map

package/modules/HeadlessCms/fileRenderer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fileRenderer/utils.js","sources":["../../../../src/modules/HeadlessCms/fileRenderer/utils.ts"],"sourcesContent":["export const imagePlugins = [\n    \".jpg\",\n    \".jpeg\",\n    \".tif\",\n    \".gif\",\n    \".png\",\n    \".svg\",\n    \".webp\",\n    \"bmp\",\n    \"svg\"\n];\n\nexport const getSupportedExtensionsLabelHint = (imagesOnly?: boolean) => {\n    return imagesOnly\n        ? `Supported files extensions: ${imagePlugins.filter(Boolean).join(\", \")}.`\n        : null;\n};\n"],"names":["imagePlugins","getSupportedExtensionsLabelHint","imagesOnly","Boolean"],"mappings":"AAAO,MAAMA,eAAe;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAEM,MAAMC,kCAAkC,CAACC,aACrCA,aACD,CAAC,4BAA4B,EAAEF,aAAa,MAAM,CAACG,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC,GACzE"}

package/modules/HeadlessCms/index.d.ts

@@ -0,0 +1 @@
+export declare const HeadlessCmsModule: () => null;

package/modules/HeadlessCms/index.js

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { plugins } from "@webiny/plugins";
+import { fileField } from "./fileField.js";
+import { singleFile } from "./fileRenderer/fileField.js";
+import { multipleFiles } from "./fileRenderer/fileFields.js";
+const HeadlessCmsModule = ()=>{
+    useEffect(()=>{
+        plugins.register(fileField, singleFile, multipleFiles);
+    });
+    return null;
+};
+export { HeadlessCmsModule };
+
+//# sourceMappingURL=index.js.map

package/modules/HeadlessCms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/index.js","sources":["../../../src/modules/HeadlessCms/index.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { fileField } from \"./fileField.js\";\nimport { singleFile } from \"./fileRenderer/fileField.js\";\nimport { multipleFiles } from \"./fileRenderer/fileFields.js\";\n\nexport const HeadlessCmsModule = () => {\n    useEffect(() => {\n        plugins.register(fileField, singleFile, multipleFiles);\n    });\n\n    return null;\n};\n"],"names":["HeadlessCmsModule","useEffect","plugins","fileField","singleFile","multipleFiles"],"mappings":";;;;;AAMO,MAAMA,oBAAoB;IAC7BC,UAAU;QACNC,QAAQ,QAAQ,CAACC,WAAWC,YAAYC;IAC5C;IAEA,OAAO;AACX"}

package/modules/SecurityPermissions.d.ts

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