@pie-element/rubric 8.1.2-next.2 → 8.1.2

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,135 @@
+"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();
+    }
+  }
+}
+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    }\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

@@ -0,0 +1,23 @@
+{
+  "name": "@pie-element/rubric-configure",
+  "private": true,
+  "version": "7.1.2",
+  "description": "Rubric authoring view",
+  "main": "lib/index.js",
+  "author": "Pie Framework Authors",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@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.6",
+    "@pie-lib/editable-html-tip-tap": "2.1.4",
+    "@pie-lib/render-ui": "6.1.1",
+    "@pie-lib/rubric": "2.0.6",
+    "debug": "^4.1.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "license": "ISC"
+}

package/configure/src/__tests__/index.test.jsx

@@ -0,0 +1,192 @@
+import RubricElement from '../index';
+import defaults from '../defaults';
+import { ModelUpdatedEvent, InsertSoundEvent, DeleteSoundEvent } from '@pie-framework/pie-configure-events';
+import React from 'react';
+
+jest.mock('@pie-lib/rubric', () => ({
+  Authoring: (props) => <div data-testid="authoring" {...props} />,
+}));
+
+jest.mock('react-dom/client', () => ({
+  createRoot: jest.fn(() => ({
+    render: jest.fn(),
+    unmount: jest.fn(),
+  })),
+}));
+
+jest.mock('@pie-lib/config-ui', () => ({
+  layout: {
+    ConfigLayout: (props) => <div {...props} />,
+  },
+  settings: {
+    Panel: (props) => <div {...props} />,
+    toggle: jest.fn(),
+    radio: jest.fn(),
+  },
+}));
+
+const model = (extras) => ({
+  id: '1',
+  element: 'pie-rubric',
+  points: ['A', 'B', 'C', 'D'],
+  sampleAnswers: [true, true, false, false],
+  maxPoints: 3,
+  excludeZero: false,
+  excludeZeroEnabled: true,
+  maxPointsEnabled: true,
+  ...extras,
+});
+
+const invalidModel = (extras) => ({
+  id: '2',
+  element: 'pie-rubric',
+  points: ['A', 'B', 'C', 'D'],
+  sampleAnswers: [true, true, false, false],
+  maxPoints: 5,
+  excludeZero: false,
+  excludeZeroEnabled: true,
+  maxPointsEnabled: true,
+  ...extras,
+});
+const configuration = (c) => ({ ...defaults.configuration, ...c });
+
+describe('RubricElement', () => {
+  let element;
+
+  beforeAll(() => {
+    // Register the custom element if not already registered
+    if (!customElements.get('pie-rubric-configure')) {
+      customElements.define('pie-rubric-configure', RubricElement);
+    }
+  });
+
+  beforeEach(() => {
+    element = new RubricElement();
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('set model', () => {
+    it('should set the model correctly', () => {
+      const newModel = model();
+      element.model = newModel;
+      expect(element._model).toEqual(newModel);
+    });
+  });
+
+  describe('onModelChanged', () => {
+    it('should dispatch ModelUpdatedEvent on model change', () => {
+      const newModel = model();
+      const dispatchEventSpy = jest.spyOn(element, 'dispatchEvent');
+      element.onModelChanged(newModel);
+      expect(element._model).toEqual(newModel);
+      expect(dispatchEventSpy).toHaveBeenCalledWith(new ModelUpdatedEvent(newModel, false));
+    });
+  });
+
+  describe('set configuration', () => {
+    it('should set the configuration correctly', () => {
+      const newConfiguration = configuration();
+      element.configuration = newConfiguration;
+      expect(element._configuration).toEqual(newConfiguration);
+    });
+  });
+
+  describe('onConfigurationChanged', () => {
+    it('should call _render method on configuration change and overwrite the defaults with the new values', () => {
+      const newConfiguration = configuration({ maxMaxPoints: 10 });
+      const renderSpy = jest.spyOn(element, '_render');
+      element.onConfigurationChanged(newConfiguration);
+      expect(element._configuration.maxMaxPoints).toEqual(10);
+      expect(renderSpy).toHaveBeenCalled();
+    });
+  });
+
+  describe('updateModelAccordingToReceivedProps', () => {
+    it('should return the same model if it is already valid', () => {
+      const validModel = model();
+      const validatedModel = element.updateModelAccordingToReceivedProps(validModel);
+      expect(validatedModel).toEqual(validModel);
+    });
+
+    it('should return an empty model if the input model is undefined', () => {
+      const validatedModel = element.updateModelAccordingToReceivedProps(undefined);
+      expect(validatedModel).toEqual(defaults.model);
+    });
+
+    it('should return an empty model if the input model is null', () => {
+      const validatedModel = element.updateModelAccordingToReceivedProps(null);
+      expect(validatedModel).toEqual(defaults.model);
+    });
+
+    it('should handle undefined properties in the input model', () => {
+      const validatedModel = element.updateModelAccordingToReceivedProps({});
+      expect(validatedModel).toEqual({ points: [], sampleAnswers: [] });
+    });
+
+    it('should handle null properties in the input model', () => {
+      const validatedModel = element.updateModelAccordingToReceivedProps({ maxPoints: null, excludeZero: null });
+      expect(validatedModel).toEqual({
+        excludeZero: null,
+        maxPoints: null,
+        points: ['', ''],
+        sampleAnswers: [null, null],
+      });
+    });
+
+    it('should handle undefined points and sampleAnswers arrays', () => {
+      const validatedModel = element.updateModelAccordingToReceivedProps({ maxPoints: 5, excludeZero: false });
+      expect(validatedModel.points).toEqual(['', '', '', '', '', '']);
+      expect(validatedModel.sampleAnswers).toEqual([null, null, null, null, null, null]);
+    });
+
+    it('should handle case when howManyPointsDoesItHave is less than howManyPointsShouldHave with maxPoints & excludeZero changed', () => {
+      const nextModel = model({
+        maxPoints: 7,
+        excludeZero: true,
+      });
+      const result = element.updateModelAccordingToReceivedProps(nextModel);
+      expect(result.points).toEqual(['A', 'B', 'C', 'D', '', '', '']);
+      expect(result.sampleAnswers).toEqual([true, true, false, false, null, null, null]);
+    });
+
+    it('should handle case when howManyPointsDoesItHave is less than howManyPointsShouldHave and maxPointsChanged', () => {
+      const nextModel = model({
+        maxPoints: 4,
+        excludeZero: false,
+      });
+      const result = element.updateModelAccordingToReceivedProps(nextModel);
+      expect(result.points).toEqual(['A', 'B', 'C', 'D', '']);
+      expect(result.sampleAnswers).toEqual([true, true, false, false, null]);
+    });
+
+    it('should handle case when howManyPointsDoesItHave is greater than howManyPointsShouldHave and excludeZeroChanged', () => {
+      const nextModel = model({
+        maxPoints: 3,
+        excludeZero: true,
+      });
+      const result = element.updateModelAccordingToReceivedProps(nextModel);
+      expect(result.points).toEqual(['B', 'C', 'D']);
+      expect(result.sampleAnswers).toEqual([true, false, false]);
+    });
+
+    it('should handle case when howManyPointsDoesItHave is greater than howManyPointsShouldHave and maxPointsChanged', () => {
+      const nextModel = model({
+        maxPoints: 1,
+        excludeZero: false,
+      });
+      const result = element.updateModelAccordingToReceivedProps(nextModel);
+      expect(result.points).toEqual(['A', 'B']);
+      expect(result.sampleAnswers).toEqual([true, true]);
+    });
+
+    it('should handle case if invalid model is set, after updateModelAccordingToReceivedProps the returned model is valid', () => {
+      const newModel = invalidModel();
+      element.onModelChanged(newModel);
+      expect(element._model.points).toEqual(['A', 'B', 'C', 'D', '', '']);
+      expect(element._model.sampleAnswers).toEqual([true, true, false, false, null, null]);
+    });
+  });
+});

package/configure/src/defaults.js

@@ -0,0 +1,43 @@
+export 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,
+  },
+};