@pie-element/rubric 3.8.2-next.7 → 3.8.3-next.10

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.8.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@3.8.1...@pie-element/rubric@3.8.2) (2024-04-18)
+
+
+### Bug Fixes
+
+* **complex-rubric:** added imageSupport to fix missing image setting from editable-html ([4a40858](https://github.com/pie-framework/pie-elements/commit/4a408580d012d27bf333f117308483b4854e2b20))
+
+
+
+
+
 ## [3.8.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric@3.8.0...@pie-element/rubric@3.8.1) (2024-04-01)
 
 **Note:** Version bump only for package @pie-element/rubric

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@3.7.1...@pie-element/rubric-configure@3.7.2) (2024-04-18)
+
+
+### Bug Fixes
+
+* **complex-rubric:** added imageSupport to fix missing image setting from editable-html ([4a40858](https://github.com/pie-framework/pie-elements/commit/4a408580d012d27bf333f117308483b4854e2b20))
+
+
+
+
+
 ## [3.7.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/rubric-configure@3.7.0...@pie-element/rubric-configure@3.7.1) (2024-04-01)
 
 **Note:** Version bump only for package @pie-element/rubric-configure

package/configure/lib/index.js

@@ -63,14 +63,21 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
 
     (0, _classCallCheck2["default"])(this, RubricElement);
     _this = _super.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "validateModel", function (nextModel) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateModelAccordingToReceivedProps", function (nextModel) {
       var currentModel = _objectSpread({}, _this._model);
 
+      if (!nextModel) {
+        return currentModel;
+      }
+
       var validatedModel = nextModel;
-      var maxPoints = validatedModel.maxPoints,
-          excludeZero = validatedModel.excludeZero;
-      validatedModel.points = (0, _toConsumableArray2["default"])(validatedModel.points);
-      validatedModel.sampleAnswers = (0, _toConsumableArray2["default"])(validatedModel.sampleAnswers);
+
+      var _ref = validatedModel || {},
+          maxPoints = _ref.maxPoints,
+          excludeZero = _ref.excludeZero;
+
+      validatedModel.points = validatedModel.points ? (0, _toConsumableArray2["default"])(validatedModel.points) : [];
+      validatedModel.sampleAnswers = validatedModel.sampleAnswers ? (0, _toConsumableArray2["default"])(validatedModel.sampleAnswers) : [];
       var howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;
       var howManyPointsDoesItHave = validatedModel.points.length;
       var excludeZeroChanged = (currentModel === null || currentModel === void 0 ? void 0 : currentModel.excludeZero) !== (nextModel === null || nextModel === void 0 ? void 0 : nextModel.excludeZero);
@@ -88,11 +95,7 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
             validatedModel.sampleAnswers.push(null);
           }
         }
-
-        return validatedModel;
-      }
-
-      if (howManyPointsDoesItHave > howManyPointsShouldHave) {
+      } else if (howManyPointsDoesItHave > howManyPointsShouldHave) {
         if (excludeZeroChanged && excludeZero) {
           validatedModel.points = validatedModel.points.slice(1);
           validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);
@@ -128,7 +131,7 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
   (0, _createClass2["default"])(RubricElement, [{
     key: "model",
     set: function set(m) {
-      this._model = this.validateModel(modelWithDefaults(m));
+      this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));
 
       this._render();
     }
@@ -142,12 +145,22 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "onModelChanged",
     value: function onModelChanged(m) {
-      this._model = this.validateModel(m);
+      this._model = this.updateModelAccordingToReceivedProps(m);
 
       this._render();
 
       this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
     }
+  }, {
+    key: "insertImage",
+    value: function insertImage(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    }
+  }, {
+    key: "onDeleteImage",
+    value: function onDeleteImage(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    }
   }, {
     key: "connectedCallback",
     value: function connectedCallback() {
@@ -163,7 +176,11 @@ var RubricElement = /*#__PURE__*/function (_HTMLElement) {
           model: this._model,
           configuration: this._configuration,
           onModelChanged: this.onModelChanged,
-          onConfigurationChanged: this.onConfigurationChanged
+          onConfigurationChanged: this.onConfigurationChanged,
+          imageSupport: {
+            add: this.insertImage.bind(this),
+            "delete": this.onDeleteImage.bind(this)
+          }
         });
 
         _reactDom["default"].render(element, this);

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["modelWithDefaults","m","defaults","model","configurationWithDefaults","c","configuration","RubricElement","nextModel","currentModel","_model","validatedModel","maxPoints","excludeZero","points","sampleAnswers","howManyPointsShouldHave","howManyPointsDoesItHave","length","excludeZeroChanged","maxPointsChanged","i","push","slice","_configuration","onModelChanged","_render","debug","log","bind","onConfigurationChanged","validateModel","dispatchEvent","ModelUpdatedEvent","console","element","React","createElement","Main","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import {ModelUpdatedEvent} from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Main from './main';\nimport defaults from './defaults';\n\nconst modelWithDefaults = (m) => ({...defaults.model, ...m});\nconst configurationWithDefaults = (c) => ({...defaults.configuration, ...c});\n\nexport default class RubricElement extends HTMLElement {\n\n\n    constructor() {\n        super();\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    validateModel = (nextModel) => {\n        const currentModel = {...this._model};\n        const validatedModel = nextModel;\n        const {maxPoints, excludeZero} = validatedModel;\n\n        validatedModel.points = [...validatedModel.points];\n        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            if (maxPointsChanged) {\n                for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {\n                    validatedModel.points.push('');\n                    validatedModel.sampleAnswers.push(null);\n                }\n            }\n\n            return validatedModel;\n        }\n\n        if (howManyPointsDoesItHave > howManyPointsShouldHave) {\n            if (excludeZeroChanged && excludeZero) {\n                validatedModel.points = validatedModel.points.slice(1);\n                validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);\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.validateModel(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.validateModel(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    connectedCallback() {\n        this._render();\n    }\n\n    _render() {\n        console.log('THE MODEL', this._model);\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            });\n\n            ReactDOM.render(element, this);\n        }\n    }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["modelWithDefaults","m","defaults","model","configurationWithDefaults","c","configuration","RubricElement","nextModel","currentModel","_model","validatedModel","maxPoints","excludeZero","points","sampleAnswers","howManyPointsShouldHave","howManyPointsDoesItHave","length","excludeZeroChanged","maxPointsChanged","i","push","slice","_configuration","onModelChanged","_render","debug","log","bind","onConfigurationChanged","updateModelAccordingToReceivedProps","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","console","element","React","createElement","Main","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import {\n    ModelUpdatedEvent,\n    InsertImageEvent,\n    DeleteImageEvent\n} from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Main from './main';\nimport defaults from './defaults';\n\nconst modelWithDefaults = (m) => ({...defaults.model, ...m});\nconst configurationWithDefaults = (c) => ({...defaults.configuration, ...c});\n\nexport default class RubricElement extends HTMLElement {\n\n\n    constructor() {\n        super();\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        if (!nextModel) {\n            return currentModel;\n        }\n\n        const validatedModel = nextModel;\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            if (maxPointsChanged) {\n                for (let i = 0; i < howManyPointsShouldHave - howManyPointsDoesItHave; i++) {\n                    validatedModel.points.push('');\n                    validatedModel.sampleAnswers.push(null);\n                }\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            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        console.log('THE MODEL', this._model);\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            ReactDOM.render(element, this);\n        }\n    }\n}\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -90,7 +90,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           model = _ref3.model,
           configuration = _ref3.configuration,
           onConfigurationChanged = _ref3.onConfigurationChanged,
-          onModelChanged = _ref3.onModelChanged;
+          onModelChanged = _ref3.onModelChanged,
+          imageSupport = _ref3.imageSupport;
 
       var _ref4 = configuration || {},
           _ref4$baseInputConfig = _ref4.baseInputConfiguration,
@@ -132,7 +133,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           pluginOpts: getPluginProps(rubriclessInstruction === null || rubriclessInstruction === void 0 ? void 0 : rubriclessInstruction.inputConfiguration),
           groups: {
             Properties: panelProperties
-          }
+          },
+          imageSupport: imageSupport
         })
       }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
@@ -144,7 +146,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
         onChange: onModelChanged,
         mathMlOptions: mathMlOptions,
         rubricless: rubricless,
-        pluginOpts: baseInputConfiguration
+        pluginOpts: baseInputConfiguration,
+        imageSupport: imageSupport
       })));
     }
   }]);

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","styles","theme","design","fontFamily","fontSize","typography","Main","m","config","rubricless","points","sampleAnswers","rest","props","model","configuration","onConfigurationChanged","onModelChanged","baseInputConfiguration","contentDimensions","settingsPanelDisabled","showExcludeZero","showMaxPoint","mathMlOptions","rubriclessInstruction","width","value","verifyRubriclessModel","panelProperties","excludeZeroEnabled","label","maxPointsEnabled","rubriclessInstructionEnabled","getPluginProps","Object","assign","inputConfiguration","Properties","maxWidth","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Authoring } from './pie-toolbox-rubric/index';\nimport { withStyles } from '@material-ui/core/styles';\nimport { layout, settings } from '@pie-lib/pie-toolbox/config-ui';\n\nconst { Panel, toggle } = settings;\n\nconst styles = (theme) => ({\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize,\n  },\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 } = 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\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        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          />\n        }\n      >\n        <div style={{ maxWidth: width }}>\n          <Authoring\n            value={value}\n            config={configuration}\n            onChange={onModelChanged}\n            mathMlOptions={mathMlOptions}\n            rubricless={rubricless}\n            pluginOpts={baseInputConfiguration}\n          />\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","styles","theme","design","fontFamily","fontSize","typography","Main","m","config","rubricless","points","sampleAnswers","rest","props","model","configuration","onConfigurationChanged","onModelChanged","imageSupport","baseInputConfiguration","contentDimensions","settingsPanelDisabled","showExcludeZero","showMaxPoint","mathMlOptions","rubriclessInstruction","width","value","verifyRubriclessModel","panelProperties","excludeZeroEnabled","label","maxPointsEnabled","rubriclessInstructionEnabled","getPluginProps","Object","assign","inputConfiguration","Properties","maxWidth","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Authoring } from './pie-toolbox-rubric/index';\nimport { withStyles } from '@material-ui/core/styles';\nimport { layout, settings } from '@pie-lib/pie-toolbox/config-ui';\n\nconst { Panel, toggle } = settings;\n\nconst styles = (theme) => ({\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize,\n  },\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\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        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      >\n        <div style={{ maxWidth: 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        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/configure/lib/pie-toolbox-rubric/authoring.js

@@ -185,7 +185,9 @@ var PointConfig = (0, _styles.withStyles)(function (theme) {
       error = props.error,
       _props$pluginOpts = props.pluginOpts,
       pluginOpts = _props$pluginOpts === void 0 ? {} : _props$pluginOpts,
-      excludeZero = props.excludeZero;
+      excludeZero = props.excludeZero,
+      _props$imageSupport = props.imageSupport,
+      imageSupport = _props$imageSupport === void 0 ? {} : _props$imageSupport;
   var pointsCount = excludeZero ? points + 1 : points;
   var pointsLabel = "".concat(pointsCount, " ").concat(pointsCount <= 1 ? 'pt' : 'pts');
   var showSampleAnswer = checkSampleAnswer(sampleAnswer);
@@ -204,7 +206,8 @@ var PointConfig = (0, _styles.withStyles)(function (theme) {
     pluginProps: pluginOpts,
     markup: content,
     onChange: props.onChange,
-    mathMlOptions: mathMlOptions
+    mathMlOptions: mathMlOptions,
+    imageSupport: imageSupport
   }), /*#__PURE__*/_react["default"].createElement(_pointMenu["default"], {
     classes: {
       icon: classes.pointMenu
@@ -223,7 +226,8 @@ var PointConfig = (0, _styles.withStyles)(function (theme) {
     markup: sampleAnswer,
     pluginProps: pluginOpts,
     onChange: props.onSampleChange,
-    mathMlOptions: mathMlOptions
+    mathMlOptions: mathMlOptions,
+    imageSupport: imageSupport
   })));
 });
 exports.PointConfig = PointConfig;
@@ -331,7 +335,9 @@ var RawAuthoring = /*#__PURE__*/function (_React$Component) {
           _this$props6$rubricle = _this$props6.rubricless,
           rubricless = _this$props6$rubricle === void 0 ? false : _this$props6$rubricle,
           _this$props6$pluginOp = _this$props6.pluginOpts,
-          pluginOpts = _this$props6$pluginOp === void 0 ? {} : _this$props6$pluginOp;
+          pluginOpts = _this$props6$pluginOp === void 0 ? {} : _this$props6$pluginOp,
+          _this$props6$imageSup = _this$props6.imageSupport,
+          imageSupport = _this$props6$imageSup === void 0 ? {} : _this$props6$imageSup;
 
       var _ref = value || {},
           _ref$excludeZeroEnabl = _ref.excludeZeroEnabled,
@@ -373,7 +379,8 @@ var RawAuthoring = /*#__PURE__*/function (_React$Component) {
         max: maxMaxPoints < 100 ? maxMaxPoints : 100,
         value: maxPointsValue,
         onChange: this.changeMaxPoints,
-        pluginOpts: pluginOpts
+        pluginOpts: pluginOpts,
+        imageSupport: imageSupport
       }), excludeZeroEnabled && /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
         label: "Exclude zeros",
         control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
@@ -395,7 +402,8 @@ var RawAuthoring = /*#__PURE__*/function (_React$Component) {
         }, {
           language: 'special'
         }],
-        mathMlOptions: mathMlOptions
+        mathMlOptions: mathMlOptions,
+        imageSupport: imageSupport
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: rubricless ? classes.rubricless : classes.container
       }, /*#__PURE__*/_react["default"].createElement(_reactBeautifulDnd.DragDropContext, {
@@ -430,6 +438,7 @@ var RawAuthoring = /*#__PURE__*/function (_React$Component) {
               },
               mathMlOptions: mathMlOptions,
               pluginOpts: pluginOpts,
+              imageSupport: imageSupport,
               excludeZero: value.excludeZero
             }));
           });
@@ -448,7 +457,11 @@ exports.RawAuthoring = RawAuthoring;
   config: _propTypes["default"].object,
   pluginOpts: _propTypes["default"].object,
   rubricless: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func
+  onChange: _propTypes["default"].func,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
 });
 (0, _defineProperty2["default"])(RawAuthoring, "defaultProps", {});
 
@@ -490,7 +503,9 @@ var Reverse = function Reverse(props) {
       _ref4$config = _ref4.config,
       config = _ref4$config === void 0 ? {} : _ref4$config,
       _ref4$pluginOpts = _ref4.pluginOpts,
-      pluginOpts = _ref4$pluginOpts === void 0 ? {} : _ref4$pluginOpts;
+      pluginOpts = _ref4$pluginOpts === void 0 ? {} : _ref4$pluginOpts,
+      _ref4$imageSupport = _ref4.imageSupport,
+      imageSupport = _ref4$imageSupport === void 0 ? {} : _ref4$imageSupport;
 
   var points = Array.from(props.value.points || []).reverse();
   var sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();
@@ -518,7 +533,8 @@ var Reverse = function Reverse(props) {
     config: config,
     onChange: onChange,
     rubricless: rubricless,
-    pluginOpts: pluginOpts
+    pluginOpts: pluginOpts,
+    imageSupport: imageSupport
   });
 };
 
@@ -528,7 +544,11 @@ Reverse.propTypes = {
   pluginOpts: _propTypes["default"].object,
   rubricless: _propTypes["default"].bool,
   getIndex: _propTypes["default"].func,
-  onChange: _propTypes["default"].func
+  onChange: _propTypes["default"].func,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
 };
 var _default = Reverse;
 exports["default"] = _default;

package/configure/lib/pie-toolbox-rubric/authoring.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pie-toolbox-rubric/authoring.jsx"],"names":["log","reorder","list","startIndex","endIndex","result","Array","from","splice","removed","RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","maxPoints","number","rubriclessInstruction","MaxPoints","theme","formControl","minWidth","margin","spacing","unit","props","value","onChange","max","classes","e","target","map","v","checkSampleAnswer","sampleAnswer","PointConfig","pointConfig","row","display","width","position","editor","backgroundColor","palette","common","white","dragIndicator","paddingTop","color","grey","pointsLabel","paddingBottom","textTransform","sampleAnswersEditor","paddingLeft","pointMenu","right","errorText","fontSize","typography","error","main","content","mathMlOptions","pluginOpts","pointsCount","showSampleAnswer","icon","onMenuChange","onSampleChange","RawAuthoring","destination","source","index","input","type","items","clickedItem","changeContent","className","config","rubricless","excludeZeroEnabled","maxPointsEnabled","errors","rubriclessInstructionEnabled","maxMaxPoints","pointsDescriptorsErrors","Number","isFinite","console","warn","maxPointsValue","rubricTitle","changeMaxPoints","excludeZeros","label","inputContainer","changeRubriclessInstruction","language","container","dragEnd","provided","droppableProps","innerRef","p","toString","configHolder","draggableProps","dragHandleProps","length","onPointMenuChange","placeholder","React","Component","object","isRequired","func","styles","borderWidth","borderStyle","borderColor","padding","marginBottom","StyledRawAuthoring","Reverse","reverse","concat","propTypes","getIndex"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport FormControl from '@material-ui/core/FormControl';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport times from 'lodash/times';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport grey from '@material-ui/core/colors/grey';\nimport Typography from '@material-ui/core/Typography';\nimport DragIndicator from '@material-ui/icons/DragIndicator';\nimport EditableHtml from '@pie-lib/pie-toolbox/editable-html';\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\nimport debug from 'debug';\nimport takeRight from 'lodash/takeRight';\nimport PointMenu from './point-menu';\n\nimport range from 'lodash/range';\nimport { InputContainer } from '@pie-lib/pie-toolbox/config-ui';\n\nconst log = debug('pie-lib:rubric:authoring');\n\nconst reorder = (list, startIndex, endIndex) => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n\n  result.splice(endIndex, 0, removed);\n\n  return result;\n};\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  maxPoints: PropTypes.number,\n  rubriclessInstruction: PropTypes.string,\n});\n\nconst MaxPoints = withStyles((theme) => ({\n  formControl: {\n    minWidth: '120px',\n    margin: theme.spacing.unit,\n  },\n}))((props) => {\n  const { value, onChange, max, classes } = props;\n\n  return (\n    <FormControl className={classes.formControl} variant=\"outlined\">\n      <InputLabel width={100} htmlFor=\"...\">\n        Max Points\n      </InputLabel>\n      <Select value={value} onChange={(e) => onChange(e.target.value)} input={<OutlinedInput labelWidth={80} />}>\n        {range(1, max + 1).map((v) => (\n          <MenuItem key={`${v}`} value={v}>\n            {v}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n});\n\n// if the value is null or 'null', the Sample Answer input field for that point will not be dispalyed\n// if the value is '', the Sample Answer input field will be empty\nconst checkSampleAnswer = (sampleAnswer) => sampleAnswer === null || sampleAnswer === 'null';\n\nexport const PointConfig = withStyles((theme) => ({\n  pointConfig: {},\n  row: {\n    display: 'flex',\n    width: '100%',\n    position: 'relative',\n  },\n  editor: {\n    width: '100%',\n    backgroundColor: `${theme.palette.common.white} !important`,\n  },\n  dragIndicator: {\n    paddingTop: theme.spacing.unit,\n    color: grey[500],\n  },\n  pointsLabel: {\n    color: grey[500],\n    paddingBottom: theme.spacing.unit,\n    textTransform: 'uppercase',\n  },\n  sampleAnswersEditor: {\n    paddingLeft: theme.spacing.unit * 3,\n  },\n  pointMenu: {\n    position: 'absolute',\n    right: 0,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingLeft: theme.spacing.unit * 3,\n    paddingTop: theme.spacing.unit,\n  },\n}))((props) => {\n  const { points, content, classes, sampleAnswer, mathMlOptions = {}, error, pluginOpts = {}, excludeZero } = props;\n  const pointsCount = excludeZero ? points + 1 : points;\n  const pointsLabel = `${pointsCount} ${pointsCount <= 1 ? 'pt' : 'pts'}`;\n  const showSampleAnswer = checkSampleAnswer(sampleAnswer);\n\n  return (\n    <div className={classes.pointConfig}>\n      <Typography variant=\"overline\" className={classes.pointsLabel}>\n        {pointsLabel}\n      </Typography>\n\n      <div className={classes.row}>\n        <DragIndicator className={classes.dragIndicator} />\n        <EditableHtml\n          className={classes.editor}\n          error={error}\n          pluginProps={pluginOpts}\n          markup={content}\n          onChange={props.onChange}\n          mathMlOptions={mathMlOptions}\n        />\n        <PointMenu\n          classes={{\n            icon: classes.pointMenu,\n          }}\n          showSampleAnswer={showSampleAnswer}\n          onChange={props.onMenuChange}\n        />\n      </div>\n      {error && <div className={classes.errorText}>{error}</div>}\n      {!showSampleAnswer && (\n        <div className={classes.sampleAnswersEditor}>\n          <Typography variant=\"overline\" className={classes.dragIndicator}>\n            Sample Response\n          </Typography>\n          <EditableHtml\n            className={classes.editor}\n            markup={sampleAnswer}\n            pluginProps={pluginOpts}\n            onChange={props.onSampleChange}\n            mathMlOptions={mathMlOptions}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport class RawAuthoring extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    value: RubricType,\n    config: PropTypes.object,\n    pluginOpts: PropTypes.object,\n    rubricless: PropTypes.bool,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {};\n\n  dragEnd = (result) => {\n    if (!result.destination) {\n      return;\n    }\n\n    const { value, onChange } = this.props;\n\n    const points = reorder(value.points, result.source.index, result.destination.index);\n    const sampleAnswers = reorder(value.sampleAnswers, result.source.index, result.destination.index);\n\n    onChange({ ...value, points, sampleAnswers });\n  };\n\n  changeRubriclessInstruction = (input) => {\n    const { value, onChange } = this.props;\n    onChange({ ...value, rubriclessInstruction: input });\n  };\n\n  changeMaxPoints = (maxPoints) => {\n    const { value, onChange } = this.props;\n\n    onChange({ ...value, maxPoints });\n  };\n\n  changeContent = (index, content, type) => {\n    // type could be 'points' or 'sampleAnswers'\n    log(`changeModel[${type}]:`, index, content);\n\n    if (type !== 'points' && type !== 'sampleAnswers') {\n      return;\n    }\n\n    const { value, onChange } = this.props;\n    const items = value[type] && Array.from(value[type]);\n\n    items.splice(index, 1, content);\n    log(`changeModel[${type}]:`, items);\n\n    onChange({ ...value, [type]: items });\n  };\n\n  excludeZeros = () => {\n    const { value, onChange } = this.props;\n\n    onChange({ ...value, excludeZero: !value.excludeZero });\n  };\n\n  onPointMenuChange = (index, clickedItem) => {\n    if (clickedItem === 'sample') {\n      const { value } = this.props;\n      const sampleAnswers = Array.from(value.sampleAnswers || []);\n\n      if (checkSampleAnswer(sampleAnswers[index])) {\n        // an empty string will display an empty Sample Answer input field\n        this.changeContent(index, '', 'sampleAnswers');\n      } else {\n        // when the content is null or 'null', the Sample Answer input field will not be displayed\n        this.changeContent(index, null, 'sampleAnswers');\n      }\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      value,\n      mathMlOptions = {},\n      config = {},\n      rubricless = false,\n      pluginOpts = {},\n    } = this.props;\n    let {\n      excludeZeroEnabled = true,\n      maxPointsEnabled = true,\n      errors = {},\n      rubriclessInstructionEnabled = false,\n      maxPoints = 10,\n    } = value || {};\n    // rubric will contain a max value for maxPoints\n    const { rubriclessInstruction = {}, maxMaxPoints = 10 } = config || {};\n    const { pointsDescriptorsErrors } = errors || {};\n    if (value && Number.isFinite(value.maxPoints)) {\n      // eslint-disable-next-line no-console\n      console.warn('maxPoints is deprecated - remove from model');\n    }\n\n    // for rubric value is computed based on points\n    const maxPointsValue = maxPoints;\n\n    return (\n      <div className={classNames(classes.class, className)}>\n        <Typography variant=\"h5\" className={classes.rubricTitle}>\n          Rubric\n        </Typography>\n        <FormGroup row>\n          {maxPointsEnabled && (\n            <MaxPoints\n              max={maxMaxPoints < 100 ? maxMaxPoints : 100}\n              value={maxPointsValue}\n              onChange={this.changeMaxPoints}\n              pluginOpts={pluginOpts}\n            />\n          )}\n          {excludeZeroEnabled && (\n            <FormControlLabel\n              label=\"Exclude zeros\"\n              control={<Checkbox checked={value.excludeZero} onChange={this.excludeZeros} />}\n            />\n          )}\n        </FormGroup>\n\n        {rubriclessInstructionEnabled && rubricless && (\n          <InputContainer label={rubriclessInstruction.label} className={classes.inputContainer}>\n            <EditableHtml\n              className={classes.input}\n              markup={value.rubriclessInstruction || ''}\n              onChange={this.changeRubriclessInstruction}\n              pluginProps={pluginOpts}\n              nonEmpty={false}\n              disableUnderline\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n            />\n          </InputContainer>\n        )}\n\n        <div className={rubricless ? classes.rubricless : classes.container}>\n          <DragDropContext onDragEnd={this.dragEnd}>\n            <Droppable droppableId=\"droppable\">\n              {(provided) => (\n                <div {...provided.droppableProps} ref={provided.innerRef}>\n                  {value.points.map(\n                    (p, index) => {\n                      return                         (\n                          <Draggable key={`${p.points}-${index}`} index={index} draggableId={index.toString()}>\n                            {(provided) => (\n                                <div\n                                    className={classes.configHolder}\n                                    ref={provided.innerRef}\n                                    {...provided.draggableProps}\n                                    {...provided.dragHandleProps}\n                                >\n                                  <PointConfig\n                                      points={value.points.length - 1 - index}\n                                      content={p}\n                                      error={\n                                          pointsDescriptorsErrors && pointsDescriptorsErrors[value.points.length - 1 - index]\n                                      }\n                                      sampleAnswer={value.sampleAnswers && value.sampleAnswers[index]}\n                                      onChange={(content) => this.changeContent(index, content, 'points')}\n                                      onSampleChange={(content) => this.changeContent(index, content, 'sampleAnswers')}\n                                      onMenuChange={(clickedItem) => this.onPointMenuChange(index, clickedItem)}\n                                      mathMlOptions={mathMlOptions}\n                                      pluginOpts={pluginOpts}\n                                      excludeZero={value.excludeZero}\n                                  />\n                                </div>\n                            )}\n                          </Draggable>\n                      );\n                    },\n                  )}\n                  {provided.placeholder}\n                </div>\n              )}\n            </Droppable>\n          </DragDropContext>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  container: {\n    backgroundColor: grey[200],\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: grey[300],\n    padding: theme.spacing.unit * 2,\n    margin: theme.spacing.unit,\n  },\n  inputContainer: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  rubricless: {\n    display: 'none',\n  },\n  configHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n  },\n  rubricTitle: {\n    paddingLeft: theme.spacing.unit,\n    margin: theme.spacing.unit,\n  },\n});\n\nconst StyledRawAuthoring = withStyles(styles)(RawAuthoring);\n\nconst Reverse = (props) => {\n  const { rubricless = false, config = {}, pluginOpts = {} } = props || {};\n  const points = Array.from(props.value.points || []).reverse();\n  let sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();\n\n  if (points.length > sampleAnswers.length) {\n    sampleAnswers = times(points.length - sampleAnswers.length)\n      .map(() => null)\n      .concat(sampleAnswers);\n  }\n\n  const value = { ...props.value, points, sampleAnswers };\n\n  const onChange = (value) => {\n    props.onChange({\n      ...value,\n      points: Array.from(value.points || []).reverse(),\n      sampleAnswers: Array.from(value.sampleAnswers || []).reverse(),\n    });\n  };\n\n  return (\n    <StyledRawAuthoring\n      value={value}\n      config={config}\n      onChange={onChange}\n      rubricless={rubricless}\n      pluginOpts={pluginOpts}\n    />\n  );\n};\n\nReverse.propTypes = {\n  value: RubricType,\n  config: PropTypes.object,\n  pluginOpts: PropTypes.object,\n  rubricless: PropTypes.bool,\n  getIndex: PropTypes.func,\n  onChange: PropTypes.func,\n};\n\nexport default Reverse;\n"],"file":"authoring.js"}
+{"version":3,"sources":["../../src/pie-toolbox-rubric/authoring.jsx"],"names":["log","reorder","list","startIndex","endIndex","result","Array","from","splice","removed","RubricType","PropTypes","shape","excludeZero","bool","points","arrayOf","string","sampleAnswers","maxPoints","number","rubriclessInstruction","MaxPoints","theme","formControl","minWidth","margin","spacing","unit","props","value","onChange","max","classes","e","target","map","v","checkSampleAnswer","sampleAnswer","PointConfig","pointConfig","row","display","width","position","editor","backgroundColor","palette","common","white","dragIndicator","paddingTop","color","grey","pointsLabel","paddingBottom","textTransform","sampleAnswersEditor","paddingLeft","pointMenu","right","errorText","fontSize","typography","error","main","content","mathMlOptions","pluginOpts","imageSupport","pointsCount","showSampleAnswer","icon","onMenuChange","onSampleChange","RawAuthoring","destination","source","index","input","type","items","clickedItem","changeContent","className","config","rubricless","excludeZeroEnabled","maxPointsEnabled","errors","rubriclessInstructionEnabled","maxMaxPoints","pointsDescriptorsErrors","Number","isFinite","console","warn","maxPointsValue","rubricTitle","changeMaxPoints","excludeZeros","label","inputContainer","changeRubriclessInstruction","language","container","dragEnd","provided","droppableProps","innerRef","p","toString","configHolder","draggableProps","dragHandleProps","length","onPointMenuChange","placeholder","React","Component","object","isRequired","func","add","styles","borderWidth","borderStyle","borderColor","padding","marginBottom","StyledRawAuthoring","Reverse","reverse","concat","propTypes","getIndex"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport FormControl from '@material-ui/core/FormControl';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport times from 'lodash/times';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport grey from '@material-ui/core/colors/grey';\nimport Typography from '@material-ui/core/Typography';\nimport DragIndicator from '@material-ui/icons/DragIndicator';\nimport EditableHtml from '@pie-lib/pie-toolbox/editable-html';\nimport { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';\nimport debug from 'debug';\nimport takeRight from 'lodash/takeRight';\nimport PointMenu from './point-menu';\n\nimport range from 'lodash/range';\nimport { InputContainer } from '@pie-lib/pie-toolbox/config-ui';\n\nconst log = debug('pie-lib:rubric:authoring');\n\nconst reorder = (list, startIndex, endIndex) => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n\n  result.splice(endIndex, 0, removed);\n\n  return result;\n};\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  maxPoints: PropTypes.number,\n  rubriclessInstruction: PropTypes.string,\n});\n\nconst MaxPoints = withStyles((theme) => ({\n  formControl: {\n    minWidth: '120px',\n    margin: theme.spacing.unit,\n  },\n}))((props) => {\n  const { value, onChange, max, classes } = props;\n\n  return (\n    <FormControl className={classes.formControl} variant=\"outlined\">\n      <InputLabel width={100} htmlFor=\"...\">\n        Max Points\n      </InputLabel>\n      <Select value={value} onChange={(e) => onChange(e.target.value)} input={<OutlinedInput labelWidth={80} />}>\n        {range(1, max + 1).map((v) => (\n          <MenuItem key={`${v}`} value={v}>\n            {v}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n});\n\n// if the value is null or 'null', the Sample Answer input field for that point will not be dispalyed\n// if the value is '', the Sample Answer input field will be empty\nconst checkSampleAnswer = (sampleAnswer) => sampleAnswer === null || sampleAnswer === 'null';\n\nexport const PointConfig = withStyles((theme) => ({\n  pointConfig: {},\n  row: {\n    display: 'flex',\n    width: '100%',\n    position: 'relative',\n  },\n  editor: {\n    width: '100%',\n    backgroundColor: `${theme.palette.common.white} !important`,\n  },\n  dragIndicator: {\n    paddingTop: theme.spacing.unit,\n    color: grey[500],\n  },\n  pointsLabel: {\n    color: grey[500],\n    paddingBottom: theme.spacing.unit,\n    textTransform: 'uppercase',\n  },\n  sampleAnswersEditor: {\n    paddingLeft: theme.spacing.unit * 3,\n  },\n  pointMenu: {\n    position: 'absolute',\n    right: 0,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingLeft: theme.spacing.unit * 3,\n    paddingTop: theme.spacing.unit,\n  },\n}))((props) => {\n  const { points, content, classes, sampleAnswer, mathMlOptions = {}, error, pluginOpts = {}, excludeZero, imageSupport = {}, } = props;\n  const pointsCount = excludeZero ? points + 1 : points;\n  const pointsLabel = `${pointsCount} ${pointsCount <= 1 ? 'pt' : 'pts'}`;\n  const showSampleAnswer = checkSampleAnswer(sampleAnswer);\n\n  return (\n    <div className={classes.pointConfig}>\n      <Typography variant=\"overline\" className={classes.pointsLabel}>\n        {pointsLabel}\n      </Typography>\n\n      <div className={classes.row}>\n        <DragIndicator className={classes.dragIndicator} />\n        <EditableHtml\n          className={classes.editor}\n          error={error}\n          pluginProps={pluginOpts}\n          markup={content}\n          onChange={props.onChange}\n          mathMlOptions={mathMlOptions}\n          imageSupport={imageSupport}\n        />\n        <PointMenu\n          classes={{\n            icon: classes.pointMenu,\n          }}\n          showSampleAnswer={showSampleAnswer}\n          onChange={props.onMenuChange}\n        />\n      </div>\n      {error && <div className={classes.errorText}>{error}</div>}\n      {!showSampleAnswer && (\n        <div className={classes.sampleAnswersEditor}>\n          <Typography variant=\"overline\" className={classes.dragIndicator}>\n            Sample Response\n          </Typography>\n          <EditableHtml\n            className={classes.editor}\n            markup={sampleAnswer}\n            pluginProps={pluginOpts}\n            onChange={props.onSampleChange}\n            mathMlOptions={mathMlOptions}\n            imageSupport={imageSupport}\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport class RawAuthoring extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    value: RubricType,\n    config: PropTypes.object,\n    pluginOpts: PropTypes.object,\n    rubricless: PropTypes.bool,\n    onChange: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  static defaultProps = {};\n\n  dragEnd = (result) => {\n    if (!result.destination) {\n      return;\n    }\n\n    const { value, onChange } = this.props;\n\n    const points = reorder(value.points, result.source.index, result.destination.index);\n    const sampleAnswers = reorder(value.sampleAnswers, result.source.index, result.destination.index);\n\n    onChange({ ...value, points, sampleAnswers });\n  };\n\n  changeRubriclessInstruction = (input) => {\n    const { value, onChange } = this.props;\n    onChange({ ...value, rubriclessInstruction: input });\n  };\n\n  changeMaxPoints = (maxPoints) => {\n    const { value, onChange } = this.props;\n\n    onChange({ ...value, maxPoints });\n  };\n\n  changeContent = (index, content, type) => {\n    // type could be 'points' or 'sampleAnswers'\n    log(`changeModel[${type}]:`, index, content);\n\n    if (type !== 'points' && type !== 'sampleAnswers') {\n      return;\n    }\n\n    const { value, onChange } = this.props;\n    const items = value[type] && Array.from(value[type]);\n\n    items.splice(index, 1, content);\n    log(`changeModel[${type}]:`, items);\n\n    onChange({ ...value, [type]: items });\n  };\n\n  excludeZeros = () => {\n    const { value, onChange } = this.props;\n\n    onChange({ ...value, excludeZero: !value.excludeZero });\n  };\n\n  onPointMenuChange = (index, clickedItem) => {\n    if (clickedItem === 'sample') {\n      const { value } = this.props;\n      const sampleAnswers = Array.from(value.sampleAnswers || []);\n\n      if (checkSampleAnswer(sampleAnswers[index])) {\n        // an empty string will display an empty Sample Answer input field\n        this.changeContent(index, '', 'sampleAnswers');\n      } else {\n        // when the content is null or 'null', the Sample Answer input field will not be displayed\n        this.changeContent(index, null, 'sampleAnswers');\n      }\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      value,\n      mathMlOptions = {},\n      config = {},\n      rubricless = false,\n      pluginOpts = {},\n      imageSupport = {},\n    } = this.props;\n    let {\n      excludeZeroEnabled = true,\n      maxPointsEnabled = true,\n      errors = {},\n      rubriclessInstructionEnabled = false,\n      maxPoints = 10,\n    } = value || {};\n    // rubric will contain a max value for maxPoints\n    const { rubriclessInstruction = {}, maxMaxPoints = 10 } = config || {};\n    const { pointsDescriptorsErrors } = errors || {};\n    if (value && Number.isFinite(value.maxPoints)) {\n      // eslint-disable-next-line no-console\n      console.warn('maxPoints is deprecated - remove from model');\n    }\n\n    // for rubric value is computed based on points\n    const maxPointsValue = maxPoints;\n\n    return (\n      <div className={classNames(classes.class, className)}>\n        <Typography variant=\"h5\" className={classes.rubricTitle}>\n          Rubric\n        </Typography>\n        <FormGroup row>\n          {maxPointsEnabled && (\n            <MaxPoints\n              max={maxMaxPoints < 100 ? maxMaxPoints : 100}\n              value={maxPointsValue}\n              onChange={this.changeMaxPoints}\n              pluginOpts={pluginOpts}\n              imageSupport={imageSupport}\n            />\n          )}\n          {excludeZeroEnabled && (\n            <FormControlLabel\n              label=\"Exclude zeros\"\n              control={<Checkbox checked={value.excludeZero} onChange={this.excludeZeros} />}\n            />\n          )}\n        </FormGroup>\n\n        {rubriclessInstructionEnabled && rubricless && (\n          <InputContainer label={rubriclessInstruction.label} className={classes.inputContainer}>\n            <EditableHtml\n              className={classes.input}\n              markup={value.rubriclessInstruction || ''}\n              onChange={this.changeRubriclessInstruction}\n              pluginProps={pluginOpts}\n              nonEmpty={false}\n              disableUnderline\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              imageSupport={imageSupport}\n            />\n          </InputContainer>\n        )}\n\n        <div className={rubricless ? classes.rubricless : classes.container}>\n          <DragDropContext onDragEnd={this.dragEnd}>\n            <Droppable droppableId=\"droppable\">\n              {(provided) => (\n                <div {...provided.droppableProps} ref={provided.innerRef}>\n                  {value.points.map(\n                    (p, index) => {\n                      return                         (\n                          <Draggable key={`${p.points}-${index}`} index={index} draggableId={index.toString()}>\n                            {(provided) => (\n                                <div\n                                    className={classes.configHolder}\n                                    ref={provided.innerRef}\n                                    {...provided.draggableProps}\n                                    {...provided.dragHandleProps}\n                                >\n                                  <PointConfig\n                                      points={value.points.length - 1 - index}\n                                      content={p}\n                                      error={\n                                          pointsDescriptorsErrors && pointsDescriptorsErrors[value.points.length - 1 - index]\n                                      }\n                                      sampleAnswer={value.sampleAnswers && value.sampleAnswers[index]}\n                                      onChange={(content) => this.changeContent(index, content, 'points')}\n                                      onSampleChange={(content) => this.changeContent(index, content, 'sampleAnswers')}\n                                      onMenuChange={(clickedItem) => this.onPointMenuChange(index, clickedItem)}\n                                      mathMlOptions={mathMlOptions}\n                                      pluginOpts={pluginOpts}\n                                      imageSupport={imageSupport}\n                                      excludeZero={value.excludeZero}\n                                  />\n                                </div>\n                            )}\n                          </Draggable>\n                      );\n                    },\n                  )}\n                  {provided.placeholder}\n                </div>\n              )}\n            </Droppable>\n          </DragDropContext>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  container: {\n    backgroundColor: grey[200],\n    borderWidth: 1,\n    borderStyle: 'solid',\n    borderColor: grey[300],\n    padding: theme.spacing.unit * 2,\n    margin: theme.spacing.unit,\n  },\n  inputContainer: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  rubricless: {\n    display: 'none',\n  },\n  configHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n  },\n  rubricTitle: {\n    paddingLeft: theme.spacing.unit,\n    margin: theme.spacing.unit,\n  },\n});\n\nconst StyledRawAuthoring = withStyles(styles)(RawAuthoring);\n\nconst Reverse = (props) => {\n  const { rubricless = false, config = {}, pluginOpts = {}, imageSupport = {} } = props || {};\n  const points = Array.from(props.value.points || []).reverse();\n  let sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();\n\n  if (points.length > sampleAnswers.length) {\n    sampleAnswers = times(points.length - sampleAnswers.length)\n      .map(() => null)\n      .concat(sampleAnswers);\n  }\n\n  const value = { ...props.value, points, sampleAnswers };\n\n  const onChange = (value) => {\n    props.onChange({\n      ...value,\n      points: Array.from(value.points || []).reverse(),\n      sampleAnswers: Array.from(value.sampleAnswers || []).reverse(),\n    });\n  };\n\n  return (\n    <StyledRawAuthoring\n      value={value}\n      config={config}\n      onChange={onChange}\n      rubricless={rubricless}\n      pluginOpts={pluginOpts}\n      imageSupport={imageSupport}\n    />\n  );\n};\n\nReverse.propTypes = {\n  value: RubricType,\n  config: PropTypes.object,\n  pluginOpts: PropTypes.object,\n  rubricless: PropTypes.bool,\n  getIndex: PropTypes.func,\n  onChange: PropTypes.func,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport default Reverse;\n"],"file":"authoring.js"}

package/configure/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/rubric-configure",
   "private": true,
-  "version": "3.7.1",
+  "version": "3.7.2",
   "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/pie-toolbox": "1.13.1",
+    "@pie-lib/pie-toolbox": "1.15.0",
     "debug": "^4.1.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"

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

@@ -0,0 +1,154 @@
+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(),
+}));
+
+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 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 when howManyPointsDoesItHave is greater than howManyPointsShouldHave, maxPointsChanged & excludeZeroChanged', () => {
+            const nextModel = model({
+                maxPoints: 1,
+                excludeZero: true,
+            });
+            const result = element.updateModelAccordingToReceivedProps(nextModel);
+            expect(result.points).toEqual(['B']);
+            expect(result.sampleAnswers).toEqual([true]);
+        });
+    });
+    
+});

package/configure/src/index.js

@@ -1,4 +1,8 @@
-import {ModelUpdatedEvent} from '@pie-framework/pie-configure-events';
+import {
+    ModelUpdatedEvent,
+    InsertImageEvent,
+    DeleteImageEvent
+} from '@pie-framework/pie-configure-events';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import debug from 'debug';
@@ -21,13 +25,17 @@ export default class RubricElement extends HTMLElement {
         this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
     }
 
-    validateModel = (nextModel) => {
+    updateModelAccordingToReceivedProps = (nextModel) => {
         const currentModel = {...this._model};
+        if (!nextModel) {
+            return currentModel;
+        }
+
         const validatedModel = nextModel;
-        const {maxPoints, excludeZero} = validatedModel;
+        const { maxPoints, excludeZero } = validatedModel || {};
 
-        validatedModel.points = [...validatedModel.points];
-        validatedModel.sampleAnswers = [...validatedModel.sampleAnswers];
+        validatedModel.points = validatedModel.points ? [...validatedModel.points] : [];
+        validatedModel.sampleAnswers = validatedModel.sampleAnswers ? [...validatedModel.sampleAnswers] : [];
 
         const howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;
         const howManyPointsDoesItHave = validatedModel.points.length;
@@ -46,11 +54,8 @@ export default class RubricElement extends HTMLElement {
                     validatedModel.sampleAnswers.push(null);
                 }
             }
-
-            return validatedModel;
-        }
-
-        if (howManyPointsDoesItHave > howManyPointsShouldHave) {
+        } 
+        else if (howManyPointsDoesItHave > howManyPointsShouldHave) {
             if (excludeZeroChanged && excludeZero) {
                 validatedModel.points = validatedModel.points.slice(1);
                 validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);
@@ -65,7 +70,7 @@ export default class RubricElement extends HTMLElement {
     }
 
     set model(m) {
-        this._model = this.validateModel(modelWithDefaults(m));
+        this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));
         this._render();
     }
 
@@ -75,7 +80,7 @@ export default class RubricElement extends HTMLElement {
     }
 
     onModelChanged(m) {
-        this._model = this.validateModel(m);
+        this._model = this.updateModelAccordingToReceivedProps(m);
         this._render();
         this.dispatchEvent(new ModelUpdatedEvent(this._model, false));
     }
@@ -90,6 +95,14 @@ export default class RubricElement extends HTMLElement {
         this._render();
     };
 
+    insertImage(handler) {
+        this.dispatchEvent(new InsertImageEvent(handler));
+    }
+
+    onDeleteImage(src, done) {
+        this.dispatchEvent(new DeleteImageEvent(src, done));
+    }
+
     connectedCallback() {
         this._render();
     }
@@ -102,6 +115,10 @@ export default class RubricElement extends HTMLElement {
                 configuration: this._configuration,
                 onModelChanged: this.onModelChanged,
                 onConfigurationChanged: this.onConfigurationChanged,
+                imageSupport: {
+                    add: this.insertImage.bind(this),
+                    delete: this.onDeleteImage.bind(this),
+                },
             });
 
             ReactDOM.render(element, this);

package/configure/src/main.jsx

@@ -19,7 +19,7 @@ class Main extends React.Component {
   };
 
   render() {
-    const { model, configuration, onConfigurationChanged, onModelChanged } = this.props || {};
+    const { model, configuration, onConfigurationChanged, onModelChanged, imageSupport } = this.props || {};
     const {
       baseInputConfiguration = {},
       contentDimensions = {},
@@ -64,6 +64,7 @@ class Main extends React.Component {
             groups={{
               Properties: panelProperties,
             }}
+            imageSupport={imageSupport}
           />
         }
       >
@@ -75,6 +76,7 @@ class Main extends React.Component {
             mathMlOptions={mathMlOptions}
             rubricless={rubricless}
             pluginOpts={baseInputConfiguration}
+            imageSupport={imageSupport}
           />
         </div>
       </layout.ConfigLayout>

package/configure/src/pie-toolbox-rubric/authoring.jsx

@@ -104,7 +104,7 @@ export const PointConfig = withStyles((theme) => ({
     paddingTop: theme.spacing.unit,
   },
 }))((props) => {
-  const { points, content, classes, sampleAnswer, mathMlOptions = {}, error, pluginOpts = {}, excludeZero } = props;
+  const { points, content, classes, sampleAnswer, mathMlOptions = {}, error, pluginOpts = {}, excludeZero, imageSupport = {}, } = props;
   const pointsCount = excludeZero ? points + 1 : points;
   const pointsLabel = `${pointsCount} ${pointsCount <= 1 ? 'pt' : 'pts'}`;
   const showSampleAnswer = checkSampleAnswer(sampleAnswer);
@@ -124,6 +124,7 @@ export const PointConfig = withStyles((theme) => ({
           markup={content}
           onChange={props.onChange}
           mathMlOptions={mathMlOptions}
+          imageSupport={imageSupport}
         />
         <PointMenu
           classes={{
@@ -145,6 +146,7 @@ export const PointConfig = withStyles((theme) => ({
             pluginProps={pluginOpts}
             onChange={props.onSampleChange}
             mathMlOptions={mathMlOptions}
+            imageSupport={imageSupport}
           />
         </div>
       )}
@@ -161,6 +163,10 @@ export class RawAuthoring extends React.Component {
     pluginOpts: PropTypes.object,
     rubricless: PropTypes.bool,
     onChange: PropTypes.func,
+    imageSupport: PropTypes.shape({
+      add: PropTypes.func.isRequired,
+      delete: PropTypes.func.isRequired,
+    }),
   };
 
   static defaultProps = {};
@@ -236,6 +242,7 @@ export class RawAuthoring extends React.Component {
       config = {},
       rubricless = false,
       pluginOpts = {},
+      imageSupport = {},
     } = this.props;
     let {
       excludeZeroEnabled = true,
@@ -267,6 +274,7 @@ export class RawAuthoring extends React.Component {
               value={maxPointsValue}
               onChange={this.changeMaxPoints}
               pluginOpts={pluginOpts}
+              imageSupport={imageSupport}
             />
           )}
           {excludeZeroEnabled && (
@@ -288,6 +296,7 @@ export class RawAuthoring extends React.Component {
               disableUnderline
               languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}
               mathMlOptions={mathMlOptions}
+              imageSupport={imageSupport}
             />
           </InputContainer>
         )}
@@ -320,6 +329,7 @@ export class RawAuthoring extends React.Component {
                                       onMenuChange={(clickedItem) => this.onPointMenuChange(index, clickedItem)}
                                       mathMlOptions={mathMlOptions}
                                       pluginOpts={pluginOpts}
+                                      imageSupport={imageSupport}
                                       excludeZero={value.excludeZero}
                                   />
                                 </div>
@@ -369,7 +379,7 @@ const styles = (theme) => ({
 const StyledRawAuthoring = withStyles(styles)(RawAuthoring);
 
 const Reverse = (props) => {
-  const { rubricless = false, config = {}, pluginOpts = {} } = props || {};
+  const { rubricless = false, config = {}, pluginOpts = {}, imageSupport = {} } = props || {};
   const points = Array.from(props.value.points || []).reverse();
   let sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();
 
@@ -396,6 +406,7 @@ const Reverse = (props) => {
       onChange={onChange}
       rubricless={rubricless}
       pluginOpts={pluginOpts}
+      imageSupport={imageSupport}
     />
   );
 };
@@ -407,6 +418,10 @@ Reverse.propTypes = {
   rubricless: PropTypes.bool,
   getIndex: PropTypes.func,
   onChange: PropTypes.func,
+  imageSupport: PropTypes.shape({
+    add: PropTypes.func.isRequired,
+    delete: PropTypes.func.isRequired,
+  }),
 };
 
 export default Reverse;

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "./node_modules/.bin/jest"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.13.1",
+    "@pie-lib/pie-toolbox": "1.15.0",
     "lodash": "^4.17.15"
   }
 }

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.6.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.7.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -41925,7 +41925,7 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
       }
     };
   })(function (props) {
-    var points = props.points, content = props.content, classes = props.classes, sampleAnswer = props.sampleAnswer, _props$mathMlOptions = props.mathMlOptions, mathMlOptions = _props$mathMlOptions === void 0 ? {} : _props$mathMlOptions, error = props.error, _props$pluginOpts = props.pluginOpts, pluginOpts = _props$pluginOpts === void 0 ? {} : _props$pluginOpts, excludeZero = props.excludeZero;
+    var points = props.points, content = props.content, classes = props.classes, sampleAnswer = props.sampleAnswer, _props$mathMlOptions = props.mathMlOptions, mathMlOptions = _props$mathMlOptions === void 0 ? {} : _props$mathMlOptions, error = props.error, _props$pluginOpts = props.pluginOpts, pluginOpts = _props$pluginOpts === void 0 ? {} : _props$pluginOpts, excludeZero = props.excludeZero, _props$imageSupport = props.imageSupport, imageSupport = _props$imageSupport === void 0 ? {} : _props$imageSupport;
     var pointsCount = excludeZero ? points + 1 : points;
     var pointsLabel = ("").concat(pointsCount, " ").concat(pointsCount <= 1 ? 'pt' : 'pts');
     var showSampleAnswer = checkSampleAnswer(sampleAnswer);
@@ -41944,7 +41944,8 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
       pluginProps: pluginOpts,
       markup: content,
       onChange: props.onChange,
-      mathMlOptions: mathMlOptions
+      mathMlOptions: mathMlOptions,
+      imageSupport: imageSupport
     }), _react["default"].createElement(_pointMenu["default"], {
       classes: {
         icon: classes.pointMenu
@@ -41963,7 +41964,8 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
       markup: sampleAnswer,
       pluginProps: pluginOpts,
       onChange: props.onSampleChange,
-      mathMlOptions: mathMlOptions
+      mathMlOptions: mathMlOptions,
+      imageSupport: imageSupport
     })));
   });
   exports.PointConfig = PointConfig;
@@ -42035,7 +42037,7 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
       key: "render",
       value: function render() {
         var _this2 = this;
-        var _this$props6 = this.props, classes = _this$props6.classes, className = _this$props6.className, value = _this$props6.value, _this$props6$mathMlOp = _this$props6.mathMlOptions, mathMlOptions = _this$props6$mathMlOp === void 0 ? {} : _this$props6$mathMlOp, _this$props6$config = _this$props6.config, config = _this$props6$config === void 0 ? {} : _this$props6$config, _this$props6$rubricle = _this$props6.rubricless, rubricless = _this$props6$rubricle === void 0 ? false : _this$props6$rubricle, _this$props6$pluginOp = _this$props6.pluginOpts, pluginOpts = _this$props6$pluginOp === void 0 ? {} : _this$props6$pluginOp;
+        var _this$props6 = this.props, classes = _this$props6.classes, className = _this$props6.className, value = _this$props6.value, _this$props6$mathMlOp = _this$props6.mathMlOptions, mathMlOptions = _this$props6$mathMlOp === void 0 ? {} : _this$props6$mathMlOp, _this$props6$config = _this$props6.config, config = _this$props6$config === void 0 ? {} : _this$props6$config, _this$props6$rubricle = _this$props6.rubricless, rubricless = _this$props6$rubricle === void 0 ? false : _this$props6$rubricle, _this$props6$pluginOp = _this$props6.pluginOpts, pluginOpts = _this$props6$pluginOp === void 0 ? {} : _this$props6$pluginOp, _this$props6$imageSup = _this$props6.imageSupport, imageSupport = _this$props6$imageSup === void 0 ? {} : _this$props6$imageSup;
         var _ref = value || ({}), _ref$excludeZeroEnabl = _ref.excludeZeroEnabled, excludeZeroEnabled = _ref$excludeZeroEnabl === void 0 ? true : _ref$excludeZeroEnabl, _ref$maxPointsEnabled = _ref.maxPointsEnabled, maxPointsEnabled = _ref$maxPointsEnabled === void 0 ? true : _ref$maxPointsEnabled, _ref$errors = _ref.errors, errors = _ref$errors === void 0 ? {} : _ref$errors, _ref$rubriclessInstru = _ref.rubriclessInstructionEnabled, rubriclessInstructionEnabled = _ref$rubriclessInstru === void 0 ? false : _ref$rubriclessInstru, _ref$maxPoints = _ref.maxPoints, maxPoints = _ref$maxPoints === void 0 ? 10 : _ref$maxPoints;
         var _ref2 = config || ({}), _ref2$rubriclessInstr = _ref2.rubriclessInstruction, rubriclessInstruction = _ref2$rubriclessInstr === void 0 ? {} : _ref2$rubriclessInstr, _ref2$maxMaxPoints = _ref2.maxMaxPoints, maxMaxPoints = _ref2$maxMaxPoints === void 0 ? 10 : _ref2$maxMaxPoints;
         var _ref3 = errors || ({}), pointsDescriptorsErrors = _ref3.pointsDescriptorsErrors;
@@ -42054,7 +42056,8 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
           max: maxMaxPoints < 100 ? maxMaxPoints : 100,
           value: maxPointsValue,
           onChange: this.changeMaxPoints,
-          pluginOpts: pluginOpts
+          pluginOpts: pluginOpts,
+          imageSupport: imageSupport
         }), excludeZeroEnabled && _react["default"].createElement(_FormControlLabel["default"], {
           label: "Exclude zeros",
           control: _react["default"].createElement(_Checkbox["default"], {
@@ -42076,7 +42079,8 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
           }, {
             language: 'special'
           }],
-          mathMlOptions: mathMlOptions
+          mathMlOptions: mathMlOptions,
+          imageSupport: imageSupport
         })), _react["default"].createElement("div", {
           className: rubricless ? classes.rubricless : classes.container
         }, _react["default"].createElement(_reactBeautifulDnd.DragDropContext, {
@@ -42111,6 +42115,7 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
                 },
                 mathMlOptions: mathMlOptions,
                 pluginOpts: pluginOpts,
+                imageSupport: imageSupport,
                 excludeZero: value.excludeZero
               }));
             });
@@ -42128,7 +42133,11 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
     config: _propTypes["default"].object,
     pluginOpts: _propTypes["default"].object,
     rubricless: _propTypes["default"].bool,
-    onChange: _propTypes["default"].func
+    onChange: _propTypes["default"].func,
+    imageSupport: _propTypes["default"].shape({
+      add: _propTypes["default"].func.isRequired,
+      "delete": _propTypes["default"].func.isRequired
+    })
   });
   (0, _defineProperty2["default"])(RawAuthoring, "defaultProps", {});
   var styles = function styles(theme) {
@@ -42161,7 +42170,7 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
   };
   var StyledRawAuthoring = (0, _styles.withStyles)(styles)(RawAuthoring);
   var Reverse = function Reverse(props) {
-    var _ref4 = props || ({}), _ref4$rubricless = _ref4.rubricless, rubricless = _ref4$rubricless === void 0 ? false : _ref4$rubricless, _ref4$config = _ref4.config, config = _ref4$config === void 0 ? {} : _ref4$config, _ref4$pluginOpts = _ref4.pluginOpts, pluginOpts = _ref4$pluginOpts === void 0 ? {} : _ref4$pluginOpts;
+    var _ref4 = props || ({}), _ref4$rubricless = _ref4.rubricless, rubricless = _ref4$rubricless === void 0 ? false : _ref4$rubricless, _ref4$config = _ref4.config, config = _ref4$config === void 0 ? {} : _ref4$config, _ref4$pluginOpts = _ref4.pluginOpts, pluginOpts = _ref4$pluginOpts === void 0 ? {} : _ref4$pluginOpts, _ref4$imageSupport = _ref4.imageSupport, imageSupport = _ref4$imageSupport === void 0 ? {} : _ref4$imageSupport;
     var points = Array.from(props.value.points || []).reverse();
     var sampleAnswers = Array.from(props.value.sampleAnswers || []).reverse();
     if (points.length > sampleAnswers.length) {
@@ -42184,7 +42193,8 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
       config: config,
       onChange: onChange,
       rubricless: rubricless,
-      pluginOpts: pluginOpts
+      pluginOpts: pluginOpts,
+      imageSupport: imageSupport
     });
   };
   Reverse.propTypes = {
@@ -42193,7 +42203,11 @@ const require$$32 = _dll_pie_lib__pie_toolbox_config_ui;
     pluginOpts: _propTypes["default"].object,
     rubricless: _propTypes["default"].bool,
     getIndex: _propTypes["default"].func,
-    onChange: _propTypes["default"].func
+    onChange: _propTypes["default"].func,
+    imageSupport: _propTypes["default"].shape({
+      add: _propTypes["default"].func.isRequired,
+      "delete": _propTypes["default"].func.isRequired
+    })
   };
   var _default = Reverse;
   exports["default"] = _default;
@@ -42319,7 +42333,7 @@ const require$$12$1 = _dll_pie_lib__pie_toolbox_config_ui;
     (0, _createClass2["default"])(Main, [{
       key: "render",
       value: function render() {
-        var _ref3 = this.props || ({}), model = _ref3.model, configuration = _ref3.configuration, onConfigurationChanged = _ref3.onConfigurationChanged, onModelChanged = _ref3.onModelChanged;
+        var _ref3 = this.props || ({}), model = _ref3.model, configuration = _ref3.configuration, onConfigurationChanged = _ref3.onConfigurationChanged, onModelChanged = _ref3.onModelChanged, imageSupport = _ref3.imageSupport;
         var _ref4 = configuration || ({}), _ref4$baseInputConfig = _ref4.baseInputConfiguration, baseInputConfiguration = _ref4$baseInputConfig === void 0 ? {} : _ref4$baseInputConfig, _ref4$contentDimensio = _ref4.contentDimensions, contentDimensions = _ref4$contentDimensio === void 0 ? {} : _ref4$contentDimensio, settingsPanelDisabled = _ref4.settingsPanelDisabled, _ref4$showExcludeZero = _ref4.showExcludeZero, showExcludeZero = _ref4$showExcludeZero === void 0 ? {} : _ref4$showExcludeZero, _ref4$showMaxPoint = _ref4.showMaxPoint, showMaxPoint = _ref4$showMaxPoint === void 0 ? {} : _ref4$showMaxPoint, _ref4$mathMlOptions = _ref4.mathMlOptions, mathMlOptions = _ref4$mathMlOptions === void 0 ? {} : _ref4$mathMlOptions, _ref4$rubricless = _ref4.rubricless, rubricless = _ref4$rubricless === void 0 ? false : _ref4$rubricless, rubriclessInstruction = _ref4.rubriclessInstruction, width = _ref4.width;
         var value = this.verifyRubriclessModel(model, configuration);
         var panelProperties = {
@@ -42341,7 +42355,8 @@ const require$$12$1 = _dll_pie_lib__pie_toolbox_config_ui;
             pluginOpts: getPluginProps(rubriclessInstruction === null || rubriclessInstruction === void 0 ? void 0 : rubriclessInstruction.inputConfiguration),
             groups: {
               Properties: panelProperties
-            }
+            },
+            imageSupport: imageSupport
           })
         }, _react["default"].createElement("div", {
           style: {
@@ -42353,7 +42368,8 @@ const require$$12$1 = _dll_pie_lib__pie_toolbox_config_ui;
           onChange: onModelChanged,
           mathMlOptions: mathMlOptions,
           rubricless: rubricless,
-          pluginOpts: baseInputConfiguration
+          pluginOpts: baseInputConfiguration,
+          imageSupport: imageSupport
         })));
       }
     }]);
@@ -42504,12 +42520,15 @@ const require$$13 = _dll_debug;
       var _this;
       (0, _classCallCheck2["default"])(this, RubricElement);
       _this = _super.call(this);
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "validateModel", function (nextModel) {
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateModelAccordingToReceivedProps", function (nextModel) {
         var currentModel = _objectSpread({}, _this._model);
+        if (!nextModel) {
+          return currentModel;
+        }
         var validatedModel = nextModel;
-        var maxPoints = validatedModel.maxPoints, excludeZero = validatedModel.excludeZero;
-        validatedModel.points = (0, _toConsumableArray2["default"])(validatedModel.points);
-        validatedModel.sampleAnswers = (0, _toConsumableArray2["default"])(validatedModel.sampleAnswers);
+        var _ref = validatedModel || ({}), maxPoints = _ref.maxPoints, excludeZero = _ref.excludeZero;
+        validatedModel.points = validatedModel.points ? (0, _toConsumableArray2["default"])(validatedModel.points) : [];
+        validatedModel.sampleAnswers = validatedModel.sampleAnswers ? (0, _toConsumableArray2["default"])(validatedModel.sampleAnswers) : [];
         var howManyPointsShouldHave = excludeZero ? maxPoints : maxPoints + 1;
         var howManyPointsDoesItHave = validatedModel.points.length;
         var excludeZeroChanged = (currentModel === null || currentModel === void 0 ? void 0 : currentModel.excludeZero) !== (nextModel === null || nextModel === void 0 ? void 0 : nextModel.excludeZero);
@@ -42525,9 +42544,7 @@ const require$$13 = _dll_debug;
               validatedModel.sampleAnswers.push(null);
             }
           }
-          return validatedModel;
-        }
-        if (howManyPointsDoesItHave > howManyPointsShouldHave) {
+        } else if (howManyPointsDoesItHave > howManyPointsShouldHave) {
           if (excludeZeroChanged && excludeZero) {
             validatedModel.points = validatedModel.points.slice(1);
             validatedModel.sampleAnswers = validatedModel.sampleAnswers.slice(1);
@@ -42556,7 +42573,7 @@ const require$$13 = _dll_debug;
     (0, _createClass2["default"])(RubricElement, [{
       key: "model",
       set: function set(m) {
-        this._model = this.validateModel(modelWithDefaults(m));
+        this._model = this.updateModelAccordingToReceivedProps(modelWithDefaults(m));
         this._render();
       }
     }, {
@@ -42568,10 +42585,20 @@ const require$$13 = _dll_debug;
     }, {
       key: "onModelChanged",
       value: function onModelChanged(m) {
-        this._model = this.validateModel(m);
+        this._model = this.updateModelAccordingToReceivedProps(m);
         this._render();
         this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
       }
+    }, {
+      key: "insertImage",
+      value: function insertImage(handler) {
+        this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+      }
+    }, {
+      key: "onDeleteImage",
+      value: function onDeleteImage(src, done) {
+        this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+      }
     }, {
       key: "connectedCallback",
       value: function connectedCallback() {
@@ -42586,7 +42613,11 @@ const require$$13 = _dll_debug;
             model: this._model,
             configuration: this._configuration,
             onModelChanged: this.onModelChanged,
-            onConfigurationChanged: this.onConfigurationChanged
+            onConfigurationChanged: this.onConfigurationChanged,
+            imageSupport: {
+              add: this.insertImage.bind(this),
+              "delete": this.onDeleteImage.bind(this)
+            }
           });
           _reactDom["default"].render(element, this);
         }

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.6.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.7.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/rubric@3.8.1</title>
+      <title>@pie-element/rubric@3.8.2</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,10 +1,10 @@
 {
   "name": "@pie-element/rubric",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.6.1"
+      "version": "1.7.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/rubric@3.8.1</title>
+      <title>@pie-element/rubric@3.8.2</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.6.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.7.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.0.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "3.8.2-next.7+4853068d6",
+  "version": "3.8.3-next.10+5fa3e462b",
   "main": "lib/index.js",
   "module": "src/index.js",
   "description": "Rubric Scoring Interaction",
@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/pie-toolbox": "1.13.1",
+    "@pie-lib/pie-toolbox": "1.15.0",
     "prop-types": "^15.7.2"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "4853068d6d7e236c696288361b42ede1923a6fd5",
+  "gitHead": "5fa3e462b8fe802214f4540b571f9ef9213356d0",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },