@pie-element/math-inline 8.1.5-next.13 → 8.1.5-next.25

package/module/element.js

@@ -11783,6 +11783,7 @@ const {Collapsible: Collapsible} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Readable: Readable} = _dll_pie_lib__pie_toolbox_render_ui;
 const {hasText: hasText} = _dll_pie_lib__pie_toolbox_render_ui;
 const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const {UiLayout: UiLayout} = _dll_pie_lib__pie_toolbox_render_ui;
 const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const _jsxFileName = "/home/circleci/repo/packages/math-inline/src/main.jsx";
 function _optionalChain(ops) {
@@ -12245,7 +12246,7 @@ class Main extends React$1.Component {
   render() {
     const {model, classes} = this.props;
     const {activeAnswerBlock, showCorrect, session, tooltipContainerRef} = this.state;
-    const {config, correctness, disabled, view, teacherInstructions, rationale, feedback, animationsDisabled, printMode, alwaysShowCorrect, language} = model || ({});
+    const {config, correctness, disabled, extraCSSRules, view, teacherInstructions, rationale, feedback, animationsDisabled, printMode, alwaysShowCorrect, language} = model || ({});
     if (!config) {
       return null;
     }
@@ -12264,7 +12265,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 576
+        lineNumber: 577
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12278,7 +12279,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 577
+        lineNumber: 578
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12286,14 +12287,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 592
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 592
+        lineNumber: 593
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12304,7 +12305,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 598
+        lineNumber: 599
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12313,7 +12314,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 602
+        lineNumber: 603
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12322,28 +12323,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 605
+        lineNumber: 606
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 609
+        lineNumber: 610
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 610
+        lineNumber: 611
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 617
+        lineNumber: 618
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12351,7 +12352,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 618
+        lineNumber: 619
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12364,7 +12365,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 621
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12378,7 +12379,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 632
+        lineNumber: 633
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12412,7 +12413,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 667
+          lineNumber: 668
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12421,13 +12422,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 676
+          lineNumber: 677
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 642
+        lineNumber: 643
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12441,7 +12442,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 686
+        lineNumber: 687
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12451,7 +12452,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 704
+        lineNumber: 705
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12461,7 +12462,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 711
+        lineNumber: 712
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12470,7 +12471,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 712
+        lineNumber: 713
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12479,11 +12480,18 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 715
+        lineNumber: 716
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
-      return React$1.createElement(Tooltip, {
+      return React$1.createElement(UiLayout, {
+        extraCSSRules: extraCSSRules,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 729
+        }
+      }, React$1.createElement(Tooltip, {
         interactive: true,
         enterTouchDelay: 0,
         classes: {
@@ -12494,14 +12502,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 736
+            lineNumber: 738
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 737
+            lineNumber: 739
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12512,7 +12520,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 739
+            lineNumber: 741
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12524,14 +12532,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 750
+            lineNumber: 752
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 758
+            lineNumber: 760
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12547,14 +12555,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 762
+            lineNumber: 764
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 770
+            lineNumber: 772
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12566,14 +12574,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 775
+            lineNumber: 777
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 783
+            lineNumber: 785
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12581,13 +12589,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 787
+            lineNumber: 789
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 728
+          lineNumber: 730
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12595,17 +12603,18 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 791
+          lineNumber: 793
         }
-      }, midContent));
+      }, midContent)));
     }
-    return React$1.createElement('div', {
+    return React$1.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules,
       className: classes.mainContainer,
       ref: r => this.root = r || this.root,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 799
+        lineNumber: 802
       }
     }, midContent);
   }

package/module/print.js

@@ -11523,6 +11523,7 @@ const {Collapsible: Collapsible} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Readable: Readable} = _dll_pie_lib__pie_toolbox_render_ui;
 const {hasText: hasText} = _dll_pie_lib__pie_toolbox_render_ui;
 const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const {UiLayout: UiLayout} = _dll_pie_lib__pie_toolbox_render_ui;
 const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const _jsxFileName = "/home/circleci/repo/packages/math-inline/src/main.jsx";
 function _optionalChain(ops) {
@@ -11985,7 +11986,7 @@ class Main extends React$1.Component {
   render() {
     const {model, classes} = this.props;
     const {activeAnswerBlock, showCorrect, session, tooltipContainerRef} = this.state;
-    const {config, correctness, disabled, view, teacherInstructions, rationale, feedback, animationsDisabled, printMode, alwaysShowCorrect, language} = model || ({});
+    const {config, correctness, disabled, extraCSSRules, view, teacherInstructions, rationale, feedback, animationsDisabled, printMode, alwaysShowCorrect, language} = model || ({});
     if (!config) {
       return null;
     }
@@ -12004,7 +12005,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 576
+        lineNumber: 577
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12018,7 +12019,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 577
+        lineNumber: 578
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12026,14 +12027,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 592
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 592
+        lineNumber: 593
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12044,7 +12045,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 598
+        lineNumber: 599
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12053,7 +12054,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 602
+        lineNumber: 603
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12062,28 +12063,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 605
+        lineNumber: 606
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 609
+        lineNumber: 610
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 610
+        lineNumber: 611
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 617
+        lineNumber: 618
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12091,7 +12092,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 618
+        lineNumber: 619
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12104,7 +12105,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 621
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12118,7 +12119,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 632
+        lineNumber: 633
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12152,7 +12153,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 667
+          lineNumber: 668
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12161,13 +12162,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 676
+          lineNumber: 677
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 642
+        lineNumber: 643
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12181,7 +12182,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 686
+        lineNumber: 687
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12191,7 +12192,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 704
+        lineNumber: 705
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12201,7 +12202,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 711
+        lineNumber: 712
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12210,7 +12211,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 712
+        lineNumber: 713
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12219,11 +12220,18 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 715
+        lineNumber: 716
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
-      return React$1.createElement(Tooltip, {
+      return React$1.createElement(UiLayout, {
+        extraCSSRules: extraCSSRules,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 729
+        }
+      }, React$1.createElement(Tooltip, {
         interactive: true,
         enterTouchDelay: 0,
         classes: {
@@ -12234,14 +12242,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 736
+            lineNumber: 738
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 737
+            lineNumber: 739
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12252,7 +12260,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 739
+            lineNumber: 741
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12264,14 +12272,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 750
+            lineNumber: 752
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 758
+            lineNumber: 760
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12287,14 +12295,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 762
+            lineNumber: 764
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 770
+            lineNumber: 772
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12306,14 +12314,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 775
+            lineNumber: 777
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 783
+            lineNumber: 785
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12321,13 +12329,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 787
+            lineNumber: 789
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 728
+          lineNumber: 730
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12335,17 +12343,18 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 791
+          lineNumber: 793
         }
-      }, midContent));
+      }, midContent)));
     }
-    return React$1.createElement('div', {
+    return React$1.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules,
       className: classes.mainContainer,
       ref: r => this.root = r || this.root,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 799
+        lineNumber: 802
       }
     }, midContent);
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "8.1.5-next.13+a7dcb3a97",
+  "version": "8.1.5-next.25+56037c909",
   "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.15",
+    "@pie-lib/pie-toolbox": "2.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "a7dcb3a97ec930d8d015f4e1ac9db4634895f6d7",
+  "gitHead": "56037c909c2777cf6baf16db9895db37345448dd",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",