@webiny/app-file-manager 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/components/BulkActions/ActionEdit/useActionEditWorker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","omit","prepareFormData","GraphQLInputMapper","useFileManagerView","getFilesLabel","useFileManagerApi","FileManagerViewConfig","useWorker","useDialog","useBulkActionDialog","Browser","BulkAction","useActionEditWorker","fields","updateFile","showConfirmationDialog","showResultsDialog","worker","canEdit","filesLabel","items","length","canEditAll","every","item","openWorkerDialog","batch","title","message","loadingLabel","execute","processInSeries","report","modifiedFileData","applyOperations","output","fileData","id","success","name","e","error","resetItems","results"],"sources":["useActionEditWorker.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport omit from \"lodash/omit\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types\";\nimport type { BatchDTO } from \"~/components/BulkActions/ActionEdit/domain\";\nimport { GraphQLInputMapper } from \"~/components/BulkActions/ActionEdit/GraphQLInputMapper\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\n\nconst { useWorker, useDialog: useBulkActionDialog } = FileManagerViewConfig.Browser.BulkAction;\n\nexport function useActionEditWorker(fields: CmsModelField[]) {\n    const { updateFile } = useFileManagerView();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const worker = useWorker();\n    const { canEdit } = useFileManagerApi();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const canEditAll = useMemo(() => {\n        return worker.items.every(item => canEdit(item));\n    }, [worker.items]);\n\n    const openWorkerDialog = (batch: BatchDTO) => {\n        showConfirmationDialog({\n            title: \"Edit files\",\n            message: `You are about to edit ${filesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${filesLabel}`,\n            execute: async () => {\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        const modifiedFileData = GraphQLInputMapper.applyOperations(\n                            item,\n                            batch\n                        ) as FileItem;\n\n                        const output = omit(modifiedFileData, [\n                            \"id\",\n                            \"createdBy\",\n                            \"createdOn\",\n                            \"src\"\n                        ]);\n\n                        const fileData = prepareFormData(output, fields);\n\n                        await updateFile(item.id, fileData);\n\n                        report.success({\n                            title: `${item.name}`,\n                            message: \"File successfully edited.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.name}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Edit files\",\n                    message: \"Finished editing files! See full report below:\"\n                });\n            }\n        });\n    };\n\n    return { filesLabel, canEditAll, openWorkerDialog };\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,IAAI,MAAM,aAAa;AAE9B,SAASC,eAAe,QAAQ,iCAAiC;AAGjE,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,qBAAqB;AAE9B,MAAM;EAAEC,SAAS;EAAEC,SAAS,EAAEC;AAAoB,CAAC,GAAGH,qBAAqB,CAACI,OAAO,CAACC,UAAU;AAE9F,OAAO,SAASC,mBAAmBA,CAACC,MAAuB,EAAE;EACzD,MAAM;IAAEC;EAAW,CAAC,GAAGX,kBAAkB,CAAC,CAAC;EAC3C,MAAM;IAAEY,sBAAsB;IAAEC;EAAkB,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EAC3E,MAAMQ,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEW;EAAQ,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAEvC,MAAMc,UAAU,GAAGpB,OAAO,CAAC,MAAM;IAC7B,OAAOK,aAAa,CAACa,MAAM,CAACG,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACJ,MAAM,CAACG,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,MAAMC,UAAU,GAAGvB,OAAO,CAAC,MAAM;IAC7B,OAAOkB,MAAM,CAACG,KAAK,CAACG,KAAK,CAACC,IAAI,IAAIN,OAAO,CAACM,IAAI,CAAC,CAAC;EACpD,CAAC,EAAE,CAACP,MAAM,CAACG,KAAK,CAAC,CAAC;EAElB,MAAMK,gBAAgB,GAAIC,KAAe,IAAK;IAC1CX,sBAAsB,CAAC;MACnBY,KAAK,EAAE,YAAY;MACnBC,OAAO,EAAE,yBAAyBT,UAAU,sCAAsC;MAClFU,YAAY,EAAE,cAAcV,UAAU,EAAE;MACxCW,OAAO,EAAE,MAAAA,CAAA,KAAY;QACjB,MAAMb,MAAM,CAACc,eAAe,CAAC,OAAO;UAAEP,IAAI;UAAEQ;QAAO,CAAC,KAAK;UACrD,IAAI;YACA,MAAMC,gBAAgB,GAAG/B,kBAAkB,CAACgC,eAAe,CACvDV,IAAI,EACJE,KACJ,CAAa;YAEb,MAAMS,MAAM,GAAGnC,IAAI,CAACiC,gBAAgB,EAAE,CAClC,IAAI,EACJ,WAAW,EACX,WAAW,EACX,KAAK,CACR,CAAC;YAEF,MAAMG,QAAQ,GAAGnC,eAAe,CAACkC,MAAM,EAAEtB,MAAM,CAAC;YAEhD,MAAMC,UAAU,CAACU,IAAI,CAACa,EAAE,EAAED,QAAQ,CAAC;YAEnCJ,MAAM,CAACM,OAAO,CAAC;cACXX,KAAK,EAAE,GAAGH,IAAI,CAACe,IAAI,EAAE;cACrBX,OAAO,EAAE;YACb,CAAC,CAAC;UACN,CAAC,CAAC,OAAOY,CAAC,EAAE;YACRR,MAAM,CAACS,KAAK,CAAC;cACTd,KAAK,EAAE,GAAGH,IAAI,CAACe,IAAI,EAAE;cACrBX,OAAO,EAAEY,CAAC,CAACZ;YACf,CAAC,CAAC;UACN;QACJ,CAAC,CAAC;QAEFX,MAAM,CAACyB,UAAU,CAAC,CAAC;QAEnB1B,iBAAiB,CAAC;UACd2B,OAAO,EAAE1B,MAAM,CAAC0B,OAAO;UACvBhB,KAAK,EAAE,YAAY;UACnBC,OAAO,EAAE;QACb,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAET,UAAU;IAAEG,UAAU;IAAEG;EAAiB,CAAC;AACvD","ignoreList":[]}

package/components/BulkActions/ActionMove.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ActionMove: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/components/BulkActions/ActionMove.js

@@ -0,0 +1,91 @@
+import React, { useCallback, useMemo } from "react";
+import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
+import { observer } from "mobx-react-lite";
+import { useMoveToFolderDialog, useNavigateFolder } from "@webiny/app-aco";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+import { FileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
+import { getFilesLabel } from "./BulkActions";
+import { ROOT_FOLDER } from "../../constants";
+import { Tooltip } from "@webiny/admin-ui";
+export const ActionMove = observer(() => {
+  const {
+    moveFileToFolder
+  } = useFileManagerView();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    useWorker,
+    useButtons,
+    useDialog
+  } = FileManagerViewConfig.Browser.BulkAction;
+  const {
+    ButtonDefault
+  } = useButtons();
+  const worker = useWorker();
+  const {
+    showConfirmationDialog,
+    showResultsDialog
+  } = useDialog();
+  const {
+    showDialog: showMoveDialog
+  } = useMoveToFolderDialog();
+  const filesLabel = useMemo(() => {
+    return getFilesLabel(worker.items.length);
+  }, [worker.items.length]);
+  const openWorkerDialog = useCallback(folder => {
+    showConfirmationDialog({
+      title: "Move files",
+      message: `You are about to move ${filesLabel} to ${folder.label}. Are you sure you want to continue?`,
+      loadingLabel: `Processing ${filesLabel}`,
+      execute: async () => {
+        await worker.processInSeries(async ({
+          item,
+          report
+        }) => {
+          try {
+            await moveFileToFolder(item.id, folder.id);
+            report.success({
+              title: `${item.name}`,
+              message: "File successfully moved."
+            });
+          } catch (e) {
+            report.error({
+              title: `${item.name}`,
+              message: e.message
+            });
+          }
+        });
+        worker.resetItems();
+        showResultsDialog({
+          results: worker.results,
+          title: "Move files",
+          message: "Finished moving files! See full report below:"
+        });
+      }
+    });
+  }, [filesLabel]);
+  const openMoveDialog = () => showMoveDialog({
+    title: "Select folder",
+    message: "Select a new location for selected files:",
+    loadingLabel: `Processing ${filesLabel}`,
+    acceptLabel: `Move`,
+    focusedFolderId: currentFolderId || ROOT_FOLDER,
+    async onAccept({
+      folder
+    }) {
+      openWorkerDialog(folder);
+    }
+  });
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    side: "bottom",
+    content: `Move ${filesLabel}`,
+    trigger: /*#__PURE__*/React.createElement(ButtonDefault, {
+      icon: /*#__PURE__*/React.createElement(MoveIcon, null),
+      onAction: openMoveDialog,
+      size: "sm"
+    }, `Move`)
+  });
+});
+
+//# sourceMappingURL=ActionMove.js.map

package/components/BulkActions/ActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","ReactComponent","MoveIcon","observer","useMoveToFolderDialog","useNavigateFolder","useFileManagerView","FileManagerViewConfig","getFilesLabel","ROOT_FOLDER","Tooltip","ActionMove","moveFileToFolder","currentFolderId","useWorker","useButtons","useDialog","Browser","BulkAction","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showDialog","showMoveDialog","filesLabel","items","length","openWorkerDialog","folder","title","message","label","loadingLabel","execute","processInSeries","item","report","id","success","name","e","error","resetItems","results","openMoveDialog","acceptLabel","focusedFolderId","onAccept","createElement","side","content","trigger","icon","onAction","size"],"sources":["ActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useMoveToFolderDialog, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\n\nexport const ActionMove = observer(() => {\n    const { moveFileToFolder } = useFileManagerView();\n    const { currentFolderId } = useNavigateFolder();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const filesLabel = useMemo(() => {\n        return getFilesLabel(worker.items.length);\n    }, [worker.items.length]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move files\",\n                message: `You are about to move ${filesLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${filesLabel}`,\n                execute: async () => {\n                    await worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            await moveFileToFolder(item.id, folder.id);\n\n                            report.success({\n                                title: `${item.name}`,\n                                message: \"File successfully moved.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: `${item.name}`,\n                                message: e.message\n                            });\n                        }\n                    });\n\n                    worker.resetItems();\n\n                    showResultsDialog({\n                        results: worker.results,\n                        title: \"Move files\",\n                        message: \"Finished moving files! See full report below:\"\n                    });\n                }\n            });\n        },\n        [filesLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected files:\",\n            loadingLabel: `Processing ${filesLabel}`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${filesLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/components/BulkActions/BulkActions.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getFilesLabel: (count?: number) => string;
+export declare const BulkActions: () => React.JSX.Element | null;

package/components/BulkActions/BulkActions.js

@@ -0,0 +1,46 @@
+import React, { useMemo } from "react";
+import { Text, IconButton } from "@webiny/admin-ui";
+import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { i18n } from "@webiny/app/i18n";
+import { Buttons } from "@webiny/app-admin";
+import { useFileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider";
+const t = i18n.ns("app-file-manager/components/bulk-actions");
+export const getFilesLabel = (count = 0) => {
+  return `${count} ${count === 1 ? "file" : "files"}`;
+};
+export const BulkActions = () => {
+  const {
+    browser
+  } = useFileManagerViewConfig();
+  const view = useFileManagerView();
+  const headline = useMemo(() => {
+    return t`{label} selected`({
+      label: getFilesLabel(view.selected.length)
+    });
+  }, [view.selected]);
+  if (view.hasOnSelectCallback || !view.selected.length) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-strong"
+  }, headline)), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, /*#__PURE__*/React.createElement(Buttons, {
+    actions: browser.bulkActions
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/React.createElement(Close, null),
+    onClick: () => view.setSelected([])
+  }))));
+};
+
+//# sourceMappingURL=BulkActions.js.map

package/components/BulkActions/BulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Text","IconButton","ReactComponent","Close","i18n","Buttons","useFileManagerViewConfig","useFileManagerView","t","ns","getFilesLabel","count","BulkActions","browser","view","headline","label","selected","length","hasOnSelectCallback","createElement","className","size","actions","bulkActions","variant","icon","onClick","setSelected"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Buttons } from \"@webiny/app-admin\";\n\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nconst t = i18n.ns(\"app-file-manager/components/bulk-actions\");\n\nexport const getFilesLabel = (count = 0): string => {\n    return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n};\n\nexport const BulkActions = () => {\n    const { browser } = useFileManagerViewConfig();\n    const view = useFileManagerView();\n\n    const headline = useMemo((): string => {\n        return t`{label} selected`({\n            label: getFilesLabel(view.selected.length)\n        });\n    }, [view.selected]);\n\n    if (view.hasOnSelectCallback || !view.selected.length) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-w-full wby-bg-neutral-disabled wby-px-md wby-py-sm\"}>\n            <div className={\"wby-flex wby-items-center wby-justify-between wby-gap-sm\"}>\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n                    <Buttons actions={browser.bulkActions} />\n                    <IconButton\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                        icon={<Close />}\n                        onClick={() => view.setSelected([])}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AACnD,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,mBAAmB;AAE3C,SAASC,wBAAwB;AACjC,SAASC,kBAAkB;AAE3B,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,0CAA0C,CAAC;AAE7D,OAAO,MAAMC,aAAa,GAAGA,CAACC,KAAK,GAAG,CAAC,KAAa;EAChD,OAAO,GAAGA,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AACvD,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAQ,CAAC,GAAGP,wBAAwB,CAAC,CAAC;EAC9C,MAAMQ,IAAI,GAAGP,kBAAkB,CAAC,CAAC;EAEjC,MAAMQ,QAAQ,GAAGhB,OAAO,CAAC,MAAc;IACnC,OAAOS,CAAC,kBAAkB,CAAC;MACvBQ,KAAK,EAAEN,aAAa,CAACI,IAAI,CAACG,QAAQ,CAACC,MAAM;IAC7C,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,IAAI,CAACG,QAAQ,CAAC,CAAC;EAEnB,IAAIH,IAAI,CAACK,mBAAmB,IAAI,CAACL,IAAI,CAACG,QAAQ,CAACC,MAAM,EAAE;IACnD,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAyD,gBACrEvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2D,gBACvEvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDvB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACsB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAA0B,GAClDN,QACC,CACL,CAAC,eAENjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDvB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAACkB,OAAO,EAAEV,OAAO,CAACW;EAAY,CAAE,CAAC,eACzC1B,KAAA,CAAAsB,aAAA,CAACnB,UAAU;IACPwB,OAAO,EAAE,OAAQ;IACjBH,IAAI,EAAE,IAAK;IACXI,IAAI,eAAE5B,KAAA,CAAAsB,aAAA,CAACjB,KAAK,MAAE,CAAE;IAChBwB,OAAO,EAAEA,CAAA,KAAMb,IAAI,CAACc,WAAW,CAAC,EAAE;EAAE,CACvC,CACA,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/BulkActions/index.d.ts

@@ -0,0 +1,4 @@
+export { ActionEdit } from "./ActionEdit";
+export { ActionDelete } from "./ActionDelete";
+export { ActionMove } from "./ActionMove";
+export * from "./BulkActions";

package/components/BulkActions/index.js

@@ -0,0 +1,6 @@
+export { ActionEdit } from "./ActionEdit";
+export { ActionDelete } from "./ActionDelete";
+export { ActionMove } from "./ActionMove";
+export * from "./BulkActions";
+
+//# sourceMappingURL=index.js.map

package/components/BulkActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionEdit","ActionDelete","ActionMove"],"sources":["index.tsx"],"sourcesContent":["export { ActionEdit } from \"./ActionEdit\";\nexport { ActionDelete } from \"./ActionDelete\";\nexport { ActionMove } from \"./ActionMove\";\nexport * from \"./BulkActions\";\n"],"mappings":"AAAA,SAASA,UAAU;AACnB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB","ignoreList":[]}

package/components/EditFileUsingUrl/EditFileUsingUrl.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { FileItem } from "@webiny/app-admin/types";
+interface EditFileRenderProp {
+    editFile: (url: string) => void;
+}
+interface EditFileUsingUrlProps {
+    onUpdate?: (file: FileItem) => void;
+    onSetFile?: (file: FileItem) => void;
+    children: (params: EditFileRenderProp) => React.ReactNode;
+}
+export declare const EditFileUsingUrl: (({ children, onSetFile, onUpdate }: EditFileUsingUrlProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/components/EditFileUsingUrl/EditFileUsingUrl.js

@@ -0,0 +1,53 @@
+import { useApolloClient } from "@apollo/react-hooks";
+import React, { useCallback, useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import noop from "lodash/noop";
+import { useSnackbar } from "@webiny/app-admin";
+import { FileManagerProvider } from "../../modules/FileManagerRenderer/FileManagerView";
+import { FileDetails } from "../FileDetails";
+import { EditFileUsingUrlPresenter } from "./EditFileUsingUrlPresenter";
+import { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository";
+import { GetFileByUrl } from "./GetFileByUrl";
+import { UpdateFile } from "./UpdateFile";
+import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
+import { useFileModel } from "../../hooks/useFileModel";
+export const EditFileUsingUrl = observer(({
+  children,
+  onSetFile = noop,
+  onUpdate = noop
+}) => {
+  const client = useApolloClient();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const fileManagerApi = useFileManagerApi();
+  const fileModel = useFileModel();
+  const repository = useMemo(() => new EditFileUsingUrlRepository(new GetFileByUrl(client, fileModel), new UpdateFile(fileManagerApi)), []);
+  const presenter = useMemo(() => new EditFileUsingUrlPresenter(repository), []);
+  const vm = presenter.vm;
+  const renderPropParams = useMemo(() => {
+    return {
+      editFile: presenter.loadFileFromUrl
+    };
+  }, [presenter]);
+  const onSave = useCallback(async file => {
+    await presenter.updateFile(file);
+    onUpdate(file);
+  }, [onUpdate]);
+  useEffect(() => {
+    if (vm.errorMessage) {
+      showSnackbar(vm.errorMessage);
+    }
+  }, [vm.errorMessage]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileManagerProvider, null, /*#__PURE__*/React.createElement(FileDetails, {
+    onSetFile: onSetFile,
+    loading: vm.loadingMessage,
+    file: vm.file,
+    onClose: presenter.closeDrawer,
+    open: vm.isOpened,
+    onSave: onSave
+  }), children(renderPropParams)));
+});
+EditFileUsingUrl.displayName = "EditFileUsingUrl";
+
+//# sourceMappingURL=EditFileUsingUrl.js.map

package/components/EditFileUsingUrl/EditFileUsingUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useApolloClient","React","useCallback","useEffect","useMemo","observer","noop","useSnackbar","FileManagerProvider","FileDetails","EditFileUsingUrlPresenter","EditFileUsingUrlRepository","GetFileByUrl","UpdateFile","useFileManagerApi","useFileModel","EditFileUsingUrl","children","onSetFile","onUpdate","client","showSnackbar","fileManagerApi","fileModel","repository","presenter","vm","renderPropParams","editFile","loadFileFromUrl","onSave","file","updateFile","errorMessage","createElement","Fragment","loading","loadingMessage","onClose","closeDrawer","open","isOpened","displayName"],"sources":["EditFileUsingUrl.tsx"],"sourcesContent":["import { useApolloClient } from \"@apollo/react-hooks\";\nimport React, { useCallback, useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport noop from \"lodash/noop\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport { FileManagerProvider } from \"~/modules/FileManagerRenderer/FileManagerView\";\nimport { FileDetails } from \"~/components/FileDetails\";\nimport { EditFileUsingUrlPresenter } from \"./EditFileUsingUrlPresenter\";\nimport { EditFileUsingUrlRepository } from \"./EditFileUsingUrlRepository\";\nimport { GetFileByUrl } from \"./GetFileByUrl\";\nimport { UpdateFile } from \"./UpdateFile\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileModel } from \"~/hooks/useFileModel\";\n\ninterface EditFileRenderProp {\n    editFile: (url: string) => void;\n}\n\ninterface EditFileUsingUrlProps {\n    onUpdate?: (file: FileItem) => void;\n    onSetFile?: (file: FileItem) => void;\n    children: (params: EditFileRenderProp) => React.ReactNode;\n}\n\nexport const EditFileUsingUrl = observer(\n    ({ children, onSetFile = noop, onUpdate = noop }: EditFileUsingUrlProps) => {\n        const client = useApolloClient();\n        const { showSnackbar } = useSnackbar();\n        const fileManagerApi = useFileManagerApi();\n        const fileModel = useFileModel();\n        const repository = useMemo(\n            () =>\n                new EditFileUsingUrlRepository(\n                    new GetFileByUrl(client, fileModel),\n                    new UpdateFile(fileManagerApi)\n                ),\n            []\n        );\n        const presenter = useMemo(() => new EditFileUsingUrlPresenter(repository), []);\n\n        const vm = presenter.vm;\n\n        const renderPropParams = useMemo(() => {\n            return { editFile: presenter.loadFileFromUrl };\n        }, [presenter]);\n\n        const onSave = useCallback(\n            async (file: FileItem) => {\n                await presenter.updateFile(file);\n                onUpdate(file);\n            },\n            [onUpdate]\n        );\n\n        useEffect(() => {\n            if (vm.errorMessage) {\n                showSnackbar(vm.errorMessage);\n            }\n        }, [vm.errorMessage]);\n\n        return (\n            <>\n                <FileManagerProvider>\n                    <FileDetails\n                        onSetFile={onSetFile}\n                        loading={vm.loadingMessage}\n                        file={vm.file}\n                        onClose={presenter.closeDrawer}\n                        open={vm.isOpened}\n                        onSave={onSave}\n                    />\n                    {children(renderPropParams)}\n                </FileManagerProvider>\n            </>\n        );\n    }\n);\n\nEditFileUsingUrl.displayName = \"EditFileUsingUrl\";\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,qBAAqB;AACrD,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,OAAOC,IAAI,MAAM,aAAa;AAC9B,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SAASC,yBAAyB;AAClC,SAASC,0BAA0B;AACnC,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AAYrB,OAAO,MAAMC,gBAAgB,GAAGX,QAAQ,CACpC,CAAC;EAAEY,QAAQ;EAAEC,SAAS,GAAGZ,IAAI;EAAEa,QAAQ,GAAGb;AAA4B,CAAC,KAAK;EACxE,MAAMc,MAAM,GAAGpB,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEqB;EAAa,CAAC,GAAGd,WAAW,CAAC,CAAC;EACtC,MAAMe,cAAc,GAAGR,iBAAiB,CAAC,CAAC;EAC1C,MAAMS,SAAS,GAAGR,YAAY,CAAC,CAAC;EAChC,MAAMS,UAAU,GAAGpB,OAAO,CACtB,MACI,IAAIO,0BAA0B,CAC1B,IAAIC,YAAY,CAACQ,MAAM,EAAEG,SAAS,CAAC,EACnC,IAAIV,UAAU,CAACS,cAAc,CACjC,CAAC,EACL,EACJ,CAAC;EACD,MAAMG,SAAS,GAAGrB,OAAO,CAAC,MAAM,IAAIM,yBAAyB,CAACc,UAAU,CAAC,EAAE,EAAE,CAAC;EAE9E,MAAME,EAAE,GAAGD,SAAS,CAACC,EAAE;EAEvB,MAAMC,gBAAgB,GAAGvB,OAAO,CAAC,MAAM;IACnC,OAAO;MAAEwB,QAAQ,EAAEH,SAAS,CAACI;IAAgB,CAAC;EAClD,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,MAAMK,MAAM,GAAG5B,WAAW,CACtB,MAAO6B,IAAc,IAAK;IACtB,MAAMN,SAAS,CAACO,UAAU,CAACD,IAAI,CAAC;IAChCZ,QAAQ,CAACY,IAAI,CAAC;EAClB,CAAC,EACD,CAACZ,QAAQ,CACb,CAAC;EAEDhB,SAAS,CAAC,MAAM;IACZ,IAAIuB,EAAE,CAACO,YAAY,EAAE;MACjBZ,YAAY,CAACK,EAAE,CAACO,YAAY,CAAC;IACjC;EACJ,CAAC,EAAE,CAACP,EAAE,CAACO,YAAY,CAAC,CAAC;EAErB,oBACIhC,KAAA,CAAAiC,aAAA,CAAAjC,KAAA,CAAAkC,QAAA,qBACIlC,KAAA,CAAAiC,aAAA,CAAC1B,mBAAmB,qBAChBP,KAAA,CAAAiC,aAAA,CAACzB,WAAW;IACRS,SAAS,EAAEA,SAAU;IACrBkB,OAAO,EAAEV,EAAE,CAACW,cAAe;IAC3BN,IAAI,EAAEL,EAAE,CAACK,IAAK;IACdO,OAAO,EAAEb,SAAS,CAACc,WAAY;IAC/BC,IAAI,EAAEd,EAAE,CAACe,QAAS;IAClBX,MAAM,EAAEA;EAAO,CAClB,CAAC,EACDb,QAAQ,CAACU,gBAAgB,CACT,CACvB,CAAC;AAEX,CACJ,CAAC;AAEDX,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/components/EditFileUsingUrl/EditFileUsingUrlPresenter.d.ts

@@ -0,0 +1,18 @@
+import type { FileItem } from "@webiny/app-admin/types";
+import type { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository";
+export declare class EditFileUsingUrlPresenter {
+    private repository;
+    private isOpened;
+    private file;
+    constructor(repository: EditFileUsingUrlRepository);
+    get vm(): {
+        loading: boolean;
+        loadingMessage: string;
+        errorMessage: string;
+        file: FileItem | undefined;
+        isOpened: boolean;
+    };
+    loadFileFromUrl: (url: string) => Promise<void>;
+    updateFile: (file: FileItem) => Promise<void>;
+    closeDrawer: () => void;
+}

package/components/EditFileUsingUrl/EditFileUsingUrlPresenter.js

@@ -0,0 +1,43 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { LOADING_STATE } from "./Loading";
+const loadingLabels = {
+  [LOADING_STATE.IDLE]: "",
+  [LOADING_STATE.ERROR]: "ERROR",
+  [LOADING_STATE.GET_FILE]: "Loading file details...",
+  [LOADING_STATE.UPDATE_FILE]: "Saving file details..."
+};
+export class EditFileUsingUrlPresenter {
+  isOpened = false;
+  file = undefined;
+  constructor(repository) {
+    this.repository = repository;
+    makeAutoObservable(this);
+  }
+  get vm() {
+    const loading = this.repository.getLoading();
+    const label = loadingLabels[loading.state];
+    return {
+      loading: loading.isLoading,
+      loadingMessage: loading.isLoading ? label : "",
+      errorMessage: label === "ERROR" ? loading.feedback : "",
+      file: this.file,
+      isOpened: label === "ERROR" ? false : this.isOpened
+    };
+  }
+  loadFileFromUrl = async url => {
+    this.isOpened = true;
+    const file = await this.repository.loadFileByUrl(url);
+    runInAction(() => {
+      this.file = file;
+    });
+  };
+  updateFile = async file => {
+    await this.repository.updateFile(file);
+    this.closeDrawer();
+  };
+  closeDrawer = () => {
+    this.isOpened = false;
+  };
+}
+
+//# sourceMappingURL=EditFileUsingUrlPresenter.js.map

package/components/EditFileUsingUrl/EditFileUsingUrlPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","runInAction","LOADING_STATE","loadingLabels","IDLE","ERROR","GET_FILE","UPDATE_FILE","EditFileUsingUrlPresenter","isOpened","file","undefined","constructor","repository","vm","loading","getLoading","label","state","isLoading","loadingMessage","errorMessage","feedback","loadFileFromUrl","url","loadFileByUrl","updateFile","closeDrawer"],"sources":["EditFileUsingUrlPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport type { EditFileUsingUrlRepository } from \"./EditFileUsingUrlRepository\";\nimport { LOADING_STATE } from \"./Loading\";\n\nconst loadingLabels: Record<LOADING_STATE, string> = {\n    [LOADING_STATE.IDLE]: \"\",\n    [LOADING_STATE.ERROR]: \"ERROR\",\n    [LOADING_STATE.GET_FILE]: \"Loading file details...\",\n    [LOADING_STATE.UPDATE_FILE]: \"Saving file details...\"\n};\n\nexport class EditFileUsingUrlPresenter {\n    private repository: EditFileUsingUrlRepository;\n    private isOpened = false;\n    private file: FileItem | undefined = undefined;\n\n    constructor(repository: EditFileUsingUrlRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        const loading = this.repository.getLoading();\n        const label = loadingLabels[loading.state];\n\n        return {\n            loading: loading.isLoading,\n            loadingMessage: loading.isLoading ? label : \"\",\n            errorMessage: label === \"ERROR\" ? loading.feedback : \"\",\n            file: this.file,\n            isOpened: label === \"ERROR\" ? false : this.isOpened\n        };\n    }\n\n    loadFileFromUrl = async (url: string) => {\n        this.isOpened = true;\n        const file = await this.repository.loadFileByUrl(url);\n        runInAction(() => {\n            this.file = file;\n        });\n    };\n\n    updateFile = async (file: FileItem) => {\n        await this.repository.updateFile(file);\n        this.closeDrawer();\n    };\n\n    closeDrawer = () => {\n        this.isOpened = false;\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAGtD,SAASC,aAAa;AAEtB,MAAMC,aAA4C,GAAG;EACjD,CAACD,aAAa,CAACE,IAAI,GAAG,EAAE;EACxB,CAACF,aAAa,CAACG,KAAK,GAAG,OAAO;EAC9B,CAACH,aAAa,CAACI,QAAQ,GAAG,yBAAyB;EACnD,CAACJ,aAAa,CAACK,WAAW,GAAG;AACjC,CAAC;AAED,OAAO,MAAMC,yBAAyB,CAAC;EAE3BC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAyBC,SAAS;EAE9CC,WAAWA,CAACC,UAAsC,EAAE;IAChD,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5Bb,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIc,EAAEA,CAAA,EAAG;IACL,MAAMC,OAAO,GAAG,IAAI,CAACF,UAAU,CAACG,UAAU,CAAC,CAAC;IAC5C,MAAMC,KAAK,GAAGd,aAAa,CAACY,OAAO,CAACG,KAAK,CAAC;IAE1C,OAAO;MACHH,OAAO,EAAEA,OAAO,CAACI,SAAS;MAC1BC,cAAc,EAAEL,OAAO,CAACI,SAAS,GAAGF,KAAK,GAAG,EAAE;MAC9CI,YAAY,EAAEJ,KAAK,KAAK,OAAO,GAAGF,OAAO,CAACO,QAAQ,GAAG,EAAE;MACvDZ,IAAI,EAAE,IAAI,CAACA,IAAI;MACfD,QAAQ,EAAEQ,KAAK,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAACR;IAC/C,CAAC;EACL;EAEAc,eAAe,GAAG,MAAOC,GAAW,IAAK;IACrC,IAAI,CAACf,QAAQ,GAAG,IAAI;IACpB,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACG,UAAU,CAACY,aAAa,CAACD,GAAG,CAAC;IACrDvB,WAAW,CAAC,MAAM;MACd,IAAI,CAACS,IAAI,GAAGA,IAAI;IACpB,CAAC,CAAC;EACN,CAAC;EAEDgB,UAAU,GAAG,MAAOhB,IAAc,IAAK;IACnC,MAAM,IAAI,CAACG,UAAU,CAACa,UAAU,CAAChB,IAAI,CAAC;IACtC,IAAI,CAACiB,WAAW,CAAC,CAAC;EACtB,CAAC;EAEDA,WAAW,GAAGA,CAAA,KAAM;IAChB,IAAI,CAAClB,QAAQ,GAAG,KAAK;EACzB,CAAC;AACL","ignoreList":[]}

package/components/EditFileUsingUrl/EditFileUsingUrlRepository.d.ts

@@ -0,0 +1,17 @@
+import type { FileItem } from "@webiny/app-admin/types";
+import { Loading } from "./Loading";
+export interface IGetFileByUrl {
+    execute(url: string): Promise<FileItem>;
+}
+export interface IUpdateFile {
+    execute(id: string, data: Partial<FileItem>): Promise<void>;
+}
+export declare class EditFileUsingUrlRepository {
+    private readonly loading;
+    private getFileByUrlGateway;
+    private updateFileGateway;
+    constructor(getFileByUrl: IGetFileByUrl, updateFile: IUpdateFile);
+    getLoading(): Loading;
+    loadFileByUrl(url: string): Promise<FileItem | undefined>;
+    updateFile(input: FileItem): Promise<void>;
+}

package/components/EditFileUsingUrl/EditFileUsingUrlRepository.js

@@ -0,0 +1,39 @@
+import { makeAutoObservable } from "mobx";
+import { Loading, LOADING_STATE } from "./Loading";
+export class EditFileUsingUrlRepository {
+  constructor(getFileByUrl, updateFile) {
+    this.getFileByUrlGateway = getFileByUrl;
+    this.updateFileGateway = updateFile;
+    this.loading = new Loading();
+    makeAutoObservable(this);
+  }
+  getLoading() {
+    return this.loading;
+  }
+  async loadFileByUrl(url) {
+    this.loading.startLoading(LOADING_STATE.GET_FILE);
+    try {
+      const file = await this.getFileByUrlGateway.execute(url);
+      this.loading.stopLoadingWithSuccess();
+      return file;
+    } catch (err) {
+      this.loading.stopLoadingWithError(err.message);
+    }
+    return undefined;
+  }
+  async updateFile(input) {
+    this.loading.startLoading(LOADING_STATE.UPDATE_FILE);
+    try {
+      const {
+        id,
+        ...data
+      } = input;
+      await this.updateFileGateway.execute(id, data);
+      this.loading.stopLoadingWithSuccess();
+    } catch (err) {
+      this.loading.stopLoadingWithError(err.message);
+    }
+  }
+}
+
+//# sourceMappingURL=EditFileUsingUrlRepository.js.map

package/components/EditFileUsingUrl/EditFileUsingUrlRepository.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","Loading","LOADING_STATE","EditFileUsingUrlRepository","constructor","getFileByUrl","updateFile","getFileByUrlGateway","updateFileGateway","loading","getLoading","loadFileByUrl","url","startLoading","GET_FILE","file","execute","stopLoadingWithSuccess","err","stopLoadingWithError","message","undefined","input","UPDATE_FILE","id","data"],"sources":["EditFileUsingUrlRepository.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport { Loading, LOADING_STATE } from \"./Loading\";\n\nexport interface IGetFileByUrl {\n    execute(url: string): Promise<FileItem>;\n}\n\nexport interface IUpdateFile {\n    execute(id: string, data: Partial<FileItem>): Promise<void>;\n}\n\nexport class EditFileUsingUrlRepository {\n    private readonly loading: Loading;\n    private getFileByUrlGateway: IGetFileByUrl;\n    private updateFileGateway: IUpdateFile;\n\n    constructor(getFileByUrl: IGetFileByUrl, updateFile: IUpdateFile) {\n        this.getFileByUrlGateway = getFileByUrl;\n        this.updateFileGateway = updateFile;\n\n        this.loading = new Loading();\n        makeAutoObservable(this);\n    }\n\n    getLoading() {\n        return this.loading;\n    }\n\n    async loadFileByUrl(url: string) {\n        this.loading.startLoading(LOADING_STATE.GET_FILE);\n        try {\n            const file = await this.getFileByUrlGateway.execute(url);\n            this.loading.stopLoadingWithSuccess();\n            return file;\n        } catch (err) {\n            this.loading.stopLoadingWithError(err.message);\n        }\n\n        return undefined;\n    }\n\n    async updateFile(input: FileItem) {\n        this.loading.startLoading(LOADING_STATE.UPDATE_FILE);\n        try {\n            const { id, ...data } = input;\n            await this.updateFileGateway.execute(id, data);\n            this.loading.stopLoadingWithSuccess();\n        } catch (err) {\n            this.loading.stopLoadingWithError(err.message);\n        }\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,OAAO,EAAEC,aAAa;AAU/B,OAAO,MAAMC,0BAA0B,CAAC;EAKpCC,WAAWA,CAACC,YAA2B,EAAEC,UAAuB,EAAE;IAC9D,IAAI,CAACC,mBAAmB,GAAGF,YAAY;IACvC,IAAI,CAACG,iBAAiB,GAAGF,UAAU;IAEnC,IAAI,CAACG,OAAO,GAAG,IAAIR,OAAO,CAAC,CAAC;IAC5BD,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAU,UAAUA,CAAA,EAAG;IACT,OAAO,IAAI,CAACD,OAAO;EACvB;EAEA,MAAME,aAAaA,CAACC,GAAW,EAAE;IAC7B,IAAI,CAACH,OAAO,CAACI,YAAY,CAACX,aAAa,CAACY,QAAQ,CAAC;IACjD,IAAI;MACA,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACR,mBAAmB,CAACS,OAAO,CAACJ,GAAG,CAAC;MACxD,IAAI,CAACH,OAAO,CAACQ,sBAAsB,CAAC,CAAC;MACrC,OAAOF,IAAI;IACf,CAAC,CAAC,OAAOG,GAAG,EAAE;MACV,IAAI,CAACT,OAAO,CAACU,oBAAoB,CAACD,GAAG,CAACE,OAAO,CAAC;IAClD;IAEA,OAAOC,SAAS;EACpB;EAEA,MAAMf,UAAUA,CAACgB,KAAe,EAAE;IAC9B,IAAI,CAACb,OAAO,CAACI,YAAY,CAACX,aAAa,CAACqB,WAAW,CAAC;IACpD,IAAI;MACA,MAAM;QAAEC,EAAE;QAAE,GAAGC;MAAK,CAAC,GAAGH,KAAK;MAC7B,MAAM,IAAI,CAACd,iBAAiB,CAACQ,OAAO,CAACQ,EAAE,EAAEC,IAAI,CAAC;MAC9C,IAAI,CAAChB,OAAO,CAACQ,sBAAsB,CAAC,CAAC;IACzC,CAAC,CAAC,OAAOC,GAAG,EAAE;MACV,IAAI,CAACT,OAAO,CAACU,oBAAoB,CAACD,GAAG,CAACE,OAAO,CAAC;IAClD;EACJ;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/GetFileByUrl.d.ts

@@ -0,0 +1,10 @@
+import type ApolloClient from "apollo-client";
+import type { FileItem } from "@webiny/app-admin/types";
+import type { IGetFileByUrl } from "./EditFileUsingUrlRepository";
+import type { useFileModel } from "../../hooks/useFileModel";
+export declare class GetFileByUrl implements IGetFileByUrl {
+    private client;
+    private readonly query;
+    constructor(client: ApolloClient<unknown>, model: ReturnType<typeof useFileModel>);
+    execute(url: string): Promise<FileItem>;
+}

package/components/EditFileUsingUrl/GetFileByUrl.js

@@ -0,0 +1,27 @@
+import { getFileByUrlQuery } from "./getFileByUrl.graphql";
+export class GetFileByUrl {
+  constructor(client, model) {
+    this.client = client;
+    this.query = getFileByUrlQuery(model);
+  }
+  async execute(url) {
+    // TODO: add query type
+    const response = await this.client.query({
+      query: this.query,
+      variables: {
+        url
+      },
+      fetchPolicy: "network-only"
+    });
+    const {
+      data,
+      error
+    } = response.data.fileManager.getFileByUrl;
+    if (error) {
+      throw new Error(error.message);
+    }
+    return data;
+  }
+}
+
+//# sourceMappingURL=GetFileByUrl.js.map

package/components/EditFileUsingUrl/GetFileByUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFileByUrlQuery","GetFileByUrl","constructor","client","model","query","execute","url","response","variables","fetchPolicy","data","error","fileManager","getFileByUrl","Error","message"],"sources":["GetFileByUrl.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport type { DocumentNode } from \"graphql\";\nimport type { FileItem } from \"@webiny/app-admin/types\";\nimport type { IGetFileByUrl } from \"./EditFileUsingUrlRepository\";\nimport { getFileByUrlQuery } from \"./getFileByUrl.graphql\";\nimport type { useFileModel } from \"~/hooks/useFileModel\";\n\nexport class GetFileByUrl implements IGetFileByUrl {\n    private client: ApolloClient<unknown>;\n    private readonly query: DocumentNode;\n\n    constructor(client: ApolloClient<unknown>, model: ReturnType<typeof useFileModel>) {\n        this.client = client;\n        this.query = getFileByUrlQuery(model);\n    }\n\n    async execute(url: string): Promise<FileItem> {\n        // TODO: add query type\n        const response = await this.client.query({\n            query: this.query,\n            variables: { url },\n            fetchPolicy: \"network-only\"\n        });\n\n        const { data, error } = response.data.fileManager.getFileByUrl;\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        return data;\n    }\n}\n"],"mappings":"AAIA,SAASA,iBAAiB;AAG1B,OAAO,MAAMC,YAAY,CAA0B;EAI/CC,WAAWA,CAACC,MAA6B,EAAEC,KAAsC,EAAE;IAC/E,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,KAAK,GAAGL,iBAAiB,CAACI,KAAK,CAAC;EACzC;EAEA,MAAME,OAAOA,CAACC,GAAW,EAAqB;IAC1C;IACA,MAAMC,QAAQ,GAAG,MAAM,IAAI,CAACL,MAAM,CAACE,KAAK,CAAC;MACrCA,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBI,SAAS,EAAE;QAAEF;MAAI,CAAC;MAClBG,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,MAAM;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAGJ,QAAQ,CAACG,IAAI,CAACE,WAAW,CAACC,YAAY;IAC9D,IAAIF,KAAK,EAAE;MACP,MAAM,IAAIG,KAAK,CAACH,KAAK,CAACI,OAAO,CAAC;IAClC;IAEA,OAAOL,IAAI;EACf;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/Loading.d.ts

@@ -0,0 +1,18 @@
+export declare enum LOADING_STATE {
+    IDLE = "IDLE",
+    GET_FILE = "GET_FILE",
+    UPDATE_FILE = "UPDATE_FILE",
+    ERROR = "ERROR"
+}
+export declare class Loading {
+    private _isLoading;
+    private _state;
+    private _feedback;
+    constructor();
+    startLoading(state: LOADING_STATE): void;
+    stopLoadingWithSuccess(message?: string): void;
+    stopLoadingWithError(message?: string): void;
+    get isLoading(): boolean;
+    get state(): LOADING_STATE;
+    get feedback(): string;
+}

package/components/EditFileUsingUrl/Loading.js

@@ -0,0 +1,42 @@
+import { makeAutoObservable } from "mobx";
+export let LOADING_STATE = /*#__PURE__*/function (LOADING_STATE) {
+  LOADING_STATE["IDLE"] = "IDLE";
+  LOADING_STATE["GET_FILE"] = "GET_FILE";
+  LOADING_STATE["UPDATE_FILE"] = "UPDATE_FILE";
+  LOADING_STATE["ERROR"] = "ERROR";
+  return LOADING_STATE;
+}({});
+export class Loading {
+  constructor() {
+    this._isLoading = false;
+    this._state = LOADING_STATE.IDLE;
+    this._feedback = "";
+    makeAutoObservable(this);
+  }
+  startLoading(state) {
+    this._isLoading = true;
+    this._state = state;
+    this._feedback = "";
+  }
+  stopLoadingWithSuccess(message) {
+    this._isLoading = false;
+    this._state = LOADING_STATE.IDLE;
+    this._feedback = message || "";
+  }
+  stopLoadingWithError(message) {
+    this._isLoading = false;
+    this._state = LOADING_STATE.ERROR;
+    this._feedback = message || "";
+  }
+  get isLoading() {
+    return this._isLoading;
+  }
+  get state() {
+    return this._state;
+  }
+  get feedback() {
+    return this._feedback;
+  }
+}
+
+//# sourceMappingURL=Loading.js.map

package/components/EditFileUsingUrl/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","LOADING_STATE","Loading","constructor","_isLoading","_state","IDLE","_feedback","startLoading","state","stopLoadingWithSuccess","message","stopLoadingWithError","ERROR","isLoading","feedback"],"sources":["Loading.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport enum LOADING_STATE {\n    IDLE = \"IDLE\",\n    GET_FILE = \"GET_FILE\",\n    UPDATE_FILE = \"UPDATE_FILE\",\n    ERROR = \"ERROR\"\n}\n\nexport class Loading {\n    private _isLoading: boolean;\n    private _state: LOADING_STATE;\n    private _feedback: string;\n\n    constructor() {\n        this._isLoading = false;\n        this._state = LOADING_STATE.IDLE;\n        this._feedback = \"\";\n        makeAutoObservable(this);\n    }\n\n    startLoading(state: LOADING_STATE) {\n        this._isLoading = true;\n        this._state = state;\n        this._feedback = \"\";\n    }\n\n    stopLoadingWithSuccess(message?: string) {\n        this._isLoading = false;\n        this._state = LOADING_STATE.IDLE;\n        this._feedback = message || \"\";\n    }\n\n    stopLoadingWithError(message?: string) {\n        this._isLoading = false;\n        this._state = LOADING_STATE.ERROR;\n        this._feedback = message || \"\";\n    }\n\n    get isLoading() {\n        return this._isLoading;\n    }\n\n    get state() {\n        return this._state;\n    }\n\n    get feedback() {\n        return this._feedback;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,OAAO,MAAMC,OAAO,CAAC;EAKjBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACK,IAAI;IAChC,IAAI,CAACC,SAAS,GAAG,EAAE;IACnBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,YAAYA,CAACC,KAAoB,EAAE;IAC/B,IAAI,CAACL,UAAU,GAAG,IAAI;IACtB,IAAI,CAACC,MAAM,GAAGI,KAAK;IACnB,IAAI,CAACF,SAAS,GAAG,EAAE;EACvB;EAEAG,sBAAsBA,CAACC,OAAgB,EAAE;IACrC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACK,IAAI;IAChC,IAAI,CAACC,SAAS,GAAGI,OAAO,IAAI,EAAE;EAClC;EAEAC,oBAAoBA,CAACD,OAAgB,EAAE;IACnC,IAAI,CAACP,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,MAAM,GAAGJ,aAAa,CAACY,KAAK;IACjC,IAAI,CAACN,SAAS,GAAGI,OAAO,IAAI,EAAE;EAClC;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACV,UAAU;EAC1B;EAEA,IAAIK,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACJ,MAAM;EACtB;EAEA,IAAIU,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACR,SAAS;EACzB;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/UpdateFile.d.ts

@@ -0,0 +1,10 @@
+import type { FileItem } from "@webiny/app-admin/types";
+import type { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
+import type { IUpdateFile } from "./EditFileUsingUrlRepository";
+type FileManagerApi = ReturnType<typeof useFileManagerApi>;
+export declare class UpdateFile implements IUpdateFile {
+    private fileApi;
+    constructor(fileApi: FileManagerApi);
+    execute(id: string, file: Partial<FileItem>): Promise<void>;
+}
+export {};

package/components/EditFileUsingUrl/UpdateFile.js

@@ -0,0 +1,10 @@
+export class UpdateFile {
+  constructor(fileApi) {
+    this.fileApi = fileApi;
+  }
+  async execute(id, file) {
+    return this.fileApi.updateFile(id, file);
+  }
+}
+
+//# sourceMappingURL=UpdateFile.js.map

package/components/EditFileUsingUrl/UpdateFile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UpdateFile","constructor","fileApi","execute","id","file","updateFile"],"sources":["UpdateFile.ts"],"sourcesContent":["import type { FileItem } from \"@webiny/app-admin/types\";\nimport type { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport type { IUpdateFile } from \"./EditFileUsingUrlRepository\";\n\ntype FileManagerApi = ReturnType<typeof useFileManagerApi>;\n\nexport class UpdateFile implements IUpdateFile {\n    private fileApi: FileManagerApi;\n\n    constructor(fileApi: FileManagerApi) {\n        this.fileApi = fileApi;\n    }\n\n    async execute(id: string, file: Partial<FileItem>): Promise<void> {\n        return this.fileApi.updateFile(id, file);\n    }\n}\n"],"mappings":"AAMA,OAAO,MAAMA,UAAU,CAAwB;EAG3CC,WAAWA,CAACC,OAAuB,EAAE;IACjC,IAAI,CAACA,OAAO,GAAGA,OAAO;EAC1B;EAEA,MAAMC,OAAOA,CAACC,EAAU,EAAEC,IAAuB,EAAiB;IAC9D,OAAO,IAAI,CAACH,OAAO,CAACI,UAAU,CAACF,EAAE,EAAEC,IAAI,CAAC;EAC5C;AACJ","ignoreList":[]}

package/components/EditFileUsingUrl/getFileByUrl.graphql.d.ts

@@ -0,0 +1,2 @@
+import type { useFileModel } from "../../hooks/useFileModel";
+export declare const getFileByUrlQuery: (model: ReturnType<typeof useFileModel>) => import("graphql").DocumentNode;

package/components/EditFileUsingUrl/getFileByUrl.graphql.js

@@ -0,0 +1,19 @@
+import gql from "graphql-tag";
+import { getFileGraphQLSelection } from "../../modules/FileManagerApiProvider/FileManagerApiContext";
+export const getFileByUrlQuery = model => {
+  return gql`
+        query GetFileByUrl($url: String!) {
+            fileManager {
+                getFileByUrl(url: $url) {
+                    data ${getFileGraphQLSelection(model)}
+                    error {
+                        code
+                        message
+                    }
+                }
+            }
+        }
+    `;
+};
+
+//# sourceMappingURL=getFileByUrl.graphql.js.map

package/components/EditFileUsingUrl/getFileByUrl.graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","getFileGraphQLSelection","getFileByUrlQuery","model"],"sources":["getFileByUrl.graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { useFileModel } from \"~/hooks/useFileModel\";\nimport { getFileGraphQLSelection } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\n\nexport const getFileByUrlQuery = (model: ReturnType<typeof useFileModel>) => {\n    return gql`\n        query GetFileByUrl($url: String!) {\n            fileManager {\n                getFileByUrl(url: $url) {\n                    data ${getFileGraphQLSelection(model)}\n                    error {\n                        code\n                        message\n                    }\n                }\n            }\n        }\n    `;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,iBAAiB,GAAIC,KAAsC,IAAK;EACzE,OAAOH,GAAG;AACd;AACA;AACA;AACA,2BAA2BC,uBAAuB,CAACE,KAAK,CAAC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC","ignoreList":[]}

package/components/EditFileUsingUrl/index.d.ts

@@ -0,0 +1 @@
+export * from "./EditFileUsingUrl";

package/components/EditFileUsingUrl/index.js

@@ -0,0 +1,3 @@
+export * from "./EditFileUsingUrl";
+
+//# sourceMappingURL=index.js.map

package/components/EditFileUsingUrl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./EditFileUsingUrl\";\n"],"mappings":"AAAA","ignoreList":[]}