@webiny/app-admin 0.0.0-unstable.d4f203fa97 → 0.0.0-unstable.d65ec29d44

package/plugins/fileManager/fileImage/DeleteAction.js

@@ -1,54 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _Button = require("@webiny/ui/Button");
-
 var _useSnackbar2 = require("../../../hooks/useSnackbar");
-
 var _reactHooks = require("@apollo/react-hooks");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _delete = require("../../../components/FileManager/icons/delete.svg");
-
 var _graphql = require("../../../components/FileManager/graphql");
-
 var _templateObject;
-
 var t = _i18n.i18n.ns("app-admin/file-manager/files/delete-action");
-
 var DeleteAction = function DeleteAction(props) {
   var file = props.file;
-
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_FILE, {
-    variables: {
-      id: file.id
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-      deleteFile = _useMutation2[0];
-
+      variables: {
+        id: file.id
+      }
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
+    deleteFile = _useMutation2[0];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     content: /*#__PURE__*/_react.default.createElement("span", null, "Edit image"),
     placement: "bottom"
@@ -60,24 +41,19 @@ var DeleteAction = function DeleteAction(props) {
     }),
     onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return deleteFile();
-
-            case 2:
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["File deleted."]))));
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return deleteFile();
+          case 2:
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["File deleted."]))));
+          case 3:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }))
   })));
 };
-
 var _default = DeleteAction;
 exports.default = _default;

package/plugins/fileManager/fileImage/DeleteAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","DeleteAction","props","file","useSnackbar","showSnackbar","useMutation","DELETE_FILE","variables","id","deleteFile","margin"],"sources":["DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileManagerFileItem } from \"~/components/FileManager\";\nconst t = i18n.ns(\"app-admin/file-manager/files/delete-action\");\n\nimport { ReactComponent as DeleteIcon } from \"../../../components/FileManager/icons/delete.svg\";\nimport { DELETE_FILE } from \"~/components/FileManager/graphql\";\n\ninterface DeleteActionProps {\n    file: FileManagerFileItem;\n}\nconst DeleteAction: React.FC<DeleteActionProps> = props => {\n    const { file } = props;\n    const { showSnackbar } = useSnackbar();\n    const [deleteFile] = useMutation(DELETE_FILE, {\n        variables: {\n            id: file.id\n        }\n    });\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        await deleteFile();\n                        showSnackbar(t`File deleted.`);\n                    }}\n                />\n            </Tooltip>\n        </>\n    );\n};\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA;;;;AAHA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,4CAAR,CAAV;;AAQA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAAAC,KAAK,EAAI;EACvD,IAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,mBAAqB,IAAAC,uBAAA,EAAYC,oBAAZ,EAAyB;IAC1CC,SAAS,EAAE;MACPC,EAAE,EAAEN,IAAI,CAACM;IADF;EAD+B,CAAzB,CAArB;EAAA;EAAA,IAAOC,UAAP;;EAMA,oBACI,yEACI,6BAAC,gBAAD;IAAS,OAAO,eAAE,wDAAlB;IAA2C,SAAS,EAAE;EAAtD,gBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,sBAAD;MAAY,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAV;IAAnB,EADV;IAEI,OAAO,sGAAE;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACCD,UAAU,EADX;;YAAA;cAELL,YAAY,CAACP,CAAD,iGAAZ;;YAFK;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAF;EAFX,EADJ,CADJ,CADJ;AAaH,CAtBD;;eAwBeG,Y"}
+{"version":3,"names":["t","i18n","ns","DeleteAction","props","file","useSnackbar","showSnackbar","useMutation","DELETE_FILE","variables","id","deleteFile","margin"],"sources":["DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileManagerFileItem } from \"~/components/FileManager\";\nconst t = i18n.ns(\"app-admin/file-manager/files/delete-action\");\n\nimport { ReactComponent as DeleteIcon } from \"../../../components/FileManager/icons/delete.svg\";\nimport { DELETE_FILE } from \"~/components/FileManager/graphql\";\n\ninterface DeleteActionProps {\n    file: FileManagerFileItem;\n}\nconst DeleteAction: React.FC<DeleteActionProps> = props => {\n    const { file } = props;\n    const { showSnackbar } = useSnackbar();\n    const [deleteFile] = useMutation(DELETE_FILE, {\n        variables: {\n            id: file.id\n        }\n    });\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        await deleteFile();\n                        showSnackbar(t`File deleted.`);\n                    }}\n                />\n            </Tooltip>\n        </>\n    );\n};\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAA+D;AAH/D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4CAA4C,CAAC;AAQ/D,IAAMC,YAAyC,GAAG,SAA5CA,YAAyC,CAAGC,KAAK,EAAI;EACvD,IAAQC,IAAI,GAAKD,KAAK,CAAdC,IAAI;EACZ,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,mBAAqB,IAAAC,uBAAW,EAACC,oBAAW,EAAE;MAC1CC,SAAS,EAAE;QACPC,EAAE,EAAEN,IAAI,CAACM;MACb;IACJ,CAAC,CAAC;IAAA;IAJKC,UAAU;EAMjB,oBACI,yEACI,6BAAC,gBAAO;IAAC,OAAO,eAAE,2CAAM,YAAU,CAAQ;IAAC,SAAS,EAAE;EAAS,gBAC3D,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,sBAAU;MAAC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAY;IAAE,EAAI;IACrD,OAAO,sGAAE;MAAA;QAAA;UAAA;YAAA;YAAA,OACCD,UAAU,EAAE;UAAA;YAClBL,YAAY,CAACP,CAAC,iGAAgB;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CAClC;EAAC,EACJ,CACI,CACX;AAEX,CAAC;AAAC,eAEaG,YAAY;AAAA"}

package/plugins/fileManager/fileImage/EditAction.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactHotkeyz = require("react-hotkeyz");
-
 var _dataurlToBlob = _interopRequireDefault(require("dataurl-to-blob"));
-
 var _ImageUpload = require("@webiny/ui/ImageUpload");
-
 var _Tooltip = require("@webiny/ui/Tooltip");
-
 var _Button = require("@webiny/ui/Button");
-
 var _outputFileSelectionError = require("../../../components/FileManager/outputFileSelectionError");
-
 var _useSnackbar2 = require("../../../hooks/useSnackbar");
-
 var _edit = require("../icons/edit.svg");
-
 /**
  * Package react-hotkeyz has no types.
  */
@@ -44,68 +28,55 @@ var _edit = require("../icons/edit.svg");
  * Package dataurl-to-blob has no types.
  */
 // @ts-ignore
+
 function toDataUrl(url) {
   return new Promise(function (resolve) {
     var xhr = new window.XMLHttpRequest();
-
     xhr.onload = function () {
       var reader = new window.FileReader();
-
       reader.onloadend = function () {
         resolve(reader.result);
       };
-
       reader.readAsDataURL(xhr.response);
     };
-
     xhr.open("GET", url);
     xhr.responseType = "blob";
     xhr.send();
   });
 }
-
 var initialState = {
   showImageEditor: false,
   dataUrl: null
 };
-
 var reducer = function reducer(state, action) {
   var next = (0, _objectSpread2.default)({}, state);
-
   switch (action.type) {
     case "setDataUrl":
       next.dataUrl = action.dataUrl;
       next.showImageEditor = true;
       break;
-
     case "hideImageEditor":
       next.dataUrl = null;
       next.showImageEditor = false;
       break;
   }
-
   return next;
 };
-
 var EditAction = function EditAction(props) {
   var file = props.file,
-      uploadFile = props.uploadFile,
-      validateFiles = props.validateFiles,
-      canEdit = props.canEdit;
-
+    uploadFile = props.uploadFile,
+    validateFiles = props.validateFiles,
+    canEdit = props.canEdit;
   var _React$useReducer = React.useReducer(reducer, initialState),
-      _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
-
+    _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar; // Render nothing if the user don't have required permission for "edit".
-
-
+    showSnackbar = _useSnackbar.showSnackbar;
+  // Render nothing if the user don't have required permission for "edit".
   if (!canEdit(file)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
     content: /*#__PURE__*/React.createElement("span", null, "Edit image"),
     placement: "bottom"
@@ -119,23 +90,19 @@ var EditAction = function EditAction(props) {
     onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var dataUrl;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return toDataUrl(file.src);
-
-            case 2:
-              dataUrl = _context.sent;
-              dispatch({
-                type: "setDataUrl",
-                dataUrl: dataUrl
-              });
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return toDataUrl(file.src);
+          case 2:
+            dataUrl = _context.sent;
+            dispatch({
+              type: "setDataUrl",
+              dataUrl: dataUrl
+            });
+          case 4:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }))
@@ -155,7 +122,6 @@ var EditAction = function EditAction(props) {
     onAccept: function onAccept(src) {
       var blob = (0, _dataurlToBlob.default)(src);
       var errors = validateFiles([blob]);
-
       if (errors.length) {
         /**
          * TODO @ts-refactor
@@ -167,13 +133,11 @@ var EditAction = function EditAction(props) {
         blob.name = file.name;
         uploadFile(blob);
       }
-
       dispatch({
         type: "hideImageEditor"
       });
     }
   })));
 };
-
 var _default = EditAction;
 exports.default = _default;

package/plugins/fileManager/fileImage/EditAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["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","EditAction","props","file","uploadFile","validateFiles","canEdit","React","useReducer","dispatch","useSnackbar","showSnackbar","margin","src","blob","dataURLtoBlob","errors","length","outputFileSelectionError","name"],"sources":["EditAction.tsx"],"sourcesContent":["import * as React from \"react\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n/**\n * Package dataurl-to-blob has no types.\n */\n// @ts-ignore\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { outputFileSelectionError } from \"~/components/FileManager/outputFileSelectionError\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { ReactComponent as EditIcon } from \"../icons/edit.svg\";\nimport { FileItem } from \"~/components/FileManager/types\";\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}\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\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\ninterface EditActionProps {\n    file: FileItem;\n    uploadFile: (file: FileItem) => void;\n    validateFiles: (blobs: any[]) => Error[];\n    canEdit: (file: FileItem) => boolean;\n}\n\nconst EditAction: React.FC<EditActionProps> = props => {\n    const { file, uploadFile, validateFiles, canEdit } = props;\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n    // Render nothing if the user don't have required permission for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    data-testid={\"fm-edit-image-button\"}\n                    icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        const dataUrl = await toDataUrl(file.src);\n                        dispatch({ type: \"setDataUrl\", dataUrl });\n                    }}\n                />\n            </Tooltip>\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={src => {\n                        const blob = dataURLtoBlob(src);\n                        const errors = validateFiles([blob]);\n\n                        if (errors.length) {\n                            /**\n                             * TODO @ts-refactor\n                             * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                             */\n                            // @ts-ignore\n                            showSnackbar(outputFileSelectionError(errors));\n                        } else {\n                            blob.name = file.name;\n                            uploadFile(blob);\n                        }\n\n                        dispatch({ type: \"hideImageEditor\" });\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n\nexport default EditAction;\n"],"mappings":"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"}
+{"version":3,"names":["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","EditAction","props","file","uploadFile","validateFiles","canEdit","React","useReducer","dispatch","useSnackbar","showSnackbar","margin","src","blob","dataURLtoBlob","errors","length","outputFileSelectionError","name"],"sources":["EditAction.tsx"],"sourcesContent":["import * as React from \"react\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n/**\n * Package dataurl-to-blob has no types.\n */\n// @ts-ignore\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { outputFileSelectionError } from \"~/components/FileManager/outputFileSelectionError\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { ReactComponent as EditIcon } from \"../icons/edit.svg\";\nimport { FileItem } from \"~/components/FileManager/types\";\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}\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\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\ninterface EditActionProps {\n    file: FileItem;\n    uploadFile: (file: FileItem) => void;\n    validateFiles: (blobs: any[]) => Error[];\n    canEdit: (file: FileItem) => boolean;\n}\n\nconst EditAction: React.FC<EditActionProps> = props => {\n    const { file, uploadFile, validateFiles, canEdit } = props;\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n    // Render nothing if the user don't have required permission for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    data-testid={\"fm-edit-image-button\"}\n                    icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        const dataUrl = await toDataUrl(file.src);\n                        dispatch({ type: \"setDataUrl\", dataUrl });\n                    }}\n                />\n            </Tooltip>\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={src => {\n                        const blob = dataURLtoBlob(src);\n                        const errors = validateFiles([blob]);\n\n                        if (errors.length) {\n                            /**\n                             * TODO @ts-refactor\n                             * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                             */\n                            // @ts-ignore\n                            showSnackbar(outputFileSelectionError(errors));\n                        } else {\n                            blob.name = file.name;\n                            uploadFile(blob);\n                        }\n\n                        dispatch({ type: \"hideImageEditor\" });\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n\nexport default EditAction;\n"],"mappings":"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"}

package/plugins/fileManager/fileImage/index.js

@@ -1,24 +1,16 @@
 "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.imageFileTypePlugin = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _components = require("@webiny/app/components");
-
 var _EditAction = _interopRequireDefault(require("./EditAction"));
-
 var _FileManagerFileTypePlugin = require("../../FileManagerFileTypePlugin");
-
 var styles = /*#__PURE__*/(0, _emotion.css)({
   maxHeight: 200,
   maxWidth: 200,

package/plugins/fileManager/fileImage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","css","maxHeight","maxWidth","width","position","top","left","transform","imageFileTypePlugin","FileManagerFileTypePlugin","types","actions","EditAction","render","file","src","name"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { Image } from \"@webiny/app/components\";\n\nimport EditAction from \"./EditAction\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst styles = css({\n    maxHeight: 200,\n    maxWidth: 200,\n    width: \"auto\",\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translateX(-50%) translateY(-50%)\"\n});\n\nexport const imageFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"image/*\"],\n    actions: [EditAction],\n    render({ file }) {\n        return (\n            <Image className={styles} src={file.src} alt={file.name} transform={{ width: 300 }} />\n        );\n    }\n});\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAA,EAAI;EACfC,SAAS,EAAE,GADI;EAEfC,QAAQ,EAAE,GAFK;EAGfC,KAAK,EAAE,MAHQ;EAIfC,QAAQ,EAAE,UAJK;EAKfC,GAAG,EAAE,KALU;EAMfC,IAAI,EAAE,KANS;EAOfC,SAAS,EAAE;AAPI,CAAJ,kBAAf;AAUO,IAAMC,mBAAmB,GAAG,IAAIC,oDAAJ,CAA8B;EAC7DC,KAAK,EAAE,CAAC,SAAD,CADsD;EAE7DC,OAAO,EAAE,CAACC,mBAAD,CAFoD;EAG7DC,MAH6D,wBAG5C;IAAA,IAARC,IAAQ,QAARA,IAAQ;IACb,oBACI,oBAAC,iBAAD;MAAO,SAAS,EAAEf,MAAlB;MAA0B,GAAG,EAAEe,IAAI,CAACC,GAApC;MAAyC,GAAG,EAAED,IAAI,CAACE,IAAnD;MAAyD,SAAS,EAAE;QAAEb,KAAK,EAAE;MAAT;IAApE,EADJ;EAGH;AAP4D,CAA9B,CAA5B"}
+{"version":3,"names":["styles","css","maxHeight","maxWidth","width","position","top","left","transform","imageFileTypePlugin","FileManagerFileTypePlugin","types","actions","EditAction","render","file","src","name"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { Image } from \"@webiny/app/components\";\n\nimport EditAction from \"./EditAction\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst styles = css({\n    maxHeight: 200,\n    maxWidth: 200,\n    width: \"auto\",\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translateX(-50%) translateY(-50%)\"\n});\n\nexport const imageFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"image/*\"],\n    actions: [EditAction],\n    render({ file }) {\n        return (\n            <Image className={styles} src={file.src} alt={file.name} transform={{ width: 300 }} />\n        );\n    }\n});\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,SAAS,EAAE,GAAG;EACdC,QAAQ,EAAE,GAAG;EACbC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE;AACf,CAAC,kBAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAIC,oDAAyB,CAAC;EAC7DC,KAAK,EAAE,CAAC,SAAS,CAAC;EAClBC,OAAO,EAAE,CAACC,mBAAU,CAAC;EACrBC,MAAM,wBAAW;IAAA,IAARC,IAAI,QAAJA,IAAI;IACT,oBACI,oBAAC,iBAAK;MAAC,SAAS,EAAEf,MAAO;MAAC,GAAG,EAAEe,IAAI,CAACC,GAAI;MAAC,GAAG,EAAED,IAAI,CAACE,IAAK;MAAC,SAAS,EAAE;QAAEb,KAAK,EAAE;MAAI;IAAE,EAAG;EAE9F;AACJ,CAAC,CAAC;AAAC"}

package/plugins/fileManager/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "imageFileTypePlugin", {
     return _fileImage.imageFileTypePlugin;
   }
 });
-
 var _fileDefault = require("./fileDefault");
-
 var _fileImage = require("./fileImage");

package/plugins/fileManager/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { defaultFileTypePlugin } from \"./fileDefault\";\nexport { imageFileTypePlugin } from \"./fileImage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { defaultFileTypePlugin } from \"./fileDefault\";\nexport { imageFileTypePlugin } from \"./fileImage\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}

package/plugins/globalSearch/SearchBar.js

@@ -1,54 +1,31 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _dotPropImmutable = require("dot-prop-immutable");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _downshift = _interopRequireDefault(require("downshift"));
-
 var _plugins = require("@webiny/plugins");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactHotkeyz = require("react-hotkeyz");
-
 var _Icon = require("@webiny/ui/Icon");
-
 var _Elevation = require("@webiny/ui/Elevation");
-
 var _SearchBarDropdown = _interopRequireDefault(require("./SearchBarDropdown"));
-
 var _roundSearch24px = require("./icons/round-search-24px.svg");
-
 var _styled = require("./styled");
-
 var _ = require("../..");
-
 /**
  * Package react-hotkeyz does not have types.
  */
@@ -58,9 +35,7 @@ var _ = require("../..");
 // Local components
 var SearchBar = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(SearchBar, _React$Component);
-
   var _super = (0, _createSuper2.default)(SearchBar);
-
   /**
    * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.
    */
@@ -76,7 +51,6 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
    */
   function SearchBar(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, SearchBar);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -90,7 +64,6 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
         get list() {
           return _plugins.plugins.byType("admin-global-search");
         },
-
         hotKeys: _plugins.plugins.byType("admin-global-search-prevent-hotkey"),
         // Current plugin - set by examining current route and its query params (on construct).
         current: undefined
@@ -101,18 +74,14 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenHotkey", function (e) {
       for (var i = 0; i < _this.state.plugins.hotKeys.length; i++) {
         var hotKey = _this.state.plugins.hotKeys[i];
-
         if (hotKey.preventOpen(e)) {
           return;
         }
       }
-
       e.preventDefault();
-
       if (!_this.input.current) {
         return;
       }
-
       _this.input.current.focus();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "submitSearchTerm", function (plugin) {
@@ -121,7 +90,6 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
         return (0, _dotPropImmutable.set)(newState, "plugins.current", plugin);
       }, function () {
         var query = new URLSearchParams();
-
         if (_this.state.searchTerm.current) {
           // If "search" key in the plugin was defined, it means SearchInput values were set. Otherwise,
           // we need to send the plain string into the "search" query param. This behavior was needed
@@ -134,7 +102,6 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
             query.set("search", _this.state.searchTerm.current);
           }
         }
-
         _this.props.history.push({
           pathname: plugin.route,
           search: query.toString()
@@ -150,29 +117,23 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
     _this.state.plugins.current = _this.state.plugins.list.find(function (p) {
       return p.route === props.location.pathname;
     });
-
     if (_this.state.plugins.current) {
       var search;
       var query = new URLSearchParams(props.location.search);
-
       try {
         search = JSON.parse(query.get("search") || "").query;
       } catch (e) {
         search = query.get("search");
       }
-
       _this.state.searchTerm.current = search || "";
       _this.state.searchTerm.previous = _this.state.searchTerm.current;
     }
-
     return _this;
   }
-
   (0, _createClass2.default)(SearchBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/React.createElement(_downshift.default, {
         ref: this.downshift,
         itemToString: function itemToString(item) {
@@ -180,9 +141,9 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
         }
       }, function (downshiftProps) {
         var isOpen = downshiftProps.isOpen,
-            openMenu = downshiftProps.openMenu,
-            closeMenu = downshiftProps.closeMenu,
-            getInputProps = downshiftProps.getInputProps;
+          openMenu = downshiftProps.openMenu,
+          closeMenu = downshiftProps.closeMenu,
+          getInputProps = downshiftProps.getInputProps;
         return /*#__PURE__*/React.createElement("div", {
           style: {
             width: "100%"
@@ -202,16 +163,13 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
           keys: {
             esc: function esc() {
               _this2.cancelSearchTerm();
-
               closeMenu();
             },
             enter: function enter() {
               return setTimeout(function () {
                 var selectedItem = _this2.downshift.current.state.selectedItem;
-
                 if (selectedItem) {
                   closeMenu();
-
                   _this2.submitSearchTerm(selectedItem);
                 }
               });
@@ -234,7 +192,6 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
           onClick: openMenu,
           onBlur: function onBlur() {
             _this2.cancelSearchTerm();
-
             _this2.setState({
               active: false
             });
@@ -243,12 +200,10 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
             _this2.setState({
               active: true
             });
-
             openMenu();
           },
           onChange: function onChange(e) {
             var value = e.target.value || "";
-
             _this2.setState(function (state) {
               state.searchTerm.current = value;
               return state;
@@ -262,12 +217,9 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
   }]);
   return SearchBar;
 }(React.Component);
-
 var SearchBarContainer = function SearchBarContainer() {
   var routerProps = (0, _reactRouter.useRouter)();
   return /*#__PURE__*/React.createElement(SearchBar, routerProps);
 };
-
 var _default = (0, _.makeComposable)("SearchBarContainer", SearchBarContainer);
-
 exports.default = _default;