@pie-element/inline-dropdown 8.3.2-next.2 → 8.3.2-tip-tap.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@8.3.1...@pie-element/inline-dropdown@8.3.2) (2025-10-22)
+
+
+### Bug Fixes
+
+* bump libs PD-5265 ([184a978](https://github.com/pie-framework/pie-elements/commit/184a978f57a2a84dc6ba87c1eba0b92d5cdd9eae))
+
+
+
+
+
 ## [8.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@8.2.1...@pie-element/inline-dropdown@8.3.1) (2025-10-16)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@7.3.1...@pie-element/inline-dropdown-configure@7.3.2) (2025-10-22)
+
+
+### Bug Fixes
+
+* bump libs PD-5265 ([184a978](https://github.com/pie-framework/pie-elements/commit/184a978f57a2a84dc6ba87c1eba0b92d5cdd9eae))
+
+
+
+
+
 ## [7.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@7.2.1...@pie-element/inline-dropdown-configure@7.3.1) (2025-10-16)
 
 

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

@@ -29,7 +29,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
 
 var _mathRendering = require("@pie-lib/math-rendering");
 
@@ -235,25 +235,21 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
       var _this2$props = _this2.props,
           choices = _this2$props.choices,
           node = _this2$props.node,
-          value = _this2$props.value,
+          editor = _this2$props.editor,
           onAddChoice = _this2$props.onAddChoice,
           onToolbarDone = _this2$props.onToolbarDone;
       var editedChoiceIndex = _this2.state.editedChoiceIndex;
       var onlyText = createElementFromHTML(val).textContent.trim();
 
       if (editedChoiceIndex >= 0 && choices !== null && choices !== void 0 && (_choices$editedChoice = choices[editedChoiceIndex]) !== null && _choices$editedChoice !== void 0 && _choices$editedChoice.correct) {
-        var update = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
+        editor.commands.updateAttributes('inline_dropdown', {
           value: val
         });
-
-        var change = value.change().setNodeByKey(node.key, {
-          data: update
-        });
-        onToolbarDone(change, false);
+        onToolbarDone(false);
       }
 
       if (!(0, _isEmpty["default"])(onlyText)) {
-        onAddChoice(node.data.get('index'), val, editedChoiceIndex);
+        onAddChoice(node.attrs.index, val, editedChoiceIndex);
       }
 
       _this2.setState({
@@ -263,38 +259,30 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onSelectChoice", function (newValue, index) {
       var _this2$props2 = _this2.props,
           node = _this2$props2.node,
-          value = _this2$props2.value,
+          editor = _this2$props2.editor,
           onToolbarDone = _this2$props2.onToolbarDone,
           onSelectChoice = _this2$props2.onSelectChoice;
-
-      var update = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
+      editor.commands.updateAttributes('inline_dropdown', {
         value: newValue
-      });
+      }); // const nextText = value.document.getNextText(node.key);
+      //
+      // change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
 
-      var change = value.change().setNodeByKey(node.key, {
-        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,
+          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.attrs.value)) {
+        editor.commands.updateAttributes('explicit_constructed_response', {
           value: null
         });
-
-        var change = value.change().setNodeByKey(node.key, {
-          data: update
-        });
-        onToolbarDone(change, false);
+        onToolbarDone(false);
       }
 
       onRemoveChoice(index);
@@ -327,7 +315,7 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
           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;
       });
@@ -336,9 +324,10 @@ 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);
+          var tr = editor.state.tr;
+          tr.deleteSelection();
+          editor.view.dispatch(tr);
+          onToolbarDone(false);
         });
       }
     });
@@ -360,20 +349,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 editor = this.props.editor;
+      var domNode = editor.view.nodeDOM(editor.state.selection.from);
 
-      if (domNode) {
+      if ((domNode === null || domNode === void 0 ? void 0 : domNode.nodeType) === 1) {
         //eslint-disable-next-line
         var domNodeRect = domNode.getBoundingClientRect();
-        var editor = domNode.closest('[data-slate-editor]');
-        var editorRect = editor.getBoundingClientRect();
-        var top = domNodeRect.top - editorRect.top;
+        var editorNode = domNode.closest('.tiptap');
+        var editorRect = editorNode.getBoundingClientRect();
+        var top = domNodeRect.top - domNodeRect.height;
         var left = domNodeRect.left - editorRect.left;
         this.setState({
           toolbarStyle: {
             position: 'absolute',
-            top: "".concat(top + domNodeRect.height + 60, "px"),
+            top: "".concat(top + domNodeRect.height + 40, "px"),
             left: "".concat(left + 25, "px")
           }
         });
@@ -419,7 +408,7 @@ var RespAreaToolbar = /*#__PURE__*/function (_React$Component2) {
         onMouseDown: this.onClickInside
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.itemBuilder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         ref: function ref(_ref) {
           if (_ref) {
             _this3.editorRef = _ref;
@@ -524,12 +513,7 @@ 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,
   spellCheck: _propTypes["default"].bool
 });
 var StyledRespAreaToolbar = (0, _styles.withStyles)(function (theme) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","classes","correct","onClick","value","wrapper","selectedIcon","valueHolder","__html","actionButtons","iconButton","onEditClick","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","color","correctSecondary","margin","spacing","unit","fontSize","typography","padding","black","justifyContent","fontStyle","transform","backgroundColor","top","left","zIndex","flex","paddingLeft","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editorRef","finishEditing","val","choices","node","onAddChoice","onToolbarDone","state","onlyText","textContent","update","data","toJSON","change","setNodeByKey","get","newValue","index","onSelectChoice","nextText","getNextText","moveFocusTo","moveAnchorTo","onRespAreaChange","event","preventDone","clickedInside","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","toolbarStyle","height","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","mathMlOptions","baseInputConfiguration","responseAreaInputConfiguration","responseContainer","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","language","onDone","relatedTarget","isInInsertCharacter","isInDoneButton","onBlur","inputConfiguration","addButton","focusInput","choicesHolder","map","label","array","shape","StyledRespAreaToolbar","boxShadow","shadows","width","minHeight","right","flexDirection","border"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport 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 { color } from '@pie-lib/render-ui';\n\nimport AddIcon from '@material-ui/icons/Add';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CloseIcon from '@material-ui/icons/Close';\nimport EditIcon from '@material-ui/icons/Edit';\nimport IconButton from '@material-ui/core/IconButton';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onEditChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n  };\n\n  onRemoveClick = (e) => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  onEditClick = (e) => {\n    const { onEditChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onEditChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classes.wrapper}>\n        {correct && (\n          <div className={classes.selectedIcon} onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </div>\n        )}\n        <div\n          className={classnames(classes.valueHolder, { [classes.correct]: correct })}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <div className={classes.actionButtons}>\n          <IconButton className={classes.iconButton} onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </IconButton>\n          <IconButton className={classes.iconButton} onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    position: 'relative',\n    background: theme.palette.common.white,\n    borderBottom: `1px solid ${theme.palette.grey[400]}`,\n\n    '&:last-child': {\n      borderRadius: '0 0 4px 4px',\n    },\n  },\n  correct: {\n    background: color.correctSecondary(),\n  },\n  actionButtons: {\n    margin: theme.spacing.unit / 2,\n    display: 'flex',\n  },\n  iconButton: {\n    fontSize: theme.typography.fontSize,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n  },\n  selectedIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    color: theme.palette.common.white,\n    fontSize: theme.typography.fontSize,\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    backgroundColor: color.correct(),\n    borderRadius: '50%',\n    top: theme.spacing.unit * 2,\n    left: theme.spacing.unit,\n    zIndex: 3,\n  },\n  valueHolder: {\n    flex: 1,\n    padding: theme.spacing.unit * 0.75,\n    paddingLeft: theme.spacing.unit * 3.5,\n  },\n}))(MenuItemComp);\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onCheck: PropTypes.func,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    value: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      document: PropTypes.shape({\n        getNextText: PropTypes.func.isRequired,\n      }),\n    }),\n    spellCheck: PropTypes.bool,\n  };\n  clickedInside = false;\n  preventDone = false;\n\n  state = {\n    respAreaMarkup: '',\n    editedChoiceIndex: -1,\n  };\n\n  componentDidMount() {\n    const { node } = this.props;\n\n    const domNode = findSlateNode(node.key);\n\n    if (domNode) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editor = domNode.closest('[data-slate-editor]');\n      const editorRect = editor.getBoundingClientRect();\n      const top = domNodeRect.top - editorRect.top;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 60}px`,\n          left: `${left + 25}px`,\n        },\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = (respAreaMarkup) => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { choices, node, value, onAddChoice, onToolbarDone } = this.props;\n    const { editedChoiceIndex } = this.state;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (editedChoiceIndex >= 0 && choices?.[editedChoiceIndex]?.correct) {\n      const update = { ...node.data.toJSON(), value: val };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.data.get('index'), val, editedChoiceIndex);\n    }\n\n    this.setState({ editedChoiceIndex: -1 });\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, value, onToolbarDone, onSelectChoice } = this.props;\n    const update = { ...node.data.toJSON(), value: newValue };\n    const change = value.change().setNodeByKey(node.key, { data: update });\n\n    const nextText = value.document.getNextText(node.key);\n\n    change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n    onToolbarDone(change, false);\n\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, value, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.data.get('value'))) {\n      const update = { ...node.data.toJSON(), value: null };\n      const change = value.change().setNodeByKey(node.key, { data: update });\n\n      onToolbarDone(change, false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onEditChoice = (val, index) => {\n    this.onRespAreaChange(val);\n    this.setState({ editedChoiceIndex: index });\n  };\n\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      this.preventDone = false;\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 {\n      classes,\n      choices,\n      spellCheck,\n      uploadSoundSupport,\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      responseAreaInputConfiguration = {},\n    } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        className={classes.responseContainer}\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur',\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            onChange={(respAreaMarkup) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onRespAreaChange(respAreaMarkup);\n            }}\n            onDone={(val) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onDone(val);\n            }}\n            onBlur={(e) => {\n              if (!e.relatedTarget) {\n                return;\n              }\n\n              const isInInsertCharacter = !!(e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog'));\n              const isInDoneButton = !!(e.relatedTarget && e.relatedTarget.closest('[aria-label=\"Done\"]'));\n\n              this.preventDone = isInInsertCharacter || isInDoneButton;\n              if (isInInsertCharacter || isInDoneButton) {\n                this.clickedInside = true;\n              }\n              this.onBlur(e);\n            }}\n            placeholder=\"Add Choice\"\n            pluginProps={getPluginProps(responseAreaInputConfiguration?.inputConfiguration, baseInputConfiguration)}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n          />\n          <IconButton\n            className={classes.addButton}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                onEditChoice={() => this.onEditChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles((theme) => ({\n  responseContainer: {\n    boxShadow: theme.shadows[2],\n    borderRadius: '4px',\n    width: '400px',\n  },\n  respArea: {\n    borderRadius: '4px',\n    backgroundColor: theme.palette.common.white,\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  addButton: {\n    fontSize: theme.typography.fontSize + 2,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n    position: 'absolute',\n    top: '50%',\n    right: theme.spacing.unit * 2,\n    transform: 'translate(0, -50%)',\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: theme.spacing.unit / 2,\n    position: 'relative',\n  },\n}))(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}
+{"version":3,"sources":["../src/inline-dropdown-toolbar.jsx"],"names":["MenuItemComp","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","classes","correct","onClick","value","wrapper","selectedIcon","valueHolder","__html","actionButtons","iconButton","onEditClick","onRemoveClick","React","Component","PropTypes","object","isRequired","bool","func","string","MenuItem","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","color","correctSecondary","margin","spacing","unit","fontSize","typography","padding","black","justifyContent","fontStyle","transform","backgroundColor","top","left","zIndex","flex","paddingLeft","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","createElement","innerHTML","trim","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editorRef","finishEditing","val","choices","node","editor","onAddChoice","onToolbarDone","state","onlyText","textContent","commands","updateAttributes","attrs","index","newValue","onSelectChoice","onRespAreaChange","event","preventDone","clickedInside","onCheck","correctResponse","find","choice","length","tr","deleteSelection","view","dispatch","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","domNode","nodeDOM","selection","from","nodeType","domNodeRect","getBoundingClientRect","editorNode","closest","editorRect","height","toolbarStyle","ReactDOM","findDOMNode","spellCheck","uploadSoundSupport","mathMlOptions","baseInputConfiguration","responseAreaInputConfiguration","responseContainer","onClickInside","itemBuilder","ref","respArea","alwaysVisible","showDone","doneOn","onKeyDown","language","onDone","relatedTarget","isInInsertCharacter","isInDoneButton","onBlur","inputConfiguration","addButton","focusInput","choicesHolder","map","label","array","StyledRespAreaToolbar","boxShadow","shadows","width","minHeight","right","flexDirection","border"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\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 { color } from '@pie-lib/render-ui';\n\nimport AddIcon from '@material-ui/icons/Add';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CloseIcon from '@material-ui/icons/Close';\nimport EditIcon from '@material-ui/icons/Edit';\nimport IconButton from '@material-ui/core/IconButton';\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    correct: PropTypes.bool.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onEditChoice: PropTypes.func.isRequired,\n    value: PropTypes.string.isRequired,\n  };\n\n  onRemoveClick = (e) => {\n    const { onRemoveChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onRemoveChoice();\n  };\n\n  onEditClick = (e) => {\n    const { onEditChoice } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    onEditChoice();\n  };\n\n  render() {\n    const { classes, correct, onClick, value } = this.props;\n\n    return (\n      <div className={classes.wrapper}>\n        {correct && (\n          <div className={classes.selectedIcon} onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </div>\n        )}\n        <div\n          className={classnames(classes.valueHolder, { [classes.correct]: correct })}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <div className={classes.actionButtons}>\n          <IconButton className={classes.iconButton} onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </IconButton>\n          <IconButton className={classes.iconButton} onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst MenuItem = withStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    position: 'relative',\n    background: theme.palette.common.white,\n    borderBottom: `1px solid ${theme.palette.grey[400]}`,\n\n    '&:last-child': {\n      borderRadius: '0 0 4px 4px',\n    },\n  },\n  correct: {\n    background: color.correctSecondary(),\n  },\n  actionButtons: {\n    margin: theme.spacing.unit / 2,\n    display: 'flex',\n  },\n  iconButton: {\n    fontSize: theme.typography.fontSize,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n  },\n  selectedIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    color: theme.palette.common.white,\n    fontSize: theme.typography.fontSize,\n    fontStyle: 'normal',\n    position: 'absolute',\n    transform: 'translate(0, -50%)',\n    backgroundColor: color.correct(),\n    borderRadius: '50%',\n    top: theme.spacing.unit * 2,\n    left: theme.spacing.unit,\n    zIndex: 3,\n  },\n  valueHolder: {\n    flex: 1,\n    padding: theme.spacing.unit * 0.75,\n    paddingLeft: theme.spacing.unit * 3.5,\n  },\n}))(MenuItemComp);\n\nconst findSlateNode = (key) => {\n  return window.document.querySelector('[data-key=\"' + key + '\"]');\n};\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class RespAreaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    node: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    onDone: PropTypes.func,\n    choices: PropTypes.array,\n    onAddChoice: PropTypes.func.isRequired,\n    onCheck: PropTypes.func,\n    onRemoveChoice: PropTypes.func.isRequired,\n    onSelectChoice: PropTypes.func.isRequired,\n    onToolbarDone: PropTypes.func.isRequired,\n    editor: PropTypes.object,\n    spellCheck: PropTypes.bool,\n  };\n  clickedInside = false;\n  preventDone = false;\n\n  state = {\n    respAreaMarkup: '',\n    editedChoiceIndex: -1,\n  };\n\n  componentDidMount() {\n    const { editor } = this.props;\n\n    const domNode = editor.view.nodeDOM(editor.state.selection.from);\n\n    if (domNode?.nodeType === 1) {\n      //eslint-disable-next-line\n      const domNodeRect = domNode.getBoundingClientRect();\n      const editorNode = domNode.closest('.tiptap');\n      const editorRect = editorNode.getBoundingClientRect();\n      const top = domNodeRect.top - domNodeRect.height;\n      const left = domNodeRect.left - editorRect.left;\n\n      this.setState({\n        toolbarStyle: {\n          position: 'absolute',\n          top: `${top + domNodeRect.height + 40}px`,\n          left: `${left + 25}px`,\n        },\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onRespAreaChange = (respAreaMarkup) => {\n    this.setState({ respAreaMarkup });\n  };\n\n  onAddChoice = () => {\n    if (this.editorRef) {\n      this.editorRef.finishEditing();\n    }\n  };\n\n  onDone = (val) => {\n    const { choices, node, editor, onAddChoice, onToolbarDone } = this.props;\n    const { editedChoiceIndex } = this.state;\n    const onlyText = createElementFromHTML(val).textContent.trim();\n\n    if (editedChoiceIndex >= 0 && choices?.[editedChoiceIndex]?.correct) {\n      editor.commands.updateAttributes('inline_dropdown', { value: val });\n      onToolbarDone(false);\n    }\n\n    if (!isEmpty(onlyText)) {\n      onAddChoice(node.attrs.index, val, editedChoiceIndex);\n    }\n\n    this.setState({ editedChoiceIndex: -1 });\n  };\n\n  onSelectChoice = (newValue, index) => {\n    const { node, editor, onToolbarDone, onSelectChoice } = this.props;\n\n    editor.commands.updateAttributes('inline_dropdown', { value: newValue });\n\n    // const nextText = value.document.getNextText(node.key);\n    //\n    // change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);\n\n    onToolbarDone(false);\n    onSelectChoice(index);\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, editor, onToolbarDone, onRemoveChoice } = this.props;\n\n    if (isEqual(val, node.attrs.value)) {\n      editor.commands.updateAttributes('explicit_constructed_response', { value: null });\n      onToolbarDone(false);\n    }\n\n    onRemoveChoice(index);\n  };\n\n  onEditChoice = (val, index) => {\n    this.onRespAreaChange(val);\n    this.setState({ editedChoiceIndex: index });\n  };\n\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      this.preventDone = false;\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, editor } = 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 { tr } = editor.state;\n\n        tr.deleteSelection();\n        editor.view.dispatch(tr);\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 {\n      classes,\n      choices,\n      spellCheck,\n      uploadSoundSupport,\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      responseAreaInputConfiguration = {},\n    } = this.props;\n    const { respAreaMarkup, toolbarStyle } = this.state;\n\n    if (!toolbarStyle) {\n      return null;\n    }\n\n    return (\n      <div\n        className={classes.responseContainer}\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <div className={classes.itemBuilder}>\n          <EditableHtml\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\n            className={classes.respArea}\n            toolbarOpts={{\n              position: 'top',\n              alwaysVisible: false,\n              showDone: false,\n              doneOn: 'blur',\n            }}\n            markup={respAreaMarkup}\n            onKeyDown={this.onKeyDown}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            onChange={(respAreaMarkup) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onRespAreaChange(respAreaMarkup);\n            }}\n            onDone={(val) => {\n              if (this.preventDone) {\n                return;\n              }\n\n              this.onDone(val);\n            }}\n            onBlur={(e) => {\n              if (!e.relatedTarget) {\n                return;\n              }\n\n              const isInInsertCharacter = !!(e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog'));\n              const isInDoneButton = !!(e.relatedTarget && e.relatedTarget.closest('[aria-label=\"Done\"]'));\n\n              this.preventDone = isInInsertCharacter || isInDoneButton;\n              if (isInInsertCharacter || isInDoneButton) {\n                this.clickedInside = true;\n              }\n              this.onBlur(e);\n            }}\n            placeholder=\"Add Choice\"\n            pluginProps={getPluginProps(responseAreaInputConfiguration?.inputConfiguration, baseInputConfiguration)}\n            spellCheck={spellCheck}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n          />\n          <IconButton\n            className={classes.addButton}\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n\n        {choices && (\n          <div className={classes.choicesHolder}>\n            {choices.map(({ label, correct }, index) => (\n              <MenuItem\n                key={index}\n                onClick={() => this.onSelectChoice(label, index)}\n                onRemoveChoice={() => this.onRemoveChoice(label, index)}\n                onEditChoice={() => this.onEditChoice(label, index)}\n                value={label}\n                correct={correct}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = withStyles((theme) => ({\n  responseContainer: {\n    boxShadow: theme.shadows[2],\n    borderRadius: '4px',\n    width: '400px',\n  },\n  respArea: {\n    borderRadius: '4px',\n    backgroundColor: theme.palette.common.white,\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: 'initial !important',\n    },\n  },\n  addButton: {\n    fontSize: theme.typography.fontSize + 2,\n    padding: theme.spacing.unit / 2,\n    color: theme.palette.common.black,\n    position: 'absolute',\n    top: '50%',\n    right: theme.spacing.unit * 2,\n    transform: 'translate(0, -50%)',\n  },\n  choicesHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    '& > div:last-child': {\n      border: 'none',\n    },\n  },\n  itemBuilder: {\n    padding: theme.spacing.unit / 2,\n    position: 'relative',\n  },\n}))(RespAreaToolbar);\n\nexport default StyledRespAreaToolbar;\n"],"file":"inline-dropdown-toolbar.js"}

package/configure/lib/main.js

@@ -29,7 +29,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireWildcard(require("@pie-lib/editable-html-tip-tap"));
 
 var _configUi = require("@pie-lib/config-ui");
 
@@ -512,7 +512,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
               }
             }), /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
               className: classes.choiceRationaleHolder
-            }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+            }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
               className: classes.prompt,
               markup: choice.rationale || '',
               spellCheck: spellCheckEnabled,
@@ -556,7 +556,10 @@ var Main = /*#__PURE__*/function (_React$Component) {
       };
 
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
-        extraCSSRules: extraCSSRules,
+        extraCSSRules: {
+          names: ['red', 'blue'],
+          rules: "\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    "
+        },
         dimensions: contentDimensions,
         hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
@@ -576,7 +579,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,
         className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         className: classes.prompt,
         markup: model.teacherInstructions || '',
         onChange: this.onTeacherInstructionsChanged,
@@ -600,7 +603,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       }, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         className: classes.prompt,
         markup: model.prompt,
         onChange: this.onPromptChanged,
@@ -643,32 +646,36 @@ var Main = /*#__PURE__*/function (_React$Component) {
         responseAreaChoicesError: responseAreaChoicesError,
         editableHtmlProps: {
           pluginProps: getPluginProps(template === null || template === void 0 ? void 0 : template.inputConfiguration),
-          activePlugins: _editableHtml.ALL_PLUGINS,
+          activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
           toolbarOpts: {
             position: 'top'
           },
+          extraCSSRules: {
+            names: ['red', 'blue'],
+            rules: "\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    "
+          },
           responseAreaProps: {
             type: 'inline-dropdown',
             options: {
               duplicates: true
             },
             maxResponseAreas: maxResponseAreas,
-            respAreaToolbar: function respAreaToolbar(node, value, onToolbarDone) {
+            respAreaToolbar: function respAreaToolbar(node, 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.attrs.index, index);
                   },
                   onSelectChoice: function onSelectChoice(index) {
-                    return _this2.onSelectChoice(node.data.get('index'), index);
+                    return _this2.onSelectChoice(node.attrs.index, index);
                   },
                   node: node,
-                  value: value,
+                  editor: editor,
                   onToolbarDone: onToolbarDone,
-                  choices: respAreaChoices[node.data.get('index')],
+                  choices: respAreaChoices[node.attrs.index],
                   spellCheck: spellCheckEnabled,
                   uploadSoundSupport: uploadSoundSupport,
                   mathMlOptions: mathMlOptions,
@@ -698,7 +705,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       }), choiceRationaleEnabled && renderChoiceRationale(), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], {
         className: classes.prompt,
         markup: model.rationale || '',
         onChange: this.onRationaleChanged,

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","dropdown","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","choiceRationaleHolder","markup","minHeight","choiceConfiguration","paddingBottom","text","fontSize","typography","marginRight","rationaleLabel","display","alignItems","whiteSpace","color","disabled","padding","lineHeight","rationaleChoices","panelDetails","flexContainer","tooltip","maxWidth","errorText","palette","error","main","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","warning","open","newVal","props","onModelChanged","model","prompt","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","value","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","choiceIndex","maxResponseAreaChoices","configuration","undefined","r","idx","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","choiceRationale","contentDimensions","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","template","withRubric","mathMlOptions","language","languageChoices","responseAreaInputConfiguration","choiceRationaleEnabled","errors","extraCSSRules","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","responseAreasError","responseAreaChoicesError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","enabled","options","panelProperties","rubricEnabled","getPluginProps","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","pluginProps","activePlugins","ALL_PLUGINS","responseAreaProps","type","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","className","onChange","disableImageAlignmentButtons","highlightShape","languageCharactersProps","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\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';\n\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\nimport ResponseAreaComponent from './response-area';\n\nconst { toggle, Panel, dropdown } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  choiceRationaleHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit / 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '100px',\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'break-spaces',\n    color: color.disabled(),\n    padding: 0,\n    fontSize: theme.typography.fontSize - 2,\n    lineHeight: 1,\n  },\n  rationaleChoices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  panelDetails: {\n    display: 'block',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label, choiceIndex) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    // check for duplicate answer, but exclude the one that is currently edited\n    if ((respAreaChoices[index] || []).find((r, idx) => r.label === label && idx !== choiceIndex)) {\n      // show warning for duplicated answers\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (choiceIndex >= 0 && respAreaChoices[index]?.[choiceIndex]) {\n      // we need to update the choice label with the new value\n      respAreaChoices[index][choiceIndex].label = label;\n    } else {\n      // add a new choice\n      const value =\n        (respAreaChoices[index] &&\n          max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n        0;\n\n      respAreaChoices[index].push({\n        label,\n        value: `${value + 1}`,\n        correct: false,\n      });\n    }\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceRationale = {},\n      contentDimensions = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      template = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      responseAreaInputConfiguration = {},\n    } = configuration || {};\n\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      extraCSSRules,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      responseAreaChoicesError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <React.Fragment key={choice.label}>\n                  <span\n                    className={classes.rationaleLabel}\n                    dangerouslySetInnerHTML={{\n                      __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                    }}\n                  />\n                  <InputContainer className={classes.choiceRationaleHolder}>\n                    <EditableHtml\n                      className={classes.prompt}\n                      markup={choice.rationale || ''}\n                      spellCheck={spellCheckEnabled}\n                      onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                      imageSupport={imageSupport}\n                      maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                      maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                      uploadSoundSupport={uploadSoundSupport}\n                      mathMlOptions={mathMlOptions}\n                    />\n                  </InputContainer>\n                </React.Fragment>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text} component={'div'}>\n            Define Template, Choices, and Correct Responses\n          </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        <ResponseAreaComponent\n          responseAreasError={responseAreasError}\n          responseAreaChoicesError={responseAreaChoicesError}\n          editableHtmlProps={{\n            pluginProps: getPluginProps(template?.inputConfiguration),\n            activePlugins: ALL_PLUGINS,\n            toolbarOpts: { position: 'top' },\n            responseAreaProps: {\n              type: 'inline-dropdown',\n              options: {\n                duplicates: true,\n              },\n              maxResponseAreas: maxResponseAreas,\n              respAreaToolbar: (node, value, onToolbarDone) => {\n                const { respAreaChoices } = this.state;\n\n                return () => (\n                  <InlineDropdownToolbar\n                    onAddChoice={this.onAddChoice}\n                    onCheck={this.onCheck}\n                    onRemoveChoice={(index) => this.onRemoveChoice(node.data.get('index'), index)}\n                    onSelectChoice={(index) => this.onSelectChoice(node.data.get('index'), index)}\n                    node={node}\n                    value={value}\n                    onToolbarDone={onToolbarDone}\n                    choices={respAreaChoices[node.data.get('index')]}\n                    spellCheck={spellCheckEnabled}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                    baseInputConfiguration={baseInputConfiguration}\n                    responseAreaInputConfiguration={responseAreaInputConfiguration}\n                  />\n                );\n              },\n            },\n            spellCheck: spellCheckEnabled,\n            className: classes.markup,\n            markup: model.slateMarkup || '',\n            onChange: this.onChange,\n            imageSupport: imageSupport,\n            disableImageAlignmentButtons: true,\n            disabled: false,\n            highlightShape: false,\n            error: responseAreasError,\n            uploadSoundSupport: uploadSoundSupport,\n            languageCharactersProps: [{ language: 'spanish' }, { language: 'special' }],\n            mathMlOptions: mathMlOptions,\n          }}\n        />\n\n        {choiceRationaleEnabled && renderChoiceRationale()}\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onClose={warning.onClose}\n          onConfirm={warning.onConfirm}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","dropdown","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","choiceRationaleHolder","markup","minHeight","choiceConfiguration","paddingBottom","text","fontSize","typography","marginRight","rationaleLabel","display","alignItems","whiteSpace","color","disabled","padding","lineHeight","rationaleChoices","panelDetails","flexContainer","tooltip","maxWidth","errorText","palette","error","main","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","warning","open","newVal","props","onModelChanged","model","prompt","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","value","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","choiceIndex","maxResponseAreaChoices","configuration","undefined","r","idx","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","choiceRationale","contentDimensions","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","template","withRubric","mathMlOptions","language","languageChoices","responseAreaInputConfiguration","choiceRationaleEnabled","errors","extraCSSRules","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","responseAreasError","responseAreaChoicesError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","enabled","options","panelProperties","rubricEnabled","getPluginProps","names","rules","Settings","Properties","onTeacherInstructionsChanged","inputConfiguration","onPromptChanged","pluginProps","activePlugins","ALL_PLUGINS","responseAreaProps","type","duplicates","respAreaToolbar","node","editor","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","attrs","onSelectChoice","className","onChange","disableImageAlignmentButtons","highlightShape","languageCharactersProps","onRationaleChanged","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;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAQA,MAAR,GAAoCC,kBAApC,CAAQD,MAAR;AAAA,IAAgBE,KAAhB,GAAoCD,kBAApC,CAAgBC,KAAhB;AAAA,IAAuBC,QAAvB,GAAoCF,kBAApC,CAAuBE,QAAvB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFrB;AAGZC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHvB,KADW;AAMzBE,IAAAA,qBAAqB,EAAE;AACrBL,MAAAA,KAAK,EAAE,MADc;AAErBC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAFZ;AAGrBC,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAHd,KANE;AAWzBG,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE,OADL;AAENP,MAAAA,KAAK,EAAE,MAFD;AAGN,sCAAgC;AAC9BO,QAAAA,SAAS,EAAE;AADmB;AAH1B,KAXiB;AAkBzBC,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CADd;AAEnBM,MAAAA,aAAa,EAAEX,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAFjB,KAlBI;AAsBzBO,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAEb,KAAK,CAACc,UAAN,CAAiBD,QAAjB,GAA4B,CADlC;AAEJE,MAAAA,WAAW,EAAEf,KAAK,CAACI,OAAN,CAAcC;AAFvB,KAtBmB;AA0BzBW,IAAAA,cAAc,EAAE;AACdC,MAAAA,OAAO,EAAE,MADK;AAEdC,MAAAA,UAAU,EAAE,QAFE;AAGdC,MAAAA,UAAU,EAAE,cAHE;AAIdC,MAAAA,KAAK,EAAEA,gBAAMC,QAAN,EAJO;AAKdC,MAAAA,OAAO,EAAE,CALK;AAMdT,MAAAA,QAAQ,EAAEb,KAAK,CAACc,UAAN,CAAiBD,QAAjB,GAA4B,CANxB;AAOdU,MAAAA,UAAU,EAAE;AAPE,KA1BS;AAmCzBC,IAAAA,gBAAgB,EAAE;AAChBlB,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AADnB,KAnCO;AAsCzBoB,IAAAA,YAAY,EAAE;AACZR,MAAAA,OAAO,EAAE,OADG;AAEZd,MAAAA,UAAU,EAAE,CAFA;AAGZQ,MAAAA,aAAa,EAAE;AAHH,KAtCW;AA2CzBe,IAAAA,aAAa,EAAE;AACbT,MAAAA,OAAO,EAAE,MADI;AAEbC,MAAAA,UAAU,EAAE,QAFC;AAGbZ,MAAAA,YAAY,EAAEN,KAAK,CAACI,OAAN,CAAcC;AAHf,KA3CU;AAgDzBsB,IAAAA,OAAO,EAAE;AACPd,MAAAA,QAAQ,EAAEb,KAAK,CAACc,UAAN,CAAiBD,QAAjB,GAA4B,CAD/B;AAEPM,MAAAA,UAAU,EAAE,KAFL;AAGPS,MAAAA,QAAQ,EAAE;AAHH,KAhDgB;AAqDzBC,IAAAA,SAAS,EAAE;AACThB,MAAAA,QAAQ,EAAEb,KAAK,CAACc,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETO,MAAAA,KAAK,EAAEpB,KAAK,CAAC8B,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGT7B,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAHjB;AArDc,GAAZ;AAAA,CAAf;;AA4DA,IAAM4B,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,UAAD,EAAgB;AAC5C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAZ;AAEAF,EAAAA,GAAG,CAACG,SAAJ,GAAgB,CAACJ,UAAU,IAAI,EAAf,EAAmBK,IAAnB,EAAhB;AAEA,SAAOJ,GAAP;AACD,CAND;;IAQaK,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,UAACI,MAAD,EAAY;AAC5B,YAAKC,aAAL,CAAmB;AAAED,QAAAA,MAAM,EAANA;AAAF,OAAnB;AACD,K;2GAEoB,UAACE,SAAD,EAAe;AAClC,YAAKD,aAAL,CAAmB;AAAEC,QAAAA,SAAS,EAATA;AAAF,OAAnB;AACD,K;iHAE0B,UAACC,KAAD,EAAQC,MAAR,EAAmB;AAC5C,UAAQL,KAAR,GAAkB,MAAKF,KAAvB,CAAQE,KAAR;AACA,UAAMM,aAAa,GACjBN,KAAK,CAACO,OAAN,IACAP,KAAK,CAACO,OAAN,CAAcH,KAAd,CADA,IAEAJ,KAAK,CAACO,OAAN,CAAcH,KAAd,EAAqBI,SAArB,CAA+B,UAACC,IAAD;AAAA,eAAUA,IAAI,CAACC,KAAL,KAAeL,MAAM,CAACK,KAAtB,IAA+BD,IAAI,CAACE,KAAL,KAAeN,MAAM,CAACM,KAA/D;AAAA,OAA/B,CAHF;AAKAX,MAAAA,KAAK,CAACO,OAAN,CAAcH,KAAd,KAAwBJ,KAAK,CAACO,OAAN,CAAcH,KAAd,EAAqBQ,MAArB,CAA4BN,aAA5B,EAA2C,CAA3C,EAA8CD,MAA9C,CAAxB;;AAEA,YAAKH,aAAL,CAAmBF,KAAnB;AACD,K;qHAE8B,UAACa,mBAAD,EAAyB;AACtD,YAAKX,aAAL,CAAmB;AAAEW,QAAAA,mBAAmB,EAAnBA;AAAF,OAAnB;AACD,K;wGAEiB,UAACC,WAAD,EAAiB;AACjC,YAAKZ,aAAL,CAAmB;AAAEY,QAAAA,WAAW,EAAXA;AAAF,OAAnB;AACD,K;gGAES,UAACC,QAAD,EAAc;AACtB,YAAKC,QAAL,CAAc;AACZrB,QAAAA,OAAO,EAAE;AACPC,UAAAA,IAAI,EAAE,IADC;AAEP9B,UAAAA,IAAI,EAAE,mFAFC;AAGPmD,UAAAA,OAAO,EAAE,mBAAM;AACb,kBAAKD,QAAL,CAAc;AAAErB,cAAAA,OAAO,EAAE;AAAEC,gBAAAA,IAAI,EAAE;AAAR;AAAX,aAAd;AACD,WALM;AAMPsB,UAAAA,SAAS,EAAE,qBAAM;AACf,kBAAKF,QAAL,CAAc;AAAErB,cAAAA,OAAO,EAAE;AAAEC,gBAAAA,IAAI,EAAE;AAAR;AAAX,aAAd,EAA4CmB,QAA5C;AACD;AARM;AADG,OAAd;AAYD,K;iGAEU,UAACrD,MAAD,EAAY;AACrB,UAAQyD,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AACA,UAAME,SAAS,GAAGlC,qBAAqB,CAACzB,MAAD,CAAvC;AACA,UAAM4D,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,CAAWvB,KAAZ,CAAV,GAA+BsB,EAAE,CAACC,OAAH,CAAWhB,KAAX,IAAoB,EAAnD;AACD,OAFD;AAIA,UAAMiB,uBAAuB,GAAG,wBAC9BT,eAD8B,EAE9B,UAACU,GAAD,EAAMtB,OAAN,EAAeuB,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,EAAKtB,KAAL,EAAe;AAClC,YAAM6B,UAAU,GAAGL,uBAAuB,CAACF,EAAE,CAACC,OAAH,CAAWvB,KAAZ,CAAvB,IAA6C,EAAhE;;AAEA,YAAI6B,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,CAAC3B,KAAD,CAAlB,GAA4BwB,uBAAuB,CAACF,EAAE,CAACC,OAAH,CAAWvB,KAAZ,CAAvB,IAA6C,EAAzE;AACAsB,UAAAA,EAAE,CAACC,OAAH,CAAWvB,KAAX,GAAmBA,KAAnB;AACD;AACF,OAVD;;AAYA,UAAI4B,UAAJ,EAAgB;AACd,cAAKhB,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEP9B,YAAAA,IAAI,EAAE,mFAFC;AAGPmD,YAAAA,OAAO,EAAE,mBAAM;AACb,oBAAKD,QAAL,CAAc;AAAErB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD,aALM;AAMPsB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAErB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd,EAA4C;AAAA,uBAC1C,MAAKM,aAAL,CAAmB;AACjBK,kBAAAA,OAAO,EAAE,2BAAUwB,kBAAV,CADQ;AAEjBjB,kBAAAA,WAAW,EAAEO,SAAS,CAAC7B;AAFN,iBAAnB,CAD0C;AAAA,eAA5C;AAMD;AAbM;AADG,SAAd;AAiBD,OAlBD,MAkBO;AACL,cAAKU,aAAL,CAAmB;AACjBK,UAAAA,OAAO,EAAE,2BAAUwB,kBAAV,CADQ;AAEjBjB,UAAAA,WAAW,EAAEO,SAAS,CAAC7B;AAFN,SAAnB;AAID;AACF,K;oGAEa,UAACY,KAAD,EAAQM,KAAR,EAAe6B,WAAf,EAA+B;AAAA;;AAC3C,UAAQpB,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AACA,UAAQqB,sBAAR,GAAmC,MAAK1C,KAAL,CAAW2C,aAA9C,CAAQD,sBAAR;;AAEA,UAAIrB,eAAe,CAACf,KAAD,CAAf,IAA0Be,eAAe,CAACf,KAAD,CAAf,CAAuB8B,MAAvB,IAAiCM,sBAA/D,EAAuF;AACrF,cAAKxB,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEP9B,YAAAA,IAAI,2BAAoB0E,sBAApB,iCAFG;AAGPvB,YAAAA,OAAO,EAAEyB,SAHF;AAIPxB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAErB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD;AANM;AADG,SAAd;;AAWA;AACD;;AAED,UAAI,CAACuB,eAAe,CAACf,KAAD,CAApB,EAA6B;AAC3Be,QAAAA,eAAe,CAACf,KAAD,CAAf,GAAyB,EAAzB;AACD,OArB0C,CAuB3C;;;AACA,UAAI,CAACe,eAAe,CAACf,KAAD,CAAf,IAA0B,EAA3B,EAA+B+B,IAA/B,CAAoC,UAACQ,CAAD,EAAIC,GAAJ;AAAA,eAAYD,CAAC,CAACjC,KAAF,KAAYA,KAAZ,IAAqBkC,GAAG,KAAKL,WAAzC;AAAA,OAApC,CAAJ,EAA+F;AAC7F;AACA,cAAKvB,QAAL,CAAc;AACZrB,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,IADC;AAEP9B,YAAAA,IAAI,EAAE,oCAFC;AAGPmD,YAAAA,OAAO,EAAEyB,SAHF;AAIPxB,YAAAA,SAAS,EAAE,qBAAM;AACf,oBAAKF,QAAL,CAAc;AAAErB,gBAAAA,OAAO,EAAE;AAAEC,kBAAAA,IAAI,EAAE;AAAR;AAAX,eAAd;AACD;AANM;AADG,SAAd;;AAWA;AACD;;AAED,UAAI2C,WAAW,IAAI,CAAf,6BAAoBpB,eAAe,CAACf,KAAD,CAAnC,kDAAoB,sBAAyBmC,WAAzB,CAAxB,EAA+D;AAC7D;AACApB,QAAAA,eAAe,CAACf,KAAD,CAAf,CAAuBmC,WAAvB,EAAoC7B,KAApC,GAA4CA,KAA5C;AACD,OAHD,MAGO;AACL;AACA,YAAMC,KAAK,GACRQ,eAAe,CAACf,KAAD,CAAf,IACC,qBAAIe,eAAe,CAACf,KAAD,CAAf,CAAuByC,GAAvB,CAA2B,UAACT,CAAD;AAAA,iBAAOU,QAAQ,CAACV,CAAC,CAACzB,KAAH,CAAf;AAAA,SAA3B,EAAqDoC,MAArD,CAA4D,UAACC,GAAD;AAAA,iBAAS,CAACC,KAAK,CAACD,GAAD,CAAf;AAAA,SAA5D,CAAJ,CADF,IAEA,CAHF;AAKA7B,QAAAA,eAAe,CAACf,KAAD,CAAf,CAAuB8C,IAAvB,CAA4B;AAC1BxC,UAAAA,KAAK,EAALA,KAD0B;AAE1BC,UAAAA,KAAK,YAAKA,KAAK,GAAG,CAAb,CAFqB;AAG1B0B,UAAAA,OAAO,EAAE;AAHiB,SAA5B;AAKD;;AAED,YAAKnC,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUY,eAAV;AAAX,OAAnB;AACD,K;uGAEgB,UAACgC,SAAD,EAAY/C,KAAZ,EAAsB;AACrC,UAAQe,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AAEAA,MAAAA,eAAe,CAACgC,SAAD,CAAf,CAA2BvC,MAA3B,CAAkCR,KAAlC,EAAyC,CAAzC;;AAEA,YAAKF,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUY,eAAV;AAAX,OAAnB;AACD,K;uGAEgB,UAACgC,SAAD,EAAYC,aAAZ,EAA8B;AAC7C,UAAQjC,eAAR,GAA4B,MAAKC,KAAjC,CAAQD,eAAR;AAEAA,MAAAA,eAAe,CAACgC,SAAD,CAAf,GAA6BhC,eAAe,CAACgC,SAAD,CAAf,CAA2BN,GAA3B,CAA+B,UAACxC,MAAD,EAASD,KAAT;AAAA,+CACvDC,MADuD;AAE1DgC,UAAAA,OAAO,EAAEjC,KAAK,KAAKgD;AAFuC;AAAA,OAA/B,CAA7B;;AAKA,YAAKlD,aAAL,CAAmB;AAAEK,QAAAA,OAAO,EAAE,2BAAUY,eAAV;AAAX,OAAnB;AACD,K;;;;;;WAzND,6BAAoB;AAClB,UACWZ,OADX,GAEI,KAAKT,KAFT,CACEE,KADF,CACWO,OADX;AAIA,WAAKS,QAAL,CAAc;AAAEG,QAAAA,eAAe,EAAE,2BAAUZ,OAAV;AAAnB,OAAd;AACD;;;WAED,0CAAiC8C,MAAjC,EAAyC;AACvC,UAAMC,QAAQ,GAAG,EAAjB;;AAEA,UACE,CAAC,yBAAQD,MAAM,CAACrD,KAAP,CAAaO,OAArB,EAA8B,KAAKT,KAAL,CAAWE,KAAX,CAAiBO,OAA/C,CAAD,IACA,CAAC,yBAAQ8C,MAAM,CAACrD,KAAP,CAAaO,OAArB,EAA8B,KAAKa,KAAL,CAAWD,eAAzC,CAFH,EAGE;AACAmC,QAAAA,QAAQ,CAACnC,eAAT,GAA2B,2BAAUkC,MAAM,CAACrD,KAAP,CAAaO,OAAvB,CAA3B;AACD;;AAED,UAAI,CAAC,yBAAQ+C,QAAR,CAAL,EAAwB;AACtB,aAAKtC,QAAL,CAAcsC,QAAd;AACD;AACF;;;WAED,8BAAqB;AACnB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,CAAqB,IAArB,CAAhB;;AAEA,qCAAWF,OAAX;AACD;;;WA+LD,kBAAS;AAAA;;AACP,UAAQ5D,OAAR,GAAoB,KAAKyB,KAAzB,CAAQzB,OAAR;AACA,wBAAoG,KAAKG,KAAzG;AAAA,UAAQ4D,OAAR,eAAQA,OAAR;AAAA,UAAiB1D,KAAjB,eAAiBA,KAAjB;AAAA,UAAwByC,aAAxB,eAAwBA,aAAxB;AAAA,UAAuCkB,sBAAvC,eAAuCA,sBAAvC;AAAA,UAA+DC,YAA/D,eAA+DA,YAA/D;AAAA,UAA6EC,kBAA7E,eAA6EA,kBAA7E;;AACA,iBAoBIpB,aAAa,IAAI,EApBrB;AAAA,uCACEqB,sBADF;AAAA,UACEA,sBADF,sCAC2B,EAD3B;AAAA,sCAEEC,eAFF;AAAA,UAEEA,eAFF,qCAEoB,EAFpB;AAAA,uCAGEC,iBAHF;AAAA,UAGEA,iBAHF,sCAGsB,EAHtB;AAAA,sCAIEC,eAJF;AAAA,UAIEA,eAJF,qCAIoB,EAJpB;AAAA,UAKEC,gBALF,QAKEA,gBALF;AAAA,oCAMEC,aANF;AAAA,UAMEA,aANF,mCAMkB,EANlB;AAAA,qCAOEC,cAPF;AAAA,UAOEA,cAPF,oCAOmB,EAPnB;AAAA,qCAQEC,cARF;AAAA,UAQEA,cARF,oCAQmB,EARnB;AAAA,6BASEpE,MATF;AAAA,UASEA,MATF,4BASW,EATX;AAAA,gCAUEE,SAVF;AAAA,UAUEA,SAVF,+BAUc,EAVd;AAAA,UAWEmE,qBAXF,QAWEA,qBAXF;AAAA,iCAYEC,UAZF;AAAA,UAYEA,UAZF,gCAYe,EAZf;AAAA,uCAaE1D,mBAbF;AAAA,UAaEA,mBAbF,sCAawB,EAbxB;AAAA,+BAcE2D,QAdF;AAAA,UAcEA,QAdF,8BAca,EAdb;AAAA,iCAeEC,UAfF;AAAA,UAeEA,UAfF,gCAee,EAff;AAAA,oCAgBEC,aAhBF;AAAA,UAgBEA,aAhBF,mCAgBkB,EAhBlB;AAAA,+BAiBEC,QAjBF;AAAA,UAiBEA,QAjBF,8BAiBa,EAjBb;AAAA,sCAkBEC,eAlBF;AAAA,UAkBEA,eAlBF,qCAkBoB,EAlBpB;AAAA,uCAmBEC,8BAnBF;AAAA,UAmBEA,8BAnBF,sCAmBmC,EAnBnC;;AAsBA,kBAUI7E,KAAK,IAAI,EAVb;AAAA,UACE8E,sBADF,SACEA,sBADF;AAAA,UAEEvE,OAFF,SAEEA,OAFF;AAAA,UAGEwE,MAHF,SAGEA,MAHF;AAAA,UAIEC,aAJF,SAIEA,aAJF;AAAA,UAKEC,aALF,SAKEA,aALF;AAAA,UAMEC,gBANF,SAMEA,gBANF;AAAA,UAOEC,iBAPF,SAOEA,iBAPF;AAAA,UAQEC,0BARF,SAQEA,0BARF;AAAA,UASEC,qBATF,SASEA,qBATF;;AAWA,kBAMIN,MAAM,IAAI,EANd;AAAA,UACUO,WADV,SACErF,MADF;AAAA,UAEasF,cAFb,SAEEpF,SAFF;AAAA,UAGEqF,kBAHF,SAGEA,kBAHF;AAAA,UAIEC,wBAJF,SAIEA,wBAJF;AAAA,UAKuBC,wBALvB,SAKE7E,mBALF;;AAQA,UAAM8E,oBAAoB,GAAGxB,aAAa,IAAIA,aAAa,CAAClE,MAA5D;AACA,UAAM2F,qBAAqB,GAAGxB,cAAc,IAAIA,cAAc,CAACnE,MAA/D;;AAEA,UAAM4F,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,eAC5B,CAACC,MAAM,CAACC,IAAP,CAAYxF,OAAZ,KAAwB,EAAzB,EAA6BsC,GAA7B,CAAiC,UAACf,GAAD,EAAM1B,KAAN;AAAA,8BAC/B;AAAK,YAAA,GAAG,EAAE0B,GAAV;AAAe,YAAA,SAAS,EAAE4B,OAAO,CAAChF;AAAlC,0BACE,gCAAC,0BAAD,qBACE,gCAAC,iCAAD;AAAuB,YAAA,UAAU,eAAE,gCAAC,sBAAD;AAAnC,0BACE,gCAAC,sBAAD;AAAY,YAAA,SAAS,EAAEgF,OAAO,CAAC5F;AAA/B,oDAAsEsC,KAAK,GAAG,CAA9E,EADF,CADF,eAKE,gCAAC,iCAAD;AAAuB,YAAA,SAAS,EAAEsD,OAAO,CAAC/E;AAA1C,aACG,CAAC4B,OAAO,CAACuB,GAAD,CAAP,IAAgB,EAAjB,EAAqBe,GAArB,CAAyB,UAACxC,MAAD;AAAA,gCACxB,gCAAC,iBAAD,CAAO,QAAP;AAAgB,cAAA,GAAG,EAAEA,MAAM,CAACK;AAA5B,4BACE;AACE,cAAA,SAAS,EAAEgD,OAAO,CAACxF,cADrB;AAEE,cAAA,uBAAuB,EAAE;AACvB8H,gBAAAA,MAAM,YAAK7F,SAAS,CAACO,KAAf,kBAA4BL,MAAM,CAACK,KAAnC,eAA6CL,MAAM,CAACgC,OAAP,GAAiB,SAAjB,GAA6B,WAA1E;AADiB;AAF3B,cADF,eAOE,gCAAC,wBAAD;AAAgB,cAAA,SAAS,EAAEqB,OAAO,CAACjG;AAAnC,4BACE,gCAAC,8BAAD;AACE,cAAA,SAAS,EAAEiG,OAAO,CAACzD,MADrB;AAEE,cAAA,MAAM,EAAEI,MAAM,CAACF,SAAP,IAAoB,EAF9B;AAGE,cAAA,UAAU,EAAEgF,iBAHd;AAIE,cAAA,QAAQ,EAAE,kBAAC/C,CAAD;AAAA,uBAAO,MAAI,CAAC6D,wBAAL,CAA8BnE,GAA9B,kCAAwCzB,MAAxC;AAAgDF,kBAAAA,SAAS,EAAEiC;AAA3D,mBAAP;AAAA,eAJZ;AAKE,cAAA,YAAY,EAAEwB,YALhB;AAME,cAAA,aAAa,EAAGO,aAAa,IAAIA,aAAa,CAAChE,SAAhC,IAA8CwF,oBAN/D;AAOE,cAAA,cAAc,EAAGvB,cAAc,IAAIA,cAAc,CAACjE,SAAlC,IAAgDyF,qBAPlE;AAQE,cAAA,kBAAkB,EAAE/B,kBARtB;AASE,cAAA,aAAa,EAAEa;AATjB,cADF,CAPF,CADwB;AAAA,WAAzB,CADH,CALF,CADF,CAD+B;AAAA,SAAjC,CAD4B;AAAA,OAA9B;;AAqCA,UAAMwB,WAAW,GAAG;AAClBC,QAAAA,QAAQ,EAAEd,qBAAqB,KAAK,KAA1B,GAAkC,KAAlC,GAA0C;AADlC,OAApB;AAIA,UAAMe,iBAAiB,GAAG,sCAA0B3D,aAA1B,CAA1B;AAEA,UAAM4D,aAAa,GAAG;AACpBhC,QAAAA,cAAc,EAAEA,cAAc,CAACvH,QAAf,IAA2BD,MAAM,CAACwH,cAAc,CAAC3D,KAAhB,CAD7B;AAEpBuD,QAAAA,eAAe,EAAEA,eAAe,CAACnH,QAAhB,IAA4BD,MAAM,CAACoH,eAAe,CAACvD,KAAjB,CAF/B;AAGpB,4BAAoBiE,QAAQ,CAAC7H,QAAT,IAAqBD,MAAM,CAAC8H,QAAQ,CAACjE,KAAV,EAAiB,IAAjB,CAH3B;AAIpBiE,QAAAA,QAAQ,EAAEA,QAAQ,CAAC7H,QAAT,IAAqB6H,QAAQ,CAAC2B,OAA9B,IAAyCtJ,QAAQ,CAAC4H,eAAe,CAAClE,KAAjB,EAAwBkE,eAAe,CAAC2B,OAAxC;AAJvC,OAAtB;AAMA,UAAMC,eAAe,GAAG;AACtBpB,QAAAA,0BAA0B,EAAEvE,mBAAmB,CAAC/D,QAApB,IAAgCD,MAAM,CAACgE,mBAAmB,CAACH,KAArB,CAD5C;AAEtBwE,QAAAA,gBAAgB,EAAE/E,SAAS,CAACrD,QAAV,IAAsBD,MAAM,CAACsD,SAAS,CAACO,KAAX,CAFxB;AAGtBoE,QAAAA,sBAAsB,EAAEf,eAAe,CAACjH,QAAhB,IAA4BD,MAAM,CAACkH,eAAe,CAACrD,KAAjB,CAHpC;AAItBuE,QAAAA,aAAa,EAAEhF,MAAM,CAACnD,QAAP,IAAmBD,MAAM,CAACoD,MAAM,CAACS,KAAR,CAJlB;AAKtByE,QAAAA,iBAAiB,EAAEZ,UAAU,CAACzH,QAAX,IAAuBD,MAAM,CAAC0H,UAAU,CAAC7D,KAAZ,CAL1B;AAMtB+F,QAAAA,aAAa,EAAE,CAAAhC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAE3H,QAAZ,KAAwBD,MAAM,CAAC4H,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAE/D,KAAb;AANvB,OAAxB;;AASA,UAAMgG,cAAc,GAAG,SAAjBA,cAAiB;AAAA,YAAC5G,KAAD,uEAAS,EAAT;AAAA,+CAClBgE,sBADkB,GAElBhE,KAFkB;AAAA,OAAvB;;AAKA,0BACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,aAAa,EAAE;AACb6G,UAAAA,KAAK,EAAE,CAAC,KAAD,EAAQ,MAAR,CADM;AAEbC,UAAAA,KAAK;AAFQ,SADjB;AAaE,QAAA,UAAU,EAAE5C,iBAbd;AAcE,QAAA,YAAY,EAAEM,qBAdhB;AAeE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEtE,KADT;AAEE,UAAA,aAAa,EAAEyC,aAFjB;AAGE,UAAA,aAAa,EAAE,uBAACzC,KAAD;AAAA,mBAAW,MAAI,CAACE,aAAL,CAAmBF,KAAnB,CAAX;AAAA,WAHjB;AAIE,UAAA,qBAAqB,EAAE,+BAACyC,aAAD;AAAA,mBAAmBkB,sBAAsB,CAAClB,aAAD,EAAgB,IAAhB,CAAzC;AAAA,WAJzB;AAKE,UAAA,MAAM,EAAE;AACNoE,YAAAA,QAAQ,EAAER,aADJ;AAENS,YAAAA,UAAU,EAAEN;AAFN;AALV;AAhBJ,SA4BGpB,0BAA0B,iBACzB,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEvE,mBAAmB,CAACH,KAA3C;AAAkD,QAAA,SAAS,EAAEgD,OAAO,CAACvG;AAArE,sBACE,gCAAC,8BAAD;AACE,QAAA,SAAS,EAAEuG,OAAO,CAACzD,MADrB;AAEE,QAAA,MAAM,EAAED,KAAK,CAACa,mBAAN,IAA6B,EAFvC;AAGE,QAAA,QAAQ,EAAE,KAAKkG,4BAHjB;AAIE,QAAA,YAAY,EAAEnD,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,KAAK,EAAE8B,wBANT;AAOE,QAAA,WAAW,EAAEQ,WAPf;AAQE,QAAA,WAAW,EAAEQ,cAAc,CAAC7F,mBAAD,aAACA,mBAAD,uBAACA,mBAAmB,CAAEmG,kBAAtB,CAR7B;AASE,QAAA,UAAU,EAAE7B,iBATd;AAUE,QAAA,aAAa,EAAGhB,aAAa,IAAIA,aAAa,CAACtD,mBAAhC,IAAwD8E,oBAVzE;AAWE,QAAA,cAAc,EAAGvB,cAAc,IAAIA,cAAc,CAACvD,mBAAlC,IAA0D+E,qBAX5E;AAYE,QAAA,kBAAkB,EAAE/B,kBAZtB;AAaE,QAAA,uBAAuB,EAAE,CAAC;AAAEc,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAb3B;AAcE,QAAA,aAAa,EAAED;AAdjB,QADF,EAiBGgB,wBAAwB,iBAAI;AAAK,QAAA,SAAS,EAAEhC,OAAO,CAAC3E;AAAxB,SAAoC2G,wBAApC,CAjB/B,CA7BJ,EAkDGT,aAAa,iBACZ,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEhF,MAAM,CAACS,KAA9B;AAAqC,QAAA,SAAS,EAAEgD,OAAO,CAACvG;AAAxD,sBACE,gCAAC,8BAAD;AACE,QAAA,SAAS,EAAEuG,OAAO,CAACzD,MADrB;AAEE,QAAA,MAAM,EAAED,KAAK,CAACC,MAFhB;AAGE,QAAA,QAAQ,EAAE,KAAKgH,eAHjB;AAIE,QAAA,YAAY,EAAErD,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,gBAAgB,MANlB;AAOE,QAAA,KAAK,EAAE0B,WAPT;AAQE,QAAA,WAAW,EAAEY,WARf;AASE,QAAA,WAAW,EAAEQ,cAAc,CAACzG,MAAD,aAACA,MAAD,uBAACA,MAAM,CAAE+G,kBAAT,CAT7B;AAUE,QAAA,UAAU,EAAE7B,iBAVd;AAWE,QAAA,aAAa,EAAEQ,oBAXjB;AAYE,QAAA,cAAc,EAAEC,qBAZlB;AAaE,QAAA,kBAAkB,EAAE/B,kBAbtB;AAcE,QAAA,uBAAuB,EAAE,CAAC;AAAEc,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAd3B;AAeE,QAAA,aAAa,EAAED;AAfjB,QADF,EAkBGY,WAAW,iBAAI;AAAK,QAAA,SAAS,EAAE5B,OAAO,CAAC3E;AAAxB,SAAoCuG,WAApC,CAlBlB,CAnDJ,eAyEE;AAAK,QAAA,SAAS,EAAE5B,OAAO,CAAC9E;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAE8E,OAAO,CAAC5F,IAA/B;AAAqC,QAAA,SAAS,EAAE;AAAhD,2DADF,eAIE,gCAAC,mBAAD;AACE,QAAA,OAAO,EAAE;AAAEe,UAAAA,OAAO,EAAE6E,OAAO,CAAC7E;AAAnB,SADX;AAEE,QAAA,oBAAoB,MAFtB;AAGE,QAAA,oBAAoB,MAHtB;AAIE,QAAA,SAAS,EAAE,OAJb;AAKE,QAAA,KAAK,EAAEuH;AALT,sBAOE,gCAAC,gBAAD;AAAM,QAAA,QAAQ,EAAE,OAAhB;AAAyB,QAAA,KAAK,EAAE;AAAhC,QAPF,CAJF,CAzEF,eAwFE,gCAAC,wBAAD;AACE,QAAA,kBAAkB,EAAEZ,kBADtB;AAEE,QAAA,wBAAwB,EAAEC,wBAF5B;AAGE,QAAA,iBAAiB,EAAE;AACjByB,UAAAA,WAAW,EAAER,cAAc,CAAClC,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEwC,kBAAX,CADV;AAEjBG,UAAAA,aAAa,EAAEC,+BAFE;AAGjBlB,UAAAA,WAAW,EAAE;AAAEC,YAAAA,QAAQ,EAAE;AAAZ,WAHI;AAIjBnB,UAAAA,aAAa,EAAE;AACb2B,YAAAA,KAAK,EAAE,CAAC,KAAD,EAAQ,MAAR,CADM;AAEbC,YAAAA,KAAK;AAFQ,WAJE;AAgBjBS,UAAAA,iBAAiB,EAAE;AACjBC,YAAAA,IAAI,EAAE,iBADW;AAEjBf,YAAAA,OAAO,EAAE;AACPgB,cAAAA,UAAU,EAAE;AADL,aAFQ;AAKjBrD,YAAAA,gBAAgB,EAAEA,gBALD;AAMjBsD,YAAAA,eAAe,EAAE,yBAACC,IAAD,EAAOC,MAAP,EAAeC,aAAf,EAAiC;AAChD,kBAAQxG,eAAR,GAA4B,MAAI,CAACC,KAAjC,CAAQD,eAAR;AAEA,qBAAO;AAAA,oCACL,gCAAC,iCAAD;AACE,kBAAA,WAAW,EAAE,MAAI,CAACyG,WADpB;AAEE,kBAAA,OAAO,EAAE,MAAI,CAACC,OAFhB;AAGE,kBAAA,cAAc,EAAE,wBAACzH,KAAD;AAAA,2BAAW,MAAI,CAAC0H,cAAL,CAAoBL,IAAI,CAACM,KAAL,CAAW3H,KAA/B,EAAsCA,KAAtC,CAAX;AAAA,mBAHlB;AAIE,kBAAA,cAAc,EAAE,wBAACA,KAAD;AAAA,2BAAW,MAAI,CAAC4H,cAAL,CAAoBP,IAAI,CAACM,KAAL,CAAW3H,KAA/B,EAAsCA,KAAtC,CAAX;AAAA,mBAJlB;AAKE,kBAAA,IAAI,EAAEqH,IALR;AAME,kBAAA,MAAM,EAAEC,MANV;AAOE,kBAAA,aAAa,EAAEC,aAPjB;AAQE,kBAAA,OAAO,EAAExG,eAAe,CAACsG,IAAI,CAACM,KAAL,CAAW3H,KAAZ,CAR1B;AASE,kBAAA,UAAU,EAAE+E,iBATd;AAUE,kBAAA,kBAAkB,EAAEtB,kBAVtB;AAWE,kBAAA,aAAa,EAAEa,aAXjB;AAYE,kBAAA,sBAAsB,EAAEZ,sBAZ1B;AAaE,kBAAA,8BAA8B,EAAEe;AAblC,kBADK;AAAA,eAAP;AAiBD;AA1BgB,WAhBF;AA4CjBN,UAAAA,UAAU,EAAEY,iBA5CK;AA6CjB8C,UAAAA,SAAS,EAAEvE,OAAO,CAAChG,MA7CF;AA8CjBA,UAAAA,MAAM,EAAEsC,KAAK,CAACc,WAAN,IAAqB,EA9CZ;AA+CjBoH,UAAAA,QAAQ,EAAE,KAAKA,QA/CE;AAgDjBtE,UAAAA,YAAY,EAAEA,YAhDG;AAiDjBuE,UAAAA,4BAA4B,EAAE,IAjDb;AAkDjB5J,UAAAA,QAAQ,EAAE,KAlDO;AAmDjB6J,UAAAA,cAAc,EAAE,KAnDC;AAoDjBnJ,UAAAA,KAAK,EAAEuG,kBApDU;AAqDjB3B,UAAAA,kBAAkB,EAAEA,kBArDH;AAsDjBwE,UAAAA,uBAAuB,EAAE,CAAC;AAAE1D,YAAAA,QAAQ,EAAE;AAAZ,WAAD,EAA0B;AAAEA,YAAAA,QAAQ,EAAE;AAAZ,WAA1B,CAtDR;AAuDjBD,UAAAA,aAAa,EAAEA;AAvDE;AAHrB,QAxFF,EAsJGI,sBAAsB,IAAIe,qBAAqB,EAtJlD,EAwJGX,gBAAgB,iBACf,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAE/E,SAAS,CAACO,KAAjC;AAAwC,QAAA,SAAS,EAAEgD,OAAO,CAACvG;AAA3D,sBACE,gCAAC,8BAAD;AACE,QAAA,SAAS,EAAEuG,OAAO,CAACzD,MADrB;AAEE,QAAA,MAAM,EAAED,KAAK,CAACG,SAAN,IAAmB,EAF7B;AAGE,QAAA,QAAQ,EAAE,KAAKmI,kBAHjB;AAIE,QAAA,YAAY,EAAE1E,YAJhB;AAKE,QAAA,KAAK,EAAE2B,cALT;AAME,QAAA,WAAW,EAAEW,WANf;AAOE,QAAA,WAAW,EAAEQ,cAAc,CAACvG,SAAD,aAACA,SAAD,uBAACA,SAAS,CAAE6G,kBAAZ,CAP7B;AAQE,QAAA,UAAU,EAAE7B,iBARd;AASE,QAAA,aAAa,EAAGhB,aAAa,IAAIA,aAAa,CAAChE,SAAhC,IAA8CwF,oBAT/D;AAUE,QAAA,cAAc,EAAGvB,cAAc,IAAIA,cAAc,CAACjE,SAAlC,IAAgDyF,qBAVlE;AAWE,QAAA,kBAAkB,EAAE/B,kBAXtB;AAYE,QAAA,uBAAuB,EAAE,CAAC;AAAEc,UAAAA,QAAQ,EAAE;AAAZ,SAAD,EAA0B;AAAEA,UAAAA,QAAQ,EAAE;AAAZ,SAA1B,CAZ3B;AAaE,QAAA,aAAa,EAAED;AAbjB,QADF,EAgBGa,cAAc,iBAAI;AAAK,QAAA,SAAS,EAAE7B,OAAO,CAAC3E;AAAxB,SAAoCwG,cAApC,CAhBrB,CAzJJ,eA6KE,gCAAC,qBAAD;AACE,QAAA,IAAI,EAAE5F,OAAO,CAACC,IADhB;AAEE,QAAA,KAAK,EAAC,SAFR;AAGE,QAAA,IAAI,EAAED,OAAO,CAAC7B,IAHhB;AAIE,QAAA,OAAO,EAAE6B,OAAO,CAACsB,OAJnB;AAKE,QAAA,SAAS,EAAEtB,OAAO,CAACuB;AALrB,QA7KF,CADF;AAuLD;;;EAthBuBqH,kBAAMC,S;;;iCAAnB9I,I,eACQ;AACjB+C,EAAAA,aAAa,EAAEgG,sBAAUC,MAAV,CAAiBC,UADf;AAEjB3I,EAAAA,KAAK,EAAEyI,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBC,EAAAA,gBAAgB,EAAEH,sBAAUI,IAHX;AAIjB9I,EAAAA,cAAc,EAAE0I,sBAAUK,IAAV,CAAeH,UAJd;AAKjBhF,EAAAA,sBAAsB,EAAE8E,sBAAUK,IAAV,CAAeH,UALtB;AAMjBjF,EAAAA,OAAO,EAAE+E,sBAAUC,MAAV,CAAiBC,UANT;AAOjB/E,EAAAA,YAAY,EAAE6E,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADQ;AAE5B,cAAQF,sBAAUK,IAAV,CAAeH;AAFK,GAAhB,CAPG;AAWjB9E,EAAAA,kBAAkB,EAAE4E,sBAAUM,KAAV,CAAgB;AAClCC,IAAAA,GAAG,EAAEP,sBAAUK,IAAV,CAAeH,UADc;AAElC,cAAQF,sBAAUK,IAAV,CAAeH;AAFW,GAAhB;AAXH,C;AAwhBrB,IAAMM,MAAM,GAAG,wBAAWhM,MAAX,EAAmByC,IAAnB,CAAf;eAEeuJ,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-tip-tap';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\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';\n\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\nimport ResponseAreaComponent from './response-area';\n\nconst { toggle, Panel, dropdown } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  choiceRationaleHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit / 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '100px',\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'break-spaces',\n    color: color.disabled(),\n    padding: 0,\n    fontSize: theme.typography.fontSize - 2,\n    lineHeight: 1,\n  },\n  rationaleChoices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  panelDetails: {\n    display: 'block',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label, choiceIndex) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    // check for duplicate answer, but exclude the one that is currently edited\n    if ((respAreaChoices[index] || []).find((r, idx) => r.label === label && idx !== choiceIndex)) {\n      // show warning for duplicated answers\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (choiceIndex >= 0 && respAreaChoices[index]?.[choiceIndex]) {\n      // we need to update the choice label with the new value\n      respAreaChoices[index][choiceIndex].label = label;\n    } else {\n      // add a new choice\n      const value =\n        (respAreaChoices[index] &&\n          max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n        0;\n\n      respAreaChoices[index].push({\n        label,\n        value: `${value + 1}`,\n        correct: false,\n      });\n    }\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      baseInputConfiguration = {},\n      choiceRationale = {},\n      contentDimensions = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      template = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      responseAreaInputConfiguration = {},\n    } = configuration || {};\n\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      extraCSSRules,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      responseAreaChoicesError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <React.Fragment key={choice.label}>\n                  <span\n                    className={classes.rationaleLabel}\n                    dangerouslySetInnerHTML={{\n                      __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                    }}\n                  />\n                  <InputContainer className={classes.choiceRationaleHolder}>\n                    <EditableHtml\n                      className={classes.prompt}\n                      markup={choice.rationale || ''}\n                      spellCheck={spellCheckEnabled}\n                      onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                      imageSupport={imageSupport}\n                      maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                      maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                      uploadSoundSupport={uploadSoundSupport}\n                      mathMlOptions={mathMlOptions}\n                    />\n                  </InputContainer>\n                </React.Fragment>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={{\n          names: ['red', 'blue'],\n          rules: `\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    `,\n        }}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text} component={'div'}>\n            Define Template, Choices, and Correct Responses\n          </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        <ResponseAreaComponent\n          responseAreasError={responseAreasError}\n          responseAreaChoicesError={responseAreaChoicesError}\n          editableHtmlProps={{\n            pluginProps: getPluginProps(template?.inputConfiguration),\n            activePlugins: ALL_PLUGINS,\n            toolbarOpts: { position: 'top' },\n            extraCSSRules: {\n              names: ['red', 'blue'],\n              rules: `\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    `,\n            },\n            responseAreaProps: {\n              type: 'inline-dropdown',\n              options: {\n                duplicates: true,\n              },\n              maxResponseAreas: maxResponseAreas,\n              respAreaToolbar: (node, 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.attrs.index, index)}\n                    onSelectChoice={(index) => this.onSelectChoice(node.attrs.index, index)}\n                    node={node}\n                    editor={editor}\n                    onToolbarDone={onToolbarDone}\n                    choices={respAreaChoices[node.attrs.index]}\n                    spellCheck={spellCheckEnabled}\n                    uploadSoundSupport={uploadSoundSupport}\n                    mathMlOptions={mathMlOptions}\n                    baseInputConfiguration={baseInputConfiguration}\n                    responseAreaInputConfiguration={responseAreaInputConfiguration}\n                  />\n                );\n              },\n            },\n            spellCheck: spellCheckEnabled,\n            className: classes.markup,\n            markup: model.slateMarkup || '',\n            onChange: this.onChange,\n            imageSupport: imageSupport,\n            disableImageAlignmentButtons: true,\n            disabled: false,\n            highlightShape: false,\n            error: responseAreasError,\n            uploadSoundSupport: uploadSoundSupport,\n            languageCharactersProps: [{ language: 'spanish' }, { language: 'special' }],\n            mathMlOptions: mathMlOptions,\n          }}\n        />\n\n        {choiceRationaleEnabled && renderChoiceRationale()}\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n            {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n          </InputContainer>\n        )}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onClose={warning.onClose}\n          onConfirm={warning.onConfirm}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/lib/response-area.js

@@ -27,7 +27,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
 
 var _mathRendering = require("@pie-lib/math-rendering");
 
@@ -76,7 +76,7 @@ var ResponseAreaComponent = /*#__PURE__*/function (_React$Component) {
           classes = _this$props.classes;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.responseArea
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], editableHtmlProps), responseAreasError && /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtmlTipTap["default"], editableHtmlProps), responseAreasError && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.errorText
       }, responseAreasError), responseAreaChoicesError && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.errorText

package/configure/lib/response-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/response-area.jsx"],"names":["styles","theme","responseArea","paddingBottom","spacing","unit","errorText","fontSize","typography","color","palette","error","main","paddingTop","ResponseAreaComponent","domNode","ReactDOM","findDOMNode","props","editableHtmlProps","responseAreasError","responseAreaChoicesError","classes","React","Component","PropTypes","object","isRequired","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,aAAa,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AADxB,KADW;AAIzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAEN,KAAK,CAACO,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTC,MAAAA,UAAU,EAAEZ,KAAK,CAACG,OAAN,CAAcC;AAHjB;AAJc,GAAZ;AAAA,CAAf;;IAWMS,qB;;;;;;;;;;;;WAQJ,6BAAoB;AAClB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,CAAqB,IAArB,CAAhB;;AAEA,qCAAWF,OAAX;AACD;;;WAED,kBAAS;AACP,wBAAqF,KAAKG,KAA1F;AAAA,UAAQC,iBAAR,eAAQA,iBAAR;AAAA,UAA2BC,kBAA3B,eAA2BA,kBAA3B;AAAA,UAA+CC,wBAA/C,eAA+CA,wBAA/C;AAAA,UAAyEC,OAAzE,eAAyEA,OAAzE;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEA,OAAO,CAACpB;AAAxB,sBACE,gCAAC,wBAAD,EAAkBiB,iBAAlB,CADF,EAEGC,kBAAkB,iBAAI;AAAK,QAAA,SAAS,EAAEE,OAAO,CAAChB;AAAxB,SAAoCc,kBAApC,CAFzB,EAGGC,wBAAwB,iBAAI;AAAK,QAAA,SAAS,EAAEC,OAAO,CAAChB;AAAxB,SAAoCe,wBAApC,CAH/B,CADF;AAOD;;;EAzBiCE,kBAAMC,S;;iCAApCV,qB,eACe;AACjBK,EAAAA,iBAAiB,EAAEM,sBAAUC,MAAV,CAAiBC,UADnB;AAEjBL,EAAAA,OAAO,EAAEG,sBAAUC,MAAV,CAAiBC,UAFT;AAGjBP,EAAAA,kBAAkB,EAAEK,sBAAUG,MAHb;AAIjBP,EAAAA,wBAAwB,EAAEI,sBAAUG;AAJnB,C;;eA2BN,wBAAW5B,MAAX,EAAmBc,qBAAnB,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst styles = (theme) => ({\n  responseArea: {\n    paddingBottom: theme.spacing.unit * 2.5,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nclass ResponseAreaComponent extends React.Component {\n  static propTypes = {\n    editableHtmlProps: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    responseAreasError: PropTypes.string,\n    responseAreaChoicesError: PropTypes.string,\n  };\n\n  componentDidMount() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  render() {\n    const { editableHtmlProps, responseAreasError, responseAreaChoicesError, classes } = this.props;\n\n    return (\n      <div className={classes.responseArea}>\n        <EditableHtml {...editableHtmlProps} />\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n        {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ResponseAreaComponent);\n"],"file":"response-area.js"}
+{"version":3,"sources":["../src/response-area.jsx"],"names":["styles","theme","responseArea","paddingBottom","spacing","unit","errorText","fontSize","typography","color","palette","error","main","paddingTop","ResponseAreaComponent","domNode","ReactDOM","findDOMNode","props","editableHtmlProps","responseAreasError","responseAreaChoicesError","classes","React","Component","PropTypes","object","isRequired","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,aAAa,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB;AADxB,KADW;AAIzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAEN,KAAK,CAACO,UAAN,CAAiBD,QAAjB,GAA4B,CAD7B;AAETE,MAAAA,KAAK,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC,IAFlB;AAGTC,MAAAA,UAAU,EAAEZ,KAAK,CAACG,OAAN,CAAcC;AAHjB;AAJc,GAAZ;AAAA,CAAf;;IAWMS,qB;;;;;;;;;;;;WAQJ,6BAAoB;AAClB;AACA,UAAMC,OAAO,GAAGC,qBAASC,WAAT,CAAqB,IAArB,CAAhB;;AAEA,qCAAWF,OAAX;AACD;;;WAED,kBAAS;AACP,wBAAqF,KAAKG,KAA1F;AAAA,UAAQC,iBAAR,eAAQA,iBAAR;AAAA,UAA2BC,kBAA3B,eAA2BA,kBAA3B;AAAA,UAA+CC,wBAA/C,eAA+CA,wBAA/C;AAAA,UAAyEC,OAAzE,eAAyEA,OAAzE;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEA,OAAO,CAACpB;AAAxB,sBACE,gCAAC,8BAAD,EAAkBiB,iBAAlB,CADF,EAEGC,kBAAkB,iBAAI;AAAK,QAAA,SAAS,EAAEE,OAAO,CAAChB;AAAxB,SAAoCc,kBAApC,CAFzB,EAGGC,wBAAwB,iBAAI;AAAK,QAAA,SAAS,EAAEC,OAAO,CAAChB;AAAxB,SAAoCe,wBAApC,CAH/B,CADF;AAOD;;;EAzBiCE,kBAAMC,S;;iCAApCV,qB,eACe;AACjBK,EAAAA,iBAAiB,EAAEM,sBAAUC,MAAV,CAAiBC,UADnB;AAEjBL,EAAAA,OAAO,EAAEG,sBAAUC,MAAV,CAAiBC,UAFT;AAGjBP,EAAAA,kBAAkB,EAAEK,sBAAUG,MAHb;AAIjBP,EAAAA,wBAAwB,EAAEI,sBAAUG;AAJnB,C;;eA2BN,wBAAW5B,MAAX,EAAmBc,qBAAnB,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst styles = (theme) => ({\n  responseArea: {\n    paddingBottom: theme.spacing.unit * 2.5,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nclass ResponseAreaComponent extends React.Component {\n  static propTypes = {\n    editableHtmlProps: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    responseAreasError: PropTypes.string,\n    responseAreaChoicesError: PropTypes.string,\n  };\n\n  componentDidMount() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  render() {\n    const { editableHtmlProps, responseAreasError, responseAreaChoicesError, classes } = this.props;\n\n    return (\n      <div className={classes.responseArea}>\n        <EditableHtml {...editableHtmlProps} />\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n        {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(ResponseAreaComponent);\n"],"file":"response-area.js"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/inline-dropdown-configure",
-  "version": "7.3.1",
+  "version": "7.3.2",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -8,15 +8,16 @@
     "@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.29.0",
-    "@pie-lib/editable-html": "^11.21.0",
-    "@pie-lib/math-rendering": "^3.22.0",
-    "@pie-lib/render-ui": "^4.35.0",
+    "@pie-lib/config-ui": "11.30.2-beta-8",
+    "@pie-lib/editable-html-tip-tap": "^1.0.13",
+    "@pie-lib/math-rendering": "^3.22.1",
+    "@pie-lib/math-toolbar": "1.31.2-beta.3",
+    "@pie-lib/render-ui": "^4.35.1",
     "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": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-controller@7.3.1...@pie-element/inline-dropdown-controller@7.3.2) (2025-10-22)
+
+
+### Bug Fixes
+
+* bump libs PD-5265 ([184a978](https://github.com/pie-framework/pie-elements/commit/184a978f57a2a84dc6ba87c1eba0b92d5cdd9eae))
+
+
+
+
+
 ## [7.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-controller@7.2.0...@pie-element/inline-dropdown-controller@7.3.1) (2025-10-16)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/inline-dropdown-controller",
   "private": true,
-  "version": "7.3.1",
+  "version": "7.3.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/controller-utils": "^0.22.0",
+    "@pie-lib/controller-utils": "^0.22.1",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/lib/inline-dropdown.js

@@ -123,7 +123,10 @@ var InlineDropdown = /*#__PURE__*/function (_React$Component) {
         }, []);
       });
       return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
-        extraCSSRules: extraCSSRules,
+        extraCSSRules: {
+          names: ['red', 'blue'],
+          rules: "\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    "
+        },
         className: classes.mainContainer,
         style: {
           display: "".concat(displayType)

package/lib/inline-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/inline-dropdown.jsx"],"names":["InlineDropdown","showCorrectAnswer","setState","state","nextProps","feedback","domNode","ReactDOM","findDOMNode","props","classes","prompt","mode","model","rationale","teacherInstructions","choices","displayType","language","extraCSSRules","showCorrectAnswerToggle","choiceRationalesHaveText","showRationale","showTeacherInstructions","choiceRationales","Object","keys","map","key","reduce","acc","currentValue","push","mainContainer","display","srOnly","collapsible","hidden","visible","toggleShowCorrect","index","choiceRationaleWrapper","length","choice","choiceRationale","label","choiceRationaleLabel","correct","__html","React","Component","PropTypes","object","string","disabled","bool","markup","isRequired","value","onChange","func","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","whiteSpace","incorrectWithIcon","position","left","top","width","height","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { InlineDropdown as DropDown } from '@pie-lib/mask-markup';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class InlineDropdown extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    displayType: PropTypes.string,\n    rationale: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    choices: PropTypes.object,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    value: {},\n  };\n\n  state = {\n    showCorrectAnswer: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n  }\n\n  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, prompt, mode, model, rationale, teacherInstructions, choices, displayType, language } = this.props;\n    const { extraCSSRules } = model || {};\n    const showCorrectAnswerToggle = mode === 'evaluate';\n    let choiceRationalesHaveText = false;\n    const showRationale = rationale && (hasText(rationale) || hasMedia(rationale));\n    const showTeacherInstructions =\n      teacherInstructions && (hasText(teacherInstructions) || hasMedia(teacherInstructions));\n\n    const choiceRationales = (Object.keys(choices) || []).map((key) =>\n      (choices[key] || []).reduce((acc, currentValue) => {\n        if (currentValue.rationale && hasText(currentValue.rationale)) {\n          choiceRationalesHaveText = true;\n\n          acc.push(currentValue);\n        }\n\n        return acc;\n      }, []),\n    );\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} className={classes.mainContainer} style={{ display: `${displayType}` }}>\n        {mode === 'gather' && <h2 className={classes.srOnly}>Inline Dropdown Question</h2>}\n\n        {showTeacherInstructions && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {prompt && <PreviewPrompt prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showCorrectAnswerToggle}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n          language={language}\n        />\n\n        <DropDown {...this.props} showCorrectAnswer={showCorrectAnswer} />\n\n        {choiceRationalesHaveText && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Rationale for choices', visible: 'Hide Rationale for choices' }}\n          >\n            {choiceRationales.map((choices, index) => (\n              <div key={index} className={classes.choiceRationaleWrapper}>\n                {choices?.length > 0 &&\n                  choices.map((choice) => (\n                    <div className={classes.choiceRationale} key={choice.label}>\n                      <div\n                        className={classNames(classes.choiceRationaleLabel, choice.correct ? 'correct' : 'incorrect')}\n                        dangerouslySetInnerHTML={{ __html: `${choice.label}: ` }}\n                      />\n                      <PreviewPrompt prompt={choice.rationale} />\n                    </div>\n                  ))}\n              </div>\n            ))}\n          </Collapsible>\n        )}\n\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  collapsible: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  choiceRationaleWrapper: {\n    '&:not(:last-child)': {\n      marginBottom: theme.spacing.unit * 2,\n    },\n  },\n  choiceRationale: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  choiceRationaleLabel: {\n    display: 'flex',\n    '&.correct': {\n      color: color.correct(),\n    },\n    '&.incorrect': {\n      color: color.incorrectWithIcon(),\n    },\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport default withStyles(styles)(InlineDropdown);\n"],"file":"inline-dropdown.js"}
+{"version":3,"sources":["../src/inline-dropdown.jsx"],"names":["InlineDropdown","showCorrectAnswer","setState","state","nextProps","feedback","domNode","ReactDOM","findDOMNode","props","classes","prompt","mode","model","rationale","teacherInstructions","choices","displayType","language","extraCSSRules","showCorrectAnswerToggle","choiceRationalesHaveText","showRationale","showTeacherInstructions","choiceRationales","Object","keys","map","key","reduce","acc","currentValue","push","names","rules","mainContainer","display","srOnly","collapsible","hidden","visible","toggleShowCorrect","index","choiceRationaleWrapper","length","choice","choiceRationale","label","choiceRationaleLabel","correct","__html","React","Component","PropTypes","object","string","disabled","bool","markup","isRequired","value","onChange","func","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","whiteSpace","incorrectWithIcon","position","left","top","width","height","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { InlineDropdown as DropDown } from '@pie-lib/mask-markup';\nimport { color, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class InlineDropdown extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    displayType: PropTypes.string,\n    rationale: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    choices: PropTypes.object,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n    language: PropTypes.string,\n  };\n\n  static defaultProps = {\n    value: {},\n  };\n\n  state = {\n    showCorrectAnswer: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n  }\n\n  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, prompt, mode, model, rationale, teacherInstructions, choices, displayType, language } = this.props;\n    const { extraCSSRules } = model || {};\n    const showCorrectAnswerToggle = mode === 'evaluate';\n    let choiceRationalesHaveText = false;\n    const showRationale = rationale && (hasText(rationale) || hasMedia(rationale));\n    const showTeacherInstructions =\n      teacherInstructions && (hasText(teacherInstructions) || hasMedia(teacherInstructions));\n\n    const choiceRationales = (Object.keys(choices) || []).map((key) =>\n      (choices[key] || []).reduce((acc, currentValue) => {\n        if (currentValue.rationale && hasText(currentValue.rationale)) {\n          choiceRationalesHaveText = true;\n\n          acc.push(currentValue);\n        }\n\n        return acc;\n      }, []),\n    );\n\n    return (\n      <UiLayout extraCSSRules={{\n        names: ['red', 'blue'],\n        rules: `\n      .red {\n        color: red !important;\n      }\n\n      .blue {\n        color: blue !important;\n      }\n    `,\n      }} className={classes.mainContainer} style={{ display: `${displayType}` }}>\n        {mode === 'gather' && <h2 className={classes.srOnly}>Inline Dropdown Question</h2>}\n\n        {showTeacherInstructions && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {prompt && <PreviewPrompt prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showCorrectAnswerToggle}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n          language={language}\n        />\n\n        <DropDown {...this.props} showCorrectAnswer={showCorrectAnswer} />\n\n        {choiceRationalesHaveText && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Rationale for choices', visible: 'Hide Rationale for choices' }}\n          >\n            {choiceRationales.map((choices, index) => (\n              <div key={index} className={classes.choiceRationaleWrapper}>\n                {choices?.length > 0 &&\n                  choices.map((choice) => (\n                    <div className={classes.choiceRationale} key={choice.label}>\n                      <div\n                        className={classNames(classes.choiceRationaleLabel, choice.correct ? 'correct' : 'incorrect')}\n                        dangerouslySetInnerHTML={{ __html: `${choice.label}: ` }}\n                      />\n                      <PreviewPrompt prompt={choice.rationale} />\n                    </div>\n                  ))}\n              </div>\n            ))}\n          </Collapsible>\n        )}\n\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  collapsible: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  choiceRationaleWrapper: {\n    '&:not(:last-child)': {\n      marginBottom: theme.spacing.unit * 2,\n    },\n  },\n  choiceRationale: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  choiceRationaleLabel: {\n    display: 'flex',\n    '&.correct': {\n      color: color.correct(),\n    },\n    '&.incorrect': {\n      color: color.incorrectWithIcon(),\n    },\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport default withStyles(styles)(InlineDropdown);\n"],"file":"inline-dropdown.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.3.2-next.2+4274a8ad1",
+  "version": "8.3.2-tip-tap.1",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,19 +12,20 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.25.0",
-    "@pie-lib/mask-markup": "^1.33.0",
-    "@pie-lib/math-rendering": "^3.22.0",
-    "@pie-lib/render-ui": "^4.35.0",
+    "@pie-lib/correct-answer-toggle": "^2.25.1",
+    "@pie-lib/mask-markup": "1.33.2-beta-13",
+    "@pie-lib/math-rendering": "^3.22.1",
+    "@pie-lib/render-ui": "^4.35.1",
+    "@pie-lib/math-toolbar": "1.31.2-beta.3",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "4274a8ad183add5a323b7005ab011e963a237407",
+  "gitHead": "0e14ff981bcdc8a89a0e58484026496701bfdbc3",
   "main": "lib/index.js",
   "module": "src/index.js"
 }

package/LICENSE.md

@@ -1,5 +0,0 @@
-Copyright 2019 CoreSpring Inc
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.