@pie-element/inline-dropdown 4.7.0 → 4.7.1-beta.0

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

@@ -27,6 +27,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 = _interopRequireWildcard(require("@pie-lib/editable-html"));
@@ -138,10 +140,6 @@ var MenuItem = (0, _styles.withStyles)({
   }
 })(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();
@@ -183,44 +181,58 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
       var onlyText = createElementFromHTML(val).textContent.trim();
 
       if (!(0, _isEmpty["default"])(onlyText)) {
-        onAddChoice(node.data.get('index'), val);
+        onAddChoice(node.data.index, val);
       }
     });
     (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.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.apply({
+          type: 'set_node',
+          path: nodePath,
+          properties: {
+            data: node.data
+          },
+          newProperties: {
+            data: update
+          }
         });
-        onToolbarDone(change, false);
+        onToolbarDone(false);
       }
 
       onRemoveChoice(index);
@@ -240,11 +252,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;
       });
@@ -253,9 +265,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);
         });
       }
     });
@@ -277,14 +291,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({
@@ -310,11 +330,11 @@ 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;
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          choices = _this$props3.choices,
+          spellCheck = _this$props3.spellCheck,
+          uploadSoundSupport = _this$props3.uploadSoundSupport;
       var _this$state = this.state,
           respAreaMarkup = _this$state.respAreaMarkup,
           toolbarStyle = _this$state.toolbarStyle;
@@ -416,12 +436,8 @@ 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
-    })
-  })
+  editor: _propTypes["default"].object.isRequired,
+  nodePath: _propTypes["default"].array.isRequired
 });
 var StyledRespAreaToolbar = (0, _styles.withStyles)({
   respArea: {

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","classes","correct","onClick","value","wrapper","valueHolder","__html","removeIcon","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","background","borderBottom","boxSizing","display","cursor","lineHeight","padding","position","fontSize","fontStyle","transform","top","right","zIndex","wordBreak","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","setState","editorRef","finishEditing","val","node","onAddChoice","onlyText","textContent","data","get","newValue","index","onToolbarDone","onSelectChoice","update","toJSON","change","setNodeByKey","nextText","getNextText","moveFocusTo","moveAnchorTo","event","clickedInside","choices","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","left","toolbarStyle","height","width","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","state","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","backgroundColor","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","onRespAreaChange","onDone","onBlur","focusInput","choicesHolder","map","label","array","shape","StyledRespAreaToolbar","minHeight","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/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\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/editable-html';\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    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  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classnames(classes.wrapper, { [classes.correct]: correct })} onClick={onClick}>\n        <div\n          className={classes.valueHolder}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <i className={classes.removeIcon} onClick={this.onRemoveClick}>\n          x\n        </i>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles({\n  wrapper: {\n    background: '#fff',\n    borderBottom: '1px solid black',\n    boxSizing: 'border-box',\n    display: 'block',\n    cursor: 'pointer',\n    lineHeight: '30px',\n    padding: '10px 25px 10px 10px',\n    position: 'relative',\n  },\n  correct: {\n    background: '#C4DCFA',\n  },\n  removeIcon: {\n    cursor: 'pointer',\n    fontSize: '20px',\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    top: '50%',\n    right: '5px',\n    zIndex: 3,\n  },\n  valueHolder: {\n    wordBreak: 'break-all',\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    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  };\n\n  state = {\n    respAreaMarkup: '',\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          width: domNodeRect.width,\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 { node, onAddChoice } = this.props;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.get('index'), val);\n    }\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  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 } = 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        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            onChange={this.onRespAreaChange}\n            onDone={this.onDone}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            onBlur={this.onBlur}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n          <i\n            style={{\n              cursor: 'pointer',\n              fontSize: '20px',\n              fontStyle: 'normal',\n              position: 'absolute',\n              top: '50%',\n              right: '15px',\n              transform: 'translate(0, -50%)',\n            }}\n            contentEditable={false}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n          >\n            +\n          </i>\n        </div>\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                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles({\n  respArea: {\n    backgroundColor: '#fff',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: '8px',\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","classes","correct","onClick","value","wrapper","valueHolder","__html","removeIcon","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","background","borderBottom","boxSizing","display","cursor","lineHeight","padding","position","fontSize","fontStyle","transform","top","right","zIndex","wordBreak","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","setState","editorRef","finishEditing","val","node","onAddChoice","onlyText","textContent","data","index","newValue","nodePath","editor","onToolbarDone","onSelectChoice","update","apply","type","path","properties","newProperties","event","key","clickedInside","choices","onCheck","correctResponse","find","choice","length","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","ReactEditor","toDOMNode","domNodeRect","getBoundingClientRect","closest","editorRect","left","toolbarStyle","height","width","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","state","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","backgroundColor","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","onRespAreaChange","onDone","onBlur","focusInput","choicesHolder","map","label","array","StyledRespAreaToolbar","minHeight","flexDirection","border"],"mappings":"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","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/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\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/editable-html';\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    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  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classnames(classes.wrapper, { [classes.correct]: correct })} onClick={onClick}>\n        <div\n          className={classes.valueHolder}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <i className={classes.removeIcon} onClick={this.onRemoveClick}>\n          x\n        </i>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles({\n  wrapper: {\n    background: '#fff',\n    borderBottom: '1px solid black',\n    boxSizing: 'border-box',\n    display: 'block',\n    cursor: 'pointer',\n    lineHeight: '30px',\n    padding: '10px 25px 10px 10px',\n    position: 'relative',\n  },\n  correct: {\n    background: '#C4DCFA',\n  },\n  removeIcon: {\n    cursor: 'pointer',\n    fontSize: '20px',\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    top: '50%',\n    right: '5px',\n    zIndex: 3,\n  },\n  valueHolder: {\n    wordBreak: 'break-all',\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    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    editor: PropTypes.object.isRequired,\n    nodePath: PropTypes.array.isRequired,\n  };\n\n  state = {\n    respAreaMarkup: '',\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          width: domNodeRect.width,\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 { node, onAddChoice } = this.props;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.index, val);\n    }\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.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.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  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 } = 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        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            onChange={this.onRespAreaChange}\n            onDone={this.onDone}\n            placeholder=\"Add Choice\"\n            activePlugins={filteredDefaultPlugins}\n            pluginProps={labelPlugins}\n            onBlur={this.onBlur}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n          <i\n            style={{\n              cursor: 'pointer',\n              fontSize: '20px',\n              fontStyle: 'normal',\n              position: 'absolute',\n              top: '50%',\n              right: '15px',\n              transform: 'translate(0, -50%)',\n            }}\n            contentEditable={false}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n          >\n            +\n          </i>\n        </div>\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                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles({\n  respArea: {\n    backgroundColor: '#fff',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: '8px',\n    position: 'relative',\n  },\n})(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}

package/configure/lib/main.js

@@ -621,28 +621,32 @@ var Main = /*#__PURE__*/function (_React$Component) {
         toolbarOpts: {
           position: 'top'
         },
+        ref: function ref(_ref4) {
+          window.editorRef = _ref4;
+        },
         responseAreaProps: {
           type: 'inline-dropdown',
           options: {
             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
               });

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","typography","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","marginTop","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","warning","open","newVal","props","onModelChanged","model","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","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","maxResponseAreaChoices","configuration","undefined","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","choiceRationale","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","withRubric","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","panelProperties","rubricEnabled","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onBlur","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/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\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 } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    float: 'right',\n  },\n  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize + 2,\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  panelDetails: {\n    display: 'block',\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: 'red',\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\nconst prepareVal = (html) => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\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) => {\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    if ((respAreaChoices[index] || []).find((r) => prepareVal(r.label) === prepareVal(label))) {\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    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    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      choiceRationale = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = 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                  />\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    };\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    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\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          <div>\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                  toolbarOpts={toolbarOpts}\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                />\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                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\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                  toolbarOpts={toolbarOpts}\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                />\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            <EditableHtml\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                    />\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            />\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n            <br />\n            {choiceRationaleEnabled && renderChoiceRationale()}\n\n            <AlertDialog\n              open={warning.open}\n              title=\"Warning\"\n              text={warning.text}\n              onClose={warning.onClose}\n              onConfirm={warning.onConfirm}\n            />\n          </div>\n        </layout.ConfigLayout>\n      </div>\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","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","typography","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","marginTop","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","warning","open","newVal","props","onModelChanged","model","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","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","maxResponseAreaChoices","configuration","undefined","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","choiceRationale","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","withRubric","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","panelProperties","rubricEnabled","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","ALL_PLUGINS","ref","window","editorRef","type","options","duplicates","respAreaToolbar","node","nodePath","editor","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","onSelectChoice","onChange","onBlur","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAQA,MAAR,GAA0BC,kBAA1B,CAAQD,MAAR;AAAA,IAAgBE,KAAhB,GAA0BD,kBAA1B,CAAgBC,KAAhB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFxB;AAGZC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KADW;AAMzBE,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAD3B;AAENH,MAAAA,KAAK,EAAE;AAFD,KANiB;AAUzBO,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE,OADL;AAENF,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAF3B;AAGNH,MAAAA,KAAK,EAAE,MAHD;AAIN,sCAAgC;AAC9BQ,QAAAA,SAAS,EAAE;AADmB;AAJ1B,KAViB;AAkBzBC,IAAAA,MAAM,EAAE;AACNH,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAD3B,KAlBiB;AAqBzBO,IAAAA,mBAAmB,EAAE;AACnBJ,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CADd;AAEnBF,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAFjB,KArBI;AAyBzBQ,IAAAA,aAAa,EAAE;AACbC,MAAAA,cAAc,EAAE,eADH;AAEbC,MAAAA,MAAM,EAAE;AAFK,KAzBU;AA6BzBC,IAAAA,SAAS,EAAE;AACT,eAAO;AADE,KA7Bc;AAgCzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,cADR;AAEJC,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,UAAN,CAAiBD,QAAjB,GAA4B,CAFlC;AAGJE,MAAAA,UAAU,EAAE,MAHR;AAIJC,MAAAA,KAAK,EAAE,SAJH;AAKJC,MAAAA,WAAW,EAAEvB,KAAK,CAACI,OAAN,CAAcC;AALvB,KAhCmB;AAuCzBmB,IAAAA,cAAc,EAAE;AACdC,MAAAA,OAAO,EAAE,MADK;AAEdC,MAAAA,UAAU,EAAE;AAFE,KAvCS;AA2CzBC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,SAAS,EAAE5B,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADhB,KA3CO;AA8CzBwB,IAAAA,YAAY,EAAE;AACZJ,MAAAA,OAAO,EAAE;AADG,KA9CW;AAiDzBK,IAAAA,aAAa,EAAE;AACbL,MAAAA,OAAO,EAAE,MADI;AAEbM,MAAAA,UAAU,EAAE,QAFC;AAGbzB,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC;AAHf,KAjDU;AAsDzB2B,IAAAA,OAAO,EAAE;AACPb,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,UAAN,CAAiBD,QAAjB,GAA4B,CAD/B;AAEPO,MAAAA,UAAU,EAAE,KAFL;AAGPO,MAAAA,QAAQ,EAAE;AAHH,KAtDgB;AA2DzBC,IAAAA,SAAS,EAAE;AACTf,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETG,MAAAA,KAAK,EAAE,KAFE;AAGTd,MAAAA,UAAU,EAAER,KAAK,CAACI,OAAN,CAAcC;AAHjB;AA3Dc,GAAZ;AAAA,CAAf;;AAkEA,IAAM8B,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;;AAQA,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAU;AAC3B,MAAMC,GAAG,GAAGN,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAK,EAAAA,GAAG,CAACJ,SAAJ,GAAgBG,IAAhB;AAEA,MAAME,KAAK,GAAGD,GAAG,CAACE,WAAJ,IAAmBF,GAAG,CAACG,SAAvB,IAAoC,EAAlD;AAEA,SAAOF,KAAK,CAACJ,IAAN,EAAP;AACD,CARD;;IAUaO,I;;;;;;;;;;;;;;;8FAkBH;AACNC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAR;AADH,K;sGAkCQ,UAACC,MAAD,EAAY;AAC1B,YAAKC,KAAL,CAAWC,cAAX,iCAA+B,MAAKD,KAAL,CAAWE,KAA1C,GAAoDH,MAApD;AACD,K;wGAEiB,UAAC5C,MAAD,EAAY;AAC5B,YAAKgD,aAAL,CAAmB;AAAEhD,QAAAA,MAAM,EAANA;AAAF,OAAnB;AACD,K;2GAEoB,UAACiD,SAAD,EAAe;AAClC,YAAKD,aAAL,CAAmB;AAAEC,QAAAA,SAAS,EAATA;AAAF,OAAnB;AACD,K;iHAE0B,UAACC,KAAD,EAAQC,MAAR,EAAmB;AAC5C,UAAQJ,KAAR,GAAkB,MAAKF,KAAvB,CAAQE,KAAR;AACA,UAAMK,aAAa,GACjBL,KAAK,CAACM,OAAN,IACAN,KAAK,CAACM,OAAN,CAAcH,KAAd,CADA,IAEAH,KAAK,CAACM,OAAN,CAAcH,KAAd,EAAqBI,SAArB,CAA+B,UAACC,IAAD;AAAA,eAAUA,IAAI,CAACC,KAAL,KAAeL,MAAM,CAACK,KAAtB,IAA+BD,IAAI,CAACjB,KAAL,KAAea,MAAM,CAACb,KAA/D;AAAA,OAA/B,CAHF;AAKAS,MAAAA,KAAK,CAACM,OAAN,CAAcH,KAAd,KAAwBH,KAAK,CAACM,OAAN,CAAcH,KAAd,EAAqBO,MAArB,CAA4BL,aAA5B,EAA2C,CAA3C,EAA8CD,MAA9C,CAAxB;;AAEA,YAAKH,aAAL,CAAmBD,KAAnB;AACD,K;qHAE8B,UAACW,mBAAD,EAAyB;AACtD,YAAKV,aAAL,CAAmB;AAAEU,QAAAA,mBAAmB,EAAnBA;AAAF,OAAnB;AACD,K;wGAEiB,UAACC,WAAD,EAAiB;AACjC,YAAKX,aAAL,CAAmB;AAAEW,QAAAA,WAAW,EAAXA;AAAF,OAAnB;AACD,K;gGAES,UAACC,QAAD,EAAc;AACtB,YAAKC,QAAL,CAAc;AACZnB,QAAAA,OAAO,EAAE;AACPC,UAAAA,IAAI,EAAE,IADC;AAEPjC,UAAAA,IAAI,EAAE,mFAFC;AAGPoD,UAAAA,OAAO,EAAE,mBAAM;AACb,kBAAKD,QAAL,CAAc;AAAEnB,cAAAA,OAAO,EAAE;AAAEC,gBAAAA,IAAI,EAAE;AAAR;AAAX,aAAd;AACD,WALM;AAMPoB,UAAAA,SAAS,EAAE,qBAAM;AACf,kBAAKF,QAAL,CAAc;AAAEnB,cAAAA,OAAO,EAAE;AAAEC,gBAAAA,IAAI,EAAE;AAAR;AAAX,aAAd,EAA4CiB,QAA5C;AACD;AARM;AADG,OAAd;AAYD,K;iGAEU,UAAC1D,MAAD,EAAY;AACrB,UAAQ8D,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AACA,UAAME,SAAS,GAAGtC,qBAAqB,CAAC1B,MAAD,CAAvC;AACA,UAAMiE,YAAY,GAAGD,SAAS,CAACE,gBAAV,CAA2B,+BAA3B,CAArB;AACA,UAAMC,UAAU,GAAG,EAAnB;AAEAF,MAAAA,YAAY,CAACG,OAAb,CAAqB,UAACC,EAAD,EAAQ;AAC3BF,QAAAA,UAAU,CAACE,EAAE,CAACC,OAAH,CAAWtB,KAAZ,CAAV,GAA+BqB,EAAE,CAACC,OAAH,CAAWlC,KAAX,IAAoB,EAAnD;AACD,OAFD;AAIA,UAAMmC,uBAAuB,GAAG,wBAC9BT,eAD8B,EAE9B,UAACU,GAAD,EAAMrB,OAAN,EAAesB,GAAf,EAAuB;AACrB,YAAI,CAAC,6BAAYN,UAAU,CAACM,GAAD,CAAtB,CAAL,EAAmC;AACjCD,UAAAA,GAAG,CAACC,GAAD,CAAH,GAAWX,eAAe,CAACW,GAAD,CAA1B;AACD;;AAED,eAAOD,GAAP;AACD,OAR6B,EAS9B,EAT8B,CAAhC;AAYA,UAAME,kBAAkB,GAAG,EAA3B;AACA,UAAIC,UAAU,GAAG,KAAjB;AAEAV,MAAAA,YAAY,CAACG,OAAb,CAAqB,UAACC,EAAD,EAAKrB,KAAL,EAAe;AAClC,YAAM4B,UAAU,GAAGL,uBAAuB,CAACF,EAAE,CAACC,OAAH,CAAWtB,KAAZ,CAAvB,IAA6C,EAAhE;;AAEA,YAAI4B,UAAU,CAACC,MAAX,GAAoB,CAApB,IAAyB,CAACD,UAAU,CAACE,IAAX,CAAgB,UAACC,CAAD;AAAA,iBAAOA,CAAC,CAACC,OAAT;AAAA,SAAhB,CAA9B,EAAiE;AAC/DX,UAAAA,EAAE,CAACY,MAAH;AACAN,UAAAA,UAAU,GAAG,IAAb;AACD,SAHD,MAGO;AACLD,UAAAA,kBAAkB,CAAC1B,KAAD,CAAlB,GAA4BuB,uBAAuB,CAACF,EAAE,CAACC,OAAH,CAAWtB,KAAZ,CAAvB,IAA6C,EAAzE;AACAqB,UAAAA,EAAE,CAACC,OAAH,CAAWtB,KAAX,GAAmBA,KAAnB;AACD;AACF,OAVD;;AAYA,UAAI2B,UAAJ,EAAgB;AACd,cAAKhB,QAAL,CAAc;AACZnB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPjC,YAAAA,IAAI,EAAE,mFAFC;AAGPoD,YAAAA,OAAO,EAAE,mBAAM;AACb,oBAAKD,QAAL,CAAc;AAAEnB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD,aALM;AAMPoB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAEnB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd,EAA4C;AAAA,uBAC1C,MAAKK,aAAL,CAAmB;AACjBK,kBAAAA,OAAO,EAAE,2BAAUuB,kBAAV,CADQ;AAEjBjB,kBAAAA,WAAW,EAAEO,SAAS,CAACjC;AAFN,iBAAnB,CAD0C;AAAA,eAA5C;AAMD;AAbM;AADG,SAAd;AAiBD,OAlBD,MAkBO;AACL,cAAKe,aAAL,CAAmB;AACjBK,UAAAA,OAAO,EAAE,2BAAUuB,kBAAV,CADQ;AAEjBjB,UAAAA,WAAW,EAAEO,SAAS,CAACjC;AAFN,SAAnB;AAID;AACF,K;oGAEa,UAACiB,KAAD,EAAQM,KAAR,EAAkB;AAC9B,UAAQQ,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AACA,UAAQoB,sBAAR,GAAmC,MAAKvC,KAAL,CAAWwC,aAA9C,CAAQD,sBAAR;;AAEA,UAAIpB,eAAe,CAACd,KAAD,CAAf,IAA0Bc,eAAe,CAACd,KAAD,CAAf,CAAuB6B,MAAvB,IAAiCK,sBAA/D,EAAuF;AACrF,cAAKvB,QAAL,CAAc;AACZnB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPjC,YAAAA,IAAI,2BAAoB0E,sBAApB,iCAFG;AAGPtB,YAAAA,OAAO,EAAEwB,SAHF;AAIPvB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAEnB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD;AANM;AADG,SAAd;;AAWA;AACD;;AAED,UAAI,CAACqB,eAAe,CAACd,KAAD,CAApB,EAA6B;AAC3Bc,QAAAA,eAAe,CAACd,KAAD,CAAf,GAAyB,EAAzB;AACD;;AAED,UAAI,CAACc,eAAe,CAACd,KAAD,CAAf,IAA0B,EAA3B,EAA+B8B,IAA/B,CAAoC,UAACO,CAAD;AAAA,eAAOpD,UAAU,CAACoD,CAAC,CAAC/B,KAAH,CAAV,KAAwBrB,UAAU,CAACqB,KAAD,CAAzC;AAAA,OAApC,CAAJ,EAA2F;AACzF,cAAKK,QAAL,CAAc;AACZnB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEPjC,YAAAA,IAAI,EAAE,oCAFC;AAGPoD,YAAAA,OAAO,EAAEwB,SAHF;AAIPvB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAEnB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD;AANM;AADG,SAAd;;AAWA;AACD;;AAED,UAAML,KAAK,GACR0B,eAAe,CAACd,KAAD,CAAf,IACC,qBAAIc,eAAe,CAACd,KAAD,CAAf,CAAuBsC,GAAvB,CAA2B,UAACP,CAAD;AAAA,eAAOQ,QAAQ,CAACR,CAAC,CAAC3C,KAAH,CAAf;AAAA,OAA3B,EAAqDoD,MAArD,CAA4D,UAACC,GAAD;AAAA,eAAS,CAACC,KAAK,CAACD,GAAD,CAAf;AAAA,OAA5D,CAAJ,CADF,IAEA,CAHF;AAKA3B,MAAAA,eAAe,CAACd,KAAD,CAAf,CAAuB2C,IAAvB,CAA4B;AAC1BrC,QAAAA,KAAK,EAALA,KAD0B;AAE1BlB,QAAAA,KAAK,YAAKA,KAAK,GAAG,CAAb,CAFqB;AAG1B4C,QAAAA,OAAO,EAAE;AAHiB,OAA5B;;AAMA,YAAKlC,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUW,eAAV;AAAX,OAAnB;AACD,K;uGAEgB,UAAC8B,SAAD,EAAY5C,KAAZ,EAAsB;AACrC,UAAQc,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AAEAA,MAAAA,eAAe,CAAC8B,SAAD,CAAf,CAA2BrC,MAA3B,CAAkCP,KAAlC,EAAyC,CAAzC;;AAEA,YAAKF,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUW,eAAV;AAAX,OAAnB;AACD,K;uGAEgB,UAAC8B,SAAD,EAAYC,aAAZ,EAA8B;AAC7C,UAAQ/B,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AAEAA,MAAAA,eAAe,CAAC8B,SAAD,CAAf,GAA6B9B,eAAe,CAAC8B,SAAD,CAAf,CAA2BN,GAA3B,CAA+B,UAACrC,MAAD,EAASD,KAAT;AAAA,+CACvDC,MADuD;AAE1D+B,UAAAA,OAAO,EAAEhC,KAAK,KAAK6C;AAFuC;AAAA,OAA/B,CAA7B;;AAKA,YAAK/C,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUW,eAAV;AAAX,OAAnB;AACD,K;;;;;;WAjND,6BAAoB;AAClB,UACWX,OADX,GAEI,KAAKR,KAFT,CACEE,KADF,CACWM,OADX;AAIA,WAAKQ,QAAL,CAAc;AAAEG,QAAAA,eAAe,EAAE,2BAAUX,OAAV;AAAnB,OAAd;AACD;;;WAED,0CAAiC2C,MAAjC,EAAyC;AACvC,UAAMC,QAAQ,GAAG,EAAjB;;AAEA,UACE,CAAC,yBAAQD,MAAM,CAACjD,KAAP,CAAaM,OAArB,EAA8B,KAAKR,KAAL,CAAWE,KAAX,CAAiBM,OAA/C,CAAD,IACA,CAAC,yBAAQ2C,MAAM,CAACjD,KAAP,CAAaM,OAArB,EAA8B,KAAKY,KAAL,CAAWD,eAAzC,CAFH,EAGE;AACAiC,QAAAA,QAAQ,CAACjC,eAAT,GAA2B,2BAAUgC,MAAM,CAACjD,KAAP,CAAaM,OAAvB,CAA3B;AACD;;AAED,UAAI,CAAC,yBAAQ4C,QAAR,CAAL,EAAwB;AACtB,aAAKpC,QAAL,CAAcoC,QAAd;AACD;AACF;;;WAED,8BAAqB;AACnB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,CAAqB,IAArB,CAAhB;;AAEA,qCAAWF,OAAX;AACD;;;WAuLD,kBAAS;AAAA;;AACP,UAAQxD,OAAR,GAAoB,KAAKuB,KAAzB,CAAQvB,OAAR;AACA,wBAAoG,KAAKG,KAAzG;AAAA,UAAQwD,OAAR,eAAQA,OAAR;AAAA,UAAiBtD,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBsC,aAAxB,eAAwBA,aAAxB;AAAA,UAAuCiB,sBAAvC,eAAuCA,sBAAvC;AAAA,UAA+DC,YAA/D,eAA+DA,YAA/D;AAAA,UAA6EC,kBAA7E,eAA6EA,kBAA7E;;AACA,iBAaInB,aAAa,IAAI,EAbrB;AAAA,sCACEoB,eADF;AAAA,UACEA,eADF,qCACoB,EADpB;AAAA,sCAEEC,eAFF;AAAA,UAEEA,eAFF,qCAEoB,EAFpB;AAAA,UAGEC,gBAHF,QAGEA,gBAHF;AAAA,oCAIEC,aAJF;AAAA,UAIEA,aAJF,mCAIkB,EAJlB;AAAA,qCAKEC,cALF;AAAA,UAKEA,cALF,oCAKmB,EALnB;AAAA,qCAMEC,cANF;AAAA,UAMEA,cANF,oCAMmB,EANnB;AAAA,6BAOE9G,MAPF;AAAA,UAOEA,MAPF,4BAOW,EAPX;AAAA,gCAQEiD,SARF;AAAA,UAQEA,SARF,+BAQc,EARd;AAAA,UASE8D,qBATF,QASEA,qBATF;AAAA,iCAUEC,UAVF;AAAA,UAUEA,UAVF,gCAUe,EAVf;AAAA,uCAWEtD,mBAXF;AAAA,UAWEA,mBAXF,sCAWwB,EAXxB;AAAA,iCAYEuD,UAZF;AAAA,UAYEA,UAZF,gCAYe,EAZf;;AAcA,kBASIlE,KAAK,IAAI,EATb;AAAA,UACEmE,sBADF,SACEA,sBADF;AAAA,UAEE7D,OAFF,SAEEA,OAFF;AAAA,UAGE8D,MAHF,SAGEA,MAHF;AAAA,UAIEC,aAJF,SAIEA,aAJF;AAAA,UAKEC,gBALF,SAKEA,gBALF;AAAA,UAMEC,iBANF,SAMEA,iBANF;AAAA,UAOEC,0BAPF,SAOEA,0BAPF;AAAA,UAQEC,qBARF,SAQEA,qBARF;;AAUA,kBAAyDL,MAAM,IAAI,EAAnE;AAAA,UAAQM,kBAAR,SAAQA,kBAAR;AAAA,UAA4BC,wBAA5B,SAA4BA,wBAA5B;;AAEA,UAAMC,oBAAoB,GAAGf,aAAa,IAAIA,aAAa,CAAC5G,MAA5D;AACA,UAAM4H,qBAAqB,GAAGf,cAAc,IAAIA,cAAc,CAAC7G,MAA/D;;AAEA,UAAM6H,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,eAC5B,CAACC,MAAM,CAACC,IAAP,CAAY1E,OAAZ,KAAwB,EAAzB,EAA6BmC,GAA7B,CAAiC,UAACb,GAAD,EAAMzB,KAAN;AAAA,8BAC/B;AAAK,YAAA,GAAG,EAAEyB,GAAV;AAAe,YAAA,SAAS,EAAE0B,OAAO,CAACjF;AAAlC,0BACE,gCAAC,0BAAD,qBACE,gCAAC,iCAAD;AAAuB,YAAA,UAAU,eAAE,gCAAC,sBAAD;AAAnC,0BACE,gCAAC,sBAAD;AAAY,YAAA,SAAS,EAAEiF,OAAO,CAAC3F;AAA/B,oDAAsEwC,KAAK,GAAG,CAA9E,EADF,CADF,eAKE,gCAAC,iCAAD;AAAuB,YAAA,SAAS,EAAEmD,OAAO,CAAC/E;AAA1C,aACG,CAAC+B,OAAO,CAACsB,GAAD,CAAP,IAAgB,EAAjB,EAAqBa,GAArB,CAAyB,UAACrC,MAAD;AAAA,gCACxB,gCAAC,wBAAD;AACE,cAAA,GAAG,EAAEA,MAAM,CAACK,KADd;AAEE,cAAA,KAAK,eACH;AACE,gBAAA,SAAS,EAAE6C,OAAO,CAACpF,cADrB;AAEE,gBAAA,uBAAuB,EAAE;AACvB+G,kBAAAA,MAAM,YAAK/E,SAAS,CAACO,KAAf,kBAA4BL,MAAM,CAACK,KAAnC,eAA6CL,MAAM,CAAC+B,OAAP,GAAiB,SAAjB,GAA6B,WAA1E;AADiB;AAF3B,gBAHJ;AAUE,cAAA,SAAS,EAAEmB,OAAO,CAAC3G;AAVrB,4BAYE,gCAAC,wBAAD;AACE,cAAA,SAAS,EAAE2G,OAAO,CAACrG,MADrB;AAEE,cAAA,MAAM,EAAEmD,MAAM,CAACF,SAAP,IAAoB,EAF9B;AAGE,cAAA,UAAU,EAAEqE,iBAHd;AAIE,cAAA,QAAQ,EAAE,kBAACrC,CAAD;AAAA,uBAAO,MAAI,CAACgD,wBAAL,CAA8BtD,GAA9B,kCAAwCxB,MAAxC;AAAgDF,kBAAAA,SAAS,EAAEgC;AAA3D,mBAAP;AAAA,eAJZ;AAKE,cAAA,YAAY,EAAEsB,YALhB;AAME,cAAA,aAAa,EAAGK,aAAa,IAAIA,aAAa,CAAC3D,SAAhC,IAA8C0E,oBAN/D;AAOE,cAAA,cAAc,EAAGd,cAAc,IAAIA,cAAc,CAAC5D,SAAlC,IAAgD2E,qBAPlE;AAQE,cAAA,kBAAkB,EAAEpB;AARtB,cAZF,CADwB;AAAA,WAAzB,CADH,CALF,CADF,CAD+B;AAAA,SAAjC,CAD4B;AAAA,OAA9B;;AAuCA,UAAM0B,WAAW,GAAG;AAClBC,QAAAA,QAAQ,EAAEX,qBAAqB,KAAK,KAA1B,GAAkC,KAAlC,GAA0C;AADlC,OAApB;AAIA,UAAMY,iBAAiB,GAAG,sCAA0B/C,aAA1B,CAA1B;AAEA,UAAMgD,aAAa,GAAG;AACpBvB,QAAAA,cAAc,EAAEA,cAAc,CAACxH,QAAf,IAA2BD,MAAM,CAACyH,cAAc,CAACtD,KAAhB,CAD7B;AAEpBkD,QAAAA,eAAe,EAAEA,eAAe,CAACpH,QAAhB,IAA4BD,MAAM,CAACqH,eAAe,CAAClD,KAAjB;AAF/B,OAAtB;AAIA,UAAM8E,eAAe,GAAG;AACtBf,QAAAA,0BAA0B,EAAE7D,mBAAmB,CAACpE,QAApB,IAAgCD,MAAM,CAACqE,mBAAmB,CAACF,KAArB,CAD5C;AAEtB6D,QAAAA,gBAAgB,EAAEpE,SAAS,CAAC3D,QAAV,IAAsBD,MAAM,CAAC4D,SAAS,CAACO,KAAX,CAFxB;AAGtB0D,QAAAA,sBAAsB,EAAET,eAAe,CAACnH,QAAhB,IAA4BD,MAAM,CAACoH,eAAe,CAACjD,KAAjB,CAHpC;AAItB4D,QAAAA,aAAa,EAAEpH,MAAM,CAACV,QAAP,IAAmBD,MAAM,CAACW,MAAM,CAACwD,KAAR,CAJlB;AAKtB8D,QAAAA,iBAAiB,EAAEN,UAAU,CAAC1H,QAAX,IAAuBD,MAAM,CAAC2H,UAAU,CAACxD,KAAZ,CAL1B;AAMtB+E,QAAAA,aAAa,EAAE,CAAAtB,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAE3H,QAAZ,KAAwBD,MAAM,CAAC4H,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEzD,KAAb;AANvB,OAAxB;AASA,0BACE;AAAK,QAAA,SAAS,EAAE6C,OAAO,CAACjG;AAAxB,sBACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,YAAY,EAAE2G,qBADhB;AAEE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEhE,KADT;AAEE,UAAA,aAAa,EAAEsC,aAFjB;AAGE,UAAA,aAAa,EAAE,uBAACtC,KAAD;AAAA,mBAAW,MAAI,CAACC,aAAL,CAAmBD,KAAnB,CAAX;AAAA,WAHjB;AAIE,UAAA,qBAAqB,EAAE,+BAACsC,aAAD;AAAA,mBAAmBiB,sBAAsB,CAACjB,aAAD,EAAgB,IAAhB,CAAzC;AAAA,WAJzB;AAKE,UAAA,MAAM,EAAE;AACNmD,YAAAA,QAAQ,EAAEH,aADJ;AAENI,YAAAA,UAAU,EAAEH;AAFN;AALV;AAHJ,sBAeE,6CACGf,0BAA0B,iBACzB,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAE7D,mBAAmB,CAACF,KAA3C;AAAkD,QAAA,SAAS,EAAE6C,OAAO,CAAC3G;AAArE,sBACE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE2G,OAAO,CAACrG,MADrB;AAEE,QAAA,MAAM,EAAE+C,KAAK,CAACW,mBAAN,IAA6B,EAFvC;AAGE,QAAA,QAAQ,EAAE,KAAKgF,4BAHjB;AAIE,QAAA,YAAY,EAAEnC,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,WAAW,EAAE2B,WANf;AAOE,QAAA,UAAU,EAAEZ,iBAPd;AAQE,QAAA,aAAa,EAAGV,aAAa,IAAIA,aAAa,CAAClD,mBAAhC,IAAwDiE,oBARzE;AASE,QAAA,cAAc,EAAGd,cAAc,IAAIA,cAAc,CAACnD,mBAAlC,IAA0DkE,qBAT5E;AAUE,QAAA,kBAAkB,EAAEpB,kBAVtB;AAWE,QAAA,uBAAuB,EAAE,CAAC;AAAEmC,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B;AAX3B,QADF,CAFJ,EAmBGvB,aAAa,iBACZ,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEpH,MAAM,CAACwD,KAA9B;AAAqC,QAAA,SAAS,EAAE6C,OAAO,CAAC3G;AAAxD,sBACE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE2G,OAAO,CAACrG,MADrB;AAEE,QAAA,MAAM,EAAE+C,KAAK,CAAC/C,MAFhB;AAGE,QAAA,QAAQ,EAAE,KAAK4I,eAHjB;AAIE,QAAA,YAAY,EAAErC,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,gBAAgB,MANlB;AAOE,QAAA,WAAW,EAAE2B,WAPf;AAQE,QAAA,UAAU,EAAEZ,iBARd;AASE,QAAA,aAAa,EAAEK,oBATjB;AAUE,QAAA,cAAc,EAAEC,qBAVlB;AAWE,QAAA,kBAAkB,EAAEpB,kBAXtB;AAYE,QAAA,uBAAuB,EAAE,CAAC;AAAEmC,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B;AAZ3B,QADF,CApBJ,EAsCGtB,gBAAgB,iBACf,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEpE,SAAS,CAACO,KAAjC;AAAwC,QAAA,SAAS,EAAE6C,OAAO,CAAC3G;AAA3D,sBACE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE2G,OAAO,CAACrG,MADrB;AAEE,QAAA,MAAM,EAAE+C,KAAK,CAACE,SAAN,IAAmB,EAF7B;AAGE,QAAA,QAAQ,EAAE,KAAK4F,kBAHjB;AAIE,QAAA,YAAY,EAAEtC,YAJhB;AAKE,QAAA,WAAW,EAAE2B,WALf;AAME,QAAA,UAAU,EAAEZ,iBANd;AAOE,QAAA,aAAa,EAAGV,aAAa,IAAIA,aAAa,CAAC3D,SAAhC,IAA8C0E,oBAP/D;AAQE,QAAA,cAAc,EAAGd,cAAc,IAAIA,cAAc,CAAC5D,SAAlC,IAAgD2E,qBARlE;AASE,QAAA,kBAAkB,EAAEpB,kBATtB;AAUE,QAAA,uBAAuB,EAAE,CAAC;AAAEmC,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B;AAV3B,QADF,CAvCJ,eAuDE;AAAK,QAAA,SAAS,EAAEtC,OAAO,CAAC9E;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAE8E,OAAO,CAAC3F;AAA/B,2DADF,eAEE,gCAAC,mBAAD;AACE,QAAA,OAAO,EAAE;AAAEe,UAAAA,OAAO,EAAE4E,OAAO,CAAC5E;AAAnB,SADX;AAEE,QAAA,oBAAoB,MAFtB;AAGE,QAAA,oBAAoB,MAHtB;AAIE,QAAA,SAAS,EAAE,OAJb;AAKE,QAAA,KAAK,EAAE2G;AALT,sBAOE,gCAAC,gBAAD;AAAM,QAAA,QAAQ,EAAE,OAAhB;AAAyB,QAAA,KAAK,EAAE;AAAhC,QAPF,CAFF,CAvDF,eAoEE,gCAAC,wBAAD;AACE,QAAA,aAAa,EAAEU,yBADjB;AAEE,QAAA,WAAW,EAAE;AAAEX,UAAAA,QAAQ,EAAE;AAAZ,SAFf;AAGE,QAAA,GAAG,EAAE,aAACY,KAAD,EAAS;AACZC,UAAAA,MAAM,CAACC,SAAP,GAAmBF,KAAnB;AACD,SALH;AAME,QAAA,iBAAiB,EAAE;AACjBG,UAAAA,IAAI,EAAE,iBADW;AAEjBC,UAAAA,OAAO,EAAE;AACPC,YAAAA,UAAU,EAAE;AADL,WAFQ;AAKjBzC,UAAAA,gBAAgB,EAAEA,gBALD;AAMjB0C,UAAAA,eAAe,EAAE,yBAACC,IAAD,EAAOC,QAAP,EAAiBC,MAAjB,EAAyBC,aAAzB,EAA2C;AAC1D,gBAAQzF,eAAR,GAA4B,MAAI,CAACC,KAAjC,CAAQD,eAAR;AAEA,mBAAO;AAAA,kCACL,gCAAC,iCAAD;AACE,gBAAA,WAAW,EAAE,MAAI,CAAC0F,WADpB;AAEE,gBAAA,OAAO,EAAE,MAAI,CAACC,OAFhB;AAGE,gBAAA,cAAc,EAAE,wBAACzG,KAAD;AAAA,yBAAW,MAAI,CAAC0G,cAAL,CAAoBN,IAAI,CAACO,IAAL,CAAU3G,KAA9B,EAAqCA,KAArC,CAAX;AAAA,iBAHlB;AAIE,gBAAA,cAAc,EAAE,wBAACA,KAAD;AAAA,yBAAW,MAAI,CAAC4G,cAAL,CAAoBR,IAAI,CAACO,IAAL,CAAU3G,KAA9B,EAAqCA,KAArC,CAAX;AAAA,iBAJlB;AAKE,gBAAA,MAAM,EAAEsG,MALV;AAME,gBAAA,IAAI,EAAEF,IANR;AAOE,gBAAA,QAAQ,EAAEC,QAPZ;AAQE,gBAAA,aAAa,EAAEE,aARjB;AASE,gBAAA,OAAO,EAAEzF,eAAe,CAACsF,IAAI,CAACO,IAAL,CAAU3G,KAAX,CAT1B;AAUE,gBAAA,UAAU,EAAEoE,iBAVd;AAWE,gBAAA,kBAAkB,EAAEd;AAXtB,gBADK;AAAA,aAAP;AAeD;AAxBgB,SANrB;AAgCE,QAAA,UAAU,EAAEc,iBAhCd;AAiCE,QAAA,SAAS,EAAEjB,OAAO,CAACnG,MAjCrB;AAkCE,QAAA,MAAM,EAAE6C,KAAK,CAACY,WAAN,IAAqB,EAlC/B;AAmCE,QAAA,QAAQ,EAAE,KAAKoG,QAnCjB;AAoCE,QAAA,YAAY,EAAExD,YApChB;AAqCE,QAAA,4BAA4B,EAAE,IArChC;AAsCE,QAAA,MAAM,EAAE,KAAKyD,MAtCf;AAuCE,QAAA,QAAQ,EAAE,KAvCZ;AAwCE,QAAA,cAAc,EAAE,KAxClB;AAyCE,QAAA,KAAK,EAAEvC,kBAzCT;AA0CE,QAAA,kBAAkB,EAAEjB,kBA1CtB;AA2CE,QAAA,uBAAuB,EAAE,CAAC;AAAEmC,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B;AA3C3B,QApEF,EAiHGlB,kBAAkB,iBAAI;AAAK,QAAA,SAAS,EAAEpB,OAAO,CAAC1E;AAAxB,SAAoC8F,kBAApC,CAjHzB,EAkHGC,wBAAwB,iBAAI;AAAK,QAAA,SAAS,EAAErB,OAAO,CAAC1E;AAAxB,SAAoC+F,wBAApC,CAlH/B,eAoHE,2CApHF,EAqHGR,sBAAsB,IAAIW,qBAAqB,EArHlD,eAuHE,gCAAC,qBAAD;AACE,QAAA,IAAI,EAAEnF,OAAO,CAACC,IADhB;AAEE,QAAA,KAAK,EAAC,SAFR;AAGE,QAAA,IAAI,EAAED,OAAO,CAAChC,IAHhB;AAIE,QAAA,OAAO,EAAEgC,OAAO,CAACoB,OAJnB;AAKE,QAAA,SAAS,EAAEpB,OAAO,CAACqB;AALrB,QAvHF,CAfF,CADF,CADF;AAmJD;;;EAtduBkG,kBAAMC,S;;;iCAAnBzH,I,eACQ;AACjB4C,EAAAA,aAAa,EAAE8E,sBAAUC,MAAV,CAAiBC,UADf;AAEjBtH,EAAAA,KAAK,EAAEoH,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBC,EAAAA,gBAAgB,EAAEH,sBAAUI,IAHX;AAIjBzH,EAAAA,cAAc,EAAEqH,sBAAUK,IAAV,CAAeH,UAJd;AAKjB/D,EAAAA,sBAAsB,EAAE6D,sBAAUK,IAAV,CAAeH,UALtB;AAMjBhE,EAAAA,OAAO,EAAE8D,sBAAUC,MAAV,CAAiBC,UANT;AAOjB9D,EAAAA,YAAY,EAAE4D,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB,CAPG;AAWjB7D,EAAAA,kBAAkB,EAAE2D,sBAAUM,KAAV,CAAgB;AAClCC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADc;AAElC,cAAQF,sBAAUK,IAAV,CAAeH;AAFW,GAAhB;AAXH,C;AAwdrB,IAAMM,MAAM,GAAG,wBAAWnL,MAAX,EAAmBiD,IAAnB,CAAf;eAEekI,M","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\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 } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    float: 'right',\n  },\n  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize + 2,\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  panelDetails: {\n    display: 'block',\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: 'red',\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\nconst prepareVal = (html) => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\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) => {\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    if ((respAreaChoices[index] || []).find((r) => prepareVal(r.label) === prepareVal(label))) {\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    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    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      choiceRationale = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = 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                  />\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    };\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    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\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          <div>\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                  toolbarOpts={toolbarOpts}\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                />\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                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\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                  toolbarOpts={toolbarOpts}\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                />\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            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              ref={(ref) => {\n                window.editorRef = ref;\n              }}\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                    />\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            />\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n            <br />\n            {choiceRationaleEnabled && renderChoiceRationale()}\n\n            <AlertDialog\n              open={warning.open}\n              title=\"Warning\"\n              text={warning.text}\n              onClose={warning.onClose}\n              onConfirm={warning.onConfirm}\n            />\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/inline-dropdown-configure",
-  "version": "4.5.0",
+  "version": "4.5.1-beta.0",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -8,14 +8,15 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.3.0",
-    "@pie-lib/editable-html": "^9.5.0",
-    "@pie-lib/math-rendering": "^2.5.1",
+    "@pie-lib/config-ui": "12.0.0-beta.3",
+    "@pie-lib/editable-html": "10.0.0-beta.4",
+    "@pie-lib/math-rendering": "^2.5.12",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react-dom": "^16.8.1",
+    "slate-react": "0.92.0"
   }
 }

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/inline-dropdown-controller",
   "private": true,
-  "version": "4.1.1",
+  "version": "4.1.2-beta.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/controller-utils": "^0.2.27",
+    "@pie-lib/controller-utils": "^0.2.42",
     "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": "4.7.0",
+  "version": "4.7.1-beta.0+524659031",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -13,19 +13,21 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.47",
-    "@pie-lib/mask-markup": "^1.13.0",
-    "@pie-lib/math-rendering": "^2.5.1",
-    "@pie-lib/render-ui": "^4.13.7",
+    "@pie-lib/correct-answer-toggle": "^2.3.62",
+    "@pie-lib/mask-markup": "2.0.0-beta.1",
+    "@pie-lib/math-rendering": "^2.5.12",
+    "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
+    "is-plain-object": "^5.0.0",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react-dom": "^16.8.1",
+    "slate-react": "0.92.0"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "7fcbba0ed99ce1db1e66598ea6865b4a2425d0a4",
+  "gitHead": "524659031d4f760494f73f6e091bac2f9ef3f1e0",
   "main": "lib/index.js",
   "module": "src/index.js"
 }