@pie-element/complex-rubric 3.8.4-next.9 → 5.0.1-esmbeta.0

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

@@ -0,0 +1,546 @@
+"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 _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 _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _drag = require("@pie-lib/drag");
+
+var _configUi = require("@pie-lib/config-ui");
+
+var _scale = _interopRequireDefault(require("./scale"));
+
+var _common = require("./common");
+
+var _modals = require("./modals");
+
+var _utils = require("./utils");
+
+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), "updateDivWidthDebounced", (0, _debounce["default"])(function () {
+      return _this.updateDivWidth();
+    }, 50));
+    (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];
+      });
+
+      if (model.excludeZero && params.maxPoints === 1) {
+        // excludeZero should be false and disabled when maxPoints is 1 for any scale
+        model.excludeZero = false;
+        scales = (0, _utils.addOrRemoveScaleColumn)(scales, _modals.excludeZeroTypes.add0);
+      }
+
+      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 = (0, _utils.addOrRemoveScaleColumn)(scales, excludeZeroType);
+      onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
+        scales: newScales,
+        excludeZero: excludeZero
+      }));
+
+      _this.hideToggleExcludeZeroModal();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (updatedModel, updatedProperty) {
+      var _ref18 = _this.props || {},
+          onModelChanged = _ref18.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() {
+      window.addEventListener('resize', this.updateDivWidthDebounced);
+      window.addEventListener('load', this.updateDivWidth); // delay updateDivWidth to avoid having this.divRef.current = null at first load
+
+      setTimeout(this.updateDivWidth, 0);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.updateDivWidthDebounced);
+      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;
+
+        if (divWidth !== this.state.adjustedWidth) {
+          this.set({
+            adjustedWidth: divWidth
+          });
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _ref19 = this.props || {},
+          model = _ref19.model,
+          configuration = _ref19.configuration,
+          onConfigurationChanged = _ref19.onConfigurationChanged,
+          uploadSoundSupport = _ref19.uploadSoundSupport,
+          imageSupport = _ref19.imageSupport;
+
+      var _ref20 = configuration || {},
+          addScale = _ref20.addScale,
+          _ref20$baseInputConfi = _ref20.baseInputConfiguration,
+          baseInputConfiguration = _ref20$baseInputConfi === void 0 ? {} : _ref20$baseInputConfi,
+          dragAndDrop = _ref20.dragAndDrop,
+          _ref20$contentDimensi = _ref20.contentDimensions,
+          contentDimensions = _ref20$contentDimensi === void 0 ? {} : _ref20$contentDimensi,
+          showDescription = _ref20.showDescription,
+          showExcludeZero = _ref20.showExcludeZero,
+          showLevelTagInput = _ref20.showLevelTagInput,
+          showStandards = _ref20.showStandards,
+          showHalfScoring = _ref20.showHalfScoring,
+          showMaxPoint = _ref20.showMaxPoint,
+          showScorePointLabels = _ref20.showScorePointLabels,
+          showVisibleToStudent = _ref20.showVisibleToStudent,
+          _ref20$spellCheck = _ref20.spellCheck,
+          spellCheck = _ref20$spellCheck === void 0 ? {} : _ref20$spellCheck,
+          settingsPanelDisabled = _ref20.settingsPanelDisabled,
+          maxNoOfTraits = _ref20.maxNoOfTraits,
+          minNoOfTraits = _ref20.minNoOfTraits,
+          width = _ref20.width,
+          _ref20$mathMlOptions = _ref20.mathMlOptions,
+          mathMlOptions = _ref20$mathMlOptions === void 0 ? {} : _ref20$mathMlOptions,
+          maxMaxPoints = _ref20.maxMaxPoints,
+          _ref20$expandedInput = _ref20.expandedInput,
+          expandedInput = _ref20$expandedInput === void 0 ? {} : _ref20$expandedInput,
+          _ref20$labelInput = _ref20.labelInput,
+          labelInput = _ref20$labelInput === void 0 ? {} : _ref20$labelInput;
+
+      var _ref21 = model || {},
+          errors = _ref21.errors,
+          extraCSSRules = _ref21.extraCSSRules,
+          scales = _ref21.scales,
+          excludeZero = _ref21.excludeZero,
+          description = _ref21.description,
+          pointLabels = _ref21.pointLabels,
+          standards = _ref21.standards,
+          spellCheckEnabled = _ref21.spellCheckEnabled,
+          maxPointsEnabled = _ref21.maxPointsEnabled,
+          addScaleEnabled = _ref21.addScaleEnabled;
+
+      var _ref22 = this.state || {},
+          showExcludeZeroDialog = _ref22.showExcludeZeroDialog,
+          showInfoDialog = _ref22.showInfoDialog,
+          infoDialogText = _ref22.infoDialogText,
+          adjustedWidth = _ref22.adjustedWidth; // excludeZero should be false and disabled when maxPoints is 1 for any scale
+
+
+      var disabledExcludeZero = scales === null || scales === void 0 ? void 0 : scales.some(function (scale) {
+        return scale.maxPoints === 1;
+      });
+      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, false, disabledExcludeZero),
+        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, {
+        extraCSSRules: extraCSSRules,
+        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","updateDivWidth","model","onModelChanged","configuration","scales","maxNoOfScales","defaultTraitLabel","length","traitLabel","set","push","maxPoints","scorePointsLabels","traits","scaleIndex","params","Object","keys","forEach","key","excludeZeroTypes","add0","minNoOfScales","slice","halfScoring","visibleToStudent","newState","setState","pointLabels","description","standards","excludeZeroType","newScales","hideToggleExcludeZeroModal","updatedModel","updatedProperty","showToggleExcludeZeroModal","divRef","React","createRef","bind","window","addEventListener","updateDivWidthDebounced","setTimeout","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","extraCSSRules","spellCheckEnabled","maxPointsEnabled","addScaleEnabled","disabledExcludeZero","some","scale","panelSettings","label","panelProperties","getPluginProps","assign","Settings","Properties","map","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';\nimport debounce from 'lodash/debounce';\n\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { withDragContext } from '@pie-lib/drag';\nimport { layout, settings } from '@pie-lib/config-ui';\n\nimport Scale from './scale';\nimport { MultiTraitButton } from './common';\nimport { ExcludeZeroDialog, excludeZeroTypes, IncludeZeroDialog, InfoDialog } from './modals';\nimport { addOrRemoveScaleColumn } from './utils';\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    window.addEventListener('resize', this.updateDivWidthDebounced);\n    window.addEventListener('load', this.updateDivWidth);\n\n    // delay updateDivWidth to avoid having this.divRef.current = null at first load\n    setTimeout(this.updateDivWidth, 0);\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updateDivWidthDebounced);\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      if (divWidth !== this.state.adjustedWidth) {\n        this.set({\n          adjustedWidth: divWidth,\n        });\n      }\n    }\n  }\n\n  updateDivWidthDebounced = debounce(() => this.updateDivWidth(), 50);\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    let 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    if (model.excludeZero && params.maxPoints === 1) {\n      // excludeZero should be false and disabled when maxPoints is 1 for any scale\n      model.excludeZero = false;\n      scales = addOrRemoveScaleColumn(scales, excludeZeroTypes.add0);\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    const newScales = addOrRemoveScaleColumn(scales, excludeZeroType);\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      extraCSSRules,\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    // excludeZero should be false and disabled when maxPoints is 1 for any scale\n    const disabledExcludeZero = scales?.some((scale) => scale.maxPoints === 1);\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, false, disabledExcludeZero),\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        extraCSSRules={extraCSSRules}\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"}