@pie-element/multiple-choice 5.9.3-next.497 → 5.9.3-next.508

package/configure/lib/defaults.js

@@ -21,7 +21,6 @@ var _default = {
     feedbackEnabled: true,
     promptEnabled: true,
     rationaleEnabled: true,
-    limitChoicesNumber: true,
     teacherInstructionsEnabled: true,
     studentInstructionsEnabled: true,
     toolbarEditorPosition: 'bottom',
@@ -41,10 +40,6 @@ var _default = {
       settings: true,
       label: 'Add a Choice'
     },
-    limitChoicesNumber: {
-      settings: true,
-      label: 'Limit choices to 9'
-    },
     choiceMode: {
       settings: true,
       label: 'Response Type'
@@ -95,7 +90,9 @@ var _default = {
     toolbarEditorPosition: {
       settings: false,
       label: 'Toolbar Editor Position'
-    }
+    },
+    minAnswerChoices: 2,
+    maxAnswerChoices: 5
   }
 };
 exports["default"] = _default;

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","choiceMode","choicePrefix","choices","prompt","lockChoiceOrder","partialScoring","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","limitChoicesNumber","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","choicesLayout","gridColumns","configuration","settings","label","answerChoiceCount","addChoiceButton","deleteChoice","feedback","rationale","accessibility","studentInstructions","teacherInstructions"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,UADP;AAELC,IAAAA,YAAY,EAAE,SAFT;AAGLC,IAAAA,OAAO,EAAE,EAHJ;AAILC,IAAAA,MAAM,EAAE,2BAJH;AAKLC,IAAAA,eAAe,EAAE,IALZ;AAMLC,IAAAA,cAAc,EAAE,IANX;AAOLC,IAAAA,WAAW,EAAE,MAPR;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,aAAa,EAAE,IATV;AAULC,IAAAA,gBAAgB,EAAE,IAVb;AAWLC,IAAAA,kBAAkB,EAAE,IAXf;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,0BAA0B,EAAE,IAbvB;AAcLC,IAAAA,qBAAqB,EAAE,QAdlB;AAeLC,IAAAA,aAAa,EAAE,UAfV;AAgBLC,IAAAA,WAAW,EAAE;AAhBR,GADM;AAmBbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,aAAa,EAAE;AACbG,MAAAA,QAAQ,EAAE,KADG;AAEbC,MAAAA,KAAK,EAAE;AAFM,KADF;AAKbH,IAAAA,WAAW,EAAE;AACXG,MAAAA,KAAK,EAAE;AADI,KALA;AAQbC,IAAAA,iBAAiB,EAAE,CARN;AASbC,IAAAA,eAAe,EAAE;AACfH,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KATJ;AAabR,IAAAA,kBAAkB,EAAE;AAClBO,MAAAA,QAAQ,EAAE,IADQ;AAElBC,MAAAA,KAAK,EAAE;AAFW,KAbP;AAiBblB,IAAAA,UAAU,EAAE;AACViB,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KAjBC;AAqBbjB,IAAAA,YAAY,EAAE;AACZgB,MAAAA,QAAQ,EAAE,IADE;AAEZC,MAAAA,KAAK,EAAE;AAFK,KArBD;AAyBbG,IAAAA,YAAY,EAAE;AACZJ,MAAAA,QAAQ,EAAE;AADE,KAzBD;AA4BbK,IAAAA,QAAQ,EAAE;AACRL,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE;AAFC,KA5BG;AAgCbf,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KAhCK;AAoCbd,IAAAA,eAAe,EAAE;AACfa,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KApCJ;AAwCbb,IAAAA,cAAc,EAAE;AACdY,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KAxCH;AA4CbK,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KA5CE;AAgDbM,IAAAA,aAAa,EAAE;AACbP,MAAAA,QAAQ,EAAE,KADG;AAEbC,MAAAA,KAAK,EAAE;AAFM,KAhDF;AAoDbZ,IAAAA,WAAW,EAAE;AACXW,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KApDA;AAwDbO,IAAAA,mBAAmB,EAAE;AACnBR,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAxDR;AA4DbQ,IAAAA,mBAAmB,EAAE;AACnBT,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KA5DR;AAgEbL,IAAAA,qBAAqB,EAAE;AACrBI,MAAAA,QAAQ,EAAE,KADW;AAErBC,MAAAA,KAAK,EAAE;AAFc;AAhEV;AAnBF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    choiceMode: 'checkbox',\n    choicePrefix: 'letters',\n    choices: [],\n    prompt: 'Question Prompt goes here',\n    lockChoiceOrder: true,\n    partialScoring: true,\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    limitChoicesNumber: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    choicesLayout: 'vertical',\n    gridColumns: '2',\n  },\n  configuration: {\n    choicesLayout: {\n      settings: false,\n      label: 'Choices Layout',\n    },\n    gridColumns: {\n      label: 'Grid columns',\n    },\n    answerChoiceCount: 0,\n    addChoiceButton: {\n      settings: true,\n      label: 'Add a Choice',\n    },\n    limitChoicesNumber: {\n      settings: true,\n      label: 'Limit choices to 9',\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type',\n    },\n    choicePrefix: {\n      settings: true,\n      label: 'Choice Labels',\n    },\n    deleteChoice: {\n      settings: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    accessibility: {\n      settings: false,\n      label: 'Accessibility Label'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    toolbarEditorPosition: {\n      settings: false,\n      label: 'Toolbar Editor Position',\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","choiceMode","choicePrefix","choices","prompt","lockChoiceOrder","partialScoring","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","choicesLayout","gridColumns","configuration","settings","label","answerChoiceCount","addChoiceButton","deleteChoice","feedback","rationale","accessibility","studentInstructions","teacherInstructions","minAnswerChoices","maxAnswerChoices"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,UADP;AAELC,IAAAA,YAAY,EAAE,SAFT;AAGLC,IAAAA,OAAO,EAAE,EAHJ;AAILC,IAAAA,MAAM,EAAE,2BAJH;AAKLC,IAAAA,eAAe,EAAE,IALZ;AAMLC,IAAAA,cAAc,EAAE,IANX;AAOLC,IAAAA,WAAW,EAAE,MAPR;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,aAAa,EAAE,IATV;AAULC,IAAAA,gBAAgB,EAAE,IAVb;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE,QAblB;AAcLC,IAAAA,aAAa,EAAE,UAdV;AAeLC,IAAAA,WAAW,EAAE;AAfR,GADM;AAkBbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,aAAa,EAAE;AACbG,MAAAA,QAAQ,EAAE,KADG;AAEbC,MAAAA,KAAK,EAAE;AAFM,KADF;AAKbH,IAAAA,WAAW,EAAE;AACXG,MAAAA,KAAK,EAAE;AADI,KALA;AAQbC,IAAAA,iBAAiB,EAAE,CARN;AASbC,IAAAA,eAAe,EAAE;AACfH,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KATJ;AAabjB,IAAAA,UAAU,EAAE;AACVgB,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KAbC;AAiBbhB,IAAAA,YAAY,EAAE;AACZe,MAAAA,QAAQ,EAAE,IADE;AAEZC,MAAAA,KAAK,EAAE;AAFK,KAjBD;AAqBbG,IAAAA,YAAY,EAAE;AACZJ,MAAAA,QAAQ,EAAE;AADE,KArBD;AAwBbK,IAAAA,QAAQ,EAAE;AACRL,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE;AAFC,KAxBG;AA4Bbd,IAAAA,MAAM,EAAE;AACNa,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA5BK;AAgCbb,IAAAA,eAAe,EAAE;AACfY,MAAAA,QAAQ,EAAE,IADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAhCJ;AAoCbZ,IAAAA,cAAc,EAAE;AACdW,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KApCH;AAwCbK,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAxCE;AA4CbM,IAAAA,aAAa,EAAE;AACbP,MAAAA,QAAQ,EAAE,KADG;AAEbC,MAAAA,KAAK,EAAE;AAFM,KA5CF;AAgDbX,IAAAA,WAAW,EAAE;AACXU,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KAhDA;AAoDbO,IAAAA,mBAAmB,EAAE;AACnBR,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KApDR;AAwDbQ,IAAAA,mBAAmB,EAAE;AACnBT,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAxDR;AA4DbL,IAAAA,qBAAqB,EAAE;AACrBI,MAAAA,QAAQ,EAAE,KADW;AAErBC,MAAAA,KAAK,EAAE;AAFc,KA5DV;AAgEbS,IAAAA,gBAAgB,EAAE,CAhEL;AAiEbC,IAAAA,gBAAgB,EAAE;AAjEL;AAlBF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    choiceMode: 'checkbox',\n    choicePrefix: 'letters',\n    choices: [],\n    prompt: 'Question Prompt goes here',\n    lockChoiceOrder: true,\n    partialScoring: true,\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    choicesLayout: 'vertical',\n    gridColumns: '2',\n  },\n  configuration: {\n    choicesLayout: {\n      settings: false,\n      label: 'Choices Layout',\n    },\n    gridColumns: {\n      label: 'Grid columns',\n    },\n    answerChoiceCount: 0,\n    addChoiceButton: {\n      settings: true,\n      label: 'Add a Choice',\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type',\n    },\n    choicePrefix: {\n      settings: true,\n      label: 'Choice Labels',\n    },\n    deleteChoice: {\n      settings: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    accessibility: {\n      settings: false,\n      label: 'Accessibility Label'\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    toolbarEditorPosition: {\n      settings: false,\n      label: 'Toolbar Editor Position',\n    },\n    minAnswerChoices: 2,\n    maxAnswerChoices: 5\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -41,6 +41,12 @@ 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"));
+
 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; } }
@@ -130,8 +136,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,
@@ -160,14 +164,17 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       choicesLayout = _ref.choicesLayout,
       gridColumns = _ref.gridColumns;
 
-  var _ref2 = model || {},
-      limitChoicesNumberModel = _ref2.limitChoicesNumber,
-      teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-      rationaleEnabled = _ref2.rationaleEnabled,
-      accessibilityLabelsEnabled = _ref2.accessibilityLabelsEnabled,
-      feedbackEnabled = _ref2.feedbackEnabled,
-      promptEnabled = _ref2.promptEnabled,
-      choices = _ref2.choices;
+  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,
+      choices = _ref3.choices;
 
   var nrOfColumnsAvailable = choices && choices.length ? Array.from({
     length: choices.length
@@ -192,6 +199,11 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     default:
       toolbarOpts.position = 'bottom';
       break;
+  } // if old property is used instead of maxAnswerChoices, set max to 9
+
+
+  if (limitChoicesNumber && !maxAnswerChoices) {
+    maxAnswerChoices = MAX_CHOICES;
   }
 
   var Content = /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
@@ -269,13 +281,13 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       pluginProps: labelPlugins
     })));
   }), /*#__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 : undefined
     },
     className: classes.addButton,
     variant: "contained",
@@ -288,7 +300,6 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     '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),
     choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
@@ -317,6 +328,29 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
   }, Content));
 });
 
+var InfoDialog = function InfoDialog(_ref4) {
+  var open = _ref4.open,
+      onCancel = _ref4.onCancel,
+      onOk = _ref4.onOk,
+      title = _ref4.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);
 
@@ -332,16 +366,76 @@ 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 _ref5 = configuration || {},
+          minAnswerChoices = _ref5.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
+                }
+              });
+            },
+            onCancel: function onCancel() {
+              return _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;
-
-      if (!model.limitChoicesNumber || model.limitChoicesNumber && model.choices.length < MAX_CHOICES) {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          configuration = _this$props2.configuration;
+
+      var _ref6 = configuration || {},
+          maxAnswerChoices = _ref6.maxAnswerChoices;
+
+      if (maxAnswerChoices && model.choices.length === maxAnswerChoices) {
+        _this.setState({
+          dialog: {
+            open: true,
+            message: "There can't be more than ".concat(maxAnswerChoices, " choices."),
+            onOk: function onOk() {
+              _this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            },
+            onCancel: function onCancel() {
+              return _this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            }
+          }
+        });
+      } else {
         model.choices.push({
           label: '',
           value: _configUi.choiceUtils.firstAvailableIndex(model.choices.map(function (c) {
@@ -419,14 +513,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;
@@ -435,6 +535,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","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","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","choicesLayout","gridColumns","limitChoicesNumberModel","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","choices","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","tooltip","root","undefined","settingsInPanel","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, 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});\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    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    gridColumns,\n  } = configuration || {};\n  const {\n    limitChoicesNumber: limitChoicesNumberModel,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    choices\n  } = model || {};\n\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  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          />\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          />\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            toolbarOpts={toolbarOpts}\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              />\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              />\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  const settingsInPanel = {\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:\n      feedback.settings && toggle(feedback.label),\n    choicesLayout:\n      choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n    gridColumns:\n      choicesLayout.settings && model.choicesLayout === 'grid' && 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                  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\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","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","gridColumns","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","choices","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","tooltip","root","undefined","settingsInPanel","Settings","Properties","studentInstructionsEnabled","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","Main","dialog","minAnswerChoices","setState","message","splice","onModelChanged","push","value","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';\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});\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    gridColumns,\n  } = configuration || {};\n  let { maxAnswerChoices } = configuration || {};\n  const {\n    limitChoicesNumber,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    choices\n  } = model || {};\n\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 instead of maxAnswerChoices, set max to 9\n  if (limitChoicesNumber && !maxAnswerChoices) {\n    maxAnswerChoices = MAX_CHOICES;\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            toolbarOpts={toolbarOpts}\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          />\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            toolbarOpts={toolbarOpts}\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              />\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              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n      <br />\n      {addChoiceButton.settings && (\n        <Tooltip title={maxAnswerChoices  && model.choices.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : ''} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: maxAnswerChoices  && model.choices.length >= maxAnswerChoices ? 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  const settingsInPanel = {\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    lockChoiceOrder:\n      lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    feedbackEnabled:\n      feedback.settings && toggle(feedback.label),\n    choicesLayout:\n      choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n    gridColumns:\n      choicesLayout.settings && model.choicesLayout === 'grid' && 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                  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:\n            `There can't be less than ${minAnswerChoices} choices.`,\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              },\n            );\n          },\n          onCancel: () =>\n            this.setState({\n              dialog: {\n                open: false\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    const { maxAnswerChoices } = configuration || {};\n\n    if (maxAnswerChoices && model.choices.length === maxAnswerChoices) {\n      this.setState({\n        dialog: {\n          open: true,\n          message:\n            `There can't be more than ${maxAnswerChoices} choices.`,\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              },\n            );\n          },\n          onCancel: () =>\n            this.setState({\n              dialog: {\n                open: false\n              }\n            })\n        }\n      });\n    } else {\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    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/docs/config-schema.json

@@ -271,6 +271,16 @@
         }
       }
     },
+    "minAnswerChoices": {
+      "description": "Minimum number of answer choices",
+      "type": "number",
+      "title": "minAnswerChoices"
+    },
+    "maxAnswerChoices": {
+      "description": "Maximum number of answer choices",
+      "type": "number",
+      "title": "maxAnswerChoices"
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,

package/docs/config-schema.json.md

@@ -209,6 +209,14 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `minAnswerChoices` (number)
+
+Minimum number of answer choices
+
+# `maxAnswerChoices` (number)
+
+Maximum number of answer choices
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/module/configure.js

@@ -52,6 +52,9 @@ const {color: color} = _dll_pie_lib__render_ui;
 const {withStyles: withStyles} = _dll_material_ui__core_styles;
 const {Button: Button} = _dll_material_ui__core;
 const {Tooltip: Tooltip} = _dll_material_ui__core;
+const {Dialog: Dialog} = _dll_material_ui__core;
+const {DialogTitle: DialogTitle} = _dll_material_ui__core;
+const {DialogActions: DialogActions} = _dll_material_ui__core;
 const {merge: merge} = _dll_lodash;
 const EditableHtml = _dll_pie_lib__editable_html;
 const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
@@ -118,8 +121,9 @@ const styles = theme => ({
 });
 const Design = withStyles(styles)(props => {
   const {classes, model, configuration, onPromptChanged, onChoiceChanged, onRemoveChoice, onAddChoice, imageSupport, onChangeModel, onConfigurationChanged, onTeacherInstructionsChanged} = props;
-  const {prompt = {}, addChoiceButton = {}, limitChoicesNumber = {}, feedback = {}, deleteChoice = {}, choiceMode = {}, choicePrefix = {}, partialScoring = {}, lockChoiceOrder = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, accessibility = {}, scoringType = {}, sequentialChoiceLabels = {}, settingsPanelDisabled, choicesLayout, gridColumns} = configuration || ({});
-  const {limitChoicesNumber: limitChoicesNumberModel, teacherInstructionsEnabled, rationaleEnabled, accessibilityLabelsEnabled, feedbackEnabled, promptEnabled, choices} = model || ({});
+  const {prompt = {}, addChoiceButton = {}, feedback = {}, deleteChoice = {}, choiceMode = {}, choicePrefix = {}, partialScoring = {}, lockChoiceOrder = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, accessibility = {}, scoringType = {}, sequentialChoiceLabels = {}, settingsPanelDisabled, choicesLayout, gridColumns} = configuration || ({});
+  let {maxAnswerChoices} = configuration || ({});
+  const {limitChoicesNumber, teacherInstructionsEnabled, rationaleEnabled, accessibilityLabelsEnabled, feedbackEnabled, promptEnabled, choices} = model || ({});
   const nrOfColumnsAvailable = choices && choices.length ? Array.from({
     length: choices.length
   }, (_, i) => `${i + 1}`) : [];
@@ -140,11 +144,14 @@ const Design = withStyles(styles)(props => {
       toolbarOpts.position = 'bottom';
       break;
   }
+  if (limitChoicesNumber && !maxAnswerChoices) {
+    maxAnswerChoices = MAX_CHOICES;
+  }
   const Content = React$1.createElement('div', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141
+      lineNumber: 149
     }
   }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
     label: teacherInstructions.label,
@@ -152,7 +159,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143
+      lineNumber: 151
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -164,7 +171,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147
+      lineNumber: 155
     }
   })), promptEnabled && React$1.createElement(InputContainer, {
     label: prompt.label,
@@ -172,7 +179,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159
+      lineNumber: 167
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -185,7 +192,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160
+      lineNumber: 168
     }
   })), model.choices.map((choice, index) => React$1.createElement('div', {
     key: `choice-${index}`,
@@ -193,7 +200,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172
+      lineNumber: 180
     }
   }, React$1.createElement(ChoiceConfiguration, {
     key: index,
@@ -213,7 +220,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176
+      lineNumber: 184
     }
   }), rationaleEnabled && React$1.createElement(InputContainer, {
     key: `rationale-${index}`,
@@ -222,7 +229,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193
+      lineNumber: 201
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.rationale,
@@ -237,7 +244,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198
+      lineNumber: 206
     }
   })), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
     key: `accessibility-${index}`,
@@ -246,7 +253,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214
+      lineNumber: 222
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.accessibility,
@@ -260,27 +267,27 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219
+      lineNumber: 227
     }
   })))), React$1.createElement('br', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235
+      lineNumber: 243
     }
   }), addChoiceButton.settings && React$1.createElement(Tooltip, {
-    title: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? `Only ${MAX_CHOICES} allowed maximum` : '',
+    title: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : '',
     classes: {
       tooltip: classes.tooltip
     },
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237
+      lineNumber: 245
     }
   }, React$1.createElement(Button, {
     classes: {
-      root: limitChoicesNumberModel && model.choices.length >= MAX_CHOICES ? classes.disableButton : undefined
+      root: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? classes.disableButton : undefined
     },
     className: classes.addButton,
     variant: "contained",
@@ -289,7 +296,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 238
+      lineNumber: 246
     }
   }, addChoiceButton.label)));
   const settingsInPanel = {
@@ -297,7 +304,6 @@ const Design = withStyles(styles)(props => {
     '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),
     choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
@@ -308,7 +314,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278
+      lineNumber: 284
     }
   }, settingsPanelDisabled ? Content : React$1.createElement(layout.ConfigLayout, {
     settings: React$1.createElement(Panel, {
@@ -330,16 +336,58 @@ const Design = withStyles(styles)(props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 284
+        lineNumber: 290
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 282
+      lineNumber: 288
     }
   }, Content));
 });
+const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dialog, {
+  open: open,
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 325
+  }
+}, React$1.createElement(DialogTitle, {
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 326
+  }
+}, title), React$1.createElement(DialogActions, {
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 327
+  }
+}, onOk && React$1.createElement(Button, {
+  onClick: onOk,
+  color: "primary",
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 329
+  }
+}, "OK"), onCancel && React$1.createElement(Button, {
+  onClick: onCancel,
+  color: "primary",
+  __self: undefined,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 334
+  }
+}, "Cancel")));
+InfoDialog.propTypes = {
+  open: PropTypes.bool,
+  onCancel: PropTypes.func,
+  onOk: PropTypes.func,
+  title: PropTypes.string
+};
 class Main extends React$1.Component {
   constructor(...args) {
     super(...args);
@@ -349,10 +397,12 @@ class Main extends React$1.Component {
     Main.prototype.__init4.call(this);
     Main.prototype.__init5.call(this);
     Main.prototype.__init6.call(this);
+    Main.prototype.__init7.call(this);
   }
   static __initStatic() {
     this.propTypes = {
       model: PropTypes.object.isRequired,
+      configuration: PropTypes.object.isRequired,
       disableSidePanel: PropTypes.bool,
       onModelChanged: PropTypes.func.isRequired,
       onConfigurationChanged: PropTypes.func.isRequired,
@@ -364,16 +414,65 @@ class Main extends React$1.Component {
     };
   }
   __init() {
-    this.onRemoveChoice = index => {
-      const {model} = this.props;
-      model.choices.splice(index, 1);
-      this.props.onModelChanged(model);
+    this.state = {
+      dialog: {
+        open: false
+      }
     };
   }
   __init2() {
+    this.onRemoveChoice = index => {
+      const {model, configuration} = this.props;
+      const {minAnswerChoices} = configuration || ({});
+      if (minAnswerChoices && model.choices.length === minAnswerChoices) {
+        this.setState({
+          dialog: {
+            open: true,
+            message: `There can't be less than ${minAnswerChoices} choices.`,
+            onOk: () => {
+              this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            },
+            onCancel: () => this.setState({
+              dialog: {
+                open: false
+              }
+            })
+          }
+        });
+      } else {
+        model.choices.splice(index, 1);
+        this.props.onModelChanged(model);
+      }
+    };
+  }
+  __init3() {
     this.onAddChoice = () => {
-      const {model} = this.props;
-      if (!model.limitChoicesNumber || model.limitChoicesNumber && model.choices.length < MAX_CHOICES) {
+      const {model, configuration} = this.props;
+      const {maxAnswerChoices} = configuration || ({});
+      if (maxAnswerChoices && model.choices.length === maxAnswerChoices) {
+        this.setState({
+          dialog: {
+            open: true,
+            message: `There can't be more than ${maxAnswerChoices} choices.`,
+            onOk: () => {
+              this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            },
+            onCancel: () => this.setState({
+              dialog: {
+                open: false
+              }
+            })
+          }
+        });
+      } else {
         model.choices.push({
           label: '',
           value: utils$1.firstAvailableIndex(model.choices.map(c => c.value), 0),
@@ -385,7 +484,7 @@ class Main extends React$1.Component {
       }
     };
   }
-  __init3() {
+  __init4() {
     this.onChoiceChanged = (index, choice) => {
       const {model} = this.props;
       if (choice.correct && model.choiceMode === 'radio') {
@@ -399,7 +498,7 @@ class Main extends React$1.Component {
       this.props.onModelChanged(model);
     };
   }
-  __init4() {
+  __init5() {
     this.onPromptChanged = prompt => {
       this.props.onModelChanged({
         ...this.props.model,
@@ -407,7 +506,7 @@ class Main extends React$1.Component {
       });
     };
   }
-  __init5() {
+  __init6() {
     this.onTeacherInstructionsChanged = teacherInstructions => {
       this.props.onModelChanged({
         ...this.props.model,
@@ -415,7 +514,7 @@ class Main extends React$1.Component {
       });
     };
   }
-  __init6() {
+  __init7() {
     this.onModelChanged = (model, key) => {
       const {onModelChanged} = this.props;
       switch (key) {
@@ -445,7 +544,18 @@ class Main extends React$1.Component {
     };
   }
   render() {
-    return React$1.createElement(Design, {
+    const {dialog} = this.state;
+    return React$1.createElement(React$1.Fragment, null, React$1.createElement(InfoDialog, {
+      open: dialog.open,
+      title: dialog.message,
+      onCancel: dialog.onCancel,
+      onOk: dialog.onOk,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 505
+      }
+    }), React$1.createElement(Design, {
       ...this.props,
       onChangeModel: this.onModelChanged,
       onRemoveChoice: this.onRemoveChoice,
@@ -456,9 +566,9 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 414
+        lineNumber: 511
       }
-    });
+    }));
   }
 }
 Main.__initStatic();
@@ -475,7 +585,6 @@ var sensibleDefaults = {
     feedbackEnabled: true,
     promptEnabled: true,
     rationaleEnabled: true,
-    limitChoicesNumber: true,
     teacherInstructionsEnabled: true,
     studentInstructionsEnabled: true,
     toolbarEditorPosition: 'bottom',
@@ -495,10 +604,6 @@ var sensibleDefaults = {
       settings: true,
       label: 'Add a Choice'
     },
-    limitChoicesNumber: {
-      settings: true,
-      label: 'Limit choices to 9'
-    },
     choiceMode: {
       settings: true,
       label: 'Response Type'
@@ -549,7 +654,9 @@ var sensibleDefaults = {
     toolbarEditorPosition: {
       settings: false,
       label: 'Toolbar Editor Position'
-    }
+    },
+    minAnswerChoices: 2,
+    maxAnswerChoices: 5
   }
 };
 const React = _dll_react;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "5.9.3-next.497+661ea8988",
+  "version": "5.9.3-next.508+83da7dce9",
   "publishConfig": {
     "access": "public"
   },
@@ -21,7 +21,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "661ea8988f81cbf69393d5528088c208c38f2166",
+  "gitHead": "83da7dce98cce892b028c9e3c7e958548e47d353",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },