@pie-element/math-templated 2.15.1-next.13 → 2.15.1-next.21

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.14.3/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.16.0/module/index.js";
 import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -97469,7 +97469,7 @@ var bundle_min = {
           }
           convert() {
             const e = this._mathmlElement.children.map(e => (0, a.mathMLElementToLaTeXConverter)(e)).map(e => e.convert()).join(" ");
-            return "actuarial" === this._notation ? `\\overline{\\left.${e}\\right|}` : "radical" === this._notation ? `\\sqrt{${e}}` : ["box", "roundedbox", "circle"].includes(this._notation) ? `\\boxed{${e}}` : "left" === this._notation ? `\\left|${e}` : "right" === this._notation ? `${e}\\right|` : "top" === this._notation ? `\\overline{${e}}` : "bottom" === this._notation ? `\\underline{${e}}` : "updiagonalstrike" === this._notation ? `\\cancel{${e}}` : "downdiagonalstrike" === this._notation ? `\\bcancel{${e}}` : "updiagonalarrow" === this._notation ? `\\cancelto{}{${e}}` : ["verticalstrike", "horizontalstrike"].includes(this._notation) ? `\\hcancel{${e}}` : "madruwb" === this._notation ? `\\underline{${e}\\right|}` : "phasorangle" === this._notation ? `{\\angle \\underline{${e}}}` : `\\overline{\\left.\\right)${e}}`;
+            return "actuarial" === this._notation ? `\\overline{\\left.${e}\\right|}` : "radical" === this._notation ? `\\sqrt{${e}}` : ["box", "roundedbox", "circle"].includes(this._notation) ? `\\boxed{${e}}` : "left" === this._notation ? `\\left|${e}` : "right" === this._notation ? `${e}\\right|` : "top" === this._notation ? `\\overline{${e}}` : "bottom" === this._notation ? `\\underline{${e}}` : "updiagonalstrike" === this._notation ? `\\cancel{${e}}` : "downdiagonalstrike" === this._notation ? `\\bcancel{${e}}` : "updiagonalarrow" === this._notation ? `\\cancelto{}{${e}}` : ["verticalstrike", "horizontalstrike"].includes(this._notation) ? `\\hcancel{${e}}` : "madruwb" === this._notation ? `\\underline{${e}\\right|}` : "phasorangle" === this._notation ? `{\\angle \\underline{${e}}}` : "longdiv" === this._notation ? `\\longdiv{${e}}` : `\\overline{\\left.\\right)${e}}`;
           }
           get _notation() {
             return this._mathmlElement.attributes.notation || "longdiv";
@@ -97797,7 +97797,7 @@ var bundle_min = {
             const {name: e, children: t} = this._mathmlElement, r = t.length;
             if (2 !== r) throw new n.InvalidNumberOfChildrenError(e, 2, r);
             const o = (0, a.mathMLElementToLaTeXConverter)(t[0]).convert(), i = (0, a.mathMLElementToLaTeXConverter)(t[1]).convert();
-            return `${new a.ParenthesisWrapper().wrapIfMoreThanOneChar(o)}_${new a.BracketWrapper().wrap(i)}`;
+            return "log" === o ? `\\${o}_${new a.BracketWrapper().wrap(i)}` : `${new a.ParenthesisWrapper().wrapIfMoreThanOneChar(o)}_${new a.BracketWrapper().wrap(i)}`;
           }
         };
       },
@@ -97834,7 +97834,7 @@ var bundle_min = {
             const {name: e, children: t} = this._mathmlElement, r = t.length;
             if (2 !== r) throw new n.InvalidNumberOfChildrenError(e, 2, r);
             const o = (0, a.mathMLElementToLaTeXConverter)(t[0]).convert(), i = (0, a.mathMLElementToLaTeXConverter)(t[1]).convert();
-            return `${new a.ParenthesisWrapper().wrapIfMoreThanOneChar(o)}^${new a.BracketWrapper().wrap(i)}`;
+            return "'" === i ? `${o}'` : `${o}^${new a.BracketWrapper().wrap(i)}`;
           }
         };
       },
@@ -97875,7 +97875,7 @@ var bundle_min = {
           }
           convert() {
             const {attributes: e, value: t} = this._mathmlElement;
-            return [...t].map(e => (/^[a-zA-Z0-9]$/).test(e) || " " === e ? {
+            return [...t].map(e => (/^[a-zA-Z0-9]$/).test(e) || " " == e ? {
               value: e,
               isAlphanumeric: !0
             } : {
@@ -97906,6 +97906,8 @@ var bundle_min = {
             switch (this._mathvariant) {
               case "bold":
                 return ["\\textbf"];
+              case "log":
+                return ["\\log"];
               case "italic":
                 return ["\\textit"];
               case "bold-italic":
@@ -98208,6 +98210,8 @@ var bundle_min = {
           "⁤": "",
           "⁗": "''''",
           "‾": "\\overline",
+          "―": "\\overline",
+          "¯": "\\overline",
           "‷": "```",
           "‶": "``",
           "‵": "`",
@@ -98237,7 +98241,6 @@ var bundle_min = {
           "³": "3",
           "²": "2",
           "°": "\\degree",
-          "¯": "\\overline",
           "ª": "a",
           "¨": "\\cdot\\cdot",
           "~": "\\sim",
@@ -99162,6 +99165,8 @@ var bundle_min = {
           "∝": "\\propto",
           "==": "==",
           "=": "=",
+          " ̿": "=",
+          "̿": "=",
           ":=": ":=",
           "/=": "=",
           "-=": "-=",
@@ -99412,6 +99417,7 @@ var bundle_min = {
           "⁤": "",
           "⁗": "''''",
           "‾": "\\overline",
+          "―": "\\overline",
           "‷": "```",
           "‶": "``",
           "‵": "`",
@@ -99801,9 +99807,9 @@ var bundle_min = {
           "↗": "\\nearrow",
           "↖": "\\nwarrow",
           "↕": "\\updownarrow",
-          "↔": "\\leftrightarrow",
+          "↔": "\\overleftrightarrow",
           "↓": "\\downarrow",
-          "→": "\\rightarrow",
+          "→": "\\overrightarrow",
           "↑": "\\uparrow",
           "←": "\\leftarrow",
           "|||": "\\left|||\\right.",
@@ -100933,7 +100939,7 @@ var bundle_min = {
           "⌈": "\\lceil",
           "↛": "\\nrightarrow",
           "‾": "\\overline",
-          "→": "\\rightarrow",
+          "→": "\\overrightarrow",
           "‡": "\\ddagger",
           "・": "\\cdot",
           "▱": "\\square",
@@ -100963,7 +100969,7 @@ var bundle_min = {
           "€": "\\euro",
           "˘": " ",
           "∥": "\\parallel",
-          "↔": "\\leftrightarrow",
+          "↔": "\\overleftrightarrow",
           "√": "\\sqrt{}",
           "·": "\\cdot",
           "⦬": "\\measuredangle",
@@ -100999,7 +101005,7 @@ var bundle_min = {
       6626: (e, t) => {
         (Object.defineProperty(t, "__esModule", {
           value: !0
-        }), t.latexAccents = void 0, t.latexAccents = ["\\hat", "\\bar", "\\underbrace", "\\overarc", "\\overline", "\\overbrace"]);
+        }), t.latexAccents = void 0, t.latexAccents = ["\\hat", "\\bar", "\\underbrace", "\\overarc", "\\overline", "\\overbrace", "\\overrightarrow", "\\overleftrightarrow"]);
       },
       2103: (e, t) => {
         (Object.defineProperty(t, "__esModule", {
@@ -106899,6 +106905,7 @@ class Response extends React$2.Component {
       error: PropTypes$1.object,
       mode: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
       onResponseChange: PropTypes$1.func.isRequired,
+      onResponseDone: PropTypes$1.func.isRequired,
       response: PropTypes$1.object.isRequired,
       cIgnoreOrder: PropTypes$1.object.isRequired,
       cAllowTrailingZeros: PropTypes$1.object.isRequired,
@@ -107019,6 +107026,7 @@ class Response extends React$2.Component {
   }
   __init8() {
     this.onDone = () => {
+      const {onResponseDone} = this.props;
       this.setState(state => ({
         showKeypad: {
           ...state.showKeypad,
@@ -107026,6 +107034,7 @@ class Response extends React$2.Component {
           main: false
         }
       }));
+      onResponseDone();
     };
   }
   __init9() {
@@ -107079,21 +107088,21 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 185
+        lineNumber: 188
       }
     }, React$2.createElement(CardContent, {
       className: classes.cardContent,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 186
+        lineNumber: 189
       }
     }, React$2.createElement('div', {
       className: classes.titleBar,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 187
+        lineNumber: 190
       }
     }, React$2.createElement(Typography, {
       className: classes.title,
@@ -107101,14 +107110,14 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 188
+        lineNumber: 191
       }
     }, "Response for ", React$2.createElement('div', {
       className: classes.responseBox,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 189
+        lineNumber: 192
       }
     }, "R ", responseKey)), React$2.createElement(InputContainer$1, {
       label: "Validation",
@@ -107116,7 +107125,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 192
+        lineNumber: 195
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -107125,28 +107134,28 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 193
+        lineNumber: 196
       }
     }, React$2.createElement(MenuItem, {
       value: "literal",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 194
+        lineNumber: 197
       }
     }, "Literal Validation"), React$2.createElement(MenuItem, {
       value: "symbolic",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 195
+        lineNumber: 198
       }
     }, "Symbolic Validation")))), validation === 'literal' && React$2.createElement('div', {
       className: classes.flexContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 201
+        lineNumber: 204
       }
     }, cAllowTrailingZeros.enabled && React$2.createElement(FormControlLabel, {
       label: cAllowTrailingZeros.label,
@@ -107156,13 +107165,13 @@ class Response extends React$2.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 206
+          lineNumber: 209
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 203
+        lineNumber: 206
       }
     }), cIgnoreOrder.enabled && React$2.createElement(FormControlLabel, {
       label: cIgnoreOrder.label,
@@ -107172,26 +107181,26 @@ class Response extends React$2.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 217
+          lineNumber: 220
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 215
+        lineNumber: 218
       }
     })), React$2.createElement('div', {
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 223
+        lineNumber: 226
       }
     }, React$2.createElement(InputLabel, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 224
+        lineNumber: 227
       }
     }, "Correct Answer"), React$2.createElement(MathToolbar, {
       keypadMode: mode,
@@ -107206,14 +107215,14 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 225
+        lineNumber: 228
       }
     }), error && error.answer ? React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 236
+        lineNumber: 239
       }
     }, error.answer) : null), hasAlternates && Object.keys(alternates).map((alternateId, altIdx) => React$2.createElement('div', {
       className: classes.inputContainer,
@@ -107221,20 +107230,20 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 241
+        lineNumber: 244
       }
     }, React$2.createElement(InputLabel, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 242
+        lineNumber: 245
       }
     }, "Alternate", Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''), React$2.createElement('div', {
       className: classes.alternateBar,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 246
+        lineNumber: 249
       }
     }, React$2.createElement(MathToolbar, {
       classNames: classNames,
@@ -107249,7 +107258,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 247
+        lineNumber: 250
       }
     }), React$2.createElement(IconButton, {
       className: classes.removeAlternateButton,
@@ -107257,20 +107266,20 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 258
+        lineNumber: 261
       }
     }, React$2.createElement(default_1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 262
+        lineNumber: 265
       }
     }))), error && error[alternateId] ? React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 265
+        lineNumber: 268
       }
     }, error[alternateId]) : null)), React$2.createElement(Button, {
       className: classes.alternateButton,
@@ -107279,7 +107288,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 269
+        lineNumber: 272
       }
     }, "ADD ALTERNATE")));
   }
@@ -107354,6 +107363,27 @@ const styles = theme => ({
   }
 });
 var Response$1 = styles$E.withStyles(styles)(Response);
+function _optionalChain$2(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
 const tSymbols = 'imes|riangle|an|heta|herefore';
 const nSymbols = 'throot|parallel|cong|approx|eq|e|sim';
 const matchTabAndNewLine = new RegExp(`(\\t(?!${tSymbols}))|(\\n(?!${nSymbols}))|(\\\\t(?!${tSymbols}))|(\\\\n(?!${nSymbols}))`, 'g');
@@ -107370,13 +107400,14 @@ const processMarkup = markup => {
   return slateMarkup.innerHTML;
 };
 const REGEX = /\{\{(\d+)\}\}/g;
-const createSlateMarkup = markup => {
+const createSlateMarkup = (markup, responses) => {
   if (!markup) {
     return '';
   }
   const newMarkup = removeUnwantedCharacters(markup);
-  return newMarkup.replace(REGEX, (match, g) => {
-    return `<span data-type="math_templated" data-index="${g}" data-value="R ${g}"></span>`;
+  return newMarkup.replace(REGEX, (match, groupIndex) => {
+    const responseValue = _optionalChain$2([responses, 'access', _ => _[groupIndex], 'optionalAccess', _2 => _2.answer]) || '';
+    return `<span data-type="math_templated" data-index="${groupIndex}" data-value="${responseValue}"></span>`;
   });
 };
 const generateValidationMessage = config => {
@@ -107433,6 +107464,7 @@ class Design extends React$1.Component {
     Design.prototype.__init6.call(this);
     Design.prototype.__init7.call(this);
     Design.prototype.__init8.call(this);
+    Design.prototype.__init9.call(this);
   }
   static __initStatic() {
     this.propTypes = {
@@ -107476,6 +107508,15 @@ class Design extends React$1.Component {
     };
   }
   __init4() {
+    this.onResponseDone = () => {
+      const {model, onModelChanged} = this.props;
+      onModelChanged({
+        ...model,
+        slateMarkup: createSlateMarkup(model.markup, model.responses)
+      });
+    };
+  }
+  __init5() {
     this.onChangeResponse = (index, newVal) => {
       const {model, onModelChanged} = this.props;
       const {responses} = model;
@@ -107494,7 +107535,7 @@ class Design extends React$1.Component {
       });
     };
   }
-  __init5() {
+  __init6() {
     this.onResponsesChanged = responses => {
       this.props.onModelChanged({
         ...this.props.model,
@@ -107502,7 +107543,7 @@ class Design extends React$1.Component {
       });
     };
   }
-  __init6() {
+  __init7() {
     this.onChange = markup => {
       const {model: {responses, validationDefault, allowTrailingZerosDefault, ignoreOrderDefault}, onModelChanged} = this.props;
       const newResponses = {};
@@ -107511,7 +107552,7 @@ class Design extends React$1.Component {
       responseAreas.forEach(element => {
         const {value, index: dataIndex} = element.dataset;
         if (!value) {
-          element.dataset.value = `R ${dataIndex}`;
+          element.dataset.value = '';
         }
         newResponses[dataIndex] = responses[dataIndex] || ({
           allowSpaces: true,
@@ -107535,7 +107576,7 @@ class Design extends React$1.Component {
       }, callback);
     };
   }
-  __init7() {
+  __init8() {
     this.onHandleAreaChange = throttle(nodes => {
       const {model: {responses}, onModelChanged} = this.props;
       const {cachedResponses} = this.state;
@@ -107570,7 +107611,7 @@ class Design extends React$1.Component {
       leading: true
     });
   }
-  __init8() {
+  __init9() {
     this.onBlur = e => {
       const {relatedTarget, currentTarget} = e || ({});
       function getParentWithRoleTooltip(element, depth = 0) {
@@ -107643,13 +107684,13 @@ class Design extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 299
+          lineNumber: 308
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 295
+        lineNumber: 304
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -107657,7 +107698,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 312
+        lineNumber: 321
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -107681,14 +107722,14 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 316
+        lineNumber: 325
       }
     }), teacherInstructionsError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 345
+        lineNumber: 354
       }
     }, teacherInstructionsError)), promptEnabled && React$1.createElement(InputContainer, {
       label: prompt.label,
@@ -107696,7 +107737,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 351
+        lineNumber: 360
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -107721,28 +107762,28 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 355
+        lineNumber: 364
       }
     }), promptError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 379
+        lineNumber: 388
       }
     }, promptError)), React$1.createElement('div', {
       className: classes.tooltipContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 383
+        lineNumber: 392
       }
     }, React$1.createElement(Typography, {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 384
+        lineNumber: 393
       }
     }, "Response Template"), React$1.createElement(Tooltip, {
       classes: {
@@ -107755,7 +107796,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 385
+        lineNumber: 394
       }
     }, React$1.createElement(default_1$1, {
       fontSize: 'small',
@@ -107763,7 +107804,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 392
+        lineNumber: 401
       }
     }))), React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
@@ -107798,21 +107839,21 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 395
+        lineNumber: 404
       }
     }), responseAreasError && React$1.createElement('div', {
       className: classes.responseAreaError,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 427
+        lineNumber: 436
       }
     }, responseAreasError), React$1.createElement(Typography, {
       className: classes.title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 430
+        lineNumber: 439
       }
     }, "Define Response"), React$1.createElement(InputContainer, {
       label: "Response Template Equation Editor",
@@ -107820,7 +107861,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 432
+        lineNumber: 441
       }
     }, React$1.createElement(Select, {
       className: classes.select,
@@ -107829,91 +107870,91 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 436
+        lineNumber: 445
       }
     }, React$1.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 443
+        lineNumber: 452
       }
     }, "Numeric - Non-Negative Integers"), React$1.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 446
+        lineNumber: 455
       }
     }, "Numeric - Integers"), React$1.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 447
+        lineNumber: 456
       }
     }, "Numeric - Decimals"), React$1.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 448
+        lineNumber: 457
       }
     }, "Numeric - Fractions"), React$1.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 449
+        lineNumber: 458
       }
     }, "Grade 1 - 2"), React$1.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 450
+        lineNumber: 459
       }
     }, "Grade 3 - 5"), React$1.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 451
+        lineNumber: 460
       }
     }, "Grade 6 - 7"), React$1.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 452
+        lineNumber: 461
       }
     }, "Grade 8 - HS"), React$1.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 453
+        lineNumber: 462
       }
     }, "Geometry"), React$1.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 454
+        lineNumber: 463
       }
     }, "Advanced Algebra"), React$1.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 457
+        lineNumber: 466
       }
     }, "Statistics"), React$1.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 458
+        lineNumber: 467
       }
     }, "Item Authoring"))), Object.keys(responses || ({})).map((responseKey, idx) => {
       const response = responses[responseKey];
@@ -107924,6 +107965,7 @@ class Design extends React$1.Component {
           mode: equationEditor,
           response: response,
           onResponseChange: this.onResponseChange,
+          onResponseDone: this.onResponseDone,
           index: idx,
           cIgnoreOrder: cIgnoreOrder,
           cAllowTrailingZeros: cAllowTrailingZeros,
@@ -107931,7 +107973,7 @@ class Design extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 467
+            lineNumber: 476
           }
         });
       }
@@ -107942,7 +107984,7 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 485
+        lineNumber: 495
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -107971,14 +108013,14 @@ class Design extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 489
+        lineNumber: 499
       }
     }), rationaleError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 520
+        lineNumber: 530
       }
     }, rationaleError)));
   }
@@ -108225,7 +108267,7 @@ class MathTemplateConfigure extends HTMLElement {
         ...model,
         responses: updatedResponses
       };
-      const slateMarkup = joinedObj.slateMarkup || createSlateMarkup(joinedObj.markup);
+      const slateMarkup = joinedObj.slateMarkup || createSlateMarkup(joinedObj.markup, joinedObj.responses);
       const processedMarkup = processMarkup(slateMarkup);
       if (joinedObj.responses) {
         Object.keys(joinedObj.responses).forEach(key => {