@pie-element/complex-rubric 3.8.4-next.9 → 5.0.1-esmbeta.0

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"names":["useStyles","theme","content","border","palette","primary","main","fontSize","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","props","handleClick","bind","state","hoveredElementSize","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","prevProps","isOver","node","width","offsetWidth","height","offsetHeight","prevState","snapshot","renderMath","setState","n","children","isDragging","dragItem","value","label","finalLabel","hasGrip","isPreview","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","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","shallow","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","dragSource"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACvCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,MAAM,sBAAeF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC,IAArC,CADC;AAEP,oBAAc;AACZC,QAAAA,QAAQ,EAAE;AADE;AAFP,KAD8B;AAOvCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE;AADN,KAPiC;AAUvCC,IAAAA,OAAO,EAAE;AACPP,MAAAA,MAAM,sBAAeQ,gBAAMD,OAAN,EAAf;AADC,KAV8B;AAavCE,IAAAA,SAAS,EAAE;AACTT,MAAAA,MAAM,sBAAeF,KAAK,CAACG,OAAN,CAAcS,KAAd,CAAoBP,IAAnC;AADG,KAb4B;AAgBvCQ,IAAAA,QAAQ,EAAE;AACRX,MAAAA,MAAM,sBAAeQ,gBAAMI,WAAN,EAAf;AADE;AAhB6B,GAAZ;AAAA,CAAX,CAAlB;;IAqBaC,Y;;;;;AAWX,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AAEA,UAAKC,WAAL,GAAmB,MAAKA,WAAL,CAAiBC,IAAjB,gDAAnB;AACA,UAAKC,KAAL,GAAa;AAAEC,MAAAA,kBAAkB,EAAE;AAAtB,KAAb;AAJiB;AAKlB;;;;WAED,6BAAoB;AAClBC,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmC,KAAKL,WAAxC;AACD;;;WAED,gCAAuB;AACrBI,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsC,KAAKN,WAA3C;AACD;;;WAED,qBAAYO,KAAZ,EAAmB;AACjB,UAAQC,OAAR,GAAoB,KAAKT,KAAzB,CAAQS,OAAR;;AAEA,UAAI,KAAKC,UAAT,EAAqB;AACnB,aAAKA,UAAL,CAAgBC,SAAhB,GAA4B,KAAKD,UAAL,CAAgBE,QAAhB,CAAyBJ,KAAK,CAACK,MAA/B,IAAyCJ,OAAO,CAACZ,QAAjD,GAA4D,EAAxF;AACD;AACF;;;WAED,iCAAwBiB,SAAxB,EAAmC;AACjC,UAAI,CAACA,SAAS,CAACC,MAAX,IAAqB,KAAKf,KAAL,CAAWe,MAAhC,IAA0C,KAAKL,UAAnD,EAA+D;AAC7D,YAAMM,IAAI,GAAG,KAAKN,UAAlB;AACA,eAAO;AAAEO,UAAAA,KAAK,EAAED,IAAI,CAACE,WAAd;AAA2BC,UAAAA,MAAM,EAAEH,IAAI,CAACI;AAAxC,SAAP;AACD;;AACD,aAAO,IAAP;AACD;;;WAED,4BAAmBN,SAAnB,EAA8BO,SAA9B,EAAyCC,QAAzC,EAAmD;AACjD,UAAI,KAAKZ,UAAL,IAAmB,OAAOa,yBAAP,KAAsB,UAA7C,EAAyD;AACvD,uCAAW,KAAKb,UAAhB;AACD;;AAED,UACEY,QAAQ,KACP,CAAC,KAAKnB,KAAL,CAAWC,kBAAZ,IACC,KAAKD,KAAL,CAAWC,kBAAX,CAA8Ba,KAA9B,KAAwCK,QAAQ,CAACL,KADlD,IAEC,KAAKd,KAAL,CAAWC,kBAAX,CAA8Be,MAA9B,KAAyCG,QAAQ,CAACH,MAH5C,CADV,EAKE;AACA,aAAKK,QAAL,CAAc;AAAEpB,UAAAA,kBAAkB,EAAEkB;AAAtB,SAAd;AACA;AACD;;AAED,UAAIR,SAAS,CAACC,MAAV,IAAoB,CAAC,KAAKf,KAAL,CAAWe,MAAhC,IAA0C,KAAKZ,KAAL,CAAWC,kBAAzD,EAA6E;AAC3E,aAAKoB,QAAL,CAAc;AAAEpB,UAAAA,kBAAkB,EAAE;AAAtB,SAAd;AACD;AACF;;;WAED,kBAAS;AAAA;;AACP,wBAA6D,KAAKJ,KAAlE;AAAA,UAAQyB,CAAR,eAAQA,CAAR;AAAA,UAAWC,QAAX,eAAWA,QAAX;AAAA,UAAqBC,UAArB,eAAqBA,UAArB;AAAA,UAAiCC,QAAjC,eAAiCA,QAAjC;AAAA,UAA2Cb,MAA3C,eAA2CA,MAA3C;AAAA,UAAmDc,KAAnD,eAAmDA,KAAnD;AACA,UAAQzB,kBAAR,GAA+B,KAAKD,KAApC,CAAQC,kBAAR;AAEA,UAAM0B,KAAK,GAAGF,QAAQ,IAAIb,MAAZ,GAAqBa,QAAQ,CAACC,KAAT,CAAeA,KAApC,GAA4CA,KAAK,CAACA,KAAN,IAAe,MAAzE;AACA,UAAME,UAAU,GAAGJ,UAAU,GAAG,MAAH,GAAcG,KAA3C;AACA,UAAME,OAAO,GAAGD,UAAU,KAAK,MAA/B;AACA,UAAME,SAAS,GAAGL,QAAQ,IAAIb,MAA9B;AAEA,0BACE;AACE,QAAA,GAAG,EAAE,aAACmB,IAAD;AAAA,iBAAU,MAAI,CAACxB,UAAL,GAAkBwB,IAA5B;AAAA,SADP;AAEE,QAAA,KAAK,EAAE;AACLC,UAAAA,OAAO,EAAE,aADJ;AAEL3C,UAAAA,QAAQ,EAAE,OAFL;AAGL4C,UAAAA,SAAS,EAAE,MAHN;AAILC,UAAAA,UAAU,EAAEJ,SAAS,aAAMvC,gBAAM4C,QAAN,CAAeC,YAArB,cAAyC7C,gBAAM4C,QAAN,CAAeE,KAAxD,CAJhB;AAKLtD,UAAAA,MAAM,EAAE+C,SAAS,wBAAiBvC,gBAAM4C,QAAN,CAAeG,WAAhC,yBAA8D/C,gBAAM4C,QAAN,CAAeC,YAA7E,CALZ;AAMLG,UAAAA,SAAS,EAAE,YANN;AAOLC,UAAAA,YAAY,EAAE,KAPT;AAQLC,UAAAA,QAAQ,EAAE,QARL;AASLC,UAAAA,QAAQ,EAAE,UATL;AAULC,UAAAA,OAAO,EAAE,kBAVJ;AAWL7B,UAAAA,KAAK,EAAEb,kBAAkB,GAAGA,kBAAkB,CAACa,KAAtB,GAA8B8B,SAXlD;AAYL5B,UAAAA,MAAM,EAAEf,kBAAkB,GAAGA,kBAAkB,CAACe,MAAtB,GAA+B4B;AAZpD,SAFT;AAgBE,oBAAUtB,CAAC,CAACuB,GAhBd;AAiBE,QAAA,eAAe,EAAE;AAjBnB,SAmBGhB,OAAO,iBACN,gCAAC,eAAD;AACE,QAAA,KAAK,EAAE;AACLa,UAAAA,QAAQ,EAAE,UADL;AAELI,UAAAA,GAAG,EAAE,KAFA;AAGLC,UAAAA,IAAI,EAAE,MAHD;AAILxD,UAAAA,KAAK,EAAE;AAJF,SADT;AAOE,QAAA,eAAe,EAAE;AAPnB,QApBJ,eA8BE;AACE,QAAA,uBAAuB,EAAE;AACvByD,UAAAA,MAAM,EAAEpB;AADe;AAD3B,QA9BF,EAmCGL,QAnCH,CADF;AAuCD;;;EA9G+B0B,kBAAMC,S;;;iCAA3BtD,Y,eACQ;AACjB0B,EAAAA,CAAC,EAAE6B,sBAAUC,MADI;AAEjB7B,EAAAA,QAAQ,EAAE4B,sBAAUE,IAFH;AAGjB7B,EAAAA,UAAU,EAAE2B,sBAAUG,IAHL;AAIjB1C,EAAAA,MAAM,EAAEuC,sBAAUG,IAJD;AAKjB7B,EAAAA,QAAQ,EAAE0B,sBAAUC,MALH;AAMjB1B,EAAAA,KAAK,EAAEyB,sBAAUC,MANA;AAOjB9C,EAAAA,OAAO,EAAE6C,sBAAUC;AAPF,C;AAgHrB,IAAMG,kBAAkB,GAAG3E,SAAS,CAACgB,YAAD,CAApC;AAEA,IAAM4D,qBAAqB,GAAG5E,SAAS,CAAC,iBAAwD;AAAA,MAArD6E,iBAAqD,SAArDA,iBAAqD;AAAA,MAAlCC,iBAAkC,SAAlCA,iBAAkC;AAAA,MAAZ7D,KAAY;AAC9F,MAAQS,OAAR,GAAmCT,KAAnC,CAAQS,OAAR;AAAA,MAAiBM,MAAjB,GAAmCf,KAAnC,CAAiBe,MAAjB;AAAA,MAAyBc,KAAzB,GAAmC7B,KAAnC,CAAyB6B,KAAzB;;AACA,MAAMiC,WAAW,gBAAG,gCAAC,kBAAD,EAAwB9D,KAAxB,CAApB;;AACA,MAAM+D,MAAM,GAAG,CAAClC,KAAD,GAASiC,WAAT,GAAuBD,iBAAiB,eAAC,8CAAOC,WAAP,CAAD,CAAvD;;AACA,MAAM7E,OAAO,gBAAG;AAAM,IAAA,SAAS,EAAE,4BAAWwB,OAAO,CAACxB,OAAnB,EAA4B8B,MAAM,IAAIN,OAAO,CAACuD,IAA9C;AAAjB,KAAuED,MAAvE,CAAhB;;AAEA,SAAOH,iBAAiB,GAAGA,iBAAiB,CAAC3E,OAAD,CAApB,GAAgCA,OAAxD;AACD,CAPsC,CAAvC;AASO,IAAMgF,UAAU,GAAG;AACxBC,EAAAA,IADwB,gBACnBlE,KADmB,EACZmE,OADY,EACH;AACnB,QAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;AACA,QAAMC,UAAU,GACd,6BAAYF,WAAW,CAACvC,KAAZ,CAAkB0C,KAA9B,KACA,6BAAYvE,KAAK,CAAC6B,KAAN,CAAY0C,KAAxB,CADA,IAEAH,WAAW,CAACvC,KAAZ,CAAkB0C,KAAlB,KAA4BvE,KAAK,CAAC6B,KAAN,CAAY0C,KAH1C;;AAKA,QAAID,UAAJ,EAAgB;AACdtE,MAAAA,KAAK,CAACwE,QAAN,CAAeJ,WAAW,CAACvC,KAA3B;AACD;;AAED,WAAO;AACL4C,MAAAA,OAAO,EAAEH;AADJ,KAAP;AAGD,GAfuB;AAgBxBI,EAAAA,OAhBwB,mBAgBhB1E,KAhBgB,EAgBTmE,OAhBS,EAgBA;AACtB,QAAMC,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;AAEA,WAAOD,WAAW,CAACO,UAAZ,KAA2B3E,KAAK,CAAC2E,UAAxC;AACD;AApBuB,CAAnB;;AAuBP,IAAMC,QAAQ,GAAG,sBAAW,0BAAX,EAAuCX,UAAvC,EAAmD,UAACY,OAAD,EAAUV,OAAV;AAAA,SAAuB;AACzFP,IAAAA,iBAAiB,EAAEiB,OAAO,CAACC,UAAR,EADsE;AAEzF/D,IAAAA,MAAM,EAAEoD,OAAO,CAACpD,MAAR,CAAe;AAAEgE,MAAAA,OAAO,EAAE;AAAX,KAAf,CAFiF;AAGzFnD,IAAAA,QAAQ,EAAEuC,OAAO,CAACE,OAAR;AAH+E,GAAvB;AAAA,CAAnD,EAIbV,qBAJa,CAAjB;AAMO,IAAMqB,UAAU,GAAG;AACxBC,EAAAA,OADwB,mBAChBjF,KADgB,EACT;AACb,WAAO,CAACA,KAAK,CAACkF,QAAP,IAAmB,CAAC,CAAClF,KAAK,CAAC6B,KAAlC;AACD,GAHuB;AAIxBsD,EAAAA,SAJwB,qBAIdnF,KAJc,EAIP;AACf,WAAO;AACLoF,MAAAA,EAAE,EAAEpF,KAAK,CAACqF,QADL;AAELxD,MAAAA,KAAK,EAAE7B,KAAK,CAAC6B,KAFR;AAGL8C,MAAAA,UAAU,EAAE3E,KAAK,CAAC2E,UAHb;AAILW,MAAAA,UAAU,EAAE;AAJP,KAAP;AAMD,GAXuB;AAYxBC,EAAAA,OAZwB,mBAYhBvF,KAZgB,EAYTmE,OAZS,EAYA;AACtB;AACA,QAAMqB,UAAU,GAAGrB,OAAO,CAACsB,aAAR,EAAnB;;AAEA,QAAI,CAACD,UAAD,IAAgBA,UAAU,CAACf,OAAX,IAAsB,CAACzE,KAAK,CAAC0F,UAAjD,EAA8D;AAC5D,UAAMtB,WAAW,GAAGD,OAAO,CAACE,OAAR,EAApB;;AAEA,UAAID,WAAW,CAACkB,UAAhB,EAA4B;AAC1BtF,QAAAA,KAAK,CAAC2F,cAAN,CAAqBvB,WAAW,CAACvC,KAAjC;AACD;AACF;AACF;AAvBuB,CAAnB;;;eA0BQ,sBAAW,0BAAX,EAAuCmD,UAAvC,EAAmD,UAACH,OAAD,EAAUV,OAAV;AAAA,SAAuB;AACvFN,IAAAA,iBAAiB,EAAEgB,OAAO,CAACe,UAAR,EADoE;AAEvFjE,IAAAA,UAAU,EAAEwC,OAAO,CAACxC,UAAR;AAF2E,GAAvB;AAAA,CAAnD,EAGXiD,QAHW,C","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    '& mjx-frac': {\n      fontSize: '120% !important',\n    },\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    this.state = { hoveredElementSize: null };\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  getSnapshotBeforeUpdate(prevProps) {\n    if (!prevProps.isOver && this.props.isOver && this.elementRef) {\n      const node = this.elementRef;\n      return { width: node.offsetWidth, height: node.offsetHeight };\n    }\n    return null;\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (this.elementRef && typeof renderMath === 'function') {\n      renderMath(this.elementRef);\n    }\n\n    if (\n      snapshot &&\n      (!this.state.hoveredElementSize ||\n        this.state.hoveredElementSize.width !== snapshot.width ||\n        this.state.hoveredElementSize.height !== snapshot.height)\n    ) {\n      this.setState({ hoveredElementSize: snapshot });\n      return;\n    }\n\n    if (prevProps.isOver && !this.props.isOver && this.state.hoveredElementSize) {\n      this.setState({ hoveredElementSize: null });\n    }\n  }\n\n  render() {\n    const { n, children, isDragging, dragItem, isOver, value } = this.props;\n    const { hoveredElementSize } = this.state;\n\n    const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n    const finalLabel = isDragging ? '\\u00A0' : label;\n    const hasGrip = finalLabel !== '\\u00A0';\n    const isPreview = dragItem && isOver;\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: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n          border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n          boxSizing: 'border-box',\n          borderRadius: '3px',\n          overflow: 'hidden',\n          position: 'relative',\n          padding: '8px 8px 8px 35px',\n          width: hoveredElementSize ? hoveredElementSize.width : undefined,\n          height: hoveredElementSize ? hoveredElementSize.height : undefined,\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({ shallow: true }),\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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/index.js

@@ -0,0 +1,97 @@
+"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.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.get('index') === value.index;
+  });
+  change.setNodeByKey(dragInTheBlank.key, {
+    data: {
+      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,
+      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: {
+      display: 'inline-flex',
+      minHeight: '50px',
+      minWidth: '178px',
+      position: 'relative',
+      margin: inTable ? '10px' : '0 10px',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+    n: n,
+    dragKey: n.key,
+    targetId: "0",
+    value: data,
+    duplicates: opts.options.duplicates,
+    onChange: function onChange(value) {
+      return onValueChange(nodeProps, n, value);
+    },
+    removeResponse: function removeResponse(value) {
+      return onRemoveResponse(nodeProps, value);
+    }
+  }, nodeProps.children));
+};
+
+DragDrop.propTypes = {
+  attributes: _propTypes["default"].object,
+  data: _propTypes["default"].object,
+  n: _propTypes["default"].object,
+  nodeProps: _propTypes["default"].object,
+  opts: _propTypes["default"].object
+};
+var _default = DragDrop;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/drag-in-the-blank/index.js.map

@@ -0,0 +1 @@
+{"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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/explicit-constructed-response/index.js

@@ -0,0 +1,57 @@
+"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,
+      value = props.value,
+      error = props.error;
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      visibility: props.isFocused ? 'hidden' : 'visible',
+      minHeight: '55px',
+      minWidth: '178px',
+      position: 'relative',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex',
+      width: '100%',
+      minHeight: '46px',
+      height: '46px',
+      backgroundColor: '#FFF',
+      border: "1px solid ".concat(error ? 'red' : '#C0C3CF'),
+      boxSizing: 'border-box',
+      borderRadius: '4px',
+      overflow: 'hidden',
+      padding: '12px 21px',
+      marginLeft: '4px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: value || '<div>&nbsp;</div>'
+    }
+  }));
+};
+
+ExplicitConstructedResponse.propTypes = {
+  attributes: _propTypes["default"].object,
+  error: _propTypes["default"].any,
+  value: _propTypes["default"].string,
+  isFocused: _propTypes["default"].bool
+};
+var _default = ExplicitConstructedResponse;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/explicit-constructed-response/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"names":["ExplicitConstructedResponse","props","attributes","value","error","display","visibility","isFocused","minHeight","minWidth","position","cursor","width","height","backgroundColor","border","boxSizing","borderRadius","overflow","padding","marginLeft","__html","propTypes","PropTypes","object","any","string","bool"],"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,UAAU,EAAEL,KAAK,CAACM,SAAN,GAAkB,QAAlB,GAA6B,SAFpC;AAGLC,MAAAA,SAAS,EAAE,MAHN;AAILC,MAAAA,QAAQ,EAAE,OAJL;AAKLC,MAAAA,QAAQ,EAAE,UALL;AAMLC,MAAAA,MAAM,EAAE;AANH;AAFT,mBAWE;AACE,IAAA,KAAK,EAAE;AACLN,MAAAA,OAAO,EAAE,aADJ;AAELO,MAAAA,KAAK,EAAE,MAFF;AAGLJ,MAAAA,SAAS,EAAE,MAHN;AAILK,MAAAA,MAAM,EAAE,MAJH;AAKLC,MAAAA,eAAe,EAAE,MALZ;AAMLC,MAAAA,MAAM,sBAAeX,KAAK,GAAG,KAAH,GAAW,SAA/B,CAND;AAOLY,MAAAA,SAAS,EAAE,YAPN;AAQLC,MAAAA,YAAY,EAAE,KART;AASLC,MAAAA,QAAQ,EAAE,QATL;AAULC,MAAAA,OAAO,EAAE,WAVJ;AAWLC,MAAAA,UAAU,EAAE;AAXP,KADT;AAcE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAElB,KAAK,IAAI;AADM;AAd3B,IAXF,CADF;AAgCD,CAnCD;;AAqCAH,2BAA2B,CAACsB,SAA5B,GAAwC;AACtCpB,EAAAA,UAAU,EAAEqB,sBAAUC,MADgB;AAEtCpB,EAAAA,KAAK,EAAEmB,sBAAUE,GAFqB;AAGtCtB,EAAAA,KAAK,EAAEoB,sBAAUG,MAHqB;AAItCnB,EAAAA,SAAS,EAAEgB,sBAAUI;AAJiB,CAAxC;eAOe3B,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        visibility: props.isFocused ? 'hidden' : 'visible',\n        minHeight: '55px',\n        minWidth: '178px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        style={{\n          display: 'inline-flex',\n          width: '100%',\n          minHeight: '46px',\n          height: '46px',\n          backgroundColor: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '4px',\n          overflow: 'hidden',\n          padding: '12px 21px',\n          marginLeft: '4px',\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  isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"file":"index.js"}

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/icons/index.js

@@ -0,0 +1,95 @@
+"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;
+  var rotate = getRotate(direction);
+  return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+    style: _objectSpread({
+      transform: "rotate(".concat(rotate, "deg)")
+    }, 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", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+
+exports.GripIcon = GripIcon;
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var ToolbarIcon = (0, _styles.withStyles)(function (theme) {
+  return {
+    icon: {
+      fontFamily: 'Cerebri Sans !important',
+      fontSize: theme.typography.fontSize,
+      fontWeight: 'bold',
+      lineHeight: '14px',
+      position: 'relative',
+      top: '7px',
+      width: '110px',
+      height: '28px',
+      whiteSpace: 'nowrap'
+    }
+  };
+})(function (_ref2) {
+  var classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.icon
+  }, "+ Response Area");
+});
+exports.ToolbarIcon = ToolbarIcon;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/icons/index.js.map

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

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/respArea/index.js

@@ -0,0 +1,341 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ResponseAreaPlugin;
+exports.serialization = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+
+var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
+
+var _dragInTheBlank = _interopRequireDefault(require("./drag-in-the-blank"));
+
+var _explicitConstructedResponse = _interopRequireDefault(require("./explicit-constructed-response"));
+
+var _mathTemplated = _interopRequireDefault(require("./math-templated"));
+
+var _utils = require("./utils");
+
+var _icons = require("./icons");
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:respArea');
+var lastIndexMap = {};
+var elTypesMap = {
+  'inline-dropdown': 'inline_dropdown',
+  'explicit-constructed-response': 'explicit_constructed_response',
+  'math-templated': 'math_templated',
+  'drag-in-the-blank': 'drag_in_the_blank'
+};
+var elTypesArray = Object.values(elTypesMap);
+
+function ResponseAreaPlugin(opts) {
+  var isOfCurrentType = function isOfCurrentType(d) {
+    return d.type === opts.type || d.type === elTypesMap[opts.type];
+  };
+
+  var toolbar = {
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.ToolbarIcon, null),
+    buttonStyles: {
+      margin: '0 20px 0 auto'
+    },
+    onClick: function onClick(value, onChange) {
+      log('[toolbar] onClick');
+      var change = value.change();
+      var currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        return;
+      }
+
+      var type = opts.type.replace(/-/g, '_');
+      var prevIndex = lastIndexMap[type];
+      var newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;
+      var newInline = (0, _utils.getDefaultElement)(opts, newIndex);
+      lastIndexMap[type] += 1;
+
+      if (newInline) {
+        if (change.value.selection.startKey || change.value.selection.endKey) {
+          change.insertInline(newInline);
+        } else {
+          // If the markup is empty and there's no focus
+          var lastText = value.document.getLastText();
+
+          if (!lastText) {
+            return;
+          }
+
+          var parentNode = value.document.getParent(lastText.key);
+
+          if (parentNode) {
+            var index = parentNode.nodes.indexOf(lastText.key);
+            if (parentNode.isVoid) return;
+            change.insertNodeByKey(parentNode.key, index + 1, newInline);
+          }
+        }
+
+        if (newInline.type === 'drag_in_the_blank') {
+          var nextText = change.value.document.getNextText(newInline.key);
+
+          if (nextText) {
+            change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
+          }
+        }
+
+        if (newInline.type === 'math_templated') {
+          var _nextText = change.value.document.getNextText(newInline.key);
+
+          if (_nextText) {
+            change.moveFocusTo(_nextText.key, 0).moveAnchorTo(_nextText.key, 0);
+          }
+        }
+
+        onChange(change);
+      }
+    },
+    customToolbar: opts.respAreaToolbar,
+    supports: function supports(node) {
+      return node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0;
+    },
+    showDone: false
+  };
+  return {
+    name: 'response_area',
+    toolbar: toolbar,
+    filterPlugins: function filterPlugins(node, plugins) {
+      if (node.type === 'explicit_constructed_response' || node.type === 'math_templated' || node.type === 'drag_in_the_blank') {
+        return [];
+      }
+
+      return plugins.filter(function (p) {
+        return p.name !== 'response_area';
+      });
+    },
+    deleteNode: function deleteNode(e, node, value, onChange) {
+      e.preventDefault();
+      var change = value.change().removeNodeByKey(node.key);
+      onChange(change);
+    },
+    renderNode: function renderNode(props) {
+      var attributes = props.attributes,
+          n = props.node,
+          isFocused = props.isFocused;
+
+      if (n.type === 'explicit_constructed_response') {
+        var data = n.data.toJSON();
+        var error;
+
+        if (opts.error) {
+          error = opts.error();
+        }
+
+        return /*#__PURE__*/_react["default"].createElement(_explicitConstructedResponse["default"], {
+          attributes: attributes,
+          isFocused: isFocused,
+          value: data.value,
+          error: error && error[data.index] && error[data.index][0]
+        });
+      }
+
+      if (n.type === 'math_templated') {
+        var _data = n.data.toJSON();
+
+        var _error;
+
+        if (opts.error) {
+          _error = opts.error();
+        } // add 1 to index to display R 1 instead of R 0
+
+
+        var keyToDisplay = "R ".concat(parseInt(_data.index) + 1);
+        return /*#__PURE__*/_react["default"].createElement(_mathTemplated["default"], {
+          attributes: attributes,
+          keyToDisplay: keyToDisplay,
+          value: _data.value || '',
+          error: _error && _error[_data.index] && _error[_data.index][0]
+        });
+      }
+
+      if (n.type === 'drag_in_the_blank') {
+        var _data2 = n.data.toJSON();
+
+        return /*#__PURE__*/_react["default"].createElement(_dragInTheBlank["default"], {
+          attributes: attributes,
+          data: _data2,
+          n: n,
+          nodeProps: props,
+          opts: opts
+        });
+      }
+
+      if (n.type === 'inline_dropdown') {
+        var _data3 = n.data.toJSON();
+
+        return /*#__PURE__*/_react["default"].createElement(_inlineDropdown["default"], {
+          attributes: attributes,
+          selectedItem: _data3.value
+        });
+      }
+    },
+    onChange: function onChange(change, editor) {
+      var type = opts.type.replace(/-/g, '_');
+
+      if ((0, _isUndefined["default"])(lastIndexMap[type])) {
+        lastIndexMap[type] = 0;
+        change.value.document.forEachDescendant(function (d) {
+          if (d.type === type) {
+            var newIndex = parseInt(d.data.get('index'), 10);
+
+            if (newIndex > lastIndexMap[type]) {
+              lastIndexMap[type] = newIndex;
+            }
+          }
+        });
+      }
+
+      if (!editor.value) {
+        return;
+      }
+
+      var currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+      var oldRespAreaList = editor.value.document.filterDescendants(isOfCurrentType);
+      toolbar.disabled = currentRespAreaList.size >= opts.maxResponseAreas;
+      var arrayToFilter = oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
+      var arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
+      var elementsWithChangedStatus = arrayToFilter.filter(function (d) {
+        return !arrayToUseForFilter.find(function (e) {
+          return e.data.get('index') === d.data.get('index');
+        });
+      });
+
+      if (elementsWithChangedStatus.size && oldRespAreaList.size > currentRespAreaList.size) {
+        opts.onHandleAreaChange(elementsWithChangedStatus);
+      }
+    },
+    onDrop: function onDrop(event, change, editor) {
+      var closestEl = event.target.closest('[data-key]');
+      var inline = editor.value.document.findDescendant(function (d) {
+        return d.key === closestEl.dataset.key;
+      });
+
+      if (inline.type === 'drag_in_the_blank') {
+        return false;
+      }
+    }
+  };
+}
+
+var serialization = {
+  deserialize: function deserialize(el) {
+    var type = el.dataset && el.dataset.type;
+
+    switch (type) {
+      case 'inline_dropdown':
+        return {
+          object: 'inline',
+          type: 'inline_dropdown',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+
+      case 'explicit_constructed_response':
+        return {
+          object: 'inline',
+          type: 'explicit_constructed_response',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+
+      case 'math_templated':
+        return {
+          object: 'inline',
+          type: 'math_templated',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+
+      case 'drag_in_the_blank':
+        return {
+          object: 'inline',
+          type: 'drag_in_the_blank',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            id: el.dataset.id,
+            value: el.dataset.value,
+            inTable: el.dataset.inTable
+          }
+        };
+    }
+  },
+  serialize: function serialize(object) {
+    if (object.object !== 'inline') {
+      return;
+    }
+
+    switch (object.type) {
+      case 'inline_dropdown':
+        {
+          var data = object.data.toJSON();
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "inline_dropdown",
+            "data-index": data.index,
+            "data-value": data.value
+          });
+        }
+
+      case 'explicit_constructed_response':
+        {
+          var _data4 = object.data.toJSON();
+
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "explicit_constructed_response",
+            "data-index": _data4.index,
+            "data-value": _data4.value
+          });
+        }
+
+      case 'math_templated':
+        {
+          var _data5 = object.data.toJSON();
+
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "math_templated",
+            "data-index": _data5.index,
+            "data-value": _data5.value
+          });
+        }
+
+      case 'drag_in_the_blank':
+        {
+          var _data6 = object.data.toJSON();
+
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "drag_in_the_blank",
+            "data-index": _data6.index,
+            "data-id": _data6.id,
+            "data-value": _data6.value,
+            "data-in-table": _data6.inTable
+          });
+        }
+    }
+  }
+};
+exports.serialization = serialization;
+//# sourceMappingURL=index.js.map