@pie-element/math-inline 8.4.1-next.7 → 8.4.2-next.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, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.1/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.8.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.2.0/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.9.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -11309,10 +11309,11 @@ var en = {};
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
       multipleChoice: {
-        minSelections_one: 'This question requires at least {{minSelections}} answer.',
-        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        minSelections: 'Select at least {{minSelections}}.',
         maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
-        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.',
+        minmaxSelections_equal: 'Select {{minSelections}}.',
+        minmaxSelections_range: 'Select between {{minSelections}} and {{maxSelections}}.'
       },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
@@ -11402,10 +11403,11 @@ var es = {};
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
       multipleChoice: {
-        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
-        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        minSelections: 'Seleccione al menos {{minSelections}}.',
         maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
-        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.',
+        minmaxSelections_equal: 'Seleccione {{minSelections}}.',
+        minmaxSelections_range: 'Seleccione entre {{minSelections}} y {{maxSelections}}.'
       },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
@@ -11574,6 +11576,16 @@ function generateAdditionalKeys(keyData = []) {
     label: key
   }));
 }
+function isChildOfCurrentPieElement(child, parent) {
+  let node = child;
+  while (node !== null) {
+    if (node === parent) {
+      return true;
+    }
+    node = node.parentNode;
+  }
+  return false;
+}
 function getKeyPadWidth(additionalKeys = [], equationEditor) {
   return Math.floor(additionalKeys.length / 5) * 30 + (equationEditor === 'miscellaneous' ? 600 : 500);
 }
@@ -11799,10 +11811,14 @@ class Main extends React$1.Component {
   }
   __init4() {
     this.handleKeyDown = (event, id) => {
+      const {config} = this.props.model;
+      const myElement = document.getElementById(config.id);
+      let isTrigerredFromActualPieElement = true;
+      isTrigerredFromActualPieElement = isChildOfCurrentPieElement(event.target, myElement);
       const isAnswerInputFocused = document.activeElement.getAttribute('aria-label') === 'Enter answer.';
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
-        if (this.state.activeAnswerBlock !== id) {
+        if (this.state.activeAnswerBlock !== id && isTrigerredFromActualPieElement) {
           this.cleanupKeyDownListener();
           this.setState({
             activeAnswerBlock: id
@@ -11958,6 +11974,7 @@ class Main extends React$1.Component {
   __init16() {
     this.onBlur = e => {
       const {relatedTarget, currentTarget} = e || ({});
+      const isKeypadOpen = currentTarget && currentTarget.closest('[role=tooltip]');
       function getParentWithRoleTooltip(element, depth = 0) {
         if (!element || depth >= 16) return null;
         const parent = element.offsetParent;
@@ -11979,9 +11996,11 @@ class Main extends React$1.Component {
       const parentWithTooltipRole = getParentWithRoleTooltip(relatedTarget);
       const childWithDataKeypad = parentWithTooltipRole ? getDeepChildDataKeypad(parentWithTooltipRole) : null;
       if (!relatedTarget || !currentTarget || !_optionalChain([childWithDataKeypad, 'optionalAccess', _16 => _16.attributes, 'access', _17 => _17['data-keypad']])) {
-        this.setState({
-          activeAnswerBlock: ''
-        });
+        if (!isKeypadOpen) {
+          this.setState({
+            activeAnswerBlock: ''
+          });
+        }
       }
     };
   }
@@ -12003,7 +12022,7 @@ class Main extends React$1.Component {
     if (!config) {
       return null;
     }
-    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, env: {mode, role} = {}} = config || ({});
+    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, id, env: {mode, role} = {}} = config || ({});
     const displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note;
     const emptyResponse = isEmpty(responses);
     const showCorrectAnswerToggle = !emptyResponse && correctness && correctness.correctness !== 'correct';
@@ -12018,7 +12037,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 578
+        lineNumber: 604
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12032,7 +12051,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 579
+        lineNumber: 605
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12040,14 +12059,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 593
+        lineNumber: 619
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 594
+        lineNumber: 620
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12058,7 +12077,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 600
+        lineNumber: 626
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12067,7 +12086,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 604
+        lineNumber: 630
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12076,28 +12095,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 607
+        lineNumber: 633
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 611
+        lineNumber: 637
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 612
+        lineNumber: 638
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 619
+        lineNumber: 645
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12105,7 +12124,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 646
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12118,7 +12137,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 622
+        lineNumber: 648
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12132,7 +12151,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 634
+        lineNumber: 660
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12166,7 +12185,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 669
+          lineNumber: 695
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12175,13 +12194,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 678
+          lineNumber: 704
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 644
+        lineNumber: 670
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12195,7 +12214,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 688
+        lineNumber: 714
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12205,7 +12224,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 706
+        lineNumber: 732
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12215,7 +12234,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 713
+        lineNumber: 739
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12224,7 +12243,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 714
+        lineNumber: 740
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12233,16 +12252,17 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 717
+        lineNumber: 743
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
       return React$1.createElement(UiLayout, {
         extraCSSRules: extraCSSRules,
+        id: id,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 730
+          lineNumber: 756
         }
       }, React$1.createElement(Tooltip, {
         interactive: true,
@@ -12255,14 +12275,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 739
+            lineNumber: 765
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 740
+            lineNumber: 766
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12273,7 +12293,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 742
+            lineNumber: 768
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12285,14 +12305,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 753
+            lineNumber: 779
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 761
+            lineNumber: 787
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12308,14 +12328,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 765
+            lineNumber: 791
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 773
+            lineNumber: 799
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12327,14 +12347,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 778
+            lineNumber: 804
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 786
+            lineNumber: 812
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12342,13 +12362,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 790
+            lineNumber: 816
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 731
+          lineNumber: 757
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12356,11 +12376,12 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 794
+          lineNumber: 820
         }
       }, midContent)));
     }
     return React$1.createElement(UiLayout, {
+      id: id,
       extraCSSRules: extraCSSRules,
       className: classes.mainContainer,
       ref: r => {
@@ -12370,7 +12391,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 803
+        lineNumber: 829
       }
     }, midContent);
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.4.1-next.7+313c6ad33",
+  "version": "8.4.2-next.0+222649200",
   "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.8.0",
+    "@pie-lib/pie-toolbox": "2.9.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "313c6ad337831e7960342ce6aaa26bb36233c7bb",
+  "gitHead": "22264920035c004ecee9a90c99eb2863e3ce6c60",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",