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

package/modules/FileManagerRenderer/FileActions/FileDetails/EditImage.js

@@ -1,28 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditImage = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHotkeyz = require("react-hotkeyz");
-var _dataurlToBlob = _interopRequireDefault(require("dataurl-to-blob"));
-var _ImageUpload = require("@webiny/ui/ImageUpload");
-var _edit = require("@material-design-icons/svg/outlined/edit.svg");
-var _ = require("../../../..");
-var _appAdmin = require("@webiny/app-admin");
+import React from "react";
 // @ts-expect-error
-
+import { Hotkeys } from "react-hotkeyz";
 // @ts-expect-error
-
+import dataURLtoBlob from "dataurl-to-blob";
+import { ImageEditorDialog } from "../../../../components/ImageEditor/ImageEditorDialog.js";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { FileManagerViewConfig, useFile, useFileDetails, useFileManagerApi, useFileManagerView } from "../../../../index.js";
+import { useSnackbar } from "@webiny/app-admin";
 function toDataUrl(url) {
-  return new Promise(function (resolve) {
-    var xhr = new window.XMLHttpRequest();
+  return new Promise(resolve => {
+    const xhr = new window.XMLHttpRequest();
     xhr.onload = function () {
-      var reader = new window.FileReader();
+      const reader = new window.FileReader();
       reader.onloadend = function () {
         resolve(reader.result);
       };
@@ -33,12 +22,14 @@ function toDataUrl(url) {
     xhr.send();
   });
 }
-var initialState = {
+const initialState = {
   showImageEditor: false,
   dataUrl: null
 };
-var reducer = function reducer(state, action) {
-  var next = (0, _objectSpread2.default)({}, state);
+const reducer = (state, action) => {
+  const next = {
+    ...state
+  };
   switch (action.type) {
     case "setDataUrl":
       next.dataUrl = action.dataUrl;
@@ -51,21 +42,24 @@ var reducer = function reducer(state, action) {
   }
   return next;
 };
-var FileDetails = _.FileManagerViewConfig.FileDetails;
-var EditImage = exports.EditImage = function EditImage() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var _useFileManagerApi = (0, _.useFileManagerApi)(),
-    canEdit = _useFileManagerApi.canEdit;
-  var fileDetails = (0, _.useFileDetails)();
-  var _useFileManagerView = (0, _.useFileManagerView)(),
-    uploadFile = _useFileManagerView.uploadFile;
-  var _React$useReducer = _react.default.useReducer(reducer, initialState),
-    _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
-    state = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
+const {
+  FileDetails
+} = FileManagerViewConfig;
+export const EditImage = () => {
+  const {
+    file
+  } = useFile();
+  const {
+    canEdit
+  } = useFileManagerApi();
+  const fileDetails = useFileDetails();
+  const {
+    uploadFile
+  } = useFileManagerView();
+  const [state, dispatch] = React.useReducer(reducer, initialState);
+  const {
+    showSnackbar
+  } = useSnackbar();
   if (!file.type.startsWith("image/")) {
     return null;
   }
@@ -74,39 +68,34 @@ var EditImage = exports.EditImage = function EditImage() {
   if (!canEdit(file)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FileDetails.Action.IconButton, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
+    className: "order-last ml-auto",
     label: "Edit image",
     "data-testid": "fm-edit-image-button",
-    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, {
-      style: {
-        margin: "0 8px 0 0"
-      }
-    }),
-    onAction: async function onAction() {
-      var dataUrl = await toDataUrl(file.src);
+    icon: /*#__PURE__*/React.createElement(EditIcon, null),
+    onAction: async () => {
+      const dataUrl = await toDataUrl(file.src);
       dispatch({
         type: "setDataUrl",
-        dataUrl: dataUrl
+        dataUrl
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactHotkeyz.Hotkeys, {
-    zIndex: 60,
+  }), /*#__PURE__*/React.createElement(Hotkeys, {
+    zIndex: 100,
     disabled: !state.dataUrl
-  }, /*#__PURE__*/_react.default.createElement(_ImageUpload.ImageEditorDialog, {
+  }, /*#__PURE__*/React.createElement(ImageEditorDialog, {
     "data-testid": "fm-image-editor-dialog",
     dialogZIndex: 100,
     open: state.showImageEditor,
     src: state.dataUrl,
-    onClose: function onClose() {
-      return dispatch({
-        type: "hideImageEditor"
-      });
-    },
-    onAccept: async function onAccept(src) {
-      var blob = (0, _dataurlToBlob.default)(src);
+    onClose: () => dispatch({
+      type: "hideImageEditor"
+    }),
+    onAccept: async src => {
+      const blob = dataURLtoBlob(src);
       blob.name = file.name;
       blob.key = file.key.split("/").pop();
-      var newFile = await uploadFile(blob);
+      const newFile = await uploadFile(blob);
       if (newFile) {
         showSnackbar("A new version of the image has been created!");
         dispatch({

package/modules/FileManagerRenderer/FileActions/FileDetails/EditImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactHotkeyz","_dataurlToBlob","_ImageUpload","_edit","_","_appAdmin","toDataUrl","url","Promise","resolve","xhr","window","XMLHttpRequest","onload","reader","FileReader","onloadend","result","readAsDataURL","response","open","responseType","send","initialState","showImageEditor","dataUrl","reducer","state","action","next","_objectSpread2","default","type","FileDetails","FileManagerViewConfig","EditImage","exports","_useFile","useFile","file","_useFileManagerApi","useFileManagerApi","canEdit","fileDetails","useFileDetails","_useFileManagerView","useFileManagerView","uploadFile","_React$useReducer","React","useReducer","_React$useReducer2","_slicedToArray2","dispatch","_useSnackbar","useSnackbar","showSnackbar","startsWith","createElement","Fragment","Action","IconButton","label","icon","ReactComponent","style","margin","onAction","src","Hotkeys","zIndex","disabled","ImageEditorDialog","dialogZIndex","onClose","onAccept","blob","dataURLtoBlob","name","key","split","pop","newFile","setFile","close"],"sources":["EditImage.tsx"],"sourcesContent":["import React from \"react\";\n// @ts-expect-error\nimport { Hotkeys } from \"react-hotkeyz\";\n// @ts-expect-error\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport {\n    FileManagerViewConfig,\n    useFile,\n    useFileDetails,\n    useFileManagerApi,\n    useFileManagerView\n} from \"~/index\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nfunction toDataUrl(url: string): Promise<string> {\n    return new Promise((resolve: (value: string) => void) => {\n        const xhr = new window.XMLHttpRequest();\n        xhr.onload = function () {\n            const reader = new window.FileReader();\n            reader.onloadend = function () {\n                resolve(reader.result as string);\n            };\n            reader.readAsDataURL(xhr.response);\n        };\n        xhr.open(\"GET\", url);\n        xhr.responseType = \"blob\";\n        xhr.send();\n    });\n}\n\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\n\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\n\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\n};\n\nconst reducer = (state: State, action: Action): State => {\n    const next: State = { ...state };\n\n    switch (action.type) {\n        case \"setDataUrl\":\n            next.dataUrl = action.dataUrl as string;\n            next.showImageEditor = true;\n            break;\n        case \"hideImageEditor\":\n            next.dataUrl = null;\n            next.showImageEditor = false;\n            break;\n    }\n\n    return next;\n};\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const EditImage = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const fileDetails = useFileDetails();\n    const { uploadFile } = useFileManagerView();\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n\n    if (!file.type.startsWith(\"image/\")) {\n        return null;\n    }\n\n    // Render nothing if the user doesn't have the required permissions for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <FileDetails.Action.IconButton\n                label={\"Edit image\"}\n                data-testid={\"fm-edit-image-button\"}\n                icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                onAction={async () => {\n                    const dataUrl = await toDataUrl(file.src);\n                    dispatch({ type: \"setDataUrl\", dataUrl });\n                }}\n            />\n            <Hotkeys zIndex={60} disabled={!state.dataUrl}>\n                <ImageEditorDialog\n                    data-testid={\"fm-image-editor-dialog\"}\n                    dialogZIndex={100}\n                    open={state.showImageEditor}\n                    src={state.dataUrl as string}\n                    onClose={() => dispatch({ type: \"hideImageEditor\" })}\n                    onAccept={async src => {\n                        const blob = dataURLtoBlob(src);\n                        blob.name = file.name;\n                        blob.key = file.key.split(\"/\").pop();\n                        const newFile = await uploadFile(blob);\n\n                        if (newFile) {\n                            showSnackbar(\"A new version of the image has been created!\");\n                            dispatch({ type: \"hideImageEditor\" });\n                            fileDetails.setFile(newFile);\n                            fileDetails.close();\n                        }\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Hotkeys","dataURLtoBlob","ImageEditorDialog","ReactComponent","EditIcon","FileManagerViewConfig","useFile","useFileDetails","useFileManagerApi","useFileManagerView","useSnackbar","toDataUrl","url","Promise","resolve","xhr","window","XMLHttpRequest","onload","reader","FileReader","onloadend","result","readAsDataURL","response","open","responseType","send","initialState","showImageEditor","dataUrl","reducer","state","action","next","type","FileDetails","EditImage","file","canEdit","fileDetails","uploadFile","dispatch","useReducer","showSnackbar","startsWith","createElement","Fragment","Action","Button","className","label","icon","onAction","src","zIndex","disabled","dialogZIndex","onClose","onAccept","blob","name","key","split","pop","newFile","setFile","close"],"sources":["EditImage.tsx"],"sourcesContent":["import React from \"react\";\n// @ts-expect-error\nimport { Hotkeys } from \"react-hotkeyz\";\n// @ts-expect-error\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"~/components/ImageEditor/ImageEditorDialog.js\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport {\n    FileManagerViewConfig,\n    useFile,\n    useFileDetails,\n    useFileManagerApi,\n    useFileManagerView\n} from \"~/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nfunction toDataUrl(url: string): Promise<string> {\n    return new Promise((resolve: (value: string) => void) => {\n        const xhr = new window.XMLHttpRequest();\n        xhr.onload = function () {\n            const reader = new window.FileReader();\n            reader.onloadend = function () {\n                resolve(reader.result as string);\n            };\n            reader.readAsDataURL(xhr.response);\n        };\n        xhr.open(\"GET\", url);\n        xhr.responseType = \"blob\";\n        xhr.send();\n    });\n}\n\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\n\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\n\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\n};\n\nconst reducer = (state: State, action: Action): State => {\n    const next: State = { ...state };\n\n    switch (action.type) {\n        case \"setDataUrl\":\n            next.dataUrl = action.dataUrl as string;\n            next.showImageEditor = true;\n            break;\n        case \"hideImageEditor\":\n            next.dataUrl = null;\n            next.showImageEditor = false;\n            break;\n    }\n\n    return next;\n};\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const EditImage = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const fileDetails = useFileDetails();\n    const { uploadFile } = useFileManagerView();\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n\n    if (!file.type.startsWith(\"image/\")) {\n        return null;\n    }\n\n    // Render nothing if the user doesn't have the required permissions for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <FileDetails.Action.Button\n                className={\"order-last ml-auto\"}\n                label={\"Edit image\"}\n                data-testid={\"fm-edit-image-button\"}\n                icon={<EditIcon />}\n                onAction={async () => {\n                    const dataUrl = await toDataUrl(file.src);\n                    dispatch({ type: \"setDataUrl\", dataUrl });\n                }}\n            />\n            <Hotkeys zIndex={100} disabled={!state.dataUrl}>\n                <ImageEditorDialog\n                    data-testid={\"fm-image-editor-dialog\"}\n                    dialogZIndex={100}\n                    open={state.showImageEditor}\n                    src={state.dataUrl as string}\n                    onClose={() => dispatch({ type: \"hideImageEditor\" })}\n                    onAccept={async src => {\n                        const blob = dataURLtoBlob(src);\n                        blob.name = file.name;\n                        blob.key = file.key.split(\"/\").pop();\n                        const newFile = await uploadFile(blob);\n\n                        if (newFile) {\n                            showSnackbar(\"A new version of the image has been created!\");\n                            dispatch({ type: \"hideImageEditor\" });\n                            fileDetails.setFile(newFile);\n                            fileDetails.close();\n                        }\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/FileDetails/MoveToFolder.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MoveToFolder = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _drive_file_move = require("@material-design-icons/svg/outlined/drive_file_move.svg");
-var _ = require("../../../..");
-var FileDetails = _.FileManagerViewConfig.FileDetails;
-var MoveToFolder = exports.MoveToFolder = function MoveToFolder() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var moveToFolder = (0, _.useMoveFileToFolder)(file);
-  return /*#__PURE__*/_react.default.createElement(FileDetails.Action.IconButton, {
-    label: "Move To Folder",
-    icon: /*#__PURE__*/_react.default.createElement(_drive_file_move.ReactComponent, {
-      style: {
-        margin: "0 8px 0 0"
-      }
-    }),
+import React from "react";
+import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
+import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../../index.js";
+const {
+  FileDetails
+} = FileManagerViewConfig;
+export const MoveToFolder = () => {
+  const {
+    file
+  } = useFile();
+  const moveToFolder = useMoveFileToFolder(file);
+  return /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
+    label: "Move",
+    icon: /*#__PURE__*/React.createElement(MoveIcon, null),
     onAction: moveToFolder
   });
 };

package/modules/FileManagerRenderer/FileActions/FileDetails/MoveToFolder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_drive_file_move","_","FileDetails","FileManagerViewConfig","MoveToFolder","exports","_useFile","useFile","file","moveToFolder","useMoveFileToFolder","default","createElement","Action","IconButton","label","icon","ReactComponent","style","margin","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveFileIcon } from \"@material-design-icons/svg/outlined/drive_file_move.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return (\n        <FileDetails.Action.IconButton\n            label={\"Move To Folder\"}\n            icon={<MoveFileIcon style={{ margin: \"0 8px 0 0\" }} />}\n            onAction={moveToFolder}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEA,IAAQG,WAAW,GAAKC,uBAAqB,CAArCD,WAAW;AAEZ,IAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,IAAAE,QAAA,GAAiB,IAAAC,SAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAMC,YAAY,GAAG,IAAAC,qBAAmB,EAACF,IAAI,CAAC;EAE9C,oBACIX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,WAAW,CAACW,MAAM,CAACC,UAAU;IAC1BC,KAAK,EAAE,gBAAiB;IACxBC,IAAI,eAAEnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAiB,cAAY;MAACC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAY;IAAE,CAAE,CAAE;IACvDC,QAAQ,EAAEX;EAAa,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","MoveIcon","FileManagerViewConfig","useFile","useMoveFileToFolder","FileDetails","MoveToFolder","file","moveToFolder","createElement","Action","Button","label","icon","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return <FileDetails.Action.Button label={\"Move\"} icon={<MoveIcon />} onAction={moveToFolder} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,mBAAmB;AAE5D,MAAM;EAAEC;AAAY,CAAC,GAAGH,qBAAqB;AAE7C,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,YAAY,GAAGJ,mBAAmB,CAACG,IAAI,CAAC;EAE9C,oBAAOR,KAAA,CAAAU,aAAA,CAACJ,WAAW,CAACK,MAAM,CAACC,MAAM;IAACC,KAAK,EAAE,MAAO;IAACC,IAAI,eAAEd,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE,CAAE;IAACa,QAAQ,EAAEN;EAAa,CAAE,CAAC;AACnG,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Delete.d.ts

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

package/modules/FileManagerRenderer/FileActions/Grid/Delete.js

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

package/modules/FileManagerRenderer/FileActions/Grid/Delete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","DeleteIcon","FileManagerViewConfig","useFile","useFileManagerApi","useDeleteFile","Browser","Delete","file","canEdit","openDialogDeleteFile","onDelete","close","createElement","Grid","Item","Action","IconButton","label","icon","onAction","disabled"],"sources":["Delete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { FileManagerViewConfig, useFile, useFileManagerApi } from \"~/index.js\";\nimport { useDeleteFile } from \"~/hooks/useDeleteFile.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Delete = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete: close\n    });\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Delete file\"}\n            icon={<DeleteIcon />}\n            onAction={openDialogDeleteFile}\n            disabled={!canEdit(file)}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,iBAAiB;AAC1D,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAQ,CAAC,GAAGJ,qBAAqB;AAEzC,OAAO,MAAMK,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAK,CAAC,GAAGL,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEM;EAAQ,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEvC,MAAM;IAAEM;EAAqB,CAAC,GAAGL,aAAa,CAAC;IAC3CG,IAAI;IACJG,QAAQ,EAAEC;EACd,CAAC,CAAC;EAEF,oBACIb,KAAA,CAAAc,aAAA,CAACP,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,KAAK,EAAE,aAAc;IACrBC,IAAI,eAAEpB,KAAA,CAAAc,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBmB,QAAQ,EAAEV,oBAAqB;IAC/BW,QAAQ,EAAE,CAACZ,OAAO,CAACD,IAAI;EAAE,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Download.js

@@ -1,24 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Download = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _download = require("@material-design-icons/svg/filled/download.svg");
-var _ = require("../../../..");
-var Browser = _.FileManagerViewConfig.Browser;
-var Download = exports.Download = function Download() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  return /*#__PURE__*/_react.default.createElement("a", {
+import React from "react";
+import { ReactComponent as DownloadIcon } from "@webiny/icons/file_download.svg";
+import { FileManagerViewConfig, useFile } from "../../../../index.js";
+const {
+  Browser
+} = FileManagerViewConfig;
+export const Download = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement("a", {
     rel: "noreferrer",
     target: "_blank",
-    href: "".concat(file.src, "?original")
-  }, /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_download.ReactComponent, null),
-    onAction: function onAction() {
+    href: `${file.src}?original`
+  }, /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
+    icon: /*#__PURE__*/React.createElement(DownloadIcon, null),
+    label: "Download file",
+    onAction: () => {
       /* Do nothing. */
     }
   }));

package/modules/FileManagerRenderer/FileActions/Grid/Download.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_download","_","Browser","FileManagerViewConfig","Download","exports","_useFile","useFile","file","default","createElement","rel","target","href","concat","src","Grid","Item","Action","IconButton","icon","ReactComponent","onAction"],"sources":["Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@material-design-icons/svg/filled/download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <Browser.Grid.Item.Action.IconButton\n                icon={<DownloadIcon />}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEA,IAAQG,OAAO,GAAKC,uBAAqB,CAAjCD,OAAO;AAER,IAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC1B,IAAAE,QAAA,GAAiB,IAAAC,SAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EAEZ,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAGC,GAAG,EAAC,YAAY;IAACC,MAAM,EAAE,QAAS;IAACC,IAAI,KAAAC,MAAA,CAAKN,IAAI,CAACO,GAAG;EAAY,gBAC/DlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,OAAO,CAACc,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAEvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAqB,cAAY,MAAE,CAAE;IACvBC,QAAQ,EAAE,SAAAA,SAAA,EAAM;MACZ;IAAA;EACF,CACL,CACF,CAAC;AAEZ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DownloadIcon","FileManagerViewConfig","useFile","Browser","Download","file","createElement","rel","target","href","src","Grid","Item","Action","IconButton","icon","label","onAction"],"sources":["Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@webiny/icons/file_download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <Browser.Grid.Item.Action.IconButton\n                icon={<DownloadIcon />}\n                label={\"Download file\"}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAChF,SAASC,qBAAqB,EAAEC,OAAO;AAEvC,MAAM;EAAEC;AAAQ,CAAC,GAAGF,qBAAqB;AAEzC,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAE1B,oBACIJ,KAAA,CAAAQ,aAAA;IAAGC,GAAG,EAAC,YAAY;IAACC,MAAM,EAAE,QAAS;IAACC,IAAI,EAAE,GAAGJ,IAAI,CAACK,GAAG;EAAY,gBAC/DZ,KAAA,CAAAQ,aAAA,CAACH,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAEjB,KAAA,CAAAQ,aAAA,CAACN,YAAY,MAAE,CAAE;IACvBgB,KAAK,EAAE,eAAgB;IACvBC,QAAQ,EAAEA,CAAA,KAAM;MACZ;IAAA;EACF,CACL,CACF,CAAC;AAEZ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/MoveToFolder.js

@@ -1,20 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MoveToFolder = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _drive_file_move = require("@material-design-icons/svg/filled/drive_file_move.svg");
-var _ = require("../../../..");
-var Browser = _.FileManagerViewConfig.Browser;
-var MoveToFolder = exports.MoveToFolder = function MoveToFolder() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var moveToFolder = (0, _.useMoveFileToFolder)(file);
-  return /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_drive_file_move.ReactComponent, null),
+import React from "react";
+import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
+import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../../index.js";
+const {
+  Browser
+} = FileManagerViewConfig;
+export const MoveToFolder = () => {
+  const {
+    file
+  } = useFile();
+  const moveToFolder = useMoveFileToFolder(file);
+  return /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
+    label: "Move file",
+    icon: /*#__PURE__*/React.createElement(MoveIcon, null),
     onAction: moveToFolder
   });
 };

package/modules/FileManagerRenderer/FileActions/Grid/MoveToFolder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_drive_file_move","_","Browser","FileManagerViewConfig","MoveToFolder","exports","_useFile","useFile","file","moveToFolder","useMoveFileToFolder","default","createElement","Grid","Item","Action","IconButton","icon","ReactComponent","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@material-design-icons/svg/filled/drive_file_move.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return <Browser.Grid.Item.Action.IconButton icon={<MoveIcon />} onAction={moveToFolder} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEA,IAAQG,OAAO,GAAKC,uBAAqB,CAAjCD,OAAO;AAER,IAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,IAAAE,QAAA,GAAiB,IAAAC,SAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAMC,YAAY,GAAG,IAAAC,qBAAmB,EAACF,IAAI,CAAC;EAE9C,oBAAOX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAO,CAACW,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAACC,IAAI,eAAEpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAkB,cAAQ,MAAE,CAAE;IAACC,QAAQ,EAAEV;EAAa,CAAE,CAAC;AAC9F,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","MoveIcon","FileManagerViewConfig","useFile","useMoveFileToFolder","Browser","MoveToFolder","file","moveToFolder","createElement","Grid","Item","Action","IconButton","label","icon","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Move file\"}\n            icon={<MoveIcon />}\n            onAction={moveToFolder}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,mBAAmB;AAE5D,MAAM;EAAEC;AAAQ,CAAC,GAAGH,qBAAqB;AAEzC,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,YAAY,GAAGJ,mBAAmB,CAACG,IAAI,CAAC;EAE9C,oBACIR,KAAA,CAAAU,aAAA,CAACJ,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,KAAK,EAAE,WAAY;IACnBC,IAAI,eAAEhB,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE,CAAE;IACnBe,QAAQ,EAAER;EAAa,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Settings.js

@@ -1,23 +1,20 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Settings = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _settings = require("@material-design-icons/svg/filled/settings.svg");
-var _ = require("../../../..");
-var Browser = _.FileManagerViewConfig.Browser;
-var Settings = exports.Settings = function Settings() {
-  var _useFile = (0, _.useFile)(),
-    file = _useFile.file;
-  var view = (0, _.useFileManagerView)();
-  var showDetails = (0, _react.useCallback)(function () {
+import React, { useCallback } from "react";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { FileManagerViewConfig, useFile, useFileManagerView } from "../../../../index.js";
+const {
+  Browser
+} = FileManagerViewConfig;
+export const Settings = () => {
+  const {
+    file
+  } = useFile();
+  const view = useFileManagerView();
+  const showDetails = useCallback(() => {
     view.showFileDetails(file.id);
   }, [file.id]);
-  return /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_settings.ReactComponent, null),
+  return /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
+    icon: /*#__PURE__*/React.createElement(EditIcon, null),
+    label: "Edit file details",
     onAction: showDetails,
     "data-testid": "fm-file-wrapper-file-info-icon"
   });

package/modules/FileManagerRenderer/FileActions/Grid/Settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_settings","_","Browser","FileManagerViewConfig","Settings","exports","_useFile","useFile","file","view","useFileManagerView","showDetails","useCallback","showFileDetails","id","default","createElement","Grid","Item","Action","IconButton","icon","ReactComponent","onAction"],"sources":["Settings.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@material-design-icons/svg/filled/settings.svg\";\nimport { FileManagerViewConfig, useFile, useFileManagerView } from \"~/index\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Settings = () => {\n    const { file } = useFile();\n    const view = useFileManagerView();\n\n    const showDetails = useCallback(() => {\n        view.showFileDetails(file.id);\n    }, [file.id]);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            icon={<SettingsIcon />}\n            onAction={showDetails}\n            data-testid={\"fm-file-wrapper-file-info-icon\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEA,IAAQG,OAAO,GAAKC,uBAAqB,CAAjCD,OAAO;AAER,IAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC1B,IAAAE,QAAA,GAAiB,IAAAC,SAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EACZ,IAAMC,IAAI,GAAG,IAAAC,oBAAkB,EAAC,CAAC;EAEjC,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCH,IAAI,CAACI,eAAe,CAACL,IAAI,CAACM,EAAE,CAAC;EACjC,CAAC,EAAE,CAACN,IAAI,CAACM,EAAE,CAAC,CAAC;EAEb,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,OAAO,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAExB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,SAAA,CAAAsB,cAAY,MAAE,CAAE;IACvBC,QAAQ,EAAEZ,WAAY;IACtB,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","EditIcon","FileManagerViewConfig","useFile","useFileManagerView","Browser","Settings","file","view","showDetails","showFileDetails","id","createElement","Grid","Item","Action","IconButton","icon","label","onAction"],"sources":["Settings.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { FileManagerViewConfig, useFile, useFileManagerView } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Settings = () => {\n    const { file } = useFile();\n    const view = useFileManagerView();\n\n    const showDetails = useCallback(() => {\n        view.showFileDetails(file.id);\n    }, [file.id]);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            icon={<EditIcon />}\n            label={\"Edit file details\"}\n            onAction={showDetails}\n            data-testid={\"fm-file-wrapper-file-info-icon\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,kBAAkB;AAE3D,MAAM;EAAEC;AAAQ,CAAC,GAAGH,qBAAqB;AAEzC,OAAO,MAAMI,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,IAAI,GAAGJ,kBAAkB,CAAC,CAAC;EAEjC,MAAMK,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClCS,IAAI,CAACE,eAAe,CAACH,IAAI,CAACI,EAAE,CAAC;EACjC,CAAC,EAAE,CAACJ,IAAI,CAACI,EAAE,CAAC,CAAC;EAEb,oBACIb,KAAA,CAAAc,aAAA,CAACP,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACX,QAAQ,MAAE,CAAE;IACnBiB,KAAK,EAAE,mBAAoB;IAC3BC,QAAQ,EAAEV,WAAY;IACtB,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/index.js

@@ -1,47 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileActions = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require("../../..");
-var _Download = require("./Grid/Download");
-var _MoveToFolder = require("./Grid/MoveToFolder");
-var _Settings = require("./Grid/Settings");
-var _Download2 = require("./FileDetails/Download");
-var _MoveToFolder2 = require("./FileDetails/MoveToFolder");
-var _CopyUrl = require("./FileDetails/CopyUrl");
-var _DeleteImage = require("./FileDetails/DeleteImage");
-var _EditImage = require("./FileDetails/EditImage");
-var Browser = _.FileManagerViewConfig.Browser,
-  FileDetails = _.FileManagerViewConfig.FileDetails;
-var FileActions = exports.FileActions = function FileActions() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action, {
+import React from "react";
+import { FileManagerViewConfig } from "../../../index.js";
+import { Delete as GridDelete } from "./Grid/Delete.js";
+import { Download as GridDownload } from "./Grid/Download.js";
+import { MoveToFolder as GridMoveToFolder } from "./Grid/MoveToFolder.js";
+import { Settings as GridSettings } from "./Grid/Settings.js";
+import { Download as FileDetailsDownload } from "./FileDetails/Download.js";
+import { MoveToFolder as FileDetailsMoveToFolder } from "./FileDetails/MoveToFolder.js";
+import { CopyUrl as FileDetailsCopyUrl } from "./FileDetails/CopyUrl.js";
+import { DeleteImage as FileDetailsDeleteImage } from "./FileDetails/DeleteImage.js";
+const {
+  Browser,
+  FileDetails
+} = FileManagerViewConfig;
+export const FileActions = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
+    name: "settings",
+    element: /*#__PURE__*/React.createElement(GridSettings, null)
+  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
     name: "download",
-    element: /*#__PURE__*/_react.default.createElement(_Download.Download, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action, {
+    element: /*#__PURE__*/React.createElement(GridDownload, null)
+  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
     name: "move",
-    element: /*#__PURE__*/_react.default.createElement(_MoveToFolder.MoveToFolder, null)
-  }), /*#__PURE__*/_react.default.createElement(Browser.Grid.Item.Action, {
-    name: "settings",
-    element: /*#__PURE__*/_react.default.createElement(_Settings.Settings, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Action, {
+    element: /*#__PURE__*/React.createElement(GridMoveToFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(GridDelete, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
     name: "download",
-    element: /*#__PURE__*/_react.default.createElement(_Download2.Download, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Action, {
+    element: /*#__PURE__*/React.createElement(FileDetailsDownload, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
     name: "moveToFolder",
-    element: /*#__PURE__*/_react.default.createElement(_MoveToFolder2.MoveToFolder, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Action, {
+    element: /*#__PURE__*/React.createElement(FileDetailsMoveToFolder, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
     name: "copyUrl",
-    element: /*#__PURE__*/_react.default.createElement(_CopyUrl.CopyUrl, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Action, {
-    name: "editImage",
-    element: /*#__PURE__*/_react.default.createElement(_EditImage.EditImage, null)
-  }), /*#__PURE__*/_react.default.createElement(FileDetails.Action, {
+    element: /*#__PURE__*/React.createElement(FileDetailsCopyUrl, null)
+  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
     name: "delete",
-    element: /*#__PURE__*/_react.default.createElement(_DeleteImage.DeleteImage, null)
+    element: /*#__PURE__*/React.createElement(FileDetailsDeleteImage, null)
   }));
 };
 

package/modules/FileManagerRenderer/FileActions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_","_Download","_MoveToFolder","_Settings","_Download2","_MoveToFolder2","_CopyUrl","_DeleteImage","_EditImage","Browser","FileManagerViewConfig","FileDetails","FileActions","exports","default","createElement","Fragment","Grid","Item","Action","name","element","Download","MoveToFolder","Settings","CopyUrl","EditImage","DeleteImage"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index\";\nimport { Download as GridDownload } from \"./Grid/Download\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder\";\nimport { Settings as GridSettings } from \"./Grid/Settings\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage\";\nimport { EditImage as FileDetailsEditImage } from \"./FileDetails/EditImage\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"editImage\"} element={<FileDetailsEditImage />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAEA,IAAQU,OAAO,GAAkBC,uBAAqB,CAA9CD,OAAO;EAAEE,WAAW,GAAKD,uBAAqB,CAArCC,WAAW;AAErB,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,qBAEInB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACN,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAqB,QAAY,MAAE;EAAE,CAAE,CAAC,eACzEzB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACN,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,MAAO;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAqB,YAAgB,MAAE;EAAE,CAAE,CAAC,eACzE1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACN,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,SAAA,CAAAqB,QAAY,MAAE;EAAE,CAAE,CAAC,eAEzE3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,WAAW,CAACQ,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAkB,QAAmB,MAAE;EAAE,CAAE,CAAC,eAC1EzB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,WAAW,CAACQ,MAAM;IAACC,IAAI,EAAE,cAAe;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,cAAA,CAAAkB,YAAuB,MAAE;EAAE,CAAE,CAAC,eAClF1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,WAAW,CAACQ,MAAM;IAACC,IAAI,EAAE,SAAU;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACT,QAAA,CAAAmB,OAAkB,MAAE;EAAE,CAAE,CAAC,eACxE5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,WAAW,CAACQ,MAAM;IAACC,IAAI,EAAE,WAAY;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACP,UAAA,CAAAkB,SAAoB,MAAE;EAAE,CAAE,CAAC,eAC5E7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,WAAW,CAACQ,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACR,YAAA,CAAAoB,WAAsB,MAAE;EAAE,CAAE,CAC5E,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FileManagerViewConfig","Delete","GridDelete","Download","GridDownload","MoveToFolder","GridMoveToFolder","Settings","GridSettings","FileDetailsDownload","FileDetailsMoveToFolder","CopyUrl","FileDetailsCopyUrl","DeleteImage","FileDetailsDeleteImage","Browser","FileDetails","FileActions","createElement","Fragment","Grid","Item","Action","name","element"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { Delete as GridDelete } from \"./Grid/Delete.js\";\nimport { Download as GridDownload } from \"./Grid/Download.js\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder.js\";\nimport { Settings as GridSettings } from \"./Grid/Settings.js\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download.js\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder.js\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl.js\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage.js\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"delete\"} element={<GridDelete />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB;AAC9B,SAASC,MAAM,IAAIC,UAAU;AAC7B,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,YAAY,IAAIC,gBAAgB;AACzC,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASL,QAAQ,IAAIM,mBAAmB;AACxC,SAASJ,YAAY,IAAIK,uBAAuB;AAChD,SAASC,OAAO,IAAIC,kBAAkB;AACtC,SAASC,WAAW,IAAIC,sBAAsB;AAE9C,MAAM;EAAEC,OAAO;EAAEC;AAAY,CAAC,GAAGhB,qBAAqB;AAEtD,OAAO,MAAMiB,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBAEIpB,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACV,YAAY,MAAE;EAAE,CAAE,CAAC,eACzET,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACd,YAAY,MAAE;EAAE,CAAE,CAAC,eACzEL,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,MAAO;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACZ,gBAAgB,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAAChB,UAAU,MAAE;EAAE,CAAE,CAAC,eAErEH,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACT,mBAAmB,MAAE;EAAE,CAAE,CAAC,eAC1EV,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,cAAe;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACR,uBAAuB,MAAE;EAAE,CAAE,CAAC,eAClFX,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,SAAU;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACN,kBAAkB,MAAE;EAAE,CAAE,CAAC,eACxEb,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACJ,sBAAsB,MAAE;EAAE,CAAE,CAC5E,CAAC;AAEX,CAAC","ignoreList":[]}