@pie-element/complex-rubric 2.16.8-next.7 → 2.17.0

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.19.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.20.0/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -64837,7 +64837,7 @@ var _interopRequireDefault$2r = interopRequireDefault.exports;
 Object.defineProperty(color, "__esModule", {
   value: true
 });
-color.white = color.v = color.text = color.secondaryText = color.secondaryLight = color.secondaryDark = color.secondaryBackground = color.secondary = color.primaryText = color.primaryLight = color.primaryDark = color.primary = color.missingWithIcon = color.missing = color.incorrectWithIcon = color.incorrectSecondary = color.incorrect = color.disabledSecondary = color.disabled = color.defaults = color.correctWithIcon = color.correctSecondary = color.correct = color.black = color.background = void 0;
+color.white = color.v = color.transparent = color.text = color.secondaryText = color.secondaryLight = color.secondaryDark = color.secondaryBackground = color.secondary = color.primaryText = color.primaryLight = color.primaryDark = color.primary = color.missingWithIcon = color.missing = color.incorrectWithIcon = color.incorrectSecondary = color.incorrect = color.disabledSecondary = color.disabled = color.defaults = color.correctWithIcon = color.correctSecondary = color.correct = color.borderLight = color.borderDark = color.border = color.black = color.backgroundDark = color.background = void 0;
 var _green = _interopRequireDefault$2r(green$1);
 var _orange = _interopRequireDefault$2r(orange$1);
 var _pink = _interopRequireDefault$2r(pink$1);
@@ -64862,9 +64862,14 @@ var defaults = {
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
   BACKGROUND: 'rgba(255,255,255,0)',
+  BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
+  BORDER: '#9A9A9A',
+  BORDER_LIGHT: '#D1D1D1',
+  BORDER_DARK: '#646464',
   BLACK: '#000000',
-  WHITE: '#ffffff'
+  WHITE: '#ffffff',
+  TRANSPARENT: 'transparent'
 };
 color.defaults = defaults;
 Object.freeze(defaults);
@@ -64961,10 +64966,26 @@ var background = function background() {
   return pv('background', defaults.BACKGROUND);
 };
 color.background = background;
+var backgroundDark = function backgroundDark() {
+  return pv('background-dark', defaults.BACKGROUND_DARK);
+};
+color.backgroundDark = backgroundDark;
 var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color.secondaryBackground = secondaryBackground;
+var border = function border() {
+  return pv('border', defaults.BORDER);
+};
+color.border = border;
+var borderLight = function borderLight() {
+  return pv('border-light', defaults.BORDER_LIGHT);
+};
+color.borderLight = borderLight;
+var borderDark = function borderDark() {
+  return pv('border-dark', defaults.BORDER_DARK);
+};
+color.borderDark = borderDark;
 var black = function black() {
   return pv('black', defaults.BLACK);
 };
@@ -64973,6 +64994,10 @@ var white = function white() {
   return pv('white', defaults.WHITE);
 };
 color.white = white;
+var transparent = function transparent() {
+  return defaults.TRANSPARENT;
+};
+color.transparent = transparent;
 const require$$9$C = _dll_react;
 const require$$11$v = _dll_classnames;
 const require$$12$i = _dll_prop_types;
@@ -129485,7 +129510,8 @@ const require$$12$b = _dll_debug;
         }, _react["default"].createElement("div", null, fileUpload.url ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
           className: classes.row
         }, _react["default"].createElement("audio", {
-          controls: "controls"
+          controls: "controls",
+          controlsList: "nodownload"
         }, _react["default"].createElement("source", {
           type: "audio/mp3",
           src: fileUpload.url
@@ -129961,7 +129987,8 @@ const require$$9$s = _dll_debug;
               "data-type": type,
               width: style.width
             }, rest), _react["default"].createElement("audio", {
-              controls: "controls"
+              controls: "controls",
+              controlsList: "nodownload"
             }, _react["default"].createElement("source", {
               type: "audio/mp3",
               src: src
@@ -130086,7 +130113,8 @@ const require$$9$s = _dll_debug;
       });
       if (tag === 'audio') {
         return _react["default"].createElement("audio", {
-          controls: "controls"
+          controls: "controls",
+          controlsList: "nodownload"
         }, _react["default"].createElement("source", {
           type: "audio/mp3",
           src: src
@@ -139170,6 +139198,7 @@ const require$$4$P = _dll_prop_types;
   var _classnames = _interopRequireDefault(require$$3$z);
   var _propTypes = _interopRequireDefault(require$$4$P);
   var _grey = _interopRequireDefault(grey$1);
+  var _renderUi = renderUi;
   var PlaceHolder = function PlaceHolder(props) {
     var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize;
     var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
@@ -139181,6 +139210,10 @@ const require$$4$P = _dll_prop_types;
       var repeatValue = grid.rowsRepeatValue || '1fr';
       style.gridTemplateRows = ("repeat(").concat(grid.rows, ", ").concat(repeatValue, ")");
     }
+    if (type === 'choice') {
+      style.border = ("1px solid ").concat(_renderUi.color.borderLight());
+      style.background = _renderUi.color.backgroundDark();
+    }
     var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
     return _react["default"].createElement("div", {
       style: style,
@@ -139209,14 +139242,14 @@ const require$$4$P = _dll_prop_types;
       placeholder: {
         width: '100%',
         height: '100%',
-        background: theme.palette.grey[200],
-        border: '1px solid #D1D1D1',
+        background: _renderUi.color.white(),
         transition: 'background-color 200ms linear, border-color 200ms linear',
         boxSizing: 'border-box',
         display: 'grid',
         gridRowGap: ("").concat(theme.spacing.unit, "px"),
         gridColumnGap: ("").concat(theme.spacing.unit, "px"),
-        padding: theme.spacing.unit * 1
+        padding: theme.spacing.unit * 1,
+        border: ("2px dashed ").concat(_renderUi.color.black())
       },
       disabled: {
         boxShadow: 'none',
@@ -139227,18 +139260,17 @@ const require$$4$P = _dll_prop_types;
         backgroundColor: ("").concat(_grey["default"][300])
       },
       board: {
-        border: '1px solid #D1D1D1',
         padding: theme.spacing.unit,
         display: 'flex',
         flexWrap: 'wrap',
         alignItems: 'center',
-        minHeight: '200px',
+        minHeight: '100px',
         justifyContent: 'center',
         overflow: 'hidden',
-        touchAction: 'none'
+        touchAction: 'none',
+        backgroundColor: _renderUi.color.backgroundDark()
       },
       categorizeBoard: {
-        border: '1px solid #D1D1D1',
         padding: theme.spacing.unit / 2,
         display: 'flex',
         flexWrap: 'wrap',
@@ -139246,7 +139278,8 @@ const require$$4$P = _dll_prop_types;
         minHeight: '100px',
         justifyContent: 'center',
         overflow: 'hidden',
-        touchAction: 'none'
+        touchAction: 'none',
+        backgroundColor: _renderUi.color.backgroundDark()
       }
     };
   };
@@ -146859,7 +146892,6 @@ const require$$13$5 = _dll_prop_types;
         }
         log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
         return _react["default"].createElement("div", {
-          tabIndex: 0,
           className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
         }, _react["default"].createElement("div", {
           className: holderNames
@@ -156480,7 +156512,7 @@ const require$$23 = _dll_classnames;
     }, {
       key: "render",
       value: function render() {
-        var _classNames, _this4 = this;
+        var _classNames, _value$document, _this4 = this, _value$document2;
         var _this$props2 = this.props, disabled = _this$props2.disabled, spellCheck = _this$props2.spellCheck, highlightShape = _this$props2.highlightShape, classes = _this$props2.classes, className = _this$props2.className, placeholder = _this$props2.placeholder, pluginProps = _this$props2.pluginProps, onKeyDown = _this$props2.onKeyDown;
         var _ref4 = pluginProps || ({});
         _ref4.customPlugins;
@@ -156489,14 +156521,19 @@ const require$$23 = _dll_classnames;
         log('[render] value: ', value);
         var sizeStyle = this.buildSizeStyle();
         var names = (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.withBg, highlightShape), (0, _defineProperty2["default"])(_classNames, classes.toolbarOnTop, toolbarOpts.alwaysVisible && toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.scheduled, scheduled), _classNames), className);
-        return _react["default"].createElement("div", {
+        var isResponseAreaEditor = names.includes('response-area-editor');
+        return _react["default"].createElement(_react["default"].Fragment, null, isResponseAreaEditor && _react["default"].createElement("label", {
+          htmlFor: ("editor-").concat(value === null || value === void 0 ? void 0 : (_value$document = value.document) === null || _value$document === void 0 ? void 0 : _value$document.key),
+          className: classes.srOnly
+        }, "Answer:"), _react["default"].createElement("div", {
           ref: function ref(_ref5) {
             return _this4.wrapperRef = _ref5;
           },
           style: {
             width: sizeStyle.width
           },
-          className: names
+          className: names,
+          id: ("editor-").concat(value === null || value === void 0 ? void 0 : (_value$document2 = value.document) === null || _value$document2 === void 0 ? void 0 : _value$document2.key)
         }, scheduled && _react["default"].createElement("div", {
           className: classes.uploading
         }, "Uploading image and then saving..."), _react["default"].createElement(_slateReact.Editor, {
@@ -156555,7 +156592,7 @@ const require$$23 = _dll_classnames;
           onConfirm: dialog.onConfirm,
           onConfirmText: dialog.onConfirmText,
           onCloseText: dialog.onCloseText
-        }));
+        })));
       }
     }]);
     return Editor;
@@ -156688,6 +156725,16 @@ const require$$23 = _dll_classnames;
       marginTop: '6px',
       padding: '20px',
       backgroundColor: 'rgba(0,0,0,0.06)'
+    },
+    srOnly: {
+      border: 0,
+      clip: 'rect(0, 0, 0, 0)',
+      height: '1px',
+      margin: '-1px',
+      overflow: 'hidden',
+      padding: 0,
+      position: 'absolute',
+      width: '1px'
     }
   };
   var _default = (0, _styles.withStyles)(styles)(Editor);

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.19.1"
+      "version": "1.20.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.19.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.20.0/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -64837,7 +64837,7 @@ var _interopRequireDefault$2r = interopRequireDefault.exports;
 Object.defineProperty(color, "__esModule", {
   value: true
 });
-color.white = color.v = color.text = color.secondaryText = color.secondaryLight = color.secondaryDark = color.secondaryBackground = color.secondary = color.primaryText = color.primaryLight = color.primaryDark = color.primary = color.missingWithIcon = color.missing = color.incorrectWithIcon = color.incorrectSecondary = color.incorrect = color.disabledSecondary = color.disabled = color.defaults = color.correctWithIcon = color.correctSecondary = color.correct = color.black = color.background = void 0;
+color.white = color.v = color.transparent = color.text = color.secondaryText = color.secondaryLight = color.secondaryDark = color.secondaryBackground = color.secondary = color.primaryText = color.primaryLight = color.primaryDark = color.primary = color.missingWithIcon = color.missing = color.incorrectWithIcon = color.incorrectSecondary = color.incorrect = color.disabledSecondary = color.disabled = color.defaults = color.correctWithIcon = color.correctSecondary = color.correct = color.borderLight = color.borderDark = color.border = color.black = color.backgroundDark = color.background = void 0;
 var _green = _interopRequireDefault$2r(green$1);
 var _orange = _interopRequireDefault$2r(orange$1);
 var _pink = _interopRequireDefault$2r(pink$1);
@@ -64862,9 +64862,14 @@ var defaults = {
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
   BACKGROUND: 'rgba(255,255,255,0)',
+  BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
+  BORDER: '#9A9A9A',
+  BORDER_LIGHT: '#D1D1D1',
+  BORDER_DARK: '#646464',
   BLACK: '#000000',
-  WHITE: '#ffffff'
+  WHITE: '#ffffff',
+  TRANSPARENT: 'transparent'
 };
 color.defaults = defaults;
 Object.freeze(defaults);
@@ -64961,10 +64966,26 @@ var background = function background() {
   return pv('background', defaults.BACKGROUND);
 };
 color.background = background;
+var backgroundDark = function backgroundDark() {
+  return pv('background-dark', defaults.BACKGROUND_DARK);
+};
+color.backgroundDark = backgroundDark;
 var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color.secondaryBackground = secondaryBackground;
+var border = function border() {
+  return pv('border', defaults.BORDER);
+};
+color.border = border;
+var borderLight = function borderLight() {
+  return pv('border-light', defaults.BORDER_LIGHT);
+};
+color.borderLight = borderLight;
+var borderDark = function borderDark() {
+  return pv('border-dark', defaults.BORDER_DARK);
+};
+color.borderDark = borderDark;
 var black = function black() {
   return pv('black', defaults.BLACK);
 };
@@ -64973,6 +64994,10 @@ var white = function white() {
   return pv('white', defaults.WHITE);
 };
 color.white = white;
+var transparent = function transparent() {
+  return defaults.TRANSPARENT;
+};
+color.transparent = transparent;
 const require$$9$C = _dll_react;
 const require$$11$v = _dll_classnames;
 const require$$12$i = _dll_prop_types;
@@ -129485,7 +129510,8 @@ const require$$12$b = _dll_debug;
         }, _react["default"].createElement("div", null, fileUpload.url ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
           className: classes.row
         }, _react["default"].createElement("audio", {
-          controls: "controls"
+          controls: "controls",
+          controlsList: "nodownload"
         }, _react["default"].createElement("source", {
           type: "audio/mp3",
           src: fileUpload.url
@@ -129961,7 +129987,8 @@ const require$$9$s = _dll_debug;
               "data-type": type,
               width: style.width
             }, rest), _react["default"].createElement("audio", {
-              controls: "controls"
+              controls: "controls",
+              controlsList: "nodownload"
             }, _react["default"].createElement("source", {
               type: "audio/mp3",
               src: src
@@ -130086,7 +130113,8 @@ const require$$9$s = _dll_debug;
       });
       if (tag === 'audio') {
         return _react["default"].createElement("audio", {
-          controls: "controls"
+          controls: "controls",
+          controlsList: "nodownload"
         }, _react["default"].createElement("source", {
           type: "audio/mp3",
           src: src
@@ -139170,6 +139198,7 @@ const require$$4$P = _dll_prop_types;
   var _classnames = _interopRequireDefault(require$$3$z);
   var _propTypes = _interopRequireDefault(require$$4$P);
   var _grey = _interopRequireDefault(grey$1);
+  var _renderUi = renderUi;
   var PlaceHolder = function PlaceHolder(props) {
     var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize;
     var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
@@ -139181,6 +139210,10 @@ const require$$4$P = _dll_prop_types;
       var repeatValue = grid.rowsRepeatValue || '1fr';
       style.gridTemplateRows = ("repeat(").concat(grid.rows, ", ").concat(repeatValue, ")");
     }
+    if (type === 'choice') {
+      style.border = ("1px solid ").concat(_renderUi.color.borderLight());
+      style.background = _renderUi.color.backgroundDark();
+    }
     var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
     return _react["default"].createElement("div", {
       style: style,
@@ -139209,14 +139242,14 @@ const require$$4$P = _dll_prop_types;
       placeholder: {
         width: '100%',
         height: '100%',
-        background: theme.palette.grey[200],
-        border: '1px solid #D1D1D1',
+        background: _renderUi.color.white(),
         transition: 'background-color 200ms linear, border-color 200ms linear',
         boxSizing: 'border-box',
         display: 'grid',
         gridRowGap: ("").concat(theme.spacing.unit, "px"),
         gridColumnGap: ("").concat(theme.spacing.unit, "px"),
-        padding: theme.spacing.unit * 1
+        padding: theme.spacing.unit * 1,
+        border: ("2px dashed ").concat(_renderUi.color.black())
       },
       disabled: {
         boxShadow: 'none',
@@ -139227,18 +139260,17 @@ const require$$4$P = _dll_prop_types;
         backgroundColor: ("").concat(_grey["default"][300])
       },
       board: {
-        border: '1px solid #D1D1D1',
         padding: theme.spacing.unit,
         display: 'flex',
         flexWrap: 'wrap',
         alignItems: 'center',
-        minHeight: '200px',
+        minHeight: '100px',
         justifyContent: 'center',
         overflow: 'hidden',
-        touchAction: 'none'
+        touchAction: 'none',
+        backgroundColor: _renderUi.color.backgroundDark()
       },
       categorizeBoard: {
-        border: '1px solid #D1D1D1',
         padding: theme.spacing.unit / 2,
         display: 'flex',
         flexWrap: 'wrap',
@@ -139246,7 +139278,8 @@ const require$$4$P = _dll_prop_types;
         minHeight: '100px',
         justifyContent: 'center',
         overflow: 'hidden',
-        touchAction: 'none'
+        touchAction: 'none',
+        backgroundColor: _renderUi.color.backgroundDark()
       }
     };
   };
@@ -146859,7 +146892,6 @@ const require$$13$5 = _dll_prop_types;
         }
         log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
         return _react["default"].createElement("div", {
-          tabIndex: 0,
           className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
         }, _react["default"].createElement("div", {
           className: holderNames
@@ -156480,7 +156512,7 @@ const require$$23 = _dll_classnames;
     }, {
       key: "render",
       value: function render() {
-        var _classNames, _this4 = this;
+        var _classNames, _value$document, _this4 = this, _value$document2;
         var _this$props2 = this.props, disabled = _this$props2.disabled, spellCheck = _this$props2.spellCheck, highlightShape = _this$props2.highlightShape, classes = _this$props2.classes, className = _this$props2.className, placeholder = _this$props2.placeholder, pluginProps = _this$props2.pluginProps, onKeyDown = _this$props2.onKeyDown;
         var _ref4 = pluginProps || ({});
         _ref4.customPlugins;
@@ -156489,14 +156521,19 @@ const require$$23 = _dll_classnames;
         log('[render] value: ', value);
         var sizeStyle = this.buildSizeStyle();
         var names = (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.withBg, highlightShape), (0, _defineProperty2["default"])(_classNames, classes.toolbarOnTop, toolbarOpts.alwaysVisible && toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.scheduled, scheduled), _classNames), className);
-        return _react["default"].createElement("div", {
+        var isResponseAreaEditor = names.includes('response-area-editor');
+        return _react["default"].createElement(_react["default"].Fragment, null, isResponseAreaEditor && _react["default"].createElement("label", {
+          htmlFor: ("editor-").concat(value === null || value === void 0 ? void 0 : (_value$document = value.document) === null || _value$document === void 0 ? void 0 : _value$document.key),
+          className: classes.srOnly
+        }, "Answer:"), _react["default"].createElement("div", {
           ref: function ref(_ref5) {
             return _this4.wrapperRef = _ref5;
           },
           style: {
             width: sizeStyle.width
           },
-          className: names
+          className: names,
+          id: ("editor-").concat(value === null || value === void 0 ? void 0 : (_value$document2 = value.document) === null || _value$document2 === void 0 ? void 0 : _value$document2.key)
         }, scheduled && _react["default"].createElement("div", {
           className: classes.uploading
         }, "Uploading image and then saving..."), _react["default"].createElement(_slateReact.Editor, {
@@ -156555,7 +156592,7 @@ const require$$23 = _dll_classnames;
           onConfirm: dialog.onConfirm,
           onConfirmText: dialog.onConfirmText,
           onCloseText: dialog.onCloseText
-        }));
+        })));
       }
     }]);
     return Editor;
@@ -156688,6 +156725,16 @@ const require$$23 = _dll_classnames;
       marginTop: '6px',
       padding: '20px',
       backgroundColor: 'rgba(0,0,0,0.06)'
+    },
+    srOnly: {
+      border: 0,
+      clip: 'rect(0, 0, 0, 0)',
+      height: '1px',
+      margin: '-1px',
+      overflow: 'hidden',
+      padding: 0,
+      position: 'absolute',
+      width: '1px'
     }
   };
   var _default = (0, _styles.withStyles)(styles)(Editor);

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.16.8-next.7+4785339fe",
+  "version": "2.17.0",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.16.8-next.7+4785339fe",
-    "@pie-element/rubric": "^3.16.7-next.7+4785339fe",
+    "@pie-element/multi-trait-rubric": "^3.17.0",
+    "@pie-element/rubric": "^3.17.0",
     "@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": "4785339fe53a1da399e305bc1f97e7db81ebd00c",
+  "gitHead": "3dc179573176bfd708938867f78497294a7fd7fd",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },