@pie-element/multiple-choice 6.2.5 → 6.3.0

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.2.7...@pie-element/multiple-choice@6.3.0) (2022-05-03)
+
+
+### Bug Fixes
+
+* build ([7b3a278](https://github.com/pie-framework/pie-elements/commit/7b3a278f2c83562cbe848bd08c38a20d6cd2b8a0))
+* fix crash ([0b5ab48](https://github.com/pie-framework/pie-elements/commit/0b5ab48ecf0468ac7fb724a152a5640dc25fea62))
+* **multiple-choice:** comment validation ui/ux ([89e731c](https://github.com/pie-framework/pie-elements/commit/89e731c549a3da60f4dcbdb2e131d53a4587b5ea))
+* added getters for the session PD-1668 ([de8a754](https://github.com/pie-framework/pie-elements/commit/de8a754f4580370b127257c435e43db405b4bdc4))
+* **multiple-choice:** set choices layout for print PD-1623 ([ed90d57](https://github.com/pie-framework/pie-elements/commit/ed90d578da7d8db040082e93e718357a60dd8881))
+* **multiple-choice:** set lockChoiceOrder to true for print ([5de2c75](https://github.com/pie-framework/pie-elements/commit/5de2c751b7a6cc63d54d4c8a1bbfb7adab4d2c00))
+
+
+### Features
+
+* **multiple-choice:** PD-1697 ui/ux for validation ([9a088a3](https://github.com/pie-framework/pie-elements/commit/9a088a3d4af75586d6b8e302078c8629a3e7d718))
+* **multiple-choice:** updated validation behaviors PD-1696 PD-1697 ([ab009c4](https://github.com/pie-framework/pie-elements/commit/ab009c4832572dab96c5b4130a5088dea17222e6))
+* added configurable validation ([1e3a0d6](https://github.com/pie-framework/pie-elements/commit/1e3a0d6da3c790e68a7fd401df2c832917d62480))
+* added configurable validation + refactoring PD-1696 ([31f6354](https://github.com/pie-framework/pie-elements/commit/31f6354b256fef876fa6c48e79a3f82486b5fce7))
+* added configurable validation + refactoring PD-1696 ([08d9b70](https://github.com/pie-framework/pie-elements/commit/08d9b70991f159707ef7fd5b3e533a0addda1d90))
+* added configurable validation + refactoring PD-1696 ([07c42c2](https://github.com/pie-framework/pie-elements/commit/07c42c2811349d1e829d367993541157fbbe2dfc))
+* start working on multiple-choice validation ([722037b](https://github.com/pie-framework/pie-elements/commit/722037bc0fddd2e090ec1506e85a91949ad86c91))
+
+
+
+
+
+## [6.2.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.2.6...@pie-element/multiple-choice@6.2.7) (2022-04-12)
+
+**Note:** Version bump only for package @pie-element/multiple-choice
+
+
+
+
+
+## [6.2.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.2.5...@pie-element/multiple-choice@6.2.6) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/multiple-choice
+
+
+
+
+
 ## [6.2.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@6.2.4...@pie-element/multiple-choice@6.2.5) (2022-03-22)
 
 **Note:** Version bump only for package @pie-element/multiple-choice

package/configure/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.1.7...@pie-element/multiple-choice-configure@4.2.0) (2022-05-03)
+
+
+### Bug Fixes
+
+* build ([7b3a278](https://github.com/pie-framework/pie-elements/commit/7b3a278f2c83562cbe848bd08c38a20d6cd2b8a0))
+* fix crash ([0b5ab48](https://github.com/pie-framework/pie-elements/commit/0b5ab48ecf0468ac7fb724a152a5640dc25fea62))
+* **multiple-choice:** comment validation ui/ux ([89e731c](https://github.com/pie-framework/pie-elements/commit/89e731c549a3da60f4dcbdb2e131d53a4587b5ea))
+
+
+### Features
+
+* **multiple-choice:** PD-1697 ui/ux for validation ([9a088a3](https://github.com/pie-framework/pie-elements/commit/9a088a3d4af75586d6b8e302078c8629a3e7d718))
+* **multiple-choice:** updated validation behaviors PD-1696 PD-1697 ([ab009c4](https://github.com/pie-framework/pie-elements/commit/ab009c4832572dab96c5b4130a5088dea17222e6))
+
+
+
+
+
+## [4.1.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.1.6...@pie-element/multiple-choice-configure@4.1.7) (2022-04-12)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-configure
+
+
+
+
+
+## [4.1.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.1.5...@pie-element/multiple-choice-configure@4.1.6) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-configure
+
+
+
+
+
 ## [4.1.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@4.1.4...@pie-element/multiple-choice-configure@4.1.5) (2022-03-22)
 
 **Note:** Version bump only for package @pie-element/multiple-choice-configure

package/configure/lib/defaults.js

@@ -29,8 +29,8 @@ var _default = {
   },
   configuration: {
     spellCheck: {
-      label: "Spellcheck",
-      settings: true,
+      label: 'Spellcheck',
+      settings: false,
       enabled: true
     },
     choicesLayout: {

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","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","choicesLayout","gridColumns","configuration","spellCheck","label","settings","enabled","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;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAC,IAFC;AAGVC,MAAAA,OAAO,EAAC;AAHE,KADC;AAMbN,IAAAA,aAAa,EAAE;AACbK,MAAAA,QAAQ,EAAE,KADG;AAEbD,MAAAA,KAAK,EAAE;AAFM,KANF;AAUbH,IAAAA,WAAW,EAAE;AACXG,MAAAA,KAAK,EAAE;AADI,KAVA;AAabG,IAAAA,iBAAiB,EAAE,CAbN;AAcbC,IAAAA,eAAe,EAAE;AACfH,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAdJ;AAkBbjB,IAAAA,UAAU,EAAE;AACVkB,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAlBC;AAsBbhB,IAAAA,YAAY,EAAE;AACZiB,MAAAA,QAAQ,EAAE,IADE;AAEZD,MAAAA,KAAK,EAAE;AAFK,KAtBD;AA0BbK,IAAAA,YAAY,EAAE;AACZJ,MAAAA,QAAQ,EAAE;AADE,KA1BD;AA6BbK,IAAAA,QAAQ,EAAE;AACRL,MAAAA,QAAQ,EAAE,IADF;AAERD,MAAAA,KAAK,EAAE;AAFC,KA7BG;AAiCbd,IAAAA,MAAM,EAAE;AACNe,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAjCK;AAqCbb,IAAAA,eAAe,EAAE;AACfc,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KArCJ;AAyCbZ,IAAAA,cAAc,EAAE;AACda,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAzCH;AA6CbO,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA7CE;AAiDbQ,IAAAA,aAAa,EAAE;AACbP,MAAAA,QAAQ,EAAE,KADG;AAEbD,MAAAA,KAAK,EAAE;AAFM,KAjDF;AAqDbX,IAAAA,WAAW,EAAE;AACXY,MAAAA,QAAQ,EAAE,KADC;AAEXD,MAAAA,KAAK,EAAE;AAFI,KArDA;AAyDbS,IAAAA,mBAAmB,EAAE;AACnBR,MAAAA,QAAQ,EAAE,KADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KAzDR;AA6DbU,IAAAA,mBAAmB,EAAE;AACnBT,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA7DR;AAiEbL,IAAAA,qBAAqB,EAAE;AACrBM,MAAAA,QAAQ,EAAE,KADW;AAErBD,MAAAA,KAAK,EAAE;AAFc,KAjEV;AAqEbW,IAAAA,gBAAgB,EAAE,CArEL;AAsEbC,IAAAA,gBAAgB,EAAE;AAtEL;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    spellCheck: {\n      label: \"Spellcheck\",\n      settings:true,\n      enabled:true\n    },\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"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","choiceMode","choicePrefix","choices","prompt","lockChoiceOrder","partialScoring","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","choicesLayout","gridColumns","configuration","spellCheck","label","settings","enabled","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;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAC,KAFC;AAGVC,MAAAA,OAAO,EAAC;AAHE,KADC;AAMbN,IAAAA,aAAa,EAAE;AACbK,MAAAA,QAAQ,EAAE,KADG;AAEbD,MAAAA,KAAK,EAAE;AAFM,KANF;AAUbH,IAAAA,WAAW,EAAE;AACXG,MAAAA,KAAK,EAAE;AADI,KAVA;AAabG,IAAAA,iBAAiB,EAAE,CAbN;AAcbC,IAAAA,eAAe,EAAE;AACfH,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAdJ;AAkBbjB,IAAAA,UAAU,EAAE;AACVkB,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAlBC;AAsBbhB,IAAAA,YAAY,EAAE;AACZiB,MAAAA,QAAQ,EAAE,IADE;AAEZD,MAAAA,KAAK,EAAE;AAFK,KAtBD;AA0BbK,IAAAA,YAAY,EAAE;AACZJ,MAAAA,QAAQ,EAAE;AADE,KA1BD;AA6BbK,IAAAA,QAAQ,EAAE;AACRL,MAAAA,QAAQ,EAAE,IADF;AAERD,MAAAA,KAAK,EAAE;AAFC,KA7BG;AAiCbd,IAAAA,MAAM,EAAE;AACNe,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAjCK;AAqCbb,IAAAA,eAAe,EAAE;AACfc,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KArCJ;AAyCbZ,IAAAA,cAAc,EAAE;AACda,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAzCH;AA6CbO,IAAAA,SAAS,EAAE;AACTN,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA7CE;AAiDbQ,IAAAA,aAAa,EAAE;AACbP,MAAAA,QAAQ,EAAE,KADG;AAEbD,MAAAA,KAAK,EAAE;AAFM,KAjDF;AAqDbX,IAAAA,WAAW,EAAE;AACXY,MAAAA,QAAQ,EAAE,KADC;AAEXD,MAAAA,KAAK,EAAE;AAFI,KArDA;AAyDbS,IAAAA,mBAAmB,EAAE;AACnBR,MAAAA,QAAQ,EAAE,KADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KAzDR;AA6DbU,IAAAA,mBAAmB,EAAE;AACnBT,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA7DR;AAiEbL,IAAAA,qBAAqB,EAAE;AACrBM,MAAAA,QAAQ,EAAE,KADW;AAErBD,MAAAA,KAAK,EAAE;AAFc,KAjEV;AAqEbW,IAAAA,gBAAgB,EAAE,CArEL;AAsEbC,IAAAA,gBAAgB,EAAE;AAtEL;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    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\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/index.js

@@ -43,9 +43,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 log = (0, _debug["default"])('multiple-choice:configure');
 

package/configure/lib/main.js

@@ -47,13 +47,19 @@ 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 { 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,
@@ -114,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'
     }
   };
 };
@@ -177,7 +205,13 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       feedbackEnabled = _ref3.feedbackEnabled,
       promptEnabled = _ref3.promptEnabled,
       spellCheckEnabled = _ref3.spellCheckEnabled,
-      choices = _ref3.choices;
+      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
@@ -209,6 +243,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     maxAnswerChoices = MAX_CHOICES;
   }
 
+  var validationMessage = (0, _utils.generateValidationMessage)(configuration);
+
   var Content = /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
     label: teacherInstructions.label,
     className: classes.promptHolder
@@ -232,7 +268,26 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     disableUnderline: true,
     toolbarOpts: toolbarOpts,
     spellCheck: spellCheckEnabled
-  })), model.choices.map(function (choice, index) {
+  })), /*#__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
@@ -255,7 +310,9 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       allowDelete: deleteChoice.settings,
       noLabels: true,
       toolbarOpts: toolbarOpts,
-      spellCheck: spellCheckEnabled
+      spellCheck: spellCheckEnabled,
+      error: choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null,
+      noCorrectAnswerError: correctResponseError
     }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
       key: "rationale-".concat(index),
       label: rationale.label,
@@ -295,7 +352,7 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     classes: {
-      root: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? classes.disableButton : undefined
+      root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton
     },
     className: classes.addButton,
     variant: "contained",
@@ -337,11 +394,11 @@ 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;
+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"], {
@@ -385,8 +442,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           model = _this$props.model,
           configuration = _this$props.configuration;
 
-      var _ref5 = configuration || {},
-          minAnswerChoices = _ref5.minAnswerChoices;
+      var _ref6 = configuration || {},
+          minAnswerChoices = _ref6.minAnswerChoices;
 
       if (minAnswerChoices && model.choices.length === minAnswerChoices) {
         _this.setState({
@@ -399,13 +456,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
                   open: false
                 }
               });
-            },
-            onCancel: function onCancel() {
-              return _this.setState({
-                dialog: {
-                  open: false
-                }
-              });
             }
           }
         });
@@ -420,51 +470,32 @@ var Main = /*#__PURE__*/function (_React$Component) {
           model = _this$props2.model,
           configuration = _this$props2.configuration;
 
-      var _ref6 = configuration || {},
-          maxAnswerChoices = _ref6.maxAnswerChoices;
+      var _ref7 = configuration || {},
+          maxAnswerChoices = _ref7.maxAnswerChoices;
 
-      var _ref7 = model || {},
-          limitChoicesNumber = _ref7.limitChoicesNumber; // if old property is used, set maxAnswerChoices to 9
+      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) {
-        _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) {
-            return c.value;
-          }), 0),
-          feedback: {
-            type: 'none'
-          }
-        });
-
-        _this.props.onModelChanged(model);
+      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;

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","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","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    spellCheck = {},\n    gridColumns,\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  } = model || {};\n\n  const nrOfColumnsAvailable =\n    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 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          />\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          />\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            spellCheck={spellCheckEnabled}\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              />\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              />\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={{\n              root:\n                maxAnswerChoices && model.choices.length >= maxAnswerChoices\n                  ? classes.disableButton\n                  : undefined,\n            }}\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          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    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      this.setState({\n        dialog: {\n          open: true,\n          message: `There can't be more than ${maxAnswerChoices} choices.`,\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false,\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(\n          model.choices.map((c) => c.value),\n          0\n        ),\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        /><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","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","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  } = 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\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          />\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          />\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          />\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              />\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              />\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"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multiple-choice-configure",
-  "version": "4.1.5",
+  "version": "4.2.0",
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -8,9 +8,9 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.24",
-    "@pie-lib/editable-html": "^7.19.3",
-    "@pie-lib/scoring-config": "^3.5.153",
+    "@pie-lib/config-ui": "^10.12.1",
+    "@pie-lib/editable-html": "^7.22.1",
+    "@pie-lib/scoring-config": "^3.5.157",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.6.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.5.5...@pie-element/multiple-choice-controller@3.6.0) (2022-05-03)
+
+
+### Features
+
+* **multiple-choice:** updated validation behaviors PD-1696 PD-1697 ([ab009c4](https://github.com/pie-framework/pie-elements/commit/ab009c4832572dab96c5b4130a5088dea17222e6))
+* added configurable validation ([1e3a0d6](https://github.com/pie-framework/pie-elements/commit/1e3a0d6da3c790e68a7fd401df2c832917d62480))
+* added configurable validation + refactoring PD-1696 ([31f6354](https://github.com/pie-framework/pie-elements/commit/31f6354b256fef876fa6c48e79a3f82486b5fce7))
+* added configurable validation + refactoring PD-1696 ([08d9b70](https://github.com/pie-framework/pie-elements/commit/08d9b70991f159707ef7fd5b3e533a0addda1d90))
+* added configurable validation + refactoring PD-1696 ([07c42c2](https://github.com/pie-framework/pie-elements/commit/07c42c2811349d1e829d367993541157fbbe2dfc))
+* start working on multiple-choice validation ([722037b](https://github.com/pie-framework/pie-elements/commit/722037bc0fddd2e090ec1506e85a91949ad86c91))
+
+
+
+
+
+## [3.5.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.5.4...@pie-element/multiple-choice-controller@3.5.5) (2022-04-12)
+
+**Note:** Version bump only for package @pie-element/multiple-choice-controller
+
+
+
+
+
 ## [3.5.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-controller@3.4.1...@pie-element/multiple-choice-controller@3.5.1) (2021-11-11)
 
 **Note:** Version bump only for package @pie-element/multiple-choice-controller