@pie-element/rubric 8.2.2-beta.6 → 8.2.2-beta.7

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.2-beta.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@8.2.2-beta.6...@pie-element/rubric@8.2.2-beta.7) (2026-09-24)
+
+**Note:** Version bump only for package @pie-element/rubric
+
 ## [8.2.2-beta.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@8.2.2-beta.5...@pie-element/rubric@8.2.2-beta.6) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/rubric

package/configure/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.4.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@7.4.0-beta.12...@pie-element/rubric-configure@7.4.0-beta.13) (2026-09-24)
+
+**Note:** Version bump only for package @pie-element/rubric-configure
+
 # [7.4.0-beta.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@7.4.0-beta.11...@pie-element/rubric-configure@7.4.0-beta.12) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/rubric-configure

package/configure/lib/defaults.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  model: {
+    points: ['', '', '', ''],
+    sampleAnswers: [null, null, null, null],
+    maxPoints: 3,
+    excludeZero: false,
+    excludeZeroEnabled: true,
+    maxPointsEnabled: true
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    rubriclessInstruction: {
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    showExcludeZero: {
+      settings: true,
+      label: 'Ability to exclude zero'
+    },
+    showMaxPoint: {
+      settings: true,
+      label: 'Show max points dropdown'
+    },
+    settingsPanelDisabled: false,
+    // width: '500px'
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    maxMaxPoints: 9
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","points","sampleAnswers","maxPoints","excludeZero","excludeZeroEnabled","maxPointsEnabled","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","rubriclessInstruction","inputConfiguration","showExcludeZero","settings","label","showMaxPoint","settingsPanelDisabled","mathMlOptions","mmlOutput","mmlEditing","maxMaxPoints"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    points: ['', '', '', ''],\n    sampleAnswers: [null, null, null, null],\n    maxPoints: 3,\n    excludeZero: false,\n    excludeZeroEnabled: true,\n    maxPointsEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    rubriclessInstruction: {\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    showExcludeZero: {\n      settings: true,\n      label: 'Ability to exclude zero',\n    },\n    showMaxPoint: {\n      settings: true,\n      label: 'Show max points dropdown',\n    },\n    settingsPanelDisabled: false,\n    // width: '500px'\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    maxMaxPoints: 9,\n  },\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE;IACLC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACxBC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACvCC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,KAAK;IAClBC,kBAAkB,EAAE,IAAI;IACxBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,EAAE,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACtBC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,KAAK,EAAE;QAAEH,QAAQ,EAAE;MAAM,CAAC;MAC1BI,SAAS,EAAE;QAAEJ,QAAQ,EAAE;MAAK,CAAC;MAC7BK,cAAc,EAAE;QAAEL,QAAQ,EAAE;MAAM,CAAC;MACnCM,kBAAkB,EAAE;QAAEN,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDO,qBAAqB,EAAE;MACrBC,kBAAkB,EAAE;QAClBP,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDS,eAAe,EAAE;MACfC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZF,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;IACT,CAAC;IACDE,qBAAqB,EAAE,KAAK;IAC5B;IACAC,aAAa,EAAE;MACbC,SAAS,EAAE,KAAK;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;EAChB;AACF,CAAC","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _debug = _interopRequireDefault(require("debug"));
+var _main = _interopRequireDefault(require("./main"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+const modelWithDefaults = m => ({
+  ..._defaults.default.model,
+  ...m
+});
+const configurationWithDefaults = c => ({
+  ..._defaults.default.configuration,
+  ...c
+});
+class RubricElement extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "updateModelAccordingToReceivedProps", nextModel => {
+      const currentModel = {
+        ...this._model
+      };
+      if (!nextModel) {
+        return currentModel;
+      }
+      const validatedModel = {
+        ...nextModel
+      };
+
+      // excludeZero should be false and disabled when maxPoints is 1
+      if (validatedModel.maxPoints === 1) {
+        validatedModel.excludeZero = false;
+      }
+      const {
+        maxPoints,
+        excludeZero
+      } = validatedModel || {};
+      validatedModel.points = validatedModel.points ? [...validatedModel.points] : [];
+      validatedModel.sampleAnswers = validatedModel.sampleAnswers ? [...validatedModel.sampleAnswers] : [];
+      const howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;
+      const howManyPointsDoesItHave = validatedModel.points.length;
+      const excludeZeroChanged = currentModel?.excludeZero !== nextModel?.excludeZero;
+      const maxPointsChanged = currentModel?.maxPoints !== nextModel?.maxPoints;
+      if (howManyPointsDoesItHave < howManyPointsShouldHave) {
+        if (excludeZeroChanged && !excludeZero) {
+          validatedModel.points = ['', ...validatedModel.points];
+          validatedModel.sampleAnswers = [null, ...validatedModel.sampleAnswers];
+        }
+        if (maxPointsChanged) {
+          for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {
+            validatedModel.points.push('');
+            validatedModel.sampleAnswers.push(null);
+          }
+        }
+      } else if (howManyPointsDoesItHave > howManyPointsShouldHave) {
+        if (excludeZeroChanged && excludeZero) {
+          validatedModel.points = validatedModel.points.slice(1);
+          validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);
+        }
+        if (maxPointsChanged) {
+          validatedModel.points = validatedModel.points.slice(0, howManyPointsShouldHave);
+          validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(0, howManyPointsShouldHave);
+        }
+      }
+      return validatedModel;
+    });
+    (0, _defineProperty2.default)(this, "onConfigurationChanged", c => {
+      this._configuration = configurationWithDefaults(c);
+      if (this._model) {
+        this.onModelChanged(this._model);
+      }
+      this._render();
+    });
+    this._root = null;
+    _debug.default.log('constructor called');
+    this._model = modelWithDefaults();
+    this._configuration = configurationWithDefaults();
+    this.onModelChanged = this.onModelChanged.bind(this);
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+  }
+  set model(m) {
+    this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));
+    this._render();
+  }
+  set configuration(c) {
+    this._configuration = configurationWithDefaults(c);
+    this._render();
+  }
+  onModelChanged(m) {
+    this._model = this.updateModelAccordingToReceivedProps(m);
+    this._render();
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
+  }
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  connectedCallback() {
+    this._render();
+  }
+  _render() {
+    if (this._model) {
+      let element = /*#__PURE__*/_react.default.createElement(_main.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(element);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+      this._root = null;
+    }
+  }
+}
+exports.default = RubricElement;
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_pieConfigureEvents","require","_react","_interopRequireDefault","_client","_debug","_main","_defaults","modelWithDefaults","m","defaults","model","configurationWithDefaults","c","configuration","RubricElement","HTMLElement","constructor","_defineProperty2","default","nextModel","currentModel","_model","validatedModel","maxPoints","excludeZero","points","sampleAnswers","howManyPointsShouldHave","howManyPointsDoesItHave","length","excludeZeroChanged","maxPointsChanged","i","push","slice","_configuration","onModelChanged","_render","_root","debug","log","bind","onConfigurationChanged","updateModelAccordingToReceivedProps","dispatchEvent","ModelUpdatedEvent","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","connectedCallback","element","React","createElement","Main","imageSupport","add","delete","createRoot","render","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import { ModelUpdatedEvent, InsertImageEvent, DeleteImageEvent } from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\n\nimport Main from './main';\nimport defaults from './defaults';\n\nconst modelWithDefaults = (m) => ({ ...defaults.model, ...m });\n\nconst configurationWithDefaults = (c) => ({ ...defaults.configuration, ...c });\n\nexport default class RubricElement extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    debug.log('constructor called');\n    this._model = modelWithDefaults();\n    this._configuration = configurationWithDefaults();\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  updateModelAccordingToReceivedProps = (nextModel) => {\n    const currentModel = { ...this._model };\n\n    if (!nextModel) {\n      return currentModel;\n    }\n\n    const validatedModel = { ...nextModel };\n\n    // excludeZero should be false and disabled when maxPoints is 1\n    if (validatedModel.maxPoints === 1) {\n      validatedModel.excludeZero = false;\n    }\n\n    const { maxPoints, excludeZero } = validatedModel || {};\n\n    validatedModel.points = validatedModel.points ? [...validatedModel.points] : [];\n    validatedModel.sampleAnswers = validatedModel.sampleAnswers ? [...validatedModel.sampleAnswers] : [];\n\n    const howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;\n    const howManyPointsDoesItHave = validatedModel.points.length;\n\n    const excludeZeroChanged = currentModel?.excludeZero !== nextModel?.excludeZero;\n    const maxPointsChanged = currentModel?.maxPoints !== nextModel?.maxPoints;\n\n    if (howManyPointsDoesItHave < howManyPointsShouldHave) {\n      if (excludeZeroChanged && !excludeZero) {\n        validatedModel.points = ['', ...validatedModel.points];\n        validatedModel.sampleAnswers = [null, ...validatedModel.sampleAnswers];\n      }\n\n      if (maxPointsChanged) {\n        for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {\n          validatedModel.points.push('');\n          validatedModel.sampleAnswers.push(null);\n        }\n      }\n    } else if (howManyPointsDoesItHave > howManyPointsShouldHave) {\n      if (excludeZeroChanged && excludeZero) {\n        validatedModel.points = validatedModel.points.slice(1);\n        validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);\n      }\n\n      if (maxPointsChanged) {\n        validatedModel.points = validatedModel.points.slice(0, howManyPointsShouldHave);\n        validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(0, howManyPointsShouldHave);\n      }\n    }\n\n    return validatedModel;\n  };\n\n  set model(m) {\n    this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = configurationWithDefaults(c);\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = this.updateModelAccordingToReceivedProps(m);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  onConfigurationChanged = (c) => {\n    this._configuration = configurationWithDefaults(c);\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  };\n\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      let element = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.onModelChanged,\n        onConfigurationChanged: this.onConfigurationChanged,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(element);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _rubric = require("@pie-lib/rubric");
+var _styles = require("@mui/material/styles");
+var _configUi = require("@pie-lib/config-ui");
+const {
+  Panel,
+  toggle
+} = _configUi.settings;
+const StyledDiv = (0, _styles.styled)('div')(({
+  theme,
+  width
+}) => ({
+  maxWidth: width,
+  fontFamily: 'Cerebri Sans',
+  fontSize: theme.typography.fontSize
+}));
+class Main extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "verifyRubriclessModel", (m, config) => {
+      const {
+        rubricless = false
+      } = config || {};
+      return rubricless ? (({
+        points,
+        sampleAnswers,
+        ...rest
+      }) => rest)(m) : m;
+    });
+  }
+  render() {
+    const {
+      model,
+      configuration,
+      onConfigurationChanged,
+      onModelChanged,
+      imageSupport
+    } = this.props || {};
+    const {
+      baseInputConfiguration = {},
+      contentDimensions = {},
+      settingsPanelDisabled,
+      showExcludeZero = {},
+      showMaxPoint = {},
+      mathMlOptions = {},
+      rubricless = false,
+      rubriclessInstruction,
+      width
+    } = configuration || {};
+
+    // ensure to eliminate points and sampleAnswers in case of rubricless
+    const value = this.verifyRubriclessModel(model, configuration);
+    const {
+      extraCSSRules
+    } = model;
+    const panelProperties = {
+      excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),
+      maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),
+      rubriclessInstructionEnabled: rubricless && rubriclessInstruction.settings && toggle(rubriclessInstruction.label)
+    };
+    const getPluginProps = props => {
+      return Object.assign({
+        ...baseInputConfiguration
+      }, props || {});
+    };
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      dimensions: contentDimensions,
+      hideSettings: settingsPanelDisabled,
+      settings: /*#__PURE__*/_react.default.createElement(Panel, {
+        model: model,
+        onChangeModel: onModelChanged,
+        configuration: configuration,
+        onChangeConfiguration: onConfigurationChanged,
+        pluginOpts: getPluginProps(rubriclessInstruction?.inputConfiguration),
+        groups: {
+          Properties: panelProperties
+        },
+        imageSupport: imageSupport
+      })
+    }, /*#__PURE__*/_react.default.createElement(StyledDiv, {
+      width: width
+    }, /*#__PURE__*/_react.default.createElement(_rubric.Authoring, {
+      value: value,
+      config: configuration,
+      onChange: onModelChanged,
+      mathMlOptions: mathMlOptions,
+      rubricless: rubricless,
+      pluginOpts: baseInputConfiguration,
+      imageSupport: imageSupport
+    })));
+  }
+}
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_rubric","_styles","_configUi","Panel","toggle","settings","StyledDiv","styled","theme","width","maxWidth","fontFamily","fontSize","typography","Main","React","Component","constructor","args","_defineProperty2","default","m","config","rubricless","points","sampleAnswers","rest","render","model","configuration","onConfigurationChanged","onModelChanged","imageSupport","props","baseInputConfiguration","contentDimensions","settingsPanelDisabled","showExcludeZero","showMaxPoint","mathMlOptions","rubriclessInstruction","value","verifyRubriclessModel","extraCSSRules","panelProperties","excludeZeroEnabled","label","maxPointsEnabled","rubriclessInstructionEnabled","getPluginProps","Object","assign","createElement","layout","ConfigLayout","dimensions","hideSettings","onChangeModel","onChangeConfiguration","pluginOpts","inputConfiguration","groups","Properties","Authoring","onChange","_default","exports"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport { Authoring } from '@pie-lib/rubric';\nimport { styled } from '@mui/material/styles';\nimport { layout, settings } from '@pie-lib/config-ui';\n\nconst { Panel, toggle } = settings;\n\nconst StyledDiv = styled('div')(({ theme, width }) => ({\n  maxWidth: width,\n  fontFamily: 'Cerebri Sans',\n  fontSize: theme.typography.fontSize,\n}));\n\nclass Main extends React.Component {\n  verifyRubriclessModel = (m, config) => {\n    const { rubricless = false } = config || {};\n    return rubricless ? (({ points, sampleAnswers, ...rest }) => rest)(m) : m;\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged, onModelChanged, imageSupport } = this.props || {};\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      settingsPanelDisabled,\n      showExcludeZero = {},\n      showMaxPoint = {},\n      mathMlOptions = {},\n      rubricless = false,\n      rubriclessInstruction,\n      width,\n    } = configuration || {};\n\n    // ensure to eliminate points and sampleAnswers in case of rubricless\n    const value = this.verifyRubriclessModel(model, configuration);\n    const { extraCSSRules } = model;\n\n    const panelProperties = {\n      excludeZeroEnabled: showExcludeZero.settings && toggle(showExcludeZero.label),\n      maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),\n      rubriclessInstructionEnabled: rubricless && rubriclessInstruction.settings && toggle(rubriclessInstruction.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n        {\n          ...baseInputConfiguration,\n        },\n        props || {},\n      );\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            onChangeModel={onModelChanged}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            pluginOpts={getPluginProps(rubriclessInstruction?.inputConfiguration)}\n            groups={{\n              Properties: panelProperties,\n            }}\n            imageSupport={imageSupport}\n          />\n        }        >\n        <StyledDiv width={width}>\n          <Authoring\n            value={value}\n            config={configuration}\n            onChange={onModelChanged}\n            mathMlOptions={mathMlOptions}\n            rubricless={rubricless}\n            pluginOpts={baseInputConfiguration}\n            imageSupport={imageSupport}\n          />\n        </StyledDiv>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "7.4.0-beta.12",
+  "version": "7.4.0-beta.13",
   "description": "Rubric authoring view",
   "main": "lib/index.js",
   "author": "Pie Framework Authors",
@@ -11,10 +11,10 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "13.0.22-beta.1",
-    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.1",
+    "@pie-lib/config-ui": "13.0.22-beta.2",
+    "@pie-lib/editable-html-tip-tap": "2.1.20-beta.2",
     "@pie-lib/render-ui": "6.1.3",
-    "@pie-lib/rubric": "2.0.22-beta.1",
+    "@pie-lib/rubric": "2.0.22-beta.2",
     "debug": "^4.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1"

package/controller/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0-beta.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@6.3.0-beta.12...@pie-element/rubric-controller@6.3.0-beta.13) (2026-09-24)
+
+**Note:** Version bump only for package @pie-element/rubric-controller
+
 # [6.3.0-beta.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-controller@6.3.0-beta.11...@pie-element/rubric-controller@6.3.0-beta.12) (2026-09-24)
 
 **Note:** Version bump only for package @pie-element/rubric-controller

package/controller/lib/defaults.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  points: ['', '', '', ''],
+  sampleAnswers: [null, null, null, null],
+  maxPoints: 3,
+  maxPointsEnabled: true,
+  excludeZero: false,
+  excludeZeroEnabled: true
+};
+//# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["points","sampleAnswers","maxPoints","maxPointsEnabled","excludeZero","excludeZeroEnabled"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  points: ['', '', '', ''],\n  sampleAnswers: [null, null, null, null],\n  maxPoints: 3,\n  maxPointsEnabled: true,\n  excludeZero: false,\n  excludeZeroEnabled: true,\n};\n"],"mappings":";;;;;;iCAAe;EACbA,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EACxBC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACvCC,SAAS,EAAE,CAAC;EACZC,gBAAgB,EAAE,IAAI;EACtBC,WAAW,EAAE,KAAK;EAClBC,kBAAkB,EAAE;AACtB,CAAC","ignoreList":[]}

package/controller/lib/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.model = model;
+exports.validate = validate;
+var _defaults = _interopRequireDefault(require("./defaults"));
+const normalize = model => ({
+  ..._defaults.default,
+  ...model
+});
+function model(model, session, env) {
+  return new Promise(resolve => {
+    const modelResult = normalize(model || {});
+    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});
+  });
+}
+function markupToText(s) {
+  return (s || '').replace(/(<([^>]+)>)/gi, '');
+}
+
+// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateSimpleRubric function!“.
+function validate(model) {
+  const {
+    points
+  } = model;
+  const errors = {};
+  const pointsDescriptorsErrors = {};
+  (points || []).forEach((point, index) => {
+    if (!point || point === '<div></div>') {
+      pointsDescriptorsErrors[index] = 'Points descriptors cannot be empty.';
+    } else {
+      const identicalPointDescr = points.slice(index + 1).some(p => markupToText(p) === markupToText(point));
+      if (identicalPointDescr) {
+        pointsDescriptorsErrors[index] = 'Points descriptors should be unique.';
+      }
+    }
+  });
+  if (Object.keys(pointsDescriptorsErrors).length > 0) {
+    errors.pointsDescriptorsErrors = pointsDescriptorsErrors;
+  }
+  return errors;
+}
+//# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_defaults","_interopRequireDefault","require","normalize","model","defaults","session","env","Promise","resolve","modelResult","role","markupToText","s","replace","validate","points","errors","pointsDescriptorsErrors","forEach","point","index","identicalPointDescr","slice","some","p","Object","keys","length"],"sources":["../src/index.js"],"sourcesContent":["import defaults from './defaults';\n\nconst normalize = (model) => ({ ...defaults, ...model });\n\nexport function model(model, session, env) {\n  return new Promise((resolve) => {\n    const modelResult = normalize(model || {});\n\n    resolve(env && env.role && env.role === 'instructor' ? modelResult : {});\n  });\n}\n\nfunction markupToText(s) {\n  return (s || '').replace(/(<([^>]+)>)/gi, '');\n}\n\n// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateSimpleRubric function!“.\nexport function validate(model) {\n  const { points } = model;\n  const errors = {};\n  const pointsDescriptorsErrors = {};\n\n  (points || []).forEach((point, index) => {\n\n    if (!point || point === '<div></div>') {\n      pointsDescriptorsErrors[index] = 'Points descriptors cannot be empty.';\n    } else {\n      const identicalPointDescr = points.slice(index + 1).some((p) => markupToText(p) === markupToText(point));\n\n      if (identicalPointDescr) {\n        pointsDescriptorsErrors[index] = 'Points descriptors should be unique.';\n      }\n    }\n  });\n\n  if (Object.keys(pointsDescriptorsErrors).length > 0) {\n    errors.pointsDescriptorsErrors = pointsDescriptorsErrors;\n  }\n\n  return errors;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,MAAMC,SAAS,GAAIC,KAAK,KAAM;EAAE,GAAGC,iBAAQ;EAAE,GAAGD;AAAM,CAAC,CAAC;AAEjD,SAASA,KAAKA,CAACA,KAAK,EAAEE,OAAO,EAAEC,GAAG,EAAE;EACzC,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;IAC9B,MAAMC,WAAW,GAAGP,SAAS,CAACC,KAAK,IAAI,CAAC,CAAC,CAAC;IAE1CK,OAAO,CAACF,GAAG,IAAIA,GAAG,CAACI,IAAI,IAAIJ,GAAG,CAACI,IAAI,KAAK,YAAY,GAAGD,WAAW,GAAG,CAAC,CAAC,CAAC;EAC1E,CAAC,CAAC;AACJ;AAEA,SAASE,YAAYA,CAACC,CAAC,EAAE;EACvB,OAAO,CAACA,CAAC,IAAI,EAAE,EAAEC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;AAC/C;;AAEA;AACO,SAASC,QAAQA,CAACX,KAAK,EAAE;EAC9B,MAAM;IAAEY;EAAO,CAAC,GAAGZ,KAAK;EACxB,MAAMa,MAAM,GAAG,CAAC,CAAC;EACjB,MAAMC,uBAAuB,GAAG,CAAC,CAAC;EAElC,CAACF,MAAM,IAAI,EAAE,EAAEG,OAAO,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAEvC,IAAI,CAACD,KAAK,IAAIA,KAAK,KAAK,aAAa,EAAE;MACrCF,uBAAuB,CAACG,KAAK,CAAC,GAAG,qCAAqC;IACxE,CAAC,MAAM;MACL,MAAMC,mBAAmB,GAAGN,MAAM,CAACO,KAAK,CAACF,KAAK,GAAG,CAAC,CAAC,CAACG,IAAI,CAAEC,CAAC,IAAKb,YAAY,CAACa,CAAC,CAAC,KAAKb,YAAY,CAACQ,KAAK,CAAC,CAAC;MAExG,IAAIE,mBAAmB,EAAE;QACvBJ,uBAAuB,CAACG,KAAK,CAAC,GAAG,sCAAsC;MACzE;IACF;EACF,CAAC,CAAC;EAEF,IAAIK,MAAM,CAACC,IAAI,CAACT,uBAAuB,CAAC,CAACU,MAAM,GAAG,CAAC,EAAE;IACnDX,MAAM,CAACC,uBAAuB,GAAGA,uBAAuB;EAC1D;EAEA,OAAOD,MAAM;AACf","ignoreList":[]}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric-controller",
   "private": true,
-  "version": "6.3.0-beta.12",
+  "version": "6.3.0-beta.13",
   "main": "lib/index.js",
   "scripts": {
     "test": "./node_modules/.bin/jest"

package/lib/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _main = _interopRequireDefault(require("./main"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _debug = _interopRequireDefault(require("debug"));
+var _mathRendering = require("@pie-lib/math-rendering");
+class RubricRender extends HTMLElement {
+  constructor() {
+    super();
+    // React commits asynchronously, so a queueMicrotask(renderMath) can run before
+    // the LaTeX spans are in the DOM and leave raw LaTeX on first render — this is
+    // especially visible when rubric is mounted inside complex-rubric, which swaps
+    // its innerHTML and re-defines the inner element. Observing the DOM and
+    // typesetting after each commit keeps math in sync regardless of timing.
+    (0, _defineProperty2.default)(this, "_scheduleMathRender", () => {
+      if (this._mathRenderPending) return;
+      this._mathRenderPending = true;
+      requestAnimationFrame(() => {
+        if (this._mathObserver) {
+          this._mathObserver.disconnect();
+        }
+        (0, _mathRendering.renderMath)(this);
+        this._mathRenderPending = false;
+        setTimeout(() => {
+          if (this._mathObserver) {
+            this._mathObserver.observe(this, {
+              childList: true,
+              subtree: true
+            });
+          }
+        }, 50);
+      });
+    });
+    _debug.default.log('constructor called');
+    this.onModelChanged = this.onModelChanged.bind(this);
+    this._root = null;
+    this._mathObserver = null;
+    this._mathRenderPending = false;
+  }
+  _initMathObserver() {
+    if (this._mathObserver) return;
+    this._mathObserver = new MutationObserver(this._scheduleMathRender);
+    this._mathObserver.observe(this, {
+      childList: true,
+      subtree: true
+    });
+  }
+  _disconnectMathObserver() {
+    if (this._mathObserver) {
+      this._mathObserver.disconnect();
+      this._mathObserver = null;
+    }
+  }
+  set model(s) {
+    this._model = s;
+    this._render();
+  }
+  onModelChanged(m) {
+    this._model = m;
+    this._render();
+  }
+  connectedCallback() {
+    this._initMathObserver();
+    this._render();
+  }
+  _render() {
+    if (this._model) {
+      this._initMathObserver();
+      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+        value: this._model
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+    }
+  }
+  disconnectedCallback() {
+    this._disconnectMathObserver();
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = RubricRender;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_main","_interopRequireDefault","require","_react","_client","_debug","_mathRendering","RubricRender","HTMLElement","constructor","_defineProperty2","default","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","debug","log","onModelChanged","bind","_root","_initMathObserver","MutationObserver","_scheduleMathRender","_disconnectMathObserver","model","s","_model","_render","m","connectedCallback","el","React","createElement","Rubric","value","createRoot","render","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import Rubric from './main';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nexport default class RubricRender extends HTMLElement {\n  constructor() {\n    super();\n    debug.log('constructor called');\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n  }\n\n  // React commits asynchronously, so a queueMicrotask(renderMath) can run before\n  // the LaTeX spans are in the DOM and leave raw LaTeX on first render — this is\n  // especially visible when rubric is mounted inside complex-rubric, which swaps\n  // its innerHTML and re-defines the inner element. Observing the DOM and\n  // typesetting after each commit keeps math in sync regardless of timing.\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n      renderMath(this);\n      this._mathRenderPending = false;\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, { childList: true, subtree: true });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n    this._mathObserver = new MutationObserver(this._scheduleMathRender);\n    this._mathObserver.observe(this, { childList: true, subtree: true });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  set model(s) {\n    this._model = s;\n    this._render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n    this._render();\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._render();\n  }\n\n  _render() {\n    if (this._model) {\n      this._initMathObserver();\n\n      const el = React.createElement(Rubric, { value: this._model });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/main.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RubricType = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _renderUi = require("@pie-lib/render-ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const StyledUiLayout = (0, _styles.styled)(_renderUi.UiLayout)({
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background(),
+  // apply styles to tables to match the rest of the UI
+  '&:not(.MathJax) table': {
+    borderCollapse: 'collapse'
+  },
+  '&:not(.MathJax) table td, &:not(.MathJax) table th': {
+    padding: '8px 12px',
+    textAlign: 'left'
+  },
+  // reset paragraph margins and line-height inside lists to override client styles
+  '& ul p, & ol p': {
+    marginBottom: 0,
+    marginTop: 0,
+    lineHeight: 'normal'
+  }
+});
+const StyledListItem = (0, _styles.styled)(_ListItem.default)({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'flex-start',
+  padding: '12px 0px'
+});
+const Text = (0, _styles.styled)('div')({
+  color: _renderUi.color.text()
+});
+const TitleText = (0, _styles.styled)('h3')({
+  color: _renderUi.color.text(),
+  fontSize: '16px',
+  fontWeight: '700',
+  margin: 0,
+  paddingBottom: '6px'
+});
+const SampleTitleText = (0, _styles.styled)('h4')({
+  color: _renderUi.color.text(),
+  fontSize: '16px',
+  fontWeight: 'normal',
+  margin: 0,
+  paddingBottom: '6px'
+});
+const RubricToggle = (0, _styles.styled)('h2')(({
+  theme
+}) => ({
+  display: 'flex',
+  alignItems: 'center',
+  cursor: 'pointer',
+  userSelect: 'none',
+  fontSize: theme.typography.fontSize,
+  fontWeight: '500',
+  color: _renderUi.color.tertiary(),
+  margin: 0
+}));
+const ChevronStyle = (0, _styles.styled)('span')({
+  display: 'inline-flex',
+  transition: 'transform 0.2s',
+  marginLeft: 2,
+  alignSelf: 'center'
+});
+const HiddenScreenReader = (0, _styles.styled)('h2')({
+  position: 'absolute',
+  width: '1px',
+  height: '1px',
+  padding: 0,
+  margin: '-1px',
+  overflow: 'hidden',
+  clip: 'rect(0,0,0,0)',
+  border: 0,
+  whiteSpace: 'nowrap'
+});
+const RubricType = exports.RubricType = _propTypes.default.shape({
+  excludeZero: _propTypes.default.bool,
+  points: _propTypes.default.arrayOf(_propTypes.default.string),
+  sampleAnswers: _propTypes.default.arrayOf(_propTypes.default.string),
+  animationsDisabled: _propTypes.default.bool
+});
+class Rubric extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "dudUrl", 'javascript:;');
+    (0, _defineProperty2.default)(this, "shouldRenderPoint", (index, value) => {
+      if (!value.excludeZero) {
+        return true;
+      } else {
+        return index !== 0;
+      }
+    });
+    this.state = {
+      rubricOpen: false,
+      linkPrefix: 'Show'
+    };
+    this.toggleRubric = this.toggleRubric.bind(this);
+  }
+  toggleRubric() {
+    this.setState({
+      rubricOpen: !this.state.rubricOpen
+    });
+    this.setState({
+      linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide'
+    });
+  }
+  render() {
+    const {
+      model,
+      value
+    } = this.props;
+    let {
+      animationsDisabled
+    } = this.props;
+    animationsDisabled = animationsDisabled || value.animationsDisabled;
+    if (value && value.points) {
+      const {
+        extraCSSRules
+      } = model || {};
+      const {
+        points,
+        sampleAnswers
+      } = value;
+      const rubricList = /*#__PURE__*/_react.default.createElement(_List.default, {
+        component: "nav"
+      }, points.slice(0).reverse().map((desc, index) => {
+        index = points.length - index - 1;
+        const pointsLabel = value.excludeZero ? index + 1 : index;
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: index
+        }, /*#__PURE__*/_react.default.createElement(StyledListItem, {
+          key: `P${index}`
+        }, /*#__PURE__*/_react.default.createElement(TitleText, null, pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`), /*#__PURE__*/_react.default.createElement(Text, {
+          dangerouslySetInnerHTML: {
+            __html: desc
+          }
+        })), sampleAnswers && sampleAnswers[index] && /*#__PURE__*/_react.default.createElement(StyledListItem, {
+          key: `S${index}`
+        }, /*#__PURE__*/_react.default.createElement(SampleTitleText, null, "Sample Answer"), /*#__PURE__*/_react.default.createElement(Text, {
+          dangerouslySetInnerHTML: {
+            __html: sampleAnswers[index]
+          }
+        })));
+      }));
+      return /*#__PURE__*/_react.default.createElement(StyledUiLayout, {
+        extraCSSRules: extraCSSRules
+      }, /*#__PURE__*/_react.default.createElement(HiddenScreenReader, null, "Rubric"), !animationsDisabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RubricToggle, {
+        id: 'rubric-toggle',
+        tabIndex: 0,
+        role: "button",
+        "aria-expanded": this.state.rubricOpen,
+        onClick: this.toggleRubric,
+        onKeyPress: e => {
+          if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();
+        }
+      }, this.state.linkPrefix, " Rubric", /*#__PURE__*/_react.default.createElement(ChevronStyle, {
+        "aria-hidden": "true"
+      }, this.state.rubricOpen ? /*#__PURE__*/_react.default.createElement("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, /*#__PURE__*/_react.default.createElement("polyline", {
+        points: "18 15 12 9 6 15"
+      })) : /*#__PURE__*/_react.default.createElement("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, /*#__PURE__*/_react.default.createElement("polyline", {
+        points: "6 9 12 15 18 9"
+      })))), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+        in: this.state.rubricOpen,
+        timeout: {
+          enter: 225,
+          exit: 195
+        }
+      }, rubricList)) : rubricList);
+    } else {
+      return null;
+    }
+  }
+}
+(0, _defineProperty2.default)(Rubric, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  animationsDisabled: _propTypes.default.bool,
+  value: RubricType
+});
+var _default = exports.default = Rubric;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_styles","_ListItem","_List","_Collapse","_renderUi","_propTypes","StyledUiLayout","styled","UiLayout","color","text","backgroundColor","background","borderCollapse","padding","textAlign","marginBottom","marginTop","lineHeight","StyledListItem","ListItem","display","flexDirection","alignItems","Text","TitleText","fontSize","fontWeight","margin","paddingBottom","SampleTitleText","RubricToggle","theme","cursor","userSelect","typography","tertiary","ChevronStyle","transition","marginLeft","alignSelf","HiddenScreenReader","position","width","height","overflow","clip","border","whiteSpace","RubricType","exports","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","animationsDisabled","Rubric","React","Component","constructor","props","_defineProperty2","default","index","value","state","rubricOpen","linkPrefix","toggleRubric","bind","setState","render","model","extraCSSRules","rubricList","createElement","component","slice","reverse","map","desc","length","pointsLabel","Fragment","key","dangerouslySetInnerHTML","__html","id","tabIndex","role","onClick","onKeyPress","e","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","in","timeout","enter","exit","object","isRequired","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, UiLayout } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\n\nconst StyledUiLayout = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  // apply styles to tables to match the rest of the UI\n  '&:not(.MathJax) table': {\n    borderCollapse: 'collapse',\n  },\n  '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n    padding: '8px 12px',\n    textAlign: 'left',\n  },\n  // reset paragraph margins and line-height inside lists to override client styles\n  '& ul p, & ol p': {\n    marginBottom: 0,\n    marginTop: 0,\n    lineHeight: 'normal',\n  },\n});\n\nconst StyledListItem = styled(ListItem)({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  padding: '12px 0px',\n});\n\nconst Text = styled('div')({\n  color: color.text(),\n});\n\nconst TitleText = styled('h3')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: '700',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst SampleTitleText = styled('h4')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: 'normal',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst RubricToggle = styled('h2')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\n}));\n\nconst ChevronStyle = styled('span')({\n  display: 'inline-flex',\n  transition: 'transform 0.2s',\n  marginLeft: 2,\n  alignSelf: 'center',\n});\n\nconst HiddenScreenReader = styled('h2')({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0,0,0,0)',\n  border: 0,\n  whiteSpace: 'nowrap',\n});\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List component=\"nav\">\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <StyledListItem key={`P${index}`}>\n                    <TitleText>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </TitleText>\n                    <Text dangerouslySetInnerHTML={{ __html: desc }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </StyledListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <StyledUiLayout extraCSSRules={extraCSSRules}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <HiddenScreenReader>Rubric</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                id={'rubric-toggle'}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <ChevronStyle aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </ChevronStyle>\n              </RubricToggle>\n              <Collapse in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </StyledUiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nexport default Rubric;\n"],"mappings":"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","ignoreList":[]}

package/lib/print.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _lodashEs = require("lodash-es");
+var _main = _interopRequireDefault(require("./main"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _debug = _interopRequireDefault(require("debug"));
+const log = (0, _debug.default)('pie-element:rubric:print');
+const preparePrintModel = (model, opts) => {
+  const instr = opts.role === 'instructor';
+  if (!instr) {
+    return {};
+  }
+  model.value = {
+    ...model
+  };
+  model.mode = 'evaluate';
+  model.animationsDisabled = true;
+  return model;
+};
+class RubricPrint extends HTMLElement {
+  constructor() {
+    super();
+    this._options = null;
+    this._model = null;
+    this._session = [];
+    this._root = null;
+    this._rerender = (0, _lodashEs.debounce)(() => {
+      if (this._model && this._session) {
+        const printModel = preparePrintModel(this._model, this._options);
+        const element = this._options && /*#__PURE__*/_react.default.createElement(_main.default, {
+          ...printModel
+        });
+        if (!this._root) {
+          this._root = (0, _client.createRoot)(this);
+        }
+        this._root.render(element);
+        queueMicrotask(() => {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)(this);
+        });
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+  }
+  set options(o) {
+    this._options = o;
+  }
+  set model(s) {
+    this._model = s;
+    this._rerender();
+  }
+  connectedCallback() {}
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = RubricPrint;
+//# sourceMappingURL=print.js.map

package/lib/print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.js","names":["_react","_interopRequireDefault","require","_client","_lodashEs","_main","_mathRendering","_debug","log","debug","preparePrintModel","model","opts","instr","role","value","mode","animationsDisabled","RubricPrint","HTMLElement","constructor","_options","_model","_session","_root","_rerender","debounce","printModel","element","React","createElement","Main","createRoot","render","queueMicrotask","renderMath","leading","trailing","options","o","s","connectedCallback","disconnectedCallback","unmount","exports","default"],"sources":["../src/print.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from 'lodash-es';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:rubric:print');\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.value = { ...model };\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nexport default class RubricPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              ...printModel,\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,MAAMM,GAAG,GAAG,IAAAC,cAAK,EAAC,0BAA0B,CAAC;AAE7C,MAAMC,iBAAiB,GAAGA,CAACC,KAAK,EAAEC,IAAI,KAAK;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,KAAK,YAAY;EAExC,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,CAAC,CAAC;EACX;EAEAF,KAAK,CAACI,KAAK,GAAG;IAAE,GAAGJ;EAAM,CAAC;EAC1BA,KAAK,CAACK,IAAI,GAAG,UAAU;EACvBL,KAAK,CAACM,kBAAkB,GAAG,IAAI;EAE/B,OAAON,KAAK;AACd,CAAC;AAEc,MAAMO,WAAW,SAASC,WAAW,CAAC;EACnDC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,QAAQ,GAAG,IAAI;IACpB,IAAI,CAACC,MAAM,GAAG,IAAI;IAClB,IAAI,CAACC,QAAQ,GAAG,EAAE;IAClB,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,SAAS,GAAG,IAAAC,kBAAQ,EACvB,MAAM;MACJ,IAAI,IAAI,CAACJ,MAAM,IAAI,IAAI,CAACC,QAAQ,EAAE;QAChC,MAAMI,UAAU,GAAGjB,iBAAiB,CAAC,IAAI,CAACY,MAAM,EAAE,IAAI,CAACD,QAAQ,CAAC;QAEhE,MAAMO,OAAO,GACX,IAAI,CAACP,QAAQ,iBACbQ,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;UACxB,GAAGJ;QACL,CAAC,CAAC;QAEJ,IAAI,CAAC,IAAI,CAACH,KAAK,EAAE;UACf,IAAI,CAACA,KAAK,GAAG,IAAAQ,kBAAU,EAAC,IAAI,CAAC;QAC/B;QACA,IAAI,CAACR,KAAK,CAACS,MAAM,CAACL,OAAO,CAAC;QAC1BM,cAAc,CAAC,MAAM;UACnB1B,GAAG,CAAC,+BAA+B,CAAC;UACpC,IAAA2B,yBAAU,EAAC,IAAI,CAAC;QAClB,CAAC,CAAC;MACJ,CAAC,MAAM;QACL3B,GAAG,CAAC,MAAM,CAAC;MACb;IACF,CAAC,EACD,EAAE,EACF;MAAE4B,OAAO,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAK,CACnC,CAAC;EACH;EACA,IAAIC,OAAOA,CAACC,CAAC,EAAE;IACb,IAAI,CAAClB,QAAQ,GAAGkB,CAAC;EACnB;EAEA,IAAI5B,KAAKA,CAAC6B,CAAC,EAAE;IACX,IAAI,CAAClB,MAAM,GAAGkB,CAAC;IACf,IAAI,CAACf,SAAS,CAAC,CAAC;EAClB;EAEAgB,iBAAiBA,CAAA,EAAG,CAAC;EAErBC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAAClB,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACmB,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAA3B,WAAA","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "8.2.2-beta.6",
+  "version": "8.2.2-beta.7",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {
@@ -30,7 +30,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "c6bbb21417c58eaf8f617143437fb3ff85ae1cb4",
+  "gitHead": "5f941f4fe6387747a9a7465feaff7f6e54c1ed29",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   }