@pie-element/explicit-constructed-response 7.2.10-next.5 → 7.2.10-next.7

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.7.0",
+    "@pie-lib/pie-toolbox": "2.7.1",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.7.0",
+    "@pie-lib/pie-toolbox": "2.7.1",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.0/module/index.js";
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.7.2/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.8.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.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@5.7.2/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@5.8.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -92252,6 +92252,7 @@ const require$$15$4 = _dll_debug;
     mml.setMmlFactory(customMmlFactory);
     return html;
   };
+  var enrichSpeechInitialized = false;
   var bootstrap = function bootstrap(opts) {
     if (typeof window === 'undefined') {
       return {
@@ -92269,10 +92270,19 @@ const require$$15$4 = _dll_debug;
         for (var _len = arguments.length, elements = new Array(_len), _key = 0; _key < _len; _key++) {
           elements[_key] = arguments[_key];
         }
-        _mathjax.mathjax.handleRetriesFor(function () {
+        var attemptRender = function attemptRender() {
+          var _updatedDocument$math, _updatedDocument$math2;
+          var temporary = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
           var updatedDocument = _this.html.findMath(elements.length ? {
             elements: elements
-          } : {}).compile().enrich().getMetrics().typeset().assistiveMml().attachSpeech().addMenu().updateDocument();
+          } : {}).compile();
+          if (!temporary) {
+            updatedDocument = updatedDocument.enrich();
+          }
+          updatedDocument = updatedDocument.getMetrics().typeset().assistiveMml().attachSpeech().addMenu().updateDocument();
+          if (!enrichSpeechInitialized && (0, _typeof2["default"])((_updatedDocument$math = updatedDocument.math.list) === null || _updatedDocument$math === void 0 ? void 0 : (_updatedDocument$math2 = _updatedDocument$math.next) === null || _updatedDocument$math2 === void 0 ? void 0 : _updatedDocument$math2.data) === 'object') {
+            enrichSpeechInitialized = true;
+          }
           try {
             var list = updatedDocument.math.list;
             if (list) {
@@ -92286,6 +92296,12 @@ const require$$15$4 = _dll_debug;
             console.error(e.toString());
           }
           updatedDocument.clear();
+        };
+        if (!enrichSpeechInitialized) {
+          attemptRender(true);
+        }
+        _mathjax.mathjax.handleRetriesFor(function () {
+          attemptRender();
         });
       }
     };
@@ -175290,7 +175306,7 @@ const require$$3$6 = _dll_prop_types;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
       style: {
         display: 'inline-flex',
-        minHeight: '50px',
+        minHeight: '55px',
         minWidth: '178px',
         position: 'relative',
         cursor: 'pointer'
@@ -175299,14 +175315,14 @@ const require$$3$6 = _dll_prop_types;
       style: {
         display: 'inline-flex',
         width: '100%',
-        minHeight: '42px',
-        height: '42px',
+        minHeight: '46px',
+        height: '46px',
         backgroundColor: '#FFF',
         border: ("1px solid ").concat(error ? 'red' : '#C0C3CF'),
         boxSizing: 'border-box',
         borderRadius: '4px',
         overflow: 'hidden',
-        padding: '10px 21px',
+        padding: '12px 21px',
         marginLeft: '4px'
       },
       dangerouslySetInnerHTML: {
@@ -175389,7 +175405,52 @@ const require$$3$5 = _dll_prop_types;
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))'
+        backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',
+        '& > .mq-math-mode sup.mq-nthroot': {
+          fontSize: '70% !important',
+          verticalAlign: '1em !important'
+        },
+        '& > .mq-math-mode .mq-sqrt-stem': {
+          borderTop: '0.07em solid',
+          marginLeft: '-1.5px',
+          marginTop: '-2px !important',
+          paddingTop: '5px !important'
+        },
+        '& .mq-overarrow-inner': {
+          paddingTop: '0 !important',
+          border: 'none !important'
+        },
+        '& .mq-overarrow.mq-arrow-both': {
+          marginTop: '0px',
+          minWidth: '1.23em',
+          '& *': {
+            lineHeight: '1 !important'
+          },
+          '&:before': {
+            top: '-0.4em',
+            left: '-1px'
+          },
+          '&:after': {
+            top: '0px !important',
+            position: 'absolute !important',
+            right: '-2px'
+          },
+          '&.mq-empty:after': {
+            top: '-0.45em'
+          }
+        },
+        '& .mq-overarrow.mq-arrow-right': {
+          '&:before': {
+            top: '-0.4em',
+            right: '-1px'
+          }
+        },
+        '& .mq-overarrow-inner-right': {
+          display: 'none !important'
+        },
+        '& .mq-overarrow-inner-left': {
+          display: 'none !important'
+        }
       }
     };
   };
@@ -177277,7 +177338,7 @@ const {debounce: require$$16} = _dll_lodash;
         var customToolbarShowDone = node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;
         var defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
         var hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
-        var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), _classNames));
+        var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), (0, _defineProperty2["default"])(_classNames, classes.hidden, toolbarOpts.isHidden === true), _classNames));
         var customStyles = toolbarOpts.minWidth !== undefined ? {
           minWidth: toolbarOpts.minWidth
         } : {};
@@ -177346,7 +177407,8 @@ const {debounce: require$$16} = _dll_lodash;
       alwaysVisible: _propTypes["default"].bool,
       ref: _propTypes["default"].func,
       showDone: _propTypes["default"].bool,
-      minWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+      minWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+      isHidden: _propTypes["default"].bool
     }),
     onDataChange: _propTypes["default"].func,
     doneButtonRef: _propTypes["default"].func,
@@ -177381,6 +177443,9 @@ const {debounce: require$$16} = _dll_lodash;
     fullWidth: {
       width: '100%'
     },
+    hidden: {
+      visibility: 'hidden'
+    },
     autoWidth: {
       width: 'auto'
     },
@@ -180159,7 +180224,7 @@ const require$$6 = _dll_classnames;
       var adjustedLimit = props.adjustedLimit, disabled = props.disabled, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer, maxLength = props.maxLength, spellCheck = props.spellCheck, classes = props.classes, pluginProps = props.pluginProps, onChange = props.onChange;
       var dataset = ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.dataset) || ({});
       if (dataset.component === 'input') {
-        var _classnames;
+        var _pluginProps$characte, _classnames;
         var correctAnswer = (props.choices && dataset && props.choices[dataset.id] || [])[0];
         var finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
         var width = maxLength && maxLength[dataset.id];
@@ -180190,9 +180255,11 @@ const require$$6 = _dll_classnames;
           spellCheck: spellCheck,
           width: ("calc(").concat(width, "ch + 42px)"),
           onKeyDown: handleKeyDown,
+          autoWidthToolbar: true,
           toolbarOpts: {
             minWidth: 'auto',
-            noBorder: true
+            noBorder: true,
+            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
           },
           className: (0, _classnames2["default"])(classes.editableHtmlCustom, (_classnames = {}, (0, _defineProperty2["default"])(_classnames, classes.correct, isCorrect), (0, _defineProperty2["default"])(_classnames, classes.incorrect, isIncorrect), _classnames))
         });

package/module/manifest.json

@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.7.2"
+      "version": "5.8.0"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_classnames, _dll_react_dom, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.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@5.7.2/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@5.8.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -92215,6 +92215,7 @@ const require$$15$4 = _dll_debug;
     mml.setMmlFactory(customMmlFactory);
     return html;
   };
+  var enrichSpeechInitialized = false;
   var bootstrap = function bootstrap(opts) {
     if (typeof window === 'undefined') {
       return {
@@ -92232,10 +92233,19 @@ const require$$15$4 = _dll_debug;
         for (var _len = arguments.length, elements = new Array(_len), _key = 0; _key < _len; _key++) {
           elements[_key] = arguments[_key];
         }
-        _mathjax.mathjax.handleRetriesFor(function () {
+        var attemptRender = function attemptRender() {
+          var _updatedDocument$math, _updatedDocument$math2;
+          var temporary = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
           var updatedDocument = _this.html.findMath(elements.length ? {
             elements: elements
-          } : {}).compile().enrich().getMetrics().typeset().assistiveMml().attachSpeech().addMenu().updateDocument();
+          } : {}).compile();
+          if (!temporary) {
+            updatedDocument = updatedDocument.enrich();
+          }
+          updatedDocument = updatedDocument.getMetrics().typeset().assistiveMml().attachSpeech().addMenu().updateDocument();
+          if (!enrichSpeechInitialized && (0, _typeof2["default"])((_updatedDocument$math = updatedDocument.math.list) === null || _updatedDocument$math === void 0 ? void 0 : (_updatedDocument$math2 = _updatedDocument$math.next) === null || _updatedDocument$math2 === void 0 ? void 0 : _updatedDocument$math2.data) === 'object') {
+            enrichSpeechInitialized = true;
+          }
           try {
             var list = updatedDocument.math.list;
             if (list) {
@@ -92249,6 +92259,12 @@ const require$$15$4 = _dll_debug;
             console.error(e.toString());
           }
           updatedDocument.clear();
+        };
+        if (!enrichSpeechInitialized) {
+          attemptRender(true);
+        }
+        _mathjax.mathjax.handleRetriesFor(function () {
+          attemptRender();
         });
       }
     };
@@ -175253,7 +175269,7 @@ const require$$3$6 = _dll_prop_types;
     return _react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
       style: {
         display: 'inline-flex',
-        minHeight: '50px',
+        minHeight: '55px',
         minWidth: '178px',
         position: 'relative',
         cursor: 'pointer'
@@ -175262,14 +175278,14 @@ const require$$3$6 = _dll_prop_types;
       style: {
         display: 'inline-flex',
         width: '100%',
-        minHeight: '42px',
-        height: '42px',
+        minHeight: '46px',
+        height: '46px',
         backgroundColor: '#FFF',
         border: ("1px solid ").concat(error ? 'red' : '#C0C3CF'),
         boxSizing: 'border-box',
         borderRadius: '4px',
         overflow: 'hidden',
-        padding: '10px 21px',
+        padding: '12px 21px',
         marginLeft: '4px'
       },
       dangerouslySetInnerHTML: {
@@ -175352,7 +175368,52 @@ const require$$3$5 = _dll_prop_types;
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))'
+        backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',
+        '& > .mq-math-mode sup.mq-nthroot': {
+          fontSize: '70% !important',
+          verticalAlign: '1em !important'
+        },
+        '& > .mq-math-mode .mq-sqrt-stem': {
+          borderTop: '0.07em solid',
+          marginLeft: '-1.5px',
+          marginTop: '-2px !important',
+          paddingTop: '5px !important'
+        },
+        '& .mq-overarrow-inner': {
+          paddingTop: '0 !important',
+          border: 'none !important'
+        },
+        '& .mq-overarrow.mq-arrow-both': {
+          marginTop: '0px',
+          minWidth: '1.23em',
+          '& *': {
+            lineHeight: '1 !important'
+          },
+          '&:before': {
+            top: '-0.4em',
+            left: '-1px'
+          },
+          '&:after': {
+            top: '0px !important',
+            position: 'absolute !important',
+            right: '-2px'
+          },
+          '&.mq-empty:after': {
+            top: '-0.45em'
+          }
+        },
+        '& .mq-overarrow.mq-arrow-right': {
+          '&:before': {
+            top: '-0.4em',
+            right: '-1px'
+          }
+        },
+        '& .mq-overarrow-inner-right': {
+          display: 'none !important'
+        },
+        '& .mq-overarrow-inner-left': {
+          display: 'none !important'
+        }
       }
     };
   };
@@ -177240,7 +177301,7 @@ const {debounce: require$$16} = _dll_lodash;
         var customToolbarShowDone = node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;
         var defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
         var hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
-        var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), _classNames));
+        var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), (0, _defineProperty2["default"])(_classNames, classes.hidden, toolbarOpts.isHidden === true), _classNames));
         var customStyles = toolbarOpts.minWidth !== undefined ? {
           minWidth: toolbarOpts.minWidth
         } : {};
@@ -177309,7 +177370,8 @@ const {debounce: require$$16} = _dll_lodash;
       alwaysVisible: _propTypes["default"].bool,
       ref: _propTypes["default"].func,
       showDone: _propTypes["default"].bool,
-      minWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+      minWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+      isHidden: _propTypes["default"].bool
     }),
     onDataChange: _propTypes["default"].func,
     doneButtonRef: _propTypes["default"].func,
@@ -177344,6 +177406,9 @@ const {debounce: require$$16} = _dll_lodash;
     fullWidth: {
       width: '100%'
     },
+    hidden: {
+      visibility: 'hidden'
+    },
     autoWidth: {
       width: 'auto'
     },
@@ -180122,7 +180187,7 @@ const require$$6 = _dll_classnames;
       var adjustedLimit = props.adjustedLimit, disabled = props.disabled, feedback = props.feedback, showCorrectAnswer = props.showCorrectAnswer, maxLength = props.maxLength, spellCheck = props.spellCheck, classes = props.classes, pluginProps = props.pluginProps, onChange = props.onChange;
       var dataset = ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.dataset) || ({});
       if (dataset.component === 'input') {
-        var _classnames;
+        var _pluginProps$characte, _classnames;
         var correctAnswer = (props.choices && dataset && props.choices[dataset.id] || [])[0];
         var finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
         var width = maxLength && maxLength[dataset.id];
@@ -180153,9 +180218,11 @@ const require$$6 = _dll_classnames;
           spellCheck: spellCheck,
           width: ("calc(").concat(width, "ch + 42px)"),
           onKeyDown: handleKeyDown,
+          autoWidthToolbar: true,
           toolbarOpts: {
             minWidth: 'auto',
-            noBorder: true
+            noBorder: true,
+            isHidden: !!(pluginProps !== null && pluginProps !== void 0 && (_pluginProps$characte = pluginProps.characters) !== null && _pluginProps$characte !== void 0 && _pluginProps$characte.disabled)
           },
           className: (0, _classnames2["default"])(classes.editableHtmlCustom, (_classnames = {}, (0, _defineProperty2["default"])(_classnames, classes.correct, isCorrect), (0, _defineProperty2["default"])(_classnames, classes.incorrect, isIncorrect), _classnames))
         });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "7.2.10-next.5+75922d067",
+  "version": "7.2.10-next.7+e7e1358bc",
   "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": "2.7.0",
+    "@pie-lib/pie-toolbox": "2.7.1",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "75922d0676250f6d5714747c7191cef245bbb1ff",
+  "gitHead": "e7e1358bcd9013c15e9d795c4fae899e683f6562",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {