@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/components/BulkActions/ActionMove.js

@@ -1,56 +1,57 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionMove = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _drive_file_move = require("@material-design-icons/svg/outlined/drive_file_move.svg");
-var _mobxReactLite = require("mobx-react-lite");
-var _appAco = require("@webiny/app-aco");
-var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
-var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
-var _BulkActions = require("./BulkActions");
-var _constants = require("../../constants");
-var ActionMove = exports.ActionMove = (0, _mobxReactLite.observer)(function () {
-  var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
-    moveFileToFolder = _useFileManagerView.moveFileToFolder;
-  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
-    currentFolderId = _useNavigateFolder.currentFolderId;
-  var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
-    useWorker = _FileManagerViewConfi.useWorker,
-    useButtons = _FileManagerViewConfi.useButtons,
-    useDialog = _FileManagerViewConfi.useDialog;
-  var _useButtons = useButtons(),
-    IconButton = _useButtons.IconButton;
-  var worker = useWorker();
-  var _useDialog = useDialog(),
-    showConfirmationDialog = _useDialog.showConfirmationDialog,
-    showResultsDialog = _useDialog.showResultsDialog;
-  var _useMoveToFolderDialo = (0, _appAco.useMoveToFolderDialog)(),
-    showMoveDialog = _useMoveToFolderDialo.showDialog;
-  var filesLabel = (0, _react.useMemo)(function () {
-    return (0, _BulkActions.getFilesLabel)(worker.items.length);
+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/index.js";
+import { FileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
+import { getFilesLabel } from "./BulkActions.js";
+import { ROOT_FOLDER } from "../../constants.js";
+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]);
-  var openWorkerDialog = (0, _react.useCallback)(function (folder) {
+  const openWorkerDialog = useCallback(folder => {
     showConfirmationDialog({
       title: "Move files",
-      message: "You are about to move ".concat(filesLabel, " to ").concat(folder.title, ". Are you sure you want to continue?"),
-      loadingLabel: "Processing ".concat(filesLabel),
-      execute: async function execute() {
-        await worker.processInSeries(async function (_ref) {
-          var item = _ref.item,
-            report = _ref.report;
+      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: "".concat(item.name),
+              title: `${item.name}`,
               message: "File successfully moved."
             });
           } catch (e) {
             report.error({
-              title: "".concat(item.name),
+              title: `${item.name}`,
               message: e.message
             });
           }
@@ -64,24 +65,26 @@ var ActionMove = exports.ActionMove = (0, _mobxReactLite.observer)(function () {
       }
     });
   }, [filesLabel]);
-  var openMoveDialog = function openMoveDialog() {
-    return showMoveDialog({
-      title: "Select folder",
-      message: "Select a new location for selected files:",
-      loadingLabel: "Processing ".concat(filesLabel),
-      acceptLabel: "Move",
-      focusedFolderId: currentFolderId || _constants.ROOT_FOLDER,
-      onAccept: async function onAccept(_ref2) {
-        var folder = _ref2.folder;
-        openWorkerDialog(folder);
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_drive_file_move.ReactComponent, null),
-    onAction: openMoveDialog,
-    label: "Move ".concat(filesLabel),
-    tooltipPlacement: "bottom"
+  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`)
   });
 });
 

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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAGA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAEO,IAAMQ,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,uBAAQ,EAAC,YAAM;EACrC,IAAAC,mBAAA,GAA6B,IAAAC,2CAAkB,EAAC,CAAC;IAAzCC,gBAAgB,GAAAF,mBAAA,CAAhBE,gBAAgB;EACxB,IAAAC,kBAAA,GAA4B,IAAAC,yBAAiB,EAAC,CAAC;IAAvCC,eAAe,GAAAF,kBAAA,CAAfE,eAAe;EAEvB,IAAAC,qBAAA,GAA6CC,4CAAqB,CAACC,OAAO,CAACC,UAAU;IAA7EC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAAEC,UAAU,GAAAL,qBAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,qBAAA,CAATM,SAAS;EACxC,IAAAC,WAAA,GAAuBF,UAAU,CAAC,CAAC;IAA3BG,UAAU,GAAAD,WAAA,CAAVC,UAAU;EAClB,IAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,IAAAM,UAAA,GAAsDJ,SAAS,CAAC,CAAC;IAAzDK,sBAAsB,GAAAD,UAAA,CAAtBC,sBAAsB;IAAEC,iBAAiB,GAAAF,UAAA,CAAjBE,iBAAiB;EACjD,IAAAC,qBAAA,GAAuC,IAAAC,6BAAqB,EAAC,CAAC;IAA1CC,cAAc,GAAAF,qBAAA,CAA1BG,UAAU;EAElB,IAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC7B,OAAO,IAAAC,0BAAa,EAACV,MAAM,CAACW,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACZ,MAAM,CAACW,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,UAACC,MAAkB,EAAK;IACpBb,sBAAsB,CAAC;MACnBc,KAAK,EAAE,YAAY;MACnBC,OAAO,2BAAAC,MAAA,CAA2BV,UAAU,UAAAU,MAAA,CAAOH,MAAM,CAACC,KAAK,yCAAsC;MACrGG,YAAY,gBAAAD,MAAA,CAAgBV,UAAU,CAAE;MACxCY,OAAO,EAAE,eAAAA,QAAA,EAAY;QACjB,MAAMpB,MAAM,CAACqB,eAAe,CAAC,gBAAAC,IAAA,EAA4B;UAAA,IAAnBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;UAC9C,IAAI;YACA,MAAMrC,gBAAgB,CAACoC,IAAI,CAACE,EAAE,EAAEV,MAAM,CAACU,EAAE,CAAC;YAE1CD,MAAM,CAACE,OAAO,CAAC;cACXV,KAAK,KAAAE,MAAA,CAAKK,IAAI,CAACI,IAAI,CAAE;cACrBV,OAAO,EAAE;YACb,CAAC,CAAC;UACN,CAAC,CAAC,OAAOW,CAAC,EAAE;YACRJ,MAAM,CAACK,KAAK,CAAC;cACTb,KAAK,KAAAE,MAAA,CAAKK,IAAI,CAACI,IAAI,CAAE;cACrBV,OAAO,EAAEW,CAAC,CAACX;YACf,CAAC,CAAC;UACN;QACJ,CAAC,CAAC;QAEFjB,MAAM,CAAC8B,UAAU,CAAC,CAAC;QAEnB3B,iBAAiB,CAAC;UACd4B,OAAO,EAAE/B,MAAM,CAAC+B,OAAO;UACvBf,KAAK,EAAE,YAAY;UACnBC,OAAO,EAAE;QACb,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAACT,UAAU,CACf,CAAC;EAED,IAAMwB,cAAc,GAAG,SAAjBA,cAAcA,CAAA;IAAA,OAChB1B,cAAc,CAAC;MACXU,KAAK,EAAE,eAAe;MACtBC,OAAO,EAAE,2CAA2C;MACpDE,YAAY,gBAAAD,MAAA,CAAgBV,UAAU,CAAE;MACxCyB,WAAW,QAAQ;MACnBC,eAAe,EAAE5C,eAAe,IAAI6C,sBAAW;MACzCC,QAAQ,iBAAAA,SAAAC,KAAA,EAAa;QAAA,IAAVtB,MAAM,GAAAsB,KAAA,CAANtB,MAAM;QACnBF,gBAAgB,CAACE,MAAM,CAAC;MAC5B;IACJ,CAAC,CAAC;EAAA;EAEN,oBACI3C,MAAA,CAAAkE,OAAA,CAAAC,aAAA,CAACxC,UAAU;IACPyC,IAAI,eAAEpE,MAAA,CAAAkE,OAAA,CAAAC,aAAA,CAAChE,gBAAA,CAAAkE,cAAQ,MAAE,CAAE;IACnBC,QAAQ,EAAEV,cAAe;IACzBW,KAAK,UAAAzB,MAAA,CAAUV,UAAU,CAAG;IAC5BoC,gBAAgB,EAAE;EAAS,CAC9B,CAAC;AAEV,CAAC,CAAC","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/index.js\";\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\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/index.js";
+import { Buttons } from "@webiny/app-admin";
+import { useFileManagerViewConfig } from "../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js";
+import { useFileManagerView } from "../../modules/FileManagerRenderer/FileManagerViewProvider/index.js";
+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: "w-full bg-neutral-disabled px-md py-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between gap-sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-sm"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "text-neutral-strong"
+  }, headline)), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center 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,SAAAA,QAAA;MAAA,OAAMrB,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/index.js\";\nimport { Buttons } from \"@webiny/app-admin\";\n\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider/index.js\";\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={\"w-full bg-neutral-disabled px-md py-sm\"}>\n            <div className={\"flex items-center justify-between gap-sm\"}>\n                <div className={\"flex items-center gap-sm\"}>\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {headline}\n                    </Text>\n                </div>\n\n                <div className={\"flex items-center 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,2BAA2B;AAChD,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;EAAyC,gBACrDvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2C,gBACvDvB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACsB,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAsB,GAC9CN,QACC,CACL,CAAC,eAENjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCvB,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

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

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/index.js";
+export { ActionDelete } from "./ActionDelete.js";
+export { ActionMove } from "./ActionMove.js";
+export * from "./BulkActions.js";
 
 //# 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/index.js\";\nexport { ActionDelete } from \"./ActionDelete.js\";\nexport { ActionMove } from \"./ActionMove.js\";\nexport * from \"./BulkActions.js\";\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 "../../types.js";
 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.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { FileManagerProvider } from "../../modules/FileManagerRenderer/FileManagerView/index.js";
+import { FileDetails } from "../FileDetails/index.js";
+import { EditFileUsingUrlPresenter } from "./EditFileUsingUrlPresenter.js";
+import { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository.js";
+import { GetFileByUrl } from "./GetFileByUrl.js";
+import { UpdateFile } from "./UpdateFile.js";
+import { useFileManagerApi } from "../../modules/FileManagerApiProvider/FileManagerApiContext/index.js";
+import { useFileModel } from "../../hooks/useFileModel.js";
+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":"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","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.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FileItem } from \"~/types.js\";\nimport { FileManagerProvider } from \"~/modules/FileManagerRenderer/FileManagerView/index.js\";\nimport { FileDetails } from \"~/components/FileDetails/index.js\";\nimport { EditFileUsingUrlPresenter } from \"./EditFileUsingUrlPresenter.js\";\nimport { EditFileUsingUrlRepository } from \"./EditFileUsingUrlRepository.js\";\nimport { GetFileByUrl } from \"./GetFileByUrl.js\";\nimport { UpdateFile } from \"./UpdateFile.js\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/index.js\";\nimport { useFileModel } from \"~/hooks/useFileModel.js\";\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,gBAAgB;AACjC,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 "../../types.js";
+import type { EditFileUsingUrlRepository } from "./EditFileUsingUrlRepository.js";
 export declare class EditFileUsingUrlPresenter {
     private repository;
     private isOpened;