@pie-element/math-inline 5.9.3 → 5.9.6

package/module/configure.js

@@ -1,7 +1,7 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_classnames, _dll_lodash, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.1/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.24/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.0/module/index.js";
-import {_dll_pie_lib__math_toolbar, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.22/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_classnames, _dll_lodash, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.32/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.8/module/index.js";
+import {_dll_pie_lib__math_toolbar, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.30/module/index.js";
 const React$3 = _dll_react;
 const PropTypes$2 = _dll_prop_types;
 const {Card: Card} = _dll_material_ui__core;
@@ -756,7 +756,7 @@ class GeneralConfigBlock extends React$2.Component {
   render() {
     const {classes, model, imageSupport, configuration, promptEnabled, rationaleEnabled, toolbarOpts} = this.props;
     const {showKeypad} = this.state;
-    const {prompt, expression, equationEditor, promptEquationEditor = '8', responses, responseType, rationale} = model;
+    const {prompt, expression, equationEditor, promptEquationEditor = '8', responses, responseType, rationale, spellCheckEnabled} = model;
     const {rationale: cRationale = {}, prompt: cPrompt = {}, ignoreOrder: cIgnoreOrder = {}, allowTrailingZeros: cAllowTrailingZeros = {}} = configuration || ({});
     const classNames = {
       editor: classes.responseEditor,
@@ -769,7 +769,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 356
+        lineNumber: 357
       }
     }, promptEnabled && React$2.createElement(InputContainer$1, {
       label: cPrompt.label,
@@ -777,7 +777,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 361
+        lineNumber: 362
       }
     }, React$2.createElement(EditableHtml$1, {
       onFocus: this.onPromptFocus,
@@ -787,10 +787,11 @@ class GeneralConfigBlock extends React$2.Component {
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 362
+        lineNumber: 363
       }
     })), rationaleEnabled && React$2.createElement(InputContainer$1, {
       label: cRationale.label,
@@ -798,7 +799,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 374
+        lineNumber: 376
       }
     }, React$2.createElement(EditableHtml$1, {
       className: classes.prompt,
@@ -812,10 +813,11 @@ class GeneralConfigBlock extends React$2.Component {
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 378
+        lineNumber: 380
       }
     })), responseType === ResponseTypes.advanced && [React$2.createElement(InputContainer$1, {
       key: "templateEditorType",
@@ -824,7 +826,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 394
+        lineNumber: 397
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -833,91 +835,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 399
+        lineNumber: 402
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 404
+        lineNumber: 407
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 405
+        lineNumber: 408
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 406
+        lineNumber: 409
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 407
+        lineNumber: 410
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 408
+        lineNumber: 411
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 409
+        lineNumber: 412
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 410
+        lineNumber: 413
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 411
+        lineNumber: 414
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 412
+        lineNumber: 415
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 413
+        lineNumber: 416
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 414
+        lineNumber: 417
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 415
+        lineNumber: 418
       }
     }, "Item Authoring"))), React$2.createElement('div', {
       className: classes.inputContainer,
@@ -925,14 +927,14 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 418
+        lineNumber: 421
       }
     }, React$2.createElement(InputLabel, {
       className: classes.templateTitle,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 419
+        lineNumber: 422
       }
     }, "RESPONSE TEMPLATE"), React$2.createElement(MathToolbar, {
       classNames: classNames,
@@ -947,20 +949,20 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 422
+        lineNumber: 425
       }
     }))], React$2.createElement('h3', {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 435
+        lineNumber: 438
       }
     }, "Define Correct Response"), React$2.createElement('div', {
       className: classes.flexContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 436
+        lineNumber: 439
       }
     }, React$2.createElement(InputContainer$1, {
       label: "Equation Editor",
@@ -968,7 +970,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 437
+        lineNumber: 440
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -977,91 +979,91 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 441
+        lineNumber: 444
       }
     }, React$2.createElement(MenuItem, {
       value: "non-negative-integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 446
+        lineNumber: 449
       }
     }, "Numeric - Non-Negative Integers"), React$2.createElement(MenuItem, {
       value: "integers",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 447
+        lineNumber: 450
       }
     }, "Numeric - Integers"), React$2.createElement(MenuItem, {
       value: "decimals",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 448
+        lineNumber: 451
       }
     }, "Numeric - Decimals"), React$2.createElement(MenuItem, {
       value: "fractions",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 449
+        lineNumber: 452
       }
     }, "Numeric - Fractions"), React$2.createElement(MenuItem, {
       value: 1,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 450
+        lineNumber: 453
       }
     }, "Grade 1 - 2"), React$2.createElement(MenuItem, {
       value: 3,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 451
+        lineNumber: 454
       }
     }, "Grade 3 - 5"), React$2.createElement(MenuItem, {
       value: 6,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 452
+        lineNumber: 455
       }
     }, "Grade 6 - 7"), React$2.createElement(MenuItem, {
       value: 8,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 453
+        lineNumber: 456
       }
     }, "Grade 8 - HS"), React$2.createElement(MenuItem, {
       value: 'geometry',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 454
+        lineNumber: 457
       }
     }, "Geometry"), React$2.createElement(MenuItem, {
       value: 'advanced-algebra',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 455
+        lineNumber: 458
       }
     }, "Advanced Algebra"), React$2.createElement(MenuItem, {
       value: 'statistics',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 456
+        lineNumber: 459
       }
     }, "Statistics"), React$2.createElement(MenuItem, {
       value: 'item-authoring',
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 457
+        lineNumber: 460
       }
     }, "Item Authoring")))), responsesToUse.map((response, idx) => React$2.createElement(Response$1, {
       key: response.id,
@@ -1075,7 +1077,7 @@ class GeneralConfigBlock extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 462
+        lineNumber: 465
       }
     })));
   }
@@ -1152,9 +1154,9 @@ class Configure extends React$1.Component {
   }
   render() {
     const {classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged} = this.props;
-    const {feedback = {}, responseType = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, prompt = {}, scoringType = {}, ignoreOrder = {}, allowTrailingZeros = {}} = configuration || ({});
+    const {feedback = {}, responseType = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, prompt = {}, scoringType = {}, ignoreOrder = {}, allowTrailingZeros = {}, spellCheck = {}} = configuration || ({});
     log$1('[render] model', model);
-    const {rationaleEnabled, promptEnabled, teacherInstructionsEnabled, feedbackEnabled} = model || ({});
+    const {rationaleEnabled, promptEnabled, teacherInstructionsEnabled, feedbackEnabled, spellCheckEnabled} = model || ({});
     const toolbarOpts = {};
     switch (model.toolbarEditorPosition) {
       case 'top':
@@ -1168,7 +1170,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92
+        lineNumber: 93
       }
     }, React$1.createElement(layout.ConfigLayout, {
       settings: React$1.createElement(Panel, {
@@ -1186,6 +1188,7 @@ class Configure extends React$1.Component {
             teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
             studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
             rationaleEnabled: rationale.settings && toggle(rationale.label),
+            spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
             scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
             'ignoreOrder.enabled': ignoreOrder.settings && toggle(ignoreOrder.label),
             'allowTrailingZeros.enabled': allowTrailingZeros.settings && toggle(allowTrailingZeros.label)
@@ -1194,26 +1197,26 @@ class Configure extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 95
+          lineNumber: 96
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 93
+        lineNumber: 94
       }
     }, React$1.createElement('div', {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126
+        lineNumber: 129
       }
     }, React$1.createElement('div', {
       className: classes.content,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127
+        lineNumber: 130
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -1221,7 +1224,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129
+        lineNumber: 132
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -1230,10 +1233,11 @@ class Configure extends React$1.Component {
       imageSupport: imageSupport,
       nonEmpty: false,
       toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130
+        lineNumber: 133
       }
     })), React$1.createElement(GeneralConfigBlock$1, {
       imageSupport: imageSupport,
@@ -1243,10 +1247,11 @@ class Configure extends React$1.Component {
       rationaleEnabled: rationaleEnabled,
       promptEnabled: promptEnabled,
       toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141
+        lineNumber: 145
       }
     }), feedbackEnabled && React$1.createElement(FeedbackConfig, {
       feedback: model.feedback,
@@ -1255,7 +1260,7 @@ class Configure extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152
+        lineNumber: 157
       }
     })))));
   }
@@ -1361,6 +1366,11 @@ var defaults = {
       settings: true,
       label: 'Rationale'
     },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
     scoringType: {
       settings: false,
       label: 'Scoring Type'

package/module/controller.js

@@ -1211,6 +1211,7 @@ function model(question, session, env) {
       config.responses = responses.slice(0, 1);
     } else {
       config.responses = responses;
+      config.customKeys = [];
     }
 
     const fb =

package/module/element.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.1/module/index.js";
-import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.22/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.26/module/index.js";
+import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.30/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.34/module/index.js";
 const ResponseTypes$1 = {
   advanced: 'Advanced Multi',
   simple: 'Simple'
@@ -717,7 +717,7 @@ class Main extends React$1.Component {
         fileName: _jsxFileName,
         lineNumber: 515
       }
-    })), displayNote && React$1.createElement('div', {
+    })), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
       dangerouslySetInnerHTML: {
         __html: `<strong>Note:</strong> ${note}`
@@ -725,7 +725,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 520
+        lineNumber: 521
       }
     }));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions || rationale || feedback)) {
@@ -739,14 +739,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 537
+            lineNumber: 539
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 538
+            lineNumber: 540
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           className: classes.toggle,
@@ -756,7 +756,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 540
+            lineNumber: 542
           }
         })), teacherInstructions && hasText(teacherInstructions) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -768,21 +768,21 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 549
+            lineNumber: 551
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 557
+            lineNumber: 559
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 559
+            lineNumber: 561
           }
         })], rationale && hasText(rationale) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -793,21 +793,46 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 562
+            lineNumber: 564
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 569
+            lineNumber: 571
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 571
+            lineNumber: 573
+          }
+        })], displayNote && hasText(note) && [React$1.createElement(Collapsible, {
+          key: "collapsible",
+          labels: {
+            hidden: 'Show Note',
+            visible: 'Hide Note'
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 576
+          }
+        }, React$1.createElement(PreviewPrompt, {
+          prompt: note,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 583
+          }
+        })), React$1.createElement('br', {
+          key: "br",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 585
           }
         })], feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -815,13 +840,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 574
+            lineNumber: 588
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 530
+          lineNumber: 532
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -829,7 +854,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 582
+          lineNumber: 596
         }
       }, midContent));
     }
@@ -839,7 +864,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 592
+        lineNumber: 606
       }
     }, midContent);
   }
@@ -1129,6 +1154,11 @@ utils.ResponseTypes = ResponseTypes;
         settings: true,
         label: 'Rationale'
       },
+      spellCheck: {
+        label: 'Spellcheck',
+        settings: false,
+        enabled: true
+      },
       scoringType: {
         settings: false,
         label: 'Scoring Type'

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@5.9.2</title>
+      <title>@pie-element/math-inline@5.9.5</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,18 +1,18 @@
 {
   "name": "@pie-element/math-inline",
-  "version": "5.9.2",
+  "version": "5.9.5",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.1"
+      "version": "^1.4.9"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.26"
+      "version": "^1.0.34"
     },
     {
       "name": "@pie-lib/math-edit-module",
-      "version": "^1.1.22"
+      "version": "^1.1.30"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@5.9.2</title>
+      <title>@pie-element/math-inline@5.9.5</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"