@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/ImageEditor/toolbar/filter.js

@@ -1,208 +0,0 @@
-"use strict";
-
-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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _filter = require("./icons/filter.svg");
-var _Slider = require("../../Slider");
-var _Button = require("../../Button");
-var _Tooltip = require("../../Tooltip");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
- * When using Caman, we added @ts-expect-error because it does not exist in packages, but it is loaded in packages/ui/src/ImageEditor/ImageEditor.tsx:38.
- * TODO: use some other library to edit images
- */
-var Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1cnct9n0"
-} : {
-  target: "e1cnct9n0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "13wdyj9",
-  styles: "ul{text-align:center;li{display:inline-block;width:180px;padding:10px;}}.buttons{text-align:center;}"
-} : {
-  name: "13wdyj9",
-  styles: "ul{text-align:center;li{display:inline-block;width:180px;padding:10px;}}.buttons{text-align:center;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJnQiIsImZpbGUiOiJmaWx0ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBXaGVuIHVzaW5nIENhbWFuLCB3ZSBhZGRlZCBAdHMtZXhwZWN0LWVycm9yIGJlY2F1c2UgaXQgZG9lcyBub3QgZXhpc3QgaW4gcGFja2FnZXMsIGJ1dCBpdCBpcyBsb2FkZWQgaW4gcGFja2FnZXMvdWkvc3JjL0ltYWdlRWRpdG9yL0ltYWdlRWRpdG9yLnRzeDozOC5cbiAqIFRPRE86IHVzZSBzb21lIG90aGVyIGxpYnJhcnkgdG8gZWRpdCBpbWFnZXNcbiAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRmlsdGVySWNvbiB9IGZyb20gXCIuL2ljb25zL2ZpbHRlci5zdmdcIjtcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gXCJ+L1NsaWRlclwiO1xuaW1wb3J0IHsgSW1hZ2VFZGl0b3JUb29sIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IEljb25CdXR0b24sIEJ1dHRvbkRlZmF1bHQgfSBmcm9tIFwifi9CdXR0b25cIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwifi9Ub29sdGlwXCI7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSBcImxvZGFzaC9kZWJvdW5jZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmludGVyZmFjZSBSZW5kZXJGb3JtU3RhdGUge1xuICAgIHZhbHVlczogUmVjb3JkPHN0cmluZywgYW55PjtcbiAgICBwcm9jZXNzaW5nOiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgUmVuZGVyRm9ybVByb3BzIHtcbiAgICBjYW52YXM6IGFueTtcbiAgICByZW5kZXJBcHBseUNhbmNlbD86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHVsOiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgbGk6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICAgICAgICB3aWR0aDogMTgwLFxuICAgICAgICAgICAgcGFkZGluZzogMTBcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCIuYnV0dG9uc1wiOiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIlxuICAgIH1cbn0pO1xuXG5jb25zdCBzbGlkZXJzID0gW1xuICAgIHtcbiAgICAgICAga2V5OiBcImJyaWdodG5lc3NcIixcbiAgICAgICAgbGFiZWw6IFwiQnJpZ2h0bmVzc1wiLFxuICAgICAgICBtaW46IC0xMDBcbiAgICB9LFxuICAgIHtcbiAgICAgICAga2V5OiBcInZpYnJhbmNlXCIsXG4gICAgICAgIGxhYmVsOiBcIlZpYnJhbmNlXCIsXG4gICAgICAgIG1pbjogLTEwMFxuICAgIH0sXG4gICAge1xuICAgICAgICBrZXk6IFwiaHVlXCIsXG4gICAgICAgIGxhYmVsOiBcIkh1ZVwiLFxuICAgICAgICBtaW46IC0xMDBcbiAgICB9LFxuICAgIHtcbiAgICAgICAga2V5OiBcImdhbW1hXCIsXG4gICAgICAgIGxhYmVsOiBcIkdhbW1hXCJcbiAgICB9LFxuICAgIHtcbiAgICAgICAga2V5OiBcImNsaXBcIixcbiAgICAgICAgbGFiZWw6IFwiQ2xpcFwiXG4gICAgfSxcbiAgICB7XG4gICAgICAgIGtleTogXCJzdGFja0JsdXJcIixcbiAgICAgICAgbGFiZWw6IFwiQmx1clwiXG4gICAgfSxcbiAgICB7XG4gICAgICAgIGtleTogXCJjb250cmFzdFwiLFxuICAgICAgICBsYWJlbDogXCJDb250cmFzdFwiLFxuICAgICAgICBtaW46IC0xMDBcbiAgICB9LFxuICAgIHtcbiAgICAgICAga2V5OiBcInNhdHVyYXRpb25cIixcbiAgICAgICAgbGFiZWw6IFwiU2F0dXJhdGlvblwiLFxuICAgICAgICBtaW46IC0xMDBcbiAgICB9LFxuICAgIHtcbiAgICAgICAga2V5OiBcImV4cG9zdXJlXCIsXG4gICAgICAgIGxhYmVsOiBcIkV4cG9zdXJlXCIsXG4gICAgICAgIG1pbjogLTEwMFxuICAgIH0sXG4gICAge1xuICAgICAgICBrZXk6IFwic2VwaWFcIixcbiAgICAgICAgbGFiZWw6IFwiU2VwaWFcIlxuICAgIH0sXG4gICAge1xuICAgICAgICBrZXk6IFwibm9pc2VcIixcbiAgICAgICAgbGFiZWw6IFwiTm9pc2VcIlxuICAgIH0sXG4gICAge1xuICAgICAgICBrZXk6IFwic2hhcnBlblwiLFxuICAgICAgICBsYWJlbDogXCJTaGFycGVuXCJcbiAgICB9XG5dO1xuXG5jbGFzcyBSZW5kZXJGb3JtIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PFJlbmRlckZvcm1Qcm9wcywgUmVuZGVyRm9ybVN0YXRlPiB7XG4gICAgcHVibGljIG92ZXJyaWRlIHN0YXRlOiBSZW5kZXJGb3JtU3RhdGUgPSB7XG4gICAgICAgIHByb2Nlc3Npbmc6IGZhbHNlLFxuICAgICAgICB2YWx1ZXM6IHt9XG4gICAgfTtcblxuICAgIHB1YmxpYyBvdmVycmlkZSBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICAgICAgdGhpcy5yZXNldEZpbHRlcnNWYWx1ZXMoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IGFwcGx5RmlsdGVycyA9IGRlYm91bmNlKCgpID0+IHtcbiAgICAgICAgY29uc3QgeyBjYW52YXMgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IHsgdmFsdWVzIH0gPSB0aGlzLnN0YXRlO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXRoaXMtYWxpYXNcbiAgICAgICAgY29uc3QgY29tcG9uZW50ID0gdGhpcztcblxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIENhbWFuKGNhbnZhcy5jdXJyZW50LCBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgICAgICB0aGlzLnJldmVydChmYWxzZSk7XG4gICAgICAgICAgICBPYmplY3Qua2V5cyh2YWx1ZXMpLmZvckVhY2goXG4gICAgICAgICAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICAgICAgICAgIGtleSA9PiB2YWx1ZXNba2V5XSAhPT0gMCAmJiB0aGlzW2tleV0gJiYgdGhpc1trZXldKHZhbHVlc1trZXldKVxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgICAgIHRoaXMucmVuZGVyKCk7XG4gICAgICAgICAgICBjb21wb25lbnQuc2V0U3RhdGUoeyBwcm9jZXNzaW5nOiBmYWxzZSB9KTtcbiAgICAgICAgfSk7XG4gICAgfSwgMjAwKTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVzZXRGaWx0ZXJzVmFsdWVzID0gKCkgPT4ge1xuICAgICAgICB0aGlzLnNldFN0YXRlKHN0YXRlID0+IHtcbiAgICAgICAgICAgIHNsaWRlcnMucmVkdWNlKChvdXRwdXQsIGN1cnJlbnQpID0+IHtcbiAgICAgICAgICAgICAgICBzdGF0ZS52YWx1ZXNbY3VycmVudC5rZXldID0gMDtcbiAgICAgICAgICAgICAgICByZXR1cm4gb3V0cHV0O1xuICAgICAgICAgICAgfSwge30pO1xuXG4gICAgICAgICAgICByZXR1cm4gc3RhdGU7XG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVuZGVyKCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgICAgICB7c2xpZGVycy5tYXAocHJvcHMgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGtleT17cHJvcHMua2V5fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2xpZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0aGlzLnN0YXRlLnZhbHVlc1twcm9wcy5rZXldfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtaW49ezB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heD17MTAwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17dGhpcy5zdGF0ZS5wcm9jZXNzaW5nfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbklucHV0PXsodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5zZXRTdGF0ZShzdGF0ZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgdmFsdWVzID0geyAuLi5zdGF0ZS52YWx1ZXMgfTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZXNbcHJvcHMua2V5XSA9IHZhbHVlO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHsgLi4uc3RhdGUsIHByb2Nlc3Npbmc6IHRydWUsIHZhbHVlcyB9O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSwgdGhpcy5hcHBseUZpbHRlcnMpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvdWw+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXt7IHRleHRBbGlnbjogXCJjZW50ZXJcIiB9fT5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkRlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHsgcHJvY2Vzc2luZzogdHJ1ZSB9LCAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMucmVzZXRGaWx0ZXJzVmFsdWVzKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuYXBwbHlGaWx0ZXJzKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuc2V0U3RhdGUoeyBwcm9jZXNzaW5nOiBmYWxzZSB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIFJlc2V0IGZpbHRlcnNcbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b25EZWZhdWx0PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9XcmFwcGVyPlxuICAgICAgICApO1xuICAgIH1cbn1cblxuY29uc3QgdG9vbDogSW1hZ2VFZGl0b3JUb29sID0ge1xuICAgIG5hbWU6IFwiZmlsdGVyXCIsXG4gICAgaWNvbih7IGFjdGl2YXRlVG9vbCB9KSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VG9vbHRpcCBwbGFjZW1lbnQ9e1wiYm90dG9tXCJ9IGNvbnRlbnQ9e1wiRmlsdGVyXCJ9PlxuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGljb249ezxGaWx0ZXJJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBhY3RpdmF0ZVRvb2woXCJmaWx0ZXJcIil9XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtcImZpbHRlci1pdGVtXCJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKTtcbiAgICB9LFxuICAgIHJlbmRlckZvcm0ocHJvcHMpIHtcbiAgICAgICAgcmV0dXJuIDxSZW5kZXJGb3JtIHsuLi5wcm9wc30gLz47XG4gICAgfSxcbiAgICBjYW5jZWw6ICh7IGNhbnZhcyB9KSA9PiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgQ2FtYW4oY2FudmFzLmN1cnJlbnQsIGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgICAgIHRoaXMucmV2ZXJ0KGZhbHNlKTtcbiAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgICAgIHRoaXMucmVuZGVyKCk7XG4gICAgICAgIH0pO1xuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHRvb2w7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var sliders = [{
-  key: "brightness",
-  label: "Brightness",
-  min: -100
-}, {
-  key: "vibrance",
-  label: "Vibrance",
-  min: -100
-}, {
-  key: "hue",
-  label: "Hue",
-  min: -100
-}, {
-  key: "gamma",
-  label: "Gamma"
-}, {
-  key: "clip",
-  label: "Clip"
-}, {
-  key: "stackBlur",
-  label: "Blur"
-}, {
-  key: "contrast",
-  label: "Contrast",
-  min: -100
-}, {
-  key: "saturation",
-  label: "Saturation",
-  min: -100
-}, {
-  key: "exposure",
-  label: "Exposure",
-  min: -100
-}, {
-  key: "sepia",
-  label: "Sepia"
-}, {
-  key: "noise",
-  label: "Noise"
-}, {
-  key: "sharpen",
-  label: "Sharpen"
-}];
-var RenderForm = /*#__PURE__*/function (_React$Component) {
-  function RenderForm() {
-    var _this;
-    (0, _classCallCheck2.default)(this, RenderForm);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2.default)(this, RenderForm, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {
-      processing: false,
-      values: {}
-    });
-    (0, _defineProperty2.default)(_this, "applyFilters", (0, _debounce.default)(function () {
-      var canvas = _this.props.canvas;
-      var values = _this.state.values;
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
-      var component = _this;
-
-      // @ts-expect-error
-      Caman(canvas.current, function () {
-        var _this2 = this;
-        // @ts-expect-error
-        this.revert(false);
-        Object.keys(values).forEach(
-        // @ts-expect-error
-        function (key) {
-          return values[key] !== 0 && _this2[key] && _this2[key](values[key]);
-        });
-        // @ts-expect-error
-        this.render();
-        component.setState({
-          processing: false
-        });
-      });
-    }, 200));
-    (0, _defineProperty2.default)(_this, "resetFiltersValues", function () {
-      _this.setState(function (state) {
-        sliders.reduce(function (output, current) {
-          state.values[current.key] = 0;
-          return output;
-        }, {});
-        return state;
-      });
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(RenderForm, _React$Component);
-  return (0, _createClass2.default)(RenderForm, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.resetFiltersValues();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement("ul", null, sliders.map(function (props) {
-        return /*#__PURE__*/_react.default.createElement("li", {
-          key: props.key
-        }, /*#__PURE__*/_react.default.createElement(_Slider.Slider, Object.assign({
-          value: _this3.state.values[props.key],
-          min: 0,
-          max: 100,
-          disabled: _this3.state.processing,
-          onInput: function onInput(value) {
-            _this3.setState(function (state) {
-              var values = (0, _objectSpread2.default)({}, state.values);
-              values[props.key] = value;
-              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-                processing: true,
-                values: values
-              });
-            }, _this3.applyFilters);
-          }
-        }, props)));
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          textAlign: "center"
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        onClick: function onClick() {
-          _this3.setState({
-            processing: true
-          }, function () {
-            _this3.resetFiltersValues();
-            _this3.applyFilters();
-            _this3.setState({
-              processing: false
-            });
-          });
-        }
-      }, "Reset filters")));
-    }
-  }]);
-}(_react.default.Component);
-var tool = {
-  name: "filter",
-  icon: function icon(_ref) {
-    var activateTool = _ref.activateTool;
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      placement: "bottom",
-      content: "Filter"
-    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_filter.ReactComponent, null),
-      onClick: function onClick() {
-        return activateTool("filter");
-      },
-      "data-testid": "filter-item"
-    }));
-  },
-  renderForm: function renderForm(props) {
-    return /*#__PURE__*/_react.default.createElement(RenderForm, props);
-  },
-  cancel: function cancel(_ref2) {
-    var canvas = _ref2.canvas;
-    // @ts-expect-error
-    Caman(canvas.current, function () {
-      // @ts-expect-error
-      this.revert(false);
-      // @ts-expect-error
-      this.render();
-    });
-  }
-};
-var _default = exports.default = tool;
-
-//# sourceMappingURL=filter.js.map

package/ImageEditor/toolbar/filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_filter","_Slider","_Button","_Tooltip","_debounce","_EMOTION_STRINGIFIED_CSS_ERROR__","Wrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","sliders","key","min","RenderForm","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","processing","values","debounce","canvas","props","state","component","Caman","current","_this2","revert","Object","keys","forEach","render","setState","reduce","output","_inherits2","_createClass2","value","componentDidMount","resetFiltersValues","_this3","createElement","Slider","assign","max","disabled","onInput","_objectSpread2","applyFilters","style","textAlign","ButtonDefault","onClick","React","Component","tool","icon","_ref","activateTool","Tooltip","placement","content","IconButton","ReactComponent","renderForm","cancel","_ref2","_default","exports"],"sources":["filter.tsx"],"sourcesContent":["/**\n * When using Caman, we added @ts-expect-error because it does not exist in packages, but it is loaded in packages/ui/src/ImageEditor/ImageEditor.tsx:38.\n * TODO: use some other library to edit images\n */\nimport React from \"react\";\nimport { ReactComponent as FilterIcon } from \"./icons/filter.svg\";\nimport { Slider } from \"~/Slider\";\nimport { ImageEditorTool } from \"./types\";\nimport { IconButton, ButtonDefault } from \"~/Button\";\nimport { Tooltip } from \"~/Tooltip\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\n\ninterface RenderFormState {\n    values: Record<string, any>;\n    processing: boolean;\n}\n\ninterface RenderFormProps {\n    canvas: any;\n    renderApplyCancel?: () => void;\n}\n\nconst Wrapper = styled(\"div\")({\n    ul: {\n        textAlign: \"center\",\n        li: {\n            display: \"inline-block\",\n            width: 180,\n            padding: 10\n        }\n    },\n    \".buttons\": {\n        textAlign: \"center\"\n    }\n});\n\nconst sliders = [\n    {\n        key: \"brightness\",\n        label: \"Brightness\",\n        min: -100\n    },\n    {\n        key: \"vibrance\",\n        label: \"Vibrance\",\n        min: -100\n    },\n    {\n        key: \"hue\",\n        label: \"Hue\",\n        min: -100\n    },\n    {\n        key: \"gamma\",\n        label: \"Gamma\"\n    },\n    {\n        key: \"clip\",\n        label: \"Clip\"\n    },\n    {\n        key: \"stackBlur\",\n        label: \"Blur\"\n    },\n    {\n        key: \"contrast\",\n        label: \"Contrast\",\n        min: -100\n    },\n    {\n        key: \"saturation\",\n        label: \"Saturation\",\n        min: -100\n    },\n    {\n        key: \"exposure\",\n        label: \"Exposure\",\n        min: -100\n    },\n    {\n        key: \"sepia\",\n        label: \"Sepia\"\n    },\n    {\n        key: \"noise\",\n        label: \"Noise\"\n    },\n    {\n        key: \"sharpen\",\n        label: \"Sharpen\"\n    }\n];\n\nclass RenderForm extends React.Component<RenderFormProps, RenderFormState> {\n    public override state: RenderFormState = {\n        processing: false,\n        values: {}\n    };\n\n    public override componentDidMount() {\n        this.resetFiltersValues();\n    }\n\n    private readonly applyFilters = debounce(() => {\n        const { canvas } = this.props;\n        const { values } = this.state;\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const component = this;\n\n        // @ts-expect-error\n        Caman(canvas.current, function () {\n            // @ts-expect-error\n            this.revert(false);\n            Object.keys(values).forEach(\n                // @ts-expect-error\n                key => values[key] !== 0 && this[key] && this[key](values[key])\n            );\n            // @ts-expect-error\n            this.render();\n            component.setState({ processing: false });\n        });\n    }, 200);\n\n    private readonly resetFiltersValues = () => {\n        this.setState(state => {\n            sliders.reduce((output, current) => {\n                state.values[current.key] = 0;\n                return output;\n            }, {});\n\n            return state;\n        });\n    };\n\n    public override render() {\n        return (\n            <Wrapper>\n                <ul>\n                    {sliders.map(props => (\n                        <li key={props.key}>\n                            <Slider\n                                value={this.state.values[props.key]}\n                                min={0}\n                                max={100}\n                                disabled={this.state.processing}\n                                onInput={(value: string) => {\n                                    this.setState(state => {\n                                        const values = { ...state.values };\n                                        values[props.key] = value;\n\n                                        return { ...state, processing: true, values };\n                                    }, this.applyFilters);\n                                }}\n                                {...props}\n                            />\n                        </li>\n                    ))}\n                </ul>\n\n                <div style={{ textAlign: \"center\" }}>\n                    <ButtonDefault\n                        onClick={() => {\n                            this.setState({ processing: true }, () => {\n                                this.resetFiltersValues();\n                                this.applyFilters();\n                                this.setState({ processing: false });\n                            });\n                        }}\n                    >\n                        Reset filters\n                    </ButtonDefault>\n                </div>\n            </Wrapper>\n        );\n    }\n}\n\nconst tool: ImageEditorTool = {\n    name: \"filter\",\n    icon({ activateTool }) {\n        return (\n            <Tooltip placement={\"bottom\"} content={\"Filter\"}>\n                <IconButton\n                    icon={<FilterIcon />}\n                    onClick={() => activateTool(\"filter\")}\n                    data-testid={\"filter-item\"}\n                />\n            </Tooltip>\n        );\n    },\n    renderForm(props) {\n        return <RenderForm {...props} />;\n    },\n    cancel: ({ canvas }) => {\n        // @ts-expect-error\n        Caman(canvas.current, function () {\n            // @ts-expect-error\n            this.revert(false);\n            // @ts-expect-error\n            this.render();\n        });\n    }\n};\n\nexport default tool;\n"],"mappings":"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","ignoreList":[]}

package/ImageEditor/toolbar/flip.d.ts

@@ -1,4 +0,0 @@
-import { ImageEditorTool } from "./types";
-import "cropperjs/dist/cropper.css";
-declare const tool: ImageEditorTool;
-export default tool;

package/ImageEditor/toolbar/flip.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _flip = require("./icons/flip.svg");
-var _cropperjs = _interopRequireDefault(require("cropperjs"));
-require("cropperjs/dist/cropper.css");
-var _Button = require("../../Button");
-var _Tooltip = require("../../Tooltip");
-var cropper;
-var flipped = {
-  x: 1,
-  y: 1
-};
-var renderForm = function renderForm() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      textAlign: "center"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-    onClick: function onClick() {
-      if (!cropper) {
-        return;
-      }
-      flipped.x = flipped.x === 1 ? -1 : 1;
-      cropper.scaleX(flipped.x);
-    }
-  }, "FlipX"), /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-    onClick: function onClick() {
-      if (!cropper) {
-        return;
-      }
-      flipped.y = flipped.y === 1 ? -1 : 1;
-      cropper.scaleY(flipped.y);
-    }
-  }, "FlipY"));
-};
-var tool = {
-  name: "flip",
-  icon: function icon(_ref) {
-    var activateTool = _ref.activateTool;
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      placement: "bottom",
-      content: "Flip"
-    }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_flip.ReactComponent, null),
-      onClick: function onClick() {
-        return activateTool("flip");
-      },
-      "data-testid": "flip-item"
-    }));
-  },
-  renderForm: renderForm,
-  cancel: function cancel() {
-    return cropper && cropper.destroy();
-  },
-  onActivate: function onActivate(_ref2) {
-    var canvas = _ref2.canvas;
-    cropper = new _cropperjs.default(canvas.current, {
-      background: false,
-      modal: false,
-      guides: false,
-      dragMode: "none",
-      highlight: false,
-      autoCrop: false
-    });
-  },
-  apply: function apply(_ref3) {
-    var canvas = _ref3.canvas;
-    return new Promise(function (resolve) {
-      if (!cropper) {
-        resolve();
-        return;
-      }
-      var current = canvas.current;
-      var src = cropper.getCroppedCanvas().toDataURL();
-      if (current) {
-        var image = new window.Image();
-        var ctx = current.getContext("2d");
-        image.onload = function () {
-          ctx.drawImage(image, 0, 0);
-          current.width = image.width;
-          current.height = image.height;
-          ctx.drawImage(image, 0, 0);
-          resolve();
-        };
-        image.src = src;
-      }
-      cropper.destroy();
-    });
-  }
-};
-var _default = exports.default = tool;
-
-//# sourceMappingURL=flip.js.map

package/ImageEditor/toolbar/flip.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_flip","_cropperjs","_Button","_Tooltip","cropper","flipped","x","y","renderForm","default","createElement","style","textAlign","ButtonDefault","onClick","scaleX","scaleY","tool","name","icon","_ref","activateTool","Tooltip","placement","content","IconButton","ReactComponent","cancel","destroy","onActivate","_ref2","canvas","Cropper","current","background","modal","guides","dragMode","highlight","autoCrop","apply","_ref3","Promise","resolve","src","getCroppedCanvas","toDataURL","image","window","Image","ctx","getContext","onload","drawImage","width","height","_default","exports"],"sources":["flip.tsx"],"sourcesContent":["import React from \"react\";\nimport { ImageEditorTool } from \"./types\";\nimport { ReactComponent as FlipIcon } from \"./icons/flip.svg\";\nimport Cropper from \"cropperjs\";\nimport \"cropperjs/dist/cropper.css\";\n\nimport { IconButton, ButtonDefault } from \"../../Button\";\nimport { Tooltip } from \"~/Tooltip\";\n\nlet cropper: Cropper;\n\nconst flipped = { x: 1, y: 1 };\n\nconst renderForm = () => {\n    return (\n        <div style={{ textAlign: \"center\" }}>\n            <ButtonDefault\n                onClick={() => {\n                    if (!cropper) {\n                        return;\n                    }\n\n                    flipped.x = flipped.x === 1 ? -1 : 1;\n                    cropper.scaleX(flipped.x);\n                }}\n            >\n                FlipX\n            </ButtonDefault>\n            <ButtonDefault\n                onClick={() => {\n                    if (!cropper) {\n                        return;\n                    }\n\n                    flipped.y = flipped.y === 1 ? -1 : 1;\n                    cropper.scaleY(flipped.y);\n                }}\n            >\n                FlipY\n            </ButtonDefault>\n        </div>\n    );\n};\n\nconst tool: ImageEditorTool = {\n    name: \"flip\",\n    icon({ activateTool }) {\n        return (\n            <Tooltip placement={\"bottom\"} content={\"Flip\"}>\n                <IconButton\n                    icon={<FlipIcon />}\n                    onClick={() => activateTool(\"flip\")}\n                    data-testid={\"flip-item\"}\n                />\n            </Tooltip>\n        );\n    },\n    renderForm,\n    cancel: () => cropper && cropper.destroy(),\n    onActivate: ({ canvas }) => {\n        cropper = new Cropper(canvas.current as HTMLCanvasElement, {\n            background: false,\n            modal: false,\n            guides: false,\n            dragMode: \"none\",\n            highlight: false,\n            autoCrop: false\n        });\n    },\n    apply: ({ canvas }) => {\n        return new Promise((resolve: any) => {\n            if (!cropper) {\n                resolve();\n                return;\n            }\n\n            const current = canvas.current;\n            const src = cropper.getCroppedCanvas().toDataURL();\n            if (current) {\n                const image = new window.Image();\n                const ctx = current.getContext(\"2d\") as CanvasRenderingContext2D;\n                image.onload = () => {\n                    ctx.drawImage(image, 0, 0);\n                    current.width = image.width;\n                    current.height = image.height;\n\n                    ctx.drawImage(image, 0, 0);\n                    resolve();\n                };\n                image.src = src;\n            }\n\n            cropper.destroy();\n        });\n    }\n};\n\nexport default tool;\n"],"mappings":"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","ignoreList":[]}

package/ImageEditor/toolbar/icons/crop.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M17 15h2V7c0-1.1-.9-2-2-2H9v2h8v8zM7 17V1H5v4H1v2h4v10c0 1.1.9 2 2 2h10v4h2v-4h4v-2H7z"/>
-</svg>

package/ImageEditor/toolbar/icons/draw.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/ImageEditor/toolbar/icons/filter.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/>
-</svg>

package/ImageEditor/toolbar/icons/flip.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"/>
-</svg>

package/ImageEditor/toolbar/icons/index.d.ts

@@ -1,8 +0,0 @@
-export { ReactComponent as CropIcon } from "./crop.svg";
-export { ReactComponent as DrawIcon } from "./draw.svg";
-export { ReactComponent as FilterIcon } from "./filter.svg";
-export { ReactComponent as FlipIcon } from "./flip.svg";
-export { ReactComponent as RedoIcon } from "./redo.svg";
-export { ReactComponent as RotateLeftIcon } from "./rotateLeft.svg";
-export { ReactComponent as RotateRightIcon } from "./rotateRight.svg";
-export { ReactComponent as UndoIcon } from "./undo.svg";

package/ImageEditor/toolbar/icons/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CropIcon", {
-  enumerable: true,
-  get: function get() {
-    return _crop.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "DrawIcon", {
-  enumerable: true,
-  get: function get() {
-    return _draw.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "FilterIcon", {
-  enumerable: true,
-  get: function get() {
-    return _filter.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "FlipIcon", {
-  enumerable: true,
-  get: function get() {
-    return _flip.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "RedoIcon", {
-  enumerable: true,
-  get: function get() {
-    return _redo.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "RotateLeftIcon", {
-  enumerable: true,
-  get: function get() {
-    return _rotateLeft.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "RotateRightIcon", {
-  enumerable: true,
-  get: function get() {
-    return _rotateRight.ReactComponent;
-  }
-});
-Object.defineProperty(exports, "UndoIcon", {
-  enumerable: true,
-  get: function get() {
-    return _undo.ReactComponent;
-  }
-});
-var _crop = require("./crop.svg");
-var _draw = require("./draw.svg");
-var _filter = require("./filter.svg");
-var _flip = require("./flip.svg");
-var _redo = require("./redo.svg");
-var _rotateLeft = require("./rotateLeft.svg");
-var _rotateRight = require("./rotateRight.svg");
-var _undo = require("./undo.svg");
-
-//# sourceMappingURL=index.js.map

package/ImageEditor/toolbar/icons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_crop","require","_draw","_filter","_flip","_redo","_rotateLeft","_rotateRight","_undo"],"sources":["index.ts"],"sourcesContent":["export { ReactComponent as CropIcon } from \"./crop.svg\";\nexport { ReactComponent as DrawIcon } from \"./draw.svg\";\nexport { ReactComponent as FilterIcon } from \"./filter.svg\";\nexport { ReactComponent as FlipIcon } from \"./flip.svg\";\nexport { ReactComponent as RedoIcon } from \"./redo.svg\";\nexport { ReactComponent as RotateLeftIcon } from \"./rotateLeft.svg\";\nexport { ReactComponent as RotateRightIcon } from \"./rotateRight.svg\";\nexport { ReactComponent as UndoIcon } from \"./undo.svg\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA","ignoreList":[]}

package/ImageEditor/toolbar/icons/redo.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"/>
-</svg>

package/ImageEditor/toolbar/icons/rotateLeft.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"/>
-</svg>

package/ImageEditor/toolbar/icons/rotateRight.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z"/>
-</svg>

package/ImageEditor/toolbar/icons/undo.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path fill="currentColor" d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/>
-</svg>

package/ImageEditor/toolbar/index.d.ts

@@ -1,4 +0,0 @@
-export { default as crop } from "./crop";
-export { default as flip } from "./flip";
-export { default as filter } from "./filter";
-export { default as rotate } from "./rotate";

package/ImageEditor/toolbar/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "crop", {
-  enumerable: true,
-  get: function get() {
-    return _crop.default;
-  }
-});
-Object.defineProperty(exports, "filter", {
-  enumerable: true,
-  get: function get() {
-    return _filter.default;
-  }
-});
-Object.defineProperty(exports, "flip", {
-  enumerable: true,
-  get: function get() {
-    return _flip.default;
-  }
-});
-Object.defineProperty(exports, "rotate", {
-  enumerable: true,
-  get: function get() {
-    return _rotate.default;
-  }
-});
-var _crop = _interopRequireDefault(require("./crop"));
-var _flip = _interopRequireDefault(require("./flip"));
-var _filter = _interopRequireDefault(require("./filter"));
-var _rotate = _interopRequireDefault(require("./rotate"));
-
-//# sourceMappingURL=index.js.map

package/ImageEditor/toolbar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_crop","_interopRequireDefault","require","_flip","_filter","_rotate"],"sources":["index.ts"],"sourcesContent":["export { default as crop } from \"./crop\";\nexport { default as flip } from \"./flip\";\nexport { default as filter } from \"./filter\";\nexport { default as rotate } from \"./rotate\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/ImageEditor/toolbar/rotate.d.ts

@@ -1,4 +0,0 @@
-import { ImageEditorTool } from "./types";
-import "cropperjs/dist/cropper.css";
-declare const tool: ImageEditorTool;
-export default tool;