@pie-element/complex-rubric 2.10.1-next.10 → 2.10.1-next.11

package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js

@@ -0,0 +1,602 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _drag = require("@pie-lib/pie-toolbox/drag");
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _scale = _interopRequireDefault(require("./scale"));
+
+var _common = require("./common");
+
+var _modals = require("./modals");
+
+var _excluded = ["scorePointsDescriptors"],
+    _excluded2 = ["scorePointsDescriptors"],
+    _excluded3 = ["scorePointsDescriptors"],
+    _excluded4 = ["scorePointsDescriptors"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle;
+var MIN_WIDTH = '650px';
+
+var styles = function styles(theme) {
+  return {
+    design: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: theme.typography.fontSize
+    }
+  };
+};
+
+var ShowModal = function ShowModal(_ref) {
+  var showExcludeZeroDialog = _ref.showExcludeZeroDialog,
+      excludeZero = _ref.excludeZero,
+      changeExcludeZero = _ref.changeExcludeZero,
+      cancel = _ref.cancel;
+
+  if (showExcludeZeroDialog && !excludeZero) {
+    return /*#__PURE__*/_react["default"].createElement(_modals.ExcludeZeroDialog, {
+      open: showExcludeZeroDialog && !excludeZero,
+      changeExcludeZero: changeExcludeZero,
+      cancel: cancel
+    });
+  } else if (showExcludeZeroDialog && excludeZero) {
+    return /*#__PURE__*/_react["default"].createElement(_modals.IncludeZeroDialog, {
+      open: showExcludeZeroDialog && excludeZero,
+      changeExcludeZero: changeExcludeZero,
+      cancel: cancel
+    });
+  } else {
+    return null;
+  }
+};
+
+ShowModal.propTypes = {
+  showExcludeZeroDialog: _propTypes["default"].bool,
+  excludeZero: _propTypes["default"].bool,
+  changeExcludeZero: _propTypes["default"].func,
+  cancel: _propTypes["default"].func
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      showDecreaseMaxPointsDialog: false,
+      showDeleteScaleDialog: false,
+      showDeleteTraitDialog: false,
+      showExcludeZeroDialog: false,
+      showInfoDialog: false,
+      infoDialogText: '',
+      adjustedWidth: MIN_WIDTH,
+      initialUpdateCompleted: false // flag to track the initial update of the div width
+
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScaleAdded", function () {
+      var _scales$;
+
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onModelChanged = _this$props.onModelChanged,
+          configuration = _this$props.configuration;
+
+      var _ref2 = model || {},
+          scales = _ref2.scales,
+          excludeZero = _ref2.excludeZero;
+
+      var _ref3 = configuration || {},
+          maxNoOfScales = _ref3.maxNoOfScales;
+
+      var _ref4 = configuration || '',
+          defaultTraitLabel = _ref4.defaultTraitLabel;
+
+      if (!scales.length) {
+        scales = [];
+      } // if no default trait label is defined, take the trait label of the first scale
+
+
+      defaultTraitLabel = typeof defaultTraitLabel === 'string' ? defaultTraitLabel : ((_scales$ = scales[0]) === null || _scales$ === void 0 ? void 0 : _scales$.traitLabel) || '';
+
+      if (scales.length === maxNoOfScales) {
+        _this.set({
+          infoDialogText: "There can't be more than ".concat(maxNoOfScales, " scales."),
+          showInfoDialog: true
+        });
+
+        return false;
+      }
+
+      scales.push({
+        maxPoints: 1,
+        scorePointsLabels: excludeZero ? [''] : ['', ''],
+        traitLabel: defaultTraitLabel,
+        traits: []
+      });
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        scales: scales
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScaleChanged", function (scaleIndex, params) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onModelChanged = _this$props2.onModelChanged;
+      var scales = (0, _cloneDeep["default"])((model || {}).scales);
+      if (scaleIndex < 0 || scaleIndex >= scales.length || (0, _isEmpty["default"])(params)) return false;
+      Object.keys(params).forEach(function (key) {
+        scales[scaleIndex][key] = params[key];
+      });
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        scales: scales
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScaleRemoved", function (scaleIndex) {
+      var _this$props3 = _this.props,
+          model = _this$props3.model,
+          onModelChanged = _this$props3.onModelChanged,
+          configuration = _this$props3.configuration;
+
+      var _ref5 = model || {},
+          scales = _ref5.scales;
+
+      var _ref6 = configuration || {},
+          minNoOfScales = _ref6.minNoOfScales;
+
+      if (scaleIndex < 0 || scaleIndex >= scales.length) return false;
+
+      if (scales.length === minNoOfScales) {
+        _this.set({
+          infoDialogText: "There can't be less than ".concat(minNoOfScales, " scales."),
+          showInfoDialog: true
+        });
+
+        return false;
+      }
+
+      scales = [].concat((0, _toConsumableArray2["default"])(scales.slice(0, scaleIndex)), (0, _toConsumableArray2["default"])(scales.slice(scaleIndex + 1)));
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        scales: scales
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onHalfScoringChanged", function () {
+      var _this$props4 = _this.props,
+          model = _this$props4.model,
+          onModelChanged = _this$props4.onModelChanged;
+
+      var _ref7 = model || {},
+          halfScoring = _ref7.halfScoring;
+
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        halfScoring: !halfScoring
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onVisibleToStudentChanged", function () {
+      var _this$props5 = _this.props,
+          model = _this$props5.model,
+          onModelChanged = _this$props5.onModelChanged;
+
+      var _ref8 = model || {},
+          visibleToStudent = _ref8.visibleToStudent;
+
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        visibleToStudent: !visibleToStudent
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "set", function (newState) {
+      return _this.setState(newState);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeShowScorePointLabels", function () {
+      var _ref9 = _this.props || {},
+          model = _ref9.model,
+          onModelChanged = _ref9.onModelChanged;
+
+      var _ref10 = model || {},
+          pointLabels = _ref10.pointLabels;
+
+      pointLabels = !pointLabels;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        pointLabels: pointLabels
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeShowDescription", function () {
+      var _ref11 = _this.props || {},
+          model = _ref11.model,
+          onModelChanged = _ref11.onModelChanged;
+
+      var _ref12 = model || {},
+          description = _ref12.description;
+
+      description = !description;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        description: description
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeShowStandards", function () {
+      var _ref13 = _this.props || {},
+          model = _ref13.model,
+          onModelChanged = _ref13.onModelChanged;
+
+      var _ref14 = model || {},
+          standards = _ref14.standards;
+
+      standards = !standards;
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        standards: standards
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showToggleExcludeZeroModal", function () {
+      return _this.set({
+        showExcludeZeroDialog: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hideToggleExcludeZeroModal", function () {
+      _this.set({
+        showExcludeZeroDialog: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCloseInfoDialog", function () {
+      return _this.set({
+        showInfoDialog: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeExcludeZero", function (excludeZeroType) {
+      var _ref15 = _this.props || {},
+          model = _ref15.model,
+          onModelChanged = _ref15.onModelChanged;
+
+      var _ref16 = model || {},
+          scales = _ref16.scales;
+
+      var _ref17 = model || {},
+          excludeZero = _ref17.excludeZero;
+
+      if (!scales || !scales.length) return;
+      excludeZero = !excludeZero;
+      var newScales = scales.reduce(function (acc, scale) {
+        var _ref18 = scale || {},
+            scorePointsLabels = _ref18.scorePointsLabels,
+            traits = _ref18.traits;
+
+        if (scorePointsLabels.length < 1) return acc;
+
+        switch (excludeZeroType) {
+          case _modals.excludeZeroTypes.remove0:
+            {
+              // removes column 0
+              scorePointsLabels = scorePointsLabels.slice(1);
+              traits = traits.map(function (_ref19) {
+                var scorePointsDescriptors = _ref19.scorePointsDescriptors,
+                    trait = (0, _objectWithoutProperties2["default"])(_ref19, _excluded);
+                return _objectSpread(_objectSpread({}, trait), {}, {
+                  scorePointsDescriptors: scorePointsDescriptors.slice(1)
+                });
+              });
+              break;
+            }
+
+          case _modals.excludeZeroTypes.add0:
+            {
+              // adds empty column at start
+              scorePointsLabels = [''].concat((0, _toConsumableArray2["default"])(scorePointsLabels));
+              traits = traits.map(function (_ref20) {
+                var scorePointsDescriptors = _ref20.scorePointsDescriptors,
+                    trait = (0, _objectWithoutProperties2["default"])(_ref20, _excluded2);
+                return _objectSpread(_objectSpread({}, trait), {}, {
+                  scorePointsDescriptors: [''].concat((0, _toConsumableArray2["default"])(scorePointsDescriptors))
+                });
+              });
+              break;
+            }
+
+          case _modals.excludeZeroTypes.shiftLeft:
+            {
+              // removes last column
+              scorePointsLabels = scorePointsLabels.slice(0, -1);
+              traits = traits.map(function (_ref21) {
+                var scorePointsDescriptors = _ref21.scorePointsDescriptors,
+                    trait = (0, _objectWithoutProperties2["default"])(_ref21, _excluded3);
+                return _objectSpread(_objectSpread({}, trait), {}, {
+                  scorePointsDescriptors: scorePointsDescriptors.slice(0, -1)
+                });
+              });
+              break;
+            }
+
+          case _modals.excludeZeroTypes.shiftRight:
+            {
+              // adds empty column at end
+              scorePointsLabels = [].concat((0, _toConsumableArray2["default"])(scorePointsLabels), ['']);
+              traits = traits.map(function (_ref22) {
+                var scorePointsDescriptors = _ref22.scorePointsDescriptors,
+                    trait = (0, _objectWithoutProperties2["default"])(_ref22, _excluded4);
+                return _objectSpread(_objectSpread({}, trait), {}, {
+                  scorePointsDescriptors: [].concat((0, _toConsumableArray2["default"])(scorePointsDescriptors), [''])
+                });
+              });
+              break;
+            }
+
+          default:
+            break;
+        }
+
+        acc.push(_objectSpread(_objectSpread({}, scale), {}, {
+          scorePointsLabels: scorePointsLabels,
+          traits: traits
+        }));
+        return acc;
+      }, []);
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        scales: newScales,
+        excludeZero: excludeZero
+      }));
+
+      _this.hideToggleExcludeZeroModal();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (updatedModel, updatedProperty) {
+      var _ref23 = _this.props || {},
+          onModelChanged = _ref23.onModelChanged;
+
+      if (updatedProperty === 'excludeZero') {
+        _this.showToggleExcludeZeroModal();
+      } else {
+        onModelChanged(updatedModel);
+      }
+    });
+    _this.divRef = /*#__PURE__*/_react["default"].createRef();
+    _this.updateDivWidth = _this.updateDivWidth.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateDivWidth();
+      window.addEventListener('resize', this.updateDivWidth);
+      window.addEventListener('load', this.updateDivWidth);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.updateDivWidth);
+      window.removeEventListener('load', this.updateDivWidth);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (!this.state.initialUpdateCompleted) {
+        this.updateDivWidth();
+        this.setState({
+          initialUpdateCompleted: true
+        });
+      }
+    }
+  }, {
+    key: "updateDivWidth",
+    value: function updateDivWidth() {
+      if (this.divRef && this.divRef.current) {
+        var divWidth = this.divRef.current.offsetWidth;
+        this.set({
+          adjustedWidth: divWidth
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _ref24 = this.props || {},
+          model = _ref24.model,
+          configuration = _ref24.configuration,
+          onConfigurationChanged = _ref24.onConfigurationChanged,
+          uploadSoundSupport = _ref24.uploadSoundSupport,
+          imageSupport = _ref24.imageSupport;
+
+      var _ref25 = configuration || {},
+          addScale = _ref25.addScale,
+          _ref25$baseInputConfi = _ref25.baseInputConfiguration,
+          baseInputConfiguration = _ref25$baseInputConfi === void 0 ? {} : _ref25$baseInputConfi,
+          dragAndDrop = _ref25.dragAndDrop,
+          _ref25$contentDimensi = _ref25.contentDimensions,
+          contentDimensions = _ref25$contentDimensi === void 0 ? {} : _ref25$contentDimensi,
+          showDescription = _ref25.showDescription,
+          showExcludeZero = _ref25.showExcludeZero,
+          showLevelTagInput = _ref25.showLevelTagInput,
+          showStandards = _ref25.showStandards,
+          showHalfScoring = _ref25.showHalfScoring,
+          showMaxPoint = _ref25.showMaxPoint,
+          showScorePointLabels = _ref25.showScorePointLabels,
+          showVisibleToStudent = _ref25.showVisibleToStudent,
+          _ref25$spellCheck = _ref25.spellCheck,
+          spellCheck = _ref25$spellCheck === void 0 ? {} : _ref25$spellCheck,
+          settingsPanelDisabled = _ref25.settingsPanelDisabled,
+          maxNoOfTraits = _ref25.maxNoOfTraits,
+          minNoOfTraits = _ref25.minNoOfTraits,
+          width = _ref25.width,
+          _ref25$mathMlOptions = _ref25.mathMlOptions,
+          mathMlOptions = _ref25$mathMlOptions === void 0 ? {} : _ref25$mathMlOptions,
+          maxMaxPoints = _ref25.maxMaxPoints,
+          _ref25$expandedInput = _ref25.expandedInput,
+          expandedInput = _ref25$expandedInput === void 0 ? {} : _ref25$expandedInput,
+          _ref25$labelInput = _ref25.labelInput,
+          labelInput = _ref25$labelInput === void 0 ? {} : _ref25$labelInput;
+
+      var _ref26 = model || {},
+          errors = _ref26.errors,
+          scales = _ref26.scales,
+          excludeZero = _ref26.excludeZero,
+          description = _ref26.description,
+          pointLabels = _ref26.pointLabels,
+          standards = _ref26.standards,
+          spellCheckEnabled = _ref26.spellCheckEnabled,
+          maxPointsEnabled = _ref26.maxPointsEnabled,
+          addScaleEnabled = _ref26.addScaleEnabled;
+
+      var _ref27 = this.state || {},
+          showExcludeZeroDialog = _ref27.showExcludeZeroDialog,
+          showInfoDialog = _ref27.showInfoDialog,
+          infoDialogText = _ref27.infoDialogText,
+          adjustedWidth = _ref27.adjustedWidth;
+
+      var panelSettings = {
+        standards: showStandards.settings && toggle(showStandards.label),
+        'showLevelTagInput.enabled': showLevelTagInput.settings && toggle(showLevelTagInput.label, true),
+        visibleToStudent: showVisibleToStudent.settings && toggle(showVisibleToStudent.label),
+        excludeZero: showExcludeZero.settings && toggle(showExcludeZero.label),
+        halfScoring: showHalfScoring.settings && toggle(showHalfScoring.label),
+        'dragAndDrop.enabled': dragAndDrop.settings && toggle(dragAndDrop.label, true)
+      };
+      var panelProperties = {
+        description: showDescription.settings && toggle(showDescription.label),
+        pointLabels: showScorePointLabels.settings && toggle(showScorePointLabels.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),
+        addScaleEnabled: addScale.settings && toggle(addScale.label)
+      };
+
+      var getPluginProps = function getPluginProps(props) {
+        return Object.assign(_objectSpread({}, baseInputConfiguration), props || {});
+      };
+
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          onChangeModel: this.onModelChanged,
+          configuration: configuration,
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Settings: panelSettings,
+            Properties: panelProperties
+          },
+          modal: /*#__PURE__*/_react["default"].createElement(ShowModal, {
+            showExcludeZeroDialog: showExcludeZeroDialog,
+            excludeZero: excludeZero,
+            changeExcludeZero: this.changeExcludeZero,
+            cancel: this.hideToggleExcludeZeroModal
+          })
+        })
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: '100%'
+        },
+        ref: this.divRef
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: width || adjustedWidth
+        }
+      }, (scales || []).map(function (scale, scaleIndex) {
+        return /*#__PURE__*/_react["default"].createElement(_scale["default"], (0, _extends2["default"])({
+          key: "scale-".concat(scaleIndex),
+          scale: scale,
+          scaleIndex: scaleIndex,
+          errors: errors,
+          onScaleRemoved: _this2.onScaleRemoved,
+          onScaleChanged: _this2.onScaleChanged,
+          showStandards: standards,
+          showScorePointLabels: pointLabels,
+          showDescription: description,
+          showLevelTagInput: showLevelTagInput.enabled,
+          excludeZero: excludeZero,
+          enableDragAndDrop: dragAndDrop.enabled,
+          spellCheck: spellCheckEnabled,
+          width: adjustedWidth,
+          uploadSoundSupport: uploadSoundSupport,
+          maxPointsEnabled: maxPointsEnabled,
+          maxNoOfTraits: maxNoOfTraits,
+          minNoOfTraits: minNoOfTraits,
+          imageSupport: imageSupport
+        }, _this2.props, {
+          classes: {},
+          mathMlOptions: mathMlOptions,
+          maxMaxPoints: maxMaxPoints,
+          expandedPluginProps: getPluginProps(expandedInput === null || expandedInput === void 0 ? void 0 : expandedInput.inputConfiguration),
+          labelPluginProps: getPluginProps(labelInput === null || labelInput === void 0 ? void 0 : labelInput.inputConfiguration)
+        }));
+      }), addScaleEnabled && /*#__PURE__*/_react["default"].createElement(_common.MultiTraitButton, {
+        onClick: this.onScaleAdded
+      }, "Add Scale")), /*#__PURE__*/_react["default"].createElement(_modals.InfoDialog, {
+        open: showInfoDialog,
+        text: infoDialogText,
+        onClose: function onClose() {
+          return _this2.set({
+            showInfoDialog: false
+          });
+        }
+      }));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+exports.Main = Main;
+Main.propTypes = {
+  classes: _propTypes["default"].object,
+  model: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
+  configuration: _propTypes["default"].object,
+  onModelChanged: _propTypes["default"].func,
+  onConfigurationChanged: _propTypes["default"].func,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
+};
+
+var _default = (0, _drag.withDragContext)((0, _styles.withStyles)(styles)(Main));
+
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","MIN_WIDTH","styles","theme","design","fontFamily","fontSize","typography","ShowModal","showExcludeZeroDialog","excludeZero","changeExcludeZero","cancel","propTypes","PropTypes","bool","func","Main","props","showDecreaseMaxPointsDialog","showDeleteScaleDialog","showDeleteTraitDialog","showInfoDialog","infoDialogText","adjustedWidth","initialUpdateCompleted","model","onModelChanged","configuration","scales","maxNoOfScales","defaultTraitLabel","length","traitLabel","set","push","maxPoints","scorePointsLabels","traits","scaleIndex","params","Object","keys","forEach","key","minNoOfScales","slice","halfScoring","visibleToStudent","newState","setState","pointLabels","description","standards","excludeZeroType","newScales","reduce","acc","scale","excludeZeroTypes","remove0","map","scorePointsDescriptors","trait","add0","shiftLeft","shiftRight","hideToggleExcludeZeroModal","updatedModel","updatedProperty","showToggleExcludeZeroModal","divRef","React","createRef","updateDivWidth","bind","window","addEventListener","removeEventListener","state","current","divWidth","offsetWidth","onConfigurationChanged","uploadSoundSupport","imageSupport","addScale","baseInputConfiguration","dragAndDrop","contentDimensions","showDescription","showExcludeZero","showLevelTagInput","showStandards","showHalfScoring","showMaxPoint","showScorePointLabels","showVisibleToStudent","spellCheck","settingsPanelDisabled","maxNoOfTraits","minNoOfTraits","width","mathMlOptions","maxMaxPoints","expandedInput","labelInput","errors","spellCheckEnabled","maxPointsEnabled","addScaleEnabled","panelSettings","label","panelProperties","getPluginProps","assign","Settings","Properties","onScaleRemoved","onScaleChanged","enabled","inputConfiguration","onScaleAdded","Component","classes","object","shape","add","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { withDragContext } from '@pie-lib/pie-toolbox/drag';\nimport { layout, settings } from '@pie-lib/pie-toolbox/config-ui';\n\nimport Scale from './scale';\nimport { MultiTraitButton } from './common';\nimport { ExcludeZeroDialog, excludeZeroTypes, IncludeZeroDialog, InfoDialog } from './modals';\n\nconst { Panel, toggle } = settings;\nconst MIN_WIDTH = '650px';\n\nconst styles = (theme) => ({\n  design: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize,\n  },\n});\n\nconst ShowModal = ({ showExcludeZeroDialog, excludeZero, changeExcludeZero, cancel }) => {\n  if (showExcludeZeroDialog && !excludeZero) {\n    return (\n      <ExcludeZeroDialog\n        open={showExcludeZeroDialog && !excludeZero}\n        changeExcludeZero={changeExcludeZero}\n        cancel={cancel}\n      />\n    );\n  } else if (showExcludeZeroDialog && excludeZero) {\n    return (\n      <IncludeZeroDialog\n        open={showExcludeZeroDialog && excludeZero}\n        changeExcludeZero={changeExcludeZero}\n        cancel={cancel}\n      />\n    );\n  } else {\n    return null;\n  }\n};\n\nShowModal.propTypes = {\n  showExcludeZeroDialog: PropTypes.bool,\n  excludeZero: PropTypes.bool,\n  changeExcludeZero: PropTypes.func,\n  cancel: PropTypes.func,\n};\n\nexport class Main extends React.Component {\n  constructor(props) {\n    super(props);\n    this.divRef = React.createRef();\n    this.updateDivWidth = this.updateDivWidth.bind(this);\n  }\n\n  state = {\n    showDecreaseMaxPointsDialog: false,\n    showDeleteScaleDialog: false,\n    showDeleteTraitDialog: false,\n    showExcludeZeroDialog: false,\n    showInfoDialog: false,\n    infoDialogText: '',\n    adjustedWidth: MIN_WIDTH,\n    initialUpdateCompleted: false, // flag to track the initial update of the div width\n  };\n\n  componentDidMount() {\n    this.updateDivWidth();\n\n    window.addEventListener('resize', this.updateDivWidth);\n    window.addEventListener('load', this.updateDivWidth);\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updateDivWidth);\n    window.removeEventListener('load', this.updateDivWidth);\n  }\n\n  componentDidUpdate() {\n    if (!this.state.initialUpdateCompleted) {\n      this.updateDivWidth();\n      this.setState({ initialUpdateCompleted: true });\n    }\n  }\n\n  updateDivWidth() {\n    if (this.divRef && this.divRef.current) {\n      const divWidth = this.divRef.current.offsetWidth;\n      this.set({\n        adjustedWidth: divWidth,\n      });\n    }\n  }\n\n  onScaleAdded = () => {\n    const { model, onModelChanged, configuration } = this.props;\n    let { scales, excludeZero } = model || {};\n    const { maxNoOfScales } = configuration || {};\n    let { defaultTraitLabel } = configuration || '';\n\n    if (!scales.length) {\n      scales = [];\n    }\n\n    // if no default trait label is defined, take the trait label of the first scale\n    defaultTraitLabel = typeof defaultTraitLabel === 'string' ? defaultTraitLabel : scales[0]?.traitLabel || '';\n\n    if (scales.length === maxNoOfScales) {\n      this.set({\n        infoDialogText: `There can't be more than ${maxNoOfScales} scales.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    scales.push({\n      maxPoints: 1,\n      scorePointsLabels: excludeZero ? [''] : ['', ''],\n      traitLabel: defaultTraitLabel,\n      traits: [],\n    });\n\n    onModelChanged({ ...model, scales });\n  };\n\n  onScaleChanged = (scaleIndex, params) => {\n    const { model, onModelChanged } = this.props;\n    const scales = cloneDeep((model || {}).scales);\n\n    if (scaleIndex < 0 || scaleIndex >= scales.length || isEmpty(params)) return false;\n\n    Object.keys(params).forEach((key) => {\n      scales[scaleIndex][key] = params[key];\n    });\n\n    onModelChanged({ ...model, scales });\n  };\n\n  onScaleRemoved = (scaleIndex) => {\n    const { model, onModelChanged, configuration } = this.props;\n    let { scales } = model || {};\n    const { minNoOfScales } = configuration || {};\n\n    if (scaleIndex < 0 || scaleIndex >= scales.length) return false;\n\n    if (scales.length === minNoOfScales) {\n      this.set({\n        infoDialogText: `There can't be less than ${minNoOfScales} scales.`,\n        showInfoDialog: true,\n      });\n\n      return false;\n    }\n\n    scales = [...scales.slice(0, scaleIndex), ...scales.slice(scaleIndex + 1)];\n\n    onModelChanged({ ...model, scales });\n  };\n\n  onHalfScoringChanged = () => {\n    const { model, onModelChanged } = this.props;\n    let { halfScoring } = model || {};\n\n    onModelChanged({ ...model, halfScoring: !halfScoring });\n  };\n\n  onVisibleToStudentChanged = () => {\n    const { model, onModelChanged } = this.props;\n    let { visibleToStudent } = model || {};\n\n    onModelChanged({ ...model, visibleToStudent: !visibleToStudent });\n  };\n\n  set = (newState) => this.setState(newState);\n\n  changeShowScorePointLabels = () => {\n    const { model, onModelChanged } = this.props || {};\n    let { pointLabels } = model || {};\n\n    pointLabels = !pointLabels;\n\n    onModelChanged({ ...model, pointLabels });\n  };\n\n  changeShowDescription = () => {\n    const { model, onModelChanged } = this.props || {};\n    let { description } = model || {};\n\n    description = !description;\n\n    onModelChanged({ ...model, description });\n  };\n\n  changeShowStandards = () => {\n    const { model, onModelChanged } = this.props || {};\n    let { standards } = model || {};\n\n    standards = !standards;\n\n    onModelChanged({ ...model, standards });\n  };\n\n  // Exclude Zero\n  showToggleExcludeZeroModal = () => this.set({ showExcludeZeroDialog: true });\n\n  hideToggleExcludeZeroModal = () => {\n    this.set({ showExcludeZeroDialog: false });\n  };\n\n  onCloseInfoDialog = () => this.set({ showInfoDialog: false });\n\n  changeExcludeZero = (excludeZeroType) => {\n    const { model, onModelChanged } = this.props || {};\n    const { scales } = model || {};\n    let { excludeZero } = model || {};\n\n    if (!scales || !scales.length) return;\n\n    excludeZero = !excludeZero;\n\n    const newScales = scales.reduce((acc, scale) => {\n      let { scorePointsLabels, traits } = scale || {};\n\n      if (scorePointsLabels.length < 1) return acc;\n\n      switch (excludeZeroType) {\n        case excludeZeroTypes.remove0: {\n          // removes column 0\n          scorePointsLabels = scorePointsLabels.slice(1);\n          traits = traits.map(({ scorePointsDescriptors, ...trait }) => ({\n            ...trait,\n            scorePointsDescriptors: scorePointsDescriptors.slice(1),\n          }));\n\n          break;\n        }\n\n        case excludeZeroTypes.add0: {\n          // adds empty column at start\n          scorePointsLabels = ['', ...scorePointsLabels];\n          traits = traits.map(({ scorePointsDescriptors, ...trait }) => ({\n            ...trait,\n            scorePointsDescriptors: ['', ...scorePointsDescriptors],\n          }));\n\n          break;\n        }\n\n        case excludeZeroTypes.shiftLeft: {\n          // removes last column\n          scorePointsLabels = scorePointsLabels.slice(0, -1);\n          traits = traits.map(({ scorePointsDescriptors, ...trait }) => ({\n            ...trait,\n            scorePointsDescriptors: scorePointsDescriptors.slice(0, -1),\n          }));\n\n          break;\n        }\n\n        case excludeZeroTypes.shiftRight: {\n          // adds empty column at end\n          scorePointsLabels = [...scorePointsLabels, ''];\n          traits = traits.map(({ scorePointsDescriptors, ...trait }) => ({\n            ...trait,\n            scorePointsDescriptors: [...scorePointsDescriptors, ''],\n          }));\n\n          break;\n        }\n\n        default:\n          break;\n      }\n\n      acc.push({ ...scale, scorePointsLabels, traits });\n\n      return acc;\n    }, []);\n\n    onModelChanged({ ...model, scales: newScales, excludeZero });\n\n    this.hideToggleExcludeZeroModal();\n  };\n\n  onModelChanged = (updatedModel, updatedProperty) => {\n    const { onModelChanged } = this.props || {};\n\n    if (updatedProperty === 'excludeZero') {\n      this.showToggleExcludeZeroModal();\n    } else {\n      onModelChanged(updatedModel);\n    }\n  };\n\n  render() {\n    const { model, configuration, onConfigurationChanged, uploadSoundSupport, imageSupport } = this.props || {};\n    const {\n      addScale,\n      baseInputConfiguration = {},\n      dragAndDrop,\n      contentDimensions = {},\n      showDescription,\n      showExcludeZero,\n      showLevelTagInput,\n      showStandards,\n      showHalfScoring,\n      showMaxPoint,\n      showScorePointLabels,\n      showVisibleToStudent,\n      spellCheck = {},\n      settingsPanelDisabled,\n      maxNoOfTraits,\n      minNoOfTraits,\n      width,\n      mathMlOptions = {},\n      maxMaxPoints,\n      expandedInput = {},\n      labelInput = {},\n    } = configuration || {};\n    const {\n      errors,\n      scales,\n      excludeZero,\n      description,\n      pointLabels,\n      standards,\n      spellCheckEnabled,\n      maxPointsEnabled,\n      addScaleEnabled,\n    } = model || {};\n    const { showExcludeZeroDialog, showInfoDialog, infoDialogText, adjustedWidth } = this.state || {};\n\n    const panelSettings = {\n      standards: showStandards.settings && toggle(showStandards.label),\n      'showLevelTagInput.enabled': showLevelTagInput.settings && toggle(showLevelTagInput.label, true),\n      visibleToStudent: showVisibleToStudent.settings && toggle(showVisibleToStudent.label),\n      excludeZero: showExcludeZero.settings && toggle(showExcludeZero.label),\n      halfScoring: showHalfScoring.settings && toggle(showHalfScoring.label),\n      'dragAndDrop.enabled': dragAndDrop.settings && toggle(dragAndDrop.label, true),\n    };\n    const panelProperties = {\n      description: showDescription.settings && toggle(showDescription.label),\n      pointLabels: showScorePointLabels.settings && toggle(showScorePointLabels.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      maxPointsEnabled: showMaxPoint.settings && toggle(showMaxPoint.label),\n      addScaleEnabled: addScale.settings && toggle(addScale.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={this.onModelChanged}\n            configuration={configuration}\n            onChangeConfiguration={onConfigurationChanged}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n            modal={\n              <ShowModal\n                showExcludeZeroDialog={showExcludeZeroDialog}\n                excludeZero={excludeZero}\n                changeExcludeZero={this.changeExcludeZero}\n                cancel={this.hideToggleExcludeZeroModal}\n              ></ShowModal>\n            }\n          />\n        }\n      >\n        <div style={{ width: '100%' }} ref={this.divRef} />\n        <div style={{ width: width || adjustedWidth }}>\n          {(scales || []).map((scale, scaleIndex) => (\n            <Scale\n              key={`scale-${scaleIndex}`}\n              scale={scale}\n              scaleIndex={scaleIndex}\n              errors={errors}\n              onScaleRemoved={this.onScaleRemoved}\n              onScaleChanged={this.onScaleChanged}\n              showStandards={standards}\n              showScorePointLabels={pointLabels}\n              showDescription={description}\n              showLevelTagInput={showLevelTagInput.enabled}\n              excludeZero={excludeZero}\n              enableDragAndDrop={dragAndDrop.enabled}\n              spellCheck={spellCheckEnabled}\n              width={adjustedWidth}\n              uploadSoundSupport={uploadSoundSupport}\n              maxPointsEnabled={maxPointsEnabled}\n              maxNoOfTraits={maxNoOfTraits}\n              minNoOfTraits={minNoOfTraits}\n              imageSupport={imageSupport}\n              {...this.props}\n              classes={{}}\n              mathMlOptions={mathMlOptions}\n              maxMaxPoints={maxMaxPoints}\n              expandedPluginProps={getPluginProps(expandedInput?.inputConfiguration)}\n              labelPluginProps={getPluginProps(labelInput?.inputConfiguration)}\n            />\n          ))}\n          {addScaleEnabled && <MultiTraitButton onClick={this.onScaleAdded}>Add Scale</MultiTraitButton>}\n        </div>\n\n        <InfoDialog open={showInfoDialog} text={infoDialogText} onClose={() => this.set({ showInfoDialog: false })} />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nMain.propTypes = {\n  classes: PropTypes.object,\n  model: PropTypes.object,\n  uploadSoundSupport: PropTypes.object,\n  configuration: PropTypes.object,\n  onModelChanged: PropTypes.func,\n  onConfigurationChanged: PropTypes.func,\n  imageSupport: PropTypes.shape({\n    add: PropTypes.func.isRequired,\n    delete: PropTypes.func.isRequired,\n  }),\n};\n\nexport default withDragContext(withStyles(styles)(Main));\n"],"file":"main.js"}