@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/plugins/MenuPlugin.js

@@ -1,29 +1,29 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin } from "@webiny/plugins";
-export var MenuPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(MenuPlugin, _Plugin);
-
-  var _super = _createSuper(MenuPlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuPlugin = void 0;
+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 _plugins = require("@webiny/plugins");
+var MenuPlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(MenuPlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(MenuPlugin);
   function MenuPlugin(config) {
     var _this;
-
-    _classCallCheck(this, MenuPlugin);
-
+    (0, _classCallCheck2.default)(this, MenuPlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
     _this._config = config || {};
     return _this;
   }
-
-  _createClass(MenuPlugin, [{
+  (0, _createClass2.default)(MenuPlugin, [{
     key: "order",
     get: function get() {
       return this._config.order;
@@ -31,11 +31,13 @@ export var MenuPlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(props) {
+      if (!this._config.render) {
+        return null;
+      }
       return this._config.render(props);
     }
   }]);
-
   return MenuPlugin;
-}(Plugin);
-
-_defineProperty(MenuPlugin, "type", "admin-menu");
+}(_plugins.Plugin);
+exports.MenuPlugin = MenuPlugin;
+(0, _defineProperty2.default)(MenuPlugin, "type", "admin-menu");

package/plugins/MenuPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuPlugin","config","_config","order","props","render","Plugin"],"sources":["MenuPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAkC5BA,UAAU;EAAA;EAAA;EAInB,oBAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAY;MACR,OAAO,IAAI,CAACC,OAAO,CAACC,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAY,EAAmB;MACzC,IAAI,CAAC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlB2BE,eAAM;AAAA;AAAA,8BAAzBN,UAAU,UAC4B,YAAY"}

package/plugins/PermissionRendererPlugin.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Permission {
     name: string;
@@ -13,10 +13,10 @@ interface Config {
     system?: boolean;
 }
 export declare class PermissionRendererPlugin extends Plugin {
-    static readonly type = "admin-app-permissions-renderer";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config);
     get system(): boolean;
-    render(props: RenderParams): React.ReactElement;
+    render(props: RenderParams): React.ReactElement | null;
 }
 export {};

package/plugins/PermissionRendererPlugin.js

@@ -1,29 +1,29 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin } from "@webiny/plugins";
-export var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(PermissionRendererPlugin, _Plugin);
-
-  var _super = _createSuper(PermissionRendererPlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PermissionRendererPlugin = void 0;
+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 _plugins = require("@webiny/plugins");
+var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(PermissionRendererPlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(PermissionRendererPlugin);
   function PermissionRendererPlugin(config) {
     var _this;
-
-    _classCallCheck(this, PermissionRendererPlugin);
-
+    (0, _classCallCheck2.default)(this, PermissionRendererPlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
     _this._config = config || {};
     return _this;
   }
-
-  _createClass(PermissionRendererPlugin, [{
+  (0, _createClass2.default)(PermissionRendererPlugin, [{
     key: "system",
     get: function get() {
       return Boolean(this._config.system);
@@ -31,11 +31,13 @@ export var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(props) {
+      if (!this._config.render) {
+        return null;
+      }
       return this._config.render(props);
     }
   }]);
-
   return PermissionRendererPlugin;
-}(Plugin);
-
-_defineProperty(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
+}(_plugins.Plugin);
+exports.PermissionRendererPlugin = PermissionRendererPlugin;
+(0, _defineProperty2.default)(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");

package/plugins/PermissionRendererPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PermissionRendererPlugin","config","_config","Boolean","system","props","render","Plugin"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAiB5BA,wBAAwB;EAAA;EAAA;EAIjC,kCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAOE,OAAO,CAAC,IAAI,CAACD,OAAO,CAACE,MAAM,CAAC;IACvC;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAmB,EAA6B;MAC1D,IAAI,CAAC,IAAI,CAACH,OAAO,CAACI,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,OAAO,CAACI,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlByCE,eAAM;AAAA;AAAA,8BAAvCP,wBAAwB,UACc,gCAAgC"}

package/plugins/fileManager/fileDefault.d.ts

@@ -1,3 +1,2 @@
 import { FileManagerFileTypePlugin } from "../FileManagerFileTypePlugin";
-declare const _default: FileManagerFileTypePlugin;
-export default _default;
+export declare const defaultFileTypePlugin: FileManagerFileTypePlugin;

package/plugins/fileManager/fileDefault.js

@@ -1,20 +1,28 @@
-import * as React from "react";
-import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round-description-24px.svg";
-import { css } from "emotion";
-import { FileManagerFileTypePlugin } from "../FileManagerFileTypePlugin";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultFileTypePlugin = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _roundDescription24px = require("./icons/round-description-24px.svg");
+var _emotion = require("emotion");
+var _FileManagerFileTypePlugin = require("../FileManagerFileTypePlugin");
 var style = {
-  centering: /*#__PURE__*/css({
+  centering: /*#__PURE__*/(0, _emotion.css)({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     height: 200
   }, "label:centering;")
 };
-export default new FileManagerFileTypePlugin({
+var defaultFileTypePlugin = new _FileManagerFileTypePlugin.FileManagerFileTypePlugin({
   types: ["*/*"],
   render: function render() {
     return /*#__PURE__*/React.createElement("div", {
       className: style.centering
-    }, /*#__PURE__*/React.createElement(FileIcon, null));
+    }, /*#__PURE__*/React.createElement(_roundDescription24px.ReactComponent, null));
   }
-});
+});
+exports.defaultFileTypePlugin = defaultFileTypePlugin;

package/plugins/fileManager/fileDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["style","centering","css","display","justifyContent","alignItems","height","defaultFileTypePlugin","FileManagerFileTypePlugin","types","render"],"sources":["fileDefault.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as FileIcon } from \"./icons/round-description-24px.svg\";\nimport { css } from \"emotion\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst style = {\n    centering: css({\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        height: 200\n    })\n};\n\nexport const defaultFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"*/*\"],\n    render(): React.ReactNode {\n        return (\n            <div className={style.centering}>\n                <FileIcon />\n            </div>\n        );\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG;EACVC,SAAS,eAAE,IAAAC,YAAG,EAAC;IACXC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AAEM,IAAMC,qBAAqB,GAAG,IAAIC,oDAAyB,CAAC;EAC/DC,KAAK,EAAE,CAAC,KAAK,CAAC;EACdC,MAAM,oBAAoB;IACtB,oBACI;MAAK,SAAS,EAAEV,KAAK,CAACC;IAAU,gBAC5B,oBAAC,oCAAQ,OAAG,CACV;EAEd;AACJ,CAAC,CAAC;AAAC"}

package/plugins/fileManager/fileImage/DeleteAction.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
-declare const DeleteAction: (props: any) => JSX.Element;
+import React from "react";
+import { FileManagerFileItem } from "../../../components/FileManager";
+interface DeleteActionProps {
+    file: FileManagerFileItem;
+}
+declare const DeleteAction: React.FC<DeleteActionProps>;
 export default DeleteAction;

package/plugins/fileManager/fileImage/DeleteAction.js

@@ -1,62 +1,59 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
+"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;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from "react";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { IconButton } from "@webiny/ui/Button";
-import { useSnackbar } from "../../../hooks/useSnackbar";
-import { useMutation } from "@apollo/react-hooks";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-admin/file-manager/files/delete-action");
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../components/FileManager/icons/delete.svg";
-import { DELETE_FILE } from "../../../components/FileManager/graphql";
-
+var t = _i18n.i18n.ns("app-admin/file-manager/files/delete-action");
 var DeleteAction = function DeleteAction(props) {
   var file = props.file;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useMutation = useMutation(DELETE_FILE, {
-    variables: {
-      id: file.id
-    }
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
-      deleteFile = _useMutation2[0];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, "Edit image"),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_FILE, {
+      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"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, {
       style: {
         margin: "0 8px 0 0"
       }
     }),
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return deleteFile();
-
-            case 2:
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["File deleted."]))));
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
+    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();
         }
       }, _callee);
     }))
   })));
 };
-
-export default DeleteAction;
+var _default = DeleteAction;
+exports.default = _default;

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

@@ -0,0 +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;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.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
-declare type EditActionProps = {
-    file: any;
-    uploadFile: any;
-    validateFiles: any;
-    canEdit: (file: any) => boolean;
-};
+import { FileItem } from "../../../components/FileManager/types";
+interface EditActionProps {
+    file: FileItem;
+    uploadFile: (file: FileItem) => void;
+    validateFiles: (blobs: any[]) => Error[];
+    canEdit: (file: FileItem) => boolean;
+}
 declare const EditAction: React.FC<EditActionProps>;
 export default EditAction;

package/plugins/fileManager/fileImage/EditAction.js

@@ -1,118 +1,115 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import * as React from "react";
-import { Hotkeys } from "react-hotkeyz";
-import dataURLtoBlob from "dataurl-to-blob";
-import { ImageEditorDialog } from "@webiny/ui/ImageUpload";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { IconButton } from "@webiny/ui/Button";
-import outputFileSelectionError from "../../../components/FileManager/outputFileSelectionError";
-import { useSnackbar } from "../../../hooks/useSnackbar";
-import { ReactComponent as EditIcon } from "@svgr/webpack!../icons/edit.svg";
+"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.
+ */
+// @ts-ignore
+
+/**
+ * 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 = _objectSpread({}, state);
-
+  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;
-}; // TODO: @adrian
-
-
+};
 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 = _slicedToArray(_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar; // Render nothing if the user don't have required permission for "edit".
-
-
+    _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".
   if (!canEdit(file)) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
     content: /*#__PURE__*/React.createElement("span", null, "Edit image"),
     placement: "bottom"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(_Button.IconButton, {
     "data-testid": "fm-edit-image-button",
-    icon: /*#__PURE__*/React.createElement(EditIcon, {
+    icon: /*#__PURE__*/React.createElement(_edit.ReactComponent, {
       style: {
         margin: "0 8px 0 0"
       }
     }),
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.t0 = dispatch;
-              _context.next = 3;
-              return toDataUrl(file.src);
-
-            case 3:
-              _context.t1 = _context.sent;
-              _context.t2 = {
-                type: "setDataUrl",
-                dataUrl: _context.t1
-              };
-              (0, _context.t0)(_context.t2);
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
+    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();
         }
       }, _callee);
     }))
-  })), /*#__PURE__*/React.createElement(Hotkeys, {
+  })), /*#__PURE__*/React.createElement(_reactHotkeyz.Hotkeys, {
     zIndex: 60,
     disabled: !state.dataUrl
-  }, /*#__PURE__*/React.createElement(ImageEditorDialog, {
+  }, /*#__PURE__*/React.createElement(_ImageUpload.ImageEditorDialog, {
     "data-testid": "fm-image-editor-dialog",
     dialogZIndex: 100,
     open: state.showImageEditor,
@@ -123,21 +120,24 @@ var EditAction = function EditAction(props) {
       });
     },
     onAccept: function onAccept(src) {
-      var blob = dataURLtoBlob(src);
+      var blob = (0, _dataurlToBlob.default)(src);
       var errors = validateFiles([blob]);
-
       if (errors.length) {
-        showSnackbar(outputFileSelectionError(errors));
+        /**
+         * TODO @ts-refactor
+         * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError
+         */
+        // @ts-ignore
+        showSnackbar((0, _outputFileSelectionError.outputFileSelectionError)(errors));
       } else {
         blob.name = file.name;
         uploadFile(blob);
       }
-
       dispatch({
         type: "hideImageEditor"
       });
     }
   })));
 };
-
-export default EditAction;
+var _default = EditAction;
+exports.default = _default;

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

@@ -0,0 +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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"}

package/plugins/fileManager/fileImage/index.d.ts

@@ -1,3 +1,2 @@
 import { FileManagerFileTypePlugin } from "../../FileManagerFileTypePlugin";
-declare const _default: FileManagerFileTypePlugin;
-export default _default;
+export declare const imageFileTypePlugin: FileManagerFileTypePlugin;