@pie-element/drawing-response 12.1.2-next.1 → 12.1.2

package/lib/drawing-response/container.js

@@ -0,0 +1,327 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Container = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+var _constants = _interopRequireDefault(require("./constants"));
+var _button = _interopRequireDefault(require("./button"));
+var _drawablePalette = _interopRequireDefault(require("./drawable-palette"));
+var _drawableMain = _interopRequireDefault(require("./drawable-main"));
+var _drawableText = _interopRequireDefault(require("./drawable-text"));
+var _icon = _interopRequireDefault(require("./icon"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  tools: TOOLS
+} = _constants.default;
+const {
+  translator
+} = _translator.default;
+const BaseContainer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  marginTop: theme.spacing(2)
+}));
+const Box = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  border: '1px solid #E0E1E6',
+  borderRadius: '5px',
+  marginTop: theme.spacing(2),
+  backgroundColor: '#ECEDF1'
+}));
+const DrawableHeight = (0, _styles.styled)('div')({
+  minHeight: 350,
+  backgroundColor: '#fff'
+});
+const Toolbar = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  borderBottom: '1px solid #E0E1E6',
+  borderTopLeftRadius: '5px',
+  borderTopRightRadius: '5px',
+  padding: '12px 8px 4px',
+  boxSizing: 'border-box',
+  maxWidth: 'calc(100% - 163px)',
+  // 163px is the width set on undoControls
+  '& button': {
+    marginBottom: theme.spacing(1)
+  }
+}));
+const ROGVAIV = ['red', 'orange', 'yellow', 'violet', 'blue', 'green', 'white', 'black'].map(c => ({
+  value: c,
+  label: c
+}));
+class Container extends _react.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "checkIfToolIsDisabled", type => {
+      if (this.props.disabled) return true;
+      const {
+        toolActive
+      } = this.state;
+      // Text will never be disabled since on each "Text Entry" click a new text is added
+      if (type === 'Text') {
+        return false;
+      }
+      return type === toolActive.type;
+    });
+    const TextEntry = new _drawableText.default();
+    this.state = {
+      scale: 1,
+      drawableDimensions: {
+        height: 0,
+        width: 0
+      },
+      toolActive: TOOLS[0],
+      fillColor: 'white',
+      fillColorList: [{
+        value: 'transparent',
+        label: 'no fill'
+      }, {
+        value: 'lightblue',
+        label: 'light blue'
+      }, {
+        value: 'lightyellow',
+        label: 'light yellow'
+      }, ...ROGVAIV],
+      outlineColor: 'black',
+      outlineColorList: ROGVAIV,
+      paintColor: 'red',
+      paintColorList: ROGVAIV,
+      TextEntry
+    };
+  }
+  setTranslatedState(language) {
+    const translatedROGVAIV = ROGVAIV.map(c => ({
+      value: c.value,
+      label: translator.t(`drawingResponse.${c.label}`, {
+        lng: language
+      })
+    }));
+    this.setState({
+      fillColorList: [{
+        value: 'transparent',
+        label: translator.t('drawingResponse.noFill', {
+          lng: language
+        })
+      }, {
+        value: 'lightblue',
+        label: translator.t('drawingResponse.lightblue', {
+          lng: language
+        })
+      }, {
+        value: 'lightyellow',
+        label: translator.t('drawingResponse.lightyellow', {
+          lng: language
+        })
+      }, ...translatedROGVAIV],
+      paintColor: translator.t('drawingResponse.red', {
+        lng: language
+      }),
+      outlineColorList: translatedROGVAIV,
+      paintColorList: translatedROGVAIV
+    });
+  }
+  UNSAFE_componentWillReceiveProps(props) {
+    const {
+      language
+    } = props;
+    this.setTranslatedState(language);
+  }
+  setDimensions() {
+    const checkExist = setInterval(() => {
+      try {
+        const {
+          height,
+          width
+        } = this.drawable.getBoundingClientRect();
+        const effectiveWidth = this.props.session.width || width;
+        if (height !== 0 && width !== 0) {
+          this.setState({
+            drawableDimensions: {
+              height,
+              width: effectiveWidth
+            }
+          });
+        }
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.warn('setDimensions Error: ', e);
+      } finally {
+        clearInterval(checkExist);
+      }
+    }, 100);
+  }
+  componentDidMount() {
+    const {
+      language
+    } = this.props;
+    this.setTranslatedState(language);
+    this.setDimensions();
+    this.observer = new MutationObserver(mutations => {
+      mutations.forEach(() => {
+        const target = document.getElementById('question-container')?.style?.cssText;
+        const zoom = target?.substring(target.indexOf('--pie-zoom') + 11, target.lastIndexOf('%'));
+        const zoomParsed = zoom?.replace(/\s/g, '');
+        if (zoomParsed) {
+          const newScale = parseFloat(zoomParsed) / 100;
+          if (newScale !== this.state.scale) {
+            this.setState({
+              scale: parseFloat(zoomParsed) / 100
+            });
+          }
+        } else if (!zoomParsed && this.state.scale !== 1) {
+          this.setState({
+            scale: 1
+          });
+        }
+      });
+    });
+
+    // Use ResizeObserver to detect when the drawable container becomes visible
+    // (e.g., after switching from build to item preview in New Item Bank) and trigger dimension calculation.
+    // This helps ensure the canvas is properly sized even when componentDidMount is not re-triggered.
+    this.resizeObserver = new ResizeObserver(() => {
+      this.setDimensions();
+    });
+    if (this.drawable) {
+      this.resizeObserver.observe(this.drawable);
+    }
+    const target = document.getElementById('question-container');
+    if (target) {
+      this.observer.observe(target, {
+        attributes: true,
+        attributeFilter: ['style']
+      });
+    }
+  }
+  componentWillUnmount() {
+    const {
+      TextEntry
+    } = this.state;
+    TextEntry.removeEventListeners();
+    this.observer?.disconnect();
+    this.resizeObserver?.disconnect();
+  }
+  handleMakeToolActive(tool) {
+    const {
+      TextEntry
+    } = this.state;
+    const {
+      type
+    } = tool;
+    const {
+      language
+    } = this.props;
+    if (type !== 'Text') {
+      this.setState({
+        toolActive: tool
+      });
+    } else {
+      TextEntry.addNewTextEntry(language);
+      // Force update
+      this.setState({
+        updatedAt: new Date()
+      });
+    }
+  }
+  handleColorChange(type, color) {
+    const cType = `${type}Color`;
+    this.setState({
+      [cType]: color
+    });
+  }
+  render() {
+    const {
+      disabled,
+      imageUrl,
+      imageDimensions,
+      onSessionChange,
+      session,
+      backgroundImageEnabled,
+      language
+    } = this.props;
+    const {
+      drawableDimensions,
+      toolActive,
+      fillColor,
+      fillColorList,
+      outlineColor,
+      outlineColorList,
+      paintColor,
+      paintColorList,
+      TextEntry
+    } = this.state;
+    const heightToUse = drawableDimensions.height * this.state.scale;
+    return /*#__PURE__*/_react.default.createElement(BaseContainer, null, !disabled && /*#__PURE__*/_react.default.createElement(_drawablePalette.default, {
+      fillColor: fillColor,
+      fillList: fillColorList,
+      outlineColor: outlineColor,
+      outlineList: outlineColorList,
+      paintColor: paintColor,
+      paintList: paintColorList,
+      onFillColorChange: color => this.handleColorChange('fill', color),
+      onOutlineColorChange: color => this.handleColorChange('outline', color),
+      onPaintColorChange: color => this.handleColorChange('paint', color),
+      language: language
+    }), /*#__PURE__*/_react.default.createElement(Box, null, /*#__PURE__*/_react.default.createElement(Toolbar, null, TOOLS.map(tool => {
+      const {
+        type,
+        label,
+        icon
+      } = tool;
+      return /*#__PURE__*/_react.default.createElement(_button.default, {
+        title: label,
+        key: type,
+        disabled: this.checkIfToolIsDisabled(type),
+        onClick: () => this.handleMakeToolActive(tool),
+        label: /*#__PURE__*/_react.default.createElement(_icon.default, {
+          path: icon
+        })
+      });
+    })), /*#__PURE__*/_react.default.createElement(DrawableHeight, {
+      ref: drawable => {
+        this.drawable = drawable;
+      },
+      style: {
+        height: heightToUse,
+        maxHeight: heightToUse,
+        overflow: 'scroll'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_drawableMain.default, {
+      scale: this.state.scale,
+      session: session,
+      disabled: disabled,
+      onSessionChange: onSessionChange,
+      fillColor: fillColor,
+      outlineColor: outlineColor,
+      paintColor: paintColor,
+      imageUrl: imageUrl,
+      drawableDimensions: drawableDimensions,
+      imageDimensions: imageDimensions,
+      toolActive: toolActive,
+      TextEntry: TextEntry,
+      backgroundImageEnabled: backgroundImageEnabled,
+      language: language
+    }))));
+  }
+}
+exports.Container = Container;
+(0, _defineProperty2.default)(Container, "propTypes", {
+  disabled: _propTypes.default.bool,
+  session: _propTypes.default.object.isRequired,
+  onSessionChange: _propTypes.default.func.isRequired,
+  imageDimensions: _propTypes.default.object.isRequired,
+  imageUrl: _propTypes.default.string.isRequired,
+  backgroundImageEnabled: _propTypes.default.bool.isRequired,
+  language: _propTypes.default.string
+});
+var _default = exports.default = Container;
+//# sourceMappingURL=container.js.map

package/lib/drawing-response/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_translator","_constants","_button","_drawablePalette","_drawableMain","_drawableText","_icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","tools","TOOLS","constants","translator","Translator","BaseContainer","styled","theme","marginTop","spacing","Box","border","borderRadius","backgroundColor","DrawableHeight","minHeight","Toolbar","borderBottom","borderTopLeftRadius","borderTopRightRadius","padding","boxSizing","maxWidth","marginBottom","ROGVAIV","map","c","value","label","Container","Component","constructor","props","_defineProperty2","type","disabled","toolActive","state","TextEntry","DrawableText","scale","drawableDimensions","height","width","fillColor","fillColorList","outlineColor","outlineColorList","paintColor","paintColorList","setTranslatedState","language","translatedROGVAIV","lng","setState","UNSAFE_componentWillReceiveProps","setDimensions","checkExist","setInterval","drawable","getBoundingClientRect","effectiveWidth","session","console","warn","clearInterval","componentDidMount","observer","MutationObserver","mutations","forEach","target","document","getElementById","style","cssText","zoom","substring","indexOf","lastIndexOf","zoomParsed","replace","newScale","parseFloat","resizeObserver","ResizeObserver","observe","attributes","attributeFilter","componentWillUnmount","removeEventListeners","disconnect","handleMakeToolActive","tool","addNewTextEntry","updatedAt","Date","handleColorChange","color","cType","render","imageUrl","imageDimensions","onSessionChange","backgroundImageEnabled","heightToUse","createElement","fillList","outlineList","paintList","onFillColorChange","onOutlineColorChange","onPaintColorChange","icon","title","key","checkIfToolIsDisabled","onClick","path","ref","maxHeight","overflow","exports","PropTypes","bool","object","isRequired","func","string","_default"],"sources":["../../src/drawing-response/container.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Translator from '@pie-lib/translator';\n\nimport constants from './constants';\nimport Button from './button';\nimport DrawablePalette from './drawable-palette';\nimport DrawableMain from './drawable-main';\nimport DrawableText from './drawable-text';\nimport Icon from './icon';\n\nconst { tools: TOOLS } = constants;\nconst { translator } = Translator;\n\nconst BaseContainer = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\nconst Box = styled('div')(({ theme }) => ({\n  border: '1px solid #E0E1E6',\n  borderRadius: '5px',\n  marginTop: theme.spacing(2),\n  backgroundColor: '#ECEDF1',\n}));\n\nconst DrawableHeight = styled('div')({\n  minHeight: 350,\n  backgroundColor: '#fff',\n});\n\nconst Toolbar = styled('div')(({ theme }) => ({\n  borderBottom: '1px solid #E0E1E6',\n  borderTopLeftRadius: '5px',\n  borderTopRightRadius: '5px',\n  padding: '12px 8px 4px',\n  boxSizing: 'border-box',\n  maxWidth: 'calc(100% - 163px)', // 163px is the width set on undoControls\n  '& button': {\n    marginBottom: theme.spacing(1),\n  },\n}));\n\nconst ROGVAIV = ['red', 'orange', 'yellow', 'violet', 'blue', 'green', 'white', 'black'].map((c) => ({\n  value: c,\n  label: c,\n}));\n\nexport class Container extends Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    imageDimensions: PropTypes.object.isRequired,\n    imageUrl: PropTypes.string.isRequired,\n    backgroundImageEnabled: PropTypes.bool.isRequired,\n    language: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    const TextEntry = new DrawableText();\n\n    this.state = {\n      scale: 1,\n      drawableDimensions: {\n        height: 0,\n        width: 0,\n      },\n      toolActive: TOOLS[0],\n      fillColor: 'white',\n      fillColorList: [\n        { value: 'transparent', label: 'no fill' },\n        { value: 'lightblue', label: 'light blue' },\n        { value: 'lightyellow', label: 'light yellow' },\n        ...ROGVAIV,\n      ],\n      outlineColor: 'black',\n      outlineColorList: ROGVAIV,\n      paintColor: 'red',\n      paintColorList: ROGVAIV,\n      TextEntry,\n    };\n  }\n\n  setTranslatedState(language) {\n    const translatedROGVAIV = ROGVAIV.map((c) => ({\n      value: c.value,\n      label: translator.t(`drawingResponse.${c.label}`, { lng: language }),\n    }));\n\n    this.setState({\n      fillColorList: [\n        { value: 'transparent', label: translator.t('drawingResponse.noFill', { lng: language }) },\n        { value: 'lightblue', label: translator.t('drawingResponse.lightblue', { lng: language }) },\n        { value: 'lightyellow', label: translator.t('drawingResponse.lightyellow', { lng: language }) },\n        ...translatedROGVAIV,\n      ],\n      paintColor: translator.t('drawingResponse.red', { lng: language }),\n      outlineColorList: translatedROGVAIV,\n      paintColorList: translatedROGVAIV,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const { language } = props;\n    this.setTranslatedState(language);\n  }\n\n  setDimensions() {\n    const checkExist = setInterval(() => {\n      try {\n        const { height, width } = this.drawable.getBoundingClientRect();\n        const effectiveWidth = this.props.session.width || width;\n\n        if (height !== 0 && width !== 0) {\n          this.setState({\n            drawableDimensions: {\n              height,\n              width: effectiveWidth,\n            },\n          });\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn('setDimensions Error: ', e);\n      } finally {\n        clearInterval(checkExist);\n      }\n    }, 100);\n  }\n\n  componentDidMount() {\n    const { language } = this.props;\n    this.setTranslatedState(language);\n\n    this.setDimensions();\n\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach(() => {\n        const target = document.getElementById('question-container')?.style?.cssText;\n        const zoom = target?.substring(target.indexOf('--pie-zoom') + 11, target.lastIndexOf('%'));\n        const zoomParsed = zoom?.replace(/\\s/g, '');\n\n        if (zoomParsed) {\n          const newScale = parseFloat(zoomParsed) / 100;\n          if (newScale !== this.state.scale) {\n            this.setState({\n              scale: parseFloat(zoomParsed) / 100,\n            });\n          }\n        } else if (!zoomParsed && this.state.scale !== 1) {\n          this.setState({\n            scale: 1,\n          });\n        }\n      });\n    });\n\n    // Use ResizeObserver to detect when the drawable container becomes visible\n    // (e.g., after switching from build to item preview in New Item Bank) and trigger dimension calculation.\n    // This helps ensure the canvas is properly sized even when componentDidMount is not re-triggered.\n    this.resizeObserver = new ResizeObserver(() => {\n      this.setDimensions();\n    });\n\n    if (this.drawable) {\n      this.resizeObserver.observe(this.drawable);\n    }\n\n    const target = document.getElementById('question-container');\n    if (target) {\n      this.observer.observe(target, { attributes: true, attributeFilter: ['style'] });\n    }\n  }\n\n  componentWillUnmount() {\n    const { TextEntry } = this.state;\n\n    TextEntry.removeEventListeners();\n    this.observer?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  handleMakeToolActive(tool) {\n    const { TextEntry } = this.state;\n    const { type } = tool;\n    const { language } = this.props;\n\n    if (type !== 'Text') {\n      this.setState({\n        toolActive: tool,\n      });\n    } else {\n      TextEntry.addNewTextEntry(language);\n      // Force update\n      this.setState({\n        updatedAt: new Date(),\n      });\n    }\n  }\n\n  checkIfToolIsDisabled = (type) => {\n    if (this.props.disabled) return true;\n\n    const { toolActive } = this.state;\n    // Text will never be disabled since on each \"Text Entry\" click a new text is added\n    if (type === 'Text') {\n      return false;\n    }\n    return type === toolActive.type;\n  };\n\n  handleColorChange(type, color) {\n    const cType = `${type}Color`;\n    this.setState({\n      [cType]: color,\n    });\n  }\n\n  render() {\n    const { disabled, imageUrl, imageDimensions, onSessionChange, session, backgroundImageEnabled, language } =\n      this.props;\n    const {\n      drawableDimensions,\n      toolActive,\n      fillColor,\n      fillColorList,\n      outlineColor,\n      outlineColorList,\n      paintColor,\n      paintColorList,\n      TextEntry,\n    } = this.state;\n\n    const heightToUse = drawableDimensions.height * this.state.scale;\n\n    return (\n      <BaseContainer>\n        {!disabled && (\n          <DrawablePalette\n            fillColor={fillColor}\n            fillList={fillColorList}\n            outlineColor={outlineColor}\n            outlineList={outlineColorList}\n            paintColor={paintColor}\n            paintList={paintColorList}\n            onFillColorChange={(color) => this.handleColorChange('fill', color)}\n            onOutlineColorChange={(color) => this.handleColorChange('outline', color)}\n            onPaintColorChange={(color) => this.handleColorChange('paint', color)}\n            language={language}\n          />\n        )}\n\n        <Box>\n          <Toolbar>\n            {TOOLS.map((tool) => {\n              const { type, label, icon } = tool;\n\n              return (\n                <Button\n                  title={label}\n                  key={type}\n                  disabled={this.checkIfToolIsDisabled(type)}\n                  onClick={() => this.handleMakeToolActive(tool)}\n                  label={<Icon path={icon} />}\n                />\n              );\n            })}\n          </Toolbar>\n\n          <DrawableHeight\n            ref={(drawable) => {\n              this.drawable = drawable;\n            }}\n            style={{ height: heightToUse, maxHeight: heightToUse, overflow: 'scroll' }}\n          >\n            <DrawableMain\n              scale={this.state.scale}\n              session={session}\n              disabled={disabled}\n              onSessionChange={onSessionChange}\n              fillColor={fillColor}\n              outlineColor={outlineColor}\n              paintColor={paintColor}\n              imageUrl={imageUrl}\n              drawableDimensions={drawableDimensions}\n              imageDimensions={imageDimensions}\n              toolActive={toolActive}\n              TextEntry={TextEntry}\n              backgroundImageEnabled={backgroundImageEnabled}\n              language={language}\n            />\n          </DrawableHeight>\n        </Box>\n      </BaseContainer>\n    );\n  }\n}\n\nexport default Container;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+class CircleDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, CircleDrawable.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();
+    });
+    const {
+      startx,
+      starty,
+      x,
+      y
+    } = _props;
+    this.startx = startx;
+    this.starty = starty;
+    this.x = x || startx;
+    this.y = y || starty;
+    const dx = this.startx - this.x;
+    const dy = this.starty - this.y;
+    this.radius = Math.sqrt(dx * dx + dy * dy);
+  }
+  registerMovement(x, y) {
+    this.x = x;
+    this.y = y;
+    const dx = this.startx - this.x;
+    const dy = this.starty - this.y;
+    this.radius = Math.sqrt(dx * dx + dy * dy);
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
+    }
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Circle, {
+      key: key,
+      draggable: draggable,
+      radius: this.radius,
+      x: this.startx,
+      y: this.starty,
+      fill: this.paintColor || this.fillColor,
+      onClick: () => this.handleOnClick(props),
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      stroke: this.outlineColor
+    });
+  }
+}
+exports.default = CircleDrawable;
+(0, _defineProperty2.default)(CircleDrawable, "TYPE", 'CircleDrawable');
+//# sourceMappingURL=drawable-circle.js.map

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

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

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

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+class EraserDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, EraserDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      this.posX = event.target.getX();
+      this.posY = event.target.getY();
+      props.handleSessionChange();
+    });
+    const {
+      startx,
+      starty,
+      points,
+      posX,
+      posY
+    } = _props;
+    this.points = points || [startx, starty];
+    this.posX = posX || 0;
+    this.posY = posY || 0;
+  }
+  registerMovement(x, y) {
+    this.points = [...this.points, x, y];
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Line, {
+      key: key,
+      draggable: draggable,
+      globalCompositeOperation: "destination-out",
+      tension: 0,
+      bezier: true,
+      points: this.points,
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      strokeStyle: "#df4b26",
+      lineJoin: "round",
+      lineWidth: "5",
+      fill: "white",
+      stroke: "white",
+      strokeWidth: 5,
+      x: this.posX,
+      y: this.posY
+    });
+  }
+}
+exports.default = EraserDrawable;
+(0, _defineProperty2.default)(EraserDrawable, "TYPE", 'EraserDrawable');
+//# sourceMappingURL=drawable-eraser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawable-eraser.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","EraserDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","points","registerMovement","x","y","render","draggable","key","onMouseOverElement","onMouseOutElement","createElement","Line","globalCompositeOperation","tension","bezier","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","strokeStyle","lineJoin","lineWidth","fill","stroke","strokeWidth","exports"],"sources":["../../src/drawing-response/drawable-eraser.jsx"],"sourcesContent":["import React from 'react';\nimport { Line } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class EraserDrawable extends DrawableHelper {\n  static TYPE = 'EraserDrawable';\n  constructor(props) {\n    super(props, EraserDrawable.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  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        globalCompositeOperation=\"destination-out\"\n        tension={0}\n        bezier={true}\n        points={this.points}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        strokeStyle=\"#df4b26\"\n        lineJoin=\"round\"\n        lineWidth=\"5\"\n        fill=\"white\"\n        stroke=\"white\"\n        strokeWidth={5}\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,cAAc,SAASC,uBAAc,CAAC;EAEzDC,WAAWA,CAACC,MAAK,EAAE;IACjB,KAAK,CAACA,MAAK,EAAEH,cAAc,CAACI,IAAI,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,yBAYpB,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;IAhBC,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;EASAC,MAAMA,CAACjB,KAAK,EAAE;IACZ,MAAM;MAAEkB,SAAS;MAAEC,GAAG;MAAEC,kBAAkB;MAAEC;IAAkB,CAAC,GAAGrB,KAAK;IAEvE,oBACER,MAAA,CAAAW,OAAA,CAAAmB,aAAA,CAAC3B,WAAA,CAAA4B,IAAI;MACHJ,GAAG,EAAEA,GAAI;MACTD,SAAS,EAAEA,SAAU;MACrBM,wBAAwB,EAAC,iBAAiB;MAC1CC,OAAO,EAAE,CAAE;MACXC,MAAM,EAAE,IAAK;MACbb,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBc,SAAS,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,EAAE7B,KAAK,CAAE;MAChD8B,YAAY,EAAEV,kBAAmB;MACjCW,YAAY,EAAEV,iBAAkB;MAChCW,WAAW,EAAC,SAAS;MACrBC,QAAQ,EAAC,OAAO;MAChBC,SAAS,EAAC,GAAG;MACbC,IAAI,EAAC,OAAO;MACZC,MAAM,EAAC,OAAO;MACdC,WAAW,EAAE,CAAE;MACftB,CAAC,EAAE,IAAI,CAACV,IAAK;MACbW,CAAC,EAAE,IAAI,CAACR;IAAK,CACd,CAAC;EAEN;AACF;AAAC8B,OAAA,CAAAnC,OAAA,GAAAN,cAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EA/CoBN,cAAc,UACnB,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+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();
+    });
+    const {
+      startx,
+      starty,
+      points,
+      posX,
+      posY
+    } = _props;
+    this.points = points || [startx, starty];
+    this.posX = posX || 0;
+    this.posY = posY || 0;
+  }
+  registerMovement(x, y) {
+    this.points = [...this.points, x, y];
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
+    }
+  }
+  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

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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.
+ */
+class DrawableHelper {
+  constructor(props, type) {
+    const {
+      startx,
+      starty,
+      fillColor,
+      outlineColor,
+      createdAt
+    } = props;
+    this.startx = startx;
+    this.starty = starty;
+    this.createdAt = createdAt;
+    this.fillColor = fillColor;
+    this.outlineColor = outlineColor;
+    this.type = type;
+  }
+  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

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