@pie-element/inline-dropdown 9.0.0-beta.0 → 9.0.0-next.42

package/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown@8.3.2...@pie-element/inline-dropdown@8.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [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)
 
 

package/configure/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/inline-dropdown-configure@7.3.2...@pie-element/inline-dropdown-configure@7.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [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)
 
 

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

@@ -10,7 +10,7 @@ var _utils = require("./utils");
 var _react = _interopRequireDefault(require("react"));
 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");
 var _styles = require("@mui/material/styles");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
@@ -147,7 +147,7 @@ const ResponseContainer = (0, _styles.styled)('div')(({
   borderRadius: '4px',
   width: '400px'
 }));
-const RespArea = (0, _styles.styled)(_editableHtml.default)(({
+const RespArea = (0, _styles.styled)(_editableHtmlTipTap.default)(({
   theme
 }) => ({
   borderRadius: '4px',
@@ -195,15 +195,20 @@ class RespAreaToolbar extends _react.default.Component {
       });
     });
     (0, _defineProperty2.default)(this, "onAddChoice", () => {
-      if (this.editorRef) {
-        this.editorRef.finishEditing();
-      }
+      const {
+        editor
+      } = this.props;
+      const {
+        tr
+      } = editor.state;
+      tr.isDone = true;
+      editor.view.dispatch(tr);
     });
     (0, _defineProperty2.default)(this, "onDone", val => {
       const {
         choices,
         node,
-        value,
+        editor,
         onAddChoice,
         onToolbarDone
       } = this.props;
@@ -212,17 +217,14 @@ class RespAreaToolbar extends _react.default.Component {
       } = this.state;
       const onlyText = createElementFromHTML(val).textContent.trim();
       if (editedChoiceIndex >= 0 && choices?.[editedChoiceIndex]?.correct) {
-        const update = {
-          ...node.data.toJSON(),
+        editor.commands.updateAttributes('inline_dropdown', {
           value: val
-        };
-        const 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);
+        editor.commands.refreshResponseArea();
       }
       this.setState({
         editedChoiceIndex: -1
@@ -231,40 +233,33 @@ class RespAreaToolbar extends _react.default.Component {
     (0, _defineProperty2.default)(this, "onSelectChoice", (newValue, index) => {
       const {
         node,
-        value,
+        editor,
         onToolbarDone,
         onSelectChoice
       } = this.props;
-      const update = {
-        ...node.data.toJSON(),
+      editor.commands.updateAttributes('inline_dropdown', {
         value: newValue
-      };
-      const change = value.change().setNodeByKey(node.key, {
-        data: update
       });
-      const nextText = value.document.getNextText(node.key);
-      change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
-      onToolbarDone(change, false);
+      onToolbarDone(false);
       onSelectChoice(index);
+      editor.commands.refreshResponseArea();
     });
     (0, _defineProperty2.default)(this, "onRemoveChoice", (val, index) => {
       const {
         node,
-        value,
+        editor,
         onToolbarDone,
         onRemoveChoice
       } = this.props;
-      if ((0, _isEqual.default)(val, node.data.get('value'))) {
-        const update = {
-          ...node.data.toJSON(),
+      console.log('LOGGING', val, node.attrs.value, (0, _isEqual.default)(val, node.attrs.value));
+      if ((0, _isEqual.default)(val, node.attrs.value)) {
+        editor.commands.updateAttributes('explicit_constructed_response', {
           value: null
-        };
-        const change = value.change().setNodeByKey(node.key, {
-          data: update
         });
-        onToolbarDone(change, false);
+        onToolbarDone(false);
       }
       onRemoveChoice(index);
+      editor.commands.refreshResponseArea();
     });
     (0, _defineProperty2.default)(this, "onEditChoice", (val, index) => {
       this.onRespAreaChange(val);
@@ -290,15 +285,18 @@ class RespAreaToolbar extends _react.default.Component {
         choices,
         onCheck,
         onToolbarDone,
-        value
+        editor
       } = this.props;
       const correctResponse = (choices || []).find(choice => choice.correct);
       this.onAddChoice();
       if (!choices || choices && choices.length < 2 || !correctResponse) {
         onCheck(() => {
-          const change = value.change();
-          change.removeNodeByKey(node.get('key'));
-          onToolbarDone(change, false);
+          const {
+            tr
+          } = editor.state;
+          tr.deleteSelection();
+          editor.view.dispatch(tr);
+          onToolbarDone(false);
         });
       }
     });
@@ -316,20 +314,20 @@ class RespAreaToolbar extends _react.default.Component {
   }
   componentDidMount() {
     const {
-      node
+      editor
     } = this.props;
-    const domNode = findSlateNode(node.key);
-    if (domNode) {
+    const domNode = editor.view.nodeDOM(editor.state.selection.from);
+    if (domNode?.nodeType === 1) {
       //eslint-disable-next-line
       const domNodeRect = domNode.getBoundingClientRect();
-      const editor = domNode.closest('[data-slate-editor]');
-      const editorRect = editor.getBoundingClientRect();
-      const top = domNodeRect.top - editorRect.top;
+      const editorNode = domNode.closest('.tiptap');
+      const editorRect = editorNode.getBoundingClientRect();
+      const top = domNodeRect.top - domNodeRect.height;
       const left = domNodeRect.left - editorRect.left;
       this.setState({
         toolbarStyle: {
           position: 'absolute',
-          top: `${top + domNodeRect.height + 60}px`,
+          top: `${top + domNodeRect.height + 40}px`,
           left: `${left + 25}px`
         }
       });
@@ -442,12 +440,7 @@ class RespAreaToolbar extends _react.default.Component {
   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
 });
 const StyledRespAreaToolbar = RespAreaToolbar;

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

@@ -1 +1 @@
-{"version":3,"file":"inline-dropdown-toolbar.js","names":["_utils","require","_react","_interopRequireDefault","_reactDom","_propTypes","_editableHtml","_mathRendering","_styles","_isEqual","_isEmpty","_renderUi","_Add","_Check","_Close","_Edit","_IconButton","MenuItemWrapper","styled","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","SelectedIcon","justifyContent","color","fontSize","typography","fontStyle","transform","backgroundColor","correct","top","spacing","left","zIndex","ValueHolder","flex","padding","paddingLeft","correctSecondary","ActionButtons","margin","StyledIconButton","IconButton","black","MenuItemComp","React","Component","constructor","args","_defineProperty2","default","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","render","onClick","value","createElement","dangerouslySetInnerHTML","__html","onEditClick","size","onRemoveClick","PropTypes","bool","isRequired","func","string","MenuItem","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","innerHTML","trim","ResponseContainer","boxShadow","shadows","width","RespArea","EditableHtml","minHeight","AddButton","right","ChoicesHolder","flexDirection","border","ItemBuilder","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editorRef","finishEditing","val","choices","node","onAddChoice","onToolbarDone","state","onlyText","textContent","update","data","toJSON","change","setNodeByKey","isEmpty","get","newValue","index","onSelectChoice","nextText","getNextText","moveFocusTo","moveAnchorTo","isEqual","onRespAreaChange","event","preventDone","clickedInside","onCheck","correctResponse","find","choice","length","removeNodeByKey","slateEditorRef","rootRef","slateEditor","inputRef","element","focus","componentDidMount","domNode","domNodeRect","getBoundingClientRect","editor","closest","editorRect","toolbarStyle","height","componentDidUpdate","ReactDOM","findDOMNode","renderMath","spellCheck","uploadSoundSupport","mathMlOptions","baseInputConfiguration","responseAreaInputConfiguration","style","onMouseDown","onClickInside","ref","autoFocus","autoSave","toolbarOpts","alwaysVisible","showDone","doneOn","markup","onKeyDown","languageCharactersProps","language","onChange","onDone","onBlur","relatedTarget","isInInsertCharacter","isInDoneButton","placeholder","pluginProps","getPluginProps","inputConfiguration","focusInput","map","label","object","array","shape","StyledRespAreaToolbar","_default","exports"],"sources":["../src/inline-dropdown-toolbar.jsx"],"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 { styled } from '@mui/material/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CloseIcon from '@mui/icons-material/Close';\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\n\nconst MenuItemWrapper = styled('div')(({ theme }) => ({\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\nconst SelectedIcon = styled('div')(({ theme }) => ({\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(2),\n  left: theme.spacing(1),\n  zIndex: 3,\n}));\n\nconst ValueHolder = styled('div')(({ theme, correct }) => ({\n  flex: 1,\n  padding: theme.spacing(0.75),\n  paddingLeft: theme.spacing(3.5),\n  ...(correct && {\n    background: color.correctSecondary(),\n  }),\n}));\n\nconst ActionButtons = styled('div')(({ theme }) => ({\n  margin: theme.spacing(0.5),\n  display: 'flex',\n}));\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  fontSize: theme.typography.fontSize,\n  padding: theme.spacing(0.5),\n  color: theme.palette.common.black,\n}));\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\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 { correct, onClick, value } = this.props;\n\n    return (\n      <MenuItemWrapper>\n        {correct && (\n          <SelectedIcon onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </SelectedIcon>\n        )}\n        <ValueHolder\n          correct={correct}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <ActionButtons>\n          <StyledIconButton onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </StyledIconButton>\n          <StyledIconButton onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </StyledIconButton>\n        </ActionButtons>\n      </MenuItemWrapper>\n    );\n  }\n}\n\nconst MenuItem = 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\nconst ResponseContainer = styled('div')(({ theme }) => ({\n  boxShadow: theme.shadows[2],\n  borderRadius: '4px',\n  width: '400px',\n}));\n\nconst RespArea = styled(EditableHtml)(({ theme }) => ({\n  borderRadius: '4px',\n  backgroundColor: theme.palette.common.white,\n  '& [data-slate-editor=\"true\"]': {\n    minHeight: 'initial !important',\n  },\n}));\n\nconst AddButton = styled(IconButton)(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n  padding: theme.spacing(0.5),\n  color: theme.palette.common.black,\n  position: 'absolute',\n  top: '50%',\n  right: theme.spacing(2),\n  transform: 'translate(0, -50%)',\n}));\n\nconst ChoicesHolder = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  '& > div:last-child': {\n    border: 'none',\n  },\n});\n\nconst ItemBuilder = styled('div')(({ theme }) => ({\n  padding: theme.spacing(0.5),\n  position: 'relative',\n}));\n\nclass RespAreaToolbar extends React.Component {\n  static propTypes = {\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\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      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      <ResponseContainer\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <ItemBuilder>\n          <RespArea\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\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          <AddButton\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </AddButton>\n        </ItemBuilder>\n\n        {choices && (\n          <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          </ChoicesHolder>\n        )}\n      </ResponseContainer>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = RespAreaToolbar;\n\nexport default StyledRespAreaToolbar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"inline-dropdown-toolbar.js","names":["_utils","require","_react","_interopRequireDefault","_reactDom","_propTypes","_editableHtmlTipTap","_mathRendering","_styles","_isEqual","_isEmpty","_renderUi","_Add","_Check","_Close","_Edit","_IconButton","MenuItemWrapper","styled","theme","display","alignItems","position","background","palette","common","white","borderBottom","grey","borderRadius","SelectedIcon","justifyContent","color","fontSize","typography","fontStyle","transform","backgroundColor","correct","top","spacing","left","zIndex","ValueHolder","flex","padding","paddingLeft","correctSecondary","ActionButtons","margin","StyledIconButton","IconButton","black","MenuItemComp","React","Component","constructor","args","_defineProperty2","default","e","onRemoveChoice","props","preventDefault","stopPropagation","onEditChoice","render","onClick","value","createElement","dangerouslySetInnerHTML","__html","onEditClick","size","onRemoveClick","PropTypes","bool","isRequired","func","string","MenuItem","findSlateNode","key","window","document","querySelector","createElementFromHTML","htmlString","div","innerHTML","trim","ResponseContainer","boxShadow","shadows","width","RespArea","EditableHtml","minHeight","AddButton","right","ChoicesHolder","flexDirection","border","ItemBuilder","RespAreaToolbar","respAreaMarkup","editedChoiceIndex","setState","editor","tr","state","isDone","view","dispatch","val","choices","node","onAddChoice","onToolbarDone","onlyText","textContent","commands","updateAttributes","isEmpty","attrs","index","refreshResponseArea","newValue","onSelectChoice","console","log","isEqual","onRespAreaChange","event","preventDone","clickedInside","onCheck","correctResponse","find","choice","length","deleteSelection","slateEditorRef","editorRef","rootRef","slateEditor","inputRef","element","focus","componentDidMount","domNode","nodeDOM","selection","from","nodeType","domNodeRect","getBoundingClientRect","editorNode","closest","editorRect","height","toolbarStyle","componentDidUpdate","ReactDOM","findDOMNode","renderMath","spellCheck","uploadSoundSupport","mathMlOptions","baseInputConfiguration","responseAreaInputConfiguration","style","onMouseDown","onClickInside","ref","autoFocus","autoSave","toolbarOpts","alwaysVisible","showDone","doneOn","markup","onKeyDown","languageCharactersProps","language","onChange","onDone","onBlur","relatedTarget","isInInsertCharacter","isInDoneButton","placeholder","pluginProps","getPluginProps","inputConfiguration","focusInput","map","label","object","array","StyledRespAreaToolbar","_default","exports"],"sources":["../src/inline-dropdown-toolbar.jsx"],"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 { styled } from '@mui/material/styles';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\nimport { color } from '@pie-lib/render-ui';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CloseIcon from '@mui/icons-material/Close';\nimport EditIcon from '@mui/icons-material/Edit';\nimport IconButton from '@mui/material/IconButton';\n\nconst MenuItemWrapper = styled('div')(({ theme }) => ({\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\nconst SelectedIcon = styled('div')(({ theme }) => ({\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(2),\n  left: theme.spacing(1),\n  zIndex: 3,\n}));\n\nconst ValueHolder = styled('div')(({ theme, correct }) => ({\n  flex: 1,\n  padding: theme.spacing(0.75),\n  paddingLeft: theme.spacing(3.5),\n  ...(correct && {\n    background: color.correctSecondary(),\n  }),\n}));\n\nconst ActionButtons = styled('div')(({ theme }) => ({\n  margin: theme.spacing(0.5),\n  display: 'flex',\n}));\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  fontSize: theme.typography.fontSize,\n  padding: theme.spacing(0.5),\n  color: theme.palette.common.black,\n}));\n\nclass MenuItemComp extends React.Component {\n  static propTypes = {\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 { correct, onClick, value } = this.props;\n\n    return (\n      <MenuItemWrapper>\n        {correct && (\n          <SelectedIcon onClick={onClick}>\n            <CheckIcon fontSize=\"inherit\" />\n          </SelectedIcon>\n        )}\n        <ValueHolder\n          correct={correct}\n          onClick={onClick}\n          dangerouslySetInnerHTML={{\n            __html: value,\n          }}\n        />\n        <ActionButtons>\n          <StyledIconButton onClick={this.onEditClick} size=\"small\" aria-label=\"Edit\">\n            <EditIcon fontSize=\"inherit\" />\n          </StyledIconButton>\n          <StyledIconButton onClick={this.onRemoveClick} size=\"small\" aria-label=\"Remove\">\n            <CloseIcon fontSize=\"inherit\" />\n          </StyledIconButton>\n        </ActionButtons>\n      </MenuItemWrapper>\n    );\n  }\n}\n\nconst MenuItem = 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\nconst ResponseContainer = styled('div')(({ theme }) => ({\n  boxShadow: theme.shadows[2],\n  borderRadius: '4px',\n  width: '400px',\n}));\n\nconst RespArea = styled(EditableHtml)(({ theme }) => ({\n  borderRadius: '4px',\n  backgroundColor: theme.palette.common.white,\n  '& [data-slate-editor=\"true\"]': {\n    minHeight: 'initial !important',\n  },\n}));\n\nconst AddButton = styled(IconButton)(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n  padding: theme.spacing(0.5),\n  color: theme.palette.common.black,\n  position: 'absolute',\n  top: '50%',\n  right: theme.spacing(2),\n  transform: 'translate(0, -50%)',\n}));\n\nconst ChoicesHolder = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  '& > div:last-child': {\n    border: 'none',\n  },\n});\n\nconst ItemBuilder = styled('div')(({ theme }) => ({\n  padding: theme.spacing(0.5),\n  position: 'relative',\n}));\n\nclass RespAreaToolbar extends React.Component {\n  static propTypes = {\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    const { editor } = this.props;\n    const { tr } = editor.state;\n\n    tr.isDone = true;\n    editor.view.dispatch(tr);\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      editor.commands.refreshResponseArea();\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    onToolbarDone(false);\n    onSelectChoice(index);\n    editor.commands.refreshResponseArea();\n  };\n\n  onRemoveChoice = (val, index) => {\n    const { node, editor, onToolbarDone, onRemoveChoice } = this.props;\n\n    console.log('LOGGING', val, node.attrs.value, isEqual(val, node.attrs.value));\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    editor.commands.refreshResponseArea();\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\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      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      <ResponseContainer\n        style={{\n          ...toolbarStyle,\n          backgroundColor: '#E0E1E6',\n        }}\n        onMouseDown={this.onClickInside}\n      >\n        <ItemBuilder>\n          <RespArea\n            ref={(ref) => {\n              if (ref) {\n                this.editorRef = ref;\n              }\n            }}\n            autoFocus={true}\n            autoSave\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          <AddButton\n            onMouseDown={() => this.focusInput()}\n            onClick={() => this.onAddChoice()}\n            size=\"small\"\n            aria-label=\"Add\"\n          >\n            <AddIcon fontSize=\"inherit\" />\n          </AddButton>\n        </ItemBuilder>\n\n        {choices && (\n          <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          </ChoicesHolder>\n        )}\n      </ResponseContainer>\n    );\n  }\n}\n\nconst StyledRespAreaToolbar = RespAreaToolbar;\n\nexport default StyledRespAreaToolbar;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 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");
 var _mathRendering = require("@pie-lib/math-rendering");
 var _renderUi = require("@pie-lib/render-ui");
@@ -410,7 +410,7 @@ class Main extends _react.default.Component {
       dangerouslySetInnerHTML: {
         __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`
       }
-    }), /*#__PURE__*/_react.default.createElement(ChoiceRationaleHolder, null, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }), /*#__PURE__*/_react.default.createElement(ChoiceRationaleHolder, null, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: choice.rationale || '',
       spellCheck: spellCheckEnabled,
       onChange: c => this.onChoiceRationaleChanged(key, {
@@ -446,7 +446,18 @@ class Main extends _react.default.Component {
       ...props
     });
     return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
-      extraCSSRules: extraCSSRules,
+      extraCSSRules: {
+        names: ['red', 'blue'],
+        rules: `
+      .red {
+        color: red !important;
+      }
+
+      .blue {
+        color: blue !important;
+      }
+    `
+      },
       dimensions: contentDimensions,
       hideSettings: settingsPanelDisabled,
       settings: /*#__PURE__*/_react.default.createElement(Panel, {
@@ -461,7 +472,7 @@ class Main extends _react.default.Component {
       })
     }, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
       label: teacherInstructions.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.teacherInstructions || '',
       onChange: this.onTeacherInstructionsChanged,
       imageSupport: imageSupport,
@@ -481,7 +492,7 @@ class Main extends _react.default.Component {
       mathMlOptions: mathMlOptions
     }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
       label: prompt.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.prompt,
       onChange: this.onPromptChanged,
       imageSupport: imageSupport,
@@ -515,29 +526,41 @@ class Main extends _react.default.Component {
       responseAreaChoicesError: responseAreaChoicesError,
       editableHtmlProps: {
         pluginProps: getPluginProps(template?.inputConfiguration),
-        activePlugins: _editableHtml.ALL_PLUGINS,
+        activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
         toolbarOpts: {
           position: 'top'
         },
+        extraCSSRules: {
+          names: ['red', 'blue'],
+          rules: `
+      .red {
+        color: red !important;
+      }
+
+      .blue {
+        color: blue !important;
+      }
+    `
+        },
         responseAreaProps: {
           type: 'inline-dropdown',
           options: {
             duplicates: true
           },
           maxResponseAreas: maxResponseAreas,
-          respAreaToolbar: (node, value, onToolbarDone) => {
+          respAreaToolbar: (node, editor, onToolbarDone) => {
             const {
               respAreaChoices
             } = this.state;
             return () => /*#__PURE__*/_react.default.createElement(_inlineDropdownToolbar.default, {
               onAddChoice: this.onAddChoice,
               onCheck: this.onCheck,
-              onRemoveChoice: index => this.onRemoveChoice(node.data.get('index'), index),
-              onSelectChoice: index => this.onSelectChoice(node.data.get('index'), index),
+              onRemoveChoice: index => this.onRemoveChoice(node.attrs.index, index),
+              onSelectChoice: index => this.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,
@@ -564,7 +587,7 @@ class Main extends _react.default.Component {
       }
     }), choiceRationaleEnabled && renderChoiceRationale(), rationaleEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
       label: rationale.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.rationale || '',
       onChange: this.onRationaleChanged,
       imageSupport: imageSupport,