@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

package/lib/plugins/respArea/drag-in-the-blank/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_isUndefined","_drag","_renderUi","_mathRendering","_styles","_classnames","_icons","_excluded","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","useStyles","withStyles","theme","content","border","concat","palette","primary","main","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","handleClick","bind","_assertThisInitialized2","_createClass2","key","value","componentDidMount","document","addEventListener","componentWillUnmount","removeEventListener","event","classes","elementRef","className","contains","target","componentDidUpdate","renderMath","render","_this2","_this$props","n","children","isDragging","dragItem","isOver","label","finalLabel","hasGrip","createElement","ref","style","display","minHeight","background","boxSizing","borderRadius","overflow","position","padding","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","React","Component","exports","_defineProperty2","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","_ref2","connectDropTarget","connectDragSource","_objectWithoutProperties2","dragContent","dragEl","classnames","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","isUndefined","index","onChange","dropped","canDrop","instanceId","DropTile","DropTarget","connect","dropTarget","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","_default","DragSource","dragSource"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../icons';\n\nconst useStyles = withStyles((theme) => ({\n  content: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n  },\n  chip: {\n    minWidth: '90px',\n  },\n  correct: {\n    border: `solid 1px ${color.correct()}`,\n  },\n  incorrect: {\n    border: `solid 1px ${theme.palette.error.main}`,\n  },\n  selected: {\n    border: `2px solid ${color.primaryDark()} !important`,\n  },\n}));\n\nexport class BlankContent extends React.Component {\n  static propTypes = {\n    n: PropTypes.object,\n    children: PropTypes.func,\n    isDragging: PropTypes.bool,\n    isOver: PropTypes.bool,\n    dragItem: PropTypes.object,\n    value: PropTypes.object,\n    classes: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener('click', this.handleClick);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.handleClick);\n  }\n\n  handleClick(event) {\n    const { classes } = this.props;\n\n    if (this.elementRef) {\n      this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.elementRef) {\n      renderMath(this.elementRef);\n    }\n  }\n\n  render() {\n    const { n, children, isDragging, dragItem, isOver, value } = this.props;\n\n    const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n    const finalLabel = isDragging ? '\\u00A0' : label;\n    const hasGrip = finalLabel !== '\\u00A0';\n\n    return (\n      <div\n        ref={(ref) => (this.elementRef = ref)}\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          position: 'relative',\n          padding: '8px 8px 8px 35px',\n        }}\n        data-key={n.key}\n        contentEditable={false}\n      >\n        {hasGrip && (\n          <GripIcon\n            style={{\n              position: 'absolute',\n              top: '6px',\n              left: '15px',\n              color: '#9B9B9B',\n            }}\n            contentEditable={false}\n          />\n        )}\n        <span\n          dangerouslySetInnerHTML={{\n            __html: finalLabel,\n          }}\n        />\n        {children}\n      </div>\n    );\n  }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n  const { classes, isOver, value } = props;\n  const dragContent = <StyledBlankContent {...props} />;\n  const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n  const content = <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>;\n\n  return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n    const shouldDrop =\n      isUndefined(draggedItem.value.index) ||\n      isUndefined(props.value.index) ||\n      draggedItem.value.index !== props.value.index;\n\n    if (shouldDrop) {\n      props.onChange(draggedItem.value);\n    }\n\n    return {\n      dropped: shouldDrop,\n    };\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  },\n};\n\nconst DropTile = DropTarget('drag-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nexport const tileSource = {\n  canDrag(props) {\n    return !props.disabled && !!props.value;\n  },\n  beginDrag(props) {\n    return {\n      id: props.targetId,\n      value: props.value,\n      instanceId: props.instanceId,\n      fromChoice: true,\n    };\n  },\n  endDrag(props, monitor) {\n    // this will be null if it did not drop\n    const dropResult = monitor.getDropResult();\n\n    if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n      const draggedItem = monitor.getItem();\n\n      if (draggedItem.fromChoice) {\n        props.removeResponse(draggedItem.value);\n      }\n    }\n  },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(DropTile);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAAoC,IAAAS,SAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEpC,IAAMC,SAAS,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACvCC,OAAO,EAAE;MACPC,MAAM,eAAAC,MAAA,CAAeH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,IAAI;IACjD,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPP,MAAM,eAAAC,MAAA,CAAeO,eAAK,CAACD,OAAO,CAAC,CAAC;IACtC,CAAC;IACDE,SAAS,EAAE;MACTT,MAAM,eAAAC,MAAA,CAAeH,KAAK,CAACI,OAAO,CAACQ,KAAK,CAACN,IAAI;IAC/C,CAAC;IACDO,QAAQ,EAAE;MACRX,MAAM,eAAAC,MAAA,CAAeO,eAAK,CAACI,WAAW,CAAC,CAAC;IAC1C;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,IAESC,YAAY,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAA1C,YAAA,CAAAuC,YAAA;EAWvB,SAAAA,aAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IACjBK,KAAA,GAAAF,MAAA,CAAAtB,IAAA,OAAMuB,KAAK;IAEXC,KAAA,CAAKE,WAAW,GAAGF,KAAA,CAAKE,WAAW,CAACC,IAAI,KAAAC,uBAAA,aAAAJ,KAAA,CAAK,CAAC;IAAC,OAAAA,KAAA;EACjD;EAAC,IAAAK,aAAA,aAAAV,YAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClBC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACR,WAAW,CAAC;IACtD;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAED,SAAAI,qBAAA,EAAuB;MACrBF,QAAQ,CAACG,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACV,WAAW,CAAC;IACzD;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAED,SAAAL,YAAYW,KAAK,EAAE;MACjB,IAAQC,OAAO,GAAK,IAAI,CAACf,KAAK,CAAtBe,OAAO;MAEf,IAAI,IAAI,CAACC,UAAU,EAAE;QACnB,IAAI,CAACA,UAAU,CAACC,SAAS,GAAG,IAAI,CAACD,UAAU,CAACE,QAAQ,CAACJ,KAAK,CAACK,MAAM,CAAC,GAAGJ,OAAO,CAACrB,QAAQ,GAAG,EAAE;MAC5F;IACF;EAAC;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAY,mBAAA,EAAqB;MACnB,IAAI,IAAI,CAACJ,UAAU,EAAE;QACnB,IAAAK,yBAAU,EAAC,IAAI,CAACL,UAAU,CAAC;MAC7B;IACF;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAc,OAAA,EAAS;MAAA,IAAAC,MAAA;MACP,IAAAC,WAAA,GAA6D,IAAI,CAACxB,KAAK;QAA/DyB,CAAC,GAAAD,WAAA,CAADC,CAAC;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;QAAEC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;QAAEC,MAAM,GAAAL,WAAA,CAANK,MAAM;QAAErB,KAAK,GAAAgB,WAAA,CAALhB,KAAK;MAExD,IAAMsB,KAAK,GAAGF,QAAQ,IAAIC,MAAM,GAAGD,QAAQ,CAACpB,KAAK,CAACA,KAAK,GAAGA,KAAK,CAACA,KAAK,IAAI,MAAQ;MACjF,IAAMuB,UAAU,GAAGJ,UAAU,GAAG,MAAQ,GAAGG,KAAK;MAChD,IAAME,OAAO,GAAGD,UAAU,KAAK,MAAQ;MAEvC,oBACEtF,MAAA,YAAAwF,aAAA;QACEC,GAAG,EAAE,SAAAA,IAACA,IAAG;UAAA,OAAMX,MAAI,CAACP,UAAU,GAAGkB,IAAG;QAAA,CAAE;QACtCC,KAAK,EAAE;UACLC,OAAO,EAAE,aAAa;UACtB/C,QAAQ,EAAE,OAAO;UACjBgD,SAAS,EAAE,MAAM;UACjBC,UAAU,EAAE,MAAM;UAClBvD,MAAM,EAAE,mBAAmB;UAC3BwD,SAAS,EAAE,YAAY;UACvBC,YAAY,EAAE,KAAK;UACnBC,QAAQ,EAAE,QAAQ;UAClBC,QAAQ,EAAE,UAAU;UACpBC,OAAO,EAAE;QACX,CAAE;QACF,YAAUlB,CAAC,CAAClB,GAAI;QAChBqC,eAAe,EAAE;MAAM,GAEtBZ,OAAO,iBACNvF,MAAA,YAAAwF,aAAA,CAAC9E,MAAA,CAAA0F,QAAQ;QACPV,KAAK,EAAE;UACLO,QAAQ,EAAE,UAAU;UACpBI,GAAG,EAAE,KAAK;UACVC,IAAI,EAAE,MAAM;UACZxD,KAAK,EAAE;QACT,CAAE;QACFqD,eAAe,EAAE;MAAM,CACxB,CACF,eACDnG,MAAA,YAAAwF,aAAA;QACEe,uBAAuB,EAAE;UACvBC,MAAM,EAAElB;QACV;MAAE,CACH,CAAC,EACDL,QACE,CAAC;IAEV;EAAC;EAAA,OAAA9B,YAAA;AAAA,EAnF+BsD,iBAAK,CAACC,SAAS;AAAAC,OAAA,CAAAxD,YAAA,GAAAA,YAAA;AAAA,IAAAyD,gBAAA,aAApCzD,YAAY,eACJ;EACjB6B,CAAC,EAAE6B,qBAAS,CAACC,MAAM;EACnB7B,QAAQ,EAAE4B,qBAAS,CAACE,IAAI;EACxB7B,UAAU,EAAE2B,qBAAS,CAACG,IAAI;EAC1B5B,MAAM,EAAEyB,qBAAS,CAACG,IAAI;EACtB7B,QAAQ,EAAE0B,qBAAS,CAACC,MAAM;EAC1B/C,KAAK,EAAE8C,qBAAS,CAACC,MAAM;EACvBxC,OAAO,EAAEuC,qBAAS,CAACC;AACrB,CAAC;AA6EH,IAAMG,kBAAkB,GAAG/E,SAAS,CAACiB,YAAY,CAAC;AAElD,IAAM+D,qBAAqB,GAAGhF,SAAS,CAAC,UAAAiF,KAAA,EAAwD;EAAA,IAArDC,iBAAiB,GAAAD,KAAA,CAAjBC,iBAAiB;IAAEC,iBAAiB,GAAAF,KAAA,CAAjBE,iBAAiB;IAAK9D,KAAK,OAAA+D,yBAAA,aAAAH,KAAA,EAAAxG,SAAA;EACvF,IAAQ2D,OAAO,GAAoBf,KAAK,CAAhCe,OAAO;IAAEc,MAAM,GAAY7B,KAAK,CAAvB6B,MAAM;IAAErB,KAAK,GAAKR,KAAK,CAAfQ,KAAK;EAC9B,IAAMwD,WAAW,gBAAGvH,MAAA,YAAAwF,aAAA,CAACyB,kBAAkB,EAAK1D,KAAQ,CAAC;EACrD,IAAMiE,MAAM,GAAG,CAACzD,KAAK,GAAGwD,WAAW,GAAGF,iBAAiB,eAACrH,MAAA,YAAAwF,aAAA,eAAO+B,WAAkB,CAAC,CAAC;EACnF,IAAMlF,OAAO,gBAAGrC,MAAA,YAAAwF,aAAA;IAAMhB,SAAS,EAAE,IAAAiD,sBAAU,EAACnD,OAAO,CAACjC,OAAO,EAAE+C,MAAM,IAAId,OAAO,CAACoD,IAAI;EAAE,GAAEF,MAAa,CAAC;EAErG,OAAOJ,iBAAiB,GAAGA,iBAAiB,CAAC/E,OAAO,CAAC,GAAGA,OAAO;AACjE,CAAC,CAAC;AAEK,IAAMsF,UAAU,GAAG;EACxBC,IAAI,WAAAA,KAACrE,KAAK,EAAEsE,OAAO,EAAE;IACnB,IAAMC,WAAW,GAAGD,OAAO,CAACE,OAAO,CAAC,CAAC;IACrC,IAAMC,UAAU,GACd,IAAAC,uBAAW,EAACH,WAAW,CAAC/D,KAAK,CAACmE,KAAK,CAAC,IACpC,IAAAD,uBAAW,EAAC1E,KAAK,CAACQ,KAAK,CAACmE,KAAK,CAAC,IAC9BJ,WAAW,CAAC/D,KAAK,CAACmE,KAAK,KAAK3E,KAAK,CAACQ,KAAK,CAACmE,KAAK;IAE/C,IAAIF,UAAU,EAAE;MACdzE,KAAK,CAAC4E,QAAQ,CAACL,WAAW,CAAC/D,KAAK,CAAC;IACnC;IAEA,OAAO;MACLqE,OAAO,EAAEJ;IACX,CAAC;EACH,CAAC;EACDK,OAAO,WAAAA,QAAC9E,KAAK,EAAEsE,OAAO,EAAE;IACtB,IAAMC,WAAW,GAAGD,OAAO,CAACE,OAAO,CAAC,CAAC;IAErC,OAAOD,WAAW,CAACQ,UAAU,KAAK/E,KAAK,CAAC+E,UAAU;EACpD;AACF,CAAC;AAAC3B,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAEF,IAAMY,QAAQ,GAAG,IAAAC,gBAAU,EAAC,0BAA0B,EAAEb,UAAU,EAAE,UAACc,OAAO,EAAEZ,OAAO;EAAA,OAAM;IACzFT,iBAAiB,EAAEqB,OAAO,CAACC,UAAU,CAAC,CAAC;IACvCtD,MAAM,EAAEyC,OAAO,CAACzC,MAAM,CAAC,CAAC;IACxBD,QAAQ,EAAE0C,OAAO,CAACE,OAAO,CAAC;EAC5B,CAAC;AAAA,CAAC,CAAC,CAACb,qBAAqB,CAAC;AAEnB,IAAMyB,UAAU,GAAG;EACxBC,OAAO,WAAAA,QAACrF,KAAK,EAAE;IACb,OAAO,CAACA,KAAK,CAACsF,QAAQ,IAAI,CAAC,CAACtF,KAAK,CAACQ,KAAK;EACzC,CAAC;EACD+E,SAAS,WAAAA,UAACvF,KAAK,EAAE;IACf,OAAO;MACLwF,EAAE,EAAExF,KAAK,CAACyF,QAAQ;MAClBjF,KAAK,EAAER,KAAK,CAACQ,KAAK;MAClBuE,UAAU,EAAE/E,KAAK,CAAC+E,UAAU;MAC5BW,UAAU,EAAE;IACd,CAAC;EACH,CAAC;EACDC,OAAO,WAAAA,QAAC3F,KAAK,EAAEsE,OAAO,EAAE;IACtB;IACA,IAAMsB,UAAU,GAAGtB,OAAO,CAACuB,aAAa,CAAC,CAAC;IAE1C,IAAI,CAACD,UAAU,IAAKA,UAAU,CAACf,OAAO,IAAI,CAAC7E,KAAK,CAAC8F,UAAW,EAAE;MAC5D,IAAMvB,WAAW,GAAGD,OAAO,CAACE,OAAO,CAAC,CAAC;MAErC,IAAID,WAAW,CAACmB,UAAU,EAAE;QAC1B1F,KAAK,CAAC+F,cAAc,CAACxB,WAAW,CAAC/D,KAAK,CAAC;MACzC;IACF;EACF;AACF,CAAC;AAAC4C,OAAA,CAAAgC,UAAA,GAAAA,UAAA;AAAA,IAAAY,QAAA,GAEa,IAAAC,gBAAU,EAAC,0BAA0B,EAAEb,UAAU,EAAE,UAACF,OAAO,EAAEZ,OAAO;EAAA,OAAM;IACvFR,iBAAiB,EAAEoB,OAAO,CAACgB,UAAU,CAAC,CAAC;IACvCvE,UAAU,EAAE2C,OAAO,CAAC3C,UAAU,CAAC;EACjC,CAAC;AAAA,CAAC,CAAC,CAACqD,QAAQ,CAAC;AAAA5B,OAAA,cAAA4C,QAAA"}
+{"version":3,"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"names":["useStyles","theme","content","border","palette","primary","main","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","props","handleClick","bind","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","n","children","isDragging","dragItem","isOver","value","label","finalLabel","hasGrip","ref","display","minHeight","background","boxSizing","borderRadius","overflow","position","padding","key","top","left","__html","React","Component","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","connectDropTarget","connectDragSource","dragContent","dragEl","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","index","onChange","dropped","canDrop","instanceId","DropTile","connect","dropTarget","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","dragSource"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../icons';\n\nconst useStyles = withStyles((theme) => ({\n  content: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n  },\n  chip: {\n    minWidth: '90px',\n  },\n  correct: {\n    border: `solid 1px ${color.correct()}`,\n  },\n  incorrect: {\n    border: `solid 1px ${theme.palette.error.main}`,\n  },\n  selected: {\n    border: `2px solid ${color.primaryDark()} !important`,\n  },\n}));\n\nexport class BlankContent extends React.Component {\n  static propTypes = {\n    n: PropTypes.object,\n    children: PropTypes.func,\n    isDragging: PropTypes.bool,\n    isOver: PropTypes.bool,\n    dragItem: PropTypes.object,\n    value: PropTypes.object,\n    classes: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  componentDidMount() {\n    document.addEventListener('click', this.handleClick);\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.handleClick);\n  }\n\n  handleClick(event) {\n    const { classes } = this.props;\n\n    if (this.elementRef) {\n      this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.elementRef) {\n      renderMath(this.elementRef);\n    }\n  }\n\n  render() {\n    const { n, children, isDragging, dragItem, isOver, value } = this.props;\n\n    const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n    const finalLabel = isDragging ? '\\u00A0' : label;\n    const hasGrip = finalLabel !== '\\u00A0';\n\n    return (\n      <div\n        ref={(ref) => (this.elementRef = ref)}\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          background: '#FFF',\n          border: '1px solid #C0C3CF',\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          position: 'relative',\n          padding: '8px 8px 8px 35px',\n        }}\n        data-key={n.key}\n        contentEditable={false}\n      >\n        {hasGrip && (\n          <GripIcon\n            style={{\n              position: 'absolute',\n              top: '6px',\n              left: '15px',\n              color: '#9B9B9B',\n            }}\n            contentEditable={false}\n          />\n        )}\n        <span\n          dangerouslySetInnerHTML={{\n            __html: finalLabel,\n          }}\n        />\n        {children}\n      </div>\n    );\n  }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n  const { classes, isOver, value } = props;\n  const dragContent = <StyledBlankContent {...props} />;\n  const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n  const content = <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>;\n\n  return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n  drop(props, monitor) {\n    const draggedItem = monitor.getItem();\n    const shouldDrop =\n      isUndefined(draggedItem.value.index) ||\n      isUndefined(props.value.index) ||\n      draggedItem.value.index !== props.value.index;\n\n    if (shouldDrop) {\n      props.onChange(draggedItem.value);\n    }\n\n    return {\n      dropped: shouldDrop,\n    };\n  },\n  canDrop(props, monitor) {\n    const draggedItem = monitor.getItem();\n\n    return draggedItem.instanceId === props.instanceId;\n  },\n};\n\nconst DropTile = DropTarget('drag-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nexport const tileSource = {\n  canDrag(props) {\n    return !props.disabled && !!props.value;\n  },\n  beginDrag(props) {\n    return {\n      id: props.targetId,\n      value: props.value,\n      instanceId: props.instanceId,\n      fromChoice: true,\n    };\n  },\n  endDrag(props, monitor) {\n    // this will be null if it did not drop\n    const dropResult = monitor.getDropResult();\n\n    if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n      const draggedItem = monitor.getItem();\n\n      if (draggedItem.fromChoice) {\n        props.removeResponse(draggedItem.value);\n      }\n    }\n  },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(DropTile);\n"],"file":"choice.js"}

package/lib/plugins/respArea/drag-in-the-blank/index.js

@@ -1,53 +1,65 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onValueChange = exports.onRemoveResponse = exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _choice = _interopRequireDefault(require("./choice"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var onValueChange = function onValueChange(nodeProps, n, value) {
   var val = nodeProps.editor.value;
   var change = val.change();
   change.setNodeByKey(n.key, {
     data: _objectSpread(_objectSpread({}, value), {}, {
-      index: n.data.index
+      index: n.data.get('index')
     })
   });
   nodeProps.editor.props.onChange(change, function () {
     nodeProps.editor.props.onEditingDone();
   });
 };
+
 exports.onValueChange = onValueChange;
+
 var onRemoveResponse = function onRemoveResponse(nodeProps, value) {
   var val = nodeProps.editor.value;
   var change = val.change();
   var dragInTheBlank = val.document.findDescendant(function (n) {
-    return n.data && n.data.index === value.index;
+    return n.data && n.data.get('index') === value.index;
   });
   change.setNodeByKey(dragInTheBlank.key, {
     data: {
-      index: dragInTheBlank.data.index
+      index: dragInTheBlank.data.get('index')
     }
   });
   nodeProps.editor.props.onChange(change, function () {
     nodeProps.editor.props.onEditingDone();
   });
 };
+
 exports.onRemoveResponse = onRemoveResponse;
+
 var DragDrop = function DragDrop(props) {
   var attributes = props.attributes,
-    children = props.children,
-    data = props.data,
-    n = props.n,
-    nodeProps = props.nodeProps,
-    opts = props.opts;
+      data = props.data,
+      n = props.n,
+      nodeProps = props.nodeProps,
+      opts = props.opts;
   var inTable = data.inTable;
   return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
     style: {
@@ -70,8 +82,9 @@ var DragDrop = function DragDrop(props) {
     removeResponse: function removeResponse(value) {
       return onRemoveResponse(nodeProps, value);
     }
-  }, nodeProps.children, children));
+  }, nodeProps.children));
 };
+
 DragDrop.propTypes = {
   attributes: _propTypes["default"].object,
   data: _propTypes["default"].object,

package/lib/plugins/respArea/drag-in-the-blank/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_choice","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","onValueChange","nodeProps","n","value","val","editor","change","setNodeByKey","data","index","props","onChange","onEditingDone","exports","onRemoveResponse","dragInTheBlank","document","findDescendant","DragDrop","attributes","children","opts","inTable","createElement","_extends2","style","display","minHeight","minWidth","position","margin","cursor","dragKey","targetId","duplicates","options","removeResponse","propTypes","PropTypes","_default"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragDropTile from './choice';\n\nexport const onValueChange = (nodeProps, n, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n\n  change.setNodeByKey(n.key, {\n    data: {\n      ...value,\n      index: n.data.index\n    }\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nexport const onRemoveResponse = (nodeProps, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n  const dragInTheBlank = val.document.findDescendant(\n    n => n.data && n.data.index === value.index\n  );\n\n  change.setNodeByKey(dragInTheBlank.key, {\n    data: {\n      index: dragInTheBlank.data.index\n    }\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nconst DragDrop = props => {\n  const { attributes, children, data, n, nodeProps, opts } = props;\n  const { inTable } = data;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: inTable ? '10px' : '0 10px',\n        cursor: 'pointer',\n      }}\n    >\n      <DragDropTile\n        n={n}\n        dragKey={n.key}\n        targetId=\"0\"\n        value={data}\n        duplicates={opts.options.duplicates}\n        onChange={(value) => onValueChange(nodeProps, n, value)}\n        removeResponse={(value) => onRemoveResponse(nodeProps, value)}\n      >\n        {nodeProps.children}\n        {children}\n      </DragDropTile>\n    </span>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/plugins/respArea/drag-in-the-blank/index.jsx"],"names":["onValueChange","nodeProps","n","value","val","editor","change","setNodeByKey","key","data","index","get","props","onChange","onEditingDone","onRemoveResponse","dragInTheBlank","document","findDescendant","DragDrop","attributes","opts","inTable","display","minHeight","minWidth","position","margin","cursor","options","duplicates","children","propTypes","PropTypes","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragDropTile from './choice';\n\nexport const onValueChange = (nodeProps, n, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n\n  change.setNodeByKey(n.key, {\n    data: {\n      ...value,\n      index: n.data.get('index'),\n    },\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nexport const onRemoveResponse = (nodeProps, value) => {\n  const val = nodeProps.editor.value;\n  const change = val.change();\n  const dragInTheBlank = val.document.findDescendant((n) => n.data && n.data.get('index') === value.index);\n\n  change.setNodeByKey(dragInTheBlank.key, {\n    data: {\n      index: dragInTheBlank.data.get('index'),\n    },\n  });\n\n  nodeProps.editor.props.onChange(change, () => {\n    nodeProps.editor.props.onEditingDone();\n  });\n};\n\nconst DragDrop = (props) => {\n  const { attributes, data, n, nodeProps, opts } = props;\n  const { inTable } = data;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: inTable ? '10px' : '0 10px',\n        cursor: 'pointer',\n      }}\n    >\n      <DragDropTile\n        n={n}\n        dragKey={n.key}\n        targetId=\"0\"\n        value={data}\n        duplicates={opts.options.duplicates}\n        onChange={(value) => onValueChange(nodeProps, n, value)}\n        removeResponse={(value) => onRemoveResponse(nodeProps, value)}\n      >\n        {nodeProps.children}\n      </DragDropTile>\n    </span>\n  );\n};\n\nDragDrop.propTypes = {\n  attributes: PropTypes.object,\n  data: PropTypes.object,\n  n: PropTypes.object,\n  nodeProps: PropTypes.object,\n  opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"file":"index.js"}

package/lib/plugins/respArea/explicit-constructed-response/index.js

@@ -1,18 +1,22 @@
 "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 _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
   var attributes = props.attributes,
-    children = props.children,
-    value = props.value,
-    error = props.error;
+      value = props.value,
+      error = props.error;
   return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
     style: {
       display: 'inline-flex',
@@ -38,8 +42,9 @@ var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
     dangerouslySetInnerHTML: {
       __html: value || '<div>&nbsp;</div>'
     }
-  }), children);
+  }));
 };
+
 ExplicitConstructedResponse.propTypes = {
   attributes: _propTypes["default"].object,
   error: _propTypes["default"].any,

package/lib/plugins/respArea/explicit-constructed-response/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","ExplicitConstructedResponse","props","attributes","children","value","error","createElement","_extends2","style","display","minHeight","minWidth","position","margin","cursor","height","background","border","concat","boxSizing","borderRadius","overflow","padding","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","any","string","_default","exports"],"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = props => {\n  const { attributes, children, value, error } = props;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: '0 5px',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          height: '36px',\n          background: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          padding: '8px',\n        }}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n      {children}\n    </span>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAGC,KAAK,EAAI;EAC3C,IAAQC,UAAU,GAA6BD,KAAK,CAA5CC,UAAU;IAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ;IAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK;IAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EAE1C,oBACET,MAAA,YAAAU,aAAA,aAAAC,SAAA,iBACML,UAAU;IACdM,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBC,SAAS,EAAE,MAAM;MACjBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,OAAO;MACfC,MAAM,EAAE;IACV;EAAE,iBAEFlB,MAAA,YAAAU,aAAA;IACEE,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBE,QAAQ,EAAE,OAAO;MACjBD,SAAS,EAAE,MAAM;MACjBK,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE,MAAM;MAClBC,MAAM,eAAAC,MAAA,CAAeb,KAAK,GAAG,KAAK,GAAG,SAAS,CAAE;MAChDc,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,QAAQ;MAClBC,OAAO,EAAE;IACX,CAAE;IACFC,uBAAuB,EAAE;MACvBC,MAAM,EAAEpB,KAAK,IAAI;IACnB;EAAE,CACH,CAAC,EACDD,QACG,CAAC;AAEX,CAAC;AAEDH,2BAA2B,CAACyB,SAAS,GAAG;EACtCvB,UAAU,EAAEwB,qBAAS,CAACC,MAAM;EAC5BtB,KAAK,EAAEqB,qBAAS,CAACE,GAAG;EACpBxB,KAAK,EAAEsB,qBAAS,CAACG;AACnB,CAAC;AAAC,IAAAC,QAAA,GAEa9B,2BAA2B;AAAA+B,OAAA,cAAAD,QAAA"}
+{"version":3,"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"names":["ExplicitConstructedResponse","props","attributes","value","error","display","minHeight","minWidth","position","margin","cursor","height","background","border","boxSizing","borderRadius","overflow","padding","__html","propTypes","PropTypes","object","any","string"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,KAAD,EAAW;AAC7C,MAAQC,UAAR,GAAqCD,KAArC,CAAQC,UAAR;AAAA,MAAoBC,KAApB,GAAqCF,KAArC,CAAoBE,KAApB;AAAA,MAA2BC,KAA3B,GAAqCH,KAArC,CAA2BG,KAA3B;AAEA,sBACE,sEACMF,UADN;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,OAAO,EAAE,aADJ;AAELC,MAAAA,SAAS,EAAE,MAFN;AAGLC,MAAAA,QAAQ,EAAE,OAHL;AAILC,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,MAAM,EAAE,OALH;AAMLC,MAAAA,MAAM,EAAE;AANH;AAFT,mBAWE;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,OAAO,EAAE,aADJ;AAELE,MAAAA,QAAQ,EAAE,OAFL;AAGLD,MAAAA,SAAS,EAAE,MAHN;AAILK,MAAAA,MAAM,EAAE,MAJH;AAKLC,MAAAA,UAAU,EAAE,MALP;AAMLC,MAAAA,MAAM,sBAAeT,KAAK,GAAG,KAAH,GAAW,SAA/B,CAND;AAOLU,MAAAA,SAAS,EAAE,YAPN;AAQLC,MAAAA,YAAY,EAAE,KART;AASLC,MAAAA,QAAQ,EAAE,QATL;AAULC,MAAAA,OAAO,EAAE;AAVJ,KADT;AAaE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAEf,KAAK,IAAI;AADM;AAb3B,IAXF,CADF;AA+BD,CAlCD;;AAoCAH,2BAA2B,CAACmB,SAA5B,GAAwC;AACtCjB,EAAAA,UAAU,EAAEkB,sBAAUC,MADgB;AAEtCjB,EAAAA,KAAK,EAAEgB,sBAAUE,GAFqB;AAGtCnB,EAAAA,KAAK,EAAEiB,sBAAUG;AAHqB,CAAxC;eAMevB,2B","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = (props) => {\n  const { attributes, value, error } = props;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        minHeight: '50px',\n        minWidth: '178px',\n        position: 'relative',\n        margin: '0 5px',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          minWidth: '178px',\n          minHeight: '36px',\n          height: '36px',\n          background: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          padding: '8px',\n        }}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n    </span>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n};\n\nexport default ExplicitConstructedResponse;\n"],"file":"index.js"}

package/lib/plugins/respArea/icons/index.js

@@ -1,33 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+
 var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+
 var _styles = require("@material-ui/core/styles");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var getRotate = function getRotate(direction) {
   switch (direction) {
     case 'down':
       return 90;
+
     case 'up':
       return -90;
+
     case 'left':
       return 180;
+
     default:
       return 0;
   }
 };
+
 var Chevron = function Chevron(props) {
   var direction = props.direction,
-    style = props.style;
+      style = props.style;
   var rotate = getRotate(direction);
   return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
     style: _objectSpread({
@@ -35,11 +49,13 @@ var Chevron = function Chevron(props) {
     }, style)
   });
 };
+
 exports.Chevron = Chevron;
 Chevron.propTypes = {
   direction: _propTypes["default"].string,
   style: _propTypes["default"].object
 };
+
 var GripIcon = function GripIcon(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -50,6 +66,7 @@ var GripIcon = function GripIcon(_ref) {
     }
   }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
 };
+
 exports.GripIcon = GripIcon;
 GripIcon.propTypes = {
   style: _propTypes["default"].object

package/lib/plugins/respArea/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_ChevronRight","_MoreVert","_styles","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","getRotate","direction","Chevron","props","style","rotate","createElement","transform","concat","exports","propTypes","PropTypes","string","GripIcon","_ref","margin","ToolbarIcon","withStyles","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","_ref2","classes","className"],"sources":["../../../../src/plugins/respArea/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst getRotate = (direction) => {\n  switch (direction) {\n    case 'down':\n      return 90;\n\n    case 'up':\n      return -90;\n\n    case 'left':\n      return 180;\n\n    default:\n      return 0;\n  }\n};\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = getRotate(direction);\n\n  return (\n    <ChevronRight\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n    />\n  );\n};\n\nChevron.propTypes = {\n  direction: PropTypes.string,\n  style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert\n        style={{\n          margin: '0 -16px',\n        }}\n      />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nexport const ToolbarIcon = withStyles((theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans !important',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    top: '7px',\n    width: '110px',\n    height: '28px',\n    whiteSpace: 'nowrap',\n  },\n}))(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/plugins/respArea/icons/index.jsx"],"names":["getRotate","direction","Chevron","props","style","rotate","transform","propTypes","PropTypes","string","object","GripIcon","margin","ToolbarIcon","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","classes"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD,EAAe;AAC/B,UAAQA,SAAR;AACE,SAAK,MAAL;AACE,aAAO,EAAP;;AAEF,SAAK,IAAL;AACE,aAAO,CAAC,EAAR;;AAEF,SAAK,MAAL;AACE,aAAO,GAAP;;AAEF;AACE,aAAO,CAAP;AAXJ;AAaD,CAdD;;AAgBO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AAChC,MAAQF,SAAR,GAA6BE,KAA7B,CAAQF,SAAR;AAAA,MAAmBG,KAAnB,GAA6BD,KAA7B,CAAmBC,KAAnB;AACA,MAAMC,MAAM,GAAGL,SAAS,CAACC,SAAD,CAAxB;AAEA,sBACE,gCAAC,wBAAD;AACE,IAAA,KAAK;AACHK,MAAAA,SAAS,mBAAYD,MAAZ;AADN,OAEAD,KAFA;AADP,IADF;AAQD,CAZM;;;AAcPF,OAAO,CAACK,SAAR,GAAoB;AAClBN,EAAAA,SAAS,EAAEO,sBAAUC,MADH;AAElBL,EAAAA,KAAK,EAAEI,sBAAUE;AAFC,CAApB;;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAAe;AAAA,MAAZP,KAAY,QAAZA,KAAY;AACrC,sBACE;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,gCAAC,oBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,MAAM,EAAE;AADH;AADT,IADF,eAME,gCAAC,oBAAD,OANF,CADF;AAUD,CAXM;;;AAaPD,QAAQ,CAACJ,SAAT,GAAqB;AACnBH,EAAAA,KAAK,EAAEI,sBAAUE;AADE,CAArB;AAIO,IAAMG,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AAChDC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,yBADR;AAEJC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAFvB;AAGJE,MAAAA,UAAU,EAAE,MAHR;AAIJC,MAAAA,UAAU,EAAE,MAJR;AAKJC,MAAAA,QAAQ,EAAE,UALN;AAMJC,MAAAA,GAAG,EAAE,KAND;AAOJC,MAAAA,KAAK,EAAE,OAPH;AAQJC,MAAAA,MAAM,EAAE,MARJ;AASJC,MAAAA,UAAU,EAAE;AATR;AAD0C,GAAZ;AAAA,CAAX,EAYvB;AAAA,MAAGC,OAAH,SAAGA,OAAH;AAAA,sBAAiB;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACX;AAAxB,uBAAjB;AAAA,CAZuB,CAApB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst getRotate = (direction) => {\n  switch (direction) {\n    case 'down':\n      return 90;\n\n    case 'up':\n      return -90;\n\n    case 'left':\n      return 180;\n\n    default:\n      return 0;\n  }\n};\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = getRotate(direction);\n\n  return (\n    <ChevronRight\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n    />\n  );\n};\n\nChevron.propTypes = {\n  direction: PropTypes.string,\n  style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert\n        style={{\n          margin: '0 -16px',\n        }}\n      />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nexport const ToolbarIcon = withStyles((theme) => ({\n  icon: {\n    fontFamily: 'Cerebri Sans !important',\n    fontSize: theme.typography.fontSize,\n    fontWeight: 'bold',\n    lineHeight: '14px',\n    position: 'relative',\n    top: '7px',\n    width: '110px',\n    height: '28px',\n    whiteSpace: 'nowrap',\n  },\n}))(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"file":"index.js"}