@pie-element/drawing-response 4.6.1-beta.1 → 4.6.1-beta.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawable-text.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableTransformer","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","generateId","Math","random","toString","substring","Date","getTime","exports","TextDrawable","props","_this","_classCallCheck2","eventListenersDetachArray","fn","all","forceUpdate","id","isDefault","label","width","x","y","textVisible","transformerVisible","textareaVisible","createdAt","type","handleSessionChange","toggleTextSelected","e","current","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","_createClass2","map","renderTextareas","_this2","concat","createElement","ref","textarea","display","setInitialProps","render","_this3","stage","newStage","stageClickHandler","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","Text","_extends2","bubbles","name","draggable","visible","selectedShapeName","getTransformerNode"],"sources":["../../src/drawing-response/drawable-text.jsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-konva';\n\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 = () => {\n    const all = this.all;\n    const id = generateId();\n\n    all.push({\n      id: id,\n      isDefault: true,\n      label: 'Double click to edit this text. Press Enter to submit.',\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"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAiD,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAE1C,IAAMW,UAAU,GAAG,SAAbA,UAAUA,CAAA;EAAA,OAASC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACH,QAAQ,CAAC,EAAE,CAAC;AAAA;AAACI,OAAA,CAAAP,UAAA,GAAAA,UAAA;AAAA,IAEvFQ,YAAY;EAa/B,SAAAA,aAAYC,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,YAAA;IAAA,IAAAZ,gBAAA,2CAKI;MAAA,OAAMc,KAAI,CAACE,yBAAyB,CAAClB,OAAO,CAAC,UAACmB,EAAE;QAAA,OAAKA,EAAE,CAAC,CAAC;MAAA,EAAC;IAAA;IAAA,IAAAjB,gBAAA,6BAExE,UAACkB,GAAG,EAAK;MAChBJ,KAAI,CAACI,GAAG,GAAGA,GAAG;MACdJ,KAAI,CAACD,KAAK,CAACM,WAAW,CAAC,CAAC;IAC1B,CAAC;IAAA,IAAAnB,gBAAA,sCAEiB,YAAM;MACtB,IAAMkB,GAAG,GAAGJ,KAAI,CAACI,GAAG;MACpB,IAAME,EAAE,GAAGhB,UAAU,CAAC,CAAC;MAEvBc,GAAG,CAAC5B,IAAI,CAAC;QACP8B,EAAE,EAAEA,EAAE;QACNC,SAAS,EAAE,IAAI;QACfC,KAAK,EAAE,wDAAwD;QAC/DC,KAAK,EAAE,GAAG;QACVC,CAAC,EAAE,CAACN,GAAG,CAACtB,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE;QAC5B6B,CAAC,EAAE,CAACP,GAAG,CAACtB,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE;QAC5B8B,WAAW,EAAE,IAAI;QACjBC,kBAAkB,EAAE,IAAI;QACxBC,eAAe,EAAE,KAAK;QACtBC,SAAS,EAAE,IAAIpB,IAAI,CAAC,CAAC;QACrBqB,IAAI,EAAE;MACR,CAAC,CAAC;MAEFhB,KAAI,CAACD,KAAK,CAACkB,mBAAmB,CAAC,CAAC;IAClC,CAAC;IAAA,IAAA/B,gBAAA,sCA2CiB;MAAA,OAAMc,KAAI,CAACD,KAAK,CAACmB,kBAAkB,CAAC,IAAI,CAAC;IAAA;IAAA,IAAAhC,gBAAA,oCAC3C;MAAA,OAAMc,KAAI,CAACD,KAAK,CAACmB,kBAAkB,CAAC,KAAK,CAAC;IAAA;IAAA,IAAAhC,gBAAA,kCAE5C,UAACiC,CAAC,EAAEb,EAAE,EAAK;MACvB,IAAMc,OAAO,GAAGpB,KAAI,CAACI,GAAG,CAAChC,MAAM,CAAC,UAACiD,IAAI;QAAA,OAAKA,IAAI,CAACf,EAAE,KAAKA,EAAE;MAAA,EAAC,CAAC,CAAC,CAAC;MAC5Dc,OAAO,CAACP,kBAAkB,GAAG,IAAI;MACjCb,KAAI,CAACD,KAAK,CAACM,WAAW,CAAC,CAAC;IAC1B,CAAC;IAAA,IAAAnB,gBAAA,qCAEgB,UAACiC,CAAC,EAAEG,IAAI,EAAK;MAC5B,IAAQhB,EAAE,GAAgBgB,IAAI,CAAtBhB,EAAE;QAAEC,SAAS,GAAKe,IAAI,CAAlBf,SAAS;MACrBP,KAAI,CAACuB,cAAc,CAACjB,EAAE,EAAE,IAAI,CAAC;MAE7B,IAAMkB,QAAQ,GAAGxB,KAAI,CAACF,YAAY,CAAC2B,WAAW,CAACnB,EAAE,CAAC,CAAC;MACnD,IAAMoB,YAAY,GAAG1B,KAAI,CAACF,YAAY,CAAC6B,eAAe,CAACrB,EAAE,CAAC,CAAC;MAE3D,IAAMsB,YAAY,GAAGJ,QAAQ,CAACK,QAAQ;MAEtCH,YAAY,CAACI,KAAK,GAAGvB,SAAS,GAAG,EAAE,GAAGiB,QAAQ,CAACF,IAAI,CAAC,CAAC;MACrDI,YAAY,CAACK,KAAK,CAACC,QAAQ,GAAG,UAAU;MACxCN,YAAY,CAACK,KAAK,CAACE,GAAG,GAAGL,YAAY,CAACjB,CAAC,GAAG,IAAI;MAC9Ce,YAAY,CAACK,KAAK,CAACG,IAAI,GAAGN,YAAY,CAAClB,CAAC,GAAG,IAAI;MAC/CgB,YAAY,CAACK,KAAK,CAACtB,KAAK,GAAGe,QAAQ,CAACf,KAAK,CAAC,CAAC,GAAGe,QAAQ,CAACW,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI;MAC3ET,YAAY,CAACK,KAAK,CAACK,MAAM,GAAGZ,QAAQ,CAACY,MAAM,CAAC,CAAC,GAAGZ,QAAQ,CAACW,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI;MACjFT,YAAY,CAACK,KAAK,CAACM,QAAQ,GAAGb,QAAQ,CAACa,QAAQ,CAAC,CAAC,GAAG,IAAI;MACxDX,YAAY,CAACK,KAAK,CAACO,MAAM,GAAG,MAAM;MAClCZ,YAAY,CAACK,KAAK,CAACI,OAAO,GAAG,KAAK;MAClCT,YAAY,CAACK,KAAK,CAACQ,MAAM,GAAG,KAAK;MACjCb,YAAY,CAACK,KAAK,CAACS,QAAQ,GAAG,QAAQ;MACtCd,YAAY,CAACK,KAAK,CAACU,UAAU,GAAG,MAAM;MACtCf,YAAY,CAACK,KAAK,CAACW,OAAO,GAAG,MAAM;MACnChB,YAAY,CAACK,KAAK,CAACY,MAAM,GAAG,MAAM;MAClCjB,YAAY,CAACK,KAAK,CAACa,UAAU,GAAGpB,QAAQ,CAACoB,UAAU,CAAC,CAAC;MACrDlB,YAAY,CAACK,KAAK,CAACc,UAAU,GAAGrB,QAAQ,CAACqB,UAAU,CAAC,CAAC;MACrDnB,YAAY,CAACK,KAAK,CAACe,eAAe,GAAG,UAAU;MAC/CpB,YAAY,CAACK,KAAK,CAACgB,SAAS,GAAGvB,QAAQ,CAACwB,KAAK,CAAC,CAAC;MAC/CtB,YAAY,CAACK,KAAK,CAACkB,KAAK,GAAGzB,QAAQ,CAAC0B,IAAI,CAAC,CAAC;MAE1C,IAAIC,QAAQ,GAAG3B,QAAQ,CAAC2B,QAAQ,CAAC,CAAC;MAClC,IAAIC,SAAS,GAAG,EAAE;MAClB,IAAID,QAAQ,EAAE;QACZC,SAAS,IAAI,UAAU,GAAGD,QAAQ,GAAG,MAAM;MAC7C;MAEA,IAAIE,EAAE,GAAG,CAAC;MACV,IAAMC,SAAS,GAAGC,SAAS,CAACC,SAAS,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;MAE3E,IAAIJ,SAAS,EAAE;QACbD,EAAE,IAAI,CAAC,GAAG9D,IAAI,CAACoE,KAAK,CAACnC,QAAQ,CAACa,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;MAChD;MAEAe,SAAS,IAAI,cAAc,GAAGC,EAAE,GAAG,KAAK;MAExC3B,YAAY,CAACK,KAAK,CAACqB,SAAS,GAAGA,SAAS;MACxC1B,YAAY,CAACK,KAAK,CAACK,MAAM,GAAG,MAAM;MAClCV,YAAY,CAACK,KAAK,CAACK,MAAM,GAAGV,YAAY,CAACkC,YAAY,GAAG,CAAC,GAAG,IAAI;MAEhElC,YAAY,CAACmC,KAAK,CAAC,CAAC;MAEpB,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAI3C,CAAC,EAAK;QAC5B;QACA,IAAIA,CAAC,CAAC4C,OAAO,KAAK,EAAE,IAAI,CAAC5C,CAAC,CAAC6C,QAAQ,EAAE;UACnChE,KAAI,CAACuB,cAAc,CAACjB,EAAE,EAAE,KAAK,CAAC;UAC9BN,KAAI,CAACiE,SAAS,CAAC3D,EAAE,EAAEkB,QAAQ,EAAEE,YAAY,CAAC;QAC5C;;QAEA;QACA,IAAIP,CAAC,CAAC4C,OAAO,KAAK,EAAE,EAAE;UACpB/D,KAAI,CAACuB,cAAc,CAACjB,EAAE,EAAE,KAAK,CAAC;QAChC;MACF,CAAC;MAEDoB,YAAY,CAACwC,gBAAgB,CAAC,SAAS,EAAEJ,cAAc,CAAC;MAExD9D,KAAI,CAACE,yBAAyB,CAAC1B,IAAI,CAAC;QAAA,OAAMkD,YAAY,CAACyC,mBAAmB,CAAC,SAAS,EAAEL,cAAc,CAAC;MAAA,EAAC;MAEtG,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;QACxBpE,KAAI,CAACqE,iBAAiB,CAAC,CAAC;QACxBrE,KAAI,CAACiE,SAAS,CAAC3D,EAAE,EAAEkB,QAAQ,EAAEE,YAAY,CAAC;MAC5C,CAAC;MAEDA,YAAY,CAACwC,gBAAgB,CAAC,MAAM,EAAEE,WAAW,CAAC;MAElDpE,KAAI,CAACE,yBAAyB,CAAC1B,IAAI,CAAC;QAAA,OAAMkD,YAAY,CAACyC,mBAAmB,CAAC,MAAM,EAAEC,WAAW,CAAC;MAAA,EAAC;MAEhGpE,KAAI,CAACsE,iBAAiB,CAAChE,EAAE,EAAEC,SAAS,CAAC;MACrCP,KAAI,CAACD,KAAK,CAACM,WAAW,CAAC,CAAC;IAC1B,CAAC;IAAA,IAAAnB,gBAAA,sCAEiB,UAACiC,CAAC,EAAEK,QAAQ,EAAK;MACjCxB,KAAI,CAACwB,QAAQ,CAAC,CAAC+C,QAAQ,CAAC;QACtB9D,KAAK,EAAET,KAAI,CAACwB,QAAQ,CAAC,CAACf,KAAK,CAAC,CAAC,GAAGT,KAAI,CAACwB,QAAQ,CAAC,CAACgD,MAAM,CAAC,CAAC;QACvDA,MAAM,EAAExE,KAAI,CAACD,KAAK,CAAC0E;MACrB,CAAC,CAAC;IACJ,CAAC;IAvKC,IAAI,CAACrE,GAAG,GAAIL,KAAK,IAAIA,KAAK,CAACK,GAAG,IAAK,EAAE;IACrC,IAAI,CAACF,yBAAyB,GAAG,EAAE;EACrC;EAAC,IAAAwE,aAAA,aAAA5E,YAAA;IAAAb,GAAA;IAAA6C,KAAA,EA8BD,SAAAuC,kBAAA,EAAoB;MAClB,IAAI,CAACjE,GAAG,CAACuE,GAAG,CAAC,UAACtD,IAAI,EAAK;QACrBA,IAAI,CAACT,WAAW,GAAG,IAAI;QACvBS,IAAI,CAACR,kBAAkB,GAAG,KAAK;QAC/BQ,IAAI,CAACP,eAAe,GAAG,KAAK;MAC9B,CAAC,CAAC;IACJ;EAAC;IAAA7B,GAAA;IAAA6C,KAAA,EAED,SAAAP,eAAejB,EAAE,EAAEwB,KAAK,EAAE;MACxB,IAAI,CAAC1B,GAAG,GAAG,IAAI,CAACA,GAAG,CAACuE,GAAG,CAAC,UAACtD,IAAI,EAAK;QAChC,IAAIA,IAAI,CAACf,EAAE,KAAKA,EAAE,EAAE;UAClB,OAAA5B,aAAA,CAAAA,aAAA,KACK2C,IAAI;YACPT,WAAW,EAAE,CAACkB,KAAK;YACnBjB,kBAAkB,EAAE,CAACiB,KAAK;YAC1BhB,eAAe,EAAEgB;UAAK;QAE1B;QACA,OAAOT,IAAI;MACb,CAAC,CAAC;MACF,IAAI,CAACtB,KAAK,CAACM,WAAW,CAAC,CAAC;IAC1B;EAAC;IAAApB,GAAA;IAAA6C,KAAA,EAED,SAAAwC,kBAAkBhE,EAAE,EAAEC,SAAS,EAAE;MAC/B,IAAIA,SAAS,EAAE;QACb,IAAMa,OAAO,GAAG,IAAI,CAAChB,GAAG,CAAChC,MAAM,CAAC,UAACiD,IAAI;UAAA,OAAKA,IAAI,CAACf,EAAE,KAAKA,EAAE;QAAA,EAAC,CAAC,CAAC,CAAC;QAC5Dc,OAAO,CAACb,SAAS,GAAG,KAAK;MAC3B;IACF;EAAC;IAAAtB,GAAA;IAAA6C,KAAA,EAED,SAAAmC,UAAU3D,EAAE,EAAEkB,QAAQ,EAAEE,YAAY,EAAE;MACpC,IAAIA,YAAY,CAACI,KAAK,EAAE;QACtBN,QAAQ,CAACF,IAAI,CAACI,YAAY,CAACI,KAAK,CAAC;MACnC,CAAC,MAAM;QACL,IAAI,CAAC1B,GAAG,GAAG,IAAI,CAACA,GAAG,CAAChC,MAAM,CAAC,UAACkD,IAAI;UAAA,OAAKA,IAAI,CAAChB,EAAE,KAAKA,EAAE;QAAA,EAAC;QACpD,IAAI,CAACP,KAAK,CAACM,WAAW,CAAC,CAAC;MAC1B;MAEA,IAAI,CAACN,KAAK,CAACkB,mBAAmB,CAAC,CAAC;IAClC;EAAC;IAAAhC,GAAA;IAAA6C,KAAA,EAkGD,SAAA8C,gBAAA,EAAkB;MAAA,IAAAC,MAAA;MAChB,OAAO,IAAI,CAACzE,GAAG,CAACuE,GAAG,CAAC,UAACrD,IAAI,EAAK;QAC5B,IAAQhB,EAAE,GAAsBgB,IAAI,CAA5BhB,EAAE;UAAEQ,eAAe,GAAKQ,IAAI,CAAxBR,eAAe;QAC3B,IAAMY,YAAY,eAAAoD,MAAA,CAAexE,EAAE,CAAE;QAErC,oBACE9C,MAAA,YAAAuH,aAAA;UACE9F,GAAG,EAAEyC,YAAa;UAClBsD,GAAG,EAAE,SAAAA,IAACC,QAAQ,EAAK;YACjBJ,MAAI,CAACnD,YAAY,CAAC,GAAGuD,QAAQ;UAC/B,CAAE;UACFlD,KAAK,EAAE;YAAEmD,OAAO,KAAAJ,MAAA,CAAKhE,eAAe,GAAG,OAAO,GAAG,MAAM;UAAG;QAAE,CAC7D,CAAC;MAEN,CAAC,CAAC;IACJ;EAAC;IAAA7B,GAAA;IAAA6C,KAAA,EAED,SAAAqD,gBAAgBpF,KAAK,EAAE;MACrB,IAAI,CAAC,IAAI,CAACA,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAGA,KAAK;MACpB;IACF;EAAC;IAAAd,GAAA;IAAA6C,KAAA,EAED,SAAAsD,OAAOrF,KAAK,EAAE;MAAA,IAAAsF,MAAA;MACZ,IAAI,CAACF,eAAe,CAACpF,KAAK,CAAC;MAE3B,IAAIA,KAAK,CAACuF,KAAK,EAAE;QACf,IAAMC,QAAQ,GAAGxF,KAAK,CAACuF,KAAK;;QAE5B;QACA,IAAIC,QAAQ,KAAK,IAAI,CAACD,KAAK,EAAE;UAC3B,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIrE,CAAC,EAAK;YAC/B,IAAIA,CAAC,CAACxC,MAAM,KAAK0G,MAAI,CAACC,KAAK,EAAE;cAC3B;YACF;YAEAD,MAAI,CAAChB,iBAAiB,CAAC,CAAC;YACxBgB,MAAI,CAACtF,KAAK,CAACM,WAAW,CAAC,CAAC;UAC1B,CAAC;UAEDkF,QAAQ,CAACE,EAAE,CAAC,OAAO,EAAED,iBAAiB,CAAC;UAEvC,IAAI,CAACtF,yBAAyB,CAAC1B,IAAI,CAAC;YAAA,OAAM+G,QAAQ,CAACG,GAAG,CAAC,OAAO,EAAEF,iBAAiB,CAAC;UAAA,EAAC;QACrF;QAEA,IAAI,CAACF,KAAK,GAAGC,QAAQ;MACvB;MAEA,OAAO,IAAI,CAACnF,GAAG,CAACuE,GAAG,CAAC,UAACrD,IAAI,EAAK;QAC5B,IAAQhB,EAAE,GAAoEgB,IAAI,CAA1EhB,EAAE;UAAEE,KAAK,GAA6Dc,IAAI,CAAtEd,KAAK;UAAEE,CAAC,GAA0DY,IAAI,CAA/DZ,CAAC;UAAEC,CAAC,GAAuDW,IAAI,CAA5DX,CAAC;UAAEF,KAAK,GAAgDa,IAAI,CAAzDb,KAAK;UAAEG,WAAW,GAAmCU,IAAI,CAAlDV,WAAW;UAAEuC,QAAQ,GAAyB7B,IAAI,CAArC6B,QAAQ;UAAEtC,kBAAkB,GAAKS,IAAI,CAA3BT,kBAAkB;QAEzE,IAAMW,QAAQ,WAAAsD,MAAA,CAAWxE,EAAE,CAAE;QAC7B,IAAMqF,eAAe,kBAAAb,MAAA,CAAkBxE,EAAE,CAAE;QAC3C,IAAIsF,UAAU,GAAG,CAAC,CAAC;QAEnB,IAAI,CAAC7F,KAAK,CAAC8F,QAAQ,EAAE;UACnBD,UAAU,GAAG;YACXE,OAAO,EAAE,SAAAA,QAAC3E,CAAC;cAAA,OAAKkE,MAAI,CAACU,WAAW,CAAC5E,CAAC,EAAEb,EAAE,CAAC;YAAA;YACvC0F,KAAK,EAAE,SAAAA,MAAC7E,CAAC;cAAA,OAAKkE,MAAI,CAACU,WAAW,CAAC5E,CAAC,EAAEb,EAAE,CAAC;YAAA;YACrC2F,UAAU,EAAE,SAAAA,WAAC9E,CAAC;cAAA,OAAKkE,MAAI,CAACa,cAAc,CAAC/E,CAAC,EAAEG,IAAI,CAAC;YAAA;YAC/C6E,QAAQ,EAAE,SAAAA,SAAChF,CAAC;cAAA,OAAKkE,MAAI,CAACa,cAAc,CAAC/E,CAAC,EAAEG,IAAI,CAAC;YAAA;YAC7C8E,WAAW,EAAE,SAAAA,YAACjF,CAAC;cAAA,OAAKkE,MAAI,CAACgB,eAAe,CAAClF,CAAC,EAAEK,QAAQ,CAAC;YAAA;YACrD8E,cAAc,EAAEjB,MAAI,CAACtF,KAAK,CAACkB,mBAAmB;YAC9CsF,WAAW,EAAElB,MAAI,CAACmB,eAAe;YACjCC,YAAY,EAAEpB,MAAI,CAACmB,eAAe;YAClCE,SAAS,EAAErB,MAAI,CAACsB,aAAa;YAC7BC,UAAU,EAAEvB,MAAI,CAACsB,aAAa;YAC9BE,SAAS,EAAExB,MAAI,CAACtF,KAAK,CAACkB,mBAAmB;YACzC6F,YAAY,EAAEzB,MAAI,CAACtF,KAAK,CAACgH,kBAAkB;YAC3CC,YAAY,EAAE3B,MAAI,CAACtF,KAAK,CAACkH;UAC3B,CAAC;QACH;QAEA,IAAI9D,QAAQ,EAAE;UACZyC,UAAU,CAACzC,QAAQ,GAAGA,QAAQ;QAChC;QAEA,OAAO,cACL3F,MAAA,YAAAuH,aAAA,CAACpH,WAAA,CAAAuJ,IAAI,MAAAC,SAAA;UACHlI,GAAG,EAAEqB,EAAG;UACR8G,OAAO,EAAE,IAAK;UACd9G,EAAE,EAAEA,EAAG;UACP0E,GAAG,EAAE,SAAAA,IAAC1D,IAAI,EAAK;YACb+D,MAAI,CAAC7D,QAAQ,CAAC,GAAGF,IAAI;UACvB,CAAE;UACFA,IAAI,EAAEA,IAAI,CAACA,IAAI,IAAId,KAAM;UACzB6G,IAAI,EAAE7F,QAAS;UACfd,CAAC,EAAEA,CAAE;UACLC,CAAC,EAAEA,CAAE;UACLF,KAAK,EAAEA,KAAM;UACb6G,SAAS,EAAE,CAACvH,KAAK,CAAC8F,QAAS;UAC3B0B,OAAO,EAAE3G,WAAY;UACrByB,QAAQ,EAAE;QAAG,GACTuD,UAAU,CACf,CAAC,EACF/E,kBAAkB,iBAChBrD,MAAA,YAAAuH,aAAA,CAACnH,oBAAA,WAAW;UACVqB,GAAG,iBAAA6F,MAAA,CAAiBxE,EAAE,CAAG;UACzB0E,GAAG,EAAE,SAAAA,IAAC1D,IAAI,EAAK;YACb+D,MAAI,CAACM,eAAe,CAAC,GAAGrE,IAAI;UAC9B,CAAE;UACFkG,iBAAiB,EAAEhG,QAAS;UAC5B+E,WAAW,EAAElB,MAAI,CAACmB,eAAgB;UAClCC,YAAY,EAAEpB,MAAI,CAACmB,eAAgB;UACnCE,SAAS,EAAErB,MAAI,CAACsB,aAAc;UAC9BC,UAAU,EAAEvB,MAAI,CAACsB;QAAc,CAChC,CACF,CACF;MACH,CAAC,CAAC;IACJ;EAAC;IAAA1H,GAAA;IAAA6C,KAAA,EApSD,SAAAH,gBAAuBrB,EAAE,EAAE;MACzB,mBAAAwE,MAAA,CAAmBxE,EAAE;IACvB;EAAC;IAAArB,GAAA;IAAA6C,KAAA,EAED,SAAAL,YAAmBnB,EAAE,EAAE;MACrB,eAAAwE,MAAA,CAAexE,EAAE;IACnB;EAAC;IAAArB,GAAA;IAAA6C,KAAA,EAED,SAAA2F,mBAA0BnH,EAAE,EAAE;MAC5B,sBAAAwE,MAAA,CAAsBxE,EAAE;IAC1B;EAAC;EAAA,OAAAR,YAAA;AAAA;AAAAD,OAAA,cAAAC,YAAA"}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactKonva = require("react-konva");
+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 TransformerComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(TransformerComponent, _React$Component);
+  var _super = _createSuper(TransformerComponent);
+  function TransformerComponent() {
+    (0, _classCallCheck2["default"])(this, TransformerComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(TransformerComponent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.checkNode();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.checkNode();
+    }
+  }, {
+    key: "checkNode",
+    value: function checkNode() {
+      // here we need to manually attach or detach Transformer node
+      var stage = this.transformer.getStage();
+      var selectedShapeName = this.props.selectedShapeName;
+      var selectedNode = stage.findOne(".".concat(selectedShapeName));
+      // do nothing if selected node is already attached
+      if (selectedNode === this.transformer.node()) {
+        return;
+      }
+      if (selectedNode) {
+        // attach to another node
+        this.transformer.attachTo(selectedNode);
+      } else {
+        // remove transformer
+        this.transformer.detach();
+      }
+      this.transformer.getLayer().batchDraw();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Transformer, (0, _extends2["default"])({
+        ref: function ref(node) {
+          _this.transformer = node;
+        },
+        enabledAnchors: ['middle-left', 'middle-right']
+      }, this.props));
+    }
+  }]);
+  return TransformerComponent;
+}(_react["default"].Component);
+TransformerComponent.propTypes = {
+  selectedShapeName: _propTypes["default"].string.isRequired
+};
+var _default = TransformerComponent;
+exports["default"] = _default;
+//# sourceMappingURL=drawable-transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawable-transformer.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","TransformerComponent","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","checkNode","componentDidUpdate","stage","transformer","getStage","selectedShapeName","props","selectedNode","findOne","concat","node","attachTo","detach","getLayer","batchDraw","render","_this","createElement","Transformer","_extends2","ref","enabledAnchors","React","Component","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../src/drawing-response/drawable-transformer.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Transformer } from 'react-konva';\n\nclass TransformerComponent extends React.Component {\n  componentDidMount() {\n    this.checkNode();\n  }\n\n  componentDidUpdate() {\n    this.checkNode();\n  }\n\n  checkNode() {\n    // here we need to manually attach or detach Transformer node\n    const stage = this.transformer.getStage();\n    const { selectedShapeName } = this.props;\n\n    const selectedNode = stage.findOne(`.${selectedShapeName}`);\n    // do nothing if selected node is already attached\n    if (selectedNode === this.transformer.node()) {\n      return;\n    }\n\n    if (selectedNode) {\n      // attach to another node\n      this.transformer.attachTo(selectedNode);\n    } else {\n      // remove transformer\n      this.transformer.detach();\n    }\n    this.transformer.getLayer().batchDraw();\n  }\n\n  render() {\n    return (\n      <Transformer\n        ref={(node) => {\n          this.transformer = node;\n        }}\n        enabledAnchors={['middle-left', 'middle-right']}\n        {...this.props}\n      />\n    );\n  }\n}\n\nTransformerComponent.propTypes = {\n  selectedShapeName: PropTypes.string.isRequired,\n};\n\nexport default TransformerComponent;\n"],"mappings":"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"}

package/lib/drawing-response/factory.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _drawableFreePath = _interopRequireDefault(require("./drawable-free-path"));
+var _drawableLine = _interopRequireDefault(require("./drawable-line"));
+var _drawableRectangle = _interopRequireDefault(require("./drawable-rectangle"));
+var _drawableCircle = _interopRequireDefault(require("./drawable-circle"));
+var _drawableEraser = _interopRequireDefault(require("./drawable-eraser"));
+var DRAWABLES = [_drawableFreePath["default"], _drawableLine["default"], _drawableRectangle["default"], _drawableCircle["default"], _drawableEraser["default"]];
+var _default = function _default(type, props) {
+  var T = DRAWABLES.find(function (D) {
+    return D.TYPE === type;
+  });
+  if (T) {
+    return new T(props);
+  }
+  throw new Error("Can't find drawable for type: ".concat(type, " and props: ").concat(JSON.stringify(props)));
+};
+exports["default"] = _default;
+//# sourceMappingURL=factory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","names":["_drawableFreePath","_interopRequireDefault","require","_drawableLine","_drawableRectangle","_drawableCircle","_drawableEraser","DRAWABLES","FreePathDrawable","LineDrawable","RectangleDrawable","CircleDrawable","EraserDrawable","_default","type","props","T","find","D","TYPE","Error","concat","JSON","stringify","exports"],"sources":["../../src/drawing-response/factory.js"],"sourcesContent":["import FreePathDrawable from './drawable-free-path';\nimport LineDrawable from './drawable-line';\nimport RectangleDrawable from './drawable-rectangle';\nimport CircleDrawable from './drawable-circle';\nimport EraserDrawable from './drawable-eraser';\n\nconst DRAWABLES = [FreePathDrawable, LineDrawable, RectangleDrawable, CircleDrawable, EraserDrawable];\n\nexport default (type, props) => {\n  const T = DRAWABLES.find((D) => D.TYPE === type);\n\n  if (T) {\n    return new T(props);\n  }\n\n  throw new Error(`Can't find drawable for type: ${type} and props: ${JSON.stringify(props)}`);\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,SAAS,GAAG,CAACC,4BAAgB,EAAEC,wBAAY,EAAEC,6BAAiB,EAAEC,0BAAc,EAAEC,0BAAc,CAAC;AAAC,IAAAC,QAAA,GAEvF,SAAAA,SAACC,IAAI,EAAEC,KAAK,EAAK;EAC9B,IAAMC,CAAC,GAAGT,SAAS,CAACU,IAAI,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACC,IAAI,KAAKL,IAAI;EAAA,EAAC;EAEhD,IAAIE,CAAC,EAAE;IACL,OAAO,IAAIA,CAAC,CAACD,KAAK,CAAC;EACrB;EAEA,MAAM,IAAIK,KAAK,kCAAAC,MAAA,CAAkCP,IAAI,kBAAAO,MAAA,CAAeC,IAAI,CAACC,SAAS,CAACR,KAAK,CAAC,CAAE,CAAC;AAC9F,CAAC;AAAAS,OAAA,cAAAX,QAAA"}

package/lib/drawing-response/icon.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = _interopRequireDefault(require("@mdi/react"));
+var _js = require("@mdi/js");
+var IconWrapper = function IconWrapper(_ref) {
+  var path = _ref.path;
+  var iconPath;
+  switch (path) {
+    case 'mdiPencil':
+      iconPath = _js.mdiPencil;
+      break;
+    case 'mdiMinus':
+      iconPath = _js.mdiMinus;
+      break;
+    case 'mdiCircle':
+      iconPath = _js.mdiCircle;
+      break;
+    case 'mdiRectangle':
+      iconPath = _js.mdiRectangle;
+      break;
+    case 'mdiFormatColorText':
+      iconPath = _js.mdiFormatColorText;
+      break;
+    case 'mdiFormatColorFill':
+      iconPath = _js.mdiFormatColorFill;
+      break;
+    case 'mdiEraser':
+      iconPath = _js.mdiEraser;
+      break;
+    default:
+      iconPath = _js.mdiCursorDefault;
+      break;
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react2["default"], {
+    path: iconPath,
+    size: 0.8,
+    rotate: 180,
+    horizontal: true,
+    vertical: true,
+    color: "#2B3963"
+  });
+};
+IconWrapper.propTypes = {
+  path: _propTypes["default"].string.isRequired
+};
+var _default = IconWrapper;
+exports["default"] = _default;
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":["_react","_interopRequireDefault","require","_propTypes","_react2","_js","IconWrapper","_ref","path","iconPath","mdiPencil","mdiMinus","mdiCircle","mdiRectangle","mdiFormatColorText","mdiFormatColorFill","mdiEraser","mdiCursorDefault","createElement","size","rotate","horizontal","vertical","color","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../src/drawing-response/icon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '@mdi/react';\nimport {\n  mdiCursorDefault,\n  mdiPencil,\n  mdiMinus,\n  mdiRectangle,\n  mdiCircle,\n  mdiFormatColorText,\n  mdiFormatColorFill,\n  mdiEraser,\n} from '@mdi/js';\n\nconst IconWrapper = ({ path }) => {\n  let iconPath;\n\n  switch (path) {\n    case 'mdiPencil':\n      iconPath = mdiPencil;\n      break;\n    case 'mdiMinus':\n      iconPath = mdiMinus;\n      break;\n    case 'mdiCircle':\n      iconPath = mdiCircle;\n      break;\n    case 'mdiRectangle':\n      iconPath = mdiRectangle;\n      break;\n    case 'mdiFormatColorText':\n      iconPath = mdiFormatColorText;\n      break;\n    case 'mdiFormatColorFill':\n      iconPath = mdiFormatColorFill;\n      break;\n    case 'mdiEraser':\n      iconPath = mdiEraser;\n      break;\n    default:\n      iconPath = mdiCursorDefault;\n      break;\n  }\n\n  return <Icon path={iconPath} size={0.8} rotate={180} horizontal vertical color=\"#2B3963\" />;\n};\n\nIconWrapper.propTypes = {\n  path: PropTypes.string.isRequired,\n};\n\nexport default IconWrapper;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AAWA,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACzB,IAAIC,QAAQ;EAEZ,QAAQD,IAAI;IACV,KAAK,WAAW;MACdC,QAAQ,GAAGC,aAAS;MACpB;IACF,KAAK,UAAU;MACbD,QAAQ,GAAGE,YAAQ;MACnB;IACF,KAAK,WAAW;MACdF,QAAQ,GAAGG,aAAS;MACpB;IACF,KAAK,cAAc;MACjBH,QAAQ,GAAGI,gBAAY;MACvB;IACF,KAAK,oBAAoB;MACvBJ,QAAQ,GAAGK,sBAAkB;MAC7B;IACF,KAAK,oBAAoB;MACvBL,QAAQ,GAAGM,sBAAkB;MAC7B;IACF,KAAK,WAAW;MACdN,QAAQ,GAAGO,aAAS;MACpB;IACF;MACEP,QAAQ,GAAGQ,oBAAgB;MAC3B;EACJ;EAEA,oBAAOjB,MAAA,YAAAkB,aAAA,CAACd,OAAA,WAAI;IAACI,IAAI,EAAEC,QAAS;IAACU,IAAI,EAAE,GAAI;IAACC,MAAM,EAAE,GAAI;IAACC,UAAU;IAACC,QAAQ;IAACC,KAAK,EAAC;EAAS,CAAE,CAAC;AAC7F,CAAC;AAEDjB,WAAW,CAACkB,SAAS,GAAG;EACtBhB,IAAI,EAAEiB,qBAAS,CAACC,MAAM,CAACC;AACzB,CAAC;AAAC,IAAAC,QAAA,GAEatB,WAAW;AAAAuB,OAAA,cAAAD,QAAA"}

package/lib/drawing-response/index.js

@@ -0,0 +1,102 @@
+"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _renderUi = require("@pie-lib/render-ui");
+var _styles = require("@material-ui/core/styles");
+var _container = _interopRequireDefault(require("./container"));
+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 DrawingResponseComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DrawingResponseComponent, _React$Component);
+  var _super = _createSuper(DrawingResponseComponent);
+  function DrawingResponseComponent(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DrawingResponseComponent);
+    _this = _super.call(this, props);
+    _this.state = {
+      showCorrect: false,
+      hasError: false
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(DrawingResponseComponent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        _this$props$model = _this$props.model,
+        disabled = _this$props$model.disabled,
+        imageDimensions = _this$props$model.imageDimensions,
+        imageUrl = _this$props$model.imageUrl,
+        prompt = _this$props$model.prompt,
+        mode = _this$props$model.mode,
+        teacherInstructions = _this$props$model.teacherInstructions,
+        _this$props$model$bac = _this$props$model.backgroundImageEnabled,
+        backgroundImageEnabled = _this$props$model$bac === void 0 ? true : _this$props$model$bac,
+        session = _this$props.session,
+        onSessionChange = _this$props.onSessionChange,
+        classes = _this$props.classes;
+      var _this$state = this.state,
+        hasError = _this$state.hasError,
+        errorMessage = _this$state.errorMessage;
+      var isEvaluateMode = mode === 'evaluate';
+      return hasError ? /*#__PURE__*/_react["default"].createElement("div", null, "An error occured: ", errorMessage) : /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Teacher Instructions',
+          visible: 'Hide Teacher Instructions'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: teacherInstructions
+      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: classes.prompt
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        tagName: "span",
+        prompt: prompt
+      })), /*#__PURE__*/_react["default"].createElement(_container["default"], {
+        session: session,
+        onSessionChange: onSessionChange,
+        isEvaluateMode: isEvaluateMode,
+        imageDimensions: imageDimensions,
+        imageUrl: imageUrl,
+        backgroundImageEnabled: backgroundImageEnabled,
+        disabled: disabled
+      }));
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      return {
+        hasError: true,
+        errorMessage: error.message
+      };
+    }
+  }]);
+  return DrawingResponseComponent;
+}(_react["default"].Component);
+DrawingResponseComponent.propTypes = {
+  classes: _propTypes["default"].object,
+  model: _propTypes["default"].object.isRequired,
+  onSessionChange: _propTypes["default"].func.isRequired,
+  session: _propTypes["default"].object.isRequired
+};
+var styles = function styles() {
+  return {
+    prompt: {
+      fontSize: 'inherit'
+    }
+  };
+};
+var _default = (0, _styles.withStyles)(styles)(DrawingResponseComponent);
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Typography","_renderUi","_styles","_container","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DrawingResponseComponent","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","state","showCorrect","hasError","_createClass2","key","value","render","_this$props","_this$props$model","model","disabled","imageDimensions","imageUrl","prompt","mode","teacherInstructions","_this$props$model$bac","backgroundImageEnabled","session","onSessionChange","classes","_this$state","errorMessage","isEvaluateMode","createElement","Fragment","Collapsible","labels","hidden","visible","PreviewPrompt","className","tagName","getDerivedStateFromError","error","message","React","Component","propTypes","PropTypes","object","isRequired","func","styles","fontSize","_default","withStyles","exports"],"sources":["../../src/drawing-response/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Container from './container';\n\nclass DrawingResponseComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showCorrect: false,\n      hasError: false,\n    };\n  }\n\n  static getDerivedStateFromError(error) {\n    return { hasError: true, errorMessage: error.message };\n  }\n\n  render() {\n    const {\n      model: { disabled, imageDimensions, imageUrl, prompt, mode, teacherInstructions, backgroundImageEnabled = true },\n      session,\n      onSessionChange,\n      classes,\n    } = this.props;\n    const { hasError, errorMessage } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n\n    return hasError ? (\n      <div>An error occured: {errorMessage}</div>\n    ) : (\n      <div>\n        {teacherInstructions && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n            >\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        <Typography className={classes.prompt}>\n          <PreviewPrompt tagName=\"span\" prompt={prompt} />\n        </Typography>\n\n        <Container\n          session={session}\n          onSessionChange={onSessionChange}\n          isEvaluateMode={isEvaluateMode}\n          imageDimensions={imageDimensions}\n          imageUrl={imageUrl}\n          backgroundImageEnabled={backgroundImageEnabled}\n          disabled={disabled}\n        />\n      </div>\n    );\n  }\n}\n\nDrawingResponseComponent.propTypes = {\n  classes: PropTypes.object,\n  model: PropTypes.object.isRequired,\n  onSessionChange: PropTypes.func.isRequired,\n  session: PropTypes.object.isRequired,\n};\n\nconst styles = () => ({\n  prompt: {\n    fontSize: 'inherit',\n  },\n});\n\nexport default withStyles(styles)(DrawingResponseComponent);\n"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,87 @@
+"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 _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+var _drawingResponse = _interopRequireDefault(require("./drawing-response"));
+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 DrawingResponse = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(DrawingResponse, _HTMLElement);
+  var _super = _createSuper(DrawingResponse);
+  function DrawingResponse() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DrawingResponse);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sessionChanged", function (update) {
+      _this._session.drawables = update.drawables;
+      _this._session.texts = update.texts;
+      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), _this.isComplete()));
+      _this._render();
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(DrawingResponse, [{
+    key: "model",
+    set: function set(m) {
+      this._model = m;
+      this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));
+      this._render();
+    }
+  }, {
+    key: "isComplete",
+    value: function isComplete() {
+      return this._session && (!(0, _isEmpty["default"])(this._session.drawables) || !(0, _isEmpty["default"])(this._session.texts));
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+      this._render();
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      this._render();
+    }
+  }, {
+    key: "_render",
+    value: function _render() {
+      var _this2 = this;
+      if (this._model && this._session) {
+        var el = /*#__PURE__*/_react["default"].createElement(_drawingResponse["default"], {
+          model: this._model,
+          session: this._session,
+          onSessionChange: this.sessionChanged
+        });
+        _reactDom["default"].render(el, this, function () {
+          (0, _mathRendering.renderMath)(_this2);
+        });
+      }
+    }
+  }]);
+  return DrawingResponse;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+exports["default"] = DrawingResponse;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactDom","_isEmpty","_mathRendering","_piePlayerEvents","_drawingResponse","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DrawingResponse","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","update","_session","drawables","texts","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","_createClass2","key","set","m","_model","ModelSetEvent","value","isEmpty","get","s","connectedCallback","_this2","el","React","createElement","DrawingResponseComponent","model","session","onSessionChange","sessionChanged","ReactDOM","render","renderMath","_wrapNativeSuper2","HTMLElement","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport isEmpty from 'lodash/isEmpty';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\n\nimport DrawingResponseComponent from './drawing-response';\n\nexport default class DrawingResponse extends HTMLElement {\n  set model(m) {\n    this._model = m;\n\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));\n    this._render();\n  }\n\n  isComplete() {\n    return this._session && (!isEmpty(this._session.drawables) || !isEmpty(this._session.texts));\n  }\n\n  sessionChanged = (update) => {\n    this._session.drawables = update.drawables;\n    this._session.texts = update.texts;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n    this._render();\n  };\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model && this._session) {\n      const el = React.createElement(DrawingResponseComponent, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.sessionChanged,\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/drawing-response",
-  "version": "4.6.1-beta.1+73223f303",
+  "version": "4.6.1-beta.4+4157b2b34",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -25,7 +25,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "73223f303ea31ca510b096d77e6fb06382b0f0c6",
+  "gitHead": "4157b2b34711d36e3fea05d833ab5ed9d4b05b48",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },