@pie-element/multiple-choice 6.2.6 → 6.2.7

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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

package/configure/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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

package/configure/lib/main.js

@@ -47,6 +47,10 @@ 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"));
+
 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; } }
@@ -114,6 +118,28 @@ var styles = function styles(theme) {
       '&:focus': {
         backgroundColor: _renderUi.color.disabled()
       }
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    titleText: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: '18px',
+      lineHeight: '19px',
+      color: '#495B8F',
+      marginRight: '5px',
+      marginBottom: '5px'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      paddingTop: '5px'
     }
   };
 };
@@ -177,7 +203,8 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
       feedbackEnabled = _ref3.feedbackEnabled,
       promptEnabled = _ref3.promptEnabled,
       spellCheckEnabled = _ref3.spellCheckEnabled,
-      choices = _ref3.choices;
+      choices = _ref3.choices; // const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};
+
 
   var nrOfColumnsAvailable = choices && choices.length ? Array.from({
     length: choices.length
@@ -232,7 +259,7 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
     disableUnderline: true,
     toolbarOpts: toolbarOpts,
     spellCheck: spellCheckEnabled
-  })), model.choices.map(function (choice, index) {
+  })), choices.map(function (choice, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: "choice-".concat(index),
       className: classes.choiceConfigurationHolder
@@ -255,7 +282,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,

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","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","Content","label","map","choice","index","c","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';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\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  },\n  titleText: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '18px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px',\n    marginBottom: '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 =\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      {/*<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={'Validation requirements:\\nThere should at least two answer choices, non-blank and unique.\\nA correct answer must be defined.'}*/}\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={{\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        />\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/multiple-choice-configure",
-  "version": "4.1.6",
+  "version": "4.1.7",
   "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.11.0",
+    "@pie-lib/editable-html": "^7.20.0",
+    "@pie-lib/scoring-config": "^3.5.154",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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

package/controller/lib/index.js

@@ -11,9 +11,12 @@ exports.getScore = void 0;
 exports.model = model;
 exports.normalize = void 0;
 exports.outcome = outcome;
+exports.validate = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -246,4 +249,57 @@ var createCorrectResponseSession = function createCorrectResponseSession(questio
 };
 
 exports.createCorrectResponseSession = createCorrectResponseSession;
+
+var validate = function validate() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var choices = model.choices;
+  var _config$minAnswerChoi = config.minAnswerChoices,
+      minAnswerChoices = _config$minAnswerChoi === void 0 ? 2 : _config$minAnswerChoi,
+      maxAnswerChoices = config.maxAnswerChoices;
+  var reversedChoices = (0, _toConsumableArray2["default"])(choices || []).reverse();
+  var choicesErrors = {};
+  var hasCorrectResponse = false;
+  reversedChoices.forEach(function (choice, index) {
+    var correct = choice.correct,
+        value = choice.value,
+        label = choice.label;
+
+    if (correct) {
+      hasCorrectResponse = true;
+    }
+
+    if (label === '' || label === '<div></div>') {
+      choicesErrors[value] = 'Content should not be empty.';
+    } else {
+      var identicalAnswer = reversedChoices.slice(index + 1).some(function (c) {
+        return c.label === label;
+      });
+
+      if (identicalAnswer) {
+        choicesErrors[value] = 'Content should be unique.';
+      }
+    }
+  });
+  var errors = {};
+  var nbOfChoices = (choices || []).length;
+
+  if (nbOfChoices < minAnswerChoices) {
+    errors.answerChoicesError = "Should be defined at least ".concat(minAnswerChoices, " choices.");
+  } else if (nbOfChoices > maxAnswerChoices) {
+    errors.answerChoicesError = "No more than ".concat(maxAnswerChoices, " choices should be defined.");
+  }
+
+  if (!hasCorrectResponse) {
+    errors.correctResponseError = 'No correct response defined.';
+  }
+
+  if (!(0, _isEmpty["default"])(choicesErrors)) {
+    errors.choicesErrors = choicesErrors;
+  }
+
+  return errors;
+};
+
+exports.validate = validate;
 //# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["prepareChoice","model","env","defaultFeedback","choice","role","mode","out","label","value","accessibilityLabelsEnabled","accessibility","textContent","rationale","rationaleEnabled","correct","feedbackEnabled","feedbackType","feedback","type","createDefaultModel","Promise","resolve","defaults","normalize","question","verticalMode","choicesLayout","questionProps","session","updateSession","normalizedQuestion","Object","assign","incorrect","choices","map","lockChoiceOrder","disabled","prompt","promptEnabled","gridColumns","choiceMode","keyMode","choicePrefix","responseCorrect","undefined","teacherInstructions","teacherInstructionsEnabled","getScore","config","selectedChoices","correctChoices","filter","ch","score","reduce","acc","selectedChoice","find","length","str","parseFloat","toFixed","outcome","empty","partialScoringEnabled","partialScoring","enabled","createCorrectResponseSession","id","c"],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\nimport isEmpty from 'lodash/isEmpty';\nimport { isResponseCorrect, parseHTML } from './utils';\nimport defaults from './defaults';\nimport { lockChoices, partialScoring, getShuffledChoices } from '@pie-lib/controller-utils';\n\nconst prepareChoice = (model, env, defaultFeedback) => choice => {\n  const { role, mode } = env || {};\n  const out = {\n    label: choice.label,\n    value: choice.value,\n  };\n\n  if (model.accessibilityLabelsEnabled) {\n    out.accessibility = parseHTML(choice.accessibility).textContent || choice.value;\n  }\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.rationale = model.rationaleEnabled ? choice.rationale : null;\n  } else {\n    out.rationale = null;\n  }\n\n  if (mode === 'evaluate') {\n    out.correct = !!choice.correct;\n\n    if (model.feedbackEnabled) {\n      const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n      if (feedbackType === 'default') {\n        out.feedback = defaultFeedback[choice.correct ? 'correct' : 'incorrect'];\n      } else if (feedbackType === 'custom') {\n        out.feedback = choice.feedback.value;\n      }\n    }\n  }\n\n  return out;\n};\n\nexport function createDefaultModel(model = {}) {\n  return new Promise(resolve => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = question => {\n  const { verticalMode, choicesLayout, ...questionProps } = question || {};\n\n  return {\n    ...defaults,\n    ...questionProps,\n    // This is used for offering support for old models which have the property verticalMode\n    // Same thing is set in authoring : packages/multiple-choice/configure/src/index.jsx - createDefaultModel\n    choicesLayout: choicesLayout || (verticalMode === false && 'horizontal') || defaults.choicesLayout\n  };\n};\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n\n  const defaultFeedback = Object.assign(\n    { correct: 'Correct', incorrect: 'Incorrect' },\n    normalizedQuestion.defaultFeedback\n  );\n\n  let choices = normalizedQuestion.choices.map(\n    prepareChoice(normalizedQuestion, env, defaultFeedback)\n  );\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(\n      choices,\n      session,\n      updateSession,\n      'value'\n    );\n  }\n\n  const out = {\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choicesLayout: normalizedQuestion.choicesLayout,\n    gridColumns: normalizedQuestion.gridColumns,\n    choiceMode: normalizedQuestion.choiceMode,\n    keyMode: normalizedQuestion.choicePrefix,\n    choices,\n    responseCorrect:\n      env.mode === 'evaluate' ? isResponseCorrect(normalizedQuestion, session) : undefined\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\n\nexport const getScore = (config, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  const selectedChoices = session.value || [];\n  const correctChoices = (config.choices || []).filter(ch => ch.correct);\n\n  let score = selectedChoices.reduce((acc, selectedChoice) =>\n    acc + (correctChoices.find(ch => ch.value === selectedChoice) ? 1 : 0), 0);\n\n  if (correctChoices.length < selectedChoices.length) {\n    score -= selectedChoices.length - correctChoices.length;\n\n    if (score < 0) {\n      score = 0;\n    }\n  }\n\n  const str = correctChoices.length ? score / correctChoices.length : 0;\n\n  return parseFloat(str.toFixed(2));\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring = false. the value in `env` will\n * override the value in `model`.\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome(model, session, env) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    } else {\n      const partialScoringEnabled =\n        partialScoring.enabled(model, env) && model.choiceMode !== 'radio';\n      const score = getScore(model, session);\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: false });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question || { choices: [] };\n\n      resolve({\n        id: '1',\n        value: choices.filter(c => c.correct).map(c => c.value)\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["prepareChoice","model","env","defaultFeedback","choice","role","mode","out","label","value","accessibilityLabelsEnabled","accessibility","textContent","rationale","rationaleEnabled","correct","feedbackEnabled","feedbackType","feedback","type","createDefaultModel","Promise","resolve","defaults","normalize","question","verticalMode","choicesLayout","questionProps","session","updateSession","normalizedQuestion","Object","assign","incorrect","choices","map","lockChoiceOrder","disabled","prompt","promptEnabled","gridColumns","choiceMode","keyMode","choicePrefix","responseCorrect","undefined","teacherInstructions","teacherInstructionsEnabled","getScore","config","selectedChoices","correctChoices","filter","ch","score","reduce","acc","selectedChoice","find","length","str","parseFloat","toFixed","outcome","empty","partialScoringEnabled","partialScoring","enabled","createCorrectResponseSession","id","c","validate","minAnswerChoices","maxAnswerChoices","reversedChoices","reverse","choicesErrors","hasCorrectResponse","forEach","index","identicalAnswer","slice","some","errors","nbOfChoices","answerChoicesError","correctResponseError"],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\nimport isEmpty from 'lodash/isEmpty';\nimport { isResponseCorrect, parseHTML } from './utils';\nimport defaults from './defaults';\nimport { lockChoices, partialScoring, getShuffledChoices } from '@pie-lib/controller-utils';\n\nconst prepareChoice = (model, env, defaultFeedback) => choice => {\n  const { role, mode } = env || {};\n  const out = {\n    label: choice.label,\n    value: choice.value,\n  };\n\n  if (model.accessibilityLabelsEnabled) {\n    out.accessibility = parseHTML(choice.accessibility).textContent || choice.value;\n  }\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.rationale = model.rationaleEnabled ? choice.rationale : null;\n  } else {\n    out.rationale = null;\n  }\n\n  if (mode === 'evaluate') {\n    out.correct = !!choice.correct;\n\n    if (model.feedbackEnabled) {\n      const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n      if (feedbackType === 'default') {\n        out.feedback = defaultFeedback[choice.correct ? 'correct' : 'incorrect'];\n      } else if (feedbackType === 'custom') {\n        out.feedback = choice.feedback.value;\n      }\n    }\n  }\n\n  return out;\n};\n\nexport function createDefaultModel(model = {}) {\n  return new Promise(resolve => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = question => {\n  const { verticalMode, choicesLayout, ...questionProps } = question || {};\n\n  return {\n    ...defaults,\n    ...questionProps,\n    // This is used for offering support for old models which have the property verticalMode\n    // Same thing is set in authoring : packages/multiple-choice/configure/src/index.jsx - createDefaultModel\n    choicesLayout: choicesLayout || (verticalMode === false && 'horizontal') || defaults.choicesLayout\n  };\n};\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n\n  const defaultFeedback = Object.assign(\n    { correct: 'Correct', incorrect: 'Incorrect' },\n    normalizedQuestion.defaultFeedback\n  );\n\n  let choices = normalizedQuestion.choices.map(\n    prepareChoice(normalizedQuestion, env, defaultFeedback)\n  );\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(\n      choices,\n      session,\n      updateSession,\n      'value'\n    );\n  }\n\n  const out = {\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choicesLayout: normalizedQuestion.choicesLayout,\n    gridColumns: normalizedQuestion.gridColumns,\n    choiceMode: normalizedQuestion.choiceMode,\n    keyMode: normalizedQuestion.choicePrefix,\n    choices,\n    responseCorrect:\n      env.mode === 'evaluate' ? isResponseCorrect(normalizedQuestion, session) : undefined\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\n\nexport const getScore = (config, session) => {\n  if (!session || isEmpty(session)) {\n    return 0;\n  }\n\n  const selectedChoices = session.value || [];\n  const correctChoices = (config.choices || []).filter(ch => ch.correct);\n\n  let score = selectedChoices.reduce((acc, selectedChoice) =>\n    acc + (correctChoices.find(ch => ch.value === selectedChoice) ? 1 : 0), 0);\n\n  if (correctChoices.length < selectedChoices.length) {\n    score -= selectedChoices.length - correctChoices.length;\n\n    if (score < 0) {\n      score = 0;\n    }\n  }\n\n  const str = correctChoices.length ? score / correctChoices.length : 0;\n\n  return parseFloat(str.toFixed(2));\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring = false. the value in `env` will\n * override the value in `model`.\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome(model, session, env) {\n  return new Promise(resolve => {\n    if (!session || isEmpty(session)) {\n      resolve({ score: 0, empty: true });\n    } else {\n      const partialScoringEnabled =\n        partialScoring.enabled(model, env) && model.choiceMode !== 'radio';\n      const score = getScore(model, session);\n\n      resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: false });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question || { choices: [] };\n\n      resolve({\n        id: '1',\n        value: choices.filter(c => c.correct).map(c => c.value)\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (model = {}, config = {}) => {\n  const { choices } = model;\n  const { minAnswerChoices = 2, maxAnswerChoices } = config;\n  const reversedChoices = [...choices || []].reverse();\n  const choicesErrors = {};\n  let hasCorrectResponse = false;\n\n  reversedChoices.forEach((choice, index) => {\n    const { correct, value, label } = choice;\n\n    if (correct) {\n      hasCorrectResponse = true;\n    }\n\n    if (label === '' || label === '<div></div>') {\n      choicesErrors[value] = 'Content should not be empty.';\n    } else {\n      const identicalAnswer = reversedChoices.slice(index + 1).some(c => c.label === label);\n\n      if (identicalAnswer) {\n        choicesErrors[value] = 'Content should be unique.';\n      }\n    }\n  });\n\n  const errors = {};\n  const nbOfChoices = (choices || []).length;\n\n  if (nbOfChoices < minAnswerChoices) {\n    errors.answerChoicesError = `Should be defined at least ${minAnswerChoices} choices.`;\n  } else if (nbOfChoices > maxAnswerChoices) {\n    errors.answerChoicesError = `No more than ${maxAnswerChoices} choices should be defined.`;\n  }\n\n  if (!hasCorrectResponse) {\n    errors.correctResponseError = 'No correct response defined.';\n  }\n\n  if (!isEmpty(choicesErrors)) {\n    errors.choicesErrors = choicesErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice-controller",
   "private": true,
-  "version": "3.5.4",
+  "version": "3.5.5",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","isComplete","session","value","length","MultipleChoice","_model","_session","_rerender","element","React","createElement","Main","model","onChoiceChanged","_onChange","bind","ReactDOM","render","leading","trailing","_dispatchResponseChanged","event","CustomEvent","bubbles","composed","detail","complete","component","tagName","toLowerCase","dispatchEvent","_dispatchModelSet","hasModel","undefined","s","data","choiceMode","HTMLElement"],"mappings":"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","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { updateSessionValue } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = session => !!(session && session.value && session.value.length);\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            onChoiceChanged: this._onChange.bind(this)\n          });\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true }\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      var event = new CustomEvent('session-changed', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          complete: isComplete(this._session),\n          component: this.tagName.toLowerCase()\n        }\n      });\n\n      this.dispatchEvent(event);\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new CustomEvent('model-set', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              complete: isComplete(this._session),\n              component: this.tagName.toLowerCase(),\n              hasModel: this._model !== undefined\n            }\n          })\n        );\n      },\n      50,\n      { leading: false, trailing: true }\n    );\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  connectedCallback() {\n    this._rerender();\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","isComplete","session","value","length","MultipleChoice","_model","_session","_rerender","element","React","createElement","Main","model","onChoiceChanged","_onChange","bind","ReactDOM","render","leading","trailing","_dispatchResponseChanged","event","CustomEvent","bubbles","composed","detail","complete","component","tagName","toLowerCase","dispatchEvent","_dispatchModelSet","hasModel","undefined","s","data","choiceMode","HTMLElement"],"mappings":"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","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { updateSessionValue } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = session => !!(session && session.value && session.value.length);\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            onChoiceChanged: this._onChange.bind(this)\n          });\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true }\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      var event = new CustomEvent('session-changed', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          complete: isComplete(this._session),\n          component: this.tagName.toLowerCase()\n        }\n      });\n\n      this.dispatchEvent(event);\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new CustomEvent('model-set', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              complete: isComplete(this._session),\n              component: this.tagName.toLowerCase(),\n              hasModel: this._model !== undefined\n            }\n          })\n        );\n      },\n      50,\n      { leading: false, trailing: true }\n    );\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  connectedCallback() {\n    this._rerender();\n  }\n}\n"],"file":"index.js"}

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_lodash, _dll_pie_lib__render_ui, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.32/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.8/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_lodash, _dll_pie_lib__render_ui, _dll_debug, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.33/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.9/module/index.js";
 var lib = {};
 Object.defineProperty(lib, "__esModule", {
   value: true
@@ -117,6 +117,28 @@ const styles = theme => ({
     '&:focus': {
       backgroundColor: color.disabled()
     }
+  },
+  flexContainer: {
+    display: 'flex',
+    alignItems: 'center'
+  },
+  titleText: {
+    fontFamily: 'Cerebri Sans',
+    fontSize: '18px',
+    lineHeight: '19px',
+    color: '#495B8F',
+    marginRight: '5px',
+    marginBottom: '5px'
+  },
+  tooltip: {
+    fontSize: '12px',
+    whiteSpace: 'pre',
+    maxWidth: '500px'
+  },
+  errorText: {
+    fontSize: '12px',
+    color: 'red',
+    paddingTop: '5px'
   }
 });
 const Design = withStyles(styles)(props => {
@@ -151,7 +173,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152
+      lineNumber: 178
     }
   }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
     label: teacherInstructions.label,
@@ -159,7 +181,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154
+      lineNumber: 180
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -172,7 +194,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158
+      lineNumber: 184
     }
   })), promptEnabled && React$1.createElement(InputContainer, {
     label: prompt.label,
@@ -180,7 +202,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171
+      lineNumber: 197
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.prompt,
@@ -194,15 +216,15 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172
+      lineNumber: 198
     }
-  })), model.choices.map((choice, index) => React$1.createElement('div', {
+  })), choices.map((choice, index) => React$1.createElement('div', {
     key: `choice-${index}`,
     className: classes.choiceConfigurationHolder,
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185
+      lineNumber: 225
     }
   }, React$1.createElement(ChoiceConfiguration, {
     key: index,
@@ -223,7 +245,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189
+      lineNumber: 229
     }
   }), rationaleEnabled && React$1.createElement(InputContainer, {
     key: `rationale-${index}`,
@@ -232,7 +254,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207
+      lineNumber: 249
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.rationale,
@@ -248,7 +270,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212
+      lineNumber: 254
     }
   })), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
     key: `accessibility-${index}`,
@@ -257,7 +279,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 229
+      lineNumber: 271
     }
   }, React$1.createElement(EditableHtml, {
     className: classes.accessibility,
@@ -272,13 +294,13 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234
+      lineNumber: 276
     }
   })))), React$1.createElement('br', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251
+      lineNumber: 293
     }
   }), addChoiceButton.settings && React$1.createElement(Tooltip, {
     title: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : '',
@@ -288,7 +310,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253
+      lineNumber: 295
     }
   }, React$1.createElement(Button, {
     classes: {
@@ -301,7 +323,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 261
+      lineNumber: 303
     }
   }, addChoiceButton.label)));
   const settingsInPanel = {
@@ -319,7 +341,7 @@ const Design = withStyles(styles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303
+      lineNumber: 345
     }
   }, settingsPanelDisabled ? Content : React$1.createElement(layout.ConfigLayout, {
     settings: React$1.createElement(Panel, {
@@ -342,13 +364,13 @@ const Design = withStyles(styles)(props => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 309
+        lineNumber: 351
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307
+      lineNumber: 349
     }
   }, Content));
 });
@@ -357,19 +379,19 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
   __self: undefined,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 346
+    lineNumber: 388
   }
 }, React$1.createElement(DialogTitle, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 347
+    lineNumber: 389
   }
 }, title), React$1.createElement(DialogActions, {
   __self: undefined,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 348
+    lineNumber: 390
   }
 }, onOk && React$1.createElement(Button, {
   onClick: onOk,
@@ -377,7 +399,7 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
   __self: undefined,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 350
+    lineNumber: 392
   }
 }, "OK"), onCancel && React$1.createElement(Button, {
   onClick: onCancel,
@@ -385,7 +407,7 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
   __self: undefined,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 355
+    lineNumber: 397
   }
 }, "Cancel")));
 InfoDialog.propTypes = {
@@ -563,7 +585,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 529
+        lineNumber: 571
       }
     }), React$1.createElement(Design, {
       ...this.props,
@@ -576,7 +598,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 534
+        lineNumber: 577
       }
     }));
   }

package/module/controller.js

@@ -20638,4 +20638,49 @@ const createCorrectResponseSession = (question, env) => {
   });
 };
 
-export { createCorrectResponseSession, createDefaultModel, getScore, model, normalize, outcome };
+const validate = (model = {}, config = {}) => {
+  const { choices } = model;
+  const { minAnswerChoices = 2, maxAnswerChoices } = config;
+  const reversedChoices = [...choices || []].reverse();
+  const choicesErrors = {};
+  let hasCorrectResponse = false;
+
+  reversedChoices.forEach((choice, index) => {
+    const { correct, value, label } = choice;
+
+    if (correct) {
+      hasCorrectResponse = true;
+    }
+
+    if (label === '' || label === '<div></div>') {
+      choicesErrors[value] = 'Content should not be empty.';
+    } else {
+      const identicalAnswer = reversedChoices.slice(index + 1).some(c => c.label === label);
+
+      if (identicalAnswer) {
+        choicesErrors[value] = 'Content should be unique.';
+      }
+    }
+  });
+
+  const errors = {};
+  const nbOfChoices = (choices || []).length;
+
+  if (nbOfChoices < minAnswerChoices) {
+    errors.answerChoicesError = `Should be defined at least ${minAnswerChoices} choices.`;
+  } else if (nbOfChoices > maxAnswerChoices) {
+    errors.answerChoicesError = `No more than ${maxAnswerChoices} choices should be defined.`;
+  }
+
+  if (!hasCorrectResponse) {
+    errors.correctResponseError = 'No correct response defined.';
+  }
+
+  if (!isEmpty_1(choicesErrors)) {
+    errors.choicesErrors = choicesErrors;
+  }
+
+  return errors;
+};
+
+export { createCorrectResponseSession, createDefaultModel, getScore, model, normalize, outcome, validate };

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.34/module/index.js";
+import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.35/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/multiple-choice@6.2.5</title>
+      <title>@pie-element/multiple-choice@6.2.6</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/multiple-choice",
-  "version": "6.2.5",
+  "version": "6.2.6",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.9"
+      "version": "^1.4.10"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.34"
+      "version": "^1.0.35"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/multiple-choice@6.2.5</title>
+      <title>@pie-element/multiple-choice@6.2.6</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.34/module/index.js";
+import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.10/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.35/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "6.2.6",
+  "version": "6.2.7",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-lib/config-ui": "^10.10.24",
+    "@pie-lib/config-ui": "^10.11.0",
     "@pie-lib/correct-answer-toggle": "^2.3.35",
     "@pie-lib/math-rendering": "^2.3.13",
     "@pie-lib/render-ui": "^4.12.5",
@@ -21,7 +21,7 @@
     "react-test-renderer": "^16.3.2",
     "react-transition-group": "^2.3.1"
   },
-  "gitHead": "92cd24e6736b2eed8f82ac44ba775ad4f2080ade",
+  "gitHead": "de8f41ecfc06944b7bc890a167f81818d2bf1845",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },