@webiny/app-file-manager 5.43.3 → 6.0.0-alpha.1

package/components/BulkActions/ActionMove.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_drive_file_move","_mobxReactLite","_appAco","_FileManagerViewProvider","_FileManagerViewConfig","_BulkActions","_constants","ActionMove","exports","observer","_useFileManagerView","useFileManagerView","moveFileToFolder","_useNavigateFolder","useNavigateFolder","currentFolderId","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","_useMoveToFolderDialo","useMoveToFolderDialog","showMoveDialog","showDialog","filesLabel","useMemo","getFilesLabel","items","length","openWorkerDialog","useCallback","folder","title","message","concat","loadingLabel","execute","processInSeries","_ref","item","report","id","success","name","e","error","resetItems","results","openMoveDialog","acceptLabel","focusedFolderId","ROOT_FOLDER","onAccept","_ref2","default","createElement","icon","ReactComponent","onAction","label","tooltipPlacement"],"sources":["ActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@material-design-icons/svg/outlined/drive_file_move.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useMoveToFolderDialog, useNavigateFolder } from \"@webiny/app-aco\";\nimport { FolderItem } from \"@webiny/app-aco/types\";\n\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport const ActionMove = observer(() => {\n    const { moveFileToFolder } = useFileManagerView();\n    const { currentFolderId } = useNavigateFolder();\n\n    const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n    const { IconButton } = 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: FolderItem) => {\n            showConfirmationDialog({\n                title: \"Move files\",\n                message: `You are about to move ${filesLabel} to ${folder.title}. 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        <IconButton\n            icon={<MoveIcon />}\n            onAction={openMoveDialog}\n            label={`Move ${filesLabel}`}\n            tooltipPlacement={\"bottom\"}\n        />\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"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.js

@@ -1,49 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFilesLabel = exports.BulkActions = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _close = require("@material-design-icons/svg/outlined/close.svg");
-var _i18n = require("@webiny/app/i18n");
-var _appAdmin = require("@webiny/app-admin");
-var _Button = require("@webiny/ui/Button");
-var _Typography = require("@webiny/ui/Typography");
-var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
-var _BulkActions = require("./BulkActions.styled");
-var _templateObject;
-var t = _i18n.i18n.ns("app-file-manager/components/bulk-actions");
-var getFilesLabel = exports.getFilesLabel = function getFilesLabel() {
-  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return "".concat(count, " ").concat(count === 1 ? "file" : "files");
+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"}`;
 };
-var BulkActions = exports.BulkActions = function BulkActions() {
-  var _useFileManagerViewCo = (0, _FileManagerViewConfig.useFileManagerViewConfig)(),
-    browser = _useFileManagerViewCo.browser;
-  var view = (0, _FileManagerViewProvider.useFileManagerView)();
-  var headline = (0, _react.useMemo)(function () {
-    return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{label} selected:"])))({
+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.default.createElement(_BulkActions.BulkActionsContainer, null, /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActionsInner, null, /*#__PURE__*/_react.default.createElement(_BulkActions.ButtonsContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline6"
-  }, headline), /*#__PURE__*/_react.default.createElement(_appAdmin.Buttons, {
+  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.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-    onClick: function onClick() {
-      return view.setSelected([]);
-    }
-  })));
+  }), /*#__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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_close","_i18n","_appAdmin","_Button","_Typography","_FileManagerViewConfig","_FileManagerViewProvider","_BulkActions","_templateObject","t","i18n","ns","getFilesLabel","exports","count","arguments","length","undefined","concat","BulkActions","_useFileManagerViewCo","useFileManagerViewConfig","browser","view","useFileManagerView","headline","useMemo","_taggedTemplateLiteral2","default","label","selected","hasOnSelectCallback","createElement","BulkActionsContainer","BulkActionsInner","ButtonsContainer","Typography","use","Buttons","actions","bulkActions","IconButton","icon","ReactComponent","onClick","setSelected"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as Close } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nimport { BulkActionsContainer, BulkActionsInner, ButtonsContainer } from \"./BulkActions.styled\";\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        <BulkActionsContainer>\n            <BulkActionsInner>\n                <ButtonsContainer>\n                    <Typography use={\"headline6\"}>{headline}</Typography>\n                    <Buttons actions={browser.bulkActions} />\n                </ButtonsContainer>\n                <IconButton icon={<Close />} onClick={() => view.setSelected([])} />\n            </BulkActionsInner>\n        </BulkActionsContainer>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AAEA,IAAAQ,YAAA,GAAAR,OAAA;AAAgG,IAAAS,eAAA;AAEhG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,0CAA0C,CAAC;AAEtD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAA0B;EAAA,IAAtBE,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EACnC,UAAAG,MAAA,CAAUJ,KAAK,OAAAI,MAAA,CAAIJ,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO;AACrD,CAAC;AAEM,IAAMK,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAC,qBAAA,GAAoB,IAAAC,+CAAwB,EAAC,CAAC;IAAtCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAMC,IAAI,GAAG,IAAAC,2CAAkB,EAAC,CAAC;EAEjC,IAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAc;IACnC,OAAOjB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAmB,uBAAA,CAAAC,OAAA,2BAAoB;MACxBC,KAAK,EAAEjB,aAAa,CAACW,IAAI,CAACO,QAAQ,CAACd,MAAM;IAC7C,CAAC,CAAC;EACN,CAAC,EAAE,CAACO,IAAI,CAACO,QAAQ,CAAC,CAAC;EAEnB,IAAIP,IAAI,CAACQ,mBAAmB,IAAI,CAACR,IAAI,CAACO,QAAQ,CAACd,MAAM,EAAE;IACnD,OAAO,IAAI;EACf;EAEA,oBACInB,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA0B,oBAAoB,qBACjBpC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA2B,gBAAgB,qBACbrC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA4B,gBAAgB,qBACbtC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC5B,WAAA,CAAAgC,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEZ,QAAqB,CAAC,eACrD5B,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC9B,SAAA,CAAAoC,OAAO;IAACC,OAAO,EAAEjB,OAAO,CAACkB;EAAY,CAAE,CAC1B,CAAC,eACnB3C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC7B,OAAA,CAAAsC,UAAU;IAACC,IAAI,eAAE7C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAChC,MAAA,CAAA2C,cAAK,MAAE,CAAE;IAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQrB,IAAI,CAACsB,WAAW,CAAC,EAAE,CAAC;IAAA;EAAC,CAAE,CACrD,CACA,CAAC;AAE/B,CAAC","ignoreList":[]}
+{"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.js

@@ -1,45 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ActionEdit: true,
-  ActionDelete: true,
-  ActionMove: true
-};
-Object.defineProperty(exports, "ActionDelete", {
-  enumerable: true,
-  get: function get() {
-    return _ActionDelete.ActionDelete;
-  }
-});
-Object.defineProperty(exports, "ActionEdit", {
-  enumerable: true,
-  get: function get() {
-    return _ActionEdit.ActionEdit;
-  }
-});
-Object.defineProperty(exports, "ActionMove", {
-  enumerable: true,
-  get: function get() {
-    return _ActionMove.ActionMove;
-  }
-});
-var _ActionEdit = require("./ActionEdit");
-var _ActionDelete = require("./ActionDelete");
-var _ActionMove = require("./ActionMove");
-var _BulkActions = require("./BulkActions");
-Object.keys(_BulkActions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BulkActions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BulkActions[key];
-    }
-  });
-});
+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

@@ -1 +1 @@
-{"version":3,"names":["_ActionEdit","require","_ActionDelete","_ActionMove","_BulkActions","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export { ActionEdit } from \"./ActionEdit\";\nexport { ActionDelete } from \"./ActionDelete\";\nexport { ActionMove } from \"./ActionMove\";\nexport * from \"./BulkActions\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"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

@@ -1,5 +1,5 @@
 import React from "react";
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "@webiny/app-admin/types";
 interface EditFileRenderProp {
     editFile: (url: string) => void;
 }

package/components/EditFileUsingUrl/EditFileUsingUrl.js

@@ -1,57 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditFileUsingUrl = void 0;
-var _reactHooks = require("@apollo/react-hooks");
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _appAdmin = require("@webiny/app-admin");
-var _FileManagerView = require("../../modules/FileManagerRenderer/FileManagerView");
-var _FileDetails = require("../FileDetails");
-var _EditFileUsingUrlPresenter = require("./EditFileUsingUrlPresenter");
-var _EditFileUsingUrlRepository = require("./EditFileUsingUrlRepository");
-var _GetFileByUrl = require("./GetFileByUrl");
-var _UpdateFile = require("./UpdateFile");
-var _FileManagerApiContext = require("../../modules/FileManagerApiProvider/FileManagerApiContext");
-var _useFileModel = require("../../hooks/useFileModel");
-var EditFileUsingUrl = exports.EditFileUsingUrl = (0, _mobxReactLite.observer)(function (_ref) {
-  var children = _ref.children,
-    _ref$onSetFile = _ref.onSetFile,
-    onSetFile = _ref$onSetFile === void 0 ? _noop.default : _ref$onSetFile,
-    _ref$onUpdate = _ref.onUpdate,
-    onUpdate = _ref$onUpdate === void 0 ? _noop.default : _ref$onUpdate;
-  var client = (0, _reactHooks.useApolloClient)();
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var fileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)();
-  var fileModel = (0, _useFileModel.useFileModel)();
-  var repository = (0, _react.useMemo)(function () {
-    return new _EditFileUsingUrlRepository.EditFileUsingUrlRepository(new _GetFileByUrl.GetFileByUrl(client, fileModel), new _UpdateFile.UpdateFile(fileManagerApi));
-  }, []);
-  var presenter = (0, _react.useMemo)(function () {
-    return new _EditFileUsingUrlPresenter.EditFileUsingUrlPresenter(repository);
-  }, []);
-  var vm = presenter.vm;
-  var renderPropParams = (0, _react.useMemo)(function () {
+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]);
-  var onSave = (0, _react.useCallback)(async function (file) {
+  const onSave = useCallback(async file => {
     await presenter.updateFile(file);
     onUpdate(file);
   }, [onUpdate]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (vm.errorMessage) {
       showSnackbar(vm.errorMessage);
     }
   }, [vm.errorMessage]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FileManagerView.FileManagerProvider, null, /*#__PURE__*/_react.default.createElement(_FileDetails.FileDetails, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileManagerProvider, null, /*#__PURE__*/React.createElement(FileDetails, {
     onSetFile: onSetFile,
     loading: vm.loadingMessage,
     file: vm.file,

package/components/EditFileUsingUrl/EditFileUsingUrl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactHooks","require","_react","_interopRequireWildcard","_mobxReactLite","_noop","_interopRequireDefault","_appAdmin","_FileManagerView","_FileDetails","_EditFileUsingUrlPresenter","_EditFileUsingUrlRepository","_GetFileByUrl","_UpdateFile","_FileManagerApiContext","_useFileModel","EditFileUsingUrl","exports","observer","_ref","children","_ref$onSetFile","onSetFile","noop","_ref$onUpdate","onUpdate","client","useApolloClient","_useSnackbar","useSnackbar","showSnackbar","fileManagerApi","useFileManagerApi","fileModel","useFileModel","repository","useMemo","EditFileUsingUrlRepository","GetFileByUrl","UpdateFile","presenter","EditFileUsingUrlPresenter","vm","renderPropParams","editFile","loadFileFromUrl","onSave","useCallback","file","updateFile","useEffect","errorMessage","default","createElement","Fragment","FileManagerProvider","FileDetails","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 { 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,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,0BAAA,GAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,sBAAA,GAAAb,OAAA;AACA,IAAAc,aAAA,GAAAd,OAAA;AAYO,IAAMe,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EACpC,UAAAC,IAAA,EAA4E;EAAA,IAAzEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAGE,aAAI,GAAAF,cAAA;IAAAG,aAAA,GAAAL,IAAA,CAAEM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAGD,aAAI,GAAAC,aAAA;EAC1C,IAAME,MAAM,GAAG,IAAAC,2BAAe,EAAC,CAAC;EAChC,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EACpB,IAAMC,cAAc,GAAG,IAAAC,wCAAiB,EAAC,CAAC;EAC1C,IAAMC,SAAS,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAChC,IAAMC,UAAU,GAAG,IAAAC,cAAO,EACtB;IAAA,OACI,IAAIC,sDAA0B,CAC1B,IAAIC,0BAAY,CAACZ,MAAM,EAAEO,SAAS,CAAC,EACnC,IAAIM,sBAAU,CAACR,cAAc,CACjC,CAAC;EAAA,GACL,EACJ,CAAC;EACD,IAAMS,SAAS,GAAG,IAAAJ,cAAO,EAAC;IAAA,OAAM,IAAIK,oDAAyB,CAACN,UAAU,CAAC;EAAA,GAAE,EAAE,CAAC;EAE9E,IAAMO,EAAE,GAAGF,SAAS,CAACE,EAAE;EAEvB,IAAMC,gBAAgB,GAAG,IAAAP,cAAO,EAAC,YAAM;IACnC,OAAO;MAAEQ,QAAQ,EAAEJ,SAAS,CAACK;IAAgB,CAAC;EAClD,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,IAAMM,MAAM,GAAG,IAAAC,kBAAW,EACtB,gBAAOC,IAAc,EAAK;IACtB,MAAMR,SAAS,CAACS,UAAU,CAACD,IAAI,CAAC;IAChCvB,QAAQ,CAACuB,IAAI,CAAC;EAClB,CAAC,EACD,CAACvB,QAAQ,CACb,CAAC;EAED,IAAAyB,gBAAS,EAAC,YAAM;IACZ,IAAIR,EAAE,CAACS,YAAY,EAAE;MACjBrB,YAAY,CAACY,EAAE,CAACS,YAAY,CAAC;IACjC;EACJ,CAAC,EAAE,CAACT,EAAE,CAACS,YAAY,CAAC,CAAC;EAErB,oBACIjD,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAAnD,MAAA,CAAAkD,OAAA,CAAAE,QAAA,qBACIpD,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAC7C,gBAAA,CAAA+C,mBAAmB,qBAChBrD,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAAC5C,YAAA,CAAA+C,WAAW;IACRlC,SAAS,EAAEA,SAAU;IACrBmC,OAAO,EAAEf,EAAE,CAACgB,cAAe;IAC3BV,IAAI,EAAEN,EAAE,CAACM,IAAK;IACdW,OAAO,EAAEnB,SAAS,CAACoB,WAAY;IAC/BC,IAAI,EAAEnB,EAAE,CAACoB,QAAS;IAClBhB,MAAM,EAAEA;EAAO,CAClB,CAAC,EACD1B,QAAQ,CAACuB,gBAAgB,CACT,CACvB,CAAC;AAEX,CACJ,CAAC;AAED3B,gBAAgB,CAAC+C,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"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

@@ -1,5 +1,5 @@
-import { FileItem } from "@webiny/app-admin/types";
-import { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository";
+import type { FileItem } from "@webiny/app-admin/types";
+import type { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository";
 export declare class EditFileUsingUrlPresenter {
     private repository;
     private isOpened;

package/components/EditFileUsingUrl/EditFileUsingUrlPresenter.js

@@ -1,53 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditFileUsingUrlPresenter = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobx = require("mobx");
-var _Loading = require("./Loading");
-var loadingLabels = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Loading.LOADING_STATE.IDLE, ""), _Loading.LOADING_STATE.ERROR, "ERROR"), _Loading.LOADING_STATE.GET_FILE, "Loading file details..."), _Loading.LOADING_STATE.UPDATE_FILE, "Saving file details...");
-var EditFileUsingUrlPresenter = exports.EditFileUsingUrlPresenter = /*#__PURE__*/function () {
-  function EditFileUsingUrlPresenter(repository) {
-    var _this = this;
-    (0, _classCallCheck2.default)(this, EditFileUsingUrlPresenter);
-    (0, _defineProperty2.default)(this, "isOpened", false);
-    (0, _defineProperty2.default)(this, "file", undefined);
-    (0, _defineProperty2.default)(this, "loadFileFromUrl", async function (url) {
-      _this.isOpened = true;
-      var file = await _this.repository.loadFileByUrl(url);
-      (0, _mobx.runInAction)(function () {
-        _this.file = file;
-      });
-    });
-    (0, _defineProperty2.default)(this, "updateFile", async function (file) {
-      await _this.repository.updateFile(file);
-      _this.closeDrawer();
-    });
-    (0, _defineProperty2.default)(this, "closeDrawer", function () {
-      _this.isOpened = false;
-    });
+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;
-    (0, _mobx.makeAutoObservable)(this);
+    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
+    };
   }
-  return (0, _createClass2.default)(EditFileUsingUrlPresenter, [{
-    key: "vm",
-    get: function get() {
-      var loading = this.repository.getLoading();
-      var 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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_Loading","loadingLabels","_defineProperty2","default","LOADING_STATE","IDLE","ERROR","GET_FILE","UPDATE_FILE","EditFileUsingUrlPresenter","exports","repository","_this","_classCallCheck2","undefined","url","isOpened","file","loadFileByUrl","runInAction","updateFile","closeDrawer","makeAutoObservable","_createClass2","key","get","loading","getLoading","label","state","isLoading","loadingMessage","errorMessage","feedback"],"sources":["EditFileUsingUrlPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { 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,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAME,aAA4C,OAAAC,gBAAA,CAAAC,OAAA,MAAAD,gBAAA,CAAAC,OAAA,MAAAD,gBAAA,CAAAC,OAAA,MAAAD,gBAAA,CAAAC,OAAA,MAC7CC,sBAAa,CAACC,IAAI,EAAG,EAAE,GACvBD,sBAAa,CAACE,KAAK,EAAG,OAAO,GAC7BF,sBAAa,CAACG,QAAQ,EAAG,yBAAyB,GAClDH,sBAAa,CAACI,WAAW,EAAG,wBAAwB,CACxD;AAAC,IAEWC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA;EAKlC,SAAAA,0BAAYE,UAAsC,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAV,OAAA,QAAAM,yBAAA;IAAA,IAAAP,gBAAA,CAAAC,OAAA,oBAHjC,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gBACaW,SAAS;IAAA,IAAAZ,gBAAA,CAAAC,OAAA,2BAoB5B,gBAAOY,GAAW,EAAK;MACrCH,KAAI,CAACI,QAAQ,GAAG,IAAI;MACpB,IAAMC,IAAI,GAAG,MAAML,KAAI,CAACD,UAAU,CAACO,aAAa,CAACH,GAAG,CAAC;MACrD,IAAAI,iBAAW,EAAC,YAAM;QACdP,KAAI,CAACK,IAAI,GAAGA,IAAI;MACpB,CAAC,CAAC;IACN,CAAC;IAAA,IAAAf,gBAAA,CAAAC,OAAA,sBAEY,gBAAOc,IAAc,EAAK;MACnC,MAAML,KAAI,CAACD,UAAU,CAACS,UAAU,CAACH,IAAI,CAAC;MACtCL,KAAI,CAACS,WAAW,CAAC,CAAC;IACtB,CAAC;IAAA,IAAAnB,gBAAA,CAAAC,OAAA,uBAEa,YAAM;MAChBS,KAAI,CAACI,QAAQ,GAAG,KAAK;IACzB,CAAC;IAhCG,IAAI,CAACL,UAAU,GAAGA,UAAU;IAC5B,IAAAW,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAApB,OAAA,EAAAM,yBAAA;IAAAe,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAS;MACL,IAAMC,OAAO,GAAG,IAAI,CAACf,UAAU,CAACgB,UAAU,CAAC,CAAC;MAC5C,IAAMC,KAAK,GAAG3B,aAAa,CAACyB,OAAO,CAACG,KAAK,CAAC;MAE1C,OAAO;QACHH,OAAO,EAAEA,OAAO,CAACI,SAAS;QAC1BC,cAAc,EAAEL,OAAO,CAACI,SAAS,GAAGF,KAAK,GAAG,EAAE;QAC9CI,YAAY,EAAEJ,KAAK,KAAK,OAAO,GAAGF,OAAO,CAACO,QAAQ,GAAG,EAAE;QACvDhB,IAAI,EAAE,IAAI,CAACA,IAAI;QACfD,QAAQ,EAAEY,KAAK,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAACZ;MAC/C,CAAC;IACL;EAAC;AAAA","ignoreList":[]}
+{"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

@@ -1,4 +1,4 @@
-import { FileItem } from "@webiny/app-admin/types";
+import type { FileItem } from "@webiny/app-admin/types";
 import { Loading } from "./Loading";
 export interface IGetFileByUrl {
     execute(url: string): Promise<FileItem>;

package/components/EditFileUsingUrl/EditFileUsingUrlRepository.js

@@ -1,56 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditFileUsingUrlRepository = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _mobx = require("mobx");
-var _Loading = require("./Loading");
-var _excluded = ["id"];
-var EditFileUsingUrlRepository = exports.EditFileUsingUrlRepository = /*#__PURE__*/function () {
-  function EditFileUsingUrlRepository(getFileByUrl, updateFile) {
-    (0, _classCallCheck2.default)(this, EditFileUsingUrlRepository);
+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.Loading();
-    (0, _mobx.makeAutoObservable)(this);
+    this.loading = new Loading();
+    makeAutoObservable(this);
   }
-  return (0, _createClass2.default)(EditFileUsingUrlRepository, [{
-    key: "getLoading",
-    value: function getLoading() {
-      return this.loading;
-    }
-  }, {
-    key: "loadFileByUrl",
-    value: async function loadFileByUrl(url) {
-      this.loading.startLoading(_Loading.LOADING_STATE.GET_FILE);
-      try {
-        var file = await this.getFileByUrlGateway.execute(url);
-        this.loading.stopLoadingWithSuccess();
-        return file;
-      } catch (err) {
-        this.loading.stopLoadingWithError(err.message);
-      }
-      return undefined;
+  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);
     }
-  }, {
-    key: "updateFile",
-    value: async function updateFile(input) {
-      this.loading.startLoading(_Loading.LOADING_STATE.UPDATE_FILE);
-      try {
-        var _id = input.id,
-          _data = (0, _objectWithoutProperties2.default)(input, _excluded);
-        await this.updateFileGateway.execute(_id, _data);
-        this.loading.stopLoadingWithSuccess();
-      } 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