@pie-element/drawing-response 7.13.1-next.0 → 7.13.1-next.1

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-palette.jsx"],"names":["translator","Translator","Palette","name","event","value","target","props","onFillColorChange","onOutlineColorChange","onPaintColorChange","classes","fillColor","outlineColor","fillList","outlineList","language","base","t","lng","input","select","onChange","map","label","item","blackColorItem","backgroundColor","border","React","Component","styles","theme","marginTop","spacing","unit","display","flex","fontSize","width","borderRadius","height","marginLeft","marginRight","color","palette","background","paper","transform","propTypes","PropTypes","object","isRequired","string","array","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/pie-toolbox/render-ui';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\nimport Translator from '@pie-lib/pie-toolbox/translator';\n\nconst { translator } = Translator;\n\n// TODO: Change Palette so will render inputs and colors dynamically\nclass Palette extends React.Component {\n  onChange = (name) => (event) => {\n    const { value } = event.target;\n    const { onFillColorChange, onOutlineColorChange, onPaintColorChange } = this.props;\n\n    if (name === 'fill') {\n      onFillColorChange(value);\n    } else if (name === 'outline') {\n      onOutlineColorChange(value);\n    } else {\n      onPaintColorChange(value);\n    }\n  };\n\n  render() {\n    const { classes, fillColor, outlineColor, fillList, outlineList, language } = this.props;\n\n    return (\n      <div className={classes.base}>\n        <InputContainer label={translator.t('drawingResponse.fillColor', { lng: language })} className={classes.input}>\n          <Select className={classes.select} onChange={this.onChange('fill')} value={fillColor}>\n            {fillList.map(({ value, label }) => (\n              <MenuItem\n                key={value}\n                value={value}\n                className={classnames(classes.item, {\n                  [classes.blackColorItem]: value === 'black',\n                })}\n                style={{ backgroundColor: value }}\n              >\n                {label}\n              </MenuItem>\n            ))}\n          </Select>\n        </InputContainer>\n\n        <InputContainer label={translator.t('drawingResponse.outlineColor', { lng: language })} className={classes.input}>\n          <Select className={classes.select} onChange={this.onChange('outline')} value={outlineColor}>\n            {outlineList.map(({ value, label }) => (\n              <MenuItem key={value} value={value} className={classes.item} style={{ border: `2px solid ${value}` }}>\n                {label}\n              </MenuItem>\n            ))}\n          </Select>\n        </InputContainer>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  base: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1,\n    fontSize: 'inherit',\n    width: '90%',\n  },\n  item: {\n    borderRadius: '2px',\n    fontSize: 'inherit',\n    height: '22px',\n    marginLeft: theme.spacing.unit * 2,\n    marginRight: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2,\n  },\n  blackColorItem: {\n    color: theme.palette.background.paper,\n  },\n  select: {\n    fontSize: 'inherit',\n    transform: 'translate(0%, 40%)',\n  },\n});\n\nPalette.propTypes = {\n  classes: PropTypes.object.isRequired,\n  fillColor: PropTypes.string.isRequired,\n  fillList: PropTypes.array.isRequired,\n  onFillColorChange: PropTypes.func.isRequired,\n  onOutlineColorChange: PropTypes.func.isRequired,\n  onPaintColorChange: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  outlineList: PropTypes.array.isRequired,\n  language: PropTypes.string,\n};\n\nexport default withStyles(styles)(Palette);\n"],"file":"drawable-palette.js"}

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

@@ -1,119 +0,0 @@
-"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"));
-
-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;
-      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;
-  }
-
-  (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
-      });
-    }
-  }]);
-  return RectangleDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = RectangleDrawable;
-(0, _defineProperty2["default"])(RectangleDrawable, "TYPE", 'RectangleDrawable');
-//# sourceMappingURL=drawable-rectangle.js.map

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

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

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

@@ -1,384 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateId = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactKonva = require("react-konva");
-
-var _translator = _interopRequireDefault(require("@pie-lib/pie-toolbox/translator"));
-
-var _drawableTransformer = _interopRequireDefault(require("./drawable-transformer"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var translator = _translator["default"].translator;
-
-var generateId = function generateId() {
-  return Math.random().toString(36).substring(2) + new Date().getTime().toString(36);
-};
-
-exports.generateId = generateId;
-
-var TextDrawable = /*#__PURE__*/function () {
-  function TextDrawable(props) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, TextDrawable);
-    (0, _defineProperty2["default"])(this, "removeEventListeners", function () {
-      return _this.eventListenersDetachArray.forEach(function (fn) {
-        return fn();
-      });
-    });
-    (0, _defineProperty2["default"])(this, "setAll", function (all) {
-      _this.all = all;
-
-      _this.props.forceUpdate();
-    });
-    (0, _defineProperty2["default"])(this, "addNewTextEntry", function (language) {
-      var all = _this.all;
-      var id = generateId();
-      all.push({
-        id: id,
-        isDefault: true,
-        label: translator.t('drawingResponse.onDoubleClick', {
-          lng: language
-        }),
-        width: 200,
-        x: (all.length + 1) * 5 + 50,
-        y: (all.length + 1) * 5 + 50,
-        textVisible: true,
-        transformerVisible: true,
-        textareaVisible: false,
-        createdAt: new Date(),
-        type: 'text-entry'
-      });
-
-      _this.props.handleSessionChange();
-    });
-    (0, _defineProperty2["default"])(this, "handleMouseDown", function () {
-      return _this.props.toggleTextSelected(true);
-    });
-    (0, _defineProperty2["default"])(this, "handleMouseUp", function () {
-      return _this.props.toggleTextSelected(false);
-    });
-    (0, _defineProperty2["default"])(this, "handleClick", function (e, id) {
-      var current = _this.all.filter(function (item) {
-        return item.id === id;
-      })[0];
-
-      current.transformerVisible = true;
-
-      _this.props.forceUpdate();
-    });
-    (0, _defineProperty2["default"])(this, "handleDblClick", function (e, text) {
-      var id = text.id,
-          isDefault = text.isDefault;
-
-      _this.toggleTextarea(id, true);
-
-      var textNode = _this[TextDrawable.getTextNode(id)];
-
-      var textareaNode = _this[TextDrawable.getTextareaNode(id)];
-
-      var areaPosition = textNode._lastPos;
-      textareaNode.value = isDefault ? '' : textNode.text();
-      textareaNode.style.position = 'absolute';
-      textareaNode.style.top = areaPosition.y + 'px';
-      textareaNode.style.left = areaPosition.x + 'px';
-      textareaNode.style.width = textNode.width() - textNode.padding() * 2 + 'px';
-      textareaNode.style.height = textNode.height() - textNode.padding() * 2 + 5 + 'px';
-      textareaNode.style.fontSize = textNode.fontSize() + 'px';
-      textareaNode.style.border = 'none';
-      textareaNode.style.padding = '0px';
-      textareaNode.style.margin = '0px';
-      textareaNode.style.overflow = 'hidden';
-      textareaNode.style.background = 'none';
-      textareaNode.style.outline = 'none';
-      textareaNode.style.resize = 'none';
-      textareaNode.style.lineHeight = textNode.lineHeight();
-      textareaNode.style.fontFamily = textNode.fontFamily();
-      textareaNode.style.transformOrigin = 'left top';
-      textareaNode.style.textAlign = textNode.align();
-      textareaNode.style.color = textNode.fill();
-      var rotation = textNode.rotation();
-      var transform = '';
-
-      if (rotation) {
-        transform += 'rotateZ(' + rotation + 'deg)';
-      }
-
-      var px = 0;
-      var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-
-      if (isFirefox) {
-        px += 2 + Math.round(textNode.fontSize() / 20);
-      }
-
-      transform += 'translateY(-' + px + 'px)';
-      textareaNode.style.transform = transform;
-      textareaNode.style.height = 'auto';
-      textareaNode.style.height = textareaNode.scrollHeight + 3 + 'px';
-      textareaNode.focus();
-
-      var keyDownHandler = function keyDownHandler(e) {
-        // hide on enter but don't hide on shift + enter
-        if (e.keyCode === 13 && !e.shiftKey) {
-          _this.toggleTextarea(id, false);
-
-          _this.saveValue(id, textNode, textareaNode);
-        } // on esc do not set value back to node
-
-
-        if (e.keyCode === 27) {
-          _this.toggleTextarea(id, false);
-        }
-      };
-
-      textareaNode.addEventListener('keydown', keyDownHandler);
-
-      _this.eventListenersDetachArray.push(function () {
-        return textareaNode.removeEventListener('keydown', keyDownHandler);
-      });
-
-      var blurHandler = function blurHandler() {
-        _this.showOnlyTextNodes();
-
-        _this.saveValue(id, textNode, textareaNode);
-      };
-
-      textareaNode.addEventListener('blur', blurHandler);
-
-      _this.eventListenersDetachArray.push(function () {
-        return textareaNode.removeEventListener('blur', blurHandler);
-      });
-
-      _this.initializeDefault(id, isDefault);
-
-      _this.props.forceUpdate();
-    });
-    (0, _defineProperty2["default"])(this, "handleTransform", function (e, textNode) {
-      _this[textNode].setAttrs({
-        width: _this[textNode].width() * _this[textNode].scaleX(),
-        scaleX: _this.props.scale
-      });
-    });
-    this.all = props && props.all || [];
-    this.eventListenersDetachArray = [];
-  }
-
-  (0, _createClass2["default"])(TextDrawable, [{
-    key: "showOnlyTextNodes",
-    value: function showOnlyTextNodes() {
-      this.all.map(function (item) {
-        item.textVisible = true;
-        item.transformerVisible = false;
-        item.textareaVisible = false;
-      });
-    }
-  }, {
-    key: "toggleTextarea",
-    value: function toggleTextarea(id, value) {
-      this.all = this.all.map(function (item) {
-        if (item.id === id) {
-          return _objectSpread(_objectSpread({}, item), {}, {
-            textVisible: !value,
-            transformerVisible: !value,
-            textareaVisible: value
-          });
-        }
-
-        return item;
-      });
-      this.props.forceUpdate();
-    }
-  }, {
-    key: "initializeDefault",
-    value: function initializeDefault(id, isDefault) {
-      if (isDefault) {
-        var current = this.all.filter(function (item) {
-          return item.id === id;
-        })[0];
-        current.isDefault = false;
-      }
-    }
-  }, {
-    key: "saveValue",
-    value: function saveValue(id, textNode, textareaNode) {
-      if (textareaNode.value) {
-        textNode.text(textareaNode.value);
-      } else {
-        this.all = this.all.filter(function (text) {
-          return text.id !== id;
-        });
-        this.props.forceUpdate();
-      }
-
-      this.props.handleSessionChange();
-    }
-  }, {
-    key: "renderTextareas",
-    value: function renderTextareas() {
-      var _this2 = this;
-
-      return this.all.map(function (text) {
-        var id = text.id,
-            textareaVisible = text.textareaVisible;
-        var textareaNode = "textarea_".concat(id);
-        return /*#__PURE__*/_react["default"].createElement("textarea", {
-          key: textareaNode,
-          ref: function ref(textarea) {
-            _this2[textareaNode] = textarea;
-          },
-          style: {
-            display: "".concat(textareaVisible ? 'block' : 'none')
-          }
-        });
-      });
-    }
-  }, {
-    key: "setInitialProps",
-    value: function setInitialProps(props) {
-      if (!this.props) {
-        this.props = props;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this3 = this;
-
-      this.setInitialProps(props);
-
-      if (props.stage) {
-        var newStage = props.stage; // setting the handler only once
-
-        if (newStage !== this.stage) {
-          var stageClickHandler = function stageClickHandler(e) {
-            if (e.target !== _this3.stage) {
-              return;
-            }
-
-            _this3.showOnlyTextNodes();
-
-            _this3.props.forceUpdate();
-          };
-
-          newStage.on('click', stageClickHandler);
-          this.eventListenersDetachArray.push(function () {
-            return newStage.off('click', stageClickHandler);
-          });
-        }
-
-        this.stage = newStage;
-      }
-
-      return this.all.map(function (text) {
-        var id = text.id,
-            label = text.label,
-            x = text.x,
-            y = text.y,
-            width = text.width,
-            textVisible = text.textVisible,
-            rotation = text.rotation,
-            transformerVisible = text.transformerVisible;
-        var textNode = "text_".concat(id);
-        var transformerNode = "transformer_".concat(id);
-        var extraProps = {};
-
-        if (!props.disabled) {
-          extraProps = {
-            onClick: function onClick(e) {
-              return _this3.handleClick(e, id);
-            },
-            onTap: function onTap(e) {
-              return _this3.handleClick(e, id);
-            },
-            onDblClick: function onDblClick(e) {
-              return _this3.handleDblClick(e, text);
-            },
-            onDblTap: function onDblTap(e) {
-              return _this3.handleDblClick(e, text);
-            },
-            onTransform: function onTransform(e) {
-              return _this3.handleTransform(e, textNode);
-            },
-            onTransformEnd: _this3.props.handleSessionChange,
-            onMouseDown: _this3.handleMouseDown,
-            onTouchStart: _this3.handleMouseDown,
-            onMouseUp: _this3.handleMouseUp,
-            onTouchEnd: _this3.handleMouseUp,
-            onDragEnd: _this3.props.handleSessionChange,
-            onMouseEnter: _this3.props.onMouseOverElement,
-            onMouseLeave: _this3.props.onMouseOutElement
-          };
-        }
-
-        if (rotation) {
-          extraProps.rotation = rotation;
-        }
-
-        return [/*#__PURE__*/_react["default"].createElement(_reactKonva.Text, (0, _extends2["default"])({
-          key: id,
-          bubbles: true,
-          id: id,
-          ref: function ref(text) {
-            _this3[textNode] = text;
-          },
-          text: text.text || label,
-          name: textNode,
-          x: x,
-          y: y,
-          width: width,
-          draggable: !props.disabled,
-          visible: textVisible,
-          fontSize: 16
-        }, extraProps)), transformerVisible && /*#__PURE__*/_react["default"].createElement(_drawableTransformer["default"], {
-          key: "transformer_".concat(id),
-          ref: function ref(text) {
-            _this3[transformerNode] = text;
-          },
-          selectedShapeName: textNode,
-          onMouseDown: _this3.handleMouseDown,
-          onTouchStart: _this3.handleMouseDown,
-          onMouseUp: _this3.handleMouseUp,
-          onTouchEnd: _this3.handleMouseUp
-        })];
-      });
-    }
-  }], [{
-    key: "getTextareaNode",
-    value: function getTextareaNode(id) {
-      return "textarea_".concat(id);
-    }
-  }, {
-    key: "getTextNode",
-    value: function getTextNode(id) {
-      return "text_".concat(id);
-    }
-  }, {
-    key: "getTransformerNode",
-    value: function getTransformerNode(id) {
-      return "transformer_".concat(id);
-    }
-  }]);
-  return TextDrawable;
-}();
-
-exports["default"] = TextDrawable;
-//# sourceMappingURL=drawable-text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-text.jsx"],"names":["translator","Translator","generateId","Math","random","toString","substring","Date","getTime","TextDrawable","props","eventListenersDetachArray","forEach","fn","all","forceUpdate","language","id","push","isDefault","label","t","lng","width","x","length","y","textVisible","transformerVisible","textareaVisible","createdAt","type","handleSessionChange","toggleTextSelected","e","current","filter","item","text","toggleTextarea","textNode","getTextNode","textareaNode","getTextareaNode","areaPosition","_lastPos","value","style","position","top","left","padding","height","fontSize","border","margin","overflow","background","outline","resize","lineHeight","fontFamily","transformOrigin","textAlign","align","color","fill","rotation","transform","px","isFirefox","navigator","userAgent","toLowerCase","indexOf","round","scrollHeight","focus","keyDownHandler","keyCode","shiftKey","saveValue","addEventListener","removeEventListener","blurHandler","showOnlyTextNodes","initializeDefault","setAttrs","scaleX","scale","map","textarea","display","setInitialProps","stage","newStage","stageClickHandler","target","on","off","transformerNode","extraProps","disabled","onClick","handleClick","onTap","onDblClick","handleDblClick","onDblTap","onTransform","handleTransform","onTransformEnd","onMouseDown","handleMouseDown","onTouchStart","onMouseUp","handleMouseUp","onTouchEnd","onDragEnd","onMouseEnter","onMouseOverElement","onMouseLeave","onMouseOutElement"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-konva';\nimport Translator from '@pie-lib/pie-toolbox/translator';\n\nconst { translator } = Translator;\nimport Transformer from './drawable-transformer';\n\nexport const generateId = () => Math.random().toString(36).substring(2) + new Date().getTime().toString(36);\n\nexport default class TextDrawable {\n  static getTextareaNode(id) {\n    return `textarea_${id}`;\n  }\n\n  static getTextNode(id) {\n    return `text_${id}`;\n  }\n\n  static getTransformerNode(id) {\n    return `transformer_${id}`;\n  }\n\n  constructor(props) {\n    this.all = (props && props.all) || [];\n    this.eventListenersDetachArray = [];\n  }\n\n  removeEventListeners = () => this.eventListenersDetachArray.forEach((fn) => fn());\n\n  setAll = (all) => {\n    this.all = all;\n    this.props.forceUpdate();\n  };\n\n  addNewTextEntry = (language) => {\n    const all = this.all;\n    const id = generateId();\n\n    all.push({\n      id: id,\n      isDefault: true,\n      label: translator.t('drawingResponse.onDoubleClick', { lng: language }),\n      width: 200,\n      x: (all.length + 1) * 5 + 50,\n      y: (all.length + 1) * 5 + 50,\n      textVisible: true,\n      transformerVisible: true,\n      textareaVisible: false,\n      createdAt: new Date(),\n      type: 'text-entry',\n    });\n\n    this.props.handleSessionChange();\n  };\n\n  showOnlyTextNodes() {\n    this.all.map((item) => {\n      item.textVisible = true;\n      item.transformerVisible = false;\n      item.textareaVisible = false;\n    });\n  }\n\n  toggleTextarea(id, value) {\n    this.all = this.all.map((item) => {\n      if (item.id === id) {\n        return {\n          ...item,\n          textVisible: !value,\n          transformerVisible: !value,\n          textareaVisible: value,\n        };\n      }\n      return item;\n    });\n    this.props.forceUpdate();\n  }\n\n  initializeDefault(id, isDefault) {\n    if (isDefault) {\n      const current = this.all.filter((item) => item.id === id)[0];\n      current.isDefault = false;\n    }\n  }\n\n  saveValue(id, textNode, textareaNode) {\n    if (textareaNode.value) {\n      textNode.text(textareaNode.value);\n    } else {\n      this.all = this.all.filter((text) => text.id !== id);\n      this.props.forceUpdate();\n    }\n\n    this.props.handleSessionChange();\n  }\n\n  handleMouseDown = () => this.props.toggleTextSelected(true);\n  handleMouseUp = () => this.props.toggleTextSelected(false);\n\n  handleClick = (e, id) => {\n    const current = this.all.filter((item) => item.id === id)[0];\n    current.transformerVisible = true;\n    this.props.forceUpdate();\n  };\n\n  handleDblClick = (e, text) => {\n    const { id, isDefault } = text;\n    this.toggleTextarea(id, true);\n\n    const textNode = this[TextDrawable.getTextNode(id)];\n    const textareaNode = this[TextDrawable.getTextareaNode(id)];\n\n    const areaPosition = textNode._lastPos;\n\n    textareaNode.value = isDefault ? '' : textNode.text();\n    textareaNode.style.position = 'absolute';\n    textareaNode.style.top = areaPosition.y + 'px';\n    textareaNode.style.left = areaPosition.x + 'px';\n    textareaNode.style.width = textNode.width() - textNode.padding() * 2 + 'px';\n    textareaNode.style.height = textNode.height() - textNode.padding() * 2 + 5 + 'px';\n    textareaNode.style.fontSize = textNode.fontSize() + 'px';\n    textareaNode.style.border = 'none';\n    textareaNode.style.padding = '0px';\n    textareaNode.style.margin = '0px';\n    textareaNode.style.overflow = 'hidden';\n    textareaNode.style.background = 'none';\n    textareaNode.style.outline = 'none';\n    textareaNode.style.resize = 'none';\n    textareaNode.style.lineHeight = textNode.lineHeight();\n    textareaNode.style.fontFamily = textNode.fontFamily();\n    textareaNode.style.transformOrigin = 'left top';\n    textareaNode.style.textAlign = textNode.align();\n    textareaNode.style.color = textNode.fill();\n\n    let rotation = textNode.rotation();\n    let transform = '';\n    if (rotation) {\n      transform += 'rotateZ(' + rotation + 'deg)';\n    }\n\n    let px = 0;\n    const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;\n\n    if (isFirefox) {\n      px += 2 + Math.round(textNode.fontSize() / 20);\n    }\n\n    transform += 'translateY(-' + px + 'px)';\n\n    textareaNode.style.transform = transform;\n    textareaNode.style.height = 'auto';\n    textareaNode.style.height = textareaNode.scrollHeight + 3 + 'px';\n\n    textareaNode.focus();\n\n    const keyDownHandler = (e) => {\n      // hide on enter but don't hide on shift + enter\n      if (e.keyCode === 13 && !e.shiftKey) {\n        this.toggleTextarea(id, false);\n        this.saveValue(id, textNode, textareaNode);\n      }\n\n      // on esc do not set value back to node\n      if (e.keyCode === 27) {\n        this.toggleTextarea(id, false);\n      }\n    };\n\n    textareaNode.addEventListener('keydown', keyDownHandler);\n\n    this.eventListenersDetachArray.push(() => textareaNode.removeEventListener('keydown', keyDownHandler));\n\n    const blurHandler = () => {\n      this.showOnlyTextNodes();\n      this.saveValue(id, textNode, textareaNode);\n    };\n\n    textareaNode.addEventListener('blur', blurHandler);\n\n    this.eventListenersDetachArray.push(() => textareaNode.removeEventListener('blur', blurHandler));\n\n    this.initializeDefault(id, isDefault);\n    this.props.forceUpdate();\n  };\n\n  handleTransform = (e, textNode) => {\n    this[textNode].setAttrs({\n      width: this[textNode].width() * this[textNode].scaleX(),\n      scaleX: this.props.scale,\n    });\n  };\n\n  renderTextareas() {\n    return this.all.map((text) => {\n      const { id, textareaVisible } = text;\n      const textareaNode = `textarea_${id}`;\n\n      return (\n        <textarea\n          key={textareaNode}\n          ref={(textarea) => {\n            this[textareaNode] = textarea;\n          }}\n          style={{ display: `${textareaVisible ? 'block' : 'none'}` }}\n        />\n      );\n    });\n  }\n\n  setInitialProps(props) {\n    if (!this.props) {\n      this.props = props;\n    }\n  }\n\n  render(props) {\n    this.setInitialProps(props);\n\n    if (props.stage) {\n      const newStage = props.stage;\n\n      // setting the handler only once\n      if (newStage !== this.stage) {\n        const stageClickHandler = (e) => {\n          if (e.target !== this.stage) {\n            return;\n          }\n\n          this.showOnlyTextNodes();\n          this.props.forceUpdate();\n        };\n\n        newStage.on('click', stageClickHandler);\n\n        this.eventListenersDetachArray.push(() => newStage.off('click', stageClickHandler));\n      }\n\n      this.stage = newStage;\n    }\n\n    return this.all.map((text) => {\n      const { id, label, x, y, width, textVisible, rotation, transformerVisible } = text;\n\n      const textNode = `text_${id}`;\n      const transformerNode = `transformer_${id}`;\n      let extraProps = {};\n\n      if (!props.disabled) {\n        extraProps = {\n          onClick: (e) => this.handleClick(e, id),\n          onTap: (e) => this.handleClick(e, id),\n          onDblClick: (e) => this.handleDblClick(e, text),\n          onDblTap: (e) => this.handleDblClick(e, text),\n          onTransform: (e) => this.handleTransform(e, textNode),\n          onTransformEnd: this.props.handleSessionChange,\n          onMouseDown: this.handleMouseDown,\n          onTouchStart: this.handleMouseDown,\n          onMouseUp: this.handleMouseUp,\n          onTouchEnd: this.handleMouseUp,\n          onDragEnd: this.props.handleSessionChange,\n          onMouseEnter: this.props.onMouseOverElement,\n          onMouseLeave: this.props.onMouseOutElement,\n        };\n      }\n\n      if (rotation) {\n        extraProps.rotation = rotation;\n      }\n\n      return [\n        <Text\n          key={id}\n          bubbles={true}\n          id={id}\n          ref={(text) => {\n            this[textNode] = text;\n          }}\n          text={text.text || label}\n          name={textNode}\n          x={x}\n          y={y}\n          width={width}\n          draggable={!props.disabled}\n          visible={textVisible}\n          fontSize={16}\n          {...extraProps}\n        />,\n        transformerVisible && (\n          <Transformer\n            key={`transformer_${id}`}\n            ref={(text) => {\n              this[transformerNode] = text;\n            }}\n            selectedShapeName={textNode}\n            onMouseDown={this.handleMouseDown}\n            onTouchStart={this.handleMouseDown}\n            onMouseUp={this.handleMouseUp}\n            onTouchEnd={this.handleMouseUp}\n          />\n        ),\n      ];\n    });\n  }\n}\n"],"file":"drawable-text.js"}