@pie-element/explicit-constructed-response 11.1.1-next.1 → 11.1.1-next.11

package/configure/lib/main.js

@@ -0,0 +1,501 @@
+"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 _lodashEs = require("lodash-es");
+var _editableHtmlTipTap = _interopRequireWildcard(require("@pie-lib/editable-html-tip-tap"));
+var _configUi = require("@pie-lib/config-ui");
+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 _ecrToolbar = _interopRequireDefault(require("./ecr-toolbar"));
+var _alternateResponses = _interopRequireDefault(require("./alternateResponses"));
+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); }
+const {
+  toggle,
+  Panel,
+  dropdown
+} = _configUi.settings;
+const PromptHolder = (0, _styles.styled)(_configUi.InputContainer)(({
+  theme
+}) => ({
+  width: '100%',
+  paddingTop: theme.spacing(1),
+  marginTop: theme.spacing(2),
+  marginBottom: theme.spacing(2)
+}));
+const MarkupContainer = (0, _styles.styled)(_editableHtmlTipTap.default)(({
+  theme
+}) => ({
+  minHeight: '100px',
+  paddingTop: theme.spacing(1),
+  width: '100%',
+  '& [data-slate-editor="true"]': {
+    minHeight: '100px'
+  }
+}));
+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'
+});
+const ResponseHeader = (0, _styles.styled)(_Typography.default)(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize + 2,
+  marginTop: theme.spacing(3),
+  marginBottom: theme.spacing(1)
+}));
+const createElementFromHTML = htmlString => {
+  const div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {});
+    (0, _defineProperty2.default)(this, "onModelChange", newVal => {
+      this.props.onModelChanged({
+        ...newVal
+      });
+    });
+    (0, _defineProperty2.default)(this, "onPromptChanged", prompt => {
+      this.props.onModelChanged({
+        prompt
+      });
+    });
+    (0, _defineProperty2.default)(this, "onRationaleChanged", rationale => {
+      this.props.onModelChanged({
+        rationale
+      });
+    });
+    (0, _defineProperty2.default)(this, "onTeacherInstructionsChanged", teacherInstructions => {
+      const {
+        onModelChanged
+      } = this.props;
+      onModelChanged({
+        teacherInstructions
+      });
+    });
+    (0, _defineProperty2.default)(this, "onMarkupChanged", slateMarkup => {
+      this.props.onModelChanged({
+        slateMarkup
+      });
+    });
+    (0, _defineProperty2.default)(this, "onResponsesChanged", choices => {
+      this.props.onModelChanged({
+        choices
+      });
+    });
+    (0, _defineProperty2.default)(this, "onLengthChanged", maxLengthPerChoice => {
+      const {
+        onModelChanged
+      } = this.props;
+      onModelChanged({
+        maxLengthPerChoice
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChangeResponse", (index, newVal) => {
+      const {
+        model,
+        onModelChanged
+      } = this.props;
+      const {
+        choices
+      } = model;
+      let {
+        maxLengthPerChoice
+      } = model;
+      const newValLength = (0, _markupUtils.decodeHTML)(newVal || '').length;
+      if (!choices[index] || !choices[index].length) {
+        choices[index] = [{
+          label: newVal || '',
+          value: '0'
+        }];
+
+        // add default values for missing choices up to the new index position
+        const nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;
+        maxLengthPerChoice = [...maxLengthPerChoice, ...Array(nbOfMissingChoices).fill(1)];
+        maxLengthPerChoice.splice(index, 0, (0, _markupUtils.getAdjustedLength)(newValLength));
+      } else {
+        choices[index][0].label = newVal || '';
+        if (maxLengthPerChoice && (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)) {
+          maxLengthPerChoice[index] = (0, _markupUtils.getAdjustedLength)(newValLength);
+        }
+      }
+      onModelChanged({
+        choices,
+        maxLengthPerChoice
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChange", markup => {
+      const {
+        model: {
+          choices,
+          maxLengthPerChoice
+        },
+        onModelChanged
+      } = this.props;
+      const domMarkup = createElementFromHTML(markup);
+      const allRespAreas = domMarkup.querySelectorAll('[data-type="explicit_constructed_response"]');
+      const allChoices = {};
+      const updatedMaxLengthPerChoice = [];
+      allRespAreas.forEach((el, index) => {
+        const newChoices = (0, _lodashEs.cloneDeep)(choices[el.dataset.index]);
+        if (newChoices) {
+          newChoices[0] = {
+            label: el.dataset.value || '',
+            value: '0'
+          };
+          updatedMaxLengthPerChoice[index] = maxLengthPerChoice[el.dataset.index];
+        }
+        allChoices[index] = newChoices;
+        el.dataset.index = index;
+      });
+      const callback = () => onModelChanged({
+        choices: allChoices,
+        slateMarkup: domMarkup.innerHTML,
+        maxLengthPerChoice: updatedMaxLengthPerChoice
+      });
+      this.setState({
+        cachedChoices: undefined
+      }, callback);
+    });
+    (0, _defineProperty2.default)(this, "onHandleAreaChange", (0, _lodashEs.throttle)(nodes => {
+      const {
+        model: {
+          choices
+        },
+        onModelChanged
+      } = this.props;
+      const {
+        cachedChoices
+      } = this.state;
+      if (!nodes) {
+        return;
+      }
+      const newChoices = choices ? (0, _lodashEs.cloneDeep)(choices) : {};
+      const newCachedChoices = cachedChoices ? (0, _lodashEs.cloneDeep)(cachedChoices) : {};
+      nodes.forEach(node => {
+        const keyForNode = node.index;
+        if (!newChoices[keyForNode] && newCachedChoices[keyForNode]) {
+          Object.assign(newChoices, (0, _lodashEs.pick)(newCachedChoices, keyForNode));
+          if (Object.prototype.hasOwnProperty.call(newCachedChoices, keyForNode)) {
+            delete newCachedChoices[keyForNode];
+          }
+        } else {
+          Object.assign(newCachedChoices, (0, _lodashEs.pick)(newChoices, keyForNode));
+          if (Object.prototype.hasOwnProperty.call(newChoices, keyForNode)) {
+            delete newChoices[keyForNode];
+          }
+        }
+      });
+      const callback = () => onModelChanged({
+        choices: newChoices
+      });
+      this.setState({
+        cachedChoices: newCachedChoices
+      }, callback);
+    }, 500, {
+      trailing: false,
+      leading: true
+    }));
+  }
+  componentDidMount() {
+    const {
+      model: {
+        slateMarkup,
+        choices,
+        maxLengthPerChoice = []
+      },
+      onModelChanged
+    } = this.props;
+    const undefinedLengths = !maxLengthPerChoice.length;
+    this.setState({
+      markup: slateMarkup
+    });
+
+    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly
+    Object.values(choices).forEach((choice, index) => {
+      const labelLengthsArr = choice.map(choice => (0, _markupUtils.decodeHTML)(choice.label || '').length);
+      const length = Math.max(...labelLengthsArr);
+      if (undefinedLengths || !maxLengthPerChoice[index] || maxLengthPerChoice[index] < length || maxLengthPerChoice[index] > length + 10) {
+        maxLengthPerChoice[index] = (0, _markupUtils.getAdjustedLength)(length);
+      }
+    });
+    onModelChanged({
+      maxLengthPerChoice
+    });
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      onConfigurationChanged,
+      imageSupport,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      baseInputConfiguration = {},
+      contentDimensions = {},
+      maxImageWidth = {},
+      maxImageHeight = {},
+      maxLengthPerChoice = {},
+      maxResponseAreas,
+      partialScoring = {},
+      playerSpellCheck = {},
+      prompt = {},
+      rationale = {},
+      template = {},
+      settingsPanelDisabled,
+      spellCheck = {},
+      editSource = {},
+      teacherInstructions = {},
+      withRubric = {},
+      mathMlOptions = {},
+      language = {},
+      languageChoices = {},
+      spanishButton = {},
+      responseAreaInputConfiguration = {}
+    } = configuration || {};
+    const {
+      errors,
+      extraCSSRules,
+      maxLengthPerChoiceEnabled,
+      promptEnabled,
+      rationaleEnabled,
+      spellCheckEnabled,
+      teacherInstructionsEnabled,
+      toolbarEditorPosition
+    } = model || {};
+    const {
+      choices: choicesErrors = {},
+      prompt: promptError,
+      rationale: rationaleError,
+      responseAreas: 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),
+      maxLengthPerChoiceEnabled: maxLengthPerChoice.settings && toggle(maxLengthPerChoice.label),
+      'language.enabled': language.settings && toggle(language.label, true),
+      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
+      'responseAreaInputConfiguration.inputConfiguration.characters.disabled': spanishButton.settings && toggle(spanishButton.label, true)
+    };
+    const panelProperties = {
+      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+      rationaleEnabled: rationale.settings && toggle(rationale.label),
+      promptEnabled: prompt.settings && toggle(prompt.label),
+      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+      playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),
+      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),
+      'editSource.enabled': editSource?.settings && toggle(editSource.label, true)
+    };
+    const getPluginProps = (props = {}) => ({
+      ...baseInputConfiguration,
+      ...props
+    });
+    return /*#__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(PromptHolder, {
+      label: teacherInstructions.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      className: "prompt",
+      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,
+      autoWidthToolbar: true
+    }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
+      label: prompt.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      className: "prompt",
+      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,
+      autoWidthToolbar: true
+    }), 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: '8px'
+      }
+    }))), /*#__PURE__*/_react.default.createElement(MarkupContainer, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
+      toolbarOpts: {
+        position: 'top'
+      },
+      spellCheck: spellCheckEnabled,
+      pluginProps: getPluginProps(template?.inputConfiguration),
+      responseAreaProps: {
+        type: 'explicit-constructed-response',
+        options: {
+          duplicates: true
+        },
+        maxResponseAreas: maxResponseAreas,
+        respAreaToolbar: (nodeInfo, editor, onToolbarDone) => {
+          const [node, pos] = nodeInfo;
+          const {
+            model
+          } = this.props;
+          const correctChoice = (model.choices[node.attrs.index] || [])[0];
+          return () => /*#__PURE__*/_react.default.createElement(_ecrToolbar.default, {
+            onChangeResponse: newVal => this.onChangeResponse(node.attrs.index, newVal),
+            node: node,
+            pos: pos,
+            editor: editor,
+            onToolbarDone: onToolbarDone,
+            correctChoice: correctChoice,
+            maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
+            pluginProps: getPluginProps(responseAreaInputConfiguration?.inputConfiguration)
+          });
+        },
+        error: () => choicesErrors,
+        onHandleAreaChange: this.onHandleAreaChange
+      },
+      markup: model.slateMarkup,
+      onChange: this.onChange,
+      imageSupport: imageSupport,
+      disableImageAlignmentButtons: true,
+      onBlur: this.onBlur,
+      disabled: false,
+      highlightShape: false,
+      error: responseAreasError,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions,
+      autoWidthToolbar: true
+    }), responseAreasError && /*#__PURE__*/_react.default.createElement(ErrorText, null, responseAreasError), !(0, _lodashEs.isEmpty)(model.choices) && /*#__PURE__*/_react.default.createElement(ResponseHeader, null, `Define Alternates ${maxLengthPerChoiceEnabled ? 'and Character Limits' : ''}`), /*#__PURE__*/_react.default.createElement(_alternateResponses.default, {
+      model: model,
+      onChange: this.onResponsesChanged,
+      onLengthChange: this.onLengthChanged,
+      maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
+      spellCheck: spellCheckEnabled,
+      choicesErrors: choicesErrors,
+      pluginProps: getPluginProps(responseAreaInputConfiguration?.inputConfiguration)
+    }), rationaleEnabled && /*#__PURE__*/_react.default.createElement(PromptHolder, {
+      label: rationale.label
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      className: "prompt",
+      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,
+      autoWidthToolbar: true
+    }), rationaleError && /*#__PURE__*/_react.default.createElement(ErrorText, null, rationaleError)));
+  }
+}
+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

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_editableHtmlTipTap","_interopRequireWildcard","_configUi","_styles","_Typography","_Info","_Tooltip","_ecrToolbar","_alternateResponses","_markupUtils","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toggle","Panel","dropdown","settings","PromptHolder","styled","InputContainer","theme","width","paddingTop","spacing","marginTop","marginBottom","MarkupContainer","EditableHtml","minHeight","StyledText","Typography","fontSize","typography","StyledTooltip","Tooltip","whiteSpace","maxWidth","ErrorText","color","palette","error","main","FlexContainer","display","alignItems","ResponseHeader","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","React","Component","constructor","args","_defineProperty2","newVal","props","onModelChanged","prompt","rationale","teacherInstructions","slateMarkup","choices","maxLengthPerChoice","index","model","newValLength","decodeHTML","length","label","value","nbOfMissingChoices","Array","fill","splice","getAdjustedLength","markup","domMarkup","allRespAreas","querySelectorAll","allChoices","updatedMaxLengthPerChoice","forEach","el","newChoices","cloneDeep","dataset","callback","setState","cachedChoices","undefined","throttle","nodes","state","newCachedChoices","node","keyForNode","assign","pick","prototype","trailing","leading","componentDidMount","undefinedLengths","values","choice","labelLengthsArr","map","Math","max","render","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","contentDimensions","maxImageWidth","maxImageHeight","maxResponseAreas","partialScoring","playerSpellCheck","template","settingsPanelDisabled","spellCheck","editSource","withRubric","mathMlOptions","language","languageChoices","spanishButton","responseAreaInputConfiguration","errors","extraCSSRules","maxLengthPerChoiceEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","choicesErrors","promptError","rationaleError","responseAreas","responseAreasError","teacherInstructionsError","validationMessage","generateValidationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","enabled","options","panelProperties","playerSpellCheckEnabled","rubricEnabled","getPluginProps","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onModelChange","onChangeConfiguration","groups","Settings","Properties","className","onChange","onTeacherInstructionsChanged","nonEmpty","pluginProps","inputConfiguration","languageCharactersProps","autoWidthToolbar","onPromptChanged","disableUnderline","component","disableFocusListener","disableTouchListener","placement","title","style","marginLeft","activePlugins","ALL_PLUGINS","responseAreaProps","type","duplicates","respAreaToolbar","nodeInfo","editor","onToolbarDone","pos","correctChoice","attrs","onChangeResponse","onHandleAreaChange","disableImageAlignmentButtons","onBlur","disabled","highlightShape","isEmpty","onResponsesChanged","onLengthChange","onLengthChanged","onRationaleChanged","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 { cloneDeep, isEmpty, pick, throttle } from 'lodash-es';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html-tip-tap';\nimport { InputContainer, layout, settings } from '@pie-lib/config-ui';\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';\n\nimport ECRToolbar from './ecr-toolbar';\nimport AlternateResponses from './alternateResponses';\nimport { decodeHTML, getAdjustedLength } from './markupUtils';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel, dropdown } = settings;\n\nconst PromptHolder = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(1),\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst MarkupContainer = styled(EditableHtml)(({ theme }) => ({\n  minHeight: '100px',\n  paddingTop: theme.spacing(1),\n  width: '100%',\n  '& [data-slate-editor=\"true\"]': {\n    minHeight: '100px',\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\nconst ResponseHeader = styled(Typography)(({ theme }) => ({\n  fontSize: theme.typography.fontSize + 2,\n  marginTop: theme.spacing(3),\n  marginBottom: theme.spacing(1),\n}));\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  state = {};\n\n  componentDidMount() {\n    const {\n      model: { slateMarkup, choices, maxLengthPerChoice = [] },\n      onModelChanged,\n    } = this.props;\n    const undefinedLengths = !maxLengthPerChoice.length;\n\n    this.setState({ markup: slateMarkup });\n\n    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly\n    Object.values(choices).forEach((choice, index) => {\n      const labelLengthsArr = choice.map((choice) => decodeHTML(choice.label || '').length);\n      const length = Math.max(...labelLengthsArr);\n\n      if (\n        undefinedLengths ||\n        !maxLengthPerChoice[index] ||\n        maxLengthPerChoice[index] < length ||\n        maxLengthPerChoice[index] > length + 10\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(length);\n      }\n    });\n\n    onModelChanged({ maxLengthPerChoice });\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({ rationale });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    const { onModelChanged } = this.props;\n\n    onModelChanged({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.props.onModelChanged({ slateMarkup });\n  };\n\n  onResponsesChanged = (choices) => {\n    this.props.onModelChanged({ choices });\n  };\n\n  onLengthChanged = (maxLengthPerChoice) => {\n    const { onModelChanged } = this.props;\n\n    onModelChanged({ maxLengthPerChoice });\n  };\n\n  onChangeResponse = (index, newVal) => {\n    const { model, onModelChanged } = this.props;\n    const { choices } = model;\n    let { maxLengthPerChoice } = model;\n    const newValLength = decodeHTML(newVal || '').length;\n\n    if (!choices[index] || !choices[index].length) {\n      choices[index] = [{ label: newVal || '', value: '0' }];\n\n      // add default values for missing choices up to the new index position\n      const nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;\n\n      maxLengthPerChoice = [...maxLengthPerChoice, ...Array(nbOfMissingChoices).fill(1)];\n\n      maxLengthPerChoice.splice(index, 0, getAdjustedLength(newValLength));\n    } else {\n      choices[index][0].label = newVal || '';\n\n      if (\n        maxLengthPerChoice &&\n        (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(newValLength);\n      }\n    }\n\n    onModelChanged({ choices, maxLengthPerChoice });\n  };\n\n  onChange = (markup) => {\n    const {\n      model: { choices, maxLengthPerChoice },\n      onModelChanged,\n    } = this.props;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"explicit_constructed_response\"]');\n\n    const allChoices = {};\n    const updatedMaxLengthPerChoice = [];\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = cloneDeep(choices[el.dataset.index]);\n\n      if (newChoices) {\n        newChoices[0] = {\n          label: el.dataset.value || '',\n          value: '0',\n        };\n\n        updatedMaxLengthPerChoice[index] = maxLengthPerChoice[el.dataset.index];\n      }\n\n      allChoices[index] = newChoices;\n      el.dataset.index = index;\n    });\n\n    const callback = () =>\n      onModelChanged({\n        choices: allChoices,\n        slateMarkup: domMarkup.innerHTML,\n        maxLengthPerChoice: updatedMaxLengthPerChoice,\n      });\n\n    this.setState({ cachedChoices: undefined }, callback);\n  };\n\n  onHandleAreaChange = throttle(\n    (nodes) => {\n      const {\n        model: { choices },\n        onModelChanged,\n      } = this.props;\n      const { cachedChoices } = this.state;\n\n      if (!nodes) {\n        return;\n      }\n\n      const newChoices = choices ? cloneDeep(choices) : {};\n      const newCachedChoices = cachedChoices ? cloneDeep(cachedChoices) : {};\n\n      nodes.forEach((node) => {\n        const keyForNode = node.index;\n\n        if (!newChoices[keyForNode] && newCachedChoices[keyForNode]) {\n          Object.assign(newChoices, pick(newCachedChoices, keyForNode));\n\n          if (Object.prototype.hasOwnProperty.call(newCachedChoices, keyForNode)) {\n            delete newCachedChoices[keyForNode];\n          }\n        } else {\n          Object.assign(newCachedChoices, pick(newChoices, keyForNode));\n\n          if (Object.prototype.hasOwnProperty.call(newChoices, keyForNode)) {\n            delete newChoices[keyForNode];\n          }\n        }\n      });\n\n      const callback = () => onModelChanged({ choices: newChoices });\n\n      this.setState({ cachedChoices: newCachedChoices }, callback);\n    },\n    500,\n    { trailing: false, leading: true },\n  );\n\n  render() {\n    const { model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      maxLengthPerChoice = {},\n      maxResponseAreas,\n      partialScoring = {},\n      playerSpellCheck = {},\n      prompt = {},\n      rationale = {},\n      template = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      editSource = {},\n      teacherInstructions = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n      spanishButton = {},\n      responseAreaInputConfiguration = {},\n    } = configuration || {};\n    const {\n      errors,\n      extraCSSRules,\n      maxLengthPerChoiceEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const {\n      choices: choicesErrors = {},\n      prompt: promptError,\n      rationale: rationaleError,\n      responseAreas: 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      maxLengthPerChoiceEnabled: maxLengthPerChoice.settings && toggle(maxLengthPerChoice.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n      'responseAreaInputConfiguration.inputConfiguration.characters.disabled':\n        spanishButton.settings && toggle(spanishButton.label, true),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n      'editSource.enabled': editSource?.settings && toggle(editSource.label, true),\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <PromptHolder label={teacherInstructions.label}>\n            <EditableHtml\n              className=\"prompt\"\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              autoWidthToolbar\n            />\n            {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </PromptHolder>\n        )}\n\n        {promptEnabled && (\n          <PromptHolder label={prompt.label}>\n            <EditableHtml\n              className=\"prompt\"\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              autoWidthToolbar\n            />\n            {promptError && <ErrorText>{promptError}</ErrorText>}\n          </PromptHolder>\n        )}\n\n        <FlexContainer>\n          <StyledText component=\"div\">Define Template, Choices, and Correct Responses</StyledText>\n          <StyledTooltip disableFocusListener disableTouchListener placement={'right'} title={validationMessage}>\n            <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '8px' }} />\n          </StyledTooltip>\n        </FlexContainer>\n\n        <MarkupContainer\n          activePlugins={ALL_PLUGINS}\n          toolbarOpts={{ position: 'top' }}\n          spellCheck={spellCheckEnabled}\n          pluginProps={getPluginProps(template?.inputConfiguration)}\n          responseAreaProps={{\n            type: 'explicit-constructed-response',\n            options: {\n              duplicates: true,\n            },\n            maxResponseAreas: maxResponseAreas,\n            respAreaToolbar: (nodeInfo, editor, onToolbarDone) => {\n              const [node, pos] = nodeInfo;\n              const { model } = this.props;\n              const correctChoice = (model.choices[node.attrs.index] || [])[0];\n              return () => (\n                <ECRToolbar\n                  onChangeResponse={(newVal) => this.onChangeResponse(node.attrs.index, newVal)}\n                  node={node}\n                  pos={pos}\n                  editor={editor}\n                  onToolbarDone={onToolbarDone}\n                  correctChoice={correctChoice}\n                  maxLengthPerChoiceEnabled={maxLengthPerChoiceEnabled}\n                  pluginProps={getPluginProps(responseAreaInputConfiguration?.inputConfiguration)}\n                />\n              );\n            },\n            error: () => choicesErrors,\n            onHandleAreaChange: this.onHandleAreaChange,\n          }}\n          markup={model.slateMarkup}\n          onChange={this.onChange}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          onBlur={this.onBlur}\n          disabled={false}\n          highlightShape={false}\n          error={responseAreasError}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          mathMlOptions={mathMlOptions}\n          autoWidthToolbar\n        />\n        {responseAreasError && <ErrorText>{responseAreasError}</ErrorText>}\n\n        {!isEmpty(model.choices) && (\n          <ResponseHeader>\n            {`Define Alternates ${maxLengthPerChoiceEnabled ? 'and Character Limits' : ''}`}\n          </ResponseHeader>\n        )}\n        <AlternateResponses\n          model={model}\n          onChange={this.onResponsesChanged}\n          onLengthChange={this.onLengthChanged}\n          maxLengthPerChoiceEnabled={maxLengthPerChoiceEnabled}\n          spellCheck={spellCheckEnabled}\n          choicesErrors={choicesErrors}\n          pluginProps={getPluginProps(responseAreaInputConfiguration?.inputConfiguration)}\n        />\n\n        {rationaleEnabled && (\n          <PromptHolder label={rationale.label}>\n            <EditableHtml\n              className=\"prompt\"\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              error={rationaleError}\n              toolbarOpts={toolbarOpts}\n              pluginProps={getPluginProps(rationale?.inputConfiguration)}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              autoWidthToolbar\n            />\n            {rationaleError && <ErrorText>{rationaleError}</ErrorText>}\n          </PromptHolder>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/markupUtils.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stripHtmlTags = exports.removeUnwantedCharacters = exports.processMarkup = exports.getAdjustedLength = exports.decodeHTML = exports.createSlateMarkup = void 0;
+var _lodashEs = require("lodash-es");
+// do not remove \t from \times, \triangle, \tan, \theta or \therefore
+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 createElementFromHTML = (htmlString = '') => {
+  const div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+const processMarkup = markup => {
+  const newMarkup = removeUnwantedCharacters(markup || '');
+  const slateMarkup = createElementFromHTML(newMarkup || '');
+  let index = 0;
+  slateMarkup.querySelectorAll('[data-type="explicit_constructed_response"]').forEach(s => {
+    s.replaceWith(`{{${index++}}}`);
+  });
+  return slateMarkup.innerHTML;
+};
+exports.processMarkup = processMarkup;
+const REGEX = /\{\{(\d+)\}\}/g;
+const createSlateMarkup = (markup, choices) => {
+  if (!markup) {
+    return '';
+  }
+  const newMarkup = removeUnwantedCharacters(markup);
+  return newMarkup.replace(REGEX, (match, g) => {
+    const label = choices[g][0].label || '';
+    return `<span data-type="explicit_constructed_response" data-index="${g}" data-value="${(0, _lodashEs.escape)(label)}"></span>`;
+  });
+};
+
+// also used in controller/src/index.js
+exports.createSlateMarkup = createSlateMarkup;
+const getAdjustedLength = length => {
+  if (length <= 2) {
+    return length + 2;
+  }
+  if (length <= 4) {
+    return length + 3;
+  }
+  if (length <= 6) {
+    return length + 4;
+  }
+  return length + 5;
+};
+exports.getAdjustedLength = getAdjustedLength;
+const stripHtmlTags = markup => {
+  if (typeof markup !== 'string') {
+    return '';
+  }
+  return markup.replace(/<\/?[^>]+(>|$)/g, "");
+};
+exports.stripHtmlTags = stripHtmlTags;
+const decodeHTML = html => {
+  const doc = new DOMParser().parseFromString(html, 'text/html');
+  return doc.body.textContent || '';
+};
+exports.decodeHTML = decodeHTML;
+//# sourceMappingURL=markupUtils.js.map