@pie-element/complex-rubric 4.0.0 → 5.0.1-esmbeta.0

package/configure/node_modules/@pie-element/rubric/configure/node_modules/slate-dev-environment/lib/slate-dev-environment.js

@@ -0,0 +1,282 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var isBrowser = _interopDefault(require('is-in-browser'));
+
+var slicedToArray = function () {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"]) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  return function (arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
+  };
+}();
+
+/**
+ * Browser matching rules.
+ *
+ * @type {Array}
+ */
+
+var BROWSER_RULES = [['edge', /Edge\/([0-9\._]+)/], ['chrome', /(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9\.]+)(:?\s|$)/], ['firefox', /Firefox\/([0-9\.]+)(?:\s|$)/], ['opera', /Opera\/([0-9\.]+)(?:\s|$)/], ['opera', /OPR\/([0-9\.]+)(:?\s|$)$/], ['ie', /Trident\/7\.0.*rv\:([0-9\.]+)\).*Gecko$/], ['ie', /MSIE\s([0-9\.]+);.*Trident\/[4-7].0/], ['ie', /MSIE\s(7\.0)/], ['android', /Android\s([0-9\.]+)/], ['safari', /Version\/([0-9\._]+).*Safari/]];
+
+var browser = void 0;
+
+if (isBrowser) {
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
+
+  try {
+    for (var _iterator = BROWSER_RULES[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var _ref = _step.value;
+
+      var _ref2 = slicedToArray(_ref, 2);
+
+      var name = _ref2[0];
+      var regexp = _ref2[1];
+
+      if (regexp.test(window.navigator.userAgent)) {
+        browser = name;
+        break;
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
+
+/**
+ * Operating system matching rules.
+ *
+ * @type {Array}
+ */
+
+var OS_RULES = [['ios', /os ([\.\_\d]+) like mac os/i], // must be before the macos rule
+['macos', /mac os x/i], ['android', /android/i], ['firefoxos', /mozilla\/[a-z\.\_\d]+ \((?:mobile)|(?:tablet)/i], ['windows', /windows\s*(?:nt)?\s*([\.\_\d]+)/i]];
+
+var os = void 0;
+
+if (isBrowser) {
+  var _iteratorNormalCompletion2 = true;
+  var _didIteratorError2 = false;
+  var _iteratorError2 = undefined;
+
+  try {
+    for (var _iterator2 = OS_RULES[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+      var _ref3 = _step2.value;
+
+      var _ref4 = slicedToArray(_ref3, 2);
+
+      var _name = _ref4[0];
+      var _regexp = _ref4[1];
+
+      if (_regexp.test(window.navigator.userAgent)) {
+        os = _name;
+        break;
+      }
+    }
+  } catch (err) {
+    _didIteratorError2 = true;
+    _iteratorError2 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion2 && _iterator2.return) {
+        _iterator2.return();
+      }
+    } finally {
+      if (_didIteratorError2) {
+        throw _iteratorError2;
+      }
+    }
+  }
+}
+
+/**
+ * Feature matching rules.
+ *
+ * @type {Array}
+ */
+
+var FEATURE_RULES = [['inputeventslevel1', function (window) {
+  var event = window.InputEvent ? new window.InputEvent('input') : {};
+  var support = 'inputType' in event;
+  return support;
+}], ['inputeventslevel2', function (window) {
+  var element = window.document.createElement('div');
+  element.contentEditable = true;
+  var support = 'onbeforeinput' in element;
+  return support;
+}]];
+
+var features = [];
+
+if (isBrowser) {
+  var _iteratorNormalCompletion3 = true;
+  var _didIteratorError3 = false;
+  var _iteratorError3 = undefined;
+
+  try {
+    for (var _iterator3 = FEATURE_RULES[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+      var _ref5 = _step3.value;
+
+      var _ref6 = slicedToArray(_ref5, 2);
+
+      var _name2 = _ref6[0];
+      var test = _ref6[1];
+
+      if (test(window)) {
+        features.push(_name2);
+      }
+    }
+  } catch (err) {
+    _didIteratorError3 = true;
+    _iteratorError3 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion3 && _iterator3.return) {
+        _iterator3.return();
+      }
+    } finally {
+      if (_didIteratorError3) {
+        throw _iteratorError3;
+      }
+    }
+  }
+}
+
+/**
+ * Array of regular expression matchers and their API version
+ *
+ * @type {Array}
+ */
+
+var ANDROID_API_VERSIONS = [[/^9([.]0|)/, 28], [/^8[.]1/, 27], [/^8([.]0|)/, 26], [/^7[.]1/, 25], [/^7([.]0|)/, 24], [/^6([.]0|)/, 23], [/^5[.]1/, 22], [/^5([.]0|)/, 21], [/^4[.]4/, 20]];
+
+/**
+ * get the Android API version from the userAgent
+ *
+ * @return {number} version
+ */
+
+function getAndroidApiVersion() {
+  if (os !== 'android') return null;
+  var userAgent = window.navigator.userAgent;
+
+  var matchData = userAgent.match(/Android\s([0-9\.]+)/);
+  if (matchData == null) return null;
+  var versionString = matchData[1];
+
+  var _iteratorNormalCompletion4 = true;
+  var _didIteratorError4 = false;
+  var _iteratorError4 = undefined;
+
+  try {
+    for (var _iterator4 = ANDROID_API_VERSIONS[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+      var _ref7 = _step4.value;
+
+      var _ref8 = slicedToArray(_ref7, 2);
+
+      var regex = _ref8[0];
+      var version = _ref8[1];
+
+      if (versionString.match(regex)) return version;
+    }
+  } catch (err) {
+    _didIteratorError4 = true;
+    _iteratorError4 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion4 && _iterator4.return) {
+        _iterator4.return();
+      }
+    } finally {
+      if (_didIteratorError4) {
+        throw _iteratorError4;
+      }
+    }
+  }
+
+  return null;
+}
+
+/**
+ * Export.
+ *
+ * @type {Boolean}
+ */
+
+var IS_CHROME = browser === 'chrome';
+var IS_OPERA = browser === 'opera';
+var IS_FIREFOX = browser === 'firefox';
+var IS_SAFARI = browser === 'safari';
+var IS_IE = browser === 'ie';
+var IS_EDGE = browser === 'edge';
+
+var IS_ANDROID = os === 'android';
+var IS_IOS = os === 'ios';
+var IS_MAC = os === 'macos';
+var IS_WINDOWS = os === 'windows';
+
+var ANDROID_API_VERSION = getAndroidApiVersion();
+
+var HAS_INPUT_EVENTS_LEVEL_1 = features.includes('inputeventslevel1');
+var HAS_INPUT_EVENTS_LEVEL_2 = features.includes('inputeventslevel2') || IS_ANDROID && (ANDROID_API_VERSION === 28 || ANDROID_API_VERSION === null);
+
+exports.IS_CHROME = IS_CHROME;
+exports.IS_OPERA = IS_OPERA;
+exports.IS_FIREFOX = IS_FIREFOX;
+exports.IS_SAFARI = IS_SAFARI;
+exports.IS_IE = IS_IE;
+exports.IS_EDGE = IS_EDGE;
+exports.IS_ANDROID = IS_ANDROID;
+exports.IS_IOS = IS_IOS;
+exports.IS_MAC = IS_MAC;
+exports.IS_WINDOWS = IS_WINDOWS;
+exports.ANDROID_API_VERSION = ANDROID_API_VERSION;
+exports.HAS_INPUT_EVENTS_LEVEL_1 = HAS_INPUT_EVENTS_LEVEL_1;
+exports.HAS_INPUT_EVENTS_LEVEL_2 = HAS_INPUT_EVENTS_LEVEL_2;
+//# sourceMappingURL=slate-dev-environment.js.map

package/configure/node_modules/@pie-element/rubric/configure/node_modules/slate-dev-environment/lib/slate-dev-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slate-dev-environment.js","sources":["../src/index.js"],"sourcesContent":["import isBrowser from 'is-in-browser'\n\n/**\n * Browser matching rules.\n *\n * @type {Array}\n */\n\nconst BROWSER_RULES = [\n  ['edge', /Edge\\/([0-9\\._]+)/],\n  ['chrome', /(?!Chrom.*OPR)Chrom(?:e|ium)\\/([0-9\\.]+)(:?\\s|$)/],\n  ['firefox', /Firefox\\/([0-9\\.]+)(?:\\s|$)/],\n  ['opera', /Opera\\/([0-9\\.]+)(?:\\s|$)/],\n  ['opera', /OPR\\/([0-9\\.]+)(:?\\s|$)$/],\n  ['ie', /Trident\\/7\\.0.*rv\\:([0-9\\.]+)\\).*Gecko$/],\n  ['ie', /MSIE\\s([0-9\\.]+);.*Trident\\/[4-7].0/],\n  ['ie', /MSIE\\s(7\\.0)/],\n  ['android', /Android\\s([0-9\\.]+)/],\n  ['safari', /Version\\/([0-9\\._]+).*Safari/],\n]\n\nlet browser\n\nif (isBrowser) {\n  for (const [name, regexp] of BROWSER_RULES) {\n    if (regexp.test(window.navigator.userAgent)) {\n      browser = name\n      break\n    }\n  }\n}\n\n/**\n * Operating system matching rules.\n *\n * @type {Array}\n */\n\nconst OS_RULES = [\n  ['ios', /os ([\\.\\_\\d]+) like mac os/i], // must be before the macos rule\n  ['macos', /mac os x/i],\n  ['android', /android/i],\n  ['firefoxos', /mozilla\\/[a-z\\.\\_\\d]+ \\((?:mobile)|(?:tablet)/i],\n  ['windows', /windows\\s*(?:nt)?\\s*([\\.\\_\\d]+)/i],\n]\n\nlet os\n\nif (isBrowser) {\n  for (const [name, regexp] of OS_RULES) {\n    if (regexp.test(window.navigator.userAgent)) {\n      os = name\n      break\n    }\n  }\n}\n\n/**\n * Feature matching rules.\n *\n * @type {Array}\n */\n\nconst FEATURE_RULES = [\n  [\n    'inputeventslevel1',\n    window => {\n      const event = window.InputEvent ? new window.InputEvent('input') : {}\n      const support = 'inputType' in event\n      return support\n    },\n  ],\n  [\n    'inputeventslevel2',\n    window => {\n      const element = window.document.createElement('div')\n      element.contentEditable = true\n      const support = 'onbeforeinput' in element\n      return support\n    },\n  ],\n]\n\nconst features = []\n\nif (isBrowser) {\n  for (const [name, test] of FEATURE_RULES) {\n    if (test(window)) {\n      features.push(name)\n    }\n  }\n}\n\n/**\n * Array of regular expression matchers and their API version\n *\n * @type {Array}\n */\n\nconst ANDROID_API_VERSIONS = [\n  [/^9([.]0|)/, 28],\n  [/^8[.]1/, 27],\n  [/^8([.]0|)/, 26],\n  [/^7[.]1/, 25],\n  [/^7([.]0|)/, 24],\n  [/^6([.]0|)/, 23],\n  [/^5[.]1/, 22],\n  [/^5([.]0|)/, 21],\n  [/^4[.]4/, 20],\n]\n\n/**\n * get the Android API version from the userAgent\n *\n * @return {number} version\n */\n\nfunction getAndroidApiVersion() {\n  if (os !== 'android') return null\n  const { userAgent } = window.navigator\n  const matchData = userAgent.match(/Android\\s([0-9\\.]+)/)\n  if (matchData == null) return null\n  const versionString = matchData[1]\n\n  for (const [regex, version] of ANDROID_API_VERSIONS) {\n    if (versionString.match(regex)) return version\n  }\n  return null\n}\n\n/**\n * Export.\n *\n * @type {Boolean}\n */\n\nexport const IS_CHROME = browser === 'chrome'\nexport const IS_OPERA = browser === 'opera'\nexport const IS_FIREFOX = browser === 'firefox'\nexport const IS_SAFARI = browser === 'safari'\nexport const IS_IE = browser === 'ie'\nexport const IS_EDGE = browser === 'edge'\n\nexport const IS_ANDROID = os === 'android'\nexport const IS_IOS = os === 'ios'\nexport const IS_MAC = os === 'macos'\nexport const IS_WINDOWS = os === 'windows'\n\nexport const ANDROID_API_VERSION = getAndroidApiVersion()\n\nexport const HAS_INPUT_EVENTS_LEVEL_1 = features.includes('inputeventslevel1')\nexport const HAS_INPUT_EVENTS_LEVEL_2 =\n  features.includes('inputeventslevel2') ||\n  (IS_ANDROID && (ANDROID_API_VERSION === 28 || ANDROID_API_VERSION === null))\n"],"names":["BROWSER_RULES","browser","isBrowser","name","regexp","test","window","navigator","userAgent","OS_RULES","os","FEATURE_RULES","event","InputEvent","support","element","document","createElement","contentEditable","features","push","ANDROID_API_VERSIONS","getAndroidApiVersion","matchData","match","versionString","regex","version","IS_CHROME","IS_OPERA","IS_FIREFOX","IS_SAFARI","IS_IE","IS_EDGE","IS_ANDROID","IS_IOS","IS_MAC","IS_WINDOWS","ANDROID_API_VERSION","HAS_INPUT_EVENTS_LEVEL_1","includes","HAS_INPUT_EVENTS_LEVEL_2"],"mappings":"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"}

package/configure/node_modules/@pie-element/rubric/configure/node_modules/slate-dev-environment/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "slate-dev-environment",
+  "description": "INTERNAL: A set of environment-related constants for Slate's core.",
+  "version": "0.2.5",
+  "license": "MIT",
+  "repository": "git://github.com/ianstormtaylor/slate.git",
+  "main": "lib/slate-dev-environment.js",
+  "module": "lib/slate-dev-environment.es.js",
+  "umd": "dist/slate-dev-environment.js",
+  "umdMin": "dist/slate-dev-environment.min.js",
+  "files": [
+    "dist/",
+    "lib/"
+  ],
+  "dependencies": {
+    "is-in-browser": "^1.1.3"
+  },
+  "scripts": {
+    "clean": "rimraf ./dist ./lib ./node_modules"
+  }
+}

package/configure/node_modules/@pie-element/rubric/configure/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@pie-element/rubric-configure",
+  "private": true,
+  "version": "11.0.5-esm.1",
+  "description": "Rubric authoring view",
+  "main": "lib/index.js",
+  "author": "Pie Framework Authors",
+  "dependencies": {
+    "@material-ui/core": "^3.9.2",
+    "@pie-framework/pie-configure-events": "^1.3.0",
+    "@pie-lib/config-ui": "^11.26.3",
+    "@pie-lib/editable-html": "^11.18.3",
+    "@pie-lib/render-ui": "^4.32.3",
+    "debug": "^4.1.1",
+    "react": "^16.8.6",
+    "react-beautiful-dnd": "^11.0.2",
+    "react-dom": "^16.8.6"
+  },
+  "license": "ISC"
+}

package/configure/node_modules/@pie-element/rubric/configure/src/__tests__/index.test.jsx

@@ -0,0 +1,178 @@
+import RubricElement from '../index';
+import defaults from '../defaults';
+import { ModelUpdatedEvent, InsertSoundEvent, DeleteSoundEvent } from '@pie-framework/pie-configure-events';
+import React from 'react';
+
+jest.mock('react-dom', () => ({
+  render: 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;
+
+  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/node_modules/@pie-element/rubric/configure/src/defaults.js

@@ -0,0 +1,42 @@
+export default {
+  model: {
+    points: ['', '', '', ''],
+    sampleAnswers: [null, null, null, null],
+    maxPoints: 3,
+    excludeZero: false,
+    excludeZeroEnabled: true,
+    maxPointsEnabled: true,
+  },
+  configuration: {
+    baseInputConfiguration: {
+      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,
+  },
+};

package/configure/node_modules/@pie-element/rubric/configure/src/index.js

@@ -0,0 +1,129 @@
+import { ModelUpdatedEvent, InsertImageEvent, DeleteImageEvent } from '@pie-framework/pie-configure-events';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import debug from 'debug';
+
+import Main from './main';
+import defaults from './defaults';
+
+const modelWithDefaults = (m) => ({ ...defaults.model, ...m });
+
+const configurationWithDefaults = (c) => ({ ...defaults.configuration, ...c });
+
+export default class RubricElement extends HTMLElement {
+  constructor() {
+    super();
+    debug.log('constructor called');
+    this._model = modelWithDefaults();
+    this._configuration = configurationWithDefaults();
+    this.onModelChanged = this.onModelChanged.bind(this);
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(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;
+  };
+
+  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 ModelUpdatedEvent(this._model, false));
+  }
+
+  onConfigurationChanged = (c) => {
+    this._configuration = configurationWithDefaults(c);
+
+    if (this._model) {
+      this.onModelChanged(this._model);
+    }
+
+    this._render();
+  };
+
+  insertImage(handler) {
+    this.dispatchEvent(new InsertImageEvent(handler));
+  }
+
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new DeleteImageEvent(src, done));
+  }
+
+  connectedCallback() {
+    this._render();
+  }
+
+  _render() {
+    if (this._model) {
+      let element = React.createElement(Main, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        imageSupport: {
+          add: this.insertImage.bind(this),
+          delete: this.onDeleteImage.bind(this),
+        },
+      });
+
+      ReactDOM.render(element, this);
+    }
+  }
+}