@pie-element/math-inline 8.1.3-next.3 → 8.1.3

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.11/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -150,9 +150,10 @@ utils$1.getPluginProps = getPluginProps;
   var _utils = utils$1;
   var _default = {
     model: {
-      partialScoring: true,
-      responseType: _utils.ResponseTypes.advanced,
-      element: 'math-inline',
+      allowTrailingZerosDefault: false,
+      customKeys: [],
+      equationEditor: '8',
+      expression: '',
       feedback: {
         correct: {
           "default": 'Correct',
@@ -167,22 +168,21 @@ utils$1.getPluginProps = getPluginProps;
           type: 'none'
         }
       },
-      equationEditor: '8',
-      expression: '',
-      rationale: 'Rationale goes here.',
-      prompt: '',
-      responses: [],
-      customKeys: [],
-      scoringType: 'auto',
       feedbackEnabled: false,
+      ignoreOrderDefault: false,
+      partialScoring: true,
+      prompt: '',
       promptEnabled: true,
+      rationale: '',
       rationaleEnabled: true,
-      teacherInstructionsEnabled: true,
+      responseType: _utils.ResponseTypes.advanced,
+      responses: [],
+      scoringType: 'auto',
       studentInstructionsEnabled: true,
+      teacherInstructions: '',
+      teacherInstructionsEnabled: true,
       toolbarEditorPosition: 'bottom',
-      validationDefault: 'literal',
-      ignoreOrderDefault: false,
-      allowTrailingZerosDefault: false
+      validationDefault: 'literal'
     },
     configuration: {
       baseInputConfiguration: {
@@ -12049,9 +12049,11 @@ class Main extends React$1.Component {
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
         if (this.state.activeAnswerBlock !== id) {
+          this.cleanupKeyDownListener();
           this.setState({
             activeAnswerBlock: id
           });
+          this.onSubFieldFocus(id);
         }
         if (event.key === 'ArrowDown') {
           this.focusFirstKeypadElement();
@@ -12262,7 +12264,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 574
+        lineNumber: 576
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12276,7 +12278,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 575
+        lineNumber: 577
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12284,14 +12286,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 589
+        lineNumber: 591
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 590
+        lineNumber: 592
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12302,7 +12304,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 596
+        lineNumber: 598
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12311,7 +12313,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 600
+        lineNumber: 602
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12320,28 +12322,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603
+        lineNumber: 605
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 607
+        lineNumber: 609
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 608
+        lineNumber: 610
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 615
+        lineNumber: 617
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12349,7 +12351,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 616
+        lineNumber: 618
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12362,7 +12364,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 618
+        lineNumber: 620
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12376,7 +12378,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 630
+        lineNumber: 632
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12410,7 +12412,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 665
+          lineNumber: 667
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12419,13 +12421,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 674
+          lineNumber: 676
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 640
+        lineNumber: 642
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12439,7 +12441,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 684
+        lineNumber: 686
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12449,7 +12451,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 702
+        lineNumber: 704
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12459,7 +12461,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 709
+        lineNumber: 711
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12468,7 +12470,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 710
+        lineNumber: 712
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12477,7 +12479,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 713
+        lineNumber: 715
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
@@ -12492,14 +12494,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 734
+            lineNumber: 736
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 735
+            lineNumber: 737
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12510,7 +12512,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 737
+            lineNumber: 739
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12522,14 +12524,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 748
+            lineNumber: 750
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 756
+            lineNumber: 758
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12545,14 +12547,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 760
+            lineNumber: 762
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 768
+            lineNumber: 770
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12564,14 +12566,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 773
+            lineNumber: 775
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 781
+            lineNumber: 783
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12579,13 +12581,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 785
+            lineNumber: 787
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 726
+          lineNumber: 728
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12593,7 +12595,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 789
+          lineNumber: 791
         }
       }, midContent));
     }
@@ -12603,7 +12605,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 797
+        lineNumber: 799
       }
     }, midContent);
   }

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.11"
+      "version": "2.0.12"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.7"
+      "version": "5.0.11"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.11/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -11789,9 +11789,11 @@ class Main extends React$1.Component {
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
         if (this.state.activeAnswerBlock !== id) {
+          this.cleanupKeyDownListener();
           this.setState({
             activeAnswerBlock: id
           });
+          this.onSubFieldFocus(id);
         }
         if (event.key === 'ArrowDown') {
           this.focusFirstKeypadElement();
@@ -12002,7 +12004,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 574
+        lineNumber: 576
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12016,7 +12018,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 575
+        lineNumber: 577
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12024,14 +12026,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 589
+        lineNumber: 591
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 590
+        lineNumber: 592
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12042,7 +12044,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 596
+        lineNumber: 598
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12051,7 +12053,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 600
+        lineNumber: 602
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12060,28 +12062,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603
+        lineNumber: 605
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 607
+        lineNumber: 609
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 608
+        lineNumber: 610
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 615
+        lineNumber: 617
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12089,7 +12091,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 616
+        lineNumber: 618
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12102,7 +12104,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 618
+        lineNumber: 620
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12116,7 +12118,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 630
+        lineNumber: 632
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12150,7 +12152,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 665
+          lineNumber: 667
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12159,13 +12161,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 674
+          lineNumber: 676
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 640
+        lineNumber: 642
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12179,7 +12181,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 684
+        lineNumber: 686
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12189,7 +12191,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 702
+        lineNumber: 704
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12199,7 +12201,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 709
+        lineNumber: 711
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12208,7 +12210,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 710
+        lineNumber: 712
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12217,7 +12219,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 713
+        lineNumber: 715
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
@@ -12232,14 +12234,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 734
+            lineNumber: 736
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 735
+            lineNumber: 737
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12250,7 +12252,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 737
+            lineNumber: 739
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12262,14 +12264,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 748
+            lineNumber: 750
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 756
+            lineNumber: 758
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12285,14 +12287,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 760
+            lineNumber: 762
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 768
+            lineNumber: 770
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12304,14 +12306,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 773
+            lineNumber: 775
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 781
+            lineNumber: 783
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12319,13 +12321,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 785
+            lineNumber: 787
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 726
+          lineNumber: 728
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12333,7 +12335,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 789
+          lineNumber: 791
         }
       }, midContent));
     }
@@ -12343,7 +12345,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 797
+        lineNumber: 799
       }
     }, midContent);
   }