@pie-element/drawing-response 10.3.4-next.3 → 11.0.0-beta.0

package/lib/drawing-response/drawable-rectangle.js

@@ -1,119 +1,80 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactKonva = require("react-konva");
-
 var _drawableHelper = _interopRequireDefault(require("./drawable-helper"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var RectangleDrawable = /*#__PURE__*/function (_DrawableHelper) {
-  (0, _inherits2["default"])(RectangleDrawable, _DrawableHelper);
-
-  var _super = _createSuper(RectangleDrawable);
-
-  function RectangleDrawable(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, RectangleDrawable);
-    _this = _super.call(this, _props, RectangleDrawable.TYPE);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragEnd", function (props, event) {
-      var deltaX = _this.startx - event.target.getX();
-      var deltaY = _this.starty - event.target.getY();
-      _this.startx = event.target.getX();
-      _this.starty = event.target.getY();
-      _this.x = _this.x - deltaX;
-      _this.y = _this.y - deltaY;
+class RectangleDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, RectangleDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      const deltaX = this.startx - event.target.getX();
+      const deltaY = this.starty - event.target.getY();
+      this.startx = event.target.getX();
+      this.starty = event.target.getY();
+      this.x = this.x - deltaX;
+      this.y = this.y - deltaY;
       props.handleSessionChange();
     });
-    var startx = _props.startx,
-        starty = _props.starty,
-        x = _props.x,
-        y = _props.y;
-    _this.startx = startx;
-    _this.starty = starty;
-    _this.x = x || startx;
-    _this.y = y || starty;
-    _this.width = x - startx || 0;
-    _this.height = y - starty || 0;
-    return _this;
+    const {
+      startx,
+      starty,
+      x,
+      y
+    } = _props;
+    this.startx = startx;
+    this.starty = starty;
+    this.x = x || startx;
+    this.y = y || starty;
+    this.width = x - startx || 0;
+    this.height = y - starty || 0;
   }
-
-  (0, _createClass2["default"])(RectangleDrawable, [{
-    key: "registerMovement",
-    value: function registerMovement(x, y) {
-      this.x = x;
-      this.y = y;
-      this.width = this.x - this.startx;
-      this.height = this.y - this.starty;
-    }
-  }, {
-    key: "handleOnClick",
-    value: function handleOnClick(props) {
-      var paint = props.paint,
-          paintColor = props.paintColor,
-          forceUpdate = props.forceUpdate;
-
-      if (paint) {
-        this.paintColor = paintColor;
-        forceUpdate();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-
-      var draggable = props.draggable,
-          key = props.key,
-          onMouseOverElement = props.onMouseOverElement,
-          onMouseOutElement = props.onMouseOutElement;
-      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Rect, {
-        key: key,
-        height: this.height,
-        width: this.width,
-        fill: this.paintColor || this.fillColor,
-        onClick: function onClick() {
-          return _this2.handleOnClick(props);
-        },
-        onDragEnd: this.handleDragEnd.bind(this, props),
-        onMouseEnter: onMouseOverElement,
-        onMouseLeave: onMouseOutElement,
-        stroke: this.outlineColor,
-        draggable: draggable,
-        strokeWidth: 2,
-        x: this.startx,
-        y: this.starty
-      });
+  registerMovement(x, y) {
+    this.x = x;
+    this.y = y;
+    this.width = this.x - this.startx;
+    this.height = this.y - this.starty;
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
     }
-  }]);
-  return RectangleDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = RectangleDrawable;
-(0, _defineProperty2["default"])(RectangleDrawable, "TYPE", 'RectangleDrawable');
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Rect, {
+      key: key,
+      height: this.height,
+      width: this.width,
+      fill: this.paintColor || this.fillColor,
+      onClick: () => this.handleOnClick(props),
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      stroke: this.outlineColor,
+      draggable: draggable,
+      strokeWidth: 2,
+      x: this.startx,
+      y: this.starty
+    });
+  }
+}
+exports.default = RectangleDrawable;
+(0, _defineProperty2.default)(RectangleDrawable, "TYPE", 'RectangleDrawable');
 //# sourceMappingURL=drawable-rectangle.js.map

package/lib/drawing-response/drawable-rectangle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-rectangle.jsx"],"names":["RectangleDrawable","props","TYPE","event","deltaX","startx","target","getX","deltaY","starty","getY","x","y","handleSessionChange","width","height","paint","paintColor","forceUpdate","draggable","key","onMouseOverElement","onMouseOutElement","fillColor","handleOnClick","handleDragEnd","bind","outlineColor","DrawableHelper"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Rect } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class RectangleDrawable extends DrawableHelper {\n  static TYPE = 'RectangleDrawable';\n  constructor(props) {\n    super(props, RectangleDrawable.TYPE);\n    const { startx, starty, x, y } = props;\n    this.startx = startx;\n    this.starty = starty;\n    this.x = x || startx;\n    this.y = y || starty;\n    this.width = x - startx || 0;\n    this.height = y - starty || 0;\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\n    this.width = this.x - this.startx;\n    this.height = this.y - this.starty;\n  }\n\n  handleOnClick(props) {\n    const { paint, paintColor, forceUpdate } = props;\n\n    if (paint) {\n      this.paintColor = paintColor;\n      forceUpdate();\n    }\n  }\n\n  handleDragEnd = (props, event) => {\n    const deltaX = this.startx - event.target.getX();\n    const deltaY = this.starty - event.target.getY();\n\n    this.startx = event.target.getX();\n    this.starty = event.target.getY();\n\n    this.x = this.x - deltaX;\n    this.y = this.y - deltaY;\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Rect\n        key={key}\n        height={this.height}\n        width={this.width}\n        fill={this.paintColor || this.fillColor}\n        onClick={() => this.handleOnClick(props)}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        stroke={this.outlineColor}\n        draggable={draggable}\n        strokeWidth={2}\n        x={this.startx}\n        y={this.starty}\n      />\n    );\n  }\n}\n"],"file":"drawable-rectangle.js"}
+{"version":3,"file":"drawable-rectangle.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","RectangleDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","deltaX","startx","target","getX","deltaY","starty","getY","x","y","handleSessionChange","width","height","registerMovement","handleOnClick","paint","paintColor","forceUpdate","render","draggable","key","onMouseOverElement","onMouseOutElement","createElement","Rect","fill","fillColor","onClick","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","stroke","outlineColor","strokeWidth","exports"],"sources":["../../src/drawing-response/drawable-rectangle.jsx"],"sourcesContent":["import React from 'react';\nimport { Rect } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class RectangleDrawable extends DrawableHelper {\n  static TYPE = 'RectangleDrawable';\n  constructor(props) {\n    super(props, RectangleDrawable.TYPE);\n    const { startx, starty, x, y } = props;\n    this.startx = startx;\n    this.starty = starty;\n    this.x = x || startx;\n    this.y = y || starty;\n    this.width = x - startx || 0;\n    this.height = y - starty || 0;\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\n    this.width = this.x - this.startx;\n    this.height = this.y - this.starty;\n  }\n\n  handleOnClick(props) {\n    const { paint, paintColor, forceUpdate } = props;\n\n    if (paint) {\n      this.paintColor = paintColor;\n      forceUpdate();\n    }\n  }\n\n  handleDragEnd = (props, event) => {\n    const deltaX = this.startx - event.target.getX();\n    const deltaY = this.starty - event.target.getY();\n\n    this.startx = event.target.getX();\n    this.starty = event.target.getY();\n\n    this.x = this.x - deltaX;\n    this.y = this.y - deltaY;\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Rect\n        key={key}\n        height={this.height}\n        width={this.width}\n        fill={this.paintColor || this.fillColor}\n        onClick={() => this.handleOnClick(props)}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        stroke={this.outlineColor}\n        draggable={draggable}\n        strokeWidth={2}\n        x={this.startx}\n        y={this.starty}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}