@pie-element/math-inline 5.8.12 → 5.9.1-beta.1443

package/docs/config-schema.json.md

@@ -50,6 +50,22 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `settingsPanelDisabled` (boolean)
+
+Indicates if the settings panel is not available
+
+# `spellCheck` (object)
+
+Properties of the `spellCheck` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `scoringType` (object)
 
 Properties of the `scoringType` object:
@@ -120,6 +136,54 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+# `maxResponseAreas` (number)
+
+Maximum number of response areas
+
+# `maxImageWidth` (object)
+
+Properties of the `maxImageWidth` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+# `maxImageHeight` (object)
+
+Properties of the `maxImageHeight` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+# `withRubric` (object)
+
+Properties of the `withRubric` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -171,4 +235,20 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 ### `enabled` (boolean)
 
 Indicates the value of the item if it affects config-ui
-(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+(eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
+
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale

package/docs/demo/config.js

@@ -2,7 +2,7 @@ const { model } = require('./generate');
 
 module.exports = {
   elements: {
-    'math-inline': '../..'
+    'math-inline': '../..',
   },
-  models: [model('1', 'math-inline')]
+  models: [model('1', 'math-inline')],
 };

package/docs/demo/generate.js

@@ -8,8 +8,8 @@ const initialModel = {
       answer: 'r=\\sqrt{\\frac{V}{7\\pi}}',
       id: '1',
       alternates: {},
-      validation: 'literal'
-    }
+      validation: 'literal',
+    },
   ],
   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.',
   rationale:
@@ -17,25 +17,26 @@ const initialModel = {
 };
 
 const E262456 = {
-  'equationEditor': 3,
-  'toolbarEditorPosition': 'bottom',
-  'prompt': '<p><strong>B.</strong> Find the value of the expression that you wrote in part A to find how much money the band members made.</p>\n\n<p>Use the on-screen keyboard to type your answer in the box below.</p>\n',
-  'expression': '${{response}}',
-  'responses': [
+  equationEditor: 3,
+  toolbarEditorPosition: 'bottom',
+  prompt:
+    '<p><strong>B.</strong> Find the value of the expression that you wrote in part A to find how much money the band members made.</p>\n\n<p>Use the on-screen keyboard to type your answer in the box below.</p>\n',
+  expression: '${{response}}',
+  responses: [
     {
-      'allowSpaces': true,
+      allowSpaces: true,
       // 'validation': 'symbolic',
-      'answer': '$410',
-      'id': '1'
-    }
+      answer: '$410',
+      id: '1',
+    },
   ],
-  '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.',
-  'responseType': 'Advanced Multi'
+  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.',
+  responseType: 'Advanced Multi',
 };
 
-
 exports.model = (id, element) => ({
   id,
   element,
-  ...E262456
+  ...E262456,
+  rubricEnabled: false,
 });

package/docs/demo/session.js

@@ -7,5 +7,5 @@ module.exports = [
     //   r2: { value: '2' }
     // },
     // completeAnswer: '72\\div12=6',
-  }
+  },
 ];

package/docs/pie-schema.json

@@ -426,6 +426,11 @@
       "type": "boolean",
       "title": "rationaleEnabled"
     },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
     "studentInstructionsEnabled": {
       "description": "Indicates if Student Instructions are enabled",
       "type": "boolean",
@@ -451,6 +456,11 @@
       "type": "string",
       "title": "toolbarEditorPosition"
     },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -471,6 +481,8 @@
     "ignoreOrderDefault",
     "rationaleEnabled",
     "responses",
+    "rubricEnabled",
+    "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"
   ],
@@ -512,6 +524,27 @@
         }
       }
     },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        }
+      }
+    },
     "ComplexFeedbackType": {
       "title": "ComplexFeedbackType",
       "type": "object",

package/docs/pie-schema.json.md

@@ -196,6 +196,10 @@ Indicates if Feedback is enabled
 
 Indicates if Rationale are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
 # `studentInstructionsEnabled` (boolean, required)
 
 Indicates if Student Instructions are enabled
@@ -219,6 +223,10 @@ This element must be one of the following enum values:
 
 Default: `": 'bottom'"`
 
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
@@ -262,6 +270,22 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
 ## `ComplexFeedbackType` (object)
 
 Properties of the `ComplexFeedbackType` object:

package/lib/index.js

@@ -56,8 +56,8 @@ var MathInline = /*#__PURE__*/function (_HTMLElement) {
     (0, _classCallCheck2["default"])(this, MathInline);
     _this = _super.call(this);
     _this._configuration = _defaults["default"].configuration;
-    _this.sessionChangedEventCaller = _lodash["default"].debounce(function (session) {
-      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(session, true));
+    _this.sessionChangedEventCaller = _lodash["default"].debounce(function () {
+      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), true));
     }, 1000);
     return _this;
   }
@@ -72,6 +72,9 @@ var MathInline = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 
@@ -92,7 +95,7 @@ var MathInline = /*#__PURE__*/function (_HTMLElement) {
       Object.keys(s).map(function (key) {
         _this2._session[key] = s[key];
       });
-      this.sessionChangedEventCaller(this._session);
+      this.sessionChangedEventCaller();
       log('session: ', this._session);
     }
   }, {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","MathInline","_configuration","defaults","configuration","sessionChangedEventCaller","_","debounce","session","dispatchEvent","SessionChangedEvent","m","_model","ModelSetEvent","_render","s","_session","c","Object","keys","map","key","el","React","createElement","Main","model","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAIA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oBAAN,CAAZ;;IAIqBC,U;;;;;AACnB,wBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,cAAL,GAAsBC,qBAASC,aAA/B;AACA,UAAKC,yBAAL,GAAiCC,mBAAEC,QAAF,CAAW,UAACC,OAAD,EAAa;AACvD,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwBF,OAAxB,EAAiC,IAAjC,CAAnB;AACD,KAFgC,EAE9B,IAF8B,CAAjC;AAHY;AAMb;;;;SAED,aAAUG,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;AACA,WAAKF,aAAL,CAAmB,IAAII,8BAAJ,CAAkB,KAAKD,MAAvB,EAA+B,IAA/B,EAAqC,CAAC,CAAC,KAAKA,MAA5C,CAAnB;;AACA,WAAKE,OAAL;AACD;;;SAED,aAAYC,CAAZ,EAAe;AACb,WAAKC,QAAL,GAAgBD,CAAhB;;AACA,WAAKD,OAAL;AACD;;;SAED,aAAkBG,CAAlB,EAAqB;AACnB,WAAKf,cAAL,GAAsBe,CAAtB;;AACA,WAAKH,OAAL;AACD;;;WAED,wBAAeC,CAAf,EAAkB;AAAA;;AAChBG,MAAAA,MAAM,CAACC,IAAP,CAAYJ,CAAZ,EAAeK,GAAf,CAAmB,UAAAC,GAAG,EAAI;AACxB,QAAA,MAAI,CAACL,QAAL,CAAcK,GAAd,IAAqBN,CAAC,CAACM,GAAD,CAAtB;AACD,OAFD;AAIA,WAAKhB,yBAAL,CAA+B,KAAKW,QAApC;AACAhB,MAAAA,GAAG,CAAC,WAAD,EAAc,KAAKgB,QAAnB,CAAH;AACD;;;WAED,6BAAoB;AAClB,WAAKF,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,CAAC,KAAKF,MAAN,IAAgB,CAAC,KAAKI,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMM,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKd,MADuB;AAEnCJ,QAAAA,OAAO,EAAE,KAAKQ,QAFqB;AAGnCZ,QAAAA,aAAa,EAAE,KAAKF,cAHe;AAInCyB,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAJkB,OAA1B,CAAX;;AAOAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB;AACD;;;kDAnDqCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nimport {\n  ModelSetEvent,\n  SessionChangedEvent,\n} from '@pie-framework/pie-player-events';\nimport defaults from '../configure/lib/defaults';\n\nconst log = debug('pie-ui:math-inline');\n\nexport { Main as Component };\n\nexport default class MathInline extends HTMLElement {\n  constructor() {\n    super();\n    this._configuration = defaults.configuration;\n    this.sessionChangedEventCaller = _.debounce((session) => {\n      this.dispatchEvent(new SessionChangedEvent(session, true));\n    }, 1000);\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelSetEvent(this._model, true, !!this._model));\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  sessionChanged(s) {\n    Object.keys(s).map(key => {\n      this._session[key] = s[key];\n    });\n\n    this.sessionChangedEventCaller(this._session);\n    log('session: ', this._session);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      configuration: this._configuration,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this);\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","MathInline","_configuration","defaults","configuration","sessionChangedEventCaller","_","debounce","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","m","_model","ModelSetEvent","_render","_session","s","c","Object","keys","map","key","el","React","createElement","Main","model","session","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oBAAN,CAAZ;;IAIqBC,U;;;;;AACnB,wBAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,cAAL,GAAsBC,qBAASC,aAA/B;AACA,UAAKC,yBAAL,GAAiCC,mBAAEC,QAAF,CAAW,YAAM;AAChD,YAAKC,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,MAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoD,IAApD,CAAnB;AACD,KAFgC,EAE9B,IAF8B,CAAjC;AAHY;AAMb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;AACA,WAAKJ,aAAL,CAAmB,IAAIM,8BAAJ,CAAkB,KAAKD,MAAvB,EAA+B,IAA/B,EAAqC,CAAC,CAAC,KAAKA,MAA5C,CAAnB;;AACA,WAAKE,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;SAMD,aAAkBG,CAAlB,EAAqB;AACnB,WAAKhB,cAAL,GAAsBgB,CAAtB;;AACA,WAAKH,OAAL;AACD;;;WAED,wBAAeE,CAAf,EAAkB;AAAA;;AAChBE,MAAAA,MAAM,CAACC,IAAP,CAAYH,CAAZ,EAAeI,GAAf,CAAmB,UAACC,GAAD,EAAS;AAC1B,QAAA,MAAI,CAACN,QAAL,CAAcM,GAAd,IAAqBL,CAAC,CAACK,GAAD,CAAtB;AACD,OAFD;AAIA,WAAKjB,yBAAL;AACAL,MAAAA,GAAG,CAAC,WAAD,EAAc,KAAKgB,QAAnB,CAAH;AACD;;;WAED,6BAAoB;AAClB,WAAKD,OAAL;AACD;;;WAED,mBAAU;AACR,UAAI,CAAC,KAAKF,MAAN,IAAgB,CAAC,KAAKG,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMO,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKd,MADuB;AAEnCe,QAAAA,OAAO,EAAE,KAAKZ,QAFqB;AAGnCZ,QAAAA,aAAa,EAAE,KAAKF,cAHe;AAInC2B,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAJkB,OAA1B,CAAX;;AAOAC,2BAASC,MAAT,CAAgBV,EAAhB,EAAoB,IAApB;AACD;;;kDAvDqCW,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './main';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport defaults from '../configure/lib/defaults';\n\nconst log = debug('pie-ui:math-inline');\n\nexport { Main as Component };\n\nexport default class MathInline extends HTMLElement {\n  constructor() {\n    super();\n    this._configuration = defaults.configuration;\n    this.sessionChangedEventCaller = _.debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelSetEvent(this._model, true, !!this._model));\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  sessionChanged(s) {\n    Object.keys(s).map((key) => {\n      this._session[key] = s[key];\n    });\n\n    this.sessionChangedEventCaller();\n    log('session: ', this._session);\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      configuration: this._configuration,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    ReactDOM.render(el, this);\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -49,9 +49,9 @@ var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -88,7 +88,9 @@ function prepareForStatic(model, state) {
 
   var _ref2 = config || {},
       expression = _ref2.expression,
-      responses = _ref2.responses;
+      responses = _ref2.responses,
+      printMode = _ref2.printMode,
+      alwaysShowCorrect = _ref2.alwaysShowCorrect;
 
   if (config && expression) {
     var modelExpression = expression;
@@ -103,6 +105,11 @@ function prepareForStatic(model, state) {
     return (modelExpression || '').replace(REGEX, function () {
       var answer = state.session.answers["r".concat(answerBlocks)];
 
+      if (printMode && !alwaysShowCorrect) {
+        var blankSpace = '\\ \\ '.repeat(30) + '\\newline ';
+        return "\\MathQuillMathField[r".concat(answerBlocks++, "]{").concat(blankSpace.repeat(3), "}");
+      }
+
       if (disabled) {
         return "\\embed{answerBlock}[r".concat(answerBlocks++, "]");
       }
@@ -300,7 +307,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         answers: _answers
       }),
       activeAnswerBlock: '',
-      showCorrect: false
+      showCorrect: _this.props.model.config.alwaysShowCorrect || false
     };
     return _this;
   }
@@ -351,6 +358,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         }));
       }
 
+      if (nextConfig.alwaysShowCorrect) {
+        this.setState({
+          showCorrect: true
+        });
+      }
+
       if (config && config.responses && config.responses.length !== nextConfig.responses.length || !config && nextConfig && nextConfig.responses || config && nextConfig && config.expression !== nextConfig.expression) {
         var newAnswers = {};
         var answers = this.state.session.answers;
@@ -396,7 +409,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       // Safari Hack: https://stackoverflow.com/a/42764495/5757635
       setTimeout(function () {
         if (ref && IS_SAFARI) {
-          var div = document.querySelector('[role=\'tooltip\']');
+          var div = document.querySelector("[role='tooltip']");
 
           if (div) {
             var el = div.firstChild;
@@ -408,8 +421,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _cx,
-          _this4 = this;
+      var _this4 = this,
+          _cx;
 
       var _this$props2 = this.props,
           model = _this$props2.model,
@@ -426,7 +439,10 @@ var Main = /*#__PURE__*/function (_React$Component) {
           view = _ref5.view,
           teacherInstructions = _ref5.teacherInstructions,
           rationale = _ref5.rationale,
-          feedback = _ref5.feedback;
+          feedback = _ref5.feedback,
+          animationsDisabled = _ref5.animationsDisabled,
+          printMode = _ref5.printMode,
+          alwaysShowCorrect = _ref5.alwaysShowCorrect;
 
       if (!config) {
         return null;
@@ -448,11 +464,26 @@ var Main = /*#__PURE__*/function (_React$Component) {
       var displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note;
       var emptyResponse = (0, _isEmpty["default"])(responses);
       var showCorrectAnswerToggle = !emptyResponse && correctness && correctness.correctness !== 'correct';
-      var tooltipModeEnabled = disabled && correctness && responseType !== _utils.ResponseTypes.simple;
+      var tooltipModeEnabled = disabled && correctness;
       var additionalKeys = generateAdditionalKeys(customKeys);
       var correct = correctness && correctness.correct;
       var staticLatex = prepareForStatic(model, this.state) || '';
       var viewMode = disabled && !correctness;
+      var studentPrintMode = printMode && !alwaysShowCorrect;
+
+      var printView = /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.printContainer
+      }, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
+        ref: function ref(mqStatic) {
+          return _this4.mqStatic = mqStatic || _this4.mqStatic;
+        },
+        latex: staticLatex,
+        onSubFieldChange: this.subFieldChanged,
+        getFieldName: this.getFieldName,
+        setInput: this.setInput,
+        onSubFieldFocus: this.onSubFieldFocus,
+        onBlur: this.onBlur
+      }));
 
       var midContent = /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.main
@@ -460,7 +491,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         className: classes.content
       }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: prompt
-      })), /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
+      })), studentPrintMode ? printView : /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
         "false": true
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.inputAndKeypadContainer
@@ -471,7 +502,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         model: model,
         session: session
       }), responseType === _utils.ResponseTypes.advanced && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.expression, (_cx = {}, (0, _defineProperty2["default"])(_cx, classes.incorrect, !emptyResponse && !correct && !showCorrect), (0, _defineProperty2["default"])(_cx, classes.correct, !emptyResponse && (correct || showCorrect)), (0, _defineProperty2["default"])(_cx, classes.showCorrectness, !emptyResponse && disabled && correctness && !view), (0, _defineProperty2["default"])(_cx, classes.correctAnswerShown, showCorrect), _cx))
+        className: (0, _classnames["default"])(classes.expression, (_cx = {}, (0, _defineProperty2["default"])(_cx, classes.incorrect, !emptyResponse && !correct && !showCorrect), (0, _defineProperty2["default"])(_cx, classes.correct, !emptyResponse && (correct || showCorrect)), (0, _defineProperty2["default"])(_cx, classes.showCorrectness, !emptyResponse && disabled && correctness && !view), (0, _defineProperty2["default"])(_cx, classes.correctAnswerShown, showCorrect), (0, _defineProperty2["default"])(_cx, classes.printCorrect, printMode && alwaysShowCorrect), _cx))
       }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
         ref: function ref(_ref7) {
           return _this4.setTooltipRef(_ref7);
@@ -507,7 +538,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         setInput: this.setInput,
         onSubFieldFocus: this.onSubFieldFocus,
         onBlur: this.onBlur
-      }))))), viewMode && teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }))))), viewMode && teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
@@ -516,7 +547,11 @@ var Main = /*#__PURE__*/function (_React$Component) {
         dangerouslySetInnerHTML: {
           __html: teacherInstructions
         }
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), viewMode && rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      })) : /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: teacherInstructions
+        }
+      }), /*#__PURE__*/_react["default"].createElement("br", null)), viewMode && rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Rationale',
           visible: 'Hide Rationale'
@@ -525,14 +560,18 @@ var Main = /*#__PURE__*/function (_React$Component) {
         dangerouslySetInnerHTML: {
           __html: rationale
         }
-      })), displayNote && /*#__PURE__*/_react["default"].createElement("div", {
+      })) : /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: rationale
+        }
+      })), viewMode && displayNote && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.note,
         dangerouslySetInnerHTML: {
           __html: "<strong>Note:</strong> ".concat(note)
         }
       }));
 
-      if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions || rationale || feedback)) {
+      if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) || rationale && (0, _renderUi.hasText)(rationale) || feedback)) {
         return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
           interactive: true,
           classes: {
@@ -567,6 +606,16 @@ var Main = /*#__PURE__*/function (_React$Component) {
             prompt: rationale
           })), /*#__PURE__*/_react["default"].createElement("br", {
             key: "br"
+          })], displayNote && (0, _renderUi.hasText)(note) && [/*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+            key: "collapsible",
+            labels: {
+              hidden: 'Show Note',
+              visible: 'Hide Note'
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+            prompt: note
+          })), /*#__PURE__*/_react["default"].createElement("br", {
+            key: "br"
           })], feedback && /*#__PURE__*/_react["default"].createElement(_renderUi.Feedback, {
             correctness: correctness.correctness,
             feedback: feedback
@@ -724,6 +773,9 @@ var styles = function styles(theme) {
       padding: theme.spacing.unit,
       letterSpacing: '0.5px'
     },
+    printCorrect: {
+      border: "2px solid ".concat(_renderUi.color.correct(), " !important")
+    },
     correct: {
       borderColor: "".concat(_renderUi.color.correct(), " !important")
     },
@@ -764,6 +816,10 @@ var styles = function styles(theme) {
           }
         }
       }
+    },
+    printContainer: {
+      marginBottom: '10px',
+      pointerEvents: 'none'
     }
   };
 };