@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/ImageEditor/ImageEditor.js

@@ -1,335 +1,14 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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 _regeneratorRuntime from "@babel/runtime/regenerator";
-import * as React from "react";
-import * as toolbar from "./toolbar";
-import styled from "@emotion/styled";
-import classNames from "classnames";
-import { ButtonSecondary, ButtonPrimary } from "../Button";
-import loadScript from "load-script";
-var Toolbar = /*#__PURE__*/styled("div", {
-  target: "eq22gs70",
-  label: "Toolbar"
-})({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  backgroundColor: "var(--mdc-theme-secondary)",
-  margin: "-24px -24px 0px -24px",
-  padding: 2,
-  position: "absolute",
-  width: "100%",
-  boxSizing: "border-box",
-  zIndex: 10,
-  "> div.disabled": {
-    opacity: 0.5,
-    pointerEvents: "none"
-  }
-});
-var ToolOptions = /*#__PURE__*/styled("div", {
-  target: "eq22gs71",
-  label: "ToolOptions"
-})({
-  margin: "50px -24px 10px -24px",
-  boxSizing: "border-box",
-  padding: 10,
-  backgroundColor: "var(--mdc-theme-background)",
-  borderTop: "1px solid var(--mdc-theme-on-background)"
-});
-var ApplyCancelActions = /*#__PURE__*/styled("div", {
-  target: "eq22gs72",
-  label: "ApplyCancelActions"
-})({
-  textAlign: "center"
-});
-
-var initScripts = function initScripts() {
-  return new Promise(function (resolve) {
-    // @ts-ignore
-    if (window.Caman) {
-      return resolve();
-    }
-
-    return loadScript("https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.min.js", resolve);
-  });
+import React from "react";
+import { Alert } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please check the `ImageEditor` component inside the `@webiny/app-file-manager` package instead.
+ */
+export const ImageEditor = ({}) => {
+  return /*#__PURE__*/React.createElement(Alert, {
+    type: "danger",
+    variant: "strong"
+  }, "Deprecated component! The original code has been moved to `@webiny/app-file-manager` package.");
 };
 
-var ImageEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(ImageEditor, _React$Component);
-
-  var _super = _createSuper(ImageEditor);
-
-  function ImageEditor() {
-    var _this;
-
-    _classCallCheck(this, ImageEditor);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      tool: null,
-      src: ""
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "canvas", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "image", null);
-
-    _defineProperty(_assertThisInitialized(_this), "updateCanvas", function () {
-      var src = _this.props.src;
-      _this.image = new window.Image();
-      var canvas = _this.canvas.current;
-
-      if (canvas) {
-        _this.image.onload = function () {
-          if (_this.image) {
-            canvas.width = _this.image.width;
-            canvas.height = _this.image.height;
-            var ctx = canvas.getContext("2d");
-            ctx.drawImage(_this.image, 0, 0);
-          }
-        };
-
-        _this.image.src = src;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "activateTool", function (tool) {
-      if (typeof tool === "string") {
-        tool = toolbar[tool];
-      }
-
-      _this.setState({
-        tool: tool
-      }, function () {
-        var tt = tool;
-        typeof tt.onActivate === "function" && tt.onActivate({
-          canvas: _this.canvas,
-          options: _this.getToolOptions(tt)
-        });
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "deactivateTool", function () {
-      _this.setState({
-        tool: null
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getCanvasDataUrl", function () {
-      var canvas = _this.canvas.current;
-
-      if (canvas) {
-        var src = _this.props.src;
-
-        if (src.startsWith("data:image/jpeg;")) {
-          return canvas.toDataURL("image/jpeg", 1.0);
-        }
-
-        return canvas.toDataURL();
-      }
-
-      return "";
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "applyActiveTool", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var tool;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              tool = _this.state.tool;
-
-              if (tool) {
-                _context.next = 3;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 3:
-              _context.t0 = tool.apply;
-
-              if (!_context.t0) {
-                _context.next = 7;
-                break;
-              }
-
-              _context.next = 7;
-              return tool.apply({
-                canvas: _this.canvas
-              });
-
-            case 7:
-              _this.deactivateTool();
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "cancelActiveTool", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var tool;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              tool = _this.state.tool;
-
-              if (tool) {
-                _context2.next = 3;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 3:
-              _context2.t0 = tool.cancel;
-
-              if (!_context2.t0) {
-                _context2.next = 7;
-                break;
-              }
-
-              _context2.next = 7;
-              return tool.cancel({
-                canvas: _this.canvas
-              });
-
-            case 7:
-              _this.deactivateTool();
-
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "getToolOptions", function (tool) {
-      var options = _this.props.options;
-
-      if (!options || typeof options !== "object") {
-        return {};
-      }
-
-      return options[tool.name] || {};
-    });
-
-    return _this;
-  }
-
-  _createClass(ImageEditor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      initScripts().then(function () {
-        _this2.updateCanvas();
-
-        setTimeout(function () {
-          var options = _this2.props.options;
-
-          if (typeof options === "object" && options) {
-            for (var _key2 in options) {
-              if (options[_key2].autoEnable === true) {
-                var tool = toolbar[_key2];
-                tool && _this2.activateTool(tool);
-                break;
-              }
-            }
-          }
-        }, 250);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          src = _this$props.src,
-          tools = _this$props.tools,
-          children = _this$props.children;
-      var tool = this.state.tool;
-      var editor = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Toolbar, null, tools.map(function (key) {
-        var tool = toolbar[key];
-
-        if (!tool) {
-          return null;
-        }
-
-        return /*#__PURE__*/React.createElement("div", {
-          key: key,
-          className: classNames({
-            disabled: _this3.state.tool
-          })
-        }, tool.icon({
-          activateTool: function activateTool() {
-            return _this3.activateTool(tool);
-          }
-        }));
-      })), /*#__PURE__*/React.createElement(ToolOptions, null, tool ? /*#__PURE__*/React.createElement(React.Fragment, null, typeof tool.renderForm === "function" && tool.renderForm({
-        options: this.getToolOptions(tool),
-        image: this.image,
-        canvas: this.canvas
-      }), /*#__PURE__*/React.createElement(ApplyCancelActions, null, /*#__PURE__*/React.createElement(ButtonSecondary, {
-        onClick: this.cancelActiveTool
-      }, "Cancel"), "\xA0", /*#__PURE__*/React.createElement(ButtonPrimary, {
-        onClick: this.applyActiveTool
-      }, "Apply"))) : /*#__PURE__*/React.createElement("div", {
-        style: {
-          textAlign: "center"
-        }
-      }, "Select a tool to start working on your image.")), /*#__PURE__*/React.createElement("div", {
-        style: {
-          margin: "0 auto",
-          textAlign: "center"
-        }
-      }, /*#__PURE__*/React.createElement("canvas", {
-        key: src,
-        id: "canvas",
-        style: {
-          maxWidth: 700
-        },
-        ref: this.canvas
-      })));
-
-      if (typeof children === "function") {
-        return children({
-          render: function render() {
-            return editor;
-          },
-          // canvas: this.canvas,
-          getCanvasDataUrl: this.getCanvasDataUrl,
-          activeTool: this.state.tool,
-          applyActiveTool: this.applyActiveTool,
-          cancelActiveTool: this.cancelActiveTool
-        });
-      }
-
-      return editor;
-    }
-  }]);
-
-  return ImageEditor;
-}(React.Component);
-
-_defineProperty(ImageEditor, "defaultProps", {
-  tools: ["crop", "flip", "rotate", "filter"]
-});
-
-export { ImageEditor };
+//# sourceMappingURL=ImageEditor.js.map

package/ImageEditor/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","ImageEditor","createElement","type","variant"],"sources":["ImageEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\ninterface RenderPropArgs {\n    render: () => React.ReactNode;\n    getCanvasDataUrl: () => string;\n    activeTool: any;\n    applyActiveTool: () => Promise<void>;\n    cancelActiveTool: () => Promise<void>;\n}\n\ninterface ImageEditorPropsPropsOptions {\n    autoEnable: boolean;\n}\n\ninterface ImageEditorProps {\n    src: string;\n    tools: any[];\n    options?: {\n        flip: ImageEditorPropsPropsOptions;\n        filter: ImageEditorPropsPropsOptions;\n        crop: ImageEditorPropsPropsOptions;\n        rotate: ImageEditorPropsPropsOptions;\n    };\n    onToolActivate?: () => void;\n    onToolDeactivate?: () => void;\n    children?: (props: RenderPropArgs) => React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please check the `ImageEditor` component inside the `@webiny/app-file-manager` package instead.\n */\nexport const ImageEditor = ({}: ImageEditorProps) => {\n    return (\n        <Alert type=\"danger\" variant={\"strong\"}>\n            {\n                \"Deprecated component! The original code has been moved to `@webiny/app-file-manager` package.\"\n            }\n        </Alert>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AA4BxC;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGA,CAAC,CAAmB,CAAC,KAAK;EACjD,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAE;EAAS,GAE/B,+FAED,CAAC;AAEhB,CAAC","ignoreList":[]}

package/ImageEditor/index.js

@@ -1 +1,3 @@
-export * from "./ImageEditor";
+export * from "./ImageEditor";
+
+//# sourceMappingURL=index.js.map

package/ImageEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ImageEditor\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ImageUpload/Image.d.ts

@@ -1,26 +1,20 @@
-import * as React from "react";
-declare type Props = {
-    uploadImage: Function;
-    removeImage?: Function;
-    editImage?: Function;
+import React from "react";
+interface ImageProps {
+    uploadImage: () => void;
+    removeImage?: (value: string | null) => void;
+    editImage?: (value: any | undefined) => void;
     value?: any;
     disabled?: boolean;
     loading?: boolean;
-    placeholder: string;
+    placeholder?: string;
     style?: React.CSSProperties;
     renderImagePreview?: (props: any) => React.ReactElement<any>;
     round?: boolean;
     containerStyle?: React.CSSProperties;
-};
-declare class Image extends React.Component<Props> {
-    static defaultProps: {
-        placeholder: string;
-        containerStyle: {
-            height: string;
-        };
-    };
-    renderBlank(): JSX.Element;
-    renderImg(): JSX.Element;
-    render(): JSX.Element;
 }
-export default Image;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FilePicker` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const Image: ({}: ImageProps) => React.JSX.Element;
+export {};

package/ImageUpload/Image.js

@@ -1,119 +1,14 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import classNames from "classnames";
-import { ReactComponent as AddImageIcon } from "@svgr/webpack!./icons/round-add_photo_alternate-24px.svg";
-import { ReactComponent as RemoveImageIcon } from "@svgr/webpack!./icons/round-close-24px.svg";
-import { ReactComponent as EditImageIcon } from "@svgr/webpack!./icons/round-edit-24px.svg";
-import { Typography } from "../Typography";
-import { CircularProgress } from "../Progress";
-import { AddImageIconWrapper, AddImageWrapper, AddImageWrapperRound, EditImage, ImagePreviewWrapper, RemoveImage } from "./styled";
-
-var Image = /*#__PURE__*/function (_React$Component) {
-  _inherits(Image, _React$Component);
-
-  var _super = _createSuper(Image);
-
-  function Image() {
-    _classCallCheck(this, Image);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Image, [{
-    key: "renderBlank",
-    value: function renderBlank() {
-      var _this$props = this.props,
-          uploadImage = _this$props.uploadImage,
-          round = _this$props.round;
-      var ImageWrapper = round ? AddImageWrapperRound : AddImageWrapper;
-      return /*#__PURE__*/React.createElement(ImageWrapper, {
-        "data-role": "select-image",
-        onClick: function onClick() {
-          uploadImage();
-        }
-      }, /*#__PURE__*/React.createElement(AddImageIconWrapper, null, /*#__PURE__*/React.createElement(AddImageIcon, null), /*#__PURE__*/React.createElement(Typography, {
-        use: "caption"
-      }, this.props.placeholder)));
-    }
-  }, {
-    key: "renderImg",
-    value: function renderImg() {
-      var _this$props2 = this.props,
-          removeImage = _this$props2.removeImage,
-          editImage = _this$props2.editImage,
-          uploadImage = _this$props2.uploadImage,
-          value = _this$props2.value,
-          renderImagePreview = _this$props2.renderImagePreview;
-      var imagePreviewProps = {
-        src: value ? value.src : null,
-        style: this.props.style ? this.props.style : null,
-        onClick: function onClick() {
-          return uploadImage();
-        }
-      };
-
-      if (!imagePreviewProps.style) {
-        imagePreviewProps.style = {};
-      }
-
-      if (!imagePreviewProps.style.width && !imagePreviewProps.style.height) {
-        imagePreviewProps.style.width = "100%";
-        imagePreviewProps.style.height = "100%";
-      }
-
-      var imagePreview = null;
-
-      if (typeof renderImagePreview === "function") {
-        imagePreview = renderImagePreview(imagePreviewProps);
-      } else {
-        imagePreview = /*#__PURE__*/React.createElement("img", imagePreviewProps);
-      }
-
-      return /*#__PURE__*/React.createElement(ImagePreviewWrapper, null, imagePreview, typeof removeImage === "function" && /*#__PURE__*/React.createElement(RemoveImage, {
-        onClick: function onClick() {
-          return removeImage(null);
-        }
-      }, /*#__PURE__*/React.createElement(RemoveImageIcon, null)), typeof editImage === "function" && /*#__PURE__*/React.createElement(EditImage, {
-        onClick: function onClick() {
-          return editImage(value);
-        }
-      }, /*#__PURE__*/React.createElement(EditImageIcon, null)), /*#__PURE__*/React.createElement(AddImageWrapper, {
-        "data-role": "select-image",
-        onClick: function onClick() {
-          uploadImage();
-        }
-      }, /*#__PURE__*/React.createElement(AddImageIconWrapper, null, /*#__PURE__*/React.createElement(AddImageIcon, null), /*#__PURE__*/React.createElement(Typography, {
-        use: "caption"
-      }, this.props.placeholder))));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          value = _this$props3.value,
-          disabled = _this$props3.disabled,
-          containerStyle = _this$props3.containerStyle;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames({
-          disabled: disabled
-        }),
-        style: containerStyle
-      }, this.props.loading && /*#__PURE__*/React.createElement(CircularProgress, null), value && value.src ? this.renderImg() : this.renderBlank());
-    }
-  }]);
-
-  return Image;
-}(React.Component);
-
-_defineProperty(Image, "defaultProps", {
-  placeholder: "Select an image",
-  containerStyle: {
-    height: "100%"
-  }
-});
-
-export default Image;
+import React from "react";
+import { Alert } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `FilePicker` component from the `@webiny/admin-ui` package instead.
+ */
+export const Image = ({}) => {
+  return /*#__PURE__*/React.createElement(Alert, {
+    type: "danger",
+    variant: "strong"
+  }, "Deprecated component! The original code has been moved to `@webiny/admin-ui` package.");
+};
+
+//# sourceMappingURL=Image.js.map

package/ImageUpload/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Image","createElement","type","variant"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/admin-ui\";\n\ninterface ImageProps {\n    uploadImage: () => void;\n    removeImage?: (value: string | null) => void;\n    editImage?: (value: any | undefined) => void;\n    value?: any;\n    disabled?: boolean;\n    loading?: boolean;\n    placeholder?: string;\n    style?: React.CSSProperties;\n    renderImagePreview?: (props: any) => React.ReactElement<any>;\n    round?: boolean;\n    containerStyle?: React.CSSProperties;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `FilePicker` component from the `@webiny/admin-ui` package instead.\n */\nexport const Image = ({}: ImageProps) => {\n    return (\n        <Alert type=\"danger\" variant={\"strong\"}>\n            {\n                \"Deprecated component! The original code has been moved to `@webiny/admin-ui` package.\"\n            }\n        </Alert>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,kBAAkB;AAgBxC;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGA,CAAC,CAAa,CAAC,KAAK;EACrC,oBACIF,KAAA,CAAAG,aAAA,CAACF,KAAK;IAACG,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAE;EAAS,GAE/B,uFAED,CAAC;AAEhB,CAAC","ignoreList":[]}

package/ImageUpload/ImageEditorDialog.d.ts

@@ -1,19 +1,21 @@
-import * as React from "react";
-import { ImageEditor } from "../ImageEditor";
-import { DialogOnClose } from "../Dialog";
-declare type Props = {
+import React from "react";
+import type { DialogOnClose } from "../Dialog";
+interface ImageEditorDialogProps {
     dialogZIndex?: number;
     onClose?: DialogOnClose;
     open?: boolean;
-    options?: Object;
+    /**
+     * We would need to drill down a lot to give correct options.
+     * TODO: figure out some other way.
+     */
+    options?: any;
     src?: string;
     onAccept: (src: string) => void;
     "data-testid"?: string;
-};
-declare class ImageEditorDialog extends React.Component<Props, {
-    imageProcessing: boolean;
-}> {
-    imageEditor: React.RefObject<ImageEditor>;
-    render(): JSX.Element;
 }
-export default ImageEditorDialog;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please check the `ImageEditorDialog` component inside the `@webiny/app-file-manager` package instead.
+ */
+export declare const ImageEditorDialog: ({}: ImageEditorDialogProps) => React.JSX.Element;
+export {};

package/ImageUpload/ImageEditorDialog.js

@@ -1,94 +1,14 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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";
-var _excluded = ["src", "options", "onAccept", "open", "dialogZIndex"];
-import * as React from "react";
-import { ImageEditor } from "../ImageEditor";
-import { Tooltip } from "../Tooltip";
-import { css } from "emotion";
-import { Dialog, DialogAccept, DialogCancel, DialogActions, DialogContent } from "../Dialog";
-var imageEditorDialog = /*#__PURE__*/css({
-  width: "100vw",
-  height: "100vh",
-  ".mdc-dialog__surface": {
-    maxWidth: "100% !important",
-    maxHeight: "100% !important",
-    ".webiny-ui-dialog__content": {
-      maxWidth: "100% !important",
-      maxHeight: "100% !important",
-      width: "100vw",
-      height: "100vh",
-      paddingTop: "0 !important"
-    }
-  }
-}, "label:imageEditorDialog;");
-
-var ImageEditorDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(ImageEditorDialog, _React$Component);
-
-  var _super = _createSuper(ImageEditorDialog);
-
-  function ImageEditorDialog() {
-    var _this;
-
-    _classCallCheck(this, ImageEditorDialog);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "imageEditor", /*#__PURE__*/React.createRef());
-
-    return _this;
-  }
-
-  _createClass(ImageEditorDialog, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          src = _this$props.src,
-          options = _this$props.options,
-          onAccept = _this$props.onAccept,
-          open = _this$props.open,
-          dialogZIndex = _this$props.dialogZIndex,
-          dialogProps = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/React.createElement(Dialog, Object.assign({
-        className: imageEditorDialog,
-        style: {
-          zIndex: dialogZIndex
-        },
-        open: open
-      }, dialogProps), open && /*#__PURE__*/React.createElement(ImageEditor, {
-        ref: this.imageEditor,
-        src: src,
-        options: options
-      }, function (_ref) {
-        var render = _ref.render,
-            activeTool = _ref.activeTool;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogContent, null, render()), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, null, "Cancel"), activeTool ? /*#__PURE__*/React.createElement(Tooltip, {
-          content: "Please close currently active tool.",
-          placement: "top"
-        }, /*#__PURE__*/React.createElement(DialogAccept, {
-          disabled: true
-        }, "Save")) : /*#__PURE__*/React.createElement(DialogAccept, {
-          onClick: function onClick() {
-            return onAccept(_this2.imageEditor.current.getCanvasDataUrl());
-          }
-        }, "Save")));
-      }));
-    }
-  }]);
-
-  return ImageEditorDialog;
-}(React.Component);
-
-export default ImageEditorDialog;
+import React from "react";
+import { Alert } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please check the `ImageEditorDialog` component inside the `@webiny/app-file-manager` package instead.
+ */
+export const ImageEditorDialog = ({}) => {
+  return /*#__PURE__*/React.createElement(Alert, {
+    type: "danger",
+    variant: "strong"
+  }, "Deprecated component! The original code has been moved to `@webiny/app-file-manager` package.");
+};
+
+//# sourceMappingURL=ImageEditorDialog.js.map