@pie-element/complex-rubric 2.3.2-next.2 → 2.3.2

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.3.1...@pie-element/complex-rubric@2.3.2) (2024-02-14)
+
+
+### Bug Fixes
+
+* adjust width for complex-rubric selection options and add styles on hover PD-3463 ([bc5ef47](https://github.com/pie-framework/pie-elements/commit/bc5ef477d462ec9abd3111e57c9a001fe4dafd98))
+* pie-lib/pie-toolbox with slate updates ([a8f8707](https://github.com/pie-framework/pie-elements/commit/a8f8707b2c197c2b40fb6632cee0ba4c27aa9aa4))
+* update pie-lib/pie-toolbox ([cec328c](https://github.com/pie-framework/pie-elements/commit/cec328caf5b69d9fee00473c502aed62d6e27462))
+
+
+
+
+
 ## [2.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@2.3.0...@pie-element/complex-rubric@2.3.1) (2024-02-12)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.1.13...@pie-element/complex-rubric-configure@2.1.14) (2024-02-14)
+
+
+### Bug Fixes
+
+* adjust width for complex-rubric selection options and add styles on hover PD-3463 ([bc5ef47](https://github.com/pie-framework/pie-elements/commit/bc5ef477d462ec9abd3111e57c9a001fe4dafd98))
+
+
+
+
+
 ## [2.1.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.1.12...@pie-element/complex-rubric-configure@2.1.13) (2024-02-12)
 
 

package/configure/lib/main.js

@@ -33,9 +33,9 @@ var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
 
 var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
 
-var _styles = require("@material-ui/core/styles");
+var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@material-ui/core/styles");
 
 var _rubricLabels;
 
@@ -47,7 +47,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var styles = {};
+var styles = {
+  root: {
+    width: 'fit-content',
+    paddingRight: '24px',
+    boxSizing: 'border-box',
+    '&:hover': {
+      background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
+    }
+  }
+};
 var rubricLabels = (_rubricLabels = {}, (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC, 'Multi Trait Rubric'), (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.SIMPLE_RUBRIC, 'Simple Rubric'), (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.RUBRICLESS, 'Rubricless'), _rubricLabels);
 
 var Main = /*#__PURE__*/function (_React$Component) {
@@ -88,7 +97,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           model = _this$props.model,
           configuration = _this$props.configuration,
-          canUpdateModel = _this$props.canUpdateModel;
+          canUpdateModel = _this$props.canUpdateModel,
+          classes = _this$props.classes;
 
       var _ref = model || {},
           _ref$rubrics = _ref.rubrics,
@@ -178,13 +188,16 @@ var Main = /*#__PURE__*/function (_React$Component) {
         value: model.rubricType,
         onChange: this.onChangeRubricType
       }, rubricOptions.length > 1 && rubricOptions.map(function (availableRubric, i) {
-        return /*#__PURE__*/_react["default"].createElement(_core.FormControlLabel, {
+        return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
           key: i,
           value: availableRubric,
           control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
             checked: rubricType === availableRubric
           }),
-          label: rubricLabels[availableRubric]
+          label: rubricLabels[availableRubric],
+          classes: {
+            root: classes.root
+          }
         });
       })), isRubricTypeAvailable && rubricTag);
     }

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["styles","rubricLabels","RUBRIC_TYPES","MULTI_TRAIT_RUBRIC","SIMPLE_RUBRIC","RUBRICLESS","Main","model","onModelChanged","props","e","rubricType","target","value","configuration","canUpdateModel","rubrics","contentDimensions","rubricOptions","multiTraitRubric","simpleRubric","rubricless","width","rubricTag","isRubricTypeAvailable","indexOf","ref","errors","onChangeRubricType","length","map","availableRubric","i","React","Component","classes","PropTypes","object","bool","func","onConfigurationChanged"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\nimport { layout } from '@pie-lib/pie-toolbox/config-ui';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FormControlLabel } from '@material-ui/core';\n\nconst styles = {};\nconst rubricLabels = {\n  [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',\n  [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',\n  [RUBRIC_TYPES.RUBRICLESS]: 'Rubricless',\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    canUpdateModel: PropTypes.bool,\n    configuration: PropTypes.object,\n    model: PropTypes.object,\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n  };\n\n  onModelChanged = (model) => {\n    const { onModelChanged } = this.props;\n\n    return onModelChanged(model);\n  };\n\n  onChangeRubricType = (e) => {\n    const { model } = this.props;\n\n    const rubricType = e.target.value;\n    this.onModelChanged({ ...model, rubricType });\n  };\n\n  render() {\n    const { model, configuration, canUpdateModel } = this.props;\n\n    const { rubrics = {} } = model || {};\n    let { rubricType } = model;\n    const { contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width } = configuration;\n    let rubricTag = '';\n\n    if (!rubricType) {\n      rubricType = RUBRIC_TYPES.SIMPLE_RUBRIC;\n    }\n\n    const isRubricTypeAvailable =  rubricOptions.indexOf(rubricType) > -1;\n\n    if (canUpdateModel) {\n      switch (rubricType) {\n        case RUBRIC_TYPES.SIMPLE_RUBRIC:\n        default:\n          rubricTag = (\n            <rubric-configure\n              id=\"simpleRubric\"\n              key=\"simple-rubric\"\n              ref={(ref) => {\n                if (ref) {\n                  this.simpleRubric = ref;\n                  this.simpleRubric.model = {...rubrics.simpleRubric, errors: model.errors || {}};\n                  this.simpleRubric.configuration = { ...simpleRubric, width };\n                }\n              }}\n            />\n          );\n          break;\n\n        case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n          rubricTag = (\n            <multi-trait-rubric-configure\n              id=\"multiTraitRubric\"\n              key=\"multi-trait-rubric\"\n              ref={(ref) => {\n                if (ref) {\n                  this.multiTraitRubric = ref;\n\n                  this.multiTraitRubric.model = {...rubrics.multiTraitRubric, errors: model.errors || {} };\n                  this.multiTraitRubric.configuration = { ...multiTraitRubric, width: width || multiTraitRubric.width };\n                }\n              }}\n            />\n          );\n          break;\n\n        case RUBRIC_TYPES.RUBRICLESS:\n          rubricTag = (\n              <rubric-configure\n                  id=\"rubricless\"\n                  key=\"rubricless\"\n                  ref={(ref) => {\n                    if (ref) {\n                      this.rubricless = ref;\n\n                      this.rubricless.model = rubrics.rubricless;\n                      this.rubricless.configuration = { ...rubricless, width };\n                    }\n                  }}\n              />\n          );\n          break;\n      }\n    }\n\n    return (\n      <layout.ConfigLayout dimensions={contentDimensions} hideSettings={true} settings={null}>\n        <RadioGroup\n          aria-label=\"rubric-type\"\n          name=\"rubricType\"\n          value={model.rubricType}\n          onChange={this.onChangeRubricType}\n        >\n          {\n            rubricOptions.length > 1 && rubricOptions.map((availableRubric, i)=>\n              <FormControlLabel\n                key={i}\n                value={availableRubric}\n                control={<Radio checked={rubricType === availableRubric} />}\n                label={rubricLabels[availableRubric]}\n            />\n          )\n          }\n        </RadioGroup>\n\n        {isRubricTypeAvailable && rubricTag}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["styles","root","width","paddingRight","boxSizing","background","rubricLabels","RUBRIC_TYPES","MULTI_TRAIT_RUBRIC","SIMPLE_RUBRIC","RUBRICLESS","Main","model","onModelChanged","props","e","rubricType","target","value","configuration","canUpdateModel","classes","rubrics","contentDimensions","rubricOptions","multiTraitRubric","simpleRubric","rubricless","rubricTag","isRubricTypeAvailable","indexOf","ref","errors","onChangeRubricType","length","map","availableRubric","i","React","Component","PropTypes","object","bool","func","onConfigurationChanged"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\nimport { layout } from '@pie-lib/pie-toolbox/config-ui';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = {\n  root: {\n    width: 'fit-content',\n    paddingRight: '24px',\n    boxSizing: 'border-box',\n    '&:hover': {\n      background: 'var(--pie-secondary-background, rgba(241,241,241,1))'\n    }\n  }\n};\nconst rubricLabels = {\n  [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',\n  [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',\n  [RUBRIC_TYPES.RUBRICLESS]: 'Rubricless',\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    canUpdateModel: PropTypes.bool,\n    configuration: PropTypes.object,\n    model: PropTypes.object,\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n  };\n\n  onModelChanged = (model) => {\n    const { onModelChanged } = this.props;\n\n    return onModelChanged(model);\n  };\n\n  onChangeRubricType = (e) => {\n    const { model } = this.props;\n\n    const rubricType = e.target.value;\n    this.onModelChanged({ ...model, rubricType });\n  };\n\n  render() {\n    const { model, configuration, canUpdateModel, classes } = this.props;\n\n    const { rubrics = {} } = model || {};\n    let { rubricType } = model;\n    const { contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width } = configuration;\n    let rubricTag = '';\n\n    if (!rubricType) {\n      rubricType = RUBRIC_TYPES.SIMPLE_RUBRIC;\n    }\n\n    const isRubricTypeAvailable =  rubricOptions.indexOf(rubricType) > -1;\n\n    if (canUpdateModel) {\n      switch (rubricType) {\n        case RUBRIC_TYPES.SIMPLE_RUBRIC:\n        default:\n          rubricTag = (\n            <rubric-configure\n              id=\"simpleRubric\"\n              key=\"simple-rubric\"\n              ref={(ref) => {\n                if (ref) {\n                  this.simpleRubric = ref;\n                  this.simpleRubric.model = {...rubrics.simpleRubric, errors: model.errors || {}};\n                  this.simpleRubric.configuration = { ...simpleRubric, width };\n                }\n              }}\n            />\n          );\n          break;\n\n        case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n          rubricTag = (\n            <multi-trait-rubric-configure\n              id=\"multiTraitRubric\"\n              key=\"multi-trait-rubric\"\n              ref={(ref) => {\n                if (ref) {\n                  this.multiTraitRubric = ref;\n\n                  this.multiTraitRubric.model = {...rubrics.multiTraitRubric, errors: model.errors || {} };\n                  this.multiTraitRubric.configuration = { ...multiTraitRubric, width: width || multiTraitRubric.width };\n                }\n              }}\n            />\n          );\n          break;\n\n        case RUBRIC_TYPES.RUBRICLESS:\n          rubricTag = (\n              <rubric-configure\n                  id=\"rubricless\"\n                  key=\"rubricless\"\n                  ref={(ref) => {\n                    if (ref) {\n                      this.rubricless = ref;\n\n                      this.rubricless.model = rubrics.rubricless;\n                      this.rubricless.configuration = { ...rubricless, width };\n                    }\n                  }}\n              />\n          );\n          break;\n      }\n    }\n\n    return (\n      <layout.ConfigLayout dimensions={contentDimensions} hideSettings={true} settings={null}>\n        <RadioGroup\n          aria-label=\"rubric-type\"\n          name=\"rubricType\"\n          value={model.rubricType}\n          onChange={this.onChangeRubricType}\n        >\n          {\n            rubricOptions.length > 1 && rubricOptions.map((availableRubric, i)=>\n              <FormControlLabel\n                key={i}\n                value={availableRubric}\n                control={<Radio checked={rubricType === availableRubric} />}\n                label={rubricLabels[availableRubric]}\n                classes={{ root: classes.root }}\n            />\n          )\n          }\n        </RadioGroup>\n\n        {isRubricTypeAvailable && rubricTag}\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@pie-element/complex-rubric-configure",
   "private": true,
-  "version": "2.1.13",
+  "version": "2.1.14",
   "description": "Complex Rubric authoring view",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.3.0",
-    "@pie-element/rubric": "^3.2.0",
+    "@pie-element/multi-trait-rubric": "^3.3.1",
+    "@pie-element/rubric": "^3.2.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
     "@pie-lib/config-ui": "^11.9.25-next.0",
     "@pie-lib/editable-html": "^11.1.2-next.0",

package/configure/src/__tests__/__snapshots__/main.test.jsx.snap

@@ -13,6 +13,11 @@ exports[`Main snapshot renders 1`] = `
     value="simpleRubric"
   >
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={true}
@@ -23,6 +28,11 @@ exports[`Main snapshot renders 1`] = `
       value="simpleRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}
@@ -33,6 +43,11 @@ exports[`Main snapshot renders 1`] = `
       value="multiTraitRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}
@@ -62,6 +77,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
     value="multiTraitRubric"
   >
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}
@@ -72,6 +92,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
       value="simpleRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={true}
@@ -82,6 +107,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
       value="multiTraitRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}
@@ -111,6 +141,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
     value="simpleRubric"
   >
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={true}
@@ -121,6 +156,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
       value="simpleRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}
@@ -131,6 +171,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
       value="multiTraitRubric"
     />
     <WithStyles(WithFormControlContext(FormControlLabel))
+      classes={
+        Object {
+          "root": undefined,
+        }
+      }
       control={
         <WithStyles(Radio)
           checked={false}

package/configure/src/main.jsx

@@ -4,10 +4,19 @@ import { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';
 import { layout } from '@pie-lib/pie-toolbox/config-ui';
 import Radio from '@material-ui/core/Radio';
 import RadioGroup from '@material-ui/core/RadioGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
 import { withStyles } from '@material-ui/core/styles';
-import { FormControlLabel } from '@material-ui/core';
 
-const styles = {};
+const styles = {
+  root: {
+    width: 'fit-content',
+    paddingRight: '24px',
+    boxSizing: 'border-box',
+    '&:hover': {
+      background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
+    }
+  }
+};
 const rubricLabels = {
   [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',
   [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',
@@ -38,7 +47,7 @@ export class Main extends React.Component {
   };
 
   render() {
-    const { model, configuration, canUpdateModel } = this.props;
+    const { model, configuration, canUpdateModel, classes } = this.props;
 
     const { rubrics = {} } = model || {};
     let { rubricType } = model;
@@ -121,6 +130,7 @@ export class Main extends React.Component {
                 value={availableRubric}
                 control={<Radio checked={rubricType === availableRubric} />}
                 label={rubricLabels[availableRubric]}
+                classes={{ root: classes.root }}
             />
           )
           }

package/controller/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.2.0...@pie-element/complex-rubric-controller@2.2.1) (2024-02-14)
+
+
+### Bug Fixes
+
+* pie-lib/pie-toolbox with slate updates ([a8f8707](https://github.com/pie-framework/pie-elements/commit/a8f8707b2c197c2b40fb6632cee0ba4c27aa9aa4))
+* update pie-lib/pie-toolbox ([cec328c](https://github.com/pie-framework/pie-elements/commit/cec328caf5b69d9fee00473c502aed62d6e27462))
+
+
+
+
+
 # [2.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@2.1.10...@pie-element/complex-rubric-controller@2.2.0) (2024-02-09)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/complex-rubric-controller",
   "private": true,
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.6.0",
+    "@pie-lib/pie-toolbox": "1.7.1",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -229634,7 +229634,7 @@ const require$$16 = _dll_classnames;
       }
     };
   })(function (_ref) {
-    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
+    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, pluginOpts = _ref.pluginOpts, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
     var names = (0, _classnames["default"])(classes.labelContainer, className);
     return _react["default"].createElement(_renderUi.InputContainer, {
       label: label,
@@ -229650,6 +229650,7 @@ const require$$16 = _dll_classnames;
       imageSupport: imageSupport,
       disableImageAlignmentButtons: disableImageAlignmentButtons,
       className: classes.editor,
+      pluginProps: pluginOpts || ({}),
       toolbarOpts: toolbarOpts,
       error: error,
       maxImageWidth: maxImageWidth,
@@ -229764,7 +229765,7 @@ const require$$16 = _dll_classnames;
     (0, _createClass2["default"])(ChoiceConfiguration, [{
       key: "render",
       value: function render() {
-        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
+        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, pluginOpts = _this$props5.pluginOpts, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
         var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
         var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
         return _react["default"].createElement("div", {
@@ -229792,6 +229793,7 @@ const require$$16 = _dll_classnames;
           disabled: disabled,
           spellCheck: spellCheck,
           nonEmpty: nonEmpty,
+          pluginOpts: pluginOpts,
           toolbarOpts: toolbarOpts,
           error: error,
           uploadSoundSupport: uploadSoundSupport,
@@ -229858,6 +229860,7 @@ const require$$16 = _dll_classnames;
     allowDelete: _propTypes["default"].bool,
     noCorrectAnswerError: _propTypes["default"].string,
     spellCheck: _propTypes["default"].bool,
+    pluginOpts: _propTypes["default"].object,
     toolbarOpts: _propTypes["default"].object,
     uploadSoundSupport: _propTypes["default"].object,
     maxImageWidth: _propTypes["default"].number,
@@ -232619,7 +232622,16 @@ const React$1 = _dll_react;
 const PropTypes = _dll_prop_types;
 const {layout: layout} = _dll_pie_lib__pie_toolbox_config_ui;
 const _jsxFileName = "/home/circleci/repo/packages/complex-rubric/configure/src/main.jsx";
-const styles = {};
+const styles = {
+  root: {
+    width: 'fit-content',
+    paddingRight: '24px',
+    boxSizing: 'border-box',
+    '&:hover': {
+      background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
+    }
+  }
+};
 const rubricLabels = {
   [rubric$1.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',
   [rubric$1.RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',
@@ -232658,7 +232670,7 @@ class Main extends React$1.Component {
     };
   }
   render() {
-    const {model, configuration, canUpdateModel} = this.props;
+    const {model, configuration, canUpdateModel, classes} = this.props;
     const {rubrics = {}} = model || ({});
     let {rubricType} = model;
     const {contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width} = configuration;
@@ -232690,7 +232702,7 @@ class Main extends React$1.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 59
+              lineNumber: 68
             }
           });
           break;
@@ -232714,7 +232726,7 @@ class Main extends React$1.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 75
+              lineNumber: 84
             }
           });
           break;
@@ -232735,7 +232747,7 @@ class Main extends React$1.Component {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 92
+              lineNumber: 101
             }
           });
           break;
@@ -232748,7 +232760,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110
+        lineNumber: 119
       }
     }, React$1.createElement(RadioGroup, {
       'aria-label': "rubric-type",
@@ -232758,7 +232770,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111
+        lineNumber: 120
       }
     }, rubricOptions.length > 1 && rubricOptions.map((availableRubric, i) => React$1.createElement(FormControlLabel, {
       key: i,
@@ -232768,14 +232780,17 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 122
+          lineNumber: 131
         }
       }),
       label: rubricLabels[availableRubric],
+      classes: {
+        root: classes.root
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119
+        lineNumber: 128
       }
     }))), isRubricTypeAvailable && rubricTag);
   }

package/module/element.js

@@ -227882,7 +227882,7 @@ const require$$16 = _dll_classnames;
       }
     };
   })(function (_ref) {
-    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
+    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, pluginOpts = _ref.pluginOpts, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
     var names = (0, _classnames["default"])(classes.labelContainer, className);
     return _react["default"].createElement(_renderUi.InputContainer, {
       label: label,
@@ -227898,6 +227898,7 @@ const require$$16 = _dll_classnames;
       imageSupport: imageSupport,
       disableImageAlignmentButtons: disableImageAlignmentButtons,
       className: classes.editor,
+      pluginProps: pluginOpts || ({}),
       toolbarOpts: toolbarOpts,
       error: error,
       maxImageWidth: maxImageWidth,
@@ -228012,7 +228013,7 @@ const require$$16 = _dll_classnames;
     (0, _createClass2["default"])(ChoiceConfiguration, [{
       key: "render",
       value: function render() {
-        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
+        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, pluginOpts = _this$props5.pluginOpts, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
         var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
         var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
         return _react["default"].createElement("div", {
@@ -228040,6 +228041,7 @@ const require$$16 = _dll_classnames;
           disabled: disabled,
           spellCheck: spellCheck,
           nonEmpty: nonEmpty,
+          pluginOpts: pluginOpts,
           toolbarOpts: toolbarOpts,
           error: error,
           uploadSoundSupport: uploadSoundSupport,
@@ -228106,6 +228108,7 @@ const require$$16 = _dll_classnames;
     allowDelete: _propTypes["default"].bool,
     noCorrectAnswerError: _propTypes["default"].string,
     spellCheck: _propTypes["default"].bool,
+    pluginOpts: _propTypes["default"].object,
     toolbarOpts: _propTypes["default"].object,
     uploadSoundSupport: _propTypes["default"].object,
     maxImageWidth: _propTypes["default"].number,

package/module/print.js

@@ -227882,7 +227882,7 @@ const require$$16 = _dll_classnames;
       }
     };
   })(function (_ref) {
-    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
+    var label = _ref.label, classes = _ref.classes, onChange = _ref.onChange, value = _ref.value, className = _ref.className, imageSupport = _ref.imageSupport, disableImageAlignmentButtons = _ref.disableImageAlignmentButtons, disabled = _ref.disabled, spellCheck = _ref.spellCheck, nonEmpty = _ref.nonEmpty, pluginOpts = _ref.pluginOpts, toolbarOpts = _ref.toolbarOpts, error = _ref.error, maxImageWidth = _ref.maxImageWidth, maxImageHeight = _ref.maxImageHeight, uploadSoundSupport = _ref.uploadSoundSupport, _ref$mathMlOptions = _ref.mathMlOptions, mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
     var names = (0, _classnames["default"])(classes.labelContainer, className);
     return _react["default"].createElement(_renderUi.InputContainer, {
       label: label,
@@ -227898,6 +227898,7 @@ const require$$16 = _dll_classnames;
       imageSupport: imageSupport,
       disableImageAlignmentButtons: disableImageAlignmentButtons,
       className: classes.editor,
+      pluginProps: pluginOpts || ({}),
       toolbarOpts: toolbarOpts,
       error: error,
       maxImageWidth: maxImageWidth,
@@ -228012,7 +228013,7 @@ const require$$16 = _dll_classnames;
     (0, _createClass2["default"])(ChoiceConfiguration, [{
       key: "render",
       value: function render() {
-        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
+        var _this$props5 = this.props, data = _this$props5.data, classes = _this$props5.classes, mode = _this$props5.mode, onDelete = _this$props5.onDelete, defaultFeedback = _this$props5.defaultFeedback, index = _this$props5.index, className = _this$props5.className, noLabels = _this$props5.noLabels, useLetterOrdering = _this$props5.useLetterOrdering, imageSupport = _this$props5.imageSupport, disableImageAlignmentButtons = _this$props5.disableImageAlignmentButtons, disabled = _this$props5.disabled, spellCheck = _this$props5.spellCheck, nonEmpty = _this$props5.nonEmpty, allowFeedBack = _this$props5.allowFeedBack, allowDelete = _this$props5.allowDelete, pluginOpts = _this$props5.pluginOpts, toolbarOpts = _this$props5.toolbarOpts, error = _this$props5.error, noCorrectAnswerError = _this$props5.noCorrectAnswerError, uploadSoundSupport = _this$props5.uploadSoundSupport, maxImageWidth = _this$props5.maxImageWidth, maxImageHeight = _this$props5.maxImageHeight, _this$props5$mathMlOp = _this$props5.mathMlOptions, mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp;
         var InputToggle = mode === 'checkbox' ? _inputs.InputCheckbox : _inputs.InputRadio;
         var names = (0, _classnames["default"])(classes.choiceConfiguration, className);
         return _react["default"].createElement("div", {
@@ -228040,6 +228041,7 @@ const require$$16 = _dll_classnames;
           disabled: disabled,
           spellCheck: spellCheck,
           nonEmpty: nonEmpty,
+          pluginOpts: pluginOpts,
           toolbarOpts: toolbarOpts,
           error: error,
           uploadSoundSupport: uploadSoundSupport,
@@ -228106,6 +228108,7 @@ const require$$16 = _dll_classnames;
     allowDelete: _propTypes["default"].bool,
     noCorrectAnswerError: _propTypes["default"].string,
     spellCheck: _propTypes["default"].bool,
+    pluginOpts: _propTypes["default"].object,
     toolbarOpts: _propTypes["default"].object,
     uploadSoundSupport: _propTypes["default"].object,
     maxImageWidth: _propTypes["default"].number,

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.3.2-next.2+efde27a11",
+  "version": "2.3.2",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.3.1-next.19+efde27a11",
-    "@pie-element/rubric": "^3.2.1-next.19+efde27a11",
+    "@pie-element/multi-trait-rubric": "^3.3.1",
+    "@pie-element/rubric": "^3.2.1",
     "@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": "efde27a11b960b26ebc53dd422f3f6f7d6e5aac5",
+  "gitHead": "96b02afbc7ab4112eb8213c47e5513adf60c80fe",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },