@pie-element/explicit-constructed-response 6.12.6 → 6.12.8

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.12.0/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -19103,7 +19103,8 @@ var withMask = function withMask(type, renderChildren) {
     markup: _propTypes$x["default"].string,
     layout: _propTypes$x["default"].object,
     value: _propTypes$x["default"].object,
-    onChange: _propTypes$x["default"].func
+    onChange: _propTypes$x["default"].func,
+    customMarkMarkupComponent: _propTypes$x["default"].func
   }), _class);
 };
 withMask$1.withMask = withMask;
@@ -84092,7 +84093,7 @@ var esm$3 = Object.freeze({
 });
 var require$$2$k = getAugmentedNamespace(esm$3);
 var placeholder = {};
-const require$$1$n = _dll_react;
+const require$$1$o = _dll_react;
 const require$$3$8 = _dll_classnames;
 const require$$4$e = _dll_prop_types;
 (function (exports) {
@@ -84101,7 +84102,7 @@ const require$$4$e = _dll_prop_types;
     value: true
   });
   exports["default"] = exports.PlaceHolder = void 0;
-  var _react = _interopRequireDefault(require$$1$n);
+  var _react = _interopRequireDefault(require$$1$o);
   var _styles = styles$p;
   var _classnames = _interopRequireDefault(require$$3$8);
   var _propTypes = _interopRequireDefault(require$$4$e);
@@ -86564,7 +86565,7 @@ var correctIcon = {};
 var iconBase = {};
 var iconRoot = {};
 var sized = {};
-const require$$1$m = _dll_react;
+const require$$1$n = _dll_react;
 const require$$2$i = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -86572,7 +86573,7 @@ const require$$2$i = _dll_prop_types;
     value: true
   });
   exports.normalizeSize = exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$m);
+  var _react = _interopRequireDefault(require$$1$n);
   var _propTypes = _interopRequireDefault(require$$2$i);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -86599,14 +86600,14 @@ const require$$2$i = _dll_prop_types;
   exports["default"] = _default;
 })(sized);
 getDefaultExportFromCjs(sized);
-const require$$1$l = _dll_react;
+const require$$1$m = _dll_react;
 const require$$2$h = _dll_prop_types;
 var _interopRequireDefault$V = interopRequireDefault.exports;
 Object.defineProperty(iconRoot, "__esModule", {
   value: true
 });
 iconRoot.normalizeSize = iconRoot.getStyles = iconRoot.Tick = iconRoot.SquareFeedbackBox = iconRoot.Square = iconRoot.RoundFeedbackBox = iconRoot.IconRoot = iconRoot.Circle = void 0;
-var _react$H = _interopRequireDefault$V(require$$1$l);
+var _react$H = _interopRequireDefault$V(require$$1$m);
 var _propTypes$w = _interopRequireDefault$V(require$$2$h);
 var _sized = _interopRequireDefault$V(sized);
 var normalizeSize = function normalizeSize(size) {
@@ -86993,7 +86994,7 @@ const require$$3$6 = _dll_react;
 })(correctIcon);
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
-const require$$1$k = _dll_prop_types;
+const require$$1$l = _dll_prop_types;
 const require$$2$f = _dll_react;
 const require$$3$5 = _dll_classnames;
 (function (exports) {
@@ -87002,7 +87003,7 @@ const require$$3$5 = _dll_classnames;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$k);
+  var _propTypes = _interopRequireDefault(require$$1$l);
   var _react = _interopRequireDefault(require$$2$f);
   var _classnames = _interopRequireDefault(require$$3$5);
   var _styles = styles$p;
@@ -94712,10 +94713,10 @@ getDefaultExportFromCjs(scheduler_development);
 {
   scheduler.exports = scheduler_development;
 }
-const require$$1$j = _dll_react;
+const require$$1$k = _dll_react;
 (function (module) {
   module.exports = function $$$reconciler($$$hostConfig) {
-    var aa = objectAssign, ba = require$$1$j, n = scheduler.exports;
+    var aa = objectAssign, ba = require$$1$k, n = scheduler.exports;
     function p(b) {
       for (var a = b.message, c = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, d = 1; d < arguments.length; d++) c += "&args[]=" + encodeURIComponent(arguments[d]);
       b.message = "Minified React error #" + a + "; visit " + c + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";
@@ -98359,13 +98360,13 @@ getDefaultExportFromCjs(schedulerTracing_development);
 {
   tracing.exports = schedulerTracing_development;
 }
-const require$$1$i = _dll_react;
+const require$$1$j = _dll_react;
 const {checkPropTypes: require$$2$c} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
-      var React = require$$1$i;
+      var React = require$$1$j;
       var checkPropTypes = require$$2$c;
       var Scheduler = scheduler.exports;
       var tracing$1 = tracing.exports;
@@ -114218,7 +114219,7 @@ var Modal$1 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$h = _dll_react;
+const require$$1$i = _dll_react;
 const require$$2$b = _dll_classnames;
 var _interopRequireDefault$Q = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
@@ -114228,7 +114229,7 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$G = _interopRequireDefault$Q(require$$1$h);
+var _react$G = _interopRequireDefault$Q(require$$1$i);
 var _classnames$k = _interopRequireDefault$Q(require$$2$b);
 function cloneElementWithClassName(child, className) {
   return _react$G.default.cloneElement(child, {
@@ -115069,12 +115070,12 @@ var classNamesShape = _propTypes$t.default.oneOfType([_propTypes$t.default.strin
 })]);
 PropTypes$2.classNamesShape = classNamesShape;
 const require$$0$4 = _dll_prop_types;
-const require$$1$g = _dll_react;
+const require$$1$h = _dll_react;
 const require$$2$9 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$1 = _interopRequireWildcard$1(require$$0$4);
-var _react$D = _interopRequireDefault$J(require$$1$g);
+var _react$D = _interopRequireDefault$J(require$$1$h);
 var _reactDom$6 = _interopRequireDefault$J(require$$2$9);
 var _reactLifecyclesCompat = require$$2$a;
 var _PropTypes = PropTypes$2;
@@ -116867,12 +116868,12 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$1 = _dll_prop_types;
-const require$$1$f = _dll_react;
+const require$$1$g = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$1);
-  var _react = _interopRequireDefault(require$$1$f);
+  var _react = _interopRequireDefault(require$$1$g);
   var _reactLifecyclesCompat = require$$2$a;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
@@ -117009,13 +117010,13 @@ const require$$1$f = _dll_react;
 })(TransitionGroup, TransitionGroup.exports);
 getDefaultExportFromCjs(TransitionGroup.exports);
 const require$$0 = _dll_prop_types;
-const require$$1$e = _dll_react;
+const require$$1$f = _dll_react;
 const require$$2$8 = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0);
-  var _react = _interopRequireDefault(require$$1$e);
+  var _react = _interopRequireDefault(require$$1$f);
   var _reactDom = require$$2$8;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
@@ -119397,13 +119398,13 @@ SvgIcon$1.default = _default$m;
   var _SvgIcon = _interopRequireDefault(SvgIcon$1);
 })(SvgIcon$2);
 getDefaultExportFromCjs(SvgIcon$2);
-const require$$1$d = _dll_react;
+const require$$1$e = _dll_react;
 var _interopRequireDefault$m = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$m = _interopRequireDefault$m(require$$1$d);
+var _react$m = _interopRequireDefault$m(require$$1$e);
 var _pure$1 = _interopRequireDefault$m(pure$1);
 var _SvgIcon$1 = _interopRequireDefault$m(SvgIcon$2);
 function createSvgIcon(path, displayName) {
@@ -119417,13 +119418,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$l = createSvgIcon;
 createSvgIcon$1.default = _default$l;
-const require$$1$c = _dll_react;
+const require$$1$d = _dll_react;
 var _interopRequireDefault$l = interopRequireDefault.exports;
 Object.defineProperty(Restore, "__esModule", {
   value: true
 });
 Restore.default = void 0;
-var _react$l = _interopRequireDefault$l(require$$1$c);
+var _react$l = _interopRequireDefault$l(require$$1$d);
 var _createSvgIcon$2 = _interopRequireDefault$l(createSvgIcon$1);
 var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_react$l.default.Fragment, null, _react$l.default.createElement("path", {
   fill: "none",
@@ -119433,13 +119434,13 @@ var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_r
 })), 'Restore');
 Restore.default = _default$k;
 var Undo = {};
-const require$$1$b = _dll_react;
+const require$$1$c = _dll_react;
 var _interopRequireDefault$k = interopRequireDefault.exports;
 Object.defineProperty(Undo, "__esModule", {
   value: true
 });
 Undo.default = void 0;
-var _react$k = _interopRequireDefault$k(require$$1$b);
+var _react$k = _interopRequireDefault$k(require$$1$c);
 var _createSvgIcon$1 = _interopRequireDefault$k(createSvgIcon$1);
 var _default$j = (0, _createSvgIcon$1.default)(_react$k.default.createElement(_react$k.default.Fragment, null, _react$k.default.createElement("path", {
   fill: "none",
@@ -119899,13 +119900,13 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$a = _dll_react;
+const require$$1$b = _dll_react;
 var _interopRequireDefault$j = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$j = _interopRequireDefault$j(require$$1$a);
+var _react$j = _interopRequireDefault$j(require$$1$b);
 var FormControlContext = _react$j.default.createContext();
 var _default$i = FormControlContext;
 FormControlContext$1.default = _default$i;
@@ -120724,7 +120725,7 @@ const require$$11$1 = _dll_prop_types;
 })(previewPrompt);
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
-const require$$1$9 = _dll_prop_types;
+const require$$1$a = _dll_prop_types;
 const require$$2$4 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120732,7 +120733,7 @@ const require$$2$4 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$9);
+  var _propTypes = _interopRequireDefault(require$$1$a);
   var _react = _interopRequireDefault(require$$2$4);
   var Readable = function Readable(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -120750,7 +120751,7 @@ const require$$2$4 = _dll_react;
 })(readable);
 getDefaultExportFromCjs(readable);
 var purpose = {};
-const require$$1$8 = _dll_prop_types;
+const require$$1$9 = _dll_prop_types;
 const require$$2$3 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120758,7 +120759,7 @@ const require$$2$3 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$8);
+  var _propTypes = _interopRequireDefault(require$$1$9);
   var _react = _interopRequireDefault(require$$2$3);
   var Purpose = function Purpose(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -121199,14 +121200,14 @@ const require$$2$2 = _dll_react;
 })(withDragContext);
 getDefaultExportFromCjs(withDragContext);
 var swap = {};
-const {cloneDeep: require$$1$7} = _dll_lodash;
+const {cloneDeep: require$$1$8} = _dll_lodash;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _cloneDeep = _interopRequireDefault(require$$1$7);
+  var _cloneDeep = _interopRequireDefault(require$$1$8);
   var _default = function _default(arr, fromIndex, toIndex) {
     if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {
       throw new Error(("swap requires a non-empty array, fromIndex, toIndex: ").concat(arr, ", ").concat(fromIndex, " ").concat(toIndex));
@@ -121527,13 +121528,13 @@ getDefaultExportFromCjs(drag);
 var Chip$2 = {};
 var Chip$1 = {};
 var Cancel$1 = {};
-const require$$1$6 = _dll_react;
+const require$$1$7 = _dll_react;
 var _interopRequireDefault$d = interopRequireDefault.exports;
 Object.defineProperty(Cancel$1, "__esModule", {
   value: true
 });
 Cancel$1.default = void 0;
-var _react$d = _interopRequireDefault$d(require$$1$6);
+var _react$d = _interopRequireDefault$d(require$$1$7);
 var _pure = _interopRequireDefault$d(pure$1);
 var _SvgIcon = _interopRequireDefault$d(SvgIcon$2);
 var _ref = _react$d.default.createElement("path", {
@@ -123561,7 +123562,7 @@ const require$$6$3 = _dll_classnames;
   exports["default"] = _default;
 })(correctInput);
 getDefaultExportFromCjs(correctInput);
-const require$$1$5 = _dll_react;
+const require$$1$6 = _dll_react;
 const require$$2$1 = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -123569,7 +123570,7 @@ const require$$2$1 = _dll_prop_types;
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$5);
+  var _react = _interopRequireDefault(require$$1$6);
   var _propTypes = _interopRequireDefault(require$$2$1);
   var _correctInput = _interopRequireDefault(correctInput);
   var Input = function Input(_ref) {
@@ -123605,14 +123606,14 @@ const require$$2$1 = _dll_prop_types;
   exports["default"] = _default;
 })(input);
 getDefaultExportFromCjs(input);
-const require$$1$4 = _dll_react;
+const require$$1$5 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$4);
+  var _react = _interopRequireDefault(require$$1$5);
   var _input = _interopRequireDefault(input);
   var _withMask = withMask$1;
   var _default = (0, _withMask.withMask)('input', function (props) {
@@ -123642,6 +123643,27 @@ const require$$1$4 = _dll_react;
   exports["default"] = _default;
 })(constructedResponse);
 getDefaultExportFromCjs(constructedResponse);
+var customizable = {};
+const require$$1$4 = _dll_react;
+(function (exports) {
+  var _interopRequireDefault = interopRequireDefault.exports;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  _interopRequireDefault(require$$1$4);
+  var _withMask = withMask$1;
+  var _default = (0, _withMask.withMask)('input', function (props) {
+    return function (node, data, onChange) {
+      var dataset = node.data ? node.data.dataset || ({}) : {};
+      if (dataset.component === 'input') {
+        return props.customMarkMarkupComponent(dataset.id);
+      }
+    };
+  });
+  exports["default"] = _default;
+})(customizable);
+getDefaultExportFromCjs(customizable);
 var inlineDropdown = {};
 var dropdown = {};
 var Menu$2 = {};
@@ -124752,6 +124774,12 @@ getDefaultExportFromCjs(inlineDropdown);
       return _constructedResponse["default"];
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _customizable["default"];
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {
@@ -124785,6 +124813,7 @@ getDefaultExportFromCjs(inlineDropdown);
   var _withMask = withMask$1;
   var _dragInTheBlank = _interopRequireDefault(dragInTheBlank);
   var _constructedResponse = _interopRequireDefault(constructedResponse);
+  var _customizable = _interopRequireDefault(customizable);
   var _inlineDropdown = _interopRequireDefault(inlineDropdown);
   var _componentize = _interopRequireDefault(componentize);
 })(maskMarkup);
@@ -124799,6 +124828,12 @@ getDefaultExportFromCjs(maskMarkup);
       return _maskMarkup.ConstructedResponse;
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _maskMarkup.Customizable;
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {
@@ -128086,26 +128121,26 @@ class Main extends React$1.Component {
   }
   static __initStatic() {
     this.propTypes = {
+      alwaysShowCorrect: PropTypes.bool,
+      animationsDisabled: PropTypes.bool,
       classes: PropTypes.object.isRequired,
-      prompt: PropTypes.string,
-      note: PropTypes.string,
-      showNote: PropTypes.bool,
-      env: PropTypes.object,
-      rationale: PropTypes.string,
       disabled: PropTypes.bool,
       displayType: PropTypes.string,
-      markup: PropTypes.string,
-      mode: PropTypes.string,
-      teacherInstructions: PropTypes.string,
-      value: PropTypes.object,
       feedback: PropTypes.object,
-      onChange: PropTypes.func,
-      alwaysShowCorrect: PropTypes.bool,
-      animationsDisabled: PropTypes.bool,
+      language: PropTypes.string,
+      markup: PropTypes.string,
       maxLengthPerChoice: PropTypes.array,
       maxLengthPerChoiceEnabled: PropTypes.bool,
+      mode: PropTypes.string,
+      note: PropTypes.string,
+      onChange: PropTypes.func,
       playerSpellCheckEnabled: PropTypes.bool,
-      language: PropTypes.string
+      prompt: PropTypes.string,
+      rationale: PropTypes.string,
+      role: PropTypes.string,
+      showNote: PropTypes.bool,
+      teacherInstructions: PropTypes.string,
+      value: PropTypes.object
     };
   }
   static __initStatic2() {
@@ -128168,8 +128203,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {showCorrectAnswer, value} = this.state;
-    const {classes, mode, prompt, rationale, teacherInstructions, note, showNote, env, animationsDisabled, alwaysShowCorrect, maxLengthPerChoice, maxLengthPerChoiceEnabled, displayType, playerSpellCheckEnabled, language} = this.props;
-    const {role} = env || ({});
+    const {alwaysShowCorrect, animationsDisabled, classes, mode, displayType, role, language, maxLengthPerChoice, maxLengthPerChoiceEnabled, note, playerSpellCheckEnabled, prompt, rationale, showNote, teacherInstructions} = this.props;
     const displayNote = (showCorrectAnswer || mode === 'view' && role === 'instructor') && showNote && note;
     const mainClasses = classNames([classes.mainContainer, {
       [classes.noBorderColor]: alwaysShowCorrect
@@ -128180,7 +128214,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121
+        lineNumber: 122
       }
     });
     const rationaleDiv = React$1.createElement(PreviewPrompt, {
@@ -128188,7 +128222,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124
+        lineNumber: 125
       }
     });
     return React$1.createElement('div', {
@@ -128199,21 +128233,21 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127
+        lineNumber: 128
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128
+        lineNumber: 129
       }
     }, "Fill in the Blank Question"), teacherInstructions && hasText(teacherInstructions) && React$1.createElement('div', {
       className: classes.collapsible,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 131
+        lineNumber: 132
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -128223,14 +128257,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133
+        lineNumber: 134
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), prompt && React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142
+        lineNumber: 143
       }
     }), !alwaysShowCorrect && React$1.createElement(CorrectAnswerToggle, {
       show: mode === 'evaluate',
@@ -128240,7 +128274,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 145
+        lineNumber: 146
       }
     }), React$1.createElement(maskMarkup$1.ConstructedResponse, {
       ...this.props,
@@ -128253,7 +128287,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153
+        lineNumber: 154
       }
     }), displayNote && React$1.createElement('div', {
       className: classNames(classes.note, 'note'),
@@ -128270,7 +128304,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171
+        lineNumber: 167
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -128280,7 +128314,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173
+        lineNumber: 169
       }
     }, rationaleDiv) : rationaleDiv));
   }
@@ -128326,12 +128360,12 @@ const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering_access
 const debug = _dll_debug;
 const log = debug('pie-element:explicit-constructed-response:print');
 const preparePrintModel = (model, opts) => {
-  const instr = opts.role === 'instructor';
+  const isInstructor = 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.alwaysShowCorrect = instr;
-  model.mode = instr ? 'evaluate' : model.mode;
+  model.teacherInstructions = isInstructor && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
+  model.rationale = isInstructor && model.rationaleEnabled !== false ? model.rationale : undefined;
+  model.alwaysShowCorrect = isInstructor;
+  model.mode = isInstructor ? 'evaluate' : model.mode;
   model.disabled = true;
   model.animationsDisabled = true;
   return model;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.12.6",
+  "version": "6.12.8",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.17.5",
+    "@pie-lib/pie-toolbox": "1.19.1",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "45597f58c90f92d58a6713eeae1eb5d0dfb1f371",
+  "gitHead": "03c6ec6ef5b3ce2df9dd0b4cb42fdfd0eea9b06b",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {