@pie-element/multiple-choice 5.9.2 → 5.9.3-next.1008

package/configure/lib/main.js

@@ -41,17 +41,30 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
 
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _utils = require("./utils");
+
 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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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; } }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle,
-    radio = _configUi.settings.radio;
+    radio = _configUi.settings.radio,
+    dropdown = _configUi.settings.dropdown;
 var MAX_CHOICES = 9;
 
 var styles = function styles(theme) {
@@ -68,9 +81,15 @@ var styles = function styles(theme) {
     rationaleHolder: {
       width: '70%'
     },
+    accessibilityHolder: {
+      width: '70%'
+    },
     rationale: {
       paddingTop: theme.spacing.unit * 2
     },
+    accessibility: {
+      paddingTop: theme.spacing.unit * 2
+    },
     design: {
       paddingTop: theme.spacing.unit * 3
     },
@@ -101,6 +120,28 @@ var styles = function styles(theme) {
       '&:focus': {
         backgroundColor: _renderUi.color.disabled()
       }
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      marginBottom: '5px'
+    },
+    titleText: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: '18px',
+      lineHeight: '19px',
+      color: '#495B8F',
+      marginRight: '5px'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      paddingTop: '5px'
     }
   };
 };
@@ -123,8 +164,6 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
       _ref$addChoiceButton = _ref.addChoiceButton,
       addChoiceButton = _ref$addChoiceButton === void 0 ? {} : _ref$addChoiceButton,
-      _ref$limitChoicesNumb = _ref.limitChoicesNumber,
-      limitChoicesNumber = _ref$limitChoicesNumb === void 0 ? {} : _ref$limitChoicesNumb,
       _ref$feedback = _ref.feedback,
       feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
       _ref$deleteChoice = _ref.deleteChoice,
@@ -143,20 +182,46 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
       _ref$rationale = _ref.rationale,
       rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
+      _ref$accessibility = _ref.accessibility,
+      accessibility = _ref$accessibility === void 0 ? {} : _ref$accessibility,
       _ref$scoringType = _ref.scoringType,
       scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
       _ref$sequentialChoice = _ref.sequentialChoiceLabels,
       sequentialChoiceLabels = _ref$sequentialChoice === void 0 ? {} : _ref$sequentialChoice,
       settingsPanelDisabled = _ref.settingsPanelDisabled,
-      verticalMode = _ref.verticalMode;
-
-  var _ref2 = model || {},
-      limitChoicesNumberModel = _ref2.limitChoicesNumber,
-      teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-      rationaleEnabled = _ref2.rationaleEnabled,
-      feedbackEnabled = _ref2.feedbackEnabled,
-      promptEnabled = _ref2.promptEnabled;
-
+      choicesLayout = _ref.choicesLayout,
+      _ref$spellCheck = _ref.spellCheck,
+      spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+      gridColumns = _ref.gridColumns,
+      _ref$maxImageWidth = _ref.maxImageWidth,
+      maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+      _ref$maxImageHeight = _ref.maxImageHeight,
+      maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
+
+  var _ref2 = configuration || {},
+      maxAnswerChoices = _ref2.maxAnswerChoices;
+
+  var _ref3 = model || {},
+      limitChoicesNumber = _ref3.limitChoicesNumber,
+      teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
+      rationaleEnabled = _ref3.rationaleEnabled,
+      accessibilityLabelsEnabled = _ref3.accessibilityLabelsEnabled,
+      feedbackEnabled = _ref3.feedbackEnabled,
+      promptEnabled = _ref3.promptEnabled,
+      spellCheckEnabled = _ref3.spellCheckEnabled,
+      choices = _ref3.choices,
+      errors = _ref3.errors;
+
+  var _ref4 = errors || {},
+      choicesErrors = _ref4.choicesErrors,
+      correctResponseError = _ref4.correctResponseError,
+      answerChoicesError = _ref4.answerChoicesError;
+
+  var nrOfColumnsAvailable = choices && choices.length ? Array.from({
+    length: choices.length
+  }, function (_, i) {
+    return "".concat(i + 1);
+  }) : [];
   var labelPlugins = {
     audio: {
       disabled: true
@@ -165,6 +230,26 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       disabled: true
     }
   };
+  var toolbarOpts = {};
+
+  switch (model.toolbarEditorPosition) {
+    case 'top':
+      toolbarOpts.position = 'top';
+      break;
+
+    default:
+      toolbarOpts.position = 'bottom';
+      break;
+  } // if old property is used, set maxAnswerChoices to 9
+
+
+  if (limitChoicesNumber) {
+    maxAnswerChoices = MAX_CHOICES;
+  }
+
+  var validationMessage = (0, _utils.generateValidationMessage)(configuration);
+  var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+  var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
 
   var Content = /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
     label: teacherInstructions.label,
@@ -174,7 +259,11 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     markup: model.teacherInstructions || '',
     onChange: onTeacherInstructionsChanged,
     imageSupport: imageSupport,
-    nonEmpty: false
+    nonEmpty: false,
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheckEnabled,
+    maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+    maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight
   })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
     label: prompt.label,
     className: classes.promptHolder
@@ -184,8 +273,31 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     onChange: onPromptChanged,
     imageSupport: imageSupport,
     nonEmpty: false,
-    disableUnderline: true
-  })), model.choices.map(function (choice, index) {
+    disableUnderline: true,
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheckEnabled,
+    maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+    maxImageHeight: maxImageHeight && maxImageHeight.prompt
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.flexContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.titleText
+  }, "Choices"), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    classes: {
+      tooltip: classes.tooltip
+    },
+    disableFocusListener: true,
+    disableTouchListener: true,
+    placement: 'right',
+    title: validationMessage
+  }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
+    fontSize: 'small',
+    color: 'primary'
+  }))), correctResponseError && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.errorText
+  }, correctResponseError), answerChoicesError && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.errorText
+  }, answerChoicesError), choices.map(function (choice, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: "choice-".concat(index),
       className: classes.choiceConfigurationHolder
@@ -206,7 +318,13 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       },
       allowFeedBack: feedbackEnabled,
       allowDelete: deleteChoice.settings,
-      noLabels: true
+      noLabels: true,
+      toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
+      error: choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null,
+      noCorrectAnswerError: correctResponseError,
+      maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight
     }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
       key: "rationale-".concat(index),
       label: rationale.label,
@@ -220,16 +338,37 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
         }));
       },
       imageSupport: imageSupport,
-      pluginProps: labelPlugins
+      toolbarOpts: toolbarOpts,
+      pluginProps: labelPlugins,
+      spellCheck: spellCheckEnabled,
+      maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
+    })), accessibilityLabelsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+      key: "accessibility-".concat(index),
+      label: accessibility.label,
+      className: classes.accessibilityHolder
+    }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      className: classes.accessibility,
+      markup: choice.accessibility || '',
+      onChange: function onChange(c) {
+        return onChoiceChanged(index, _objectSpread(_objectSpread({}, choice), {}, {
+          accessibility: c
+        }));
+      },
+      imageSupport: imageSupport,
+      pluginProps: labelPlugins,
+      spellCheck: spellCheckEnabled,
+      maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
+      maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight
     })));
   }), /*#__PURE__*/_react["default"].createElement("br", null), addChoiceButton.settings && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? "Only ".concat(MAX_CHOICES, " allowed maximum") : '',
+    title: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? "Only ".concat(maxAnswerChoices, " allowed maximum") : '',
     classes: {
       tooltip: classes.tooltip
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     classes: {
-      root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined
+      root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton
     },
     className: classes.addButton,
     variant: "contained",
@@ -237,6 +376,16 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     onClick: onAddChoice
   }, addChoiceButton.label)));
 
+  var settingsInPanel = {
+    choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),
+    'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),
+    choicePrefix: choicePrefix.settings && radio(choicePrefix.label, ['numbers', 'letters']),
+    partialScoring: partialScoring.settings && toggle(partialScoring.label),
+    lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
+    feedbackEnabled: feedback.settings && toggle(feedback.label),
+    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
+    gridColumns: choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 && dropdown(gridColumns.label, nrOfColumnsAvailable)
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.design
   }, settingsPanelDisabled ? Content : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
@@ -246,21 +395,14 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       configuration: configuration,
       onChangeConfiguration: onConfigurationChanged,
       groups: {
-        Settings: {
-          choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),
-          'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),
-          choicePrefix: choicePrefix.settings && radio(choicePrefix.label, ['numbers', 'letters']),
-          partialScoring: partialScoring.settings && toggle(partialScoring.label),
-          limitChoicesNumber: limitChoicesNumber.settings && toggle(limitChoicesNumber.label),
-          lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
-          feedbackEnabled: feedback.settings && toggle(feedback.label),
-          verticalMode: verticalMode.settings && toggle(verticalMode.label)
-        },
+        Settings: settingsInPanel,
         Properties: {
           teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
           studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
           promptEnabled: prompt.settings && toggle(prompt.label),
           rationaleEnabled: rationale.settings && toggle(rationale.label),
+          spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+          accessibilityLabelsEnabled: accessibility.settings && toggle(accessibility.label),
           scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
         }
       }
@@ -268,6 +410,29 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
   }, Content));
 });
 
+var InfoDialog = function InfoDialog(_ref5) {
+  var open = _ref5.open,
+      onCancel = _ref5.onCancel,
+      onOk = _ref5.onOk,
+      title = _ref5.title;
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, onOk && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onOk,
+    color: "primary"
+  }, "OK"), onCancel && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onCancel,
+    color: "primary"
+  }, "Cancel")));
+};
+
+InfoDialog.propTypes = {
+  open: _propTypes["default"].bool,
+  onCancel: _propTypes["default"].func,
+  onOk: _propTypes["default"].func,
+  title: _propTypes["default"].string
+};
+
 var Main = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Main, _React$Component);
 
@@ -283,28 +448,70 @@ var Main = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      dialog: {
+        open: false
+      }
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRemoveChoice", function (index) {
-      var model = _this.props.model;
-      model.choices.splice(index, 1);
+      var _this$props = _this.props,
+          model = _this$props.model,
+          configuration = _this$props.configuration;
+
+      var _ref6 = configuration || {},
+          minAnswerChoices = _ref6.minAnswerChoices;
+
+      if (minAnswerChoices && model.choices.length === minAnswerChoices) {
+        _this.setState({
+          dialog: {
+            open: true,
+            message: "There can't be less than ".concat(minAnswerChoices, " choices."),
+            onOk: function onOk() {
+              _this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            }
+          }
+        });
+      } else {
+        model.choices.splice(index, 1);
 
-      _this.props.onModelChanged(model);
+        _this.props.onModelChanged(model);
+      }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddChoice", function () {
-      var model = _this.props.model;
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          configuration = _this$props2.configuration;
 
-      if (!model.limitChoicesNumber || model.limitChoicesNumber && model.choices.length < MAX_CHOICES) {
-        model.choices.push({
-          label: '',
-          value: _configUi.choiceUtils.firstAvailableIndex(model.choices.map(function (c) {
-            return c.value;
-          }), 0),
-          feedback: {
-            type: 'none'
-          }
-        });
+      var _ref7 = configuration || {},
+          maxAnswerChoices = _ref7.maxAnswerChoices;
 
-        _this.props.onModelChanged(model);
+      var _ref8 = model || {},
+          limitChoicesNumber = _ref8.limitChoicesNumber; // if old property is used, set maxAnswerChoices to 9
+
+
+      if (limitChoicesNumber) {
+        maxAnswerChoices = MAX_CHOICES;
       }
+
+      if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {
+        return;
+      }
+
+      model.choices.push({
+        label: '',
+        value: _configUi.choiceUtils.firstAvailableIndex(model.choices.map(function (c) {
+          return c.value;
+        }), 0),
+        feedback: {
+          type: 'none'
+        }
+      });
+
+      _this.props.onModelChanged(model);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (index, choice) {
       var model = _this.props.model;
@@ -370,14 +577,20 @@ var Main = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2["default"])(Main, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react["default"].createElement(Design, (0, _extends2["default"])({}, this.props, {
+      var dialog = this.state.dialog;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InfoDialog, {
+        open: dialog.open,
+        title: dialog.message,
+        onCancel: dialog.onCancel,
+        onOk: dialog.onOk
+      }), /*#__PURE__*/_react["default"].createElement(Design, (0, _extends2["default"])({}, this.props, {
         onChangeModel: this.onModelChanged,
         onRemoveChoice: this.onRemoveChoice,
         onChoiceChanged: this.onChoiceChanged,
         onAddChoice: this.onAddChoice,
         onPromptChanged: this.onPromptChanged,
         onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
-      }));
+      })));
     }
   }]);
   return Main;
@@ -386,6 +599,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
 exports.Main = Main;
 (0, _defineProperty2["default"])(Main, "propTypes", {
   model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
   disableSidePanel: _propTypes["default"].bool,
   onModelChanged: _propTypes["default"].func.isRequired,
   onConfigurationChanged: _propTypes["default"].func.isRequired,

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","rationale","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","limitChoicesNumber","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","verticalMode","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","feedbackEnabled","promptEnabled","labelPlugins","audio","video","Content","label","choices","map","choice","index","c","length","tooltip","root","undefined","Settings","Properties","studentInstructionsEnabled","Main","splice","onModelChanged","push","value","utils","firstAvailableIndex","type","correct","key","correctFound","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n  InputContainer,\n  ChoiceConfiguration,\n  settings,\n  layout,\n  choiceUtils as utils\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nconst { Panel, toggle, radio } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = theme => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  rationaleHolder: {\n    width: '70%'\n  },\n  rationale: {\n    paddingTop: theme.spacing.unit * 2\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center'\n  },\n  choiceConfiguration: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  disableButton: {\n    cursor: 'not-allowed',\n    pointerEvents: 'all',\n    backgroundColor: color.disabled(),\n    '&:hover': {\n      backgroundColor: color.disabled(),\n    },\n    '&:focus': {\n      backgroundColor: color.disabled(),\n    }\n  }\n});\n\nconst Design = withStyles(styles)(props => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    onRemoveChoice,\n    onAddChoice,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged\n  } = props;\n  const {\n    prompt = {},\n    addChoiceButton = {},\n    limitChoicesNumber = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    verticalMode\n  } = configuration || {};\n  const {\n    limitChoicesNumber: limitChoicesNumberModel,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    feedbackEnabled,\n    promptEnabled\n  } = model || {};\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true }\n  };\n\n  const Content = (\n    <div>\n      {teacherInstructionsEnabled && (\n        <InputContainer\n          label={teacherInstructions.label}\n          className={classes.promptHolder}\n        >\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n          />\n        </InputContainer>\n      )}\n      {model.choices.map((choice, index) => (\n        <div\n          key={`choice-${index}`}\n          className={classes.choiceConfigurationHolder}\n        >\n          <ChoiceConfiguration\n            key={index}\n            index={index + 1}\n            useLetterOrdering={model.choicePrefix === 'letters'}\n            className={classes.choiceConfiguration}\n            mode={model.choiceMode}\n            data={choice}\n            defaultFeedback={{}}\n            imageSupport={imageSupport}\n            onDelete={() => onRemoveChoice(index)}\n            onChange={c => onChoiceChanged(index, c)}\n            allowFeedBack={feedbackEnabled}\n            allowDelete={deleteChoice.settings}\n            noLabels\n          />\n          {rationaleEnabled && (\n            <InputContainer\n              key={`rationale-${index}`}\n              label={rationale.label}\n              className={classes.rationaleHolder}\n            >\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={c =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    rationale: c\n                  })\n                }\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n      <br />\n      {addChoiceButton.settings && (\n        <Tooltip title={limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined }}\n            className={classes.addButton}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={onAddChoice}\n          >\n            {addChoiceButton.label}\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={classes.design}>\n      {settingsPanelDisabled ? (\n        Content\n      ) : (\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChangeModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: {\n                  choiceMode:\n                    choiceMode.settings &&\n                    radio(choiceMode.label, ['checkbox', 'radio']),\n                  'sequentialChoiceLabels.enabled':\n                    sequentialChoiceLabels.settings &&\n                    toggle(sequentialChoiceLabels.label, true),\n                  choicePrefix:\n                    choicePrefix.settings &&\n                    radio(choicePrefix.label, ['numbers', 'letters']),\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  limitChoicesNumber:\n                    limitChoicesNumber.settings && toggle(limitChoicesNumber.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  feedbackEnabled: feedback.settings && toggle(feedback.label),\n                  verticalMode: verticalMode.settings && toggle(verticalMode.label)\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric'])\n                }\n              }}\n            />\n          }\n        >\n          {Content}\n        </layout.ConfigLayout>\n      )}\n    </div>\n  );\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  onRemoveChoice = index => {\n    const { model } = this.props;\n\n    model.choices.splice(index, 1);\n    this.props.onModelChanged(model);\n  };\n\n  onAddChoice = () => {\n    const { model } = this.props;\n\n    if (!model.limitChoicesNumber || (model.limitChoicesNumber && model.choices.length < MAX_CHOICES)) {\n      model.choices.push({\n        label: '',\n        value: utils.firstAvailableIndex(model.choices.map(c => c.value), 0),\n        feedback: {\n          type: 'none'\n        }\n      });\n\n      this.props.onModelChanged(model);\n    }\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map(c => {\n        return merge({}, c, { correct: false });\n      });\n    }\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    switch (key) {\n      case 'choiceMode': {\n        let value = model.choiceMode;\n\n        if (value === 'radio') {\n          let correctFound = false;\n\n          model.choices = model.choices.map(c => {\n            if (correctFound) {\n              c.correct = false;\n              return c;\n            }\n\n            if (c.correct) {\n              correctFound = true;\n            }\n            return c;\n          });\n        }\n        onModelChanged(model, true);\n        break;\n      }\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    return (\n      <Design\n        {...this.props}\n        onChangeModel={this.onModelChanged}\n        onRemoveChoice={this.onRemoveChoice}\n        onChoiceChanged={this.onChoiceChanged}\n        onAddChoice={this.onAddChoice}\n        onPromptChanged={this.onPromptChanged}\n        onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n      />\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","accessibilityHolder","rationale","accessibility","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","flexContainer","titleText","fontFamily","fontSize","lineHeight","marginRight","tooltip","whiteSpace","maxWidth","errorText","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxImageWidth","maxImageHeight","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","choices","errors","choicesErrors","correctResponseError","answerChoicesError","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","Content","label","map","choice","index","c","value","root","settingsInPanel","Settings","Properties","studentInstructionsEnabled","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","Main","dialog","minAnswerChoices","setState","message","splice","onModelChanged","push","utils","firstAvailableIndex","type","correct","key","correctFound","state","React","Component","object","isRequired","disableSidePanel","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n  InputContainer,\n  ChoiceConfiguration,\n  settings,\n  layout,\n  choiceUtils as utils,\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  rationaleHolder: {\n    width: '70%',\n  },\n  accessibilityHolder: {\n    width: '70%',\n  },\n  rationale: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  accessibility: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  choiceConfiguration: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    float: 'right',\n  },\n  disableButton: {\n    cursor: 'not-allowed',\n    pointerEvents: 'all',\n    backgroundColor: color.disabled(),\n    '&:hover': {\n      backgroundColor: color.disabled(),\n    },\n    '&:focus': {\n      backgroundColor: color.disabled(),\n    },\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '5px'\n  },\n  titleText: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '18px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px'\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px'\n  }\n});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    onRemoveChoice,\n    onAddChoice,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    prompt = {},\n    addChoiceButton = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    spellCheck = {},\n    gridColumns,\n    maxImageWidth = {},\n    maxImageHeight = {}\n  } = configuration || {};\n  let { maxAnswerChoices } = configuration || {};\n  const {\n    limitChoicesNumber,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    spellCheckEnabled,\n    choices,\n    errors\n  } = model || {};\n\n  const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n  const nrOfColumnsAvailable = choices && choices.length\n    ? Array.from({ length: choices.length }, (_, i) => `${i + 1}`)\n    : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true },\n  };\n\n  const toolbarOpts = {};\n\n  switch (model.toolbarEditorPosition) {\n    case 'top':\n      toolbarOpts.position = 'top';\n      break;\n    default:\n      toolbarOpts.position = 'bottom';\n      break;\n  }\n\n  // if old property is used, set maxAnswerChoices to 9\n  if (limitChoicesNumber) {\n    maxAnswerChoices = MAX_CHOICES;\n  }\n\n  const validationMessage = generateValidationMessage(configuration);\n  const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n  const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n  const Content = (\n    <div>\n      {teacherInstructionsEnabled && (\n        <InputContainer\n          label={teacherInstructions.label}\n          className={classes.promptHolder}\n        >\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n            maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n            maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n          />\n        </InputContainer>\n      )}\n      <div className={classes.flexContainer}>\n        <Typography className={classes.titleText}>Choices</Typography>\n        <Tooltip\n          classes={{ tooltip: classes.tooltip }}\n          disableFocusListener\n          disableTouchListener\n          placement={'right'}\n          title={validationMessage}\n        >\n          <Info fontSize={'small'} color={'primary'}/>\n        </Tooltip>\n      </div>\n      {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n      {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n      {choices.map((choice, index) => (\n        <div\n          key={`choice-${index}`}\n          className={classes.choiceConfigurationHolder}\n        >\n          <ChoiceConfiguration\n            key={index}\n            index={index + 1}\n            useLetterOrdering={model.choicePrefix === 'letters'}\n            className={classes.choiceConfiguration}\n            mode={model.choiceMode}\n            data={choice}\n            defaultFeedback={{}}\n            imageSupport={imageSupport}\n            onDelete={() => onRemoveChoice(index)}\n            onChange={(c) => onChoiceChanged(index, c)}\n            allowFeedBack={feedbackEnabled}\n            allowDelete={deleteChoice.settings}\n            noLabels\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            error={choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null}\n            noCorrectAnswerError={correctResponseError}\n            maxImageWidth={maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth}\n            maxImageHeight={maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight}\n          />\n          {rationaleEnabled && (\n            <InputContainer\n              key={`rationale-${index}`}\n              label={rationale.label}\n              className={classes.rationaleHolder}\n            >\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={(c) =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    rationale: c,\n                  })\n                }\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n          {accessibilityLabelsEnabled && (\n            <InputContainer\n              key={`accessibility-${index}`}\n              label={accessibility.label}\n              className={classes.accessibilityHolder}\n            >\n              <EditableHtml\n                className={classes.accessibility}\n                markup={choice.accessibility || ''}\n                onChange={(c) =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    accessibility: c,\n                  })\n                }\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth}\n                maxImageHeight={maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n      <br/>\n      {addChoiceButton.settings && (\n        <Tooltip\n          title={\n            maxAnswerChoices && model.choices.length >= maxAnswerChoices\n              ? `Only ${maxAnswerChoices} allowed maximum`\n              : ''\n          }\n          classes={{ tooltip: classes.tooltip }}\n        >\n          <Button\n            classes={{ root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton }}\n            className={classes.addButton}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={onAddChoice}\n          >\n            {addChoiceButton.label}\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const settingsInPanel = {\n    choiceMode:\n      choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled':\n      sequentialChoiceLabels.settings &&\n      toggle(sequentialChoiceLabels.label, true),\n    choicePrefix:\n      choicePrefix.settings &&\n      radio(choicePrefix.label, ['numbers', 'letters']),\n    partialScoring: partialScoring.settings && toggle(partialScoring.label),\n    lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    feedbackEnabled: feedback.settings && toggle(feedback.label),\n    choicesLayout:\n      choicesLayout.settings &&\n      dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n    gridColumns:\n      choicesLayout.settings &&\n      model.choicesLayout === 'grid' &&\n      nrOfColumnsAvailable.length > 0 &&\n      dropdown(gridColumns.label, nrOfColumnsAvailable),\n  };\n\n  return (\n    <div className={classes.design}>\n      {settingsPanelDisabled ? (\n        Content\n      ) : (\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChangeModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: settingsInPanel,\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  accessibilityLabelsEnabled:\n                    accessibility.settings && toggle(accessibility.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric']),\n                },\n              }}\n            />\n          }\n        >\n          {Content}\n        </layout.ConfigLayout>\n      )}\n    </div>\n  );\n});\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          OK\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          Cancel\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nInfoDialog.propTypes = {\n  open: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onOk: PropTypes.func,\n  title: PropTypes.string,\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    dialog: {\n      open: false,\n    },\n  };\n\n  onRemoveChoice = (index) => {\n    const { model, configuration } = this.props;\n    const { minAnswerChoices } = configuration || {};\n\n    if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: `There can't be less than ${minAnswerChoices} choices.`,\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false,\n              },\n            });\n          }\n        }\n      });\n    } else {\n      model.choices.splice(index, 1);\n      this.props.onModelChanged(model);\n    }\n  };\n\n  onAddChoice = () => {\n    const { model, configuration } = this.props;\n    let { maxAnswerChoices } = configuration || {};\n    const { limitChoicesNumber } = model || {};\n\n    // if old property is used, set maxAnswerChoices to 9\n    if (limitChoicesNumber) {\n      maxAnswerChoices = MAX_CHOICES;\n    }\n\n    if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {\n      return;\n    }\n\n    model.choices.push({\n      label: '',\n      value: utils.firstAvailableIndex(model.choices.map((c) => c.value), 0),\n      feedback: { type: 'none' }\n    });\n\n    this.props.onModelChanged(model);\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map((c) => {\n        return merge({}, c, { correct: false });\n      });\n    }\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(model);\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt,\n    });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    switch (key) {\n      case 'choiceMode': {\n        let value = model.choiceMode;\n\n        if (value === 'radio') {\n          let correctFound = false;\n\n          model.choices = model.choices.map((c) => {\n            if (correctFound) {\n              c.correct = false;\n\n              return c;\n            }\n\n            if (c.correct) {\n              correctFound = true;\n            }\n\n            return c;\n          });\n        }\n\n        onModelChanged(model, true);\n        break;\n      }\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    const { dialog } = this.state;\n\n    return (\n      <>\n        <InfoDialog\n          open={dialog.open}\n          title={dialog.message}\n          onCancel={dialog.onCancel}\n          onOk={dialog.onOk}\n        />\n        <Design\n          {...this.props}\n          onChangeModel={this.onModelChanged}\n          onRemoveChoice={this.onRemoveChoice}\n          onChoiceChanged={this.onChoiceChanged}\n          onAddChoice={this.onAddChoice}\n          onPromptChanged={this.onPromptChanged}\n          onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n        />\n      </>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/lib/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateValidationMessage = void 0;
+
+var generateValidationMessage = function generateValidationMessage(config) {
+  var minAnswerChoices = config.minAnswerChoices,
+      maxAnswerChoices = config.maxAnswerChoices;
+  var answerChoicesMessage = "\nThere should be at least ".concat(minAnswerChoices, " ") + (maxAnswerChoices ? "and at most ".concat(maxAnswerChoices, " ") : '') + 'answer choices defined.' + '\nEvery answer choice should be non-blank and unique.';
+  var correctAnswerMessage = '\nA correct answer must be defined.';
+  var message = 'Validation requirements:' + answerChoicesMessage + correctAnswerMessage;
+  return message;
+};
+
+exports.generateValidationMessage = generateValidationMessage;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["generateValidationMessage","config","minAnswerChoices","maxAnswerChoices","answerChoicesMessage","correctAnswerMessage","message"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM,EAAI;AACjD,MAAQC,gBAAR,GAA+CD,MAA/C,CAAQC,gBAAR;AAAA,MAA0BC,gBAA1B,GAA+CF,MAA/C,CAA0BE,gBAA1B;AAEA,MAAMC,oBAAoB,GAAG,qCAA8BF,gBAA9B,UAC1BC,gBAAgB,yBAAkBA,gBAAlB,SAAwC,EAD9B,IACoC,yBADpC,GAE3B,uDAFF;AAIA,MAAME,oBAAoB,GAAG,qCAA7B;AAEA,MAAMC,OAAO,GAAG,6BAA6BF,oBAA7B,GAAoDC,oBAApE;AAEA,SAAOC,OAAP;AACD,CAZM","sourcesContent":["export const generateValidationMessage = config => {\n  const { minAnswerChoices, maxAnswerChoices } = config;\n\n  const answerChoicesMessage = `\\nThere should be at least ${minAnswerChoices} ` +\n    (maxAnswerChoices ? `and at most ${maxAnswerChoices} ` : '') + 'answer choices defined.' +\n    '\\nEvery answer choice should be non-blank and unique.';\n\n  const correctAnswerMessage = '\\nA correct answer must be defined.';\n\n  const message = 'Validation requirements:' + answerChoicesMessage + correctAnswerMessage;\n\n  return message;\n};\n"],"file":"utils.js"}