@pie-element/math-inline 8.0.2-next.7 → 8.1.0

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.6/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.5/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.7/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.6/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;
@@ -11788,15 +11788,15 @@ class Main extends React$1.Component {
       const isAnswerInputFocused = document.activeElement.getAttribute('aria-label') === 'Enter answer.';
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
-        this.setState({
-          activeAnswerBlock: id
-        }, () => {
-          if (event.key === 'ArrowDown') {
-            this.focusFirstKeypadElement();
-          }
-        });
-      }
-      if (!isAnswerInputFocused && isClickOrTouchEvent || event.key === 'Escape') {
+        if (this.state.activeAnswerBlock !== id) {
+          this.setState({
+            activeAnswerBlock: id
+          });
+        }
+        if (event.key === 'ArrowDown') {
+          this.focusFirstKeypadElement();
+        }
+      } else if (event.key === 'Escape') {
         this.setState({
           activeAnswerBlock: ''
         });
@@ -11808,6 +11808,7 @@ class Main extends React$1.Component {
       const handleEvent = event => {
         this.handleKeyDown(event, id);
       };
+      this.handleEvent = handleEvent;
       document.addEventListener('keydown', handleEvent);
       document.addEventListener('click', handleEvent);
       document.addEventListener('touchstart', handleEvent);
@@ -11815,9 +11816,12 @@ class Main extends React$1.Component {
   }
   __init6() {
     this.cleanupKeyDownListener = () => {
-      document.removeEventListener('keydown', this.handleEvent);
-      document.removeEventListener('click', this.handleEvent);
-      document.removeEventListener('touchstart', this.handleEvent);
+      if (this.handleEvent) {
+        document.removeEventListener('keydown', this.handleEvent);
+        document.removeEventListener('click', this.handleEvent);
+        document.removeEventListener('touchstart', this.handleEvent);
+        this.handleEvent = null;
+      }
     };
   }
   componentWillUnmount() {
@@ -11998,7 +12002,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 569
+        lineNumber: 574
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12012,7 +12016,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 570
+        lineNumber: 575
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12020,14 +12024,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 584
+        lineNumber: 589
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 585
+        lineNumber: 590
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12038,7 +12042,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 596
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12047,7 +12051,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 595
+        lineNumber: 600
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12056,28 +12060,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 598
+        lineNumber: 603
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 602
+        lineNumber: 607
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603
+        lineNumber: 608
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 610
+        lineNumber: 615
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12085,7 +12089,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 611
+        lineNumber: 616
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12098,7 +12102,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 613
+        lineNumber: 618
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12112,7 +12116,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 625
+        lineNumber: 630
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12146,7 +12150,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 660
+          lineNumber: 665
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12155,13 +12159,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 669
+          lineNumber: 674
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 635
+        lineNumber: 640
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12175,7 +12179,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 679
+        lineNumber: 684
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12185,7 +12189,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 697
+        lineNumber: 702
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12195,7 +12199,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 704
+        lineNumber: 709
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12204,7 +12208,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 705
+        lineNumber: 710
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12213,7 +12217,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 708
+        lineNumber: 713
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
@@ -12228,14 +12232,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 729
+            lineNumber: 734
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 730
+            lineNumber: 735
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12246,7 +12250,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 732
+            lineNumber: 737
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12258,14 +12262,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 743
+            lineNumber: 748
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 751
+            lineNumber: 756
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12281,14 +12285,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 755
+            lineNumber: 760
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 763
+            lineNumber: 768
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12300,14 +12304,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 768
+            lineNumber: 773
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 776
+            lineNumber: 781
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12315,13 +12319,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 780
+            lineNumber: 785
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 721
+          lineNumber: 726
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12329,7 +12333,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 784
+          lineNumber: 789
         }
       }, midContent));
     }
@@ -12339,7 +12343,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 792
+        lineNumber: 797
       }
     }, midContent);
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.0.2-next.7+96e5cb699",
+  "version": "8.1.0",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -14,7 +14,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/mathquill": "^1.1.3",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "96e5cb699a544d4da0fa18aa8fd9256ab3cf23fd",
+  "gitHead": "a1eaccf27273852985c921bc96023e7709e63438",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",