@pie-element/complex-rubric 3.3.8-next.5 → 3.3.8-next.7

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.7.0",
+    "@pie-lib/pie-toolbox": "2.7.1",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
 import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.0/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _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_render_ui, _dll_pie_lib__pie_toolbox_config_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) {
@@ -114799,6 +114799,7 @@ const require$$15$8 = _dll_debug;
     mml.setMmlFactory(customMmlFactory);
     return html;
   };
+  var enrichSpeechInitialized = false;
   var bootstrap = function bootstrap(opts) {
     if (typeof window === 'undefined') {
       return {
@@ -114816,10 +114817,19 @@ const require$$15$8 = _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) {
@@ -114833,6 +114843,12 @@ const require$$15$8 = _dll_debug;
             console.error(e.toString());
           }
           updatedDocument.clear();
+        };
+        if (!enrichSpeechInitialized) {
+          attemptRender(true);
+        }
+        _mathjax.mathjax.handleRetriesFor(function () {
+          attemptRender();
         });
       }
     };
@@ -176785,7 +176801,7 @@ const require$$3$d = _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'
@@ -176794,14 +176810,14 @@ const require$$3$d = _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: {
@@ -176884,7 +176900,52 @@ const require$$3$c = _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'
+        }
       }
     };
   };
@@ -178772,7 +178833,7 @@ const {debounce: require$$16$2} = _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
         } : {};
@@ -178841,7 +178902,8 @@ const {debounce: require$$16$2} = _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,
@@ -178876,6 +178938,9 @@ const {debounce: require$$16$2} = _dll_lodash;
     fullWidth: {
       width: '100%'
     },
+    hidden: {
+      visibility: 'hidden'
+    },
     autoWidth: {
       width: 'auto'
     },

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.0/module/index.js";
-import {_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_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) {
@@ -132405,6 +132405,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 {
@@ -132422,10 +132423,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) {
@@ -132439,6 +132449,12 @@ const require$$15$4 = _dll_debug;
             console.error(e.toString());
           }
           updatedDocument.clear();
+        };
+        if (!enrichSpeechInitialized) {
+          attemptRender(true);
+        }
+        _mathjax.mathjax.handleRetriesFor(function () {
+          attemptRender();
         });
       }
     };
@@ -174862,7 +174878,7 @@ const require$$3$d = _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'
@@ -174871,14 +174887,14 @@ const require$$3$d = _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: {
@@ -174961,7 +174977,52 @@ const require$$3$c = _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'
+        }
       }
     };
   };
@@ -176849,7 +176910,7 @@ const {debounce: require$$16$2} = _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
         } : {};
@@ -176918,7 +176979,8 @@ const {debounce: require$$16$2} = _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,
@@ -176953,6 +177015,9 @@ const {debounce: require$$16$2} = _dll_lodash;
     fullWidth: {
       width: '100%'
     },
+    hidden: {
+      visibility: 'hidden'
+    },
     autoWidth: {
       width: 'auto'
     },

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_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.0/module/index.js";
-import {_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_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) {
@@ -132405,6 +132405,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 {
@@ -132422,10 +132423,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) {
@@ -132439,6 +132449,12 @@ const require$$15$4 = _dll_debug;
             console.error(e.toString());
           }
           updatedDocument.clear();
+        };
+        if (!enrichSpeechInitialized) {
+          attemptRender(true);
+        }
+        _mathjax.mathjax.handleRetriesFor(function () {
+          attemptRender();
         });
       }
     };
@@ -174862,7 +174878,7 @@ const require$$3$d = _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'
@@ -174871,14 +174887,14 @@ const require$$3$d = _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: {
@@ -174961,7 +174977,52 @@ const require$$3$c = _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'
+        }
       }
     };
   };
@@ -176849,7 +176910,7 @@ const {debounce: require$$16$2} = _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
         } : {};
@@ -176918,7 +176979,8 @@ const {debounce: require$$16$2} = _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,
@@ -176953,6 +177015,9 @@ const {debounce: require$$16$2} = _dll_lodash;
     fullWidth: {
       width: '100%'
     },
+    hidden: {
+      visibility: 'hidden'
+    },
     autoWidth: {
       width: 'auto'
     },

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "3.3.8-next.5+75922d067",
+  "version": "3.3.8-next.7+e7e1358bc",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.2.10-next.5+75922d067",
-    "@pie-element/rubric": "^4.3.8-next.5+75922d067",
+    "@pie-element/multi-trait-rubric": "^4.2.10-next.7+e7e1358bc",
+    "@pie-element/rubric": "^4.3.8-next.7+e7e1358bc",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "75922d0676250f6d5714747c7191cef245bbb1ff",
+  "gitHead": "e7e1358bcd9013c15e9d795c4fae899e683f6562",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },