npm - @pie-element/drag-in-the-blank - Versions diffs - 10.2.2-beta.6 → 10.2.2-beta.7 - Mend

@pie-element/drag-in-the-blank 10.2.2-beta.6 → 10.2.2-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/CHANGELOG.md +4 -0
package/configure/CHANGELOG.md +4 -0
package/configure/lib/choice.js +137 -0
package/configure/lib/choice.js.map +1 -0
package/configure/lib/choices.js +332 -0
package/configure/lib/choices.js.map +1 -0
package/configure/lib/defaults.js +169 -0
package/configure/lib/defaults.js.map +1 -0
package/configure/lib/index.js +148 -0
package/configure/lib/index.js.map +1 -0
package/configure/lib/main.js +440 -0
package/configure/lib/main.js.map +1 -0
package/configure/lib/markupUtils.js +83 -0
package/configure/lib/markupUtils.js.map +1 -0
package/configure/package.json +3 -3
package/controller/CHANGELOG.md +4 -0
package/controller/lib/defaults.js +24 -0
package/controller/lib/defaults.js.map +1 -0
package/controller/lib/index.js +251 -0
package/controller/lib/index.js.map +1 -0
package/controller/lib/utils.js +39 -0
package/controller/lib/utils.js.map +1 -0
package/controller/package.json +1 -1
package/lib/index.js +207 -0
package/lib/index.js.map +1 -0
package/lib/main.js +126 -0
package/lib/main.js.map +1 -0
package/package.json +3 -3

package/configure/lib/main.js ADDED Viewed

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

package/configure/lib/main.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_editableHtmlTipTap","_interopRequireWildcard","_configUi","_renderUi","_drag","_mathRendering","_styles","_Typography","_Info","_Tooltip","_core","_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';\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/lib/markupUtils.js ADDED Viewed

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeUnwantedCharacters = exports.processMarkup = exports.createSlateMarkup = exports.createElementFromHTML = exports.choiceIsEmpty = void 0;
+var _lodashEs = require("lodash-es");
+const createElementFromHTML = htmlString => {
+  const div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+// do not remove \t from \times, \triangle, \tan, \theta or \therefore
+exports.createElementFromHTML = createElementFromHTML;
+const tSymbols = 'imes|riangle|an|heta|herefore';
+// do not remove \n from \nthroot, \nparallel, \ncong, \napprox, \neq, \ne or \nsim
+const nSymbols = 'throot|parallel|cong|approx|eq|e|sim';
+// match all \t and \n that are not part of math symbols that starts with \t or \n
+const matchTabAndNewLine = new RegExp(`(\\t(?!${tSymbols}))|(\\n(?!${nSymbols}))|(\\\\t(?!${tSymbols}))|(\\\\n(?!${nSymbols}))`, 'g');
+const removeUnwantedCharacters = markup => markup.replace(matchTabAndNewLine, '').replace(/\\"/g, '"').replace(/\\\//g, '/');
+exports.removeUnwantedCharacters = removeUnwantedCharacters;
+const processMarkup = markup => {
+  const newMarkup = removeUnwantedCharacters(markup);
+  const slateMarkup = createElementFromHTML(newMarkup);
+  const choices = [];
+  let index = 0;
+  slateMarkup.querySelectorAll('[data-type="drag_in_the_blank"]').forEach(s => {
+    let value = s.dataset.value && s.dataset.value.replace(/&nbsp;/g, ' ').trim();
+    if (!value) {
+      value = '';
+    }
+    choices.push({
+      value,
+      id: s.dataset.id
+    });
+    s.replaceWith(`{{${index++}}}`);
+  });
+  return {
+    markup: slateMarkup.innerHTML,
+    choices: choices,
+    correctResponse: choices.reduce((obj, c, index) => {
+      obj[index] = c.id !== undefined && c.id || '';
+      return obj;
+    }, {})
+  };
+};
+exports.processMarkup = processMarkup;
+const REGEX = /\{\{(\d+)\}\}/g;
+const createSlateMarkup = (markup, choices, correctResponse) => {
+  const newMarkup = removeUnwantedCharacters(markup);
+  let index = 0;
+  return newMarkup.replace(REGEX, (match, g) => {
+    const correctId = correctResponse[g];
+    let correctChoice = choices.find(c => c.id === correctId);
+    if (!correctChoice || !correctChoice.value) {
+      correctChoice = {
+        id: '',
+        value: ''
+      };
+    }
+    return `<span data-type="drag_in_the_blank" data-index="${index++}" data-id="${correctChoice.id}" data-value="${(0, _lodashEs.escape)(correctChoice.value)}"></span>`;
+  });
+};
+exports.createSlateMarkup = createSlateMarkup;
+const choiceIsEmpty = choice => {
+  if (choice) {
+    const {
+      value = ''
+    } = choice;
+    const domEl = createElementFromHTML(value);
+    Array.from(domEl.querySelectorAll('*')).forEach(domEl => {
+      if (domEl.tagName !== 'IMG' && domEl.childNodes.length === 0) {
+        domEl.remove();
+      }
+    });
+    const newString = domEl.innerHTML.trim();
+    return newString === '';
+  }
+  return false;
+};
+exports.choiceIsEmpty = choiceIsEmpty;
+//# sourceMappingURL=markupUtils.js.map

package/configure/lib/markupUtils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"markupUtils.js","names":["_lodashEs","require","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","exports","tSymbols","nSymbols","matchTabAndNewLine","RegExp","removeUnwantedCharacters","markup","replace","processMarkup","newMarkup","slateMarkup","choices","index","querySelectorAll","forEach","s","value","dataset","push","id","replaceWith","correctResponse","reduce","obj","c","undefined","REGEX","createSlateMarkup","match","g","correctId","correctChoice","find","escape","choiceIsEmpty","choice","domEl","Array","from","tagName","childNodes","length","remove","newString"],"sources":["../src/markupUtils.js"],"sourcesContent":["import { escape } from 'lodash-es';\n\nexport const createElementFromHTML = (htmlString) => {\n const div = document.createElement('div');\n\n div.innerHTML = htmlString.trim();\n\n return div;\n};\n\n// do not remove \\t from \\times, \\triangle, \\tan, \\theta or \\therefore\nconst tSymbols = 'imes|riangle|an|heta|herefore';\n// do not remove \\n from \\nthroot, \\nparallel, \\ncong, \\napprox, \\neq, \\ne or \\nsim\nconst nSymbols = 'throot|parallel|cong|approx|eq|e|sim';\n// match all \\t and \\n that are not part of math symbols that starts with \\t or \\n\nconst matchTabAndNewLine = new RegExp(\n `(\\\\t(?!${tSymbols}))|(\\\\n(?!${nSymbols}))|(\\\\\\\\t(?!${tSymbols}))|(\\\\\\\\n(?!${nSymbols}))`,\n 'g',\n);\n\nexport const removeUnwantedCharacters = (markup) =>\n markup.replace(matchTabAndNewLine, '').replace(/\\\\\"/g, '\"').replace(/\\\\\\//g, '/');\n\nexport const processMarkup = (markup) => {\n const newMarkup = removeUnwantedCharacters(markup);\n const slateMarkup = createElementFromHTML(newMarkup);\n const choices = [];\n let index = 0;\n\n slateMarkup.querySelectorAll('[data-type=\"drag_in_the_blank\"]').forEach((s) => {\n let value = s.dataset.value && s.dataset.value.replace(/ /g, ' ').trim();\n\n if (!value) {\n value = '';\n }\n\n choices.push({\n value,\n id: s.dataset.id,\n });\n\n s.replaceWith(`{{${index++}}}`);\n });\n\n return {\n markup: slateMarkup.innerHTML,\n choices: choices,\n correctResponse: choices.reduce((obj, c, index) => {\n obj[index] = (c.id !== undefined && c.id) || '';\n\n return obj;\n }, {}),\n };\n};\n\nconst REGEX = /\\{\\{(\\d+)\\}\\}/g;\n\nexport const createSlateMarkup = (markup, choices, correctResponse) => {\n const newMarkup = removeUnwantedCharacters(markup);\n let index = 0;\n\n return newMarkup.replace(REGEX, (match, g) => {\n const correctId = correctResponse[g];\n let correctChoice = choices.find((c) => c.id === correctId);\n\n if (!correctChoice || !correctChoice.value) {\n correctChoice = {\n id: '',\n value: '',\n };\n }\n\n return `<span data-type=\"drag_in_the_blank\" data-index=\"${index++}\" data-id=\"${\n correctChoice.id\n }\" data-value=\"${escape(correctChoice.value)}\"></span>`;\n });\n};\n\nexport const choiceIsEmpty = (choice) => {\n if (choice) {\n const { value = '' } = choice;\n const domEl = createElementFromHTML(value);\n\n Array.from(domEl.querySelectorAll('*')).forEach((domEl) => {\n if (domEl.tagName !== 'IMG' && domEl.childNodes.length === 0) {\n domEl.remove();\n }\n });\n\n const newString = domEl.innerHTML.trim();\n\n return newString === '';\n }\n\n return false;\n};\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/drag-in-the-blank-configure",
-  "version": "9.4.0-beta.12",
+  "version": "9.4.0-beta.13",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,9 +12,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "13.0.22-beta.1",
+    "@pie-lib/config-ui": "13.0.22-beta.2",
     "@pie-lib/drag": "4.0.6",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.1",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.2",
     "@pie-lib/math-rendering": "5.1.0",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",

package/controller/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [9.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/drag-in-the-blank-controller@9.4.0-beta.12...@pie-element/drag-in-the-blank-controller@9.4.0-beta.13) (2026-09-24)
+**Note:** Version bump only for package @pie-element/drag-in-the-blank-controller
 # [9.4.0-beta.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/drag-in-the-blank-controller@9.4.0-beta.11...@pie-element/drag-in-the-blank-controller@9.4.0-beta.12) (2026-09-24)
 **Note:** Version bump only for package @pie-element/drag-in-the-blank-controller