@pie-element/multiple-choice 7.12.1-next.9 → 7.13.1-next.13

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.13.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@7.12.0...@pie-element/multiple-choice@7.13.0) (2023-06-13)
+
+
+### Bug Fixes
+
+* update libs PD-2722, PD-2827, PD-2832 ([834ecf9](https://github.com/pie-framework/pie-elements/commit/834ecf92cc7204c851c68f0945ad5d52e453c9d0))
+* update pie-libs ([649fb8f](https://github.com/pie-framework/pie-elements/commit/649fb8f535172d76b3ffc676ec53b2726432808c))
+* update pie-libs PD-2150, PD-2795 ([ff6f64a](https://github.com/pie-framework/pie-elements/commit/ff6f64afa6ccaa8a060c986b1637c680e68c62b6))
+* **multiple-choice:** avoid duplicate id for choice in case ebsr-PD-2831 ([36548f6](https://github.com/pie-framework/pie-elements/commit/36548f6342d47ec05ed977bd3bea43932f6aaeca))
+
+
+### Features
+
+* **ebsr:** make the part labels h3 headings for accessibility PD-2884 ([26c6eec](https://github.com/pie-framework/pie-elements/commit/26c6eec1f38fdd305088aff207b2bf8b0038ce70))
+* **multiple-choice:** add hidden heading for screen readers PD-2883 ([4487146](https://github.com/pie-framework/pie-elements/commit/4487146229d49db026259c1f08f0edfd8a90377b))
+* add mathMlOptions PD-2150 ([0c6984c](https://github.com/pie-framework/pie-elements/commit/0c6984cf042141eac36badfbab1c46d8d42f71ee))
+
+
+
+
+
 # [7.12.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice@7.11.3...@pie-element/multiple-choice@7.12.0) (2023-05-23)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.10.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@5.9.0...@pie-element/multiple-choice-configure@5.10.0) (2023-06-13)
+
+
+### Bug Fixes
+
+* update libs PD-2722, PD-2827, PD-2832 ([834ecf9](https://github.com/pie-framework/pie-elements/commit/834ecf92cc7204c851c68f0945ad5d52e453c9d0))
+* update pie-libs ([649fb8f](https://github.com/pie-framework/pie-elements/commit/649fb8f535172d76b3ffc676ec53b2726432808c))
+* update pie-libs PD-2150, PD-2795 ([ff6f64a](https://github.com/pie-framework/pie-elements/commit/ff6f64afa6ccaa8a060c986b1637c680e68c62b6))
+
+
+### Features
+
+* add mathMlOptions PD-2150 ([0c6984c](https://github.com/pie-framework/pie-elements/commit/0c6984cf042141eac36badfbab1c46d8d42f71ee))
+
+
+
+
+
 # [5.9.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/multiple-choice-configure@5.8.3...@pie-element/multiple-choice-configure@5.9.0) (2023-05-23)
 
 

package/configure/lib/defaults.js

@@ -113,6 +113,10 @@ var _default = {
     withRubric: {
       settings: false,
       label: 'Add Rubric'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
     }
   }
 };

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","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","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: false,\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    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 636,\n      choices: 636,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choices: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\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","spellCheck","label","settings","enabled","answerChoiceCount","addChoiceButton","deleteChoice","feedback","rationale","accessibility","studentInstructions","teacherInstructions","minAnswerChoices","maxAnswerChoices","maxImageWidth","maxImageHeight","withRubric","mathMlOptions","mmlOutput","mmlEditing"],"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,KARZ;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,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,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,CAtEL;AAuEbC,IAAAA,aAAa,EAAE;AACbH,MAAAA,mBAAmB,EAAE,GADR;AAEbxB,MAAAA,MAAM,EAAE,GAFK;AAGbqB,MAAAA,SAAS,EAAE,GAHE;AAIbtB,MAAAA,OAAO,EAAE;AAJI,KAvEF;AA6Eb6B,IAAAA,cAAc,EAAE;AACdJ,MAAAA,mBAAmB,EAAE,GADP;AAEdxB,MAAAA,MAAM,EAAE,GAFM;AAGdqB,MAAAA,SAAS,EAAE,GAHG;AAIdtB,MAAAA,OAAO,EAAE;AAJK,KA7EH;AAmFb8B,IAAAA,UAAU,EAAE;AACVd,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAnFC;AAuFbgB,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE,KADE;AAEbC,MAAAA,UAAU,EAAE;AAFC;AAvFF;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: false,\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    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 636,\n      choices: 636,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      choices: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -183,7 +183,9 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       _ref$prompt = _ref.prompt,
       prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
       _ref$withRubric = _ref.withRubric,
-      withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
+      withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric,
+      _ref$mathMlOptions = _ref.mathMlOptions,
+      mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions;
 
   var _ref2 = configuration || {},
       maxAnswerChoices = _ref2.maxAnswerChoices;
@@ -281,7 +283,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       language: 'spanish'
     }, {
       language: 'special'
-    }]
+    }],
+    mathMlOptions: mathMlOptions
   })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
     label: prompt.label,
     className: classes.promptHolder
@@ -301,7 +304,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       language: 'spanish'
     }, {
       language: 'special'
-    }]
+    }],
+    mathMlOptions: mathMlOptions
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.flexContainer
   }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -346,7 +350,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       noCorrectAnswerError: correctResponseError,
       maxImageWidth: maxImageWidth && maxImageWidth.choices || defaultImageMaxWidth,
       maxImageHeight: maxImageHeight && maxImageHeight.choices || defaultImageMaxHeight,
-      uploadSoundSupport: uploadSoundSupport
+      uploadSoundSupport: uploadSoundSupport,
+      mathMlOptions: mathMlOptions
     }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
       key: "rationale-".concat(index),
       label: rationale.label,
@@ -370,7 +375,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
         language: 'spanish'
       }, {
         language: 'special'
-      }]
+      }],
+      mathMlOptions: mathMlOptions
     })), accessibilityLabelsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
       key: "accessibility-".concat(index),
       label: accessibility.label,
@@ -393,7 +399,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
         language: 'spanish'
       }, {
         language: 'special'
-      }]
+      }],
+      mathMlOptions: mathMlOptions
     })));
   }), correctResponseError && /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.errorText

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","paddingTop","spacing","unit","marginBottom","rationaleHolder","flex","marginTop","marginLeft","accessibilityHolder","choiceConfigurationHolder","display","flexDirection","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","flexContainer","alignItems","titleText","fontSize","typography","marginRight","tooltip","whiteSpace","maxWidth","errorText","palette","error","main","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","contentDimensions","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","rationale","accessibility","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxImageWidth","maxImageHeight","prompt","withRubric","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","choices","errors","toolbarEditorPosition","choicesErrors","correctResponseError","answerChoicesError","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","position","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","addChoiceButtonTooltip","panelSettings","label","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","language","map","choice","index","c","value","root","Main","showWarning","onModelChanged","minAnswerChoices","setState","splice","push","utils","firstAvailableIndex","type","correct","key","correctFound","state","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  AlertDialog,\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 Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport merge from 'lodash/merge';\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    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  rationaleHolder: {\n    flex: 1,\n    marginTop: theme.spacing.unit * 1.5,\n    paddingTop: theme.spacing.unit * 2,\n    marginLeft: theme.spacing.unit * 3.5,\n  },\n  accessibilityHolder: {\n    flex: 1,\n    marginTop: theme.spacing.unit * 1.5,\n    paddingTop: theme.spacing.unit * 2,\n    marginLeft: theme.spacing.unit * 3.5,\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginBottom: theme.spacing.unit,\n  },\n  choiceConfiguration: {\n    width: '100%',\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    marginTop: theme.spacing.unit,\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  },\n  titleText: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\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    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n\n  const {\n    addChoiceButton = {},\n    contentDimensions = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    spellCheck = {},\n    gridColumns,\n    maxImageWidth = {},\n    maxImageHeight = {},\n    prompt = {},\n    withRubric = {},\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    toolbarEditorPosition,\n  } = model || {};\n\n  const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n  const nrOfColumnsAvailable = choices?.length ? Array.from({ length: choices.length }, (_, i) => `${i + 1}`) : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true },\n  };\n\n  const toolbarOpts = {\n    position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n  };\n\n  // if old property is used, set maxAnswerChoices to 9\n  if (limitChoicesNumber) {\n    maxAnswerChoices = MAX_CHOICES;\n  }\n\n  const validationMessage = generateValidationMessage(configuration);\n  const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n  const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n  const addChoiceButtonTooltip =\n    maxAnswerChoices && choices?.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : '';\n\n  const panelSettings = {\n    choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),\n    choicePrefix: choicePrefix.settings && 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: choicesLayout.settings && 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  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n    promptEnabled: prompt.settings && toggle(prompt.label),\n    rationaleEnabled: rationale.settings && toggle(rationale.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    accessibilityLabelsEnabled: accessibility.settings && toggle(accessibility.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n    rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n  };\n\n  return (\n    <layout.ConfigLayout\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Settings: panelSettings,\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n            maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          />\n        </InputContainer>\n      )}\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\n      {choices.map((choice, index) => (\n        <div key={`choice-${index}`} className={classes.choiceConfigurationHolder}>\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            disableImageAlignmentButtons={true}\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?.[choice.value] || null}\n            noCorrectAnswerError={correctResponseError}\n            maxImageWidth={(maxImageWidth && maxImageWidth.choices) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight}\n            uploadSoundSupport={uploadSoundSupport}\n          />\n\n          {rationaleEnabled && (\n            <InputContainer key={`rationale-${index}`} label={rationale.label} className={classes.rationaleHolder}>\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={(c) => onChoiceChanged(index, { ...choice, rationale: c })}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\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) => onChoiceChanged(index, { ...choice, accessibility: c })}\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choices) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n\n      {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n      {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n\n      {addChoiceButton.settings && (\n        <Tooltip title={addChoiceButtonTooltip} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: maxAnswerChoices && 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    </layout.ConfigLayout>\n  );\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 = { showWarning: false };\n\n  onRemoveChoice = (index) => {\n    const { model, configuration, onModelChanged } = this.props;\n    const { minAnswerChoices } = configuration || {};\n\n    if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n      this.setState({ showWarning: true });\n\n      return;\n    }\n\n    model.choices.splice(index, 1);\n    onModelChanged(model);\n  };\n\n  onAddChoice = () => {\n    const { model, configuration, onModelChanged } = 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(\n        model.choices.map((c) => c.value),\n        0,\n      ),\n      feedback: { type: 'none' },\n    });\n\n    onModelChanged(model);\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model, onModelChanged } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map((c) => merge({}, c, { correct: false }));\n    }\n\n    model.choices.splice(index, 1, choice);\n    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\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    const { configuration: { minAnswerChoices } = {} } = this.props;\n    const { showWarning } = this.state;\n\n    return (\n      <React.Fragment>\n        <AlertDialog\n          open={showWarning}\n          title=\"Warning\"\n          text={`There can't be less than ${minAnswerChoices || 0} choices.`}\n          onConfirm={() => this.setState({ showWarning: false })}\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      </React.Fragment>\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","paddingTop","spacing","unit","marginBottom","rationaleHolder","flex","marginTop","marginLeft","accessibilityHolder","choiceConfigurationHolder","display","flexDirection","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","flexContainer","alignItems","titleText","fontSize","typography","marginRight","tooltip","whiteSpace","maxWidth","errorText","palette","error","main","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","contentDimensions","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","rationale","accessibility","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxImageWidth","maxImageHeight","prompt","withRubric","mathMlOptions","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","choices","errors","toolbarEditorPosition","choicesErrors","correctResponseError","answerChoicesError","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","position","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","addChoiceButtonTooltip","panelSettings","label","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","language","map","choice","index","c","value","root","Main","showWarning","onModelChanged","minAnswerChoices","setState","splice","push","utils","firstAvailableIndex","type","correct","key","correctFound","state","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  AlertDialog,\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 Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport merge from 'lodash/merge';\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    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  rationaleHolder: {\n    flex: 1,\n    marginTop: theme.spacing.unit * 1.5,\n    paddingTop: theme.spacing.unit * 2,\n    marginLeft: theme.spacing.unit * 3.5,\n  },\n  accessibilityHolder: {\n    flex: 1,\n    marginTop: theme.spacing.unit * 1.5,\n    paddingTop: theme.spacing.unit * 2,\n    marginLeft: theme.spacing.unit * 3.5,\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    marginBottom: theme.spacing.unit,\n  },\n  choiceConfiguration: {\n    width: '100%',\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    marginTop: theme.spacing.unit,\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  },\n  titleText: {\n    fontSize: theme.typography.fontSize + 2,\n    marginRight: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\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    uploadSoundSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n\n  const {\n    addChoiceButton = {},\n    contentDimensions = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    spellCheck = {},\n    gridColumns,\n    maxImageWidth = {},\n    maxImageHeight = {},\n    prompt = {},\n    withRubric = {},\n    mathMlOptions = {},\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    toolbarEditorPosition,\n  } = model || {};\n\n  const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n  const nrOfColumnsAvailable = choices?.length ? Array.from({ length: choices.length }, (_, i) => `${i + 1}`) : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true },\n  };\n\n  const toolbarOpts = {\n    position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n  };\n\n  // if old property is used, set maxAnswerChoices to 9\n  if (limitChoicesNumber) {\n    maxAnswerChoices = MAX_CHOICES;\n  }\n\n  const validationMessage = generateValidationMessage(configuration);\n  const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n  const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n  const addChoiceButtonTooltip =\n    maxAnswerChoices && choices?.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : '';\n\n  const panelSettings = {\n    choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),\n    choicePrefix: choicePrefix.settings && 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: choicesLayout.settings && 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  const panelProperties = {\n    teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n    studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n    promptEnabled: prompt.settings && toggle(prompt.label),\n    rationaleEnabled: rationale.settings && toggle(rationale.label),\n    spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n    accessibilityLabelsEnabled: accessibility.settings && toggle(accessibility.label),\n    scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n    rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n  };\n\n  return (\n    <layout.ConfigLayout\n      dimensions={contentDimensions}\n      hideSettings={settingsPanelDisabled}\n      settings={\n        <Panel\n          model={model}\n          onChangeModel={onChangeModel}\n          configuration={configuration}\n          onChangeConfiguration={onConfigurationChanged}\n          groups={{\n            Settings: panelSettings,\n            Properties: panelProperties,\n          }}\n        />\n      }\n    >\n      {teacherInstructionsEnabled && (\n        <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </InputContainer>\n      )}\n\n      {promptEnabled && (\n        <InputContainer label={prompt.label} className={classes.promptHolder}>\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.prompt}\n            onChange={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n            maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </InputContainer>\n      )}\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\n      {choices.map((choice, index) => (\n        <div key={`choice-${index}`} className={classes.choiceConfigurationHolder}>\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            disableImageAlignmentButtons={true}\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?.[choice.value] || null}\n            noCorrectAnswerError={correctResponseError}\n            maxImageWidth={(maxImageWidth && maxImageWidth.choices) || defaultImageMaxWidth}\n            maxImageHeight={(maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            mathMlOptions={mathMlOptions}\n          />\n\n          {rationaleEnabled && (\n            <InputContainer key={`rationale-${index}`} label={rationale.label} className={classes.rationaleHolder}>\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={(c) => onChoiceChanged(index, { ...choice, rationale: c })}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n            </InputContainer>\n          )}\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) => onChoiceChanged(index, { ...choice, accessibility: c })}\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choices) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choices) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                mathMlOptions={mathMlOptions}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n\n      {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n      {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n\n      {addChoiceButton.settings && (\n        <Tooltip title={addChoiceButtonTooltip} classes={{ tooltip: classes.tooltip }}>\n          <Button\n            classes={{ root: maxAnswerChoices && 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    </layout.ConfigLayout>\n  );\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 = { showWarning: false };\n\n  onRemoveChoice = (index) => {\n    const { model, configuration, onModelChanged } = this.props;\n    const { minAnswerChoices } = configuration || {};\n\n    if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n      this.setState({ showWarning: true });\n\n      return;\n    }\n\n    model.choices.splice(index, 1);\n    onModelChanged(model);\n  };\n\n  onAddChoice = () => {\n    const { model, configuration, onModelChanged } = 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(\n        model.choices.map((c) => c.value),\n        0,\n      ),\n      feedback: { type: 'none' },\n    });\n\n    onModelChanged(model);\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model, onModelChanged } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map((c) => merge({}, c, { correct: false }));\n    }\n\n    model.choices.splice(index, 1, choice);\n    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\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    const { configuration: { minAnswerChoices } = {} } = this.props;\n    const { showWarning } = this.state;\n\n    return (\n      <React.Fragment>\n        <AlertDialog\n          open={showWarning}\n          title=\"Warning\"\n          text={`There can't be less than ${minAnswerChoices || 0} choices.`}\n          onConfirm={() => this.setState({ showWarning: false })}\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      </React.Fragment>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multiple-choice-configure",
-  "version": "5.9.0",
+  "version": "5.10.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.3.0",
-    "@pie-lib/config-ui": "^11.6.10",
-    "@pie-lib/editable-html": "^9.6.2",
-    "@pie-lib/scoring-config": "^3.6.31",
+    "@pie-lib/config-ui": "^11.8.4",
+    "@pie-lib/editable-html": "^9.7.1",
+    "@pie-lib/scoring-config": "^3.6.38",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/controller-utils": "^0.2.43",
+    "@pie-lib/controller-utils": "^0.2.44",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   }

package/docs/config-schema.json

@@ -370,6 +370,22 @@
         }
       }
     },
+    "mathMlOptions": {
+      "title": "ConfigureMathMLProp",
+      "type": "object",
+      "properties": {
+        "mmlOutput": {
+          "description": "Indicates if model should have mathML output instead of latex",
+          "type": "number",
+          "title": "mmlOutput"
+        },
+        "mmlEditing": {
+          "description": "Indicates if mathML that's already in model should be editable",
+          "type": "number",
+          "title": "mmlEditing"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -496,6 +512,22 @@
           "title": "choices"
         }
       }
+    },
+    "ConfigureMathMLProp": {
+      "title": "ConfigureMathMLProp",
+      "type": "object",
+      "properties": {
+        "mmlOutput": {
+          "description": "Indicates if model should have mathML output instead of latex",
+          "type": "number",
+          "title": "mmlOutput"
+        },
+        "mmlEditing": {
+          "description": "Indicates if mathML that's already in model should be editable",
+          "type": "number",
+          "title": "mmlEditing"
+        }
+      }
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/docs/config-schema.json.md

@@ -285,6 +285,18 @@ 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
 
+# `mathMlOptions` (object)
+
+Properties of the `mathMlOptions` object:
+
+## `mmlOutput` (number)
+
+Indicates if model should have mathML output instead of latex
+
+## `mmlEditing` (number)
+
+Indicates if mathML that's already in model should be editable
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -390,4 +402,16 @@ Indicates the max dimension for images in rationale
 
 ### `choices` (number)
 
-Indicates the max dimension for images in choices
+Indicates the max dimension for images in choices
+
+## `ConfigureMathMLProp` (object)
+
+Properties of the `ConfigureMathMLProp` object:
+
+### `mmlOutput` (number)
+
+Indicates if model should have mathML output instead of latex
+
+### `mmlEditing` (number)
+
+Indicates if mathML that's already in model should be editable

package/docs/pie-schema.json

@@ -275,6 +275,22 @@
         }
       }
     },
+    "ConfigureMathMLProp": {
+      "title": "ConfigureMathMLProp",
+      "type": "object",
+      "properties": {
+        "mmlOutput": {
+          "description": "Indicates if model should have mathML output instead of latex",
+          "type": "number",
+          "title": "mmlOutput"
+        },
+        "mmlEditing": {
+          "description": "Indicates if mathML that's already in model should be editable",
+          "type": "number",
+          "title": "mmlEditing"
+        }
+      }
+    },
     "Choice": {
       "title": "Choice",
       "type": "object",

package/docs/pie-schema.json.md

@@ -225,6 +225,18 @@ Indicates the max dimension for images in rationale
 
 Indicates the max dimension for images in choices
 
+## `ConfigureMathMLProp` (object)
+
+Properties of the `ConfigureMathMLProp` object:
+
+### `mmlOutput` (number)
+
+Indicates if model should have mathML output instead of latex
+
+### `mmlEditing` (number)
+
+Indicates if mathML that's already in model should be editable
+
 ## `Choice` (object)
 
 Properties of the `Choice` object:

package/lib/multiple-choice.js

@@ -52,6 +52,10 @@ var styles = function styles(theme) {
       }
     },
     partLabel: {
+      display: 'block',
+      fontSize: 'inherit',
+      margin: '0',
+      fontWeight: 'normal',
       paddingBottom: theme.spacing.unit * 2
     },
     teacherInstructions: {
@@ -70,6 +74,14 @@ var styles = function styles(theme) {
       padding: '0.01em 0 0 0',
       margin: '0px',
       minWidth: '0px'
+    },
+    srOnly: {
+      position: 'absolute',
+      left: '-10000px',
+      top: 'auto',
+      width: '1px',
+      height: '1px',
+      overflow: 'hidden'
     }
   };
 };
@@ -205,6 +217,25 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
       }
 
       return this.props.choiceMode === 'radio' ? this.state.selectedValue === choice.value : this.state.selectedValues.includes(choice.value);
+    } // renderHeading function was added for accessibility.
+
+  }, {
+    key: "renderHeading",
+    value: function renderHeading() {
+      var _this$props = this.props,
+          mode = _this$props.mode,
+          choiceMode = _this$props.choiceMode,
+          classes = _this$props.classes;
+
+      if (mode !== 'gather') {
+        return null;
+      }
+
+      return choiceMode === 'radio' ? /*#__PURE__*/_react["default"].createElement("h2", {
+        className: classes.srOnly
+      }, "Multiple Choice Question") : /*#__PURE__*/_react["default"].createElement("h2", {
+        className: classes.srOnly
+      }, "Multiple Select Question");
     }
   }, {
     key: "render",
@@ -212,22 +243,22 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
       var _classNames,
           _this2 = this;
 
-      var _this$props = this.props,
-          mode = _this$props.mode,
-          disabled = _this$props.disabled,
-          className = _this$props.className,
-          _this$props$choices = _this$props.choices,
-          choices = _this$props$choices === void 0 ? [] : _this$props$choices,
-          choiceMode = _this$props.choiceMode,
-          gridColumns = _this$props.gridColumns,
-          partLabel = _this$props.partLabel,
-          prompt = _this$props.prompt,
-          onChoiceChanged = _this$props.onChoiceChanged,
-          responseCorrect = _this$props.responseCorrect,
-          teacherInstructions = _this$props.teacherInstructions,
-          classes = _this$props.classes,
-          alwaysShowCorrect = _this$props.alwaysShowCorrect,
-          animationsDisabled = _this$props.animationsDisabled;
+      var _this$props2 = this.props,
+          mode = _this$props2.mode,
+          disabled = _this$props2.disabled,
+          className = _this$props2.className,
+          _this$props2$choices = _this$props2.choices,
+          choices = _this$props2$choices === void 0 ? [] : _this$props2$choices,
+          choiceMode = _this$props2.choiceMode,
+          gridColumns = _this$props2.gridColumns,
+          partLabel = _this$props2.partLabel,
+          prompt = _this$props2.prompt,
+          onChoiceChanged = _this$props2.onChoiceChanged,
+          responseCorrect = _this$props2.responseCorrect,
+          teacherInstructions = _this$props2.teacherInstructions,
+          classes = _this$props2.classes,
+          alwaysShowCorrect = _this$props2.alwaysShowCorrect,
+          animationsDisabled = _this$props2.animationsDisabled;
       var showCorrect = this.state.showCorrect;
       var isEvaluateMode = mode === 'evaluate';
       var showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;
@@ -244,9 +275,9 @@ var MultipleChoice = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.main, className, 'multiple-choice')
-      }, partLabel && /*#__PURE__*/_react["default"].createElement("div", {
+      }, partLabel && /*#__PURE__*/_react["default"].createElement("h3", {
         className: classes.partLabel
-      }, partLabel), teacherInstructions && /*#__PURE__*/_react["default"].createElement("div", {
+      }, partLabel), this.renderHeading(), teacherInstructions && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.teacherInstructions
       }, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {

package/lib/multiple-choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/multiple-choice.jsx"],"names":["styles","theme","main","color","text","backgroundColor","background","partLabel","paddingBottom","spacing","unit","teacherInstructions","marginBottom","horizontalLayout","display","flexDirection","flexWrap","gridLayout","fieldset","border","padding","margin","minWidth","MultipleChoice","props","event","target","setState","selectedValue","value","checked","prevState","selectedValues","push","filter","currentValue","choice","isCorrect","correct","isChecked","isSelected","state","showCorrect","undefined","alwaysShowCorrect","onToggle","bind","sessionValue","session","indexOf","mode","nextProps","correctResponse","index","keyMode","String","fromCharCode","toUpperCase","choiceMode","includes","disabled","className","choices","gridColumns","prompt","onChoiceChanged","responseCorrect","classes","animationsDisabled","isEvaluateMode","showCorrectAnswerToggle","columnsStyle","gridTemplateColumns","teacherInstructionsDiv","hidden","visible","choicesLayout","map","length","handleChange","handleChangeCheckboxes","hideTick","getChecked","getCorrectness","indexToSymbol","React","Component","PropTypes","string","oneOf","array","object","bool","func","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport StyledChoice from './choice';\n\n// MultipleChoice\n\nconst styles = (theme) => ({\n  main: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '& *': {\n      '-webkit-font-smoothing': 'antialiased',\n    },\n  },\n  partLabel: {\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  horizontalLayout: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  gridLayout: {\n    display: 'grid',\n  },\n  fieldset: {\n    border: '0px',\n    padding: '0.01em 0 0 0',\n    margin: '0px',\n    minWidth: '0px',\n  },\n});\n\nexport class MultipleChoice extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['gather', 'view', 'evaluate']),\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    keyMode: PropTypes.oneOf(['numbers', 'letters', 'none']),\n    choices: PropTypes.array,\n    partLabel: PropTypes.string,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool,\n    onChoiceChanged: PropTypes.func,\n    responseCorrect: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    correctResponse: PropTypes.array,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    gridColumns: PropTypes.string,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      selectedValue: null,\n      selectedValues: [],\n      showCorrect: this.props.alwaysShowCorrect || false,\n    };\n\n    this.onToggle = this.onToggle.bind(this);\n  }\n\n  isSelected(value) {\n    const sessionValue = this.props.session && this.props.session.value;\n\n    return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;\n  }\n\n  // handleChange and handleChangeCheckboxes functions were added for accessibility. Please see comments and videos from PD-2441. They should only be removed if a better solution is found.\n  handleChange = (event) => {\n    const target = event.target;\n\n    this.setState({ selectedValue: target.value });\n  };\n\n  handleChangeCheckboxes = (event) => {\n    const { value, checked } = event.target;\n\n    this.setState((prevState) => {\n      let selectedValues = [...prevState.selectedValues];\n\n      if (checked) {\n        selectedValues.push(value);\n      } else {\n        selectedValues = selectedValues.filter((currentValue) => currentValue !== value);\n      }\n\n      return { selectedValues };\n    });\n  };\n\n  onToggle() {\n    if (this.props.mode === 'evaluate') {\n      this.setState({ showCorrect: !this.state.showCorrect });\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!nextProps.correctResponse) {\n      this.setState({ showCorrect: false });\n    }\n\n    if (nextProps.alwaysShowCorrect) {\n      this.setState({ showCorrect: true });\n    }\n  }\n\n  indexToSymbol(index) {\n    if (this.props.keyMode === 'numbers') {\n      return `${index + 1}`;\n    }\n\n    if (this.props.keyMode === 'letters') {\n      return String.fromCharCode(97 + index).toUpperCase();\n    }\n\n    return '';\n  }\n\n  getCorrectness = (choice = {}) => {\n    const isCorrect = choice.correct;\n    const isChecked = this.isSelected(choice.value);\n\n    if (this.state.showCorrect) {\n      return isCorrect ? 'correct' : undefined;\n    }\n\n    if (isCorrect) {\n      if (isChecked) {\n        // A correct answer is selected: marked with a green checkmark\n        return 'correct';\n      } else {\n        // A correct answer is NOT selected: marked with an orange X\n        return 'incorrect';\n      }\n    } else {\n      if (isChecked) {\n        // An incorrect answer is selected: marked with an orange X\n        return 'incorrect';\n      } else {\n        // An incorrect answer is NOT selected: not marked\n        return undefined;\n      }\n    }\n  };\n\n  getChecked(choice) {\n    if (this.state.showCorrect) {\n      return choice.correct || false;\n    }\n\n    if (this.isSelected(choice.value)) {\n      return true;\n    }\n\n    return this.props.choiceMode === 'radio'\n      ? this.state.selectedValue === choice.value\n      : this.state.selectedValues.includes(choice.value);\n  }\n\n  render() {\n    const {\n      mode,\n      disabled,\n      className,\n      choices = [],\n      choiceMode,\n      gridColumns,\n      partLabel,\n      prompt,\n      onChoiceChanged,\n      responseCorrect,\n      teacherInstructions,\n      classes,\n      alwaysShowCorrect,\n      animationsDisabled,\n    } = this.props;\n    const { showCorrect } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n    const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;\n    const columnsStyle = gridColumns > 1 ? { gridTemplateColumns: `repeat(${gridColumns}, 1fr)` } : undefined;\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    return (\n      <div className={classNames(classes.main, className, 'multiple-choice')}>\n        {partLabel && <div className={classes.partLabel}>{partLabel}</div>}\n\n        {teacherInstructions && (\n          <div className={classes.teacherInstructions}>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{\n                  hidden: 'Show Teacher Instructions',\n                  visible: 'Hide Teacher Instructions',\n                }}\n              >\n                {teacherInstructionsDiv}\n              </Collapsible>\n            ) : (\n              teacherInstructionsDiv\n            )}\n          </div>\n        )}\n\n        <fieldset className={classes.fieldset}>\n          <PreviewPrompt className=\"prompt\" defaultClassName=\"prompt\" prompt={prompt} tagName={'legend'} />\n\n          {!alwaysShowCorrect && (\n            <CorrectAnswerToggle\n              show={showCorrectAnswerToggle}\n              toggled={showCorrect}\n              onToggle={this.onToggle.bind(this)}\n            />\n          )}\n\n          <div\n            className={classNames({\n              [classes.gridLayout]: this.props.choicesLayout === 'grid',\n              [classes.horizontalLayout]: this.props.choicesLayout === 'horizontal',\n            })}\n            style={columnsStyle}\n          >\n            {choices.map((choice, index) => (\n              <StyledChoice\n                choicesLayout={this.props.choicesLayout}\n                gridColumns={gridColumns}\n                key={`choice-${index}`}\n                choice={choice}\n                index={index}\n                choicesLength={choices.length}\n                showCorrect={showCorrect}\n                isEvaluateMode={isEvaluateMode}\n                choiceMode={choiceMode}\n                disabled={disabled}\n                updateSession={onChoiceChanged}\n                onChoiceChanged={this.props.choiceMode === 'radio' ? this.handleChange : this.handleChangeCheckboxes}\n                hideTick={choice.hideTick}\n                checked={this.getChecked(choice)}\n                correctness={isEvaluateMode ? this.getCorrectness(choice) : undefined}\n                displayKey={this.indexToSymbol(index)}\n              />\n            ))}\n          </div>\n        </fieldset>\n      </div>\n    );\n  }\n}\n\nMultipleChoice.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default withStyles(styles)(MultipleChoice);\n"],"file":"multiple-choice.js"}
+{"version":3,"sources":["../src/multiple-choice.jsx"],"names":["styles","theme","main","color","text","backgroundColor","background","partLabel","display","fontSize","margin","fontWeight","paddingBottom","spacing","unit","teacherInstructions","marginBottom","horizontalLayout","flexDirection","flexWrap","gridLayout","fieldset","border","padding","minWidth","srOnly","position","left","top","width","height","overflow","MultipleChoice","props","event","target","setState","selectedValue","value","checked","prevState","selectedValues","push","filter","currentValue","choice","isCorrect","correct","isChecked","isSelected","state","showCorrect","undefined","alwaysShowCorrect","onToggle","bind","sessionValue","session","indexOf","mode","nextProps","correctResponse","index","keyMode","String","fromCharCode","toUpperCase","choiceMode","includes","classes","disabled","className","choices","gridColumns","prompt","onChoiceChanged","responseCorrect","animationsDisabled","isEvaluateMode","showCorrectAnswerToggle","columnsStyle","gridTemplateColumns","teacherInstructionsDiv","renderHeading","hidden","visible","choicesLayout","map","length","handleChange","handleChangeCheckboxes","hideTick","getChecked","getCorrectness","indexToSymbol","React","Component","PropTypes","string","oneOf","array","object","bool","func","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/render-ui';\nimport StyledChoice from './choice';\n\n// MultipleChoice\n\nconst styles = (theme) => ({\n  main: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    '& *': {\n      '-webkit-font-smoothing': 'antialiased',\n    },\n  },\n  partLabel: {\n    display: 'block',\n    fontSize: 'inherit',\n    margin: '0',\n    fontWeight: 'normal',\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  horizontalLayout: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  gridLayout: {\n    display: 'grid',\n  },\n  fieldset: {\n    border: '0px',\n    padding: '0.01em 0 0 0',\n    margin: '0px',\n    minWidth: '0px',\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport class MultipleChoice extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['gather', 'view', 'evaluate']),\n    choiceMode: PropTypes.oneOf(['radio', 'checkbox']),\n    keyMode: PropTypes.oneOf(['numbers', 'letters', 'none']),\n    choices: PropTypes.array,\n    partLabel: PropTypes.string,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool,\n    onChoiceChanged: PropTypes.func,\n    responseCorrect: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    correctResponse: PropTypes.array,\n    choicesLayout: PropTypes.oneOf(['vertical', 'grid', 'horizontal']),\n    gridColumns: PropTypes.string,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      selectedValue: null,\n      selectedValues: [],\n      showCorrect: this.props.alwaysShowCorrect || false,\n    };\n\n    this.onToggle = this.onToggle.bind(this);\n  }\n\n  isSelected(value) {\n    const sessionValue = this.props.session && this.props.session.value;\n\n    return sessionValue && sessionValue.indexOf && sessionValue.indexOf(value) >= 0;\n  }\n\n  // handleChange and handleChangeCheckboxes functions were added for accessibility. Please see comments and videos from PD-2441. They should only be removed if a better solution is found.\n  handleChange = (event) => {\n    const target = event.target;\n\n    this.setState({ selectedValue: target.value });\n  };\n\n  handleChangeCheckboxes = (event) => {\n    const { value, checked } = event.target;\n\n    this.setState((prevState) => {\n      let selectedValues = [...prevState.selectedValues];\n\n      if (checked) {\n        selectedValues.push(value);\n      } else {\n        selectedValues = selectedValues.filter((currentValue) => currentValue !== value);\n      }\n\n      return { selectedValues };\n    });\n  };\n\n  onToggle() {\n    if (this.props.mode === 'evaluate') {\n      this.setState({ showCorrect: !this.state.showCorrect });\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!nextProps.correctResponse) {\n      this.setState({ showCorrect: false });\n    }\n\n    if (nextProps.alwaysShowCorrect) {\n      this.setState({ showCorrect: true });\n    }\n  }\n\n  indexToSymbol(index) {\n    if (this.props.keyMode === 'numbers') {\n      return `${index + 1}`;\n    }\n\n    if (this.props.keyMode === 'letters') {\n      return String.fromCharCode(97 + index).toUpperCase();\n    }\n\n    return '';\n  }\n\n  getCorrectness = (choice = {}) => {\n    const isCorrect = choice.correct;\n    const isChecked = this.isSelected(choice.value);\n\n    if (this.state.showCorrect) {\n      return isCorrect ? 'correct' : undefined;\n    }\n\n    if (isCorrect) {\n      if (isChecked) {\n        // A correct answer is selected: marked with a green checkmark\n        return 'correct';\n      } else {\n        // A correct answer is NOT selected: marked with an orange X\n        return 'incorrect';\n      }\n    } else {\n      if (isChecked) {\n        // An incorrect answer is selected: marked with an orange X\n        return 'incorrect';\n      } else {\n        // An incorrect answer is NOT selected: not marked\n        return undefined;\n      }\n    }\n  };\n\n  getChecked(choice) {\n    if (this.state.showCorrect) {\n      return choice.correct || false;\n    }\n\n    if (this.isSelected(choice.value)) {\n      return true;\n    }\n\n    return this.props.choiceMode === 'radio'\n      ? this.state.selectedValue === choice.value\n      : this.state.selectedValues.includes(choice.value);\n  }\n\n  // renderHeading function was added for accessibility.\n  renderHeading() {\n    const { mode, choiceMode, classes } = this.props;\n\n    if (mode !== 'gather') {\n      return null;\n    }\n\n    return choiceMode === 'radio' ? (\n      <h2 className={classes.srOnly}>Multiple Choice Question</h2>\n    ) : (\n      <h2 className={classes.srOnly}>Multiple Select Question</h2>\n    );\n  }\n\n  render() {\n    const {\n      mode,\n      disabled,\n      className,\n      choices = [],\n      choiceMode,\n      gridColumns,\n      partLabel,\n      prompt,\n      onChoiceChanged,\n      responseCorrect,\n      teacherInstructions,\n      classes,\n      alwaysShowCorrect,\n      animationsDisabled,\n    } = this.props;\n    const { showCorrect } = this.state;\n    const isEvaluateMode = mode === 'evaluate';\n    const showCorrectAnswerToggle = isEvaluateMode && !responseCorrect;\n    const columnsStyle = gridColumns > 1 ? { gridTemplateColumns: `repeat(${gridColumns}, 1fr)` } : undefined;\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt\n        tagName=\"div\"\n        className=\"prompt\"\n        defaultClassName=\"teacher-instructions\"\n        prompt={teacherInstructions}\n      />\n    );\n\n    return (\n      <div className={classNames(classes.main, className, 'multiple-choice')}>\n        {partLabel && <h3 className={classes.partLabel}>{partLabel}</h3>}\n\n        {this.renderHeading()}\n\n        {teacherInstructions && (\n          <div className={classes.teacherInstructions}>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{\n                  hidden: 'Show Teacher Instructions',\n                  visible: 'Hide Teacher Instructions',\n                }}\n              >\n                {teacherInstructionsDiv}\n              </Collapsible>\n            ) : (\n              teacherInstructionsDiv\n            )}\n          </div>\n        )}\n\n        <fieldset className={classes.fieldset}>\n          <PreviewPrompt className=\"prompt\" defaultClassName=\"prompt\" prompt={prompt} tagName={'legend'} />\n\n          {!alwaysShowCorrect && (\n            <CorrectAnswerToggle\n              show={showCorrectAnswerToggle}\n              toggled={showCorrect}\n              onToggle={this.onToggle.bind(this)}\n            />\n          )}\n\n          <div\n            className={classNames({\n              [classes.gridLayout]: this.props.choicesLayout === 'grid',\n              [classes.horizontalLayout]: this.props.choicesLayout === 'horizontal',\n            })}\n            style={columnsStyle}\n          >\n            {choices.map((choice, index) => (\n              <StyledChoice\n                choicesLayout={this.props.choicesLayout}\n                gridColumns={gridColumns}\n                key={`choice-${index}`}\n                choice={choice}\n                index={index}\n                choicesLength={choices.length}\n                showCorrect={showCorrect}\n                isEvaluateMode={isEvaluateMode}\n                choiceMode={choiceMode}\n                disabled={disabled}\n                updateSession={onChoiceChanged}\n                onChoiceChanged={this.props.choiceMode === 'radio' ? this.handleChange : this.handleChangeCheckboxes}\n                hideTick={choice.hideTick}\n                checked={this.getChecked(choice)}\n                correctness={isEvaluateMode ? this.getCorrectness(choice) : undefined}\n                displayKey={this.indexToSymbol(index)}\n              />\n            ))}\n          </div>\n        </fieldset>\n      </div>\n    );\n  }\n}\n\nMultipleChoice.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default withStyles(styles)(MultipleChoice);\n"],"file":"multiple-choice.js"}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "7.12.1-next.9+0fa0d8045",
+  "version": "7.13.1-next.13+c3304b1da",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/config-ui": "^11.6.10",
-    "@pie-lib/correct-answer-toggle": "^2.3.74",
-    "@pie-lib/math-rendering": "^2.5.14",
-    "@pie-lib/render-ui": "^4.14.24",
+    "@pie-lib/config-ui": "^11.8.4",
+    "@pie-lib/correct-answer-toggle": "^2.3.78",
+    "@pie-lib/math-rendering": "^2.5.17",
+    "@pie-lib/render-ui": "^4.14.28",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "enzyme-to-json": "^3.3.3",
@@ -21,7 +21,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "0fa0d8045bc4a52f43c9cf75a296ec81016869e1",
+  "gitHead": "c3304b1da96b7e77b03b372d3467add35c77f8fe",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },