@pie-element/inline-dropdown 5.12.1 → 5.12.2-next.19

package/configure/lib/inline-dropdown-toolbar.js

@@ -25,6 +25,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
+var _slateReact = require("slate-react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
@@ -186,10 +188,6 @@ var MenuItem = (0, _styles.withStyles)(function (theme) {
   };
 })(MenuItemComp);
 
-var findSlateNode = function findSlateNode(key) {
-  return window.document.querySelector('[data-key="' + key + '"]');
-};
-
 var createElementFromHTML = function createElementFromHTML(htmlString) {
   var div = document.createElement('div');
   div.innerHTML = (htmlString || '').trim();
@@ -251,7 +249,7 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
       }
 
       if (!(0, _isEmpty["default"])(onlyText)) {
-        onAddChoice(node.data.get('index'), val, editedChoiceIndex);
+        onAddChoice(node.data.index, val, editedChoiceIndex);
       }
 
       _this2.setState({
@@ -261,38 +259,52 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onSelectChoice", function (newValue, index) {
       var _this2$props2 = _this2.props,
           node = _this2$props2.node,
-          value = _this2$props2.value,
+          nodePath = _this2$props2.nodePath,
+          editor = _this2$props2.editor,
           onToolbarDone = _this2$props2.onToolbarDone,
           onSelectChoice = _this2$props2.onSelectChoice;
 
-      var update = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
+      var update = _objectSpread(_objectSpread({}, node.data), {}, {
         value: newValue
       });
 
-      var change = value.change().setNodeByKey(node.key, {
-        data: update
+      editor && editor.apply({
+        type: 'set_node',
+        path: nodePath,
+        properties: {
+          data: node.data
+        },
+        newProperties: {
+          data: update
+        }
       });
-      var nextText = value.document.getNextText(node.key);
-      change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
-      onToolbarDone(change, false);
+      onToolbarDone(false);
       onSelectChoice(index);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (val, index) {
       var _this2$props3 = _this2.props,
           node = _this2$props3.node,
-          value = _this2$props3.value,
+          nodePath = _this2$props3.nodePath,
+          editor = _this2$props3.editor,
           onToolbarDone = _this2$props3.onToolbarDone,
           onRemoveChoice = _this2$props3.onRemoveChoice;
 
-      if ((0, _isEqual["default"])(val, node.data.get('value'))) {
-        var update = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
+      if ((0, _isEqual["default"])(val, node.data.value)) {
+        var update = _objectSpread(_objectSpread({}, node.data), {}, {
           value: null
         });
 
-        var change = value.change().setNodeByKey(node.key, {
-          data: update
+        editor && editor.apply({
+          type: 'set_node',
+          path: nodePath,
+          properties: {
+            data: node.data
+          },
+          newProperties: {
+            data: update
+          }
         });
-        onToolbarDone(change, false);
+        onToolbarDone(false);
       }
 
       onRemoveChoice(index);
@@ -319,11 +331,11 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
       }
 
       var _this2$props4 = _this2.props,
-          node = _this2$props4.node,
+          nodePath = _this2$props4.nodePath,
           choices = _this2$props4.choices,
           onCheck = _this2$props4.onCheck,
           onToolbarDone = _this2$props4.onToolbarDone,
-          value = _this2$props4.value;
+          editor = _this2$props4.editor;
       var correctResponse = (choices || []).find(function (choice) {
         return choice.correct;
       });
@@ -332,9 +344,11 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
 
       if (!choices || choices && choices.length < 2 || !correctResponse) {
         onCheck(function () {
-          var change = value.change();
-          change.removeNodeByKey(node.get('key'));
-          onToolbarDone(change, false);
+          editor.apply({
+            type: 'remove_node',
+            path: nodePath
+          });
+          onToolbarDone(false);
         });
       }
     });
@@ -356,14 +370,20 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
   (0, _createClass2["default"])(RespAreaToolbar, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var node = this.props.node;
-      var domNode = findSlateNode(node.key);
+      var _this$props2 = this.props,
+          node = _this$props2.node,
+          editor = _this$props2.editor;
+
+      var domNode = _slateReact.ReactEditor.toDOMNode(editor, node);
 
       if (domNode) {
         //eslint-disable-next-line
         var domNodeRect = domNode.getBoundingClientRect();
-        var editor = domNode.closest('[data-slate-editor]');
-        var editorRect = editor.getBoundingClientRect();
+
+        var _editor = domNode.closest('[data-slate-editor]');
+
+        var editorRect = _editor.getBoundingClientRect();
+
         var top = domNodeRect.top - editorRect.top;
         var left = domNodeRect.left - editorRect.left;
         this.setState({
@@ -388,13 +408,13 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
     value: function render() {
       var _this3 = this;
 
-      var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          choices = _this$props2.choices,
-          spellCheck = _this$props2.spellCheck,
-          uploadSoundSupport = _this$props2.uploadSoundSupport,
-          _this$props2$mathMlOp = _this$props2.mathMlOptions,
-          mathMlOptions = _this$props2$mathMlOp === void 0 ? {} : _this$props2$mathMlOp;
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          choices = _this$props3.choices,
+          spellCheck = _this$props3.spellCheck,
+          uploadSoundSupport = _this$props3.uploadSoundSupport,
+          _this$props3$mathMlOp = _this$props3.mathMlOptions,
+          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
       var _this$state = this.state,
           respAreaMarkup = _this$state.respAreaMarkup,
           toolbarStyle = _this$state.toolbarStyle;
@@ -519,13 +539,9 @@ exports.RespAreaToolbar = RespAreaToolbar;
   onRemoveChoice: _propTypes["default"].func.isRequired,
   onSelectChoice: _propTypes["default"].func.isRequired,
   onToolbarDone: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].shape({
-    change: _propTypes["default"].func.isRequired,
-    document: _propTypes["default"].shape({
-      getNextText: _propTypes["default"].func.isRequired
-    })
-  }),
-  spellCheck: _propTypes["default"].bool
+  spellCheck: _propTypes["default"].bool,
+  editor: _propTypes["default"].object.isRequired,
+  nodePath: _propTypes["default"].array.isRequired
 });
 var StyledRespAreaToolbar = (0, _styles.withStyles)(function (theme) {
   return {

package/configure/lib/inline-dropdown-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","classes","correct","onClick","value","wrapper","selectedIcon","valueHolder","__html","actionButtons","iconButton","onEditClick","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","color","correctSecondary","margin","spacing","unit","fontSize","typography","padding","black","justifyContent","fontStyle","transform","backgroundColor","top","left","zIndex","flex","paddingLeft","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editorRef","finishEditing","val","choices","node","onAddChoice","onToolbarDone","state","onlyText","textContent","update","data","toJSON","change","setNodeByKey","get","newValue","index","onSelectChoice","nextText","getNextText","moveFocusTo","moveAnchorTo","onRespAreaChange","event","clickedInside","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","toolbarStyle","height","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","mathMlOptions","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","responseContainer","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","language","preventDone","onDone","inInInsertCharacter","relatedTarget","onBlur","addButton","focusInput","choicesHolder","map","label","array","shape","StyledRespAreaToolbar","boxShadow","shadows","width","minHeight","right","flexDirection","border"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport {EditableHtml} from '@pie-lib/pie-toolbox/editable-html';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport classnames from 'classnames';\nimport { DEFAULT_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nimport AddIcon from '@material-ui/icons/Add';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CloseIcon from '@material-ui/icons/Close';\nimport EditIcon from '@material-ui/icons/Edit';\nimport IconButton from '@material-ui/core/IconButton';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onEditChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n  };\n\n  onRemoveClick = (e) => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  onEditClick = (e) => {\n    const { onEditChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onEditChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classes.wrapper}>\n        {correct && (\n          <div className={classes.selectedIcon} onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </div>\n        )}\n        <div\n          className={classnames(classes.valueHolder, { [classes.correct]: correct })}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <div className={classes.actionButtons}>\n          <IconButton className={classes.iconButton} onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </IconButton>\n          <IconButton className={classes.iconButton} onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    position: 'relative',\n    background: theme.palette.common.white,\n    borderBottom: `1px solid ${theme.palette.grey[400]}`,\n\n    '&:last-child': {\n      borderRadius: '0 0 4px 4px',\n    },\n  },\n  correct: {\n    background: color.correctSecondary(),\n  },\n  actionButtons: {\n    margin: theme.spacing.unit / 2,\n    display: 'flex',\n  },\n  iconButton: {\n    fontSize: theme.typography.fontSize,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n  },\n  selectedIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    color: theme.palette.common.white,\n    fontSize: theme.typography.fontSize,\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    backgroundColor: color.correct(),\n    borderRadius: '50%',\n    top: theme.spacing.unit * 2,\n    left: theme.spacing.unit,\n    zIndex: 3,\n  },\n  valueHolder: {\n    flex: 1,\n    padding: theme.spacing.unit * 0.75,\n    paddingLeft: theme.spacing.unit * 3.5,\n  },\n}))(MenuItemComp);\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onCheck: PropTypes.func,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    spellCheck: PropTypes.bool,\n  };\n  clickedInside = false;\n  preventDone = false;\n\n  state = {\n    respAreaMarkup: '',\n    editedChoiceIndex: -1,\n  };\n\n  componentDidMount() {\n    const { node } = this.props;\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 60}px`,\n          left: `${left + 25}px`,\n        },\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = (respAreaMarkup) => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { choices, node, value, onAddChoice, onToolbarDone } = this.props;\n    const { editedChoiceIndex } = this.state;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (editedChoiceIndex >= 0 && choices?.[editedChoiceIndex]?.correct) {\n      const update = { ...node.data.toJSON(), value: val };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.get('index'), val, editedChoiceIndex);\n    }\n\n    this.setState({ editedChoiceIndex: -1 });\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, value, onToolbarDone, onSelectChoice } = this.props;\n    const update = { ...node.data.toJSON(), value: newValue };\n    const change = value.change().setNodeByKey(node.key, { data: update });\n\n    const nextText = value.document.getNextText(node.key);\n\n    change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n    onToolbarDone(change, false);\n\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, value, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.data.get('value'))) {\n      const update = { ...node.data.toJSON(), value: null };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onEditChoice = (val, index) => {\n    this.onRespAreaChange(val);\n    this.setState({ editedChoiceIndex: index });\n  };\n\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      this.onAddChoice();\n      // Cancelling event\n      return false;\n    }\n  };\n\n  onBlur = () => {\n    if (this.clickedInside) {\n      this.clickedInside = false;\n      return;\n    }\n\n    const { node, choices, onCheck, onToolbarDone, value } = this.props;\n    const correctResponse = (choices || []).find((choice) => choice.correct);\n\n    this.onAddChoice();\n    if (!choices || (choices && choices.length < 2) || !correctResponse) {\n      onCheck(() => {\n        const change = value.change();\n\n        change.removeNodeByKey(node.get('key'));\n        onToolbarDone(change, false);\n      });\n    }\n  };\n\n  onClickInside = () => {\n    this.clickedInside = true;\n  };\n\n  focusInput = () => {\n    // we need to focus the input so that math is saved even without pressing the green checkmark\n    const slateEditorRef = this.editorRef && this.editorRef.rootRef && this.editorRef.rootRef.slateEditor;\n    const inputRef = slateEditorRef && slateEditorRef.editorRef && slateEditorRef.editorRef.element;\n\n    if (inputRef) {\n      inputRef.focus();\n    }\n  };\n\n  render() {\n    const { classes, choices, spellCheck, uploadSoundSupport, mathMlOptions = {} } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true },\n    };\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        className={classes.responseContainer}\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur',\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            onChange={(respAreaMarkup) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onRespAreaChange(respAreaMarkup);\n            }}\n            onDone={(val) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onDone(val);\n            }}\n            onBlur={(e) => {\n              const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n              this.preventDone = inInInsertCharacter;\n\n              this.onBlur(e);\n            }}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n          />\n          <IconButton\n            className={classes.addButton}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                onEditChoice={() => this.onEditChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles((theme) => ({\n  responseContainer: {\n    boxShadow: theme.shadows[2],\n    borderRadius: '4px',\n    width: '400px',\n  },\n  respArea: {\n    borderRadius: '4px',\n    backgroundColor: theme.palette.common.white,\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  addButton: {\n    fontSize: theme.typography.fontSize + 2,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n    position: 'absolute',\n    top: '50%',\n    right: theme.spacing.unit * 2,\n    transform: 'translate(0, -50%)',\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: theme.spacing.unit / 2,\n    position: 'relative',\n  },\n}))(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}
+{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","classes","correct","onClick","value","wrapper","selectedIcon","valueHolder","__html","actionButtons","iconButton","onEditClick","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","color","correctSecondary","margin","spacing","unit","fontSize","typography","padding","black","justifyContent","fontStyle","transform","backgroundColor","top","left","zIndex","flex","paddingLeft","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editorRef","finishEditing","val","choices","node","onAddChoice","onToolbarDone","state","onlyText","textContent","update","data","toJSON","change","setNodeByKey","key","index","newValue","nodePath","editor","onSelectChoice","apply","type","path","properties","newProperties","onRespAreaChange","event","clickedInside","onCheck","correctResponse","find","choice","length","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","ReactEditor","toDOMNode","domNodeRect","getBoundingClientRect","closest","editorRect","toolbarStyle","height","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","mathMlOptions","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","responseContainer","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","language","preventDone","onDone","inInInsertCharacter","relatedTarget","onBlur","addButton","focusInput","choicesHolder","map","label","array","StyledRespAreaToolbar","boxShadow","shadows","width","minHeight","right","flexDirection","border"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEMA,Y;;;;;;;;;;;;;;;sGAUY,UAACC,CAAD,EAAO;AACrB,UAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;AAEAD,MAAAA,CAAC,CAACG,cAAF;AACAH,MAAAA,CAAC,CAACI,eAAF;AAEAH,MAAAA,cAAc;AACf,K;oGAEa,UAACD,CAAD,EAAO;AACnB,UAAQK,YAAR,GAAyB,MAAKH,KAA9B,CAAQG,YAAR;AAEAL,MAAAA,CAAC,CAACG,cAAF;AACAH,MAAAA,CAAC,CAACI,eAAF;AAEAC,MAAAA,YAAY;AACb,K;;;;;;WAED,kBAAS;AACP,wBAA6C,KAAKH,KAAlD;AAAA,UAAQI,OAAR,eAAQA,OAAR;AAAA,UAAiBC,OAAjB,eAAiBA,OAAjB;AAAA,UAA0BC,OAA1B,eAA0BA,OAA1B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEH,OAAO,CAACI;AAAxB,SACGH,OAAO,iBACN;AAAK,QAAA,SAAS,EAAED,OAAO,CAACK,YAAxB;AAAsC,QAAA,OAAO,EAAEH;AAA/C,sBACE,gCAAC,iBAAD;AAAW,QAAA,QAAQ,EAAC;AAApB,QADF,CAFJ,eAME;AACE,QAAA,SAAS,EAAE,6BAAWF,OAAO,CAACM,WAAnB,uCAAmCN,OAAO,CAACC,OAA3C,EAAqDA,OAArD,EADb;AAEE,QAAA,OAAO,EAAEC,OAFX;AAGE,QAAA,uBAAuB,EAAE;AACvBK,UAAAA,MAAM,EAAEJ;AADe;AAH3B,QANF,eAaE;AAAK,QAAA,SAAS,EAAEH,OAAO,CAACQ;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAER,OAAO,CAACS,UAA/B;AAA2C,QAAA,OAAO,EAAE,KAAKC,WAAzD;AAAsE,QAAA,IAAI,EAAC,OAA3E;AAAmF,sBAAW;AAA9F,sBACE,gCAAC,gBAAD;AAAU,QAAA,QAAQ,EAAC;AAAnB,QADF,CADF,eAIE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEV,OAAO,CAACS,UAA/B;AAA2C,QAAA,OAAO,EAAE,KAAKE,aAAzD;AAAwE,QAAA,IAAI,EAAC,OAA7E;AAAqF,sBAAW;AAAhG,sBACE,gCAAC,iBAAD;AAAW,QAAA,QAAQ,EAAC;AAApB,QADF,CAJF,CAbF,CADF;AAwBD;;;EAvDwBC,kBAAMC,S;;iCAA3BpB,Y,eACe;AACjBO,EAAAA,OAAO,EAAEc,sBAAUC,MAAV,CAAiBC,UADT;AAEjBf,EAAAA,OAAO,EAAEa,sBAAUG,IAAV,CAAeD,UAFP;AAGjBd,EAAAA,OAAO,EAAEY,sBAAUI,IAAV,CAAeF,UAHP;AAIjBrB,EAAAA,cAAc,EAAEmB,sBAAUI,IAAV,CAAeF,UAJd;AAKjBjB,EAAAA,YAAY,EAAEe,sBAAUI,IAAV,CAAeF,UALZ;AAMjBb,EAAAA,KAAK,EAAEW,sBAAUK,MAAV,CAAiBH;AANP,C;AAyDrB,IAAMI,QAAQ,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACtCjB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,YAFL;AAGPC,MAAAA,QAAQ,EAAE,UAHH;AAIPC,MAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,KAJ1B;AAKPC,MAAAA,YAAY,sBAAeR,KAAK,CAACK,OAAN,CAAcI,IAAd,CAAmB,GAAnB,CAAf,CALL;AAOP,sBAAgB;AACdC,QAAAA,YAAY,EAAE;AADA;AAPT,KAD6B;AAYtC9B,IAAAA,OAAO,EAAE;AACPwB,MAAAA,UAAU,EAAEO,gBAAMC,gBAAN;AADL,KAZ6B;AAetCzB,IAAAA,aAAa,EAAE;AACb0B,MAAAA,MAAM,EAAEb,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CADhB;AAEbd,MAAAA,OAAO,EAAE;AAFI,KAfuB;AAmBtCb,IAAAA,UAAU,EAAE;AACV4B,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QADjB;AAEVE,MAAAA,OAAO,EAAElB,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CAFpB;AAGVJ,MAAAA,KAAK,EAAEX,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBa;AAHlB,KAnB0B;AAwBtCnC,IAAAA,YAAY,EAAE;AACZiB,MAAAA,OAAO,EAAE,MADG;AAEZmB,MAAAA,cAAc,EAAE,QAFJ;AAGZT,MAAAA,KAAK,EAAEX,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,KAHhB;AAIZS,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAJf;AAKZK,MAAAA,SAAS,EAAE,QALC;AAMZlB,MAAAA,QAAQ,EAAE,UANE;AAOZmB,MAAAA,SAAS,EAAE,oBAPC;AAQZC,MAAAA,eAAe,EAAEZ,gBAAM/B,OAAN,EARL;AASZ8B,MAAAA,YAAY,EAAE,KATF;AAUZc,MAAAA,GAAG,EAAExB,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CAVd;AAWZU,MAAAA,IAAI,EAAEzB,KAAK,CAACc,OAAN,CAAcC,IAXR;AAYZW,MAAAA,MAAM,EAAE;AAZI,KAxBwB;AAsCtCzC,IAAAA,WAAW,EAAE;AACX0C,MAAAA,IAAI,EAAE,CADK;AAEXT,MAAAA,OAAO,EAAElB,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,IAFnB;AAGXa,MAAAA,WAAW,EAAE5B,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB;AAHvB;AAtCyB,GAAZ;AAAA,CAAX,EA2Cb3C,YA3Ca,CAAjB;;AA6CA,IAAMyD,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,UAAD,EAAgB;AAC5C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,EAAAA,GAAG,CAACG,SAAJ,GAAgB,CAACJ,UAAU,IAAI,EAAf,EAAmBK,IAAnB,EAAhB;AAEA,SAAOJ,GAAP;AACD,CAND;;IAQaK,e;;;;;;;;;;;;;;;uGAgBK,K;qGACF,K;+FAEN;AACNC,MAAAA,cAAc,EAAE,EADV;AAENC,MAAAA,iBAAiB,EAAE,CAAC;AAFd,K;0GAkCW,UAACD,cAAD,EAAoB;AACrC,aAAKE,QAAL,CAAc;AAAEF,QAAAA,cAAc,EAAdA;AAAF,OAAd;AACD,K;qGAEa,YAAM;AAClB,UAAI,OAAKG,SAAT,EAAoB;AAClB,eAAKA,SAAL,CAAeC,aAAf;AACD;AACF,K;gGAEQ,UAACC,GAAD,EAAS;AAAA;;AAChB,yBAA6D,OAAKnE,KAAlE;AAAA,UAAQoE,OAAR,gBAAQA,OAAR;AAAA,UAAiBC,IAAjB,gBAAiBA,IAAjB;AAAA,UAAuB9D,KAAvB,gBAAuBA,KAAvB;AAAA,UAA8B+D,WAA9B,gBAA8BA,WAA9B;AAAA,UAA2CC,aAA3C,gBAA2CA,aAA3C;AACA,UAAQR,iBAAR,GAA8B,OAAKS,KAAnC,CAAQT,iBAAR;AACA,UAAMU,QAAQ,GAAGnB,qBAAqB,CAACa,GAAD,CAArB,CAA2BO,WAA3B,CAAuCd,IAAvC,EAAjB;;AAEA,UAAIG,iBAAiB,IAAI,CAArB,IAA0BK,OAA1B,aAA0BA,OAA1B,wCAA0BA,OAAO,CAAGL,iBAAH,CAAjC,kDAA0B,sBAA8B1D,OAA5D,EAAqE;AACnE,YAAMsE,MAAM,mCAAQN,IAAI,CAACO,IAAL,CAAUC,MAAV,EAAR;AAA4BtE,UAAAA,KAAK,EAAE4D;AAAnC,UAAZ;;AACA,YAAMW,MAAM,GAAGvE,KAAK,CAACuE,MAAN,GAAeC,YAAf,CAA4BV,IAAI,CAACW,GAAjC,EAAsC;AAAEJ,UAAAA,IAAI,EAAED;AAAR,SAAtC,CAAf;AAEAJ,QAAAA,aAAa,CAACO,MAAD,EAAS,KAAT,CAAb;AACD;;AAED,UAAI,CAAC,yBAAQL,QAAR,CAAL,EAAwB;AACtBH,QAAAA,WAAW,CAACD,IAAI,CAACO,IAAL,CAAUK,KAAX,EAAkBd,GAAlB,EAAuBJ,iBAAvB,CAAX;AACD;;AAED,aAAKC,QAAL,CAAc;AAAED,QAAAA,iBAAiB,EAAE,CAAC;AAAtB,OAAd;AACD,K;wGAEgB,UAACmB,QAAD,EAAWD,KAAX,EAAqB;AACpC,0BAAkE,OAAKjF,KAAvE;AAAA,UAAQqE,IAAR,iBAAQA,IAAR;AAAA,UAAcc,QAAd,iBAAcA,QAAd;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AAAA,UAAgCb,aAAhC,iBAAgCA,aAAhC;AAAA,UAA+Cc,cAA/C,iBAA+CA,cAA/C;;AACA,UAAMV,MAAM,mCAAQN,IAAI,CAACO,IAAb;AAAmBrE,QAAAA,KAAK,EAAE2E;AAA1B,QAAZ;;AAEAE,MAAAA,MAAM,IAAIA,MAAM,CAACE,KAAP,CAAa;AACrBC,QAAAA,IAAI,EAAE,UADe;AAErBC,QAAAA,IAAI,EAAEL,QAFe;AAGrBM,QAAAA,UAAU,EAAE;AACVb,UAAAA,IAAI,EAAEP,IAAI,CAACO;AADD,SAHS;AAMrBc,QAAAA,aAAa,EAAE;AAAEd,UAAAA,IAAI,EAAED;AAAR;AANM,OAAb,CAAV;AASAJ,MAAAA,aAAa,CAAC,KAAD,CAAb;AACAc,MAAAA,cAAc,CAACJ,KAAD,CAAd;AACD,K;wGAEgB,UAACd,GAAD,EAAMc,KAAN,EAAgB;AAC/B,0BAAkE,OAAKjF,KAAvE;AAAA,UAAQqE,IAAR,iBAAQA,IAAR;AAAA,UAAcc,QAAd,iBAAcA,QAAd;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AAAA,UAAgCb,aAAhC,iBAAgCA,aAAhC;AAAA,UAA+CxE,cAA/C,iBAA+CA,cAA/C;;AAEA,UAAI,yBAAQoE,GAAR,EAAaE,IAAI,CAACO,IAAL,CAAUrE,KAAvB,CAAJ,EAAmC;AACjC,YAAMoE,MAAM,mCAAQN,IAAI,CAACO,IAAb;AAAmBrE,UAAAA,KAAK,EAAE;AAA1B,UAAZ;;AAEA6E,QAAAA,MAAM,IAAIA,MAAM,CAACE,KAAP,CAAa;AACrBC,UAAAA,IAAI,EAAE,UADe;AAErBC,UAAAA,IAAI,EAAEL,QAFe;AAGrBM,UAAAA,UAAU,EAAE;AACVb,YAAAA,IAAI,EAAEP,IAAI,CAACO;AADD,WAHS;AAMrBc,UAAAA,aAAa,EAAE;AAAEd,YAAAA,IAAI,EAAED;AAAR;AANM,SAAb,CAAV;AASAJ,QAAAA,aAAa,CAAC,KAAD,CAAb;AACD;;AAEDxE,MAAAA,cAAc,CAACkF,KAAD,CAAd;AACD,K;sGAEc,UAACd,GAAD,EAAMc,KAAN,EAAgB;AAC7B,aAAKU,gBAAL,CAAsBxB,GAAtB;;AACA,aAAKH,QAAL,CAAc;AAAED,QAAAA,iBAAiB,EAAEkB;AAArB,OAAd;AACD,K;mGAEW,UAACW,KAAD,EAAW;AACrB,UAAIA,KAAK,CAACZ,GAAN,KAAc,OAAlB,EAA2B;AACzB,eAAKV,WAAL,GADyB,CAEzB;;;AACA,eAAO,KAAP;AACD;AACF,K;gGAEQ,YAAM;AACb,UAAI,OAAKuB,aAAT,EAAwB;AACtB,eAAKA,aAAL,GAAqB,KAArB;AACA;AACD;;AAED,0BAA8D,OAAK7F,KAAnE;AAAA,UAAQmF,QAAR,iBAAQA,QAAR;AAAA,UAAkBf,OAAlB,iBAAkBA,OAAlB;AAAA,UAA2B0B,OAA3B,iBAA2BA,OAA3B;AAAA,UAAoCvB,aAApC,iBAAoCA,aAApC;AAAA,UAAmDa,MAAnD,iBAAmDA,MAAnD;AACA,UAAMW,eAAe,GAAG,CAAC3B,OAAO,IAAI,EAAZ,EAAgB4B,IAAhB,CAAqB,UAACC,MAAD;AAAA,eAAYA,MAAM,CAAC5F,OAAnB;AAAA,OAArB,CAAxB;;AAEA,aAAKiE,WAAL;;AAEA,UAAI,CAACF,OAAD,IAAaA,OAAO,IAAIA,OAAO,CAAC8B,MAAR,GAAiB,CAAzC,IAA+C,CAACH,eAApD,EAAqE;AACnED,QAAAA,OAAO,CAAC,YAAM;AACZV,UAAAA,MAAM,CAACE,KAAP,CAAa;AACXC,YAAAA,IAAI,EAAE,aADK;AAEXC,YAAAA,IAAI,EAAEL;AAFK,WAAb;AAKAZ,UAAAA,aAAa,CAAC,KAAD,CAAb;AACD,SAPM,CAAP;AAQD;AACF,K;uGAEe,YAAM;AACpB,aAAKsB,aAAL,GAAqB,IAArB;AACD,K;oGAEY,YAAM;AACjB;AACA,UAAMM,cAAc,GAAG,OAAKlC,SAAL,IAAkB,OAAKA,SAAL,CAAemC,OAAjC,IAA4C,OAAKnC,SAAL,CAAemC,OAAf,CAAuBC,WAA1F;AACA,UAAMC,QAAQ,GAAGH,cAAc,IAAIA,cAAc,CAAClC,SAAjC,IAA8CkC,cAAc,CAAClC,SAAf,CAAyBsC,OAAxF;;AAEA,UAAID,QAAJ,EAAc;AACZA,QAAAA,QAAQ,CAACE,KAAT;AACD;AACF,K;;;;;;WAhJD,6BAAoB;AAClB,yBAAyB,KAAKxG,KAA9B;AAAA,UAAQqE,IAAR,gBAAQA,IAAR;AAAA,UAAce,MAAd,gBAAcA,MAAd;;AACA,UAAMqB,OAAO,GAAGC,wBAAYC,SAAZ,CAAsBvB,MAAtB,EAA8Bf,IAA9B,CAAhB;;AAEA,UAAIoC,OAAJ,EAAa;AACX;AACA,YAAMG,WAAW,GAAGH,OAAO,CAACI,qBAAR,EAApB;;AACA,YAAMzB,OAAM,GAAGqB,OAAO,CAACK,OAAR,CAAgB,qBAAhB,CAAf;;AACA,YAAMC,UAAU,GAAG3B,OAAM,CAACyB,qBAAP,EAAnB;;AACA,YAAM5D,GAAG,GAAG2D,WAAW,CAAC3D,GAAZ,GAAkB8D,UAAU,CAAC9D,GAAzC;AACA,YAAMC,IAAI,GAAG0D,WAAW,CAAC1D,IAAZ,GAAmB6D,UAAU,CAAC7D,IAA3C;AAEA,aAAKc,QAAL,CAAc;AACZgD,UAAAA,YAAY,EAAE;AACZpF,YAAAA,QAAQ,EAAE,UADE;AAEZqB,YAAAA,GAAG,YAAKA,GAAG,GAAG2D,WAAW,CAACK,MAAlB,GAA2B,EAAhC,OAFS;AAGZ/D,YAAAA,IAAI,YAAKA,IAAI,GAAG,EAAZ;AAHQ;AADF,SAAd;AAOD;AACF;;;WAED,8BAAqB;AACnB;AACA,UAAMuD,OAAO,GAAGS,qBAASC,WAAT,CAAqB,IAArB,CAAhB;;AAEA,+CAAWV,OAAX;AACD;;;WAuHD,kBAAS;AAAA;;AACP,yBAAiF,KAAKzG,KAAtF;AAAA,UAAQI,OAAR,gBAAQA,OAAR;AAAA,UAAiBgE,OAAjB,gBAAiBA,OAAjB;AAAA,UAA0BgD,UAA1B,gBAA0BA,UAA1B;AAAA,UAAsCC,kBAAtC,gBAAsCA,kBAAtC;AAAA,+CAA0DC,aAA1D;AAAA,UAA0DA,aAA1D,sCAA0E,EAA1E;AACA,wBAAyC,KAAK9C,KAA9C;AAAA,UAAQV,cAAR,eAAQA,cAAR;AAAA,UAAwBkD,YAAxB,eAAwBA,YAAxB;AAEA,UAAMO,sBAAsB,GAAG,CAACC,iCAAmB,EAApB,EAAwBC,MAAxB,CAC7B,UAACC,CAAD;AAAA,eAAOA,CAAC,KAAK,OAAN,IAAiBA,CAAC,KAAK,eAAvB,IAA0CA,CAAC,KAAK,eAAvD;AAAA,OAD6B,CAA/B;AAGA,UAAMC,YAAY,GAAG;AACnBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADY;AAEnBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ;AAFY,OAArB;;AAKA,UAAI,CAACb,YAAL,EAAmB;AACjB,eAAO,IAAP;AACD;;AAED,0BACE;AACE,QAAA,SAAS,EAAE5G,OAAO,CAAC2H,iBADrB;AAEE,QAAA,KAAK,kCACAf,YADA;AAEHhE,UAAAA,eAAe,EAAE;AAFd,UAFP;AAME,QAAA,WAAW,EAAE,KAAKgF;AANpB,sBAQE;AAAK,QAAA,SAAS,EAAE5H,OAAO,CAAC6H;AAAxB,sBACE,gCAAC,0BAAD;AACE,QAAA,GAAG,EAAE,aAACC,IAAD,EAAS;AACZ,cAAIA,IAAJ,EAAS;AACP,YAAA,MAAI,CAACjE,SAAL,GAAiBiE,IAAjB;AACD;AACF,SALH;AAME,QAAA,SAAS,EAAE,IANb;AAOE,QAAA,QAAQ,MAPV;AAQE,QAAA,SAAS,EAAE9H,OAAO,CAAC+H,QARrB;AASE,QAAA,WAAW,EAAE;AACXvG,UAAAA,QAAQ,EAAE,KADC;AAEXwG,UAAAA,aAAa,EAAE,KAFJ;AAGXC,UAAAA,QAAQ,EAAE,KAHC;AAIXC,UAAAA,MAAM,EAAE;AAJG,SATf;AAeE,QAAA,MAAM,EAAExE,cAfV;AAgBE,QAAA,SAAS,EAAE,KAAKyE,SAhBlB;AAiBE,QAAA,uBAAuB,EAAE,CAAC;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAjB3B;AAkBE,QAAA,QAAQ,EAAE,kBAAC1E,cAAD,EAAoB;AAC5B,cAAI,MAAI,CAAC2E,WAAT,EAAsB;AACpB;AACD;;AAED,UAAA,MAAI,CAAC9C,gBAAL,CAAsB7B,cAAtB;AACD,SAxBH;AAyBE,QAAA,MAAM,EAAE,gBAACK,GAAD,EAAS;AACf,cAAI,MAAI,CAACsE,WAAT,EAAsB;AACpB;AACD;;AAED,UAAA,MAAI,CAACC,MAAL,CAAYvE,GAAZ;AACD,SA/BH;AAgCE,QAAA,MAAM,EAAE,gBAACrE,CAAD,EAAO;AACb,cAAM6I,mBAAmB,GAAG7I,CAAC,CAAC8I,aAAF,IAAmB9I,CAAC,CAAC8I,aAAF,CAAgB9B,OAAhB,CAAwB,0BAAxB,CAA/C;AAEA,UAAA,MAAI,CAAC2B,WAAL,GAAmBE,mBAAnB;;AAEA,UAAA,MAAI,CAACE,MAAL,CAAY/I,CAAZ;AACD,SAtCH;AAuCE,QAAA,WAAW,EAAC,YAvCd;AAwCE,QAAA,aAAa,EAAEyH,sBAxCjB;AAyCE,QAAA,WAAW,EAAEI,YAzCf;AA0CE,QAAA,UAAU,EAAEP,UA1Cd;AA2CE,QAAA,kBAAkB,EAAEC,kBA3CtB;AA4CE,QAAA,aAAa,EAAEC;AA5CjB,QADF,eA+CE,gCAAC,sBAAD;AACE,QAAA,SAAS,EAAElH,OAAO,CAAC0I,SADrB;AAEE,QAAA,WAAW,EAAE;AAAA,iBAAM,MAAI,CAACC,UAAL,EAAN;AAAA,SAFf;AAGE,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACzE,WAAL,EAAN;AAAA,SAHX;AAIE,QAAA,IAAI,EAAC,OAJP;AAKE,sBAAW;AALb,sBAOE,gCAAC,eAAD;AAAS,QAAA,QAAQ,EAAC;AAAlB,QAPF,CA/CF,CARF,EAkEGF,OAAO,iBACN;AAAK,QAAA,SAAS,EAAEhE,OAAO,CAAC4I;AAAxB,SACG5E,OAAO,CAAC6E,GAAR,CAAY,iBAAqBhE,KAArB;AAAA,YAAGiE,KAAH,SAAGA,KAAH;AAAA,YAAU7I,OAAV,SAAUA,OAAV;AAAA,4BACX,gCAAC,QAAD;AACE,UAAA,GAAG,EAAE4E,KADP;AAEE,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACI,cAAL,CAAoB6D,KAApB,EAA2BjE,KAA3B,CAAN;AAAA,WAFX;AAGE,UAAA,cAAc,EAAE;AAAA,mBAAM,MAAI,CAAClF,cAAL,CAAoBmJ,KAApB,EAA2BjE,KAA3B,CAAN;AAAA,WAHlB;AAIE,UAAA,YAAY,EAAE;AAAA,mBAAM,MAAI,CAAC9E,YAAL,CAAkB+I,KAAlB,EAAyBjE,KAAzB,CAAN;AAAA,WAJhB;AAKE,UAAA,KAAK,EAAEiE,KALT;AAME,UAAA,OAAO,EAAE7I;AANX,UADW;AAAA,OAAZ,CADH,CAnEJ,CADF;AAmFD;;;EA7QkCW,kBAAMC,S;;;iCAA9B4C,e,eACQ;AACjBzD,EAAAA,OAAO,EAAEc,sBAAUC,MADF;AAEjBkD,EAAAA,IAAI,EAAEnD,sBAAUC,MAFC;AAGjBkG,EAAAA,kBAAkB,EAAEnG,sBAAUC,MAHb;AAIjBuH,EAAAA,MAAM,EAAExH,sBAAUI,IAJD;AAKjB8C,EAAAA,OAAO,EAAElD,sBAAUiI,KALF;AAMjB7E,EAAAA,WAAW,EAAEpD,sBAAUI,IAAV,CAAeF,UANX;AAOjB0E,EAAAA,OAAO,EAAE5E,sBAAUI,IAPF;AAQjBvB,EAAAA,cAAc,EAAEmB,sBAAUI,IAAV,CAAeF,UARd;AASjBiE,EAAAA,cAAc,EAAEnE,sBAAUI,IAAV,CAAeF,UATd;AAUjBmD,EAAAA,aAAa,EAAErD,sBAAUI,IAAV,CAAeF,UAVb;AAWjBgG,EAAAA,UAAU,EAAElG,sBAAUG,IAXL;AAYjB+D,EAAAA,MAAM,EAAElE,sBAAUC,MAAV,CAAiBC,UAZR;AAajB+D,EAAAA,QAAQ,EAAEjE,sBAAUiI,KAAV,CAAgB/H;AAbT,C;AA+QrB,IAAMgI,qBAAqB,GAAG,wBAAW,UAAC3H,KAAD;AAAA,SAAY;AACnDsG,IAAAA,iBAAiB,EAAE;AACjBsB,MAAAA,SAAS,EAAE5H,KAAK,CAAC6H,OAAN,CAAc,CAAd,CADM;AAEjBnH,MAAAA,YAAY,EAAE,KAFG;AAGjBoH,MAAAA,KAAK,EAAE;AAHU,KADgC;AAMnDpB,IAAAA,QAAQ,EAAE;AACRhG,MAAAA,YAAY,EAAE,KADN;AAERa,MAAAA,eAAe,EAAEvB,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,KAF9B;AAGR,sCAAgC;AAC9BwH,QAAAA,SAAS,EAAE;AADmB;AAHxB,KANyC;AAanDV,IAAAA,SAAS,EAAE;AACTrG,MAAAA,QAAQ,EAAEhB,KAAK,CAACiB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,OAAO,EAAElB,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CAFrB;AAGTJ,MAAAA,KAAK,EAAEX,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBa,KAHnB;AAIThB,MAAAA,QAAQ,EAAE,UAJD;AAKTqB,MAAAA,GAAG,EAAE,KALI;AAMTwG,MAAAA,KAAK,EAAEhI,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CANnB;AAOTO,MAAAA,SAAS,EAAE;AAPF,KAbwC;AAsBnDiG,IAAAA,aAAa,EAAE;AACbtH,MAAAA,OAAO,EAAE,MADI;AAEbgI,MAAAA,aAAa,EAAE,QAFF;AAGb,4BAAsB;AACpBC,QAAAA,MAAM,EAAE;AADY;AAHT,KAtBoC;AA6BnD1B,IAAAA,WAAW,EAAE;AACXtF,MAAAA,OAAO,EAAElB,KAAK,CAACc,OAAN,CAAcC,IAAd,GAAqB,CADnB;AAEXZ,MAAAA,QAAQ,EAAE;AAFC;AA7BsC,GAAZ;AAAA,CAAX,EAiC1BiC,eAjC0B,CAA9B;eAmCeuF,qB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ReactEditor } from 'slate-react';\nimport PropTypes from 'prop-types';\nimport {EditableHtml} from '@pie-lib/pie-toolbox/editable-html';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport { withStyles } from '@material-ui/core/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport classnames from 'classnames';\nimport { DEFAULT_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nimport AddIcon from '@material-ui/icons/Add';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CloseIcon from '@material-ui/icons/Close';\nimport EditIcon from '@material-ui/icons/Edit';\nimport IconButton from '@material-ui/core/IconButton';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onEditChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n  };\n\n  onRemoveClick = (e) => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  onEditClick = (e) => {\n    const { onEditChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onEditChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classes.wrapper}>\n        {correct && (\n          <div className={classes.selectedIcon} onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </div>\n        )}\n        <div\n          className={classnames(classes.valueHolder, { [classes.correct]: correct })}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <div className={classes.actionButtons}>\n          <IconButton className={classes.iconButton} onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </IconButton>\n          <IconButton className={classes.iconButton} onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    position: 'relative',\n    background: theme.palette.common.white,\n    borderBottom: `1px solid ${theme.palette.grey[400]}`,\n\n    '&:last-child': {\n      borderRadius: '0 0 4px 4px',\n    },\n  },\n  correct: {\n    background: color.correctSecondary(),\n  },\n  actionButtons: {\n    margin: theme.spacing.unit / 2,\n    display: 'flex',\n  },\n  iconButton: {\n    fontSize: theme.typography.fontSize,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n  },\n  selectedIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    color: theme.palette.common.white,\n    fontSize: theme.typography.fontSize,\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    backgroundColor: color.correct(),\n    borderRadius: '50%',\n    top: theme.spacing.unit * 2,\n    left: theme.spacing.unit,\n    zIndex: 3,\n  },\n  valueHolder: {\n    flex: 1,\n    padding: theme.spacing.unit * 0.75,\n    paddingLeft: theme.spacing.unit * 3.5,\n  },\n}))(MenuItemComp);\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onCheck: PropTypes.func,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    spellCheck: PropTypes.bool,\n    editor: PropTypes.object.isRequired,\n    nodePath: PropTypes.array.isRequired,\n  };\n  clickedInside = false;\n  preventDone = false;\n\n  state = {\n    respAreaMarkup: '',\n    editedChoiceIndex: -1,\n  };\n\n  componentDidMount() {\n    const { node, editor } = this.props;\n    const domNode = ReactEditor.toDOMNode(editor, node);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 60}px`,\n          left: `${left + 25}px`,\n        },\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = (respAreaMarkup) => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { choices, node, value, onAddChoice, onToolbarDone } = this.props;\n    const { editedChoiceIndex } = this.state;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (editedChoiceIndex >= 0 && choices?.[editedChoiceIndex]?.correct) {\n      const update = { ...node.data.toJSON(), value: val };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.index, val, editedChoiceIndex);\n    }\n\n    this.setState({ editedChoiceIndex: -1 });\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, nodePath, editor, onToolbarDone, onSelectChoice } = this.props;\n    const update = { ...node.data, value: newValue };\n\n    editor && editor.apply({\n      type: 'set_node',\n      path: nodePath,\n      properties: {\n        data: node.data\n      },\n      newProperties: { data: update }\n    });\n\n    onToolbarDone(false);\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, nodePath, editor, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.data.value)) {\n      const update = { ...node.data, value: null };\n\n      editor && editor.apply({\n        type: 'set_node',\n        path: nodePath,\n        properties: {\n          data: node.data\n        },\n        newProperties: { data: update }\n      });\n\n      onToolbarDone(false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onEditChoice = (val, index) => {\n    this.onRespAreaChange(val);\n    this.setState({ editedChoiceIndex: index });\n  };\n\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      this.onAddChoice();\n      // Cancelling event\n      return false;\n    }\n  };\n\n  onBlur = () => {\n    if (this.clickedInside) {\n      this.clickedInside = false;\n      return;\n    }\n\n    const { nodePath, choices, onCheck, onToolbarDone, editor } = this.props;\n    const correctResponse = (choices || []).find((choice) => choice.correct);\n\n    this.onAddChoice();\n\n    if (!choices || (choices && choices.length < 2) || !correctResponse) {\n      onCheck(() => {\n        editor.apply({\n          type: 'remove_node',\n          path: nodePath\n        });\n\n        onToolbarDone(false);\n      });\n    }\n  };\n\n  onClickInside = () => {\n    this.clickedInside = true;\n  };\n\n  focusInput = () => {\n    // we need to focus the input so that math is saved even without pressing the green checkmark\n    const slateEditorRef = this.editorRef && this.editorRef.rootRef && this.editorRef.rootRef.slateEditor;\n    const inputRef = slateEditorRef && slateEditorRef.editorRef && slateEditorRef.editorRef.element;\n\n    if (inputRef) {\n      inputRef.focus();\n    }\n  };\n\n  render() {\n    const { classes, choices, spellCheck, uploadSoundSupport, mathMlOptions = {} } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true },\n    };\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        className={classes.responseContainer}\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur',\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            onChange={(respAreaMarkup) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onRespAreaChange(respAreaMarkup);\n            }}\n            onDone={(val) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onDone(val);\n            }}\n            onBlur={(e) => {\n              const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n              this.preventDone = inInInsertCharacter;\n\n              this.onBlur(e);\n            }}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n          />\n          <IconButton\n            className={classes.addButton}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                onEditChoice={() => this.onEditChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles((theme) => ({\n  responseContainer: {\n    boxShadow: theme.shadows[2],\n    borderRadius: '4px',\n    width: '400px',\n  },\n  respArea: {\n    borderRadius: '4px',\n    backgroundColor: theme.palette.common.white,\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  addButton: {\n    fontSize: theme.typography.fontSize + 2,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n    position: 'absolute',\n    top: '50%',\n    right: theme.spacing.unit * 2,\n    transform: 'translate(0, -50%)',\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: theme.spacing.unit / 2,\n    position: 'relative',\n  },\n}))(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}

package/configure/lib/main.js

@@ -630,22 +630,23 @@ var Main = /*#__PURE__*/function (_React$Component) {
             duplicates: true
           },
           maxResponseAreas: maxResponseAreas,
-          respAreaToolbar: function respAreaToolbar(node, value, onToolbarDone) {
+          respAreaToolbar: function respAreaToolbar(node, nodePath, editor, onToolbarDone) {
             var respAreaChoices = _this2.state.respAreaChoices;
             return function () {
               return /*#__PURE__*/_react["default"].createElement(_inlineDropdownToolbar["default"], {
                 onAddChoice: _this2.onAddChoice,
                 onCheck: _this2.onCheck,
                 onRemoveChoice: function onRemoveChoice(index) {
-                  return _this2.onRemoveChoice(node.data.get('index'), index);
+                  return _this2.onRemoveChoice(node.data.index, index);
                 },
                 onSelectChoice: function onSelectChoice(index) {
-                  return _this2.onSelectChoice(node.data.get('index'), index);
+                  return _this2.onSelectChoice(node.data.index, index);
                 },
+                editor: editor,
                 node: node,
-                value: value,
+                nodePath: nodePath,
                 onToolbarDone: onToolbarDone,
-                choices: respAreaChoices[node.data.get('index')],
+                choices: respAreaChoices[node.data.index],
                 spellCheck: spellCheckEnabled,
                 uploadSoundSupport: uploadSoundSupport,
                 mathMlOptions: mathMlOptions
@@ -659,6 +660,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         onChange: this.onChange,
         imageSupport: imageSupport,
         disableImageAlignmentButtons: true,
+        onBlur: this.onBlur,
         disabled: false,
         highlightShape: false,
         error: responseAreasError,

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","dropdown","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","markup","minHeight","choiceConfiguration","paddingBottom","text","fontSize","typography","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","responseArea","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","color","palette","error","main","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","warning","open","newVal","props","onModelChanged","model","prompt","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","value","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","choiceIndex","maxResponseAreaChoices","configuration","undefined","r","idx","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","choiceRationale","contentDimensions","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","template","withRubric","mathMlOptions","language","languageChoices","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","responseAreasError","responseAreaChoicesError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","enabled","options","panelProperties","rubricEnabled","getPluginProps","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","ALL_PLUGINS","type","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/pie-toolbox/config-ui';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel, dropdown } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '100px',\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  responseArea: {\n    paddingBottom: theme.spacing.unit * 2.5,\n  },\n  panelDetails: {\n    display: 'block',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label, choiceIndex) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    // check for duplicate answer, but exclude the one that is currently edited\n    if ((respAreaChoices[index] || []).find((r, idx) => r.label === label && idx !== choiceIndex)) {\n      // show warning for duplicated answers\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (choiceIndex >= 0 && respAreaChoices[index]?.[choiceIndex]) {\n      // we need to update the choice label with the new value\n      respAreaChoices[index][choiceIndex].label = label;\n    } else {\n      // add a new choice\n      const value =\n        (respAreaChoices[index] &&\n          max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n        0;\n\n      respAreaChoices[index].push({\n        label,\n        value: `${value + 1}`,\n        correct: false,\n      });\n    }\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceRationale = {},\n      contentDimensions = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      template = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      responseAreaChoicesError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <InputContainer\n                  key={choice.label}\n                  label={\n                    <span\n                      className={classes.rationaleLabel}\n                      dangerouslySetInnerHTML={{\n                        __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                      }}\n                    />\n                  }\n                  className={classes.promptHolder}\n                >\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={choice.rationale || ''}\n                    spellCheck={spellCheckEnabled}\n                    onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                    imageSupport={imageSupport}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </InputContainer>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text}>Define Template, Choices, and Correct Responses</Typography>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} />\n          </Tooltip>\n        </div>\n\n        <div className={classes.responseArea}>\n          <EditableHtml\n            pluginProps={getPluginProps(template?.inputConfiguration)}\n            activePlugins={ALL_PLUGINS}\n            toolbarOpts={{ position: 'top' }}\n            responseAreaProps={{\n              type: 'inline-dropdown',\n              options: {\n                duplicates: true,\n              },\n              maxResponseAreas: maxResponseAreas,\n              respAreaToolbar: (node, value, onToolbarDone) => {\n                const { respAreaChoices } = this.state;\n\n                return () => (\n                  <InlineDropdownToolbar\n                    onAddChoice={this.onAddChoice}\n                    onCheck={this.onCheck}\n                    onRemoveChoice={(index) => this.onRemoveChoice(node.data.get('index'), index)}\n                    onSelectChoice={(index) => this.onSelectChoice(node.data.get('index'), index)}\n                    node={node}\n                    value={value}\n                    onToolbarDone={onToolbarDone}\n                    choices={respAreaChoices[node.data.get('index')]}\n                    spellCheck={spellCheckEnabled}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                  />\n                );\n              },\n            }}\n            spellCheck={spellCheckEnabled}\n            className={classes.markup}\n            markup={model.slateMarkup || ''}\n            onChange={this.onChange}\n            imageSupport={imageSupport}\n            disableImageAlignmentButtons={true}\n            disabled={false}\n            highlightShape={false}\n            error={responseAreasError}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n          {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n          {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n        </div>\n\n        {choiceRationaleEnabled && renderChoiceRationale()}\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onClose={warning.onClose}\n          onConfirm={warning.onConfirm}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","dropdown","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","markup","minHeight","choiceConfiguration","paddingBottom","text","fontSize","typography","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","responseArea","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","color","palette","error","main","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","warning","open","newVal","props","onModelChanged","model","prompt","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","value","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","choiceIndex","maxResponseAreaChoices","configuration","undefined","r","idx","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","choiceRationale","contentDimensions","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","template","withRubric","mathMlOptions","language","languageChoices","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","responseAreasError","responseAreaChoicesError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","enabled","options","panelProperties","rubricEnabled","getPluginProps","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","ALL_PLUGINS","type","duplicates","respAreaToolbar","node","nodePath","editor","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","onSelectChoice","onChange","onBlur","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/pie-toolbox/config-ui';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel, dropdown } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '100px',\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  responseArea: {\n    paddingBottom: theme.spacing.unit * 2.5,\n  },\n  panelDetails: {\n    display: 'block',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label, choiceIndex) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    // check for duplicate answer, but exclude the one that is currently edited\n    if ((respAreaChoices[index] || []).find((r, idx) => r.label === label && idx !== choiceIndex)) {\n      // show warning for duplicated answers\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (choiceIndex >= 0 && respAreaChoices[index]?.[choiceIndex]) {\n      // we need to update the choice label with the new value\n      respAreaChoices[index][choiceIndex].label = label;\n    } else {\n      // add a new choice\n      const value =\n        (respAreaChoices[index] &&\n          max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n        0;\n\n      respAreaChoices[index].push({\n        label,\n        value: `${value + 1}`,\n        correct: false,\n      });\n    }\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceRationale = {},\n      contentDimensions = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      template = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      responseAreaChoicesError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <InputContainer\n                  key={choice.label}\n                  label={\n                    <span\n                      className={classes.rationaleLabel}\n                      dangerouslySetInnerHTML={{\n                        __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                      }}\n                    />\n                  }\n                  className={classes.promptHolder}\n                >\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={choice.rationale || ''}\n                    spellCheck={spellCheckEnabled}\n                    onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                    imageSupport={imageSupport}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </InputContainer>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text}>Define Template, Choices, and Correct Responses</Typography>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} />\n          </Tooltip>\n        </div>\n\n        <div className={classes.responseArea}>\n            <EditableHtml\n              pluginProps={getPluginProps(template?.inputConfiguration)}\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              responseAreaProps={{\n                type: 'inline-dropdown',\n                options: {\n                  duplicates: true,\n                },\n                maxResponseAreas: maxResponseAreas,\n                respAreaToolbar: (node, nodePath, editor, onToolbarDone) => {\n                  const { respAreaChoices } = this.state;\n\n                  return () => (\n                    <InlineDropdownToolbar\n                      onAddChoice={this.onAddChoice}\n                      onCheck={this.onCheck}\n                      onRemoveChoice={(index) => this.onRemoveChoice(node.data.index, index)}\n                      onSelectChoice={(index) => this.onSelectChoice(node.data.index, index)}\n                      editor={editor}\n                      node={node}\n                      nodePath={nodePath}\n                      onToolbarDone={onToolbarDone}\n                      choices={respAreaChoices[node.data.index]}\n                      spellCheck={spellCheckEnabled}\n                      uploadSoundSupport={uploadSoundSupport}\n                      mathMlOptions={mathMlOptions}\n                    />\n                  );\n                },\n              }}\n              spellCheck={spellCheckEnabled}\n              className={classes.markup}\n              markup={model.slateMarkup || ''}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={true}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n              error={responseAreasError}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n        </div>\n\n        {choiceRationaleEnabled && renderChoiceRationale()}\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onClose={warning.onClose}\n          onConfirm={warning.onConfirm}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.16.4",
+    "@pie-lib/pie-toolbox": "next",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.16.4",
+    "@pie-lib/pie-toolbox": "next",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.12.1",
+  "version": "5.12.2-next.19+2508ff8d1",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.16.4",
+    "@pie-lib/pie-toolbox": "next",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "528b92201b3f7f917007273d8584d7efccce6364",
+  "gitHead": "2508ff8d1b6b72bbb69792602fa0060c3e50cd95",
   "main": "lib/index.js",
   "module": "src/index.js"
 }