@pie-element/drag-in-the-blank 9.0.0-beta.0 → 9.0.0-beta.1

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/drag-in-the-blank@8.3.2...@pie-element/drag-in-the-blank@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/drag-in-the-blank@8.3.1...@pie-element/drag-in-the-blank@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/drag-in-the-blank-configure@7.3.2...@pie-element/drag-in-the-blank-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/drag-in-the-blank-configure@7.3.1...@pie-element/drag-in-the-blank-configure@7.3.2) (2025-10-22)
 
 

package/configure/lib/choices.js

@@ -8,7 +8,7 @@ exports.default = exports.Choices = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 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 _configUi = require("@pie-lib/config-ui");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
@@ -218,7 +218,7 @@ class Choices extends _react.default.Component {
           minWidth: '100%',
           zIndex: '100'
         }
-      }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+      }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
         ref: ref => this.focusedNodeRef = ref,
         imageSupport: imageSupport,
         markup: choice.value,

package/configure/lib/choices.js.map

@@ -1 +1 @@
-{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtml","_configUi","_Button","_styles","_choice","_markupUtils","StyledDesign","styled","theme","display","flexDirection","marginBottom","spacing","StyledAddButton","Button","marginLeft","StyledAltChoices","alignItems","flexWrap","justifyContent","marginTop","margin","ErrorText","fontSize","typography","color","palette","error","main","paddingBottom","Choices","React","Component","constructor","args","_defineProperty2","default","warning","open","prevValue","val","key","onChange","model","props","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","filter","setState","text","map","choice","choiceIsEmpty","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","newChoicesWithoutTheEmptyOne","focusedEl","oldChoices","maxId","length","Math","max","parseInt","newId","duplicates","includes","componentDidUpdate","focusedNodeRef","focus","render","state","mathMlOptions","maxChoices","toolbarOpts","uploadSoundSupport","imageSupport","pluginProps","maxImageWidth","maxImageHeight","maxLength","visibleChoices","getVisibleChoices","createElement","variant","onClick","onAddChoice","disabled","index","style","minWidth","zIndex","ref","markup","languageCharactersProps","language","preventDone","onChoiceChanged","onDone","undefined","onBlur","e","inInInsertCharacter","relatedTarget","closest","disableUnderline","charactersLimit","onChoiceFocus","onRemoveChoice","onChoiceRemove","AlertDialog","title","onConfirm","exports","PropTypes","bool","string","object","isRequired","func","number","_default"],"sources":["../src/choices.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\n\nconst StyledDesign = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst StyledAddButton = styled(Button)({\n  marginLeft: 'auto',\n});\n\nconst StyledAltChoices = styled('div')(({ theme }) => ({\n  alignItems: 'flex-start',\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'space-evenly',\n  marginTop: theme.spacing(1),\n\n  '& > *': {\n    margin: theme.spacing(1),\n  },\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingBottom: theme.spacing(2),\n}));\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n    maxLength: PropTypes.number,\n  };\n\n  state = { warning: { open: false } };\n  preventDone = false;\n\n  componentDidUpdate() {\n    if (this.focusedNodeRef) {\n      this.focusedNodeRef.focus('end');\n    }\n  }\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Identical answer choices are not allowed and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (!choiceIsEmpty({ value: val })) {\n      onChange(newChoices);\n\n      return;\n    }\n\n    // if the edited content is empty, its usage has to be searched in the correct response definitions\n    let usedForResponse = false;\n\n    if (correctResponse) {\n      Object.keys(correctResponse).forEach((responseKey) => {\n        if (correctResponse[responseKey] === key) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (alternateResponses && !usedForResponse) {\n      Object.values(alternateResponses).forEach((alternate) => {\n        if (alternate.indexOf(key) >= 0) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (usedForResponse) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Answer choices cannot be blank and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoicesWithoutTheEmptyOne = newChoices.filter((choice) => choice.id !== key);\n\n    onChange(newChoicesWithoutTheEmptyOne);\n\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Answer choices cannot be blank.',\n      },\n    });\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    // find the maximum existing id and add 1 to generate the new id so we avoid duplicates\n    const maxId = oldChoices.length > 0\n      ? Math.max(...oldChoices.map(choice => parseInt(choice.id, 10) || 0))\n      : -1;\n    const newId = `${maxId + 1}`;\n\n    this.setState(\n      {\n        focusedEl: newId,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: newId,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !(correctResponse && Object.values(correctResponse).includes(choice.id)));\n  };\n\n  render() {\n    const { focusedEl, warning } = this.state;\n    const {\n      duplicates,\n      error,\n      mathMlOptions = {},\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n      imageSupport = {},\n      pluginProps = {},\n      maxImageWidth,\n      maxImageHeight,\n      maxLength,\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n    return (\n      <StyledDesign>\n        <StyledAddButton\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </StyledAddButton>\n\n        <StyledAltChoices>\n          {visibleChoices.map((choice, index) => {\n            if (!choice || !choice.id) {\n              return null;\n            }\n\n            return focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  ref={(ref) => (this.focusedNodeRef = ref)}\n                  imageSupport={imageSupport}\n                  markup={choice.value}\n                  pluginProps={pluginProps}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  onChange={(val) => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceChanged(choice.value, val, choice.id);\n                  }}\n                  onDone={() => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.setState({\n                      focusedEl: undefined,\n                    });\n                  }}\n                  onBlur={(e) => {\n                    const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n                    this.preventDone = inInInsertCharacter;\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  maxImageHeight={maxImageHeight}\n                  maxImageWidth={maxImageWidth}\n                  charactersLimit={maxLength}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            );\n          })}\n        </StyledAltChoices>\n        {error && <ErrorText>{error}</ErrorText>}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </StyledDesign>\n    );\n  }\n}\n\nexport default Choices;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtmlTipTap","_configUi","_Button","_styles","_choice","_markupUtils","StyledDesign","styled","theme","display","flexDirection","marginBottom","spacing","StyledAddButton","Button","marginLeft","StyledAltChoices","alignItems","flexWrap","justifyContent","marginTop","margin","ErrorText","fontSize","typography","color","palette","error","main","paddingBottom","Choices","React","Component","constructor","args","_defineProperty2","default","warning","open","prevValue","val","key","onChange","model","props","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","filter","setState","text","map","choice","choiceIsEmpty","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","newChoicesWithoutTheEmptyOne","focusedEl","oldChoices","maxId","length","Math","max","parseInt","newId","duplicates","includes","componentDidUpdate","focusedNodeRef","focus","render","state","mathMlOptions","maxChoices","toolbarOpts","uploadSoundSupport","imageSupport","pluginProps","maxImageWidth","maxImageHeight","maxLength","visibleChoices","getVisibleChoices","createElement","variant","onClick","onAddChoice","disabled","index","style","minWidth","zIndex","ref","markup","languageCharactersProps","language","preventDone","onChoiceChanged","onDone","undefined","onBlur","e","inInInsertCharacter","relatedTarget","closest","disableUnderline","charactersLimit","onChoiceFocus","onRemoveChoice","onChoiceRemove","AlertDialog","title","onConfirm","exports","PropTypes","bool","string","object","isRequired","func","number","_default"],"sources":["../src/choices.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport Button from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\n\nconst StyledDesign = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginBottom: theme.spacing(1.5),\n}));\n\nconst StyledAddButton = styled(Button)({\n  marginLeft: 'auto',\n});\n\nconst StyledAltChoices = styled('div')(({ theme }) => ({\n  alignItems: 'flex-start',\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'space-evenly',\n  marginTop: theme.spacing(1),\n\n  '& > *': {\n    margin: theme.spacing(1),\n  },\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingBottom: theme.spacing(2),\n}));\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    toolbarOpts: PropTypes.object,\n    pluginProps: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n    maxLength: PropTypes.number,\n  };\n\n  state = { warning: { open: false } };\n  preventDone = false;\n\n  componentDidUpdate() {\n    if (this.focusedNodeRef) {\n      this.focusedNodeRef.focus('end');\n    }\n  }\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Identical answer choices are not allowed and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (!choiceIsEmpty({ value: val })) {\n      onChange(newChoices);\n\n      return;\n    }\n\n    // if the edited content is empty, its usage has to be searched in the correct response definitions\n    let usedForResponse = false;\n\n    if (correctResponse) {\n      Object.keys(correctResponse).forEach((responseKey) => {\n        if (correctResponse[responseKey] === key) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (alternateResponses && !usedForResponse) {\n      Object.values(alternateResponses).forEach((alternate) => {\n        if (alternate.indexOf(key) >= 0) {\n          usedForResponse = true;\n        }\n      });\n    }\n\n    if (usedForResponse) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Answer choices cannot be blank and the changes will be discarded.',\n        },\n      });\n\n      return;\n    }\n\n    const newChoicesWithoutTheEmptyOne = newChoices.filter((choice) => choice.id !== key);\n\n    onChange(newChoicesWithoutTheEmptyOne);\n\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Answer choices cannot be blank.',\n      },\n    });\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    // find the maximum existing id and add 1 to generate the new id so we avoid duplicates\n    const maxId = oldChoices.length > 0\n      ? Math.max(...oldChoices.map(choice => parseInt(choice.id, 10) || 0))\n      : -1;\n    const newId = `${maxId + 1}`;\n\n    this.setState(\n      {\n        focusedEl: newId,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: newId,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !(correctResponse && Object.values(correctResponse).includes(choice.id)));\n  };\n\n  render() {\n    const { focusedEl, warning } = this.state;\n    const {\n      duplicates,\n      error,\n      mathMlOptions = {},\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n      imageSupport = {},\n      pluginProps = {},\n      maxImageWidth,\n      maxImageHeight,\n      maxLength,\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n    return (\n      <StyledDesign>\n        <StyledAddButton\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </StyledAddButton>\n\n        <StyledAltChoices>\n          {visibleChoices.map((choice, index) => {\n            if (!choice || !choice.id) {\n              return null;\n            }\n\n            return focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  ref={(ref) => (this.focusedNodeRef = ref)}\n                  imageSupport={imageSupport}\n                  markup={choice.value}\n                  pluginProps={pluginProps}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  onChange={(val) => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.onChoiceChanged(choice.value, val, choice.id);\n                  }}\n                  onDone={() => {\n                    if (this.preventDone) {\n                      return;\n                    }\n\n                    this.setState({\n                      focusedEl: undefined,\n                    });\n                  }}\n                  onBlur={(e) => {\n                    const inInInsertCharacter = e.relatedTarget && e.relatedTarget.closest('.insert-character-dialog');\n\n                    this.preventDone = inInInsertCharacter;\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  maxImageHeight={maxImageHeight}\n                  maxImageWidth={maxImageWidth}\n                  charactersLimit={maxLength}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            );\n          })}\n        </StyledAltChoices>\n        {error && <ErrorText>{error}</ErrorText>}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onConfirm={() => this.setState({ warning: { open: false } })}\n        />\n      </StyledDesign>\n    );\n  }\n}\n\nexport default Choices;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -8,7 +8,7 @@ exports.default = exports.Main = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 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 _renderUi = require("@pie-lib/render-ui");
 var _drag = require("@pie-lib/drag");
@@ -308,7 +308,7 @@ class Main extends _react.default.Component {
       })
     }, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: teacherInstructions.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.teacherInstructions || '',
       onChange: this.onTeacherInstructionsChanged,
       imageSupport: imageSupport,
@@ -328,7 +328,7 @@ class Main extends _react.default.Component {
       mathMlOptions: mathMlOptions
     }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: prompt.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.prompt,
       onChange: this.onPromptChanged,
       imageSupport: imageSupport,
@@ -362,8 +362,8 @@ class Main extends _react.default.Component {
       }
     }))), /*#__PURE__*/_react.default.createElement(StyledMarkup, {
       ref: this.markupRef
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       responseAreaProps: {
         type: 'drag-in-the-blank',
         options: {
@@ -404,7 +404,7 @@ class Main extends _react.default.Component {
       maxLength: maxLength
     }), rationaleEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: rationale.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
       markup: model.rationale || '',
       onChange: this.onRationaleChanged,
       imageSupport: imageSupport,

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtml","_interopRequireWildcard","_configUi","_renderUi","_drag","_mathRendering","_styles","_Typography","_Info","_Tooltip","_core","_modifiers","_choice","_choices","_markupUtils","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DragPreviewWrapper","React","Component","constructor","args","_defineProperty2","createRef","componentDidMount","setTimeout","containerRef","current","renderMath","componentDidUpdate","render","createElement","ref","props","children","dropdown","toggle","Panel","settings","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","StyledMarkup","minHeight","paddingBottom","StyledText","Typography","fontSize","typography","StyledTooltip","Tooltip","whiteSpace","maxWidth","ErrorText","color","palette","error","main","FlexContainer","display","alignItems","Main","activeDragItem","newVal","onModelChanged","model","prompt","rationale","teacherInstructions","slateMarkup","choices","correctResponse","markup","createSlateMarkup","markupRef","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","addChoice","baseInputConfiguration","contentDimensions","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","settingsPanelDisabled","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","maxLength","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","toolbarEditorPosition","errors","extraCSSRules","choicesError","correctResponseError","promptError","rationaleError","responseAreasError","teacherInstructionsError","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","rubricEnabled","getPluginProps","assign","onDragEnd","active","over","drag","data","type","markupBounds","getBoundingClientRect","dropX","rect","translated","x","dropY","y","isOutsideMarkup","left","right","top","bottom","onRemove","setState","drop","onDrop","onDragStart","event","renderDragOverlay","state","value","choice","find","c","id","DragProvider","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onModelChange","onChangeConfiguration","groups","Settings","Properties","onChange","onTeacherInstructionsChanged","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","onPromptChanged","disableUnderline","component","disableFocusListener","disableTouchListener","placement","title","style","marginLeft","activePlugins","ALL_PLUGINS","responseAreaProps","onMarkupChanged","disableImageAlignmentButtons","onResponsesChanged","onRationaleChanged","DragOverlay","exports","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","delete","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { layout, settings } from '@pie-lib/config-ui';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport { DragProvider } from '@pie-lib/drag';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Info from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\nimport { DragOverlay } from '@dnd-kit/core';\nimport { restrictToFirstScrollableAncestor } from '@dnd-kit/modifiers';\n\nimport Choice from './choice';\nimport Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport { generateValidationMessage } from '../utils';\n\nclass DragPreviewWrapper extends React.Component {\n  containerRef = React.createRef();\n\n  componentDidMount() {\n    // Render math in the drag preview after it mounts\n    setTimeout(() => {\n      if (this.containerRef.current) {\n        renderMath(this.containerRef.current);\n      }\n    }, 0);\n  }\n\n  componentDidUpdate() {\n    // Re-render math when the drag preview updates\n    setTimeout(() => {\n      if (this.containerRef.current) {\n        renderMath(this.containerRef.current);\n      }\n    }, 0);\n  }\n\n  render() {\n    return <div ref={this.containerRef}>{this.props.children}</div>;\n  }\n}\n\nconst { dropdown, toggle, Panel } = settings;\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledMarkup = styled('div')(({ theme }) => ({\n  minHeight: '235px',\n  paddingTop: theme.spacing(1),\n  paddingBottom: theme.spacing(2),\n  width: '100%',\n  '& [data-slate-editor=\"true\"]': {\n    minHeight: '235px',\n  },\n}));\n\nconst StyledText = styled(Typography)(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n}));\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nconst FlexContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\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    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {\n    activeDragItem: null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.markupRef = React.createRef();\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal,\n    });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n    });\n  };\n\n  onResponsesChanged = (choices) => {\n    const {\n      model: { correctResponse, markup },\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices,\n    });\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      addChoice = {},\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      settingsPanelDisabled,\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      maxLength = {},\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      spellCheckEnabled,\n      toolbarEditorPosition,\n      errors,\n      extraCSSRules,\n    } = model || {};\n\n    const {\n      choicesError,\n      correctResponseError,\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      duplicates: duplicates.settings && toggle(duplicates.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      choicesPosition: choicesPosition.settings && dropdown(choicesPosition.label, ['above', 'below', 'left', 'right']),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n        {\n          ...baseInputConfiguration,\n        },\n        props || {},\n      );\n    };\n\n\n    const onDragEnd = ({ active, over }) => {\n      // check if item was placed as a correct answer and then dropped outside of StyledMarkup component\n      if (active && !over) {\n        const drag = active.data.current;\n\n        if (drag && drag.type === 'drag-in-the-blank-placed-choice') {\n          if (this.markupRef.current) {\n            const markupBounds = this.markupRef.current.getBoundingClientRect();\n            const dropX = active.rect.current.translated?.x || 0;\n            const dropY = active.rect.current.translated?.y || 0;\n\n            const isOutsideMarkup = (\n              dropX < markupBounds.left ||\n              dropX > markupBounds.right ||\n              dropY < markupBounds.top ||\n              dropY > markupBounds.bottom\n            );\n\n            if (isOutsideMarkup && drag.onRemove && typeof drag.onRemove === 'function') {\n              drag.onRemove(drag);\n            }\n          }\n        }\n      }\n\n      if (!active || !over) {\n        this.setState({\n          activeDragItem: null,\n        });\n        return;\n      }\n\n      const drag = active.data.current;\n      const drop = over.data.current;\n\n      if (drop && typeof drop.onDrop === \"function\") {\n        drop.onDrop(drag, drop);\n        return;\n      }\n\n      if (drag && typeof drag.onDrop === \"function\") {\n        drag.onDrop(drag, drop);\n      }\n\n      this.setState({\n        activeDragItem: null,\n      });\n    };\n\n    const onDragStart = (event) => {\n      const { active } = event;\n\n      if (active?.data?.current) {\n        this.setState({\n          activeDragItem: active.data.current,\n        });\n      }\n    };\n\n    const renderDragOverlay = () => {\n      const { activeDragItem } = this.state;\n      const { model } = this.props;\n\n      if (!activeDragItem) return null;\n\n      if ((activeDragItem.type === 'drag-in-the-blank-choice' || activeDragItem.type === 'drag-in-the-blank-placed-choice') && activeDragItem.value) {\n        const choice = model.choices?.find(c => c.id === activeDragItem.value.id);\n\n        if (!choice) return null;\n\n        return <Choice choice={choice} />;\n      }\n    };\n\n    return (\n      <DragProvider onDragEnd={onDragEnd} onDragStart={onDragStart}>\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            <StyledInputContainer label={teacherInstructions.label}>\n              <EditableHtml\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 && <ErrorText>{teacherInstructionsError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          {promptEnabled && (\n            <StyledInputContainer label={prompt.label}>\n              <EditableHtml\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 && <ErrorText>{promptError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          <FlexContainer>\n            <StyledText component={'div'}>\n              Define Template, Choices, and Correct Responses\n            </StyledText>\n            <StyledTooltip\n              disableFocusListener\n              disableTouchListener\n              placement={'right'}\n              title={validationMessage}\n            >\n              <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }} />\n            </StyledTooltip>\n          </FlexContainer>\n\n          <StyledMarkup ref={this.markupRef}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              responseAreaProps={{\n                type: 'drag-in-the-blank',\n                options: {\n                  duplicates: model.duplicates,\n                },\n                maxResponseAreas: maxResponseAreas,\n              }}\n              pluginProps={getPluginProps()}\n              markup={model.slateMarkup}\n              onChange={this.onMarkupChanged}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={true}\n              nonEmpty={false}\n              disableUnderline\n              error={responseAreasError || correctResponseError}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </StyledMarkup>\n          {responseAreasError && <ErrorText>{responseAreasError}</ErrorText>}\n          {correctResponseError && <ErrorText>{correctResponseError}</ErrorText>}\n\n          <Choices\n            model={model}\n            imageSupport={imageSupport}\n            duplicates={model.duplicates}\n            error={choicesError}\n            onChange={this.onResponsesChanged}\n            toolbarOpts={toolbarOpts}\n            maxChoices={maxChoices}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            pluginProps={getPluginProps(addChoice?.inputConfiguration)}\n            maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n            maxLength={maxLength}\n          />\n\n          {rationaleEnabled && (\n            <StyledInputContainer label={rationale.label}>\n              <EditableHtml\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 && <ErrorText>{rationaleError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n        </layout.ConfigLayout>\n        <DragOverlay>\n          <DragPreviewWrapper>\n            {renderDragOverlay()}\n          </DragPreviewWrapper>\n        </DragOverlay>\n      </DragProvider>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtmlTipTap","_interopRequireWildcard","_configUi","_renderUi","_drag","_mathRendering","_styles","_Typography","_Info","_Tooltip","_core","_modifiers","_choice","_choices","_markupUtils","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DragPreviewWrapper","React","Component","constructor","args","_defineProperty2","createRef","componentDidMount","setTimeout","containerRef","current","renderMath","componentDidUpdate","render","createElement","ref","props","children","dropdown","toggle","Panel","settings","StyledInputContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginBottom","StyledMarkup","minHeight","paddingBottom","StyledText","Typography","fontSize","typography","StyledTooltip","Tooltip","whiteSpace","maxWidth","ErrorText","color","palette","error","main","FlexContainer","display","alignItems","Main","activeDragItem","newVal","onModelChanged","model","prompt","rationale","teacherInstructions","slateMarkup","choices","correctResponse","markup","createSlateMarkup","markupRef","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","addChoice","baseInputConfiguration","contentDimensions","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","settingsPanelDisabled","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","language","languageChoices","maxLength","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","toolbarEditorPosition","errors","extraCSSRules","choicesError","correctResponseError","promptError","rationaleError","responseAreasError","teacherInstructionsError","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","options","panelProperties","rubricEnabled","getPluginProps","assign","onDragEnd","active","over","drag","data","type","markupBounds","getBoundingClientRect","dropX","rect","translated","x","dropY","y","isOutsideMarkup","left","right","top","bottom","onRemove","setState","drop","onDrop","onDragStart","event","renderDragOverlay","state","value","choice","find","c","id","DragProvider","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onModelChange","onChangeConfiguration","groups","Settings","Properties","onChange","onTeacherInstructionsChanged","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","onPromptChanged","disableUnderline","component","disableFocusListener","disableTouchListener","placement","title","style","marginLeft","activePlugins","ALL_PLUGINS","responseAreaProps","onMarkupChanged","disableImageAlignmentButtons","onResponsesChanged","onRationaleChanged","DragOverlay","exports","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","delete","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html-tip-tap';\nimport { layout, settings } from '@pie-lib/config-ui';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport { DragProvider } from '@pie-lib/drag';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Info from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\nimport { DragOverlay } from '@dnd-kit/core';\nimport { restrictToFirstScrollableAncestor } from '@dnd-kit/modifiers';\n\nimport Choice from './choice';\nimport Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport { generateValidationMessage } from '../utils';\n\nclass DragPreviewWrapper extends React.Component {\n  containerRef = React.createRef();\n\n  componentDidMount() {\n    // Render math in the drag preview after it mounts\n    setTimeout(() => {\n      if (this.containerRef.current) {\n        renderMath(this.containerRef.current);\n      }\n    }, 0);\n  }\n\n  componentDidUpdate() {\n    // Re-render math when the drag preview updates\n    setTimeout(() => {\n      if (this.containerRef.current) {\n        renderMath(this.containerRef.current);\n      }\n    }, 0);\n  }\n\n  render() {\n    return <div ref={this.containerRef}>{this.props.children}</div>;\n  }\n}\n\nconst { dropdown, toggle, Panel } = settings;\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledMarkup = styled('div')(({ theme }) => ({\n  minHeight: '235px',\n  paddingTop: theme.spacing(1),\n  paddingBottom: theme.spacing(2),\n  width: '100%',\n  '& [data-slate-editor=\"true\"]': {\n    minHeight: '235px',\n  },\n}));\n\nconst StyledText = styled(Typography)(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n}));\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nconst FlexContainer = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\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    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {\n    activeDragItem: null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.markupRef = React.createRef();\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal,\n    });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n    });\n  };\n\n  onResponsesChanged = (choices) => {\n    const {\n      model: { correctResponse, markup },\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices,\n    });\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      addChoice = {},\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      settingsPanelDisabled,\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      maxLength = {},\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      spellCheckEnabled,\n      toolbarEditorPosition,\n      errors,\n      extraCSSRules,\n    } = model || {};\n\n    const {\n      choicesError,\n      correctResponseError,\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreasError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      duplicates: duplicates.settings && toggle(duplicates.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      choicesPosition: choicesPosition.settings && dropdown(choicesPosition.label, ['above', 'below', 'left', 'right']),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n        {\n          ...baseInputConfiguration,\n        },\n        props || {},\n      );\n    };\n\n\n    const onDragEnd = ({ active, over }) => {\n      // check if item was placed as a correct answer and then dropped outside of StyledMarkup component\n      if (active && !over) {\n        const drag = active.data.current;\n\n        if (drag && drag.type === 'drag-in-the-blank-placed-choice') {\n          if (this.markupRef.current) {\n            const markupBounds = this.markupRef.current.getBoundingClientRect();\n            const dropX = active.rect.current.translated?.x || 0;\n            const dropY = active.rect.current.translated?.y || 0;\n\n            const isOutsideMarkup = (\n              dropX < markupBounds.left ||\n              dropX > markupBounds.right ||\n              dropY < markupBounds.top ||\n              dropY > markupBounds.bottom\n            );\n\n            if (isOutsideMarkup && drag.onRemove && typeof drag.onRemove === 'function') {\n              drag.onRemove(drag);\n            }\n          }\n        }\n      }\n\n      if (!active || !over) {\n        this.setState({\n          activeDragItem: null,\n        });\n        return;\n      }\n\n      const drag = active.data.current;\n      const drop = over.data.current;\n\n      if (drop && typeof drop.onDrop === \"function\") {\n        drop.onDrop(drag, drop);\n        return;\n      }\n\n      if (drag && typeof drag.onDrop === \"function\") {\n        drag.onDrop(drag, drop);\n      }\n\n      this.setState({\n        activeDragItem: null,\n      });\n    };\n\n    const onDragStart = (event) => {\n      const { active } = event;\n\n      if (active?.data?.current) {\n        this.setState({\n          activeDragItem: active.data.current,\n        });\n      }\n    };\n\n    const renderDragOverlay = () => {\n      const { activeDragItem } = this.state;\n      const { model } = this.props;\n\n      if (!activeDragItem) return null;\n\n      if ((activeDragItem.type === 'drag-in-the-blank-choice' || activeDragItem.type === 'drag-in-the-blank-placed-choice') && activeDragItem.value) {\n        const choice = model.choices?.find(c => c.id === activeDragItem.value.id);\n\n        if (!choice) return null;\n\n        return <Choice choice={choice} />;\n      }\n    };\n\n    return (\n      <DragProvider onDragEnd={onDragEnd} onDragStart={onDragStart}>\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            <StyledInputContainer label={teacherInstructions.label}>\n              <EditableHtml\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 && <ErrorText>{teacherInstructionsError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          {promptEnabled && (\n            <StyledInputContainer label={prompt.label}>\n              <EditableHtml\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 && <ErrorText>{promptError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n\n          <FlexContainer>\n            <StyledText component={'div'}>\n              Define Template, Choices, and Correct Responses\n            </StyledText>\n            <StyledTooltip\n              disableFocusListener\n              disableTouchListener\n              placement={'right'}\n              title={validationMessage}\n            >\n              <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }} />\n            </StyledTooltip>\n          </FlexContainer>\n\n          <StyledMarkup ref={this.markupRef}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              responseAreaProps={{\n                type: 'drag-in-the-blank',\n                options: {\n                  duplicates: model.duplicates,\n                },\n                maxResponseAreas: maxResponseAreas,\n              }}\n              pluginProps={getPluginProps()}\n              markup={model.slateMarkup}\n              onChange={this.onMarkupChanged}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={true}\n              nonEmpty={false}\n              disableUnderline\n              error={responseAreasError || correctResponseError}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </StyledMarkup>\n          {responseAreasError && <ErrorText>{responseAreasError}</ErrorText>}\n          {correctResponseError && <ErrorText>{correctResponseError}</ErrorText>}\n\n          <Choices\n            model={model}\n            imageSupport={imageSupport}\n            duplicates={model.duplicates}\n            error={choicesError}\n            onChange={this.onResponsesChanged}\n            toolbarOpts={toolbarOpts}\n            maxChoices={maxChoices}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n            pluginProps={getPluginProps(addChoice?.inputConfiguration)}\n            maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n            maxLength={maxLength}\n          />\n\n          {rationaleEnabled && (\n            <StyledInputContainer label={rationale.label}>\n              <EditableHtml\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 && <ErrorText>{rationaleError}</ErrorText>}\n            </StyledInputContainer>\n          )}\n        </layout.ConfigLayout>\n        <DragOverlay>\n          <DragPreviewWrapper>\n            {renderDragOverlay()}\n          </DragPreviewWrapper>\n        </DragOverlay>\n      </DragProvider>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/drag-in-the-blank-configure",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@dnd-kit/core": "6.1.0",
+    "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "11.30.4-next.0",
-    "@pie-lib/drag": "2.22.4-next.0",
-    "@pie-lib/editable-html": "11.21.4-next.0",
-    "@pie-lib/math-rendering": "3.22.3-next.0",
+    "@pie-lib/config-ui": "12.1.0-next.5",
+    "@pie-lib/drag": "3.1.0-next.5",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.5",
+    "@pie-lib/math-rendering": "4.1.0-next.4",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/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/drag-in-the-blank-controller@7.3.2...@pie-element/drag-in-the-blank-controller@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/drag-in-the-blank-controller@7.3.1...@pie-element/drag-in-the-blank-controller@7.3.2) (2025-10-22)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/drag-in-the-blank-controller",
   "private": true,
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/controller-utils": "0.22.4-next.0",
+    "@pie-lib/controller-utils": "1.1.0-next.4",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0-beta.1",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -15,11 +15,11 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "2.25.4-next.0",
-    "@pie-lib/drag": "2.22.4-next.0",
-    "@pie-lib/mask-markup": "1.33.4-next.0",
-    "@pie-lib/math-rendering": "3.22.3-next.0",
-    "@pie-lib/render-ui": "4.35.4-next.0",
+    "@pie-lib/correct-answer-toggle": "3.1.0-next.5",
+    "@pie-lib/drag": "3.1.0-next.5",
+    "@pie-lib/mask-markup": "2.1.0-next.5",
+    "@pie-lib/math-rendering": "4.1.0-next.4",
+    "@pie-lib/render-ui": "5.1.0-next.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
     "react": "18.2.0",
@@ -27,7 +27,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "f7170c384c729616bce308c461c7443d6bc65ccc",
+  "gitHead": "f7801e8a2cd1bdc01ef1da55f9157f0989714bdc",
   "main": "lib/index.js",
   "module": "src/index.js"
 }