@pie-element/math-inline 8.4.1-next.22 → 8.4.1-next.5

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.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";
+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";
 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,11 +11309,10 @@ 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: 'Select at least {{minSelections}}.',
+        minSelections_one: 'This question requires at least {{minSelections}} answer.',
+        minSelections_other: 'This question requires at least {{minSelections}} answers.',
         maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
-        maxSelections_other: 'Only {{maxSelections}} answers are allowed.',
-        minmaxSelections_equal: 'Select {{minSelections}}.',
-        minmaxSelections_range: 'Select between {{minSelections}} and {{maxSelections}}.'
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
       },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
@@ -11403,11 +11402,10 @@ 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: 'Seleccione al menos {{minSelections}}.',
+        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
+        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
         maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
-        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.',
-        minmaxSelections_equal: 'Seleccione {{minSelections}}.',
-        minmaxSelections_range: 'Seleccione entre {{minSelections}} y {{maxSelections}}.'
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
       },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
@@ -11576,16 +11574,6 @@ 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);
 }
@@ -11811,14 +11799,10 @@ 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 && isTrigerredFromActualPieElement) {
+        if (this.state.activeAnswerBlock !== id) {
           this.cleanupKeyDownListener();
           this.setState({
             activeAnswerBlock: id
@@ -11974,7 +11958,6 @@ 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;
@@ -11996,11 +11979,9 @@ 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']])) {
-        if (!isKeypadOpen) {
-          this.setState({
-            activeAnswerBlock: ''
-          });
-        }
+        this.setState({
+          activeAnswerBlock: ''
+        });
       }
     };
   }
@@ -12022,7 +12003,7 @@ class Main extends React$1.Component {
     if (!config) {
       return null;
     }
-    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, id, env: {mode, role} = {}} = config || ({});
+    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, env: {mode, role} = {}} = config || ({});
     const displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note;
     const emptyResponse = isEmpty(responses);
     const showCorrectAnswerToggle = !emptyResponse && correctness && correctness.correctness !== 'correct';
@@ -12037,7 +12018,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 604
+        lineNumber: 578
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12051,7 +12032,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 605
+        lineNumber: 579
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12059,14 +12040,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 619
+        lineNumber: 593
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 594
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12077,7 +12058,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 626
+        lineNumber: 600
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12086,7 +12067,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 630
+        lineNumber: 604
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12095,28 +12076,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 633
+        lineNumber: 607
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 637
+        lineNumber: 611
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 638
+        lineNumber: 612
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 645
+        lineNumber: 619
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12124,7 +12105,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 646
+        lineNumber: 620
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12137,7 +12118,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 648
+        lineNumber: 622
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12151,7 +12132,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 660
+        lineNumber: 634
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12185,7 +12166,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 695
+          lineNumber: 669
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12194,13 +12175,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 704
+          lineNumber: 678
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 670
+        lineNumber: 644
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12214,7 +12195,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 714
+        lineNumber: 688
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12224,7 +12205,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 732
+        lineNumber: 706
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12234,7 +12215,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 739
+        lineNumber: 713
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12243,7 +12224,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 740
+        lineNumber: 714
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12252,17 +12233,16 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 743
+        lineNumber: 717
       }
     })));
     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: 756
+          lineNumber: 730
         }
       }, React$1.createElement(Tooltip, {
         interactive: true,
@@ -12275,14 +12255,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 765
+            lineNumber: 739
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 766
+            lineNumber: 740
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12293,7 +12273,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 768
+            lineNumber: 742
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12305,14 +12285,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 779
+            lineNumber: 753
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 787
+            lineNumber: 761
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12328,14 +12308,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 791
+            lineNumber: 765
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 799
+            lineNumber: 773
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12347,14 +12327,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 804
+            lineNumber: 778
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 812
+            lineNumber: 786
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12362,13 +12342,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 816
+            lineNumber: 790
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 757
+          lineNumber: 731
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12376,12 +12356,11 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 820
+          lineNumber: 794
         }
       }, midContent)));
     }
     return React$1.createElement(UiLayout, {
-      id: id,
       extraCSSRules: extraCSSRules,
       className: classes.mainContainer,
       ref: r => {
@@ -12391,7 +12370,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 829
+        lineNumber: 803
       }
     }, midContent);
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.4.1-next.22+87b282e00",
+  "version": "8.4.1-next.5+e1143f1fb",
   "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.9.0",
+    "@pie-lib/pie-toolbox": "2.8.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "87b282e0032de66385a8d361264a31d2b18a72ae",
+  "gitHead": "e1143f1fbc95c5de63c62abdf0d0bc8231f80995",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",