@pie-element/categorize 8.15.1-next.1 → 8.15.1-next.10

package/configure/lib/design/index.js

@@ -0,0 +1,538 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Design = void 0;
+
+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 _utils = require("./utils");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _configUi = require("@pie-lib/pie-toolbox/config-ui");
+
+var _categorize = require("@pie-lib/pie-toolbox/categorize");
+
+var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
+
+var _drag = require("@pie-lib/pie-toolbox/drag");
+
+var _categories = _interopRequireDefault(require("./categories"));
+
+var _alternateResponses = _interopRequireDefault(require("./categories/alternateResponses"));
+
+var _choices = _interopRequireDefault(require("./choices"));
+
+var _builder = require("./builder");
+
+var _header = _interopRequireDefault(require("./header"));
+
+var _utils2 = require("../utils");
+
+var _translator = _interopRequireDefault(require("@pie-lib/pie-toolbox/translator"));
+
+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 translator = _translator["default"].translator;
+var dropdown = _configUi.settings.dropdown,
+    Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    radio = _configUi.settings.radio,
+    numberField = _configUi.settings.numberField;
+var IdProvider = _drag.uid.Provider;
+
+var Design = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Design, _React$Component);
+
+  var _super = _createSuper(Design);
+
+  function Design(_props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Design);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateModel", function (props) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          onChange = _this$props.onChange;
+
+      var updatedModel = _objectSpread(_objectSpread({}, model), props);
+
+      updatedModel.choices = updatedModel.choices.map(function (c) {
+        return _objectSpread(_objectSpread({}, c), {}, {
+          categoryCount: _this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c)
+        });
+      }); //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.
+
+      updatedModel.correctResponse = (0, _categorize.ensureNoExtraChoicesInAnswer)(updatedModel.correctResponse || [], updatedModel.choices); //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.
+
+      updatedModel.correctResponse = (0, _categorize.ensureNoExtraChoicesInAlternate)(updatedModel.correctResponse || [], updatedModel.choices); //clean categories
+
+      updatedModel.categories = updatedModel.categories.map(function (c) {
+        return {
+          id: c.id,
+          label: c.label
+        };
+      });
+      updatedModel.choices = updatedModel.choices.map(function (h) {
+        return {
+          id: h.id,
+          content: h.content,
+          categoryCount: h.categoryCount
+        };
+      }); // ensure that maxChoicesPerCategory is reset if author switch back the corresponding switch (allowMaxChoicesPerCategory)
+
+      updatedModel.maxChoicesPerCategory = updatedModel.allowMaxChoicesPerCategory ? updatedModel.maxChoicesPerCategory : 0;
+      onChange(updatedModel);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeRationale", function (rationale) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          onChange = _this$props2.onChange;
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        rationale: rationale
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeTeacherInstructions", function (teacherInstructions) {
+      var _this$props3 = _this.props,
+          model = _this$props3.model,
+          onChange = _this$props3.onChange;
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        teacherInstructions: teacherInstructions
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeFeedback", function (feedback) {
+      _this.updateModel({
+        feedback: feedback
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddAlternateResponse", function () {
+      var correctResponse = _this.props.model.correctResponse;
+
+      _this.updateModel({
+        correctResponse: (correctResponse || []).map(function (cr) {
+          return _objectSpread(_objectSpread({}, cr), {}, {
+            alternateResponses: [].concat((0, _toConsumableArray2["default"])(cr.alternateResponses || []), [[]])
+          });
+        })
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
+      return _this.updateModel({
+        prompt: prompt
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRemoveAlternateResponse", function (index) {
+      var correctResponse = _this.props.model.correctResponse;
+
+      _this.updateModel({
+        correctResponse: (correctResponse || []).map(function (cr) {
+          return _objectSpread(_objectSpread({}, cr), {}, {
+            alternateResponses: (cr.alternateResponses || []).filter(function (alt, altIndex) {
+              return altIndex !== index;
+            })
+          });
+        })
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "countChoiceInCorrectResponse", function (choice) {
+      var model = _this.props.model;
+      return (0, _categorize.countInAnswer)(choice.id, model.correctResponse);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkAllowMultiplePlacements", function (allowMultiplePlacements, c) {
+      if (allowMultiplePlacements === _utils2.multiplePlacements.enabled) {
+        return 0;
+      }
+
+      if (allowMultiplePlacements === _utils2.multiplePlacements.disabled) {
+        return 1;
+      }
+
+      return c.categoryCount || 0;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isAlertModalOpened", function () {
+      var model = _this.props.model;
+
+      var _ref = model || {},
+          _ref$maxChoicesPerCat = _ref.maxChoicesPerCategory,
+          maxChoicesPerCategory = _ref$maxChoicesPerCat === void 0 ? 0 : _ref$maxChoicesPerCat;
+
+      var maxChoices = (0, _utils2.getMaxCategoryChoices)(model); // when maxChoicesPerCategory is set to 0, there is no limit so modal should not be opened
+
+      return maxChoicesPerCategory !== 0 ? maxChoices > maxChoicesPerCategory : false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlertModalCancel", function () {
+      var model = _this.props.model;
+      var maxChoices = (0, _utils2.getMaxCategoryChoices)(model);
+
+      _this.updateModel({
+        maxChoicesPerCategory: maxChoices
+      });
+    });
+    _this.uid = _props.uid || _drag.uid.generateId();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Design, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props4 = this.props,
+          classes = _this$props4.classes,
+          configuration = _this$props4.configuration,
+          imageSupport = _this$props4.imageSupport,
+          model = _this$props4.model,
+          uploadSoundSupport = _this$props4.uploadSoundSupport,
+          onConfigurationChanged = _this$props4.onConfigurationChanged;
+
+      var _ref2 = configuration || {},
+          _ref2$allowMultiplePl = _ref2.allowMultiplePlacements,
+          allowMultiplePlacements = _ref2$allowMultiplePl === void 0 ? {} : _ref2$allowMultiplePl,
+          _ref2$baseInputConfig = _ref2.baseInputConfiguration,
+          baseInputConfiguration = _ref2$baseInputConfig === void 0 ? {} : _ref2$baseInputConfig,
+          _ref2$categoriesPerRo = _ref2.categoriesPerRow,
+          categoriesPerRow = _ref2$categoriesPerRo === void 0 ? {} : _ref2$categoriesPerRo,
+          _ref2$choicesPosition = _ref2.choicesPosition,
+          choicesPosition = _ref2$choicesPosition === void 0 ? {} : _ref2$choicesPosition,
+          _ref2$contentDimensio = _ref2.contentDimensions,
+          contentDimensions = _ref2$contentDimensio === void 0 ? {} : _ref2$contentDimensio,
+          _ref2$feedback = _ref2.feedback,
+          feedback = _ref2$feedback === void 0 ? {} : _ref2$feedback,
+          _ref2$lockChoiceOrder = _ref2.lockChoiceOrder,
+          lockChoiceOrder = _ref2$lockChoiceOrder === void 0 ? {} : _ref2$lockChoiceOrder,
+          _ref2$maxImageHeight = _ref2.maxImageHeight,
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          _ref2$maxImageWidth = _ref2.maxImageWidth,
+          maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
+          _ref2$maxPlacements = _ref2.maxPlacements,
+          maxPlacements = _ref2$maxPlacements === void 0 ? {} : _ref2$maxPlacements,
+          _ref2$minCategoriesPe = _ref2.minCategoriesPerRow,
+          minCategoriesPerRow = _ref2$minCategoriesPe === void 0 ? 1 : _ref2$minCategoriesPe,
+          _ref2$partialScoring = _ref2.partialScoring,
+          partialScoring = _ref2$partialScoring === void 0 ? {} : _ref2$partialScoring,
+          _ref2$prompt = _ref2.prompt,
+          prompt = _ref2$prompt === void 0 ? {} : _ref2$prompt,
+          _ref2$rationale = _ref2.rationale,
+          rationale = _ref2$rationale === void 0 ? {} : _ref2$rationale,
+          _ref2$scoringType = _ref2.scoringType,
+          scoringType = _ref2$scoringType === void 0 ? {} : _ref2$scoringType,
+          settingsPanelDisabled = _ref2.settingsPanelDisabled,
+          _ref2$spellCheck = _ref2.spellCheck,
+          spellCheck = _ref2$spellCheck === void 0 ? {} : _ref2$spellCheck,
+          _ref2$studentInstruct = _ref2.studentInstructions,
+          studentInstructions = _ref2$studentInstruct === void 0 ? {} : _ref2$studentInstruct,
+          _ref2$teacherInstruct = _ref2.teacherInstructions,
+          teacherInstructions = _ref2$teacherInstruct === void 0 ? {} : _ref2$teacherInstruct,
+          _ref2$withRubric = _ref2.withRubric,
+          withRubric = _ref2$withRubric === void 0 ? {} : _ref2$withRubric,
+          _ref2$mathMlOptions = _ref2.mathMlOptions,
+          mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions,
+          _ref2$language = _ref2.language,
+          language = _ref2$language === void 0 ? {} : _ref2$language,
+          _ref2$languageChoices = _ref2.languageChoices,
+          languageChoices = _ref2$languageChoices === void 0 ? {} : _ref2$languageChoices;
+
+      var _ref3 = model || {},
+          allowAlternateEnabled = _ref3.allowAlternateEnabled,
+          allowMaxChoicesPerCategory = _ref3.allowMaxChoicesPerCategory,
+          errors = _ref3.errors,
+          feedbackEnabled = _ref3.feedbackEnabled,
+          maxChoicesPerCategory = _ref3.maxChoicesPerCategory,
+          promptEnabled = _ref3.promptEnabled,
+          rationaleEnabled = _ref3.rationaleEnabled,
+          spellCheckEnabled = _ref3.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref3.toolbarEditorPosition;
+
+      var _ref4 = errors || {},
+          promptError = _ref4.prompt,
+          rationaleError = _ref4.rationale,
+          teacherInstructionsError = _ref4.teacherInstructions;
+
+      var toolbarOpts = {
+        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+      };
+      var config = model.config || {};
+      config.choices = config.choices || {
+        label: '',
+        columns: 2
+      };
+      var categories = (0, _builder.buildCategories)(model.categories || [], model.choices || [], model.correctResponse || []);
+      var alternateResponses = (0, _builder.buildAlternateResponses)(model.categories || [], model.choices || [], model.correctResponse || []);
+      var choices = model.choices.map(function (c) {
+        c.correctResponseCount = _this2.countChoiceInCorrectResponse(c); // ensure categoryCount is set even though updatedModel hasn't been called
+
+        c.categoryCount = _this2.checkAllowMultiplePlacements(model.allowMultiplePlacementsEnabled, c);
+        return c;
+      });
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelSettings = {
+        partialScoring: partialScoring.settings && toggle(partialScoring.label),
+        lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
+        categoriesPerRow: categoriesPerRow.settings && numberField(categoriesPerRow.label, {
+          label: categoriesPerRow.label,
+          min: minCategoriesPerRow,
+          max: 6
+        }),
+        choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),
+        allowMultiplePlacementsEnabled: allowMultiplePlacements.settings && dropdown(allowMultiplePlacements.label, [_utils2.multiplePlacements.enabled, _utils2.multiplePlacements.disabled, _utils2.multiplePlacements.perChoice]),
+        allowMaxChoicesPerCategory: maxPlacements.settings && toggle(maxPlacements.label),
+        maxChoicesPerCategory: allowMaxChoicesPerCategory === true && numberField(maxPlacements.label, {
+          label: '',
+          min: 0,
+          max: 30
+        }),
+        promptEnabled: prompt.settings && toggle(prompt.label),
+        feedbackEnabled: feedback.settings && toggle(feedback.label),
+        // PD-2960: deleted temporary from settings panel
+        // allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label),
+        'language.enabled': language.settings && toggle(language.label, true),
+        language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
+      };
+      var isOpened = this.isAlertModalOpened();
+      var alertMaxChoicesMsg = translator.t('translation:categorize:maxChoicesPerCategoryRestriction', {
+        lng: model.language,
+        maxChoicesPerCategory: maxChoicesPerCategory
+      });
+      return /*#__PURE__*/_react["default"].createElement(IdProvider, {
+        value: this.uid
+      }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        dimensions: contentDimensions,
+        hideSettings: settingsPanelDisabled,
+        settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+          model: model,
+          onChangeModel: this.updateModel,
+          configuration: configuration,
+          onChangeConfiguration: onConfigurationChanged,
+          groups: {
+            Settings: panelSettings,
+            Properties: panelProperties
+          },
+          modal: /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+            title: 'Warning',
+            text: alertMaxChoicesMsg,
+            open: isOpened,
+            onClose: this.onAlertModalCancel
+          })
+        })
+      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: teacherInstructions.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.input,
+        markup: model.teacherInstructions || '',
+        onChange: this.changeTeacherInstructions,
+        imageSupport: imageSupport,
+        error: teacherInstructionsError,
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts,
+        pluginProps: (0, _utils.getPluginProps)(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration, baseInputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.input,
+        markup: model.prompt || '',
+        onChange: this.onPromptChanged,
+        imageSupport: imageSupport,
+        error: promptError,
+        nonEmpty: false,
+        disableUnderline: true,
+        toolbarOpts: toolbarOpts,
+        pluginProps: (0, _utils.getPluginProps)(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration, baseInputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+        maxImageHeight: maxImageHeight && maxImageHeight.prompt,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), promptError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, promptError)), /*#__PURE__*/_react["default"].createElement(_categories["default"], {
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        model: model,
+        categories: categories || [],
+        onModelChanged: this.updateModel,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        configuration: configuration,
+        defaultImageMaxWidth: defaultImageMaxWidth,
+        defaultImageMaxHeight: defaultImageMaxHeight,
+        mathMlOptions: mathMlOptions
+      }), /*#__PURE__*/_react["default"].createElement(_choices["default"], {
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
+        choices: choices,
+        model: model,
+        onModelChanged: this.updateModel,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        configuration: configuration,
+        defaultImageMaxWidth: defaultImageMaxWidth,
+        defaultImageMaxHeight: defaultImageMaxHeight
+      }), allowAlternateEnabled && /*#__PURE__*/_react["default"].createElement(_header["default"], {
+        className: classes.alternatesHeader,
+        label: "Alternate Responses",
+        buttonLabel: "ADD AN ALTERNATE RESPONSE",
+        onAdd: this.onAddAlternateResponse
+      }), allowAlternateEnabled && alternateResponses.map(function (categoriesList, index) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: index
+        }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
+          className: classes.alternatesHeader,
+          variant: 'subtitle1',
+          label: "Alternate Response",
+          buttonLabel: "REMOVE ALTERNATE RESPONSE",
+          onAdd: function onAdd() {
+            return _this2.onRemoveAlternateResponse(index);
+          }
+        }), /*#__PURE__*/_react["default"].createElement(_alternateResponses["default"], {
+          altIndex: index,
+          imageSupport: imageSupport,
+          model: model,
+          configuration: configuration,
+          categories: categoriesList,
+          onModelChanged: _this2.updateModel,
+          uploadSoundSupport: uploadSoundSupport,
+          toolbarOpts: toolbarOpts,
+          defaultImageMaxWidth: defaultImageMaxWidth,
+          defaultImageMaxHeight: defaultImageMaxHeight,
+          mathMlOptions: mathMlOptions
+        }));
+      }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: rationale.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
+        className: classes.input,
+        markup: model.rationale || '',
+        onChange: this.changeRationale,
+        imageSupport: imageSupport,
+        error: rationaleError,
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts,
+        pluginProps: (0, _utils.getPluginProps)(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration, baseInputConfiguration),
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }],
+        mathMlOptions: mathMlOptions
+      }), rationaleError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, rationaleError)), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
+        feedback: model.feedback,
+        onChange: this.changeFeedback,
+        toolbarOpts: toolbarOpts
+      })));
+    }
+  }]);
+  return Design;
+}(_react["default"].Component);
+
+exports.Design = Design;
+(0, _defineProperty2["default"])(Design, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  onConfigurationChanged: _propTypes["default"].func,
+  model: _propTypes["default"].object.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  uid: _propTypes["default"].string,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
+});
+
+var styles = function styles(theme) {
+  return {
+    alternatesHeader: {
+      marginBottom: theme.spacing.unit * 2
+    },
+    text: {
+      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 2
+    },
+    inputContainer: {
+      width: '100%',
+      paddingTop: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    title: {
+      marginBottom: theme.spacing.unit * 4
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit
+    }
+  };
+};
+
+var _default = (0, _drag.withDragContext)((0, _styles.withStyles)(styles)(Design));
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/lib/design/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/design/index.jsx"],"names":["translator","Translator","dropdown","settings","Panel","toggle","radio","numberField","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","choices","map","c","categoryCount","checkAllowMultiplePlacements","allowMultiplePlacementsEnabled","correctResponse","categories","id","label","h","content","maxChoicesPerCategory","allowMaxChoicesPerCategory","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","allowMultiplePlacements","multiplePlacements","enabled","disabled","maxChoices","generateId","classes","configuration","imageSupport","uploadSoundSupport","onConfigurationChanged","baseInputConfiguration","categoriesPerRow","choicesPosition","contentDimensions","lockChoiceOrder","maxImageHeight","maxImageWidth","maxPlacements","minCategoriesPerRow","partialScoring","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","withRubric","mathMlOptions","language","languageChoices","allowAlternateEnabled","errors","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","rationaleError","teacherInstructionsError","toolbarOpts","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","min","max","perChoice","options","panelProperties","studentInstructionsEnabled","rubricEnabled","isOpened","isAlertModalOpened","alertMaxChoicesMsg","t","lng","Settings","Properties","onAlertModalCancel","inputContainer","input","changeTeacherInstructions","inputConfiguration","errorText","onPromptChanged","alternatesHeader","onAddAlternateResponse","categoriesList","onRemoveAlternateResponse","changeRationale","changeFeedback","React","Component","PropTypes","object","isRequired","className","string","func","shape","add","styles","theme","marginBottom","spacing","unit","text","paddingTop","paddingBottom","width","title","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FeedbackConfig, InputContainer, layout, settings } from '@pie-lib/pie-toolbox/config-ui';\nimport {\n  countInAnswer,\n  ensureNoExtraChoicesInAnswer,\n  ensureNoExtraChoicesInAlternate,\n} from '@pie-lib/pie-toolbox/categorize';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { uid, withDragContext } from '@pie-lib/pie-toolbox/drag';\n\nimport Categories from './categories';\nimport AlternateResponses from './categories/alternateResponses';\nimport Choices from './choices';\nimport { buildAlternateResponses, buildCategories } from './builder';\nimport Header from './header';\nimport { getMaxCategoryChoices, multiplePlacements } from '../utils';\nimport { AlertDialog } from '@pie-lib/pie-toolbox/config-ui';\nimport Translator from '@pie-lib/pie-toolbox/translator';\n\nconst { translator } = Translator;\nconst { dropdown, Panel, toggle, radio, numberField } = settings;\nconst { Provider: IdProvider } = uid;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uid: PropTypes.string,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || uid.generateId();\n  }\n\n  updateModel = (props) => {\n    const { model, onChange } = this.props;\n\n    const updatedModel = {\n      ...model,\n      ...props,\n    };\n\n    updatedModel.choices = updatedModel.choices.map((c) => ({\n      ...c,\n      categoryCount: this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c),\n    }));\n\n    //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAlternate(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //clean categories\n    updatedModel.categories = updatedModel.categories.map((c) => ({\n      id: c.id,\n      label: c.label,\n    }));\n\n    updatedModel.choices = updatedModel.choices.map((h) => ({\n      id: h.id,\n      content: h.content,\n      categoryCount: h.categoryCount,\n    }));\n\n    // ensure that maxChoicesPerCategory is reset if author switch back the corresponding switch (allowMaxChoicesPerCategory)\n    updatedModel.maxChoicesPerCategory = updatedModel.allowMaxChoicesPerCategory\n      ? updatedModel.maxChoicesPerCategory\n      : 0;\n\n    onChange(updatedModel);\n  };\n\n  changeRationale = (rationale) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      rationale,\n    });\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      teacherInstructions,\n    });\n  };\n\n  changeFeedback = (feedback) => {\n    this.updateModel({ feedback });\n  };\n\n  onAddAlternateResponse = () => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: [...(cr.alternateResponses || []), []],\n      })),\n    });\n  };\n\n  onPromptChanged = (prompt) => this.updateModel({ prompt });\n\n  onRemoveAlternateResponse = (index) => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: (cr.alternateResponses || []).filter((alt, altIndex) => altIndex !== index),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  checkAllowMultiplePlacements = (allowMultiplePlacements, c) => {\n    if (allowMultiplePlacements === multiplePlacements.enabled) {\n      return 0;\n    }\n\n    if (allowMultiplePlacements === multiplePlacements.disabled) {\n      return 1;\n    }\n\n    return c.categoryCount || 0;\n  };\n\n  isAlertModalOpened = () => {\n    const { model } = this.props;\n    const { maxChoicesPerCategory = 0 } = model || {};\n    const maxChoices = getMaxCategoryChoices(model);\n    // when maxChoicesPerCategory is set to 0, there is no limit so modal should not be opened\n    return maxChoicesPerCategory !== 0 ? maxChoices > maxChoicesPerCategory : false;\n  };\n\n  onAlertModalCancel = () => {\n    const { model } = this.props;\n    const maxChoices = getMaxCategoryChoices(model);\n    this.updateModel({ maxChoicesPerCategory: maxChoices });\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, uploadSoundSupport, onConfigurationChanged } = this.props;\n    const {\n      allowMultiplePlacements = {},\n      baseInputConfiguration = {},\n      categoriesPerRow = {},\n      choicesPosition = {},\n      contentDimensions = {},\n      feedback = {},\n      lockChoiceOrder = {},\n      maxImageHeight = {},\n      maxImageWidth = {},\n      maxPlacements = {},\n      minCategoriesPerRow = 1,\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n      mathMlOptions = {},\n      language = {},\n      languageChoices = {},\n    } = configuration || {};\n    const {\n      allowAlternateEnabled,\n      allowMaxChoicesPerCategory,\n      errors,\n      feedbackEnabled,\n      maxChoicesPerCategory,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const {\n      prompt: promptError,\n      rationale: rationaleError,\n      teacherInstructions: teacherInstructionsError,\n    } = errors || {};\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(model.categories || [], model.choices || [], model.correctResponse || []);\n\n    const alternateResponses = buildAlternateResponses(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || [],\n    );\n\n    const choices = model.choices.map((c) => {\n      c.correctResponseCount = this.countChoiceInCorrectResponse(c);\n      // ensure categoryCount is set even though updatedModel hasn't been called\n      c.categoryCount = this.checkAllowMultiplePlacements(model.allowMultiplePlacementsEnabled, c);\n      return c;\n    });\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      categoriesPerRow:\n        categoriesPerRow.settings &&\n        numberField(categoriesPerRow.label, {\n          label: categoriesPerRow.label,\n          min: minCategoriesPerRow,\n          max: 6,\n        }),\n      choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),\n      allowMultiplePlacementsEnabled:\n        allowMultiplePlacements.settings &&\n        dropdown(allowMultiplePlacements.label, [\n          multiplePlacements.enabled,\n          multiplePlacements.disabled,\n          multiplePlacements.perChoice,\n        ]),\n      allowMaxChoicesPerCategory: maxPlacements.settings && toggle(maxPlacements.label),\n      maxChoicesPerCategory:\n        allowMaxChoicesPerCategory === true &&\n        numberField(maxPlacements.label, {\n          label: '',\n          min: 0,\n          max: 30,\n        }),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      // PD-2960: deleted temporary from settings panel\n      // allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label),\n      'language.enabled': language.settings && toggle(language.label, true),\n      language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const isOpened = this.isAlertModalOpened();\n    const alertMaxChoicesMsg = translator.t('translation:categorize:maxChoicesPerCategoryRestriction', {\n      lng: model.language,\n      maxChoicesPerCategory,\n    });\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          dimensions={contentDimensions}\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={this.updateModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n              modal={\n                <AlertDialog\n                  title={'Warning'}\n                  text={alertMaxChoicesMsg}\n                  open={isOpened}\n                  onClose={this.onAlertModalCancel}\n                />\n              }\n            />\n          }\n        >\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.teacherInstructions || ''}\n                onChange={this.changeTeacherInstructions}\n                imageSupport={imageSupport}\n                error={teacherInstructionsError}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(teacherInstructions?.inputConfiguration, baseInputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer label={prompt.label} className={classes.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.prompt || ''}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                error={promptError}\n                nonEmpty={false}\n                disableUnderline\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(prompt?.inputConfiguration, baseInputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {promptError && <div className={classes.errorText}>{promptError}</div>}\n            </InputContainer>\n          )}\n\n          <Categories\n            imageSupport={imageSupport}\n            uploadSoundSupport={uploadSoundSupport}\n            model={model}\n            categories={categories || []}\n            onModelChanged={this.updateModel}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            configuration={configuration}\n            defaultImageMaxWidth={defaultImageMaxWidth}\n            defaultImageMaxHeight={defaultImageMaxHeight}\n            mathMlOptions={mathMlOptions}\n          />\n\n          <Choices\n            imageSupport={imageSupport}\n            uploadSoundSupport={uploadSoundSupport}\n            choices={choices}\n            model={model}\n            onModelChanged={this.updateModel}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            configuration={configuration}\n            defaultImageMaxWidth={defaultImageMaxWidth}\n            defaultImageMaxHeight={defaultImageMaxHeight}\n          />\n\n          {allowAlternateEnabled && (\n            <Header\n              className={classes.alternatesHeader}\n              label=\"Alternate Responses\"\n              buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n              onAdd={this.onAddAlternateResponse}\n            />\n          )}\n          {allowAlternateEnabled &&\n            alternateResponses.map((categoriesList, index) => {\n              return (\n                <React.Fragment key={index}>\n                  <Header\n                    className={classes.alternatesHeader}\n                    variant={'subtitle1'}\n                    label=\"Alternate Response\"\n                    buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                    onAdd={() => this.onRemoveAlternateResponse(index)}\n                  />\n                  <AlternateResponses\n                    altIndex={index}\n                    imageSupport={imageSupport}\n                    model={model}\n                    configuration={configuration}\n                    categories={categoriesList}\n                    onModelChanged={this.updateModel}\n                    uploadSoundSupport={uploadSoundSupport}\n                    toolbarOpts={toolbarOpts}\n                    defaultImageMaxWidth={defaultImageMaxWidth}\n                    defaultImageMaxHeight={defaultImageMaxHeight}\n                    mathMlOptions={mathMlOptions}\n                  />\n                </React.Fragment>\n              );\n            })}\n\n          {rationaleEnabled && (\n            <InputContainer label={rationale.label} className={classes.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.rationale || ''}\n                onChange={this.changeRationale}\n                imageSupport={imageSupport}\n                error={rationaleError}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n                pluginProps={getPluginProps(prompt?.inputConfiguration, baseInputConfiguration)}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n              {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n            </InputContainer>\n          )}\n\n          {feedbackEnabled && (\n            <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n          )}\n        </layout.ConfigLayout>\n      </IdProvider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  alternatesHeader: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  inputContainer: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  title: {\n    marginBottom: theme.spacing.unit * 4,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}