@pie-element/math-inline 5.9.2 → 5.9.5

package/module/element.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.3.1/module/index.js";
-import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.20/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.24/module/index.js";
+import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.8/module/index.js";
+import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.29/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.33/module/index.js";
 const ResponseTypes$1 = {
   advanced: 'Advanced Multi',
   simple: 'Simple'
@@ -587,7 +587,8 @@ class Main extends React$1.Component {
         [classes.incorrect]: !emptyResponse && !correct && !showCorrect,
         [classes.correct]: !emptyResponse && (correct || showCorrect),
         [classes.showCorrectness]: !emptyResponse && disabled && correctness && !view,
-        [classes.correctAnswerShown]: showCorrect
+        [classes.correctAnswerShown]: showCorrect,
+        [classes.printCorrect]: printMode && alwaysShowCorrect
       }),
       __self: this,
       __source: {
@@ -612,7 +613,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 462
+          lineNumber: 463
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -621,13 +622,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 471
+          lineNumber: 472
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 450
+        lineNumber: 451
       }
     }, React$1.createElement(mq.Static, {
       ref: mqStatic => this.mqStatic = mqStatic || this.mqStatic,
@@ -640,13 +641,13 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 481
+        lineNumber: 482
       }
     }))))), viewMode && teacherInstructions && hasText(teacherInstructions) && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 497
+        lineNumber: 498
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -656,7 +657,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 498
+        lineNumber: 499
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -665,7 +666,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 501
+        lineNumber: 502
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -674,19 +675,19 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 502
+        lineNumber: 503
       }
     }), React$1.createElement('br', {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 503
+        lineNumber: 504
       }
     })), viewMode && rationale && hasText(rationale) && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 509
+        lineNumber: 510
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -696,7 +697,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 510
+        lineNumber: 511
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -705,7 +706,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 513
+        lineNumber: 514
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -714,9 +715,9 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 514
+        lineNumber: 515
       }
-    })), displayNote && React$1.createElement('div', {
+    })), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
       dangerouslySetInnerHTML: {
         __html: `<strong>Note:</strong> ${note}`
@@ -724,7 +725,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 519
+        lineNumber: 521
       }
     }));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions || rationale || feedback)) {
@@ -738,14 +739,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 536
+            lineNumber: 539
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 537
+            lineNumber: 540
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           className: classes.toggle,
@@ -755,7 +756,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 539
+            lineNumber: 542
           }
         })), teacherInstructions && hasText(teacherInstructions) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -767,21 +768,21 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 548
+            lineNumber: 551
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 556
+            lineNumber: 559
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 558
+            lineNumber: 561
           }
         })], rationale && hasText(rationale) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -792,21 +793,46 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 561
+            lineNumber: 564
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 568
+            lineNumber: 571
+          }
+        })), React$1.createElement('br', {
+          key: "br",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 573
+          }
+        })], displayNote && hasText(note) && [React$1.createElement(Collapsible, {
+          key: "collapsible",
+          labels: {
+            hidden: 'Show Note',
+            visible: 'Hide Note'
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 576
+          }
+        }, React$1.createElement(PreviewPrompt, {
+          prompt: note,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 583
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 570
+            lineNumber: 585
           }
         })], feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -814,13 +840,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 573
+            lineNumber: 588
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 529
+          lineNumber: 532
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -828,7 +854,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 581
+          lineNumber: 596
         }
       }, midContent));
     }
@@ -838,7 +864,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 606
       }
     }, midContent);
   }
@@ -967,6 +993,9 @@ const styles = theme => ({
     padding: theme.spacing.unit,
     letterSpacing: '0.5px'
   },
+  printCorrect: {
+    border: `2px solid ${color.correct()} !important`
+  },
   correct: {
     borderColor: `${color.correct()} !important`
   },
@@ -1125,6 +1154,11 @@ utils.ResponseTypes = ResponseTypes;
         settings: true,
         label: 'Rationale'
       },
+      spellCheck: {
+        label: "Spellcheck",
+        settings: true,
+        enabled: true
+      },
       scoringType: {
         settings: false,
         label: 'Scoring Type'

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@5.9.1</title>
+      <title>@pie-element/math-inline@5.9.4</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,18 +1,18 @@
 {
   "name": "@pie-element/math-inline",
-  "version": "5.9.1",
+  "version": "5.9.4",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.3.1"
+      "version": "^1.4.8"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.24"
+      "version": "^1.0.33"
     },
     {
       "name": "@pie-lib/math-edit-module",
-      "version": "^1.1.20"
+      "version": "^1.1.29"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@5.9.1</title>
+      <title>@pie-element/math-inline@5.9.4</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.3.1/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.24/module/index.js";
-import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.20/module/index.js";
+import {_dll_react, _dll_classnames, _dll_material_ui__core_styles, _dll_prop_types, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_material_ui__core, _dll_lodash, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.8/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.33/module/index.js";
+import {_dll_pie_lib__math_toolbar, _dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.1.29/module/index.js";
 const ResponseTypes = {
   advanced: 'Advanced Multi',
   simple: 'Simple'
@@ -587,7 +587,8 @@ class Main extends React$1.Component {
         [classes.incorrect]: !emptyResponse && !correct && !showCorrect,
         [classes.correct]: !emptyResponse && (correct || showCorrect),
         [classes.showCorrectness]: !emptyResponse && disabled && correctness && !view,
-        [classes.correctAnswerShown]: showCorrect
+        [classes.correctAnswerShown]: showCorrect,
+        [classes.printCorrect]: printMode && alwaysShowCorrect
       }),
       __self: this,
       __source: {
@@ -612,7 +613,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 462
+          lineNumber: 463
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -621,13 +622,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 471
+          lineNumber: 472
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 450
+        lineNumber: 451
       }
     }, React$1.createElement(mq.Static, {
       ref: mqStatic => this.mqStatic = mqStatic || this.mqStatic,
@@ -640,13 +641,13 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 481
+        lineNumber: 482
       }
     }))))), viewMode && teacherInstructions && hasText(teacherInstructions) && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 497
+        lineNumber: 498
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -656,7 +657,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 498
+        lineNumber: 499
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -665,7 +666,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 501
+        lineNumber: 502
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -674,19 +675,19 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 502
+        lineNumber: 503
       }
     }), React$1.createElement('br', {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 503
+        lineNumber: 504
       }
     })), viewMode && rationale && hasText(rationale) && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 509
+        lineNumber: 510
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -696,7 +697,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 510
+        lineNumber: 511
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -705,7 +706,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 513
+        lineNumber: 514
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -714,9 +715,9 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 514
+        lineNumber: 515
       }
-    })), displayNote && React$1.createElement('div', {
+    })), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
       dangerouslySetInnerHTML: {
         __html: `<strong>Note:</strong> ${note}`
@@ -724,7 +725,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 519
+        lineNumber: 521
       }
     }));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions || rationale || feedback)) {
@@ -738,14 +739,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 536
+            lineNumber: 539
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 537
+            lineNumber: 540
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           className: classes.toggle,
@@ -755,7 +756,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 539
+            lineNumber: 542
           }
         })), teacherInstructions && hasText(teacherInstructions) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -767,21 +768,21 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 548
+            lineNumber: 551
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 556
+            lineNumber: 559
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 558
+            lineNumber: 561
           }
         })], rationale && hasText(rationale) && [React$1.createElement(Collapsible, {
           key: "collapsible",
@@ -792,21 +793,46 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 561
+            lineNumber: 564
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 568
+            lineNumber: 571
           }
         })), React$1.createElement('br', {
           key: "br",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 570
+            lineNumber: 573
+          }
+        })], displayNote && hasText(note) && [React$1.createElement(Collapsible, {
+          key: "collapsible",
+          labels: {
+            hidden: 'Show Note',
+            visible: 'Hide Note'
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 576
+          }
+        }, React$1.createElement(PreviewPrompt, {
+          prompt: note,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 583
+          }
+        })), React$1.createElement('br', {
+          key: "br",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 585
           }
         })], feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -814,13 +840,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 573
+            lineNumber: 588
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 529
+          lineNumber: 532
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -828,7 +854,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 581
+          lineNumber: 596
         }
       }, midContent));
     }
@@ -838,7 +864,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 606
       }
     }, midContent);
   }
@@ -967,6 +993,9 @@ const styles = theme => ({
     padding: theme.spacing.unit,
     letterSpacing: '0.5px'
   },
+  printCorrect: {
+    border: `2px solid ${color.correct()} !important`
+  },
   correct: {
     borderColor: `${color.correct()} !important`
   },
@@ -1024,10 +1053,12 @@ const preparePrintModel = (model, opts) => {
   const instr = opts.role === 'instructor';
   model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
   model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
+  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;
   model.showTeacherInstructions = instr;
   model.alwaysShowCorrect = instr;
   model.printMode = true;
   model.feedback = undefined;
+  model.expression = model.expression || '{{response}}';
   model.animationsDisabled = true;
   return {
     ...model,

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.9.2",
+  "version": "5.9.5",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -15,10 +15,10 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/mathquill": "^1.1.0",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "^2.3.34",
+    "@pie-lib/correct-answer-toggle": "^2.3.35",
     "@pie-lib/math-input": "^6.6.8",
     "@pie-lib/math-toolbar": "^1.8.8",
-    "@pie-lib/render-ui": "^4.12.4",
+    "@pie-lib/render-ui": "^4.12.5",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -28,7 +28,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "cd1a2efd59f915b882937dea95c2675b2d2a3a50",
+  "gitHead": "b32a90d35916de8f2b77d7b3428b02efbd145313",
   "module": "src/index.js",
   "exports": {
     ".": "./src/index.js",