@pie-element/multiple-choice 5.9.3-next.804 → 5.9.3-next.812

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/configure/lib/main.js +20 -15
  2. package/configure/lib/main.js.map +1 -1
  3. package/module/configure.js +34 -31
  4. package/package.json +2 -2
package/configure/lib/main.js CHANGED
@@ -205,8 +205,13 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
205
205
  feedbackEnabled = _ref3.feedbackEnabled,
206
206
  promptEnabled = _ref3.promptEnabled,
207
207
  spellCheckEnabled = _ref3.spellCheckEnabled,
208
- choices = _ref3.choices; // const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};
208
+ choices = _ref3.choices,
209
+ errors = _ref3.errors;
209
210
 
211
+ var _ref4 = errors || {},
212
+ choicesErrors = _ref4.choicesErrors,
213
+ correctResponseError = _ref4.correctResponseError,
214
+ answerChoicesError = _ref4.answerChoicesError;
210
215
 
211
216
  var nrOfColumnsAvailable = choices && choices.length ? Array.from({
212
217
  length: choices.length
@@ -305,9 +310,9 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
305
310
  allowDelete: deleteChoice.settings,
306
311
  noLabels: true,
307
312
  toolbarOpts: toolbarOpts,
308
- spellCheck: spellCheckEnabled // error={choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null}
309
- // noCorrectAnswerError={correctResponseError}
310
-
313
+ spellCheck: spellCheckEnabled,
314
+ error: choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null,
315
+ noCorrectAnswerError: correctResponseError
311
316
  }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
312
317
  key: "rationale-".concat(index),
313
318
  label: rationale.label,
@@ -389,11 +394,11 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
389
394
  }, Content));
390
395
  });
391
396
 
392
- var InfoDialog = function InfoDialog(_ref4) {
393
- var open = _ref4.open,
394
- onCancel = _ref4.onCancel,
395
- onOk = _ref4.onOk,
396
- title = _ref4.title;
397
+ var InfoDialog = function InfoDialog(_ref5) {
398
+ var open = _ref5.open,
399
+ onCancel = _ref5.onCancel,
400
+ onOk = _ref5.onOk,
401
+ title = _ref5.title;
397
402
  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
398
403
  open: open
399
404
  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, onOk && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
@@ -437,8 +442,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
437
442
  model = _this$props.model,
438
443
  configuration = _this$props.configuration;
439
444
 
440
- var _ref5 = configuration || {},
441
- minAnswerChoices = _ref5.minAnswerChoices;
445
+ var _ref6 = configuration || {},
446
+ minAnswerChoices = _ref6.minAnswerChoices;
442
447
 
443
448
  if (minAnswerChoices && model.choices.length === minAnswerChoices) {
444
449
  _this.setState({
@@ -465,11 +470,11 @@ var Main = /*#__PURE__*/function (_React$Component) {
465
470
  model = _this$props2.model,
466
471
  configuration = _this$props2.configuration;
467
472
 
468
- var _ref6 = configuration || {},
469
- maxAnswerChoices = _ref6.maxAnswerChoices;
473
+ var _ref7 = configuration || {},
474
+ maxAnswerChoices = _ref7.maxAnswerChoices;
470
475
 
471
- var _ref7 = model || {},
472
- limitChoicesNumber = _ref7.limitChoicesNumber; // if old property is used, set maxAnswerChoices to 9
476
+ var _ref8 = model || {},
477
+ limitChoicesNumber = _ref8.limitChoicesNumber; // if old property is used, set maxAnswerChoices to 9
473
478
 
474
479
 
475
480
  if (limitChoicesNumber) {
package/configure/lib/main.js.map CHANGED
@@ -1 +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","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","validationMessage","Content","label","correctResponseError","answerChoicesError","map","choice","index","c","root","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';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n rationaleHolder: {\n width: '70%',\n },\n accessibilityHolder: {\n width: '70%',\n },\n rationale: {\n paddingTop: theme.spacing.unit * 2,\n },\n accessibility: {\n paddingTop: theme.spacing.unit * 2,\n },\n design: {\n paddingTop: theme.spacing.unit * 3,\n },\n choiceConfigurationHolder: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n choiceConfiguration: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2,\n },\n switchElement: {\n justifyContent: 'space-between',\n margin: 0,\n },\n addButton: {\n float: 'right',\n },\n disableButton: {\n cursor: 'not-allowed',\n pointerEvents: 'all',\n backgroundColor: color.disabled(),\n '&:hover': {\n backgroundColor: color.disabled(),\n },\n '&:focus': {\n backgroundColor: color.disabled(),\n },\n },\n flexContainer: {\n display: 'flex',\n alignItems: 'center',\n marginBottom: '5px'\n },\n titleText: {\n fontFamily: 'Cerebri Sans',\n fontSize: '18px',\n lineHeight: '19px',\n color: '#495B8F',\n marginRight: '5px'\n },\n tooltip: {\n fontSize: '12px',\n whiteSpace: 'pre',\n maxWidth: '500px'\n },\n errorText: {\n fontSize: '12px',\n color: 'red',\n paddingTop: '5px'\n }\n});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n onChoiceChanged,\n onRemoveChoice,\n onAddChoice,\n imageSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged,\n } = props;\n const {\n prompt = {},\n addChoiceButton = {},\n feedback = {},\n deleteChoice = {},\n choiceMode = {},\n choicePrefix = {},\n partialScoring = {},\n lockChoiceOrder = {},\n teacherInstructions = {},\n studentInstructions = {},\n rationale = {},\n accessibility = {},\n scoringType = {},\n sequentialChoiceLabels = {},\n settingsPanelDisabled,\n choicesLayout,\n spellCheck = {},\n gridColumns\n } = configuration || {};\n let { maxAnswerChoices } = configuration || {};\n const {\n limitChoicesNumber,\n teacherInstructionsEnabled,\n rationaleEnabled,\n accessibilityLabelsEnabled,\n feedbackEnabled,\n promptEnabled,\n spellCheckEnabled,\n choices,\n // errors\n } = model || {};\n\n // const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n const nrOfColumnsAvailable =\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 validationMessage = generateValidationMessage(configuration);\n\n const Content = (\n <div>\n {teacherInstructionsEnabled && (\n <InputContainer\n label={teacherInstructions.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer label={prompt.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n <div className={classes.flexContainer}>\n <Typography className={classes.titleText}>Choices</Typography>\n <Tooltip\n classes={{ tooltip: classes.tooltip }}\n disableFocusListener\n disableTouchListener\n placement={'right'}\n title={validationMessage}\n >\n <Info fontSize={'small'} color={'primary'}/>\n </Tooltip>\n </div>\n {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n {choices.map((choice, index) => (\n <div\n key={`choice-${index}`}\n className={classes.choiceConfigurationHolder}\n >\n <ChoiceConfiguration\n key={index}\n index={index + 1}\n useLetterOrdering={model.choicePrefix === 'letters'}\n className={classes.choiceConfiguration}\n mode={model.choiceMode}\n data={choice}\n defaultFeedback={{}}\n imageSupport={imageSupport}\n onDelete={() => onRemoveChoice(index)}\n onChange={(c) => onChoiceChanged(index, c)}\n allowFeedBack={feedbackEnabled}\n allowDelete={deleteChoice.settings}\n noLabels\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n // error={choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null}\n // noCorrectAnswerError={correctResponseError}\n />\n {rationaleEnabled && (\n <InputContainer\n key={`rationale-${index}`}\n label={rationale.label}\n className={classes.rationaleHolder}\n >\n <EditableHtml\n className={classes.rationale}\n markup={choice.rationale || ''}\n onChange={(c) =>\n onChoiceChanged(index, {\n ...choice,\n rationale: c,\n })\n }\n imageSupport={imageSupport}\n toolbarOpts={toolbarOpts}\n pluginProps={labelPlugins}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n {accessibilityLabelsEnabled && (\n <InputContainer\n key={`accessibility-${index}`}\n label={accessibility.label}\n className={classes.accessibilityHolder}\n >\n <EditableHtml\n className={classes.accessibility}\n markup={choice.accessibility || ''}\n onChange={(c) =>\n onChoiceChanged(index, {\n ...choice,\n accessibility: c,\n })\n }\n imageSupport={imageSupport}\n pluginProps={labelPlugins}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n </div>\n ))}\n <br />\n {addChoiceButton.settings && (\n <Tooltip\n title={\n maxAnswerChoices && model.choices.length >= maxAnswerChoices\n ? `Only ${maxAnswerChoices} allowed maximum`\n : ''\n }\n classes={{ tooltip: classes.tooltip }}\n >\n <Button\n classes={{ root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton }}\n className={classes.addButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={onAddChoice}\n >\n {addChoiceButton.label}\n </Button>\n </Tooltip>\n )}\n </div>\n );\n\n const settingsInPanel = {\n choiceMode:\n choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n 'sequentialChoiceLabels.enabled':\n sequentialChoiceLabels.settings &&\n toggle(sequentialChoiceLabels.label, true),\n choicePrefix:\n choicePrefix.settings &&\n radio(choicePrefix.label, ['numbers', 'letters']),\n partialScoring: partialScoring.settings && toggle(partialScoring.label),\n lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n feedbackEnabled: feedback.settings && toggle(feedback.label),\n choicesLayout:\n choicesLayout.settings &&\n dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n gridColumns:\n choicesLayout.settings &&\n model.choicesLayout === 'grid' &&\n nrOfColumnsAvailable.length > 0 &&\n dropdown(gridColumns.label, nrOfColumnsAvailable),\n };\n\n return (\n <div className={classes.design}>\n {settingsPanelDisabled ? (\n Content\n ) : (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Settings: settingsInPanel,\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled:\n rationale.settings && toggle(rationale.label),\n spellCheckEnabled:\n spellCheck.settings && toggle(spellCheck.label),\n accessibilityLabelsEnabled:\n accessibility.settings && toggle(accessibility.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, ['auto', 'rubric']),\n },\n }}\n />\n }\n >\n {Content}\n </layout.ConfigLayout>\n )}\n </div>\n );\n});\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n <Dialog open={open}>\n <DialogTitle>{title}</DialogTitle>\n <DialogActions>\n {onOk && (\n <Button onClick={onOk} color=\"primary\">\n OK\n </Button>\n )}\n {onCancel && (\n <Button onClick={onCancel} color=\"primary\">\n Cancel\n </Button>\n )}\n </DialogActions>\n </Dialog>\n);\n\nInfoDialog.propTypes = {\n open: PropTypes.bool,\n onCancel: PropTypes.func,\n onOk: PropTypes.func,\n title: PropTypes.string,\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n };\n\n state = {\n dialog: {\n open: false,\n },\n };\n\n onRemoveChoice = (index) => {\n const { model, configuration } = this.props;\n const { minAnswerChoices } = configuration || {};\n\n if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n this.setState({\n dialog: {\n open: true,\n message: `There can't be less than ${minAnswerChoices} choices.`,\n onOk: () => {\n this.setState({\n dialog: {\n open: false,\n },\n });\n }\n }\n });\n } else {\n model.choices.splice(index, 1);\n this.props.onModelChanged(model);\n }\n };\n\n onAddChoice = () => {\n const { model, configuration } = this.props;\n let { maxAnswerChoices } = configuration || {};\n const { limitChoicesNumber } = model || {};\n\n // if old property is used, set maxAnswerChoices to 9\n if (limitChoicesNumber) {\n maxAnswerChoices = MAX_CHOICES;\n }\n\n if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {\n return;\n }\n\n model.choices.push({\n label: '',\n value: utils.firstAvailableIndex(model.choices.map((c) => c.value), 0),\n feedback: { type: 'none' }\n });\n\n this.props.onModelChanged(model);\n };\n\n onChoiceChanged = (index, choice) => {\n const { model } = this.props;\n\n if (choice.correct && model.choiceMode === 'radio') {\n model.choices = model.choices.map((c) => {\n return merge({}, c, { correct: false });\n });\n }\n\n model.choices.splice(index, 1, choice);\n this.props.onModelChanged(model);\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({\n ...this.props.model,\n prompt,\n });\n };\n\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions,\n });\n };\n\n onModelChanged = (model, key) => {\n const { onModelChanged } = this.props;\n\n switch (key) {\n case 'choiceMode': {\n let value = model.choiceMode;\n\n if (value === 'radio') {\n let correctFound = false;\n\n model.choices = model.choices.map((c) => {\n if (correctFound) {\n c.correct = false;\n\n return c;\n }\n\n if (c.correct) {\n correctFound = true;\n }\n\n return c;\n });\n }\n\n onModelChanged(model, true);\n break;\n }\n default:\n onModelChanged(model);\n break;\n }\n };\n\n render() {\n const { dialog } = this.state;\n\n return (\n <>\n <InfoDialog\n open={dialog.open}\n title={dialog.message}\n onCancel={dialog.onCancel}\n onOk={dialog.onOk}\n />\n <Design\n {...this.props}\n onChangeModel={this.onModelChanged}\n onRemoveChoice={this.onRemoveChoice}\n onChoiceChanged={this.onChoiceChanged}\n onAddChoice={this.onAddChoice}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n </>\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
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","flexContainer","titleText","fontFamily","fontSize","lineHeight","marginRight","tooltip","whiteSpace","maxWidth","errorText","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","choices","errors","choicesErrors","correctResponseError","answerChoicesError","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","validationMessage","Content","label","map","choice","index","c","value","root","settingsInPanel","Settings","Properties","studentInstructionsEnabled","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","Main","dialog","minAnswerChoices","setState","message","splice","onModelChanged","push","utils","firstAvailableIndex","type","correct","key","correctFound","state","React","Component","object","isRequired","disableSidePanel","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n InputContainer,\n ChoiceConfiguration,\n settings,\n layout,\n choiceUtils as utils,\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n rationaleHolder: {\n width: '70%',\n },\n accessibilityHolder: {\n width: '70%',\n },\n rationale: {\n paddingTop: theme.spacing.unit * 2,\n },\n accessibility: {\n paddingTop: theme.spacing.unit * 2,\n },\n design: {\n paddingTop: theme.spacing.unit * 3,\n },\n choiceConfigurationHolder: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n choiceConfiguration: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n paddingBottom: theme.spacing.unit * 2,\n },\n switchElement: {\n justifyContent: 'space-between',\n margin: 0,\n },\n addButton: {\n float: 'right',\n },\n disableButton: {\n cursor: 'not-allowed',\n pointerEvents: 'all',\n backgroundColor: color.disabled(),\n '&:hover': {\n backgroundColor: color.disabled(),\n },\n '&:focus': {\n backgroundColor: color.disabled(),\n },\n },\n flexContainer: {\n display: 'flex',\n alignItems: 'center',\n marginBottom: '5px'\n },\n titleText: {\n fontFamily: 'Cerebri Sans',\n fontSize: '18px',\n lineHeight: '19px',\n color: '#495B8F',\n marginRight: '5px'\n },\n tooltip: {\n fontSize: '12px',\n whiteSpace: 'pre',\n maxWidth: '500px'\n },\n errorText: {\n fontSize: '12px',\n color: 'red',\n paddingTop: '5px'\n }\n});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n onChoiceChanged,\n onRemoveChoice,\n onAddChoice,\n imageSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged,\n } = props;\n const {\n prompt = {},\n addChoiceButton = {},\n feedback = {},\n deleteChoice = {},\n choiceMode = {},\n choicePrefix = {},\n partialScoring = {},\n lockChoiceOrder = {},\n teacherInstructions = {},\n studentInstructions = {},\n rationale = {},\n accessibility = {},\n scoringType = {},\n sequentialChoiceLabels = {},\n settingsPanelDisabled,\n choicesLayout,\n spellCheck = {},\n gridColumns\n } = configuration || {};\n let { maxAnswerChoices } = configuration || {};\n const {\n limitChoicesNumber,\n teacherInstructionsEnabled,\n rationaleEnabled,\n accessibilityLabelsEnabled,\n feedbackEnabled,\n promptEnabled,\n spellCheckEnabled,\n choices,\n errors\n } = model || {};\n\n const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n const nrOfColumnsAvailable = choices && choices.length\n ? Array.from({ length: choices.length }, (_, i) => `${i + 1}`)\n : [];\n\n const labelPlugins = {\n audio: { disabled: true },\n video: { disabled: true },\n };\n\n const toolbarOpts = {};\n\n switch (model.toolbarEditorPosition) {\n case 'top':\n toolbarOpts.position = 'top';\n break;\n default:\n toolbarOpts.position = 'bottom';\n break;\n }\n\n // if old property is used, set maxAnswerChoices to 9\n if (limitChoicesNumber) {\n maxAnswerChoices = MAX_CHOICES;\n }\n\n const validationMessage = generateValidationMessage(configuration);\n\n const Content = (\n <div>\n {teacherInstructionsEnabled && (\n <InputContainer\n label={teacherInstructions.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer label={prompt.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n <div className={classes.flexContainer}>\n <Typography className={classes.titleText}>Choices</Typography>\n <Tooltip\n classes={{ tooltip: classes.tooltip }}\n disableFocusListener\n disableTouchListener\n placement={'right'}\n title={validationMessage}\n >\n <Info fontSize={'small'} color={'primary'}/>\n </Tooltip>\n </div>\n {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n {choices.map((choice, index) => (\n <div\n key={`choice-${index}`}\n className={classes.choiceConfigurationHolder}\n >\n <ChoiceConfiguration\n key={index}\n index={index + 1}\n useLetterOrdering={model.choicePrefix === 'letters'}\n className={classes.choiceConfiguration}\n mode={model.choiceMode}\n data={choice}\n defaultFeedback={{}}\n imageSupport={imageSupport}\n onDelete={() => onRemoveChoice(index)}\n onChange={(c) => onChoiceChanged(index, c)}\n allowFeedBack={feedbackEnabled}\n allowDelete={deleteChoice.settings}\n noLabels\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheckEnabled}\n error={choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null}\n noCorrectAnswerError={correctResponseError}\n />\n {rationaleEnabled && (\n <InputContainer\n key={`rationale-${index}`}\n label={rationale.label}\n className={classes.rationaleHolder}\n >\n <EditableHtml\n className={classes.rationale}\n markup={choice.rationale || ''}\n onChange={(c) =>\n onChoiceChanged(index, {\n ...choice,\n rationale: c,\n })\n }\n imageSupport={imageSupport}\n toolbarOpts={toolbarOpts}\n pluginProps={labelPlugins}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n {accessibilityLabelsEnabled && (\n <InputContainer\n key={`accessibility-${index}`}\n label={accessibility.label}\n className={classes.accessibilityHolder}\n >\n <EditableHtml\n className={classes.accessibility}\n markup={choice.accessibility || ''}\n onChange={(c) =>\n onChoiceChanged(index, {\n ...choice,\n accessibility: c,\n })\n }\n imageSupport={imageSupport}\n pluginProps={labelPlugins}\n spellCheck={spellCheckEnabled}\n />\n </InputContainer>\n )}\n </div>\n ))}\n <br/>\n {addChoiceButton.settings && (\n <Tooltip\n title={\n maxAnswerChoices && model.choices.length >= maxAnswerChoices\n ? `Only ${maxAnswerChoices} allowed maximum`\n : ''\n }\n classes={{ tooltip: classes.tooltip }}\n >\n <Button\n classes={{ root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton }}\n className={classes.addButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={onAddChoice}\n >\n {addChoiceButton.label}\n </Button>\n </Tooltip>\n )}\n </div>\n );\n\n const settingsInPanel = {\n choiceMode:\n choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n 'sequentialChoiceLabels.enabled':\n sequentialChoiceLabels.settings &&\n toggle(sequentialChoiceLabels.label, true),\n choicePrefix:\n choicePrefix.settings &&\n radio(choicePrefix.label, ['numbers', 'letters']),\n partialScoring: partialScoring.settings && toggle(partialScoring.label),\n lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n feedbackEnabled: feedback.settings && toggle(feedback.label),\n choicesLayout:\n choicesLayout.settings &&\n dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n gridColumns:\n choicesLayout.settings &&\n model.choicesLayout === 'grid' &&\n nrOfColumnsAvailable.length > 0 &&\n dropdown(gridColumns.label, nrOfColumnsAvailable),\n };\n\n return (\n <div className={classes.design}>\n {settingsPanelDisabled ? (\n Content\n ) : (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Settings: settingsInPanel,\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled:\n rationale.settings && toggle(rationale.label),\n spellCheckEnabled:\n spellCheck.settings && toggle(spellCheck.label),\n accessibilityLabelsEnabled:\n accessibility.settings && toggle(accessibility.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, ['auto', 'rubric']),\n },\n }}\n />\n }\n >\n {Content}\n </layout.ConfigLayout>\n )}\n </div>\n );\n});\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n <Dialog open={open}>\n <DialogTitle>{title}</DialogTitle>\n <DialogActions>\n {onOk && (\n <Button onClick={onOk} color=\"primary\">\n OK\n </Button>\n )}\n {onCancel && (\n <Button onClick={onCancel} color=\"primary\">\n Cancel\n </Button>\n )}\n </DialogActions>\n </Dialog>\n);\n\nInfoDialog.propTypes = {\n open: PropTypes.bool,\n onCancel: PropTypes.func,\n onOk: PropTypes.func,\n title: PropTypes.string,\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n };\n\n state = {\n dialog: {\n open: false,\n },\n };\n\n onRemoveChoice = (index) => {\n const { model, configuration } = this.props;\n const { minAnswerChoices } = configuration || {};\n\n if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n this.setState({\n dialog: {\n open: true,\n message: `There can't be less than ${minAnswerChoices} choices.`,\n onOk: () => {\n this.setState({\n dialog: {\n open: false,\n },\n });\n }\n }\n });\n } else {\n model.choices.splice(index, 1);\n this.props.onModelChanged(model);\n }\n };\n\n onAddChoice = () => {\n const { model, configuration } = this.props;\n let { maxAnswerChoices } = configuration || {};\n const { limitChoicesNumber } = model || {};\n\n // if old property is used, set maxAnswerChoices to 9\n if (limitChoicesNumber) {\n maxAnswerChoices = MAX_CHOICES;\n }\n\n if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {\n return;\n }\n\n model.choices.push({\n label: '',\n value: utils.firstAvailableIndex(model.choices.map((c) => c.value), 0),\n feedback: { type: 'none' }\n });\n\n this.props.onModelChanged(model);\n };\n\n onChoiceChanged = (index, choice) => {\n const { model } = this.props;\n\n if (choice.correct && model.choiceMode === 'radio') {\n model.choices = model.choices.map((c) => {\n return merge({}, c, { correct: false });\n });\n }\n\n model.choices.splice(index, 1, choice);\n this.props.onModelChanged(model);\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({\n ...this.props.model,\n prompt,\n });\n };\n\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions,\n });\n };\n\n onModelChanged = (model, key) => {\n const { onModelChanged } = this.props;\n\n switch (key) {\n case 'choiceMode': {\n let value = model.choiceMode;\n\n if (value === 'radio') {\n let correctFound = false;\n\n model.choices = model.choices.map((c) => {\n if (correctFound) {\n c.correct = false;\n\n return c;\n }\n\n if (c.correct) {\n correctFound = true;\n }\n\n return c;\n });\n }\n\n onModelChanged(model, true);\n break;\n }\n default:\n onModelChanged(model);\n break;\n }\n };\n\n render() {\n const { dialog } = this.state;\n\n return (\n <>\n <InfoDialog\n open={dialog.open}\n title={dialog.message}\n onCancel={dialog.onCancel}\n onOk={dialog.onOk}\n />\n <Design\n {...this.props}\n onChangeModel={this.onModelChanged}\n onRemoveChoice={this.onRemoveChoice}\n onChoiceChanged={this.onChoiceChanged}\n onAddChoice={this.onAddChoice}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n </>\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
package/module/configure.js CHANGED
@@ -154,7 +154,8 @@ const Design = withStyles(styles)(props => {
154
154
  const {classes, model, configuration, onPromptChanged, onChoiceChanged, onRemoveChoice, onAddChoice, imageSupport, onChangeModel, onConfigurationChanged, onTeacherInstructionsChanged} = props;
155
155
  const {prompt = {}, addChoiceButton = {}, feedback = {}, deleteChoice = {}, choiceMode = {}, choicePrefix = {}, partialScoring = {}, lockChoiceOrder = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, accessibility = {}, scoringType = {}, sequentialChoiceLabels = {}, settingsPanelDisabled, choicesLayout, spellCheck = {}, gridColumns} = configuration || ({});
156
156
  let {maxAnswerChoices} = configuration || ({});
157
- const {limitChoicesNumber, teacherInstructionsEnabled, rationaleEnabled, accessibilityLabelsEnabled, feedbackEnabled, promptEnabled, spellCheckEnabled, choices} = model || ({});
157
+ const {limitChoicesNumber, teacherInstructionsEnabled, rationaleEnabled, accessibilityLabelsEnabled, feedbackEnabled, promptEnabled, spellCheckEnabled, choices, errors} = model || ({});
158
+ const {choicesErrors, correctResponseError, answerChoicesError} = errors || ({});
158
159
  const nrOfColumnsAvailable = choices && choices.length ? Array.from({
159
160
  length: choices.length
160
161
  }, (_, i) => `${i + 1}`) : [];
@@ -183,7 +184,7 @@ const Design = withStyles(styles)(props => {
183
184
  __self: undefined,
184
185
  __source: {
185
186
  fileName: _jsxFileName,
186
- lineNumber: 181
187
+ lineNumber: 180
187
188
  }
188
189
  }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
189
190
  label: teacherInstructions.label,
@@ -191,7 +192,7 @@ const Design = withStyles(styles)(props => {
191
192
  __self: undefined,
192
193
  __source: {
193
194
  fileName: _jsxFileName,
194
- lineNumber: 183
195
+ lineNumber: 182
195
196
  }
196
197
  }, React$1.createElement(EditableHtml, {
197
198
  className: classes.prompt,
@@ -204,7 +205,7 @@ const Design = withStyles(styles)(props => {
204
205
  __self: undefined,
205
206
  __source: {
206
207
  fileName: _jsxFileName,
207
- lineNumber: 187
208
+ lineNumber: 186
208
209
  }
209
210
  })), promptEnabled && React$1.createElement(InputContainer, {
210
211
  label: prompt.label,
@@ -212,7 +213,7 @@ const Design = withStyles(styles)(props => {
212
213
  __self: undefined,
213
214
  __source: {
214
215
  fileName: _jsxFileName,
215
- lineNumber: 200
216
+ lineNumber: 199
216
217
  }
217
218
  }, React$1.createElement(EditableHtml, {
218
219
  className: classes.prompt,
@@ -226,21 +227,21 @@ const Design = withStyles(styles)(props => {
226
227
  __self: undefined,
227
228
  __source: {
228
229
  fileName: _jsxFileName,
229
- lineNumber: 201
230
+ lineNumber: 200
230
231
  }
231
232
  })), React$1.createElement('div', {
232
233
  className: classes.flexContainer,
233
234
  __self: undefined,
234
235
  __source: {
235
236
  fileName: _jsxFileName,
236
- lineNumber: 213
237
+ lineNumber: 212
237
238
  }
238
239
  }, React$1.createElement(Typography, {
239
240
  className: classes.titleText,
240
241
  __self: undefined,
241
242
  __source: {
242
243
  fileName: _jsxFileName,
243
- lineNumber: 214
244
+ lineNumber: 213
244
245
  }
245
246
  }, "Choices"), React$1.createElement(Tooltip, {
246
247
  classes: {
@@ -253,7 +254,7 @@ const Design = withStyles(styles)(props => {
253
254
  __self: undefined,
254
255
  __source: {
255
256
  fileName: _jsxFileName,
256
- lineNumber: 215
257
+ lineNumber: 214
257
258
  }
258
259
  }, React$1.createElement(Info, {
259
260
  fontSize: 'small',
@@ -261,21 +262,21 @@ const Design = withStyles(styles)(props => {
261
262
  __self: undefined,
262
263
  __source: {
263
264
  fileName: _jsxFileName,
264
- lineNumber: 222
265
+ lineNumber: 221
265
266
  }
266
267
  }))), correctResponseError && React$1.createElement('div', {
267
268
  className: classes.errorText,
268
269
  __self: undefined,
269
270
  __source: {
270
271
  fileName: _jsxFileName,
271
- lineNumber: 225
272
+ lineNumber: 224
272
273
  }
273
274
  }, correctResponseError), answerChoicesError && React$1.createElement('div', {
274
275
  className: classes.errorText,
275
276
  __self: undefined,
276
277
  __source: {
277
278
  fileName: _jsxFileName,
278
- lineNumber: 226
279
+ lineNumber: 225
279
280
  }
280
281
  }, answerChoicesError), choices.map((choice, index) => React$1.createElement('div', {
281
282
  key: `choice-${index}`,
@@ -283,7 +284,7 @@ const Design = withStyles(styles)(props => {
283
284
  __self: undefined,
284
285
  __source: {
285
286
  fileName: _jsxFileName,
286
- lineNumber: 228
287
+ lineNumber: 227
287
288
  }
288
289
  }, React$1.createElement(ChoiceConfiguration, {
289
290
  key: index,
@@ -301,10 +302,12 @@ const Design = withStyles(styles)(props => {
301
302
  noLabels: true,
302
303
  toolbarOpts: toolbarOpts,
303
304
  spellCheck: spellCheckEnabled,
305
+ error: choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null,
306
+ noCorrectAnswerError: correctResponseError,
304
307
  __self: undefined,
305
308
  __source: {
306
309
  fileName: _jsxFileName,
307
- lineNumber: 232
310
+ lineNumber: 231
308
311
  }
309
312
  }), rationaleEnabled && React$1.createElement(InputContainer, {
310
313
  key: `rationale-${index}`,
@@ -313,7 +316,7 @@ const Design = withStyles(styles)(props => {
313
316
  __self: undefined,
314
317
  __source: {
315
318
  fileName: _jsxFileName,
316
- lineNumber: 252
319
+ lineNumber: 251
317
320
  }
318
321
  }, React$1.createElement(EditableHtml, {
319
322
  className: classes.rationale,
@@ -329,7 +332,7 @@ const Design = withStyles(styles)(props => {
329
332
  __self: undefined,
330
333
  __source: {
331
334
  fileName: _jsxFileName,
332
- lineNumber: 257
335
+ lineNumber: 256
333
336
  }
334
337
  })), accessibilityLabelsEnabled && React$1.createElement(InputContainer, {
335
338
  key: `accessibility-${index}`,
@@ -338,7 +341,7 @@ const Design = withStyles(styles)(props => {
338
341
  __self: undefined,
339
342
  __source: {
340
343
  fileName: _jsxFileName,
341
- lineNumber: 274
344
+ lineNumber: 273
342
345
  }
343
346
  }, React$1.createElement(EditableHtml, {
344
347
  className: classes.accessibility,
@@ -353,13 +356,13 @@ const Design = withStyles(styles)(props => {
353
356
  __self: undefined,
354
357
  __source: {
355
358
  fileName: _jsxFileName,
356
- lineNumber: 279
359
+ lineNumber: 278
357
360
  }
358
361
  })))), React$1.createElement('br', {
359
362
  __self: undefined,
360
363
  __source: {
361
364
  fileName: _jsxFileName,
362
- lineNumber: 296
365
+ lineNumber: 295
363
366
  }
364
367
  }), addChoiceButton.settings && React$1.createElement(Tooltip, {
365
368
  title: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? `Only ${maxAnswerChoices} allowed maximum` : '',
@@ -369,7 +372,7 @@ const Design = withStyles(styles)(props => {
369
372
  __self: undefined,
370
373
  __source: {
371
374
  fileName: _jsxFileName,
372
- lineNumber: 298
375
+ lineNumber: 297
373
376
  }
374
377
  }, React$1.createElement(Button, {
375
378
  classes: {
@@ -382,7 +385,7 @@ const Design = withStyles(styles)(props => {
382
385
  __self: undefined,
383
386
  __source: {
384
387
  fileName: _jsxFileName,
385
- lineNumber: 306
388
+ lineNumber: 305
386
389
  }
387
390
  }, addChoiceButton.label)));
388
391
  const settingsInPanel = {
@@ -400,7 +403,7 @@ const Design = withStyles(styles)(props => {
400
403
  __self: undefined,
401
404
  __source: {
402
405
  fileName: _jsxFileName,
403
- lineNumber: 343
406
+ lineNumber: 342
404
407
  }
405
408
  }, settingsPanelDisabled ? Content : React$1.createElement(layout.ConfigLayout, {
406
409
  settings: React$1.createElement(Panel, {
@@ -423,13 +426,13 @@ const Design = withStyles(styles)(props => {
423
426
  __self: undefined,
424
427
  __source: {
425
428
  fileName: _jsxFileName,
426
- lineNumber: 349
429
+ lineNumber: 348
427
430
  }
428
431
  }),
429
432
  __self: undefined,
430
433
  __source: {
431
434
  fileName: _jsxFileName,
432
- lineNumber: 347
435
+ lineNumber: 346
433
436
  }
434
437
  }, Content));
435
438
  });
@@ -438,19 +441,19 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
438
441
  __self: undefined,
439
442
  __source: {
440
443
  fileName: _jsxFileName,
441
- lineNumber: 386
444
+ lineNumber: 385
442
445
  }
443
446
  }, React$1.createElement(DialogTitle, {
444
447
  __self: undefined,
445
448
  __source: {
446
449
  fileName: _jsxFileName,
447
- lineNumber: 387
450
+ lineNumber: 386
448
451
  }
449
452
  }, title), React$1.createElement(DialogActions, {
450
453
  __self: undefined,
451
454
  __source: {
452
455
  fileName: _jsxFileName,
453
- lineNumber: 388
456
+ lineNumber: 387
454
457
  }
455
458
  }, onOk && React$1.createElement(Button, {
456
459
  onClick: onOk,
@@ -458,7 +461,7 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
458
461
  __self: undefined,
459
462
  __source: {
460
463
  fileName: _jsxFileName,
461
- lineNumber: 390
464
+ lineNumber: 389
462
465
  }
463
466
  }, "OK"), onCancel && React$1.createElement(Button, {
464
467
  onClick: onCancel,
@@ -466,7 +469,7 @@ const InfoDialog = ({open, onCancel, onOk, title}) => React$1.createElement(Dial
466
469
  __self: undefined,
467
470
  __source: {
468
471
  fileName: _jsxFileName,
469
- lineNumber: 395
472
+ lineNumber: 394
470
473
  }
471
474
  }, "Cancel")));
472
475
  InfoDialog.propTypes = {
@@ -621,7 +624,7 @@ class Main extends React$1.Component {
621
624
  __self: this,
622
625
  __source: {
623
626
  fileName: _jsxFileName,
624
- lineNumber: 543
627
+ lineNumber: 542
625
628
  }
626
629
  }), React$1.createElement(Design, {
627
630
  ...this.props,
@@ -634,7 +637,7 @@ class Main extends React$1.Component {
634
637
  __self: this,
635
638
  __source: {
636
639
  fileName: _jsxFileName,
637
- lineNumber: 549
640
+ lineNumber: 548
638
641
  }
639
642
  }));
640
643
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pie-element/multiple-choice",
3
3
  "repository": "pie-framework/pie-elements",
4
- "version": "5.9.3-next.804+5bac3f5ae",
4
+ "version": "5.9.3-next.812+286cba65e",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
@@ -21,7 +21,7 @@
21
21
  "react-test-renderer": "^16.3.2",
22
22
  "react-transition-group": "^2.3.1"
23
23
  },
24
- "gitHead": "5bac3f5ae47bc85e51e821252ec75139d24c34af",
24
+ "gitHead": "286cba65e15e1f83006b50de3250e0f942fb0a79",
25
25
  "scripts": {
26
26
  "postpublish": "../../scripts/postpublish"
27
27
  },