@pie-element/inline-dropdown 4.9.1-next.36 → 4.9.1-next.51

package/configure/lib/main.js

@@ -86,35 +86,21 @@ var styles = function styles(theme) {
   return {
     promptHolder: {
       width: '100%',
-      paddingBottom: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    },
-    prompt: {
       paddingTop: theme.spacing.unit * 2,
-      width: '100%'
+      marginBottom: theme.spacing.unit * 2
     },
     markup: {
       minHeight: '100px',
-      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 2.5,
       width: '100%',
       '& [data-slate-editor="true"]': {
         minHeight: '100px'
       }
     },
-    design: {
-      paddingTop: theme.spacing.unit * 3
-    },
     choiceConfiguration: {
       paddingTop: theme.spacing.unit * 2,
       paddingBottom: theme.spacing.unit * 2
     },
-    switchElement: {
-      justifyContent: 'space-between',
-      margin: 0
-    },
-    addButton: {
-      "float": 'right'
-    },
     text: {
       fontFamily: 'Cerebri Sans',
       fontSize: theme.typography.fontSize + 2,
@@ -127,10 +113,12 @@ var styles = function styles(theme) {
       whiteSpace: 'break-spaces'
     },
     rationaleChoices: {
-      marginTop: theme.spacing.unit * 2
+      marginBottom: theme.spacing.unit * 2.5
     },
     panelDetails: {
-      display: 'block'
+      display: 'block',
+      paddingTop: 0,
+      paddingBottom: 0
     },
     flexContainer: {
       display: 'flex',
@@ -144,7 +132,7 @@ var styles = function styles(theme) {
     },
     errorText: {
       fontSize: theme.typography.fontSize - 2,
-      color: 'red',
+      color: theme.palette.error.main,
       paddingTop: theme.spacing.unit
     }
   };
@@ -526,9 +514,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
         rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
       };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.design
-      }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+      return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
         hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
@@ -544,7 +530,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
             Properties: panelProperties
           }
         })
-      }, /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,
         className: classes.promptHolder
       }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
@@ -583,24 +569,6 @@ var Main = /*#__PURE__*/function (_React$Component) {
         }, {
           language: 'special'
         }]
-      })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: rationale.label,
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.rationale || '',
-        onChange: this.onRationaleChanged,
-        imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.flexContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -669,13 +637,31 @@ var Main = /*#__PURE__*/function (_React$Component) {
         className: classes.errorText
       }, responseAreasError), responseAreaChoicesError && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.errorText
-      }, responseAreaChoicesError), /*#__PURE__*/_react["default"].createElement("br", null), choiceRationaleEnabled && renderChoiceRationale(), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+      }, responseAreaChoicesError), choiceRationaleEnabled && renderChoiceRationale(), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: rationale.label,
+        className: classes.promptHolder
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        className: classes.prompt,
+        markup: model.rationale || '',
+        onChange: this.onRationaleChanged,
+        imageSupport: imageSupport,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
+      })), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
         open: warning.open,
         title: "Warning",
         text: warning.text,
         onClose: warning.onClose,
         onConfirm: warning.onConfirm
-      }))));
+      }));
     }
   }]);
   return Main;

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","typography","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","marginTop","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","warning","open","newVal","props","onModelChanged","model","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","maxResponseAreaChoices","configuration","undefined","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","choiceRationale","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","withRubric","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","panelProperties","rubricEnabled","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","onRationaleChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onBlur","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel } = settings;\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  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfiguration: {\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  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize + 2,\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  panelDetails: {\n    display: 'block',\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: 'red',\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nconst prepareVal = (html) => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    if ((respAreaChoices[index] || []).find((r) => prepareVal(r.label) === prepareVal(label))) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    const value =\n      (respAreaChoices[index] &&\n        max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n      0;\n\n    respAreaChoices[index].push({\n      label,\n      value: `${value + 1}`,\n      correct: false,\n    });\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      choiceRationale = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <InputContainer\n                  key={choice.label}\n                  label={\n                    <span\n                      className={classes.rationaleLabel}\n                      dangerouslySetInnerHTML={{\n                        __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                      }}\n                    />\n                  }\n                  className={classes.promptHolder}\n                >\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={choice.rationale || ''}\n                    spellCheck={spellCheckEnabled}\n                    onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                    imageSupport={imageSupport}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </InputContainer>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={(model) => this.onModelChange(model)}\n              onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          <div>\n            {teacherInstructionsEnabled && (\n              <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.onTeacherInstructionsChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                  maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {promptEnabled && (\n              <InputContainer label={prompt.label} className={classes.promptHolder}>\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.prompt}\n                  onChange={this.onPromptChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer label={rationale.label} className={classes.promptHolder}>\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.rationale || ''}\n                  onChange={this.onRationaleChanged}\n                  imageSupport={imageSupport}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                  maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                  maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            <div className={classes.flexContainer}>\n              <Typography className={classes.text}>Define Template, Choices, and Correct Responses</Typography>\n              <Tooltip\n                classes={{ tooltip: classes.tooltip }}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'} />\n              </Tooltip>\n            </div>\n\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              responseAreaProps={{\n                type: 'inline-dropdown',\n                options: {\n                  duplicates: true,\n                },\n                maxResponseAreas: maxResponseAreas,\n                respAreaToolbar: (node, value, onToolbarDone) => {\n                  const { respAreaChoices } = this.state;\n\n                  return () => (\n                    <InlineDropdownToolbar\n                      onAddChoice={this.onAddChoice}\n                      onCheck={this.onCheck}\n                      onRemoveChoice={(index) => this.onRemoveChoice(node.data.get('index'), index)}\n                      onSelectChoice={(index) => this.onSelectChoice(node.data.get('index'), index)}\n                      node={node}\n                      value={value}\n                      onToolbarDone={onToolbarDone}\n                      choices={respAreaChoices[node.data.get('index')]}\n                      spellCheck={spellCheckEnabled}\n                      uploadSoundSupport={uploadSoundSupport}\n                    />\n                  );\n                },\n              }}\n              spellCheck={spellCheckEnabled}\n              className={classes.markup}\n              markup={model.slateMarkup || ''}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              disableImageAlignmentButtons={true}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n              error={responseAreasError}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n            {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n            <br />\n            {choiceRationaleEnabled && renderChoiceRationale()}\n\n            <AlertDialog\n              open={warning.open}\n              title=\"Warning\"\n              text={warning.text}\n              onClose={warning.onClose}\n              onConfirm={warning.onConfirm}\n            />\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","styles","theme","promptHolder","width","paddingTop","spacing","unit","marginBottom","markup","minHeight","paddingBottom","choiceConfiguration","text","fontFamily","fontSize","typography","lineHeight","color","marginRight","rationaleLabel","display","whiteSpace","rationaleChoices","panelDetails","flexContainer","alignItems","tooltip","maxWidth","errorText","palette","error","main","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","prepareVal","html","tmp","value","textContent","innerText","Main","warning","open","newVal","props","onModelChanged","model","prompt","onModelChange","rationale","index","choice","indexOfChoice","choices","findIndex","elem","label","splice","teacherInstructions","slateMarkup","callback","setState","onClose","onConfirm","respAreaChoices","state","domMarkup","allRespAreas","querySelectorAll","allChoices","forEach","el","dataset","existingRespAreaChoices","obj","key","newRespAreaChoices","shouldWarn","newChoices","length","find","c","correct","remove","maxResponseAreaChoices","configuration","undefined","r","map","parseInt","filter","val","isNaN","push","respIndex","selectedIndex","nProps","newState","domNode","ReactDOM","findDOMNode","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","choiceRationale","lockChoiceOrder","maxResponseAreas","maxImageWidth","maxImageHeight","partialScoring","settingsPanelDisabled","spellCheck","withRubric","choiceRationaleEnabled","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","responseAreasError","responseAreaChoicesError","defaultImageMaxWidth","defaultImageMaxHeight","renderChoiceRationale","Object","keys","__html","onChoiceRationaleChanged","toolbarOpts","position","validationMessage","panelSettings","panelProperties","rubricEnabled","Settings","Properties","onTeacherInstructionsChanged","language","onPromptChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","node","onToolbarDone","onAddChoice","onCheck","onRemoveChoice","data","get","onSelectChoice","onChange","onBlur","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { AlertDialog, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEqual from 'lodash/isEqual';\nimport isUndefined from 'lodash/isUndefined';\nimport isEmpty from 'lodash/isEmpty';\nimport reduce from 'lodash/reduce';\nimport max from 'lodash/max';\nimport { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Info from '@material-ui/icons/Info';\nimport InlineDropdownToolbar from './inline-dropdown-toolbar';\nimport { generateValidationMessage } from './utils';\n\nconst { toggle, Panel } = settings;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  markup: {\n    minHeight: '100px',\n    paddingBottom: theme.spacing.unit * 2.5,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px',\n    },\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize + 2,\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: theme.spacing.unit,\n  },\n  rationaleLabel: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  rationaleChoices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  panelDetails: {\n    display: 'block',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nconst createElementFromHTML = (htmlString) => {\n  const div = document.createElement('div');\n\n  div.innerHTML = (htmlString || '').trim();\n\n  return div;\n};\n\nconst prepareVal = (html) => {\n  const tmp = document.createElement('DIV');\n\n  tmp.innerHTML = html;\n\n  const value = tmp.textContent || tmp.innerText || '';\n\n  return value.trim();\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    warning: { open: false },\n  };\n\n  componentDidMount() {\n    const {\n      model: { choices },\n    } = this.props;\n\n    this.setState({ respAreaChoices: cloneDeep(choices) });\n  }\n\n  UNSAFE_componentWillReceiveProps(nProps) {\n    const newState = {};\n\n    if (\n      !isEqual(nProps.model.choices, this.props.model.choices) ||\n      !isEqual(nProps.model.choices, this.state.respAreaChoices)\n    ) {\n      newState.respAreaChoices = cloneDeep(nProps.model.choices);\n    }\n\n    if (!isEmpty(newState)) {\n      this.setState(newState);\n    }\n  }\n\n  componentDidUpdate() {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  onModelChange = (newVal) => {\n    this.props.onModelChanged({ ...this.props.model, ...newVal });\n  };\n\n  onPromptChanged = (prompt) => {\n    this.onModelChange({ prompt });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.onModelChange({ rationale });\n  };\n\n  onChoiceRationaleChanged = (index, choice) => {\n    const { model } = this.props;\n    const indexOfChoice =\n      model.choices &&\n      model.choices[index] &&\n      model.choices[index].findIndex((elem) => elem.label === choice.label && elem.value === choice.value);\n\n    model.choices[index] && model.choices[index].splice(indexOfChoice, 1, choice);\n\n    this.onModelChange(model);\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.onModelChange({ teacherInstructions });\n  };\n\n  onMarkupChanged = (slateMarkup) => {\n    this.onModelChange({ slateMarkup });\n  };\n\n  onCheck = (callback) => {\n    this.setState({\n      warning: {\n        open: true,\n        text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n        onClose: () => {\n          this.setState({ warning: { open: false } });\n        },\n        onConfirm: () => {\n          this.setState({ warning: { open: false } }, callback);\n        },\n      },\n    });\n  };\n\n  onChange = (markup) => {\n    const { respAreaChoices } = this.state;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll('[data-type=\"inline_dropdown\"]');\n    const allChoices = {};\n\n    allRespAreas.forEach((el) => {\n      allChoices[el.dataset.index] = el.dataset.value || '';\n    });\n\n    const existingRespAreaChoices = reduce(\n      respAreaChoices,\n      (obj, choices, key) => {\n        if (!isUndefined(allChoices[key])) {\n          obj[key] = respAreaChoices[key];\n        }\n\n        return obj;\n      },\n      {},\n    );\n\n    const newRespAreaChoices = {};\n    let shouldWarn = false;\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = existingRespAreaChoices[el.dataset.index] || [];\n\n      if (newChoices.length < 2 || !newChoices.find((c) => c.correct)) {\n        el.remove();\n        shouldWarn = true;\n      } else {\n        newRespAreaChoices[index] = existingRespAreaChoices[el.dataset.index] || [];\n        el.dataset.index = index;\n      }\n    });\n\n    if (shouldWarn) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Response areas with under 2 options or with no correct answers will be discarded.',\n          onClose: () => {\n            this.setState({ warning: { open: false } });\n          },\n          onConfirm: () => {\n            this.setState({ warning: { open: false } }, () =>\n              this.onModelChange({\n                choices: cloneDeep(newRespAreaChoices),\n                slateMarkup: domMarkup.innerHTML,\n              }),\n            );\n          },\n        },\n      });\n    } else {\n      this.onModelChange({\n        choices: cloneDeep(newRespAreaChoices),\n        slateMarkup: domMarkup.innerHTML,\n      });\n    }\n  };\n\n  onAddChoice = (index, label) => {\n    const { respAreaChoices } = this.state;\n    const { maxResponseAreaChoices } = this.props.configuration;\n\n    if (respAreaChoices[index] && respAreaChoices[index].length >= maxResponseAreaChoices) {\n      this.setState({\n        warning: {\n          open: true,\n          text: `There are only ${maxResponseAreaChoices} answers allowed per choice.`,\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    if (!respAreaChoices[index]) {\n      respAreaChoices[index] = [];\n    }\n\n    if ((respAreaChoices[index] || []).find((r) => prepareVal(r.label) === prepareVal(label))) {\n      this.setState({\n        warning: {\n          open: true,\n          text: 'Duplicate answers are not allowed.',\n          onClose: undefined,\n          onConfirm: () => {\n            this.setState({ warning: { open: false } });\n          },\n        },\n      });\n\n      return;\n    }\n\n    const value =\n      (respAreaChoices[index] &&\n        max(respAreaChoices[index].map((c) => parseInt(c.value)).filter((val) => !isNaN(val)))) ||\n      0;\n\n    respAreaChoices[index].push({\n      label,\n      value: `${value + 1}`,\n      correct: false,\n    });\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onRemoveChoice = (respIndex, index) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex].splice(index, 1);\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  onSelectChoice = (respIndex, selectedIndex) => {\n    const { respAreaChoices } = this.state;\n\n    respAreaChoices[respIndex] = respAreaChoices[respIndex].map((choice, index) => ({\n      ...choice,\n      correct: index === selectedIndex,\n    }));\n\n    this.onModelChange({ choices: cloneDeep(respAreaChoices) });\n  };\n\n  render() {\n    const { warning } = this.state;\n    const { classes, model, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      choiceRationale = {},\n      lockChoiceOrder = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      choiceRationaleEnabled,\n      choices,\n      errors,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { responseAreasError, responseAreaChoicesError } = errors || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const renderChoiceRationale = () =>\n      (Object.keys(choices) || []).map((key, index) => (\n        <div key={key} className={classes.rationaleChoices}>\n          <ExpansionPanel>\n            <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>\n              <Typography className={classes.text}>{`Rationale for response area #${index + 1}`}</Typography>\n            </ExpansionPanelSummary>\n\n            <ExpansionPanelDetails className={classes.panelDetails}>\n              {(choices[key] || []).map((choice) => (\n                <InputContainer\n                  key={choice.label}\n                  label={\n                    <span\n                      className={classes.rationaleLabel}\n                      dangerouslySetInnerHTML={{\n                        __html: `${rationale.label} for ${choice.label} (${choice.correct ? 'correct' : 'incorrect'})`,\n                      }}\n                    />\n                  }\n                  className={classes.promptHolder}\n                >\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={choice.rationale || ''}\n                    spellCheck={spellCheckEnabled}\n                    onChange={(c) => this.onChoiceRationaleChanged(key, { ...choice, rationale: c })}\n                    imageSupport={imageSupport}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </InputContainer>\n              ))}\n            </ExpansionPanelDetails>\n          </ExpansionPanel>\n        </div>\n      ));\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      choiceRationaleEnabled: choiceRationale.settings && toggle(choiceRationale.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <layout.ConfigLayout\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => this.onModelChange(model)}\n            onChangeConfiguration={(configuration) => onConfigurationChanged(configuration, true)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.onTeacherInstructionsChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.prompt}\n              onChange={this.onPromptChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n\n        <div className={classes.flexContainer}>\n          <Typography className={classes.text}>Define Template, Choices, and Correct Responses</Typography>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} />\n          </Tooltip>\n        </div>\n\n        <EditableHtml\n          activePlugins={ALL_PLUGINS}\n          toolbarOpts={{ position: 'top' }}\n          responseAreaProps={{\n            type: 'inline-dropdown',\n            options: {\n              duplicates: true,\n            },\n            maxResponseAreas: maxResponseAreas,\n            respAreaToolbar: (node, value, onToolbarDone) => {\n              const { respAreaChoices } = this.state;\n\n              return () => (\n                <InlineDropdownToolbar\n                  onAddChoice={this.onAddChoice}\n                  onCheck={this.onCheck}\n                  onRemoveChoice={(index) => this.onRemoveChoice(node.data.get('index'), index)}\n                  onSelectChoice={(index) => this.onSelectChoice(node.data.get('index'), index)}\n                  node={node}\n                  value={value}\n                  onToolbarDone={onToolbarDone}\n                  choices={respAreaChoices[node.data.get('index')]}\n                  spellCheck={spellCheckEnabled}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              );\n            },\n          }}\n          spellCheck={spellCheckEnabled}\n          className={classes.markup}\n          markup={model.slateMarkup || ''}\n          onChange={this.onChange}\n          imageSupport={imageSupport}\n          disableImageAlignmentButtons={true}\n          onBlur={this.onBlur}\n          disabled={false}\n          highlightShape={false}\n          error={responseAreasError}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n        />\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n        {responseAreaChoicesError && <div className={classes.errorText}>{responseAreaChoicesError}</div>}\n\n        {choiceRationaleEnabled && renderChoiceRationale()}\n\n        {rationaleEnabled && (\n          <InputContainer label={rationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.rationale || ''}\n              onChange={this.onRationaleChanged}\n              imageSupport={imageSupport}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n\n        <AlertDialog\n          open={warning.open}\n          title=\"Warning\"\n          text={warning.text}\n          onClose={warning.onClose}\n          onConfirm={warning.onConfirm}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/docs/demo/generate.js

@@ -70,9 +70,7 @@ exports.model = (id, element) => ({
       },
     ],
   },
-  alternateResponse: {
-    2: ['2'],
-  },
+  alternateResponse: {}, 
   choiceRationaleEnabled: false,
   rubricEnabled: false,
 });

package/lib/inline-dropdown.js

@@ -119,37 +119,33 @@ var InlineDropdown = /*#__PURE__*/function (_React$Component) {
         style: {
           display: "".concat(displayType)
         }
-      }, teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }, teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        className: classes.collapsible,
         labels: {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
         }
       }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: teacherInstructions
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+      })), prompt && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: prompt
+      }), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
         show: showCorrectAnswerToggle,
         toggled: showCorrectAnswer,
         onToggle: this.toggleShowCorrect
-      }), showCorrectAnswerToggle && /*#__PURE__*/_react["default"].createElement("br", null), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: prompt
-      }), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_maskMarkup.InlineDropdown, (0, _extends2["default"])({}, this.props, {
+      }), /*#__PURE__*/_react["default"].createElement(_maskMarkup.InlineDropdown, (0, _extends2["default"])({}, this.props, {
         showCorrectAnswer: showCorrectAnswer
-      })), rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
-        labels: {
-          hidden: 'Show Rationale',
-          visible: 'Hide Rationale'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: rationale
-      })), choiceRationalesHaveText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      })), choiceRationalesHaveText && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        className: classes.collapsible,
         labels: {
           hidden: 'Show Rationale for choices',
           visible: 'Hide Rationale for choices'
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", null, choiceRationales.map(function (choices, index) {
+      }, choiceRationales.map(function (choices, index) {
         return /*#__PURE__*/_react["default"].createElement("div", {
-          key: index
-        }, choices && choices.length > 0 && choices.map(function (choice) {
+          key: index,
+          className: classes.choiceRationaleWrapper
+        }, (choices === null || choices === void 0 ? void 0 : choices.length) > 0 && choices.map(function (choice) {
           return /*#__PURE__*/_react["default"].createElement("div", {
             className: classes.choiceRationale,
             key: choice.label
@@ -161,8 +157,15 @@ var InlineDropdown = /*#__PURE__*/function (_React$Component) {
           }), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
             prompt: choice.rationale
           }));
-        }), choices && choices.length > 0 && /*#__PURE__*/_react["default"].createElement("br", null));
-      })))));
+        }));
+      })), rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+        labels: {
+          hidden: 'Show Rationale',
+          visible: 'Hide Rationale'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: rationale
+      })));
     }
   }]);
   return InlineDropdown;
@@ -191,8 +194,15 @@ var styles = function styles(theme) {
   return {
     mainContainer: {
       color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      padding: theme.spacing.unit
+      backgroundColor: _renderUi.color.background()
+    },
+    collapsible: {
+      marginBottom: theme.spacing.unit * 2
+    },
+    choiceRationaleWrapper: {
+      '&:not(:last-child)': {
+        marginBottom: theme.spacing.unit * 2
+      }
     },
     choiceRationale: {
       display: 'flex',

package/lib/inline-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/inline-dropdown.jsx"],"names":["InlineDropdown","showCorrectAnswer","setState","state","nextProps","feedback","domNode","ReactDOM","findDOMNode","props","classes","prompt","mode","rationale","teacherInstructions","choices","displayType","showCorrectAnswerToggle","choiceRationalesHaveText","choiceRationales","Object","keys","map","key","reduce","acc","currentValue","push","mainContainer","display","hidden","visible","toggleShowCorrect","index","length","choice","choiceRationale","label","choiceRationaleLabel","correct","__html","React","Component","PropTypes","object","string","disabled","bool","markup","value","onChange","func","styles","theme","color","text","backgroundColor","background","padding","spacing","unit","whiteSpace","incorrect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { InlineDropdown as DropDown } from '@pie-lib/mask-markup';\nimport { color, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class InlineDropdown extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    displayType: PropTypes.string,\n    rationale: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    choices: PropTypes.object,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    value: {},\n  };\n\n  state = {\n    showCorrectAnswer: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n  }\n\n  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, prompt, mode, rationale, teacherInstructions, choices, displayType } = this.props;\n    const showCorrectAnswerToggle = mode === 'evaluate';\n    let choiceRationalesHaveText = false;\n\n    const choiceRationales = (Object.keys(choices) || []).map((key) =>\n      (choices[key] || []).reduce((acc, currentValue) => {\n        if (currentValue.rationale && hasText(currentValue.rationale)) {\n          choiceRationalesHaveText = true;\n\n          acc.push(currentValue);\n        }\n        return acc;\n      }, []),\n    );\n\n    return (\n      <div className={classes.mainContainer} style={{ display: `${displayType}` }}>\n        {teacherInstructions && hasText(teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}>\n              <PreviewPrompt prompt={teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n\n        <CorrectAnswerToggle\n          show={showCorrectAnswerToggle}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n        {showCorrectAnswerToggle && <br />}\n\n        {prompt && (\n          <React.Fragment>\n            <PreviewPrompt prompt={prompt} />\n            <br />\n          </React.Fragment>\n        )}\n        <DropDown {...this.props} showCorrectAnswer={showCorrectAnswer} />\n        {rationale && hasText(rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n        {choiceRationalesHaveText && (\n          <React.Fragment>\n            <br />\n            <Collapsible labels={{ hidden: 'Show Rationale for choices', visible: 'Hide Rationale for choices' }}>\n              <div>\n                {choiceRationales.map((choices, index) => (\n                  <div key={index}>\n                    {choices &&\n                      choices.length > 0 &&\n                      choices.map((choice) => (\n                        <div className={classes.choiceRationale} key={choice.label}>\n                          <div\n                            className={classNames(\n                              classes.choiceRationaleLabel,\n                              choice.correct ? 'correct' : 'incorrect',\n                            )}\n                            dangerouslySetInnerHTML={{ __html: `${choice.label}: ` }}\n                          />\n                          <PreviewPrompt prompt={choice.rationale} />\n                        </div>\n                      ))}\n                    {choices && choices.length > 0 && <br />}\n                  </div>\n                ))}\n              </div>\n            </Collapsible>\n          </React.Fragment>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: theme.spacing.unit,\n  },\n  choiceRationale: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  choiceRationaleLabel: {\n    display: 'flex',\n    '&.correct': {\n      color: color.correct(),\n    },\n    '&.incorrect': {\n      color: color.incorrect(),\n    },\n  },\n});\n\nexport default withStyles(styles)(InlineDropdown);\n"],"file":"inline-dropdown.js"}
+{"version":3,"sources":["../src/inline-dropdown.jsx"],"names":["InlineDropdown","showCorrectAnswer","setState","state","nextProps","feedback","domNode","ReactDOM","findDOMNode","props","classes","prompt","mode","rationale","teacherInstructions","choices","displayType","showCorrectAnswerToggle","choiceRationalesHaveText","choiceRationales","Object","keys","map","key","reduce","acc","currentValue","push","mainContainer","display","collapsible","hidden","visible","toggleShowCorrect","index","choiceRationaleWrapper","length","choice","choiceRationale","label","choiceRationaleLabel","correct","__html","React","Component","PropTypes","object","string","disabled","bool","markup","value","onChange","func","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","whiteSpace","incorrect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { InlineDropdown as DropDown } from '@pie-lib/mask-markup';\nimport { color, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class InlineDropdown extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    displayType: PropTypes.string,\n    rationale: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    choices: PropTypes.object,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    value: {},\n  };\n\n  state = {\n    showCorrectAnswer: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n  }\n\n  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { classes, prompt, mode, rationale, teacherInstructions, choices, displayType } = this.props;\n    const showCorrectAnswerToggle = mode === 'evaluate';\n    let choiceRationalesHaveText = false;\n\n    const choiceRationales = (Object.keys(choices) || []).map((key) =>\n      (choices[key] || []).reduce((acc, currentValue) => {\n        if (currentValue.rationale && hasText(currentValue.rationale)) {\n          choiceRationalesHaveText = true;\n\n          acc.push(currentValue);\n        }\n\n        return acc;\n      }, []),\n    );\n\n    return (\n      <div className={classes.mainContainer} style={{ display: `${displayType}` }}>\n        {teacherInstructions && hasText(teacherInstructions) && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </Collapsible>\n        )}\n\n        {prompt && <PreviewPrompt prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showCorrectAnswerToggle}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n\n        <DropDown {...this.props} showCorrectAnswer={showCorrectAnswer} />\n\n        {choiceRationalesHaveText && (\n          <Collapsible\n            className={classes.collapsible}\n            labels={{ hidden: 'Show Rationale for choices', visible: 'Hide Rationale for choices' }}\n          >\n            {choiceRationales.map((choices, index) => (\n              <div key={index} className={classes.choiceRationaleWrapper}>\n                {choices?.length > 0 &&\n                  choices.map((choice) => (\n                    <div className={classes.choiceRationale} key={choice.label}>\n                      <div\n                        className={classNames(classes.choiceRationaleLabel, choice.correct ? 'correct' : 'incorrect')}\n                        dangerouslySetInnerHTML={{ __html: `${choice.label}: ` }}\n                      />\n                      <PreviewPrompt prompt={choice.rationale} />\n                    </div>\n                  ))}\n              </div>\n            ))}\n          </Collapsible>\n        )}\n\n        {rationale && hasText(rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  collapsible: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  choiceRationaleWrapper: {\n    '&:not(:last-child)': {\n      marginBottom: theme.spacing.unit * 2,\n    },\n  },\n  choiceRationale: {\n    display: 'flex',\n    whiteSpace: 'break-spaces',\n  },\n  choiceRationaleLabel: {\n    display: 'flex',\n    '&.correct': {\n      color: color.correct(),\n    },\n    '&.incorrect': {\n      color: color.incorrect(),\n    },\n  },\n});\n\nexport default withStyles(styles)(InlineDropdown);\n"],"file":"inline-dropdown.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.9.1-next.36+9353f7376",
+  "version": "4.9.1-next.51+a42a408d1",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "9353f73768c78233621ab11119b1961af018a7e4",
+  "gitHead": "a42a408d1d238e52cbcf907fbbaec2ee98550385",
   "main": "lib/index.js",
   "module": "src/index.js"
 }