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

package/lib/drawing-response/drawable-free-path.js

@@ -1,112 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 FreePathDrawable = /*#__PURE__*/function (_DrawableHelper) {
-  (0, _inherits2["default"])(FreePathDrawable, _DrawableHelper);
-
-  var _super = _createSuper(FreePathDrawable);
-
-  function FreePathDrawable(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, FreePathDrawable);
-    _this = _super.call(this, _props, FreePathDrawable.TYPE);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragEnd", function (props, event) {
-      _this.posX = event.target.getX();
-      _this.posY = event.target.getY();
+class FreePathDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, FreePathDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      this.posX = event.target.getX();
+      this.posY = event.target.getY();
       props.handleSessionChange();
     });
-    var startx = _props.startx,
-        starty = _props.starty,
-        points = _props.points,
-        posX = _props.posX,
-        posY = _props.posY;
-    _this.points = points || [startx, starty];
-    _this.posX = posX || 0;
-    _this.posY = posY || 0;
-    return _this;
+    const {
+      startx,
+      starty,
+      points,
+      posX,
+      posY
+    } = _props;
+    this.points = points || [startx, starty];
+    this.posX = posX || 0;
+    this.posY = posY || 0;
   }
-
-  (0, _createClass2["default"])(FreePathDrawable, [{
-    key: "registerMovement",
-    value: function registerMovement(x, y) {
-      this.points = [].concat((0, _toConsumableArray2["default"])(this.points), [x, y]);
-    }
-  }, {
-    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.Line, {
-        key: key,
-        draggable: draggable,
-        tension: 0,
-        bezier: true,
-        points: this.points,
-        fill: this.paintColor || this.fillColor,
-        onClick: function onClick() {
-          return _this2.handleOnClick(props);
-        },
-        onDragEnd: this.handleDragEnd.bind(this, props),
-        onMouseEnter: onMouseOverElement,
-        onMouseLeave: onMouseOutElement,
-        stroke: this.paintColor || this.outlineColor,
-        x: this.posX,
-        y: this.posY
-      });
+  registerMovement(x, y) {
+    this.points = [...this.points, x, y];
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
     }
-  }]);
-  return FreePathDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = FreePathDrawable;
-(0, _defineProperty2["default"])(FreePathDrawable, "TYPE", 'FreePathDrawable');
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Line, {
+      key: key,
+      draggable: draggable,
+      tension: 0,
+      bezier: true,
+      points: this.points,
+      fill: this.paintColor || this.fillColor,
+      onClick: () => this.handleOnClick(props),
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      stroke: this.paintColor || this.outlineColor,
+      x: this.posX,
+      y: this.posY
+    });
+  }
+}
+exports.default = FreePathDrawable;
+(0, _defineProperty2.default)(FreePathDrawable, "TYPE", 'FreePathDrawable');
 //# sourceMappingURL=drawable-free-path.js.map

package/lib/drawing-response/drawable-free-path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-free-path.jsx"],"names":["FreePathDrawable","props","TYPE","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","points","x","y","paint","paintColor","forceUpdate","draggable","key","onMouseOverElement","onMouseOutElement","fillColor","handleOnClick","handleDragEnd","bind","outlineColor","DrawableHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;IAEqBA,gB;;;;;AAGnB,4BAAYC,MAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,MAAN,EAAaD,gBAAgB,CAACE,IAA9B;AADiB,sGAsBH,UAACD,KAAD,EAAQE,KAAR,EAAkB;AAChC,YAAKC,IAAL,GAAYD,KAAK,CAACE,MAAN,CAAaC,IAAb,EAAZ;AACA,YAAKC,IAAL,GAAYJ,KAAK,CAACE,MAAN,CAAaG,IAAb,EAAZ;AAEAP,MAAAA,KAAK,CAACQ,mBAAN;AACD,KA3BkB;AAEjB,QAAQC,MAAR,GAA+CT,MAA/C,CAAQS,MAAR;AAAA,QAAgBC,MAAhB,GAA+CV,MAA/C,CAAgBU,MAAhB;AAAA,QAAwBC,MAAxB,GAA+CX,MAA/C,CAAwBW,MAAxB;AAAA,QAAgCR,IAAhC,GAA+CH,MAA/C,CAAgCG,IAAhC;AAAA,QAAsCG,IAAtC,GAA+CN,MAA/C,CAAsCM,IAAtC;AAEA,UAAKK,MAAL,GAAcA,MAAM,IAAI,CAACF,MAAD,EAASC,MAAT,CAAxB;AACA,UAAKP,IAAL,GAAYA,IAAI,IAAI,CAApB;AACA,UAAKG,IAAL,GAAYA,IAAI,IAAI,CAApB;AANiB;AAOlB;;;;WAED,0BAAiBM,CAAjB,EAAoBC,CAApB,EAAuB;AACrB,WAAKF,MAAL,iDAAkB,KAAKA,MAAvB,IAA+BC,CAA/B,EAAkCC,CAAlC;AACD;;;WAED,uBAAcb,KAAd,EAAqB;AACnB,UAAQc,KAAR,GAA2Cd,KAA3C,CAAQc,KAAR;AAAA,UAAeC,UAAf,GAA2Cf,KAA3C,CAAee,UAAf;AAAA,UAA2BC,WAA3B,GAA2ChB,KAA3C,CAA2BgB,WAA3B;;AAEA,UAAIF,KAAJ,EAAW;AACT,aAAKC,UAAL,GAAkBA,UAAlB;AACAC,QAAAA,WAAW;AACZ;AACF;;;WASD,gBAAOhB,KAAP,EAAc;AAAA;;AACZ,UAAQiB,SAAR,GAAkEjB,KAAlE,CAAQiB,SAAR;AAAA,UAAmBC,GAAnB,GAAkElB,KAAlE,CAAmBkB,GAAnB;AAAA,UAAwBC,kBAAxB,GAAkEnB,KAAlE,CAAwBmB,kBAAxB;AAAA,UAA4CC,iBAA5C,GAAkEpB,KAAlE,CAA4CoB,iBAA5C;AAEA,0BACE,gCAAC,gBAAD;AACE,QAAA,GAAG,EAAEF,GADP;AAEE,QAAA,SAAS,EAAED,SAFb;AAGE,QAAA,OAAO,EAAE,CAHX;AAIE,QAAA,MAAM,EAAE,IAJV;AAKE,QAAA,MAAM,EAAE,KAAKN,MALf;AAME,QAAA,IAAI,EAAE,KAAKI,UAAL,IAAmB,KAAKM,SANhC;AAOE,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACC,aAAL,CAAmBtB,KAAnB,CAAN;AAAA,SAPX;AAQE,QAAA,SAAS,EAAE,KAAKuB,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,EAA8BxB,KAA9B,CARb;AASE,QAAA,YAAY,EAAEmB,kBAThB;AAUE,QAAA,YAAY,EAAEC,iBAVhB;AAWE,QAAA,MAAM,EAAE,KAAKL,UAAL,IAAmB,KAAKU,YAXlC;AAYE,QAAA,CAAC,EAAE,KAAKtB,IAZV;AAaE,QAAA,CAAC,EAAE,KAAKG;AAbV,QADF;AAiBD;;;EApD2CoB,0B;;;iCAAzB3B,gB,UACL,kB","sourcesContent":["import React from 'react';\nimport { Line } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class FreePathDrawable extends DrawableHelper {\n  static TYPE = 'FreePathDrawable';\n\n  constructor(props) {\n    super(props, FreePathDrawable.TYPE);\n    const { startx, starty, points, posX, posY } = props;\n\n    this.points = points || [startx, starty];\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.points = [...this.points, x, y];\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    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Line\n        key={key}\n        draggable={draggable}\n        tension={0}\n        bezier={true}\n        points={this.points}\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.paintColor || this.outlineColor}\n        x={this.posX}\n        y={this.posY}\n      />\n    );\n  }\n}\n"],"file":"drawable-free-path.js"}
+{"version":3,"file":"drawable-free-path.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","FreePathDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","points","registerMovement","x","y","handleOnClick","paint","paintColor","forceUpdate","render","draggable","key","onMouseOverElement","onMouseOutElement","createElement","Line","tension","bezier","fill","fillColor","onClick","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","stroke","outlineColor","exports"],"sources":["../../src/drawing-response/drawable-free-path.jsx"],"sourcesContent":["import React from 'react';\nimport { Line } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class FreePathDrawable extends DrawableHelper {\n  static TYPE = 'FreePathDrawable';\n\n  constructor(props) {\n    super(props, FreePathDrawable.TYPE);\n    const { startx, starty, points, posX, posY } = props;\n\n    this.points = points || [startx, starty];\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.points = [...this.points, x, y];\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    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Line\n        key={key}\n        draggable={draggable}\n        tension={0}\n        bezier={true}\n        points={this.points}\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.paintColor || this.outlineColor}\n        x={this.posX}\n        y={this.posY}\n      />\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEe,MAAMG,gBAAgB,SAASC,uBAAc,CAAC;EAG3DC,WAAWA,CAACC,MAAK,EAAE;IACjB,KAAK,CAACA,MAAK,EAAEH,gBAAgB,CAACI,IAAI,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,yBAqBtB,CAACH,KAAK,EAAEI,KAAK,KAAK;MAChC,IAAI,CAACC,IAAI,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAAC;MAC/B,IAAI,CAACC,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAACG,IAAI,CAAC,CAAC;MAE/BT,KAAK,CAACU,mBAAmB,CAAC,CAAC;IAC7B,CAAC;IAzBC,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAER,IAAI;MAAEG;IAAK,CAAC,GAAGR,MAAK;IAEpD,IAAI,CAACa,MAAM,GAAGA,MAAM,IAAI,CAACF,MAAM,EAAEC,MAAM,CAAC;IACxC,IAAI,CAACP,IAAI,GAAGA,IAAI,IAAI,CAAC;IACrB,IAAI,CAACG,IAAI,GAAGA,IAAI,IAAI,CAAC;EACvB;EAEAM,gBAAgBA,CAACC,CAAC,EAAEC,CAAC,EAAE;IACrB,IAAI,CAACH,MAAM,GAAG,CAAC,GAAG,IAAI,CAACA,MAAM,EAAEE,CAAC,EAAEC,CAAC,CAAC;EACtC;EAEAC,aAAaA,CAACjB,KAAK,EAAE;IACnB,MAAM;MAAEkB,KAAK;MAAEC,UAAU;MAAEC;IAAY,CAAC,GAAGpB,KAAK;IAEhD,IAAIkB,KAAK,EAAE;MACT,IAAI,CAACC,UAAU,GAAGA,UAAU;MAC5BC,WAAW,CAAC,CAAC;IACf;EACF;EASAC,MAAMA,CAACrB,KAAK,EAAE;IACZ,MAAM;MAAEsB,SAAS;MAAEC,GAAG;MAAEC,kBAAkB;MAAEC;IAAkB,CAAC,GAAGzB,KAAK;IAEvE,oBACER,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAC/B,WAAA,CAAAgC,IAAI;MACHJ,GAAG,EAAEA,GAAI;MACTD,SAAS,EAAEA,SAAU;MACrBM,OAAO,EAAE,CAAE;MACXC,MAAM,EAAE,IAAK;MACbhB,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBiB,IAAI,EAAE,IAAI,CAACX,UAAU,IAAI,IAAI,CAACY,SAAU;MACxCC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACf,aAAa,CAACjB,KAAK,CAAE;MACzCiC,SAAS,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,EAAEnC,KAAK,CAAE;MAChDoC,YAAY,EAAEZ,kBAAmB;MACjCa,YAAY,EAAEZ,iBAAkB;MAChCa,MAAM,EAAE,IAAI,CAACnB,UAAU,IAAI,IAAI,CAACoB,YAAa;MAC7CxB,CAAC,EAAE,IAAI,CAACV,IAAK;MACbW,CAAC,EAAE,IAAI,CAACR;IAAK,CACd,CAAC;EAEN;AACF;AAACgC,OAAA,CAAArC,OAAA,GAAAN,gBAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EArDoBN,gBAAgB,UACrB,kBAAkB","ignoreList":[]}

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

@@ -1,29 +1,23 @@
 "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"));
-
+exports.default = void 0;
 /**
  * Not using React in order to avoid performance issues.
  * If you switch this class to a React one make sure that
  * this interaction will not have performance leaks in pie-website nor in pits.
  */
-var DrawableHelper = /*#__PURE__*/function () {
-  function DrawableHelper(props, type) {
-    (0, _classCallCheck2["default"])(this, DrawableHelper);
-    var startx = props.startx,
-        starty = props.starty,
-        fillColor = props.fillColor,
-        outlineColor = props.outlineColor,
-        createdAt = props.createdAt;
+class DrawableHelper {
+  constructor(props, type) {
+    const {
+      startx,
+      starty,
+      fillColor,
+      outlineColor,
+      createdAt
+    } = props;
     this.startx = startx;
     this.starty = starty;
     this.createdAt = createdAt;
@@ -31,16 +25,10 @@ var DrawableHelper = /*#__PURE__*/function () {
     this.outlineColor = outlineColor;
     this.type = type;
   }
-
-  (0, _createClass2["default"])(DrawableHelper, [{
-    key: "toJson",
-    value: function toJson() {
-      var base = JSON.parse(JSON.stringify(this));
-      return base;
-    }
-  }]);
-  return DrawableHelper;
-}();
-
-exports["default"] = DrawableHelper;
+  toJson() {
+    const base = JSON.parse(JSON.stringify(this));
+    return base;
+  }
+}
+exports.default = DrawableHelper;
 //# sourceMappingURL=drawable-helper.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-helper.jsx"],"names":["DrawableHelper","props","type","startx","starty","fillColor","outlineColor","createdAt","base","JSON","parse","stringify"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;IACqBA,c;AACnB,0BAAYC,KAAZ,EAAmBC,IAAnB,EAAyB;AAAA;AACvB,QAAQC,MAAR,GAA+DF,KAA/D,CAAQE,MAAR;AAAA,QAAgBC,MAAhB,GAA+DH,KAA/D,CAAgBG,MAAhB;AAAA,QAAwBC,SAAxB,GAA+DJ,KAA/D,CAAwBI,SAAxB;AAAA,QAAmCC,YAAnC,GAA+DL,KAA/D,CAAmCK,YAAnC;AAAA,QAAiDC,SAAjD,GAA+DN,KAA/D,CAAiDM,SAAjD;AACA,SAAKJ,MAAL,GAAcA,MAAd;AACA,SAAKC,MAAL,GAAcA,MAAd;AACA,SAAKG,SAAL,GAAiBA,SAAjB;AACA,SAAKF,SAAL,GAAiBA,SAAjB;AACA,SAAKC,YAAL,GAAoBA,YAApB;AACA,SAAKJ,IAAL,GAAYA,IAAZ;AACD;;;;WAED,kBAAS;AACP,UAAMM,IAAI,GAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,IAAf,CAAX,CAAb;AACA,aAAOH,IAAP;AACD","sourcesContent":["/**\n * Not using React in order to avoid performance issues.\n * If you switch this class to a React one make sure that\n * this interaction will not have performance leaks in pie-website nor in pits.\n */\nexport default class DrawableHelper {\n  constructor(props, type) {\n    const { startx, starty, fillColor, outlineColor, createdAt } = props;\n    this.startx = startx;\n    this.starty = starty;\n    this.createdAt = createdAt;\n    this.fillColor = fillColor;\n    this.outlineColor = outlineColor;\n    this.type = type;\n  }\n\n  toJson() {\n    const base = JSON.parse(JSON.stringify(this));\n    return base;\n  }\n}\n"],"file":"drawable-helper.js"}
+{"version":3,"file":"drawable-helper.js","names":["DrawableHelper","constructor","props","type","startx","starty","fillColor","outlineColor","createdAt","toJson","base","JSON","parse","stringify","exports","default"],"sources":["../../src/drawing-response/drawable-helper.jsx"],"sourcesContent":["/**\n * Not using React in order to avoid performance issues.\n * If you switch this class to a React one make sure that\n * this interaction will not have performance leaks in pie-website nor in pits.\n */\nexport default class DrawableHelper {\n  constructor(props, type) {\n    const { startx, starty, fillColor, outlineColor, createdAt } = props;\n    this.startx = startx;\n    this.starty = starty;\n    this.createdAt = createdAt;\n    this.fillColor = fillColor;\n    this.outlineColor = outlineColor;\n    this.type = type;\n  }\n\n  toJson() {\n    const base = JSON.parse(JSON.stringify(this));\n    return base;\n  }\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACe,MAAMA,cAAc,CAAC;EAClCC,WAAWA,CAACC,KAAK,EAAEC,IAAI,EAAE;IACvB,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,SAAS;MAAEC,YAAY;MAAEC;IAAU,CAAC,GAAGN,KAAK;IACpE,IAAI,CAACE,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACF,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,YAAY,GAAGA,YAAY;IAChC,IAAI,CAACJ,IAAI,GAAGA,IAAI;EAClB;EAEAM,MAAMA,CAAA,EAAG;IACP,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAOH,IAAI;EACb;AACF;AAACI,OAAA,CAAAC,OAAA,GAAAf,cAAA","ignoreList":[]}

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

@@ -1,60 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var DrawableImage = function DrawableImage(_ref) {
-  var classes = _ref.classes,
-      url = _ref.url,
-      _ref$dimensions = _ref.dimensions,
-      height = _ref$dimensions.height,
-      width = _ref$dimensions.width;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.imageContainer
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "drawing-response-image",
-    className: classes.image,
-    src: url,
-    style: {
-      height: height,
-      maxWidth: width,
-      maxHeight: 350,
-      width: width
-    }
-  }));
-};
-
-var styles = function styles() {
-  return {
-    image: {
-      alignItems: 'center',
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    imageContainer: {
-      position: 'relative',
-      width: 'fit-content'
-    }
-  };
-};
-
+var _styles = require("@mui/material/styles");
+const ImageContainer = (0, _styles.styled)('div')({
+  position: 'relative',
+  width: 'fit-content'
+});
+const Image = (0, _styles.styled)('img')({
+  alignItems: 'center',
+  display: 'flex',
+  justifyContent: 'center'
+});
+const DrawableImage = ({
+  url,
+  dimensions: {
+    height,
+    width
+  }
+}) => /*#__PURE__*/_react.default.createElement(ImageContainer, null, /*#__PURE__*/_react.default.createElement(Image, {
+  alt: "drawing-response-image",
+  src: url,
+  style: {
+    height,
+    maxWidth: width,
+    maxHeight: 350,
+    width
+  }
+}));
 DrawableImage.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  dimensions: _propTypes["default"].object.isRequired,
-  url: _propTypes["default"].string.isRequired
+  dimensions: _propTypes.default.object.isRequired,
+  url: _propTypes.default.string.isRequired
 };
-
-var _default = (0, _styles.withStyles)(styles)(DrawableImage);
-
-exports["default"] = _default;
+var _default = exports.default = DrawableImage;
 //# sourceMappingURL=drawable-image.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-image.jsx"],"names":["DrawableImage","classes","url","dimensions","height","width","imageContainer","image","maxWidth","maxHeight","styles","alignItems","display","justifyContent","position","propTypes","PropTypes","object","isRequired","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,GAAZ,QAAYA,GAAZ;AAAA,6BAAiBC,UAAjB;AAAA,MAA+BC,MAA/B,mBAA+BA,MAA/B;AAAA,MAAuCC,KAAvC,mBAAuCA,KAAvC;AAAA,sBACpB;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACK;AAAxB,kBACE;AACE,IAAA,GAAG,EAAC,wBADN;AAEE,IAAA,SAAS,EAAEL,OAAO,CAACM,KAFrB;AAGE,IAAA,GAAG,EAAEL,GAHP;AAIE,IAAA,KAAK,EAAE;AACLE,MAAAA,MAAM,EAANA,MADK;AAELI,MAAAA,QAAQ,EAAEH,KAFL;AAGLI,MAAAA,SAAS,EAAE,GAHN;AAILJ,MAAAA,KAAK,EAALA;AAJK;AAJT,IADF,CADoB;AAAA,CAAtB;;AAgBA,IAAMK,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBH,IAAAA,KAAK,EAAE;AACLI,MAAAA,UAAU,EAAE,QADP;AAELC,MAAAA,OAAO,EAAE,MAFJ;AAGLC,MAAAA,cAAc,EAAE;AAHX,KADa;AAMpBP,IAAAA,cAAc,EAAE;AACdQ,MAAAA,QAAQ,EAAE,UADI;AAEdT,MAAAA,KAAK,EAAE;AAFO;AANI,GAAP;AAAA,CAAf;;AAYAL,aAAa,CAACe,SAAd,GAA0B;AACxBd,EAAAA,OAAO,EAAEe,sBAAUC,MAAV,CAAiBC,UADF;AAExBf,EAAAA,UAAU,EAAEa,sBAAUC,MAAV,CAAiBC,UAFL;AAGxBhB,EAAAA,GAAG,EAAEc,sBAAUG,MAAV,CAAiBD;AAHE,CAA1B;;eAMe,wBAAWR,MAAX,EAAmBV,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst DrawableImage = ({ classes, url, dimensions: { height, width } }) => (\n  <div className={classes.imageContainer}>\n    <img\n      alt=\"drawing-response-image\"\n      className={classes.image}\n      src={url}\n      style={{\n        height,\n        maxWidth: width,\n        maxHeight: 350,\n        width,\n      }}\n    />\n  </div>\n);\n\nconst styles = () => ({\n  image: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  imageContainer: {\n    position: 'relative',\n    width: 'fit-content',\n  },\n});\n\nDrawableImage.propTypes = {\n  classes: PropTypes.object.isRequired,\n  dimensions: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles)(DrawableImage);\n"],"file":"drawable-image.js"}
+{"version":3,"file":"drawable-image.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","ImageContainer","styled","position","width","Image","alignItems","display","justifyContent","DrawableImage","url","dimensions","height","default","createElement","alt","src","style","maxWidth","maxHeight","propTypes","PropTypes","object","isRequired","string","_default","exports"],"sources":["../../src/drawing-response/drawable-image.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst ImageContainer = styled('div')({\n  position: 'relative',\n  width: 'fit-content',\n});\n\nconst Image = styled('img')({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nconst DrawableImage = ({ url, dimensions: { height, width } }) => (\n  <ImageContainer>\n    <Image\n      alt=\"drawing-response-image\"\n      src={url}\n      style={{\n        height,\n        maxWidth: width,\n        maxHeight: 350,\n        width,\n      }}\n    />\n  </ImageContainer>\n);\n\nDrawableImage.propTypes = {\n  dimensions: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n};\n\nexport default DrawableImage;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,MAAMG,cAAc,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EACnCC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,KAAK,GAAG,IAAAH,cAAM,EAAC,KAAK,CAAC,CAAC;EAC1BI,UAAU,EAAE,QAAQ;EACpBC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGA,CAAC;EAAEC,GAAG;EAAEC,UAAU,EAAE;IAAEC,MAAM;IAAER;EAAM;AAAE,CAAC,kBAC3DR,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,cAAc,qBACbL,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACT,KAAK;EACJU,GAAG,EAAC,wBAAwB;EAC5BC,GAAG,EAAEN,GAAI;EACTO,KAAK,EAAE;IACLL,MAAM;IACNM,QAAQ,EAAEd,KAAK;IACfe,SAAS,EAAE,GAAG;IACdf;EACF;AAAE,CACH,CACa,CACjB;AAEDK,aAAa,CAACW,SAAS,GAAG;EACxBT,UAAU,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;EACvCb,GAAG,EAAEW,kBAAS,CAACG,MAAM,CAACD;AACxB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaJ,aAAa","ignoreList":[]}

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

@@ -1,114 +1,75 @@
 "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 LineDrawable = /*#__PURE__*/function (_DrawableHelper) {
-  (0, _inherits2["default"])(LineDrawable, _DrawableHelper);
-
-  var _super = _createSuper(LineDrawable);
-
-  function LineDrawable(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, LineDrawable);
-    _this = _super.call(this, _props, LineDrawable.TYPE);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragEnd", function (props, event) {
-      _this.posX = event.target.getX();
-      _this.posY = event.target.getY();
+class LineDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, LineDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      this.posX = event.target.getX();
+      this.posY = event.target.getY();
       props.handleSessionChange();
     });
-    var startx = _props.startx,
-        starty = _props.starty,
-        x = _props.x,
-        y = _props.y,
-        posX = _props.posX,
-        posY = _props.posY;
-    _this.x = x || startx;
-    _this.y = y || starty;
-    _this.posX = posX || 0;
-    _this.posY = posY || 0;
-    return _this;
+    const {
+      startx,
+      starty,
+      x,
+      y,
+      posX,
+      posY
+    } = _props;
+    this.x = x || startx;
+    this.y = y || starty;
+    this.posX = posX || 0;
+    this.posY = posY || 0;
   }
-
-  (0, _createClass2["default"])(LineDrawable, [{
-    key: "registerMovement",
-    value: function registerMovement(x, y) {
-      this.x = x;
-      this.y = y;
-    }
-  }, {
-    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;
-      var points = [this.startx, this.starty, this.x, this.y];
-      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Arrow, {
-        key: key,
-        draggable: draggable,
-        points: points,
-        fill: this.paintColor || this.outlineColor,
-        onClick: function onClick() {
-          return _this2.handleOnClick(props);
-        },
-        stroke: this.paintColor || this.outlineColor,
-        onDragEnd: this.handleDragEnd.bind(this, props),
-        onMouseEnter: onMouseOverElement,
-        onMouseLeave: onMouseOutElement,
-        x: this.posX,
-        y: this.posY,
-        pointerWidth: 0,
-        pointerLength: 0
-      });
+  registerMovement(x, y) {
+    this.x = x;
+    this.y = y;
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
     }
-  }]);
-  return LineDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = LineDrawable;
-(0, _defineProperty2["default"])(LineDrawable, "TYPE", 'LineDrawable');
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    const points = [this.startx, this.starty, this.x, this.y];
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Arrow, {
+      key: key,
+      draggable: draggable,
+      points: points,
+      fill: this.paintColor || this.outlineColor,
+      onClick: () => this.handleOnClick(props),
+      stroke: this.paintColor || this.outlineColor,
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      x: this.posX,
+      y: this.posY,
+      pointerWidth: 0,
+      pointerLength: 0
+    });
+  }
+}
+exports.default = LineDrawable;
+(0, _defineProperty2.default)(LineDrawable, "TYPE", 'LineDrawable');
 //# sourceMappingURL=drawable-line.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-line.jsx"],"names":["LineDrawable","props","TYPE","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","x","y","paint","paintColor","forceUpdate","draggable","key","onMouseOverElement","onMouseOutElement","points","outlineColor","handleOnClick","handleDragEnd","bind","DrawableHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;IAEqBA,Y;;;;;AAGnB,wBAAYC,MAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,MAAN,EAAaD,YAAY,CAACE,IAA1B;AADiB,sGAwBH,UAACD,KAAD,EAAQE,KAAR,EAAkB;AAChC,YAAKC,IAAL,GAAYD,KAAK,CAACE,MAAN,CAAaC,IAAb,EAAZ;AACA,YAAKC,IAAL,GAAYJ,KAAK,CAACE,MAAN,CAAaG,IAAb,EAAZ;AAEAP,MAAAA,KAAK,CAACQ,mBAAN;AACD,KA7BkB;AAEjB,QAAQC,MAAR,GAA6CT,MAA7C,CAAQS,MAAR;AAAA,QAAgBC,MAAhB,GAA6CV,MAA7C,CAAgBU,MAAhB;AAAA,QAAwBC,CAAxB,GAA6CX,MAA7C,CAAwBW,CAAxB;AAAA,QAA2BC,CAA3B,GAA6CZ,MAA7C,CAA2BY,CAA3B;AAAA,QAA8BT,IAA9B,GAA6CH,MAA7C,CAA8BG,IAA9B;AAAA,QAAoCG,IAApC,GAA6CN,MAA7C,CAAoCM,IAApC;AAEA,UAAKK,CAAL,GAASA,CAAC,IAAIF,MAAd;AACA,UAAKG,CAAL,GAASA,CAAC,IAAIF,MAAd;AACA,UAAKP,IAAL,GAAYA,IAAI,IAAI,CAApB;AACA,UAAKG,IAAL,GAAYA,IAAI,IAAI,CAApB;AAPiB;AAQlB;;;;WAED,0BAAiBK,CAAjB,EAAoBC,CAApB,EAAuB;AACrB,WAAKD,CAAL,GAASA,CAAT;AACA,WAAKC,CAAL,GAASA,CAAT;AACD;;;WAED,uBAAcZ,KAAd,EAAqB;AACnB,UAAQa,KAAR,GAA2Cb,KAA3C,CAAQa,KAAR;AAAA,UAAeC,UAAf,GAA2Cd,KAA3C,CAAec,UAAf;AAAA,UAA2BC,WAA3B,GAA2Cf,KAA3C,CAA2Be,WAA3B;;AAEA,UAAIF,KAAJ,EAAW;AACT,aAAKC,UAAL,GAAkBA,UAAlB;AACAC,QAAAA,WAAW;AACZ;AACF;;;WASD,gBAAOf,KAAP,EAAc;AAAA;;AACZ,UAAQgB,SAAR,GAAkEhB,KAAlE,CAAQgB,SAAR;AAAA,UAAmBC,GAAnB,GAAkEjB,KAAlE,CAAmBiB,GAAnB;AAAA,UAAwBC,kBAAxB,GAAkElB,KAAlE,CAAwBkB,kBAAxB;AAAA,UAA4CC,iBAA5C,GAAkEnB,KAAlE,CAA4CmB,iBAA5C;AACA,UAAMC,MAAM,GAAG,CAAC,KAAKX,MAAN,EAAc,KAAKC,MAAnB,EAA2B,KAAKC,CAAhC,EAAmC,KAAKC,CAAxC,CAAf;AAEA,0BACE,gCAAC,iBAAD;AACE,QAAA,GAAG,EAAEK,GADP;AAEE,QAAA,SAAS,EAAED,SAFb;AAGE,QAAA,MAAM,EAAEI,MAHV;AAIE,QAAA,IAAI,EAAE,KAAKN,UAAL,IAAmB,KAAKO,YAJhC;AAKE,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACC,aAAL,CAAmBtB,KAAnB,CAAN;AAAA,SALX;AAME,QAAA,MAAM,EAAE,KAAKc,UAAL,IAAmB,KAAKO,YANlC;AAOE,QAAA,SAAS,EAAE,KAAKE,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,EAA8BxB,KAA9B,CAPb;AAQE,QAAA,YAAY,EAAEkB,kBARhB;AASE,QAAA,YAAY,EAAEC,iBAThB;AAUE,QAAA,CAAC,EAAE,KAAKhB,IAVV;AAWE,QAAA,CAAC,EAAE,KAAKG,IAXV;AAYE,QAAA,YAAY,EAAE,CAZhB;AAaE,QAAA,aAAa,EAAE;AAbjB,QADF;AAiBD;;;EAvDuCmB,0B;;;iCAArB1B,Y,UACL,c","sourcesContent":["import React from 'react';\nimport { Arrow } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class LineDrawable extends DrawableHelper {\n  static TYPE = 'LineDrawable';\n\n  constructor(props) {\n    super(props, LineDrawable.TYPE);\n    const { startx, starty, x, y, posX, posY } = props;\n\n    this.x = x || startx;\n    this.y = y || starty;\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\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    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n    const points = [this.startx, this.starty, this.x, this.y];\n\n    return (\n      <Arrow\n        key={key}\n        draggable={draggable}\n        points={points}\n        fill={this.paintColor || this.outlineColor}\n        onClick={() => this.handleOnClick(props)}\n        stroke={this.paintColor || this.outlineColor}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        x={this.posX}\n        y={this.posY}\n        pointerWidth={0}\n        pointerLength={0}\n      />\n    );\n  }\n}\n"],"file":"drawable-line.js"}
+{"version":3,"file":"drawable-line.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","LineDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","x","y","registerMovement","handleOnClick","paint","paintColor","forceUpdate","render","draggable","key","onMouseOverElement","onMouseOutElement","points","createElement","Arrow","fill","outlineColor","onClick","stroke","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","pointerWidth","pointerLength","exports"],"sources":["../../src/drawing-response/drawable-line.jsx"],"sourcesContent":["import React from 'react';\nimport { Arrow } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class LineDrawable extends DrawableHelper {\n  static TYPE = 'LineDrawable';\n\n  constructor(props) {\n    super(props, LineDrawable.TYPE);\n    const { startx, starty, x, y, posX, posY } = props;\n\n    this.x = x || startx;\n    this.y = y || starty;\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\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    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n    const points = [this.startx, this.starty, this.x, this.y];\n\n    return (\n      <Arrow\n        key={key}\n        draggable={draggable}\n        points={points}\n        fill={this.paintColor || this.outlineColor}\n        onClick={() => this.handleOnClick(props)}\n        stroke={this.paintColor || this.outlineColor}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        x={this.posX}\n        y={this.posY}\n        pointerWidth={0}\n        pointerLength={0}\n      />\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEe,MAAMG,YAAY,SAASC,uBAAc,CAAC;EAGvDC,WAAWA,CAACC,MAAK,EAAE;IACjB,KAAK,CAACA,MAAK,EAAEH,YAAY,CAACI,IAAI,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,yBAuBlB,CAACH,KAAK,EAAEI,KAAK,KAAK;MAChC,IAAI,CAACC,IAAI,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAAC;MAC/B,IAAI,CAACC,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAACG,IAAI,CAAC,CAAC;MAE/BT,KAAK,CAACU,mBAAmB,CAAC,CAAC;IAC7B,CAAC;IA3BC,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAET,IAAI;MAAEG;IAAK,CAAC,GAAGR,MAAK;IAElD,IAAI,CAACa,CAAC,GAAGA,CAAC,IAAIF,MAAM;IACpB,IAAI,CAACG,CAAC,GAAGA,CAAC,IAAIF,MAAM;IACpB,IAAI,CAACP,IAAI,GAAGA,IAAI,IAAI,CAAC;IACrB,IAAI,CAACG,IAAI,GAAGA,IAAI,IAAI,CAAC;EACvB;EAEAO,gBAAgBA,CAACF,CAAC,EAAEC,CAAC,EAAE;IACrB,IAAI,CAACD,CAAC,GAAGA,CAAC;IACV,IAAI,CAACC,CAAC,GAAGA,CAAC;EACZ;EAEAE,aAAaA,CAAChB,KAAK,EAAE;IACnB,MAAM;MAAEiB,KAAK;MAAEC,UAAU;MAAEC;IAAY,CAAC,GAAGnB,KAAK;IAEhD,IAAIiB,KAAK,EAAE;MACT,IAAI,CAACC,UAAU,GAAGA,UAAU;MAC5BC,WAAW,CAAC,CAAC;IACf;EACF;EASAC,MAAMA,CAACpB,KAAK,EAAE;IACZ,MAAM;MAAEqB,SAAS;MAAEC,GAAG;MAAEC,kBAAkB;MAAEC;IAAkB,CAAC,GAAGxB,KAAK;IACvE,MAAMyB,MAAM,GAAG,CAAC,IAAI,CAACd,MAAM,EAAE,IAAI,CAACC,MAAM,EAAE,IAAI,CAACC,CAAC,EAAE,IAAI,CAACC,CAAC,CAAC;IAEzD,oBACEtB,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAC/B,WAAA,CAAAgC,KAAK;MACJL,GAAG,EAAEA,GAAI;MACTD,SAAS,EAAEA,SAAU;MACrBI,MAAM,EAAEA,MAAO;MACfG,IAAI,EAAE,IAAI,CAACV,UAAU,IAAI,IAAI,CAACW,YAAa;MAC3CC,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACd,aAAa,CAAChB,KAAK,CAAE;MACzC+B,MAAM,EAAE,IAAI,CAACb,UAAU,IAAI,IAAI,CAACW,YAAa;MAC7CG,SAAS,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,EAAElC,KAAK,CAAE;MAChDmC,YAAY,EAAEZ,kBAAmB;MACjCa,YAAY,EAAEZ,iBAAkB;MAChCX,CAAC,EAAE,IAAI,CAACR,IAAK;MACbS,CAAC,EAAE,IAAI,CAACN,IAAK;MACb6B,YAAY,EAAE,CAAE;MAChBC,aAAa,EAAE;IAAE,CAClB,CAAC;EAEN;AACF;AAACC,OAAA,CAAApC,OAAA,GAAAN,YAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EAxDoBN,YAAY,UACjB,cAAc","ignoreList":[]}