@pie-element/categorize 7.9.1-next.36 → 7.9.1-next.51

package/configure/lib/design/categories/RowLabel.js

@@ -11,16 +11,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
 
+var _renderUi = require("@pie-lib/render-ui");
+
 var styles = function styles(theme) {
   return {
     rowLabel: {
       gridColumn: '1/3'
     },
     rowLabelHolder: {
+      paddingTop: theme.spacing.unit * 2,
       width: '100%'
     }
   };
@@ -43,10 +44,10 @@ var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
       gridColumn: "1/".concat(categoriesPerRow + 1),
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    className: classes.text
-  }, "Row Label"), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-    className: classes.rowLabelHolder,
+  }, /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
+    label: "Row Label",
+    className: classes.rowLabelHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
     disabled: disabled,
     markup: markup,
     onChange: onChange,
@@ -62,7 +63,7 @@ var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
     }, {
       language: 'special'
     }]
-  }));
+  })));
 });
 exports.RowLabel = RowLabel;
 //# sourceMappingURL=RowLabel.js.map

package/configure/lib/design/categories/RowLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/RowLabel.jsx"],"names":["styles","theme","rowLabel","gridColumn","rowLabelHolder","width","RowLabel","categoriesPerRow","classes","disabled","markup","imageSupport","onChange","toolbarOpts","spellCheck","maxImageWidth","maxImageHeight","uploadSoundSupport","text","language"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACvBC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,UAAU,EAAE;AADN,KADa;AAIvBC,IAAAA,cAAc,EAAE;AACZC,MAAAA,KAAK,EAAE;AADK;AAJO,GAAZ;AAAA,CAAf;;AASO,IAAMC,QAAQ,GAAG,wBAAWN,MAAX,EACpB,gBAYO;AAAA,MAXFO,gBAWE,QAXFA,gBAWE;AAAA,MAVFC,OAUE,QAVFA,OAUE;AAAA,MATFC,QASE,QATFA,QASE;AAAA,MARFC,MAQE,QARFA,MAQE;AAAA,MAPFC,YAOE,QAPFA,YAOE;AAAA,MANFC,QAME,QANFA,QAME;AAAA,MALFC,WAKE,QALFA,WAKE;AAAA,MAJFC,UAIE,QAJFA,UAIE;AAAA,MAHFC,aAGE,QAHFA,aAGE;AAAA,MAFFC,cAEE,QAFFA,cAEE;AAAA,MADFC,kBACE,QADFA,kBACE;AAEH,sBACI;AACI,IAAA,KAAK,EAAE;AACHd,MAAAA,UAAU,cAAOI,gBAAgB,GAAG,CAA1B,CADP;AAEHF,MAAAA,KAAK,EAAE;AAFJ;AADX,kBAMI,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEG,OAAO,CAACU;AAA/B,iBANJ,eAOI,gCAAC,wBAAD;AACI,IAAA,SAAS,EAAEV,OAAO,CAACJ,cADvB;AAEI,IAAA,QAAQ,EAAEK,QAFd;AAGI,IAAA,MAAM,EAAEC,MAHZ;AAII,IAAA,QAAQ,EAAEE,QAJd;AAKI,IAAA,YAAY,EAAED,YALlB;AAMI,IAAA,QAAQ,EAAE,KANd;AAOI,IAAA,WAAW,EAAEE,WAPjB;AAQI,IAAA,UAAU,EAAEC,UARhB;AASI,IAAA,aAAa,EAAEC,aATnB;AAUI,IAAA,cAAc,EAAEC,cAVpB;AAWI,IAAA,kBAAkB,EAAEC,kBAXxB;AAYI,IAAA,uBAAuB,EAAE,CAAC;AAAEE,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B;AAZ7B,IAPJ,CADJ;AAwBH,CAvCmB,CAAjB","sourcesContent":["import React from 'react';\nimport {withStyles} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst styles = (theme) => ({\n    rowLabel: {\n        gridColumn: '1/3',\n    },\n    rowLabelHolder: {\n        width: '100%',\n    },\n});\n\nexport const RowLabel = withStyles(styles)(\n    ({\n         categoriesPerRow,\n         classes,\n         disabled,\n         markup,\n         imageSupport,\n         onChange,\n         toolbarOpts,\n         spellCheck,\n         maxImageWidth,\n         maxImageHeight,\n         uploadSoundSupport,\n     }) => {\n\n        return (\n            <div\n                style={{\n                    gridColumn: `1/${categoriesPerRow + 1}`,\n                    width: '100%',\n                }}\n            >\n                <Typography className={classes.text}>Row Label</Typography>\n                <EditableHtml\n                    className={classes.rowLabelHolder}\n                    disabled={disabled}\n                    markup={markup}\n                    onChange={onChange}\n                    imageSupport={imageSupport}\n                    nonEmpty={false}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                    maxImageWidth={maxImageWidth}\n                    maxImageHeight={maxImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n            </div>\n        );\n    },\n);\n"],"file":"RowLabel.js"}
+{"version":3,"sources":["../../../src/design/categories/RowLabel.jsx"],"names":["styles","theme","rowLabel","gridColumn","rowLabelHolder","paddingTop","spacing","unit","width","RowLabel","categoriesPerRow","classes","disabled","markup","imageSupport","onChange","toolbarOpts","spellCheck","maxImageWidth","maxImageHeight","uploadSoundSupport","language"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,UAAU,EAAE;AADJ,KADe;AAIzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB,CADnB;AAEdC,MAAAA,KAAK,EAAE;AAFO;AAJS,GAAZ;AAAA,CAAf;;AAUO,IAAMC,QAAQ,GAAG,wBAAWT,MAAX,EACtB,gBAYM;AAAA,MAXJU,gBAWI,QAXJA,gBAWI;AAAA,MAVJC,OAUI,QAVJA,OAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,MAQI,QARJA,MAQI;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,aAGI,QAHJA,aAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE;AACE,IAAA,KAAK,EAAE;AACLjB,MAAAA,UAAU,cAAOO,gBAAgB,GAAG,CAA1B,CADL;AAELF,MAAAA,KAAK,EAAE;AAFF;AADT,kBAME,gCAAC,wBAAD;AAAgB,IAAA,KAAK,EAAC,WAAtB;AAAkC,IAAA,SAAS,EAAEG,OAAO,CAACP;AAArD,kBACE,gCAAC,wBAAD;AACE,IAAA,QAAQ,EAAEQ,QADZ;AAEE,IAAA,MAAM,EAAEC,MAFV;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,YAAY,EAAED,YAJhB;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,WAAW,EAAEE,WANf;AAOE,IAAA,UAAU,EAAEC,UAPd;AAQE,IAAA,aAAa,EAAEC,aARjB;AASE,IAAA,cAAc,EAAEC,cATlB;AAUE,IAAA,kBAAkB,EAAEC,kBAVtB;AAWE,IAAA,uBAAuB,EAAE,CAAC;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B;AAX3B,IADF,CANF,CADF;AAwBD,CAtCqB,CAAjB","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nconst styles = (theme) => ({\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n});\n\nexport const RowLabel = withStyles(styles)(\n  ({\n    categoriesPerRow,\n    classes,\n    disabled,\n    markup,\n    imageSupport,\n    onChange,\n    toolbarOpts,\n    spellCheck,\n    maxImageWidth,\n    maxImageHeight,\n    uploadSoundSupport,\n  }) => {\n    return (\n      <div\n        style={{\n          gridColumn: `1/${categoriesPerRow + 1}`,\n          width: '100%',\n        }}\n      >\n        <InputContainer label=\"Row Label\" className={classes.rowLabelHolder}>\n          <EditableHtml\n            disabled={disabled}\n            markup={markup}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheck}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          />\n        </InputContainer>\n      </div>\n    );\n  },\n);\n"],"file":"RowLabel.js"}

package/configure/lib/design/categories/alternateResponses.js

@@ -42,7 +42,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var styles = function styles(theme) {
   return {
     categories: {
-      marginBottom: theme.spacing.unit
+      marginBottom: theme.spacing.unit * 2.5
     },
     categoriesHolder: {
       display: 'grid',

package/configure/lib/design/categories/alternateResponses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/alternateResponses.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","AlternateResponses","addedChoice","categoryId","props","altIndex","model","correctResponse","choices","onModelChanged","choice","find","c","id","forEach","a","category","alternateResponses","push","categoryCount","reduce","acc","currentValue","foundIndex","findIndex","filter","choiceId","from","to","choiceIndex","alternateIndex","altId","configuration","classes","className","imageSupport","spellCheck","uploadSoundSupport","toolbarOpts","defaultImageMaxHeight","defaultImageMaxWidth","categoriesPerRow","errors","rowLabels","duplicateAlternate","maxImageWidth","maxImageHeight","holderStyle","isDuplicated","index","map","hasRowLabel","rowIndex","val","changeRowLabel","addChoiceToCategory","deleteChoiceFromCategory","moveChoice","React","Component","PropTypes","number","isRequired","object","shape","add","func","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Category from './category';\nimport { moveChoiceToAlternate } from '@pie-lib/categorize';\nimport {RowLabel} from './RowLabel';\n\nconst styles = (theme) => ({\n  categories: {\n    marginBottom: theme.spacing.unit,\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    width: '100%',\n  },\n});\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    altIndex: PropTypes.number.isRequired,\n    configuration: PropTypes.object,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n  };\n\n  addChoiceToCategory = (addedChoice, categoryId) => {\n    const {\n      altIndex,\n      model: { correctResponse, choices },\n      onModelChanged,\n    } = this.props;\n\n    const choice = choices.find((c) => c.id === addedChoice.id);\n\n    correctResponse.forEach((a) => {\n      if (a.category === categoryId) {\n        a.alternateResponses = a.alternateResponses || [];\n\n        if (!a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = [];\n        }\n\n        a.alternateResponses[altIndex].push(addedChoice.id);\n        if (choice.categoryCount && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].reduce((acc, currentValue) => {\n            if (currentValue === choice.id) {\n              const foundIndex = acc.findIndex((c) => c === choice.id);\n              if (foundIndex === -1) {\n                acc.push(currentValue);\n              }\n            } else {\n              acc.push(currentValue);\n            }\n\n            return acc;\n          }, []);\n        }\n\n        return a;\n      } else {\n        if (a.alternateResponses[altIndex] && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((c) => c !== addedChoice.id);\n          return a;\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  moveChoice = (choiceId, from, to, choiceIndex, alternateIndex) => {\n    const { model, onModelChanged } = this.props;\n    let { choices, correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === choiceId);\n    correctResponse = moveChoiceToAlternate(\n      choiceId,\n      from,\n      to,\n      choiceIndex,\n      correctResponse,\n      alternateIndex,\n      choice?.categoryCount,\n    );\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice) => {\n    const {\n      altIndex,\n      model: { correctResponse },\n      onModelChanged,\n    } = this.props;\n\n    correctResponse.forEach((a) => {\n      if (a.category === category.id) {\n        if (a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((altId) => altId !== choice.id);\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  render() {\n    const { altIndex, model, configuration, classes, className, categories, imageSupport, spellCheck, uploadSoundSupport, toolbarOpts, defaultImageMaxHeight, defaultImageMaxWidth } =\n      this.props;\n    const { categoriesPerRow, errors, rowLabels } = model;\n    const { duplicateAlternate } = errors || {};\n    const {  maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n    const isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => {\n            const hasRowLabel = index % categoriesPerRow === 0;\n            const rowIndex = index / categoriesPerRow;\n            return (\n                <React.Fragment key={index}>\n                  {hasRowLabel && (\n                      <RowLabel\n                          categoriesPerRow={categoriesPerRow}\n                          disabled={true}\n                          rowIndex={rowIndex}\n                          markup={rowLabels[rowIndex] || ''}\n                          onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                          imageSupport={imageSupport}\n                          toolbarOpts={toolbarOpts}\n                          spellCheck={spellCheck}\n                          maxImageWidth={(maxImageWidth && maxImageWidth.rowLabel) || defaultImageMaxWidth}\n                          maxImageHeight={(maxImageHeight && maxImageHeight.rowLabel) || defaultImageMaxHeight}\n                          uploadSoundSupport={uploadSoundSupport}\n                      />\n                  )}\n                  <Category\n                    key={index}\n                    alternateResponseIndex={altIndex}\n                    imageSupport={imageSupport}\n                    isDuplicated={isDuplicated && duplicateAlternate.category === category.id}\n                    category={category}\n                    spellCheck={spellCheck}\n                    onAddChoice={this.addChoiceToCategory}\n                    onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                    onMoveChoice={(choiceId, from, to, choiceIndex, alternateIndex) =>\n                      this.moveChoice(choiceId, from, to, choiceIndex, alternateIndex)\n                    }\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                </React.Fragment>\n            )\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AlternateResponses);\n"],"file":"alternateResponses.js"}
+{"version":3,"sources":["../../../src/design/categories/alternateResponses.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","AlternateResponses","addedChoice","categoryId","props","altIndex","model","correctResponse","choices","onModelChanged","choice","find","c","id","forEach","a","category","alternateResponses","push","categoryCount","reduce","acc","currentValue","foundIndex","findIndex","filter","choiceId","from","to","choiceIndex","alternateIndex","altId","configuration","classes","className","imageSupport","spellCheck","uploadSoundSupport","toolbarOpts","defaultImageMaxHeight","defaultImageMaxWidth","categoriesPerRow","errors","rowLabels","duplicateAlternate","maxImageWidth","maxImageHeight","holderStyle","isDuplicated","index","map","hasRowLabel","rowIndex","val","changeRowLabel","addChoiceToCategory","deleteChoiceFromCategory","moveChoice","React","Component","PropTypes","number","isRequired","object","shape","add","func","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Category from './category';\nimport { moveChoiceToAlternate } from '@pie-lib/categorize';\nimport { RowLabel } from './RowLabel';\n\nconst styles = (theme) => ({\n  categories: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    width: '100%',\n  },\n});\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    altIndex: PropTypes.number.isRequired,\n    configuration: PropTypes.object,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n  };\n\n  addChoiceToCategory = (addedChoice, categoryId) => {\n    const {\n      altIndex,\n      model: { correctResponse, choices },\n      onModelChanged,\n    } = this.props;\n\n    const choice = choices.find((c) => c.id === addedChoice.id);\n\n    correctResponse.forEach((a) => {\n      if (a.category === categoryId) {\n        a.alternateResponses = a.alternateResponses || [];\n\n        if (!a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = [];\n        }\n\n        a.alternateResponses[altIndex].push(addedChoice.id);\n        if (choice.categoryCount && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].reduce((acc, currentValue) => {\n            if (currentValue === choice.id) {\n              const foundIndex = acc.findIndex((c) => c === choice.id);\n              if (foundIndex === -1) {\n                acc.push(currentValue);\n              }\n            } else {\n              acc.push(currentValue);\n            }\n\n            return acc;\n          }, []);\n        }\n\n        return a;\n      } else {\n        if (a.alternateResponses[altIndex] && choice.categoryCount !== 0) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((c) => c !== addedChoice.id);\n          return a;\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  moveChoice = (choiceId, from, to, choiceIndex, alternateIndex) => {\n    const { model, onModelChanged } = this.props;\n    let { choices, correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === choiceId);\n    correctResponse = moveChoiceToAlternate(\n      choiceId,\n      from,\n      to,\n      choiceIndex,\n      correctResponse,\n      alternateIndex,\n      choice?.categoryCount,\n    );\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice) => {\n    const {\n      altIndex,\n      model: { correctResponse },\n      onModelChanged,\n    } = this.props;\n\n    correctResponse.forEach((a) => {\n      if (a.category === category.id) {\n        if (a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter((altId) => altId !== choice.id);\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  render() {\n    const {\n      altIndex,\n      model,\n      configuration,\n      classes,\n      className,\n      categories,\n      imageSupport,\n      spellCheck,\n      uploadSoundSupport,\n      toolbarOpts,\n      defaultImageMaxHeight,\n      defaultImageMaxWidth,\n    } = this.props;\n    const { categoriesPerRow, errors, rowLabels } = model;\n    const { duplicateAlternate } = errors || {};\n    const { maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n    const isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => {\n            const hasRowLabel = index % categoriesPerRow === 0;\n            const rowIndex = index / categoriesPerRow;\n\n            return (\n              <React.Fragment key={index}>\n                {hasRowLabel && (\n                  <RowLabel\n                    categoriesPerRow={categoriesPerRow}\n                    disabled={true}\n                    rowIndex={rowIndex}\n                    markup={rowLabels[rowIndex] || ''}\n                    onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                    imageSupport={imageSupport}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rowLabel) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rowLabel) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                )}\n\n                <Category\n                  key={index}\n                  alternateResponseIndex={altIndex}\n                  imageSupport={imageSupport}\n                  isDuplicated={isDuplicated && duplicateAlternate.category === category.id}\n                  category={category}\n                  spellCheck={spellCheck}\n                  onAddChoice={this.addChoiceToCategory}\n                  onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                  onMoveChoice={(choiceId, from, to, choiceIndex, alternateIndex) =>\n                    this.moveChoice(choiceId, from, to, choiceIndex, alternateIndex)\n                  }\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AlternateResponses);\n"],"file":"alternateResponses.js"}

package/configure/lib/design/categories/index.js

@@ -29,14 +29,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _configUi = require("@pie-lib/config-ui");
 
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
@@ -60,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var styles = function styles(theme) {
   return {
     categories: {
-      marginBottom: theme.spacing.unit
+      marginBottom: theme.spacing.unit * 3
     },
     categoriesHolder: {
       display: 'grid',
@@ -83,14 +77,14 @@ var styles = function styles(theme) {
       width: '100%'
     },
     tooltip: {
-      fontSize: '12px',
+      fontSize: theme.typography.fontSize - 2,
       whiteSpace: 'pre',
       maxWidth: '500px'
     },
     errorText: {
-      fontSize: '12px',
-      color: 'red',
-      padding: '5px 0'
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit / 2
     }
   };
 };
@@ -315,11 +309,7 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           }
         })),
         buttonDisabled: maxCategories && categories && maxCategories === categories.length
-      }), associationError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, associationError), categoriesError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, categoriesError), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.categoriesHolder,
         style: holderStyle
       }, categories.map(function (category, index) {
@@ -365,7 +355,11 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           maxImageHeight: maxImageHeight && maxImageHeight.categoryLabel || defaultImageMaxHeight,
           uploadSoundSupport: uploadSoundSupport
         }));
-      })));
+      })), associationError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, associationError), categoriesError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, categoriesError));
     }
   }]);
   return Categories;

package/configure/lib/design/categories/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/index.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","tooltip","fontSize","whiteSpace","maxWidth","errorText","color","padding","Categories","focusedEl","props","model","oldCategories","categoriesPerRow","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","setState","onModelChanged","concat","category","index","findIndex","splice","correctResponse","c","addedChoice","categoryId","choices","choice","find","undefined","categoryCount","choiceIndex","choiceId","from","to","val","newRowLabels","classes","className","imageSupport","uploadSoundSupport","toolbarOpts","spellCheck","configuration","defaultImageMaxHeight","defaultImageMaxWidth","errors","associationError","categoriesError","categoriesErrors","maxCategories","maxImageWidth","maxImageHeight","holderStyle","validationMessage","add","marginLeft","hasRowLabel","rowIndex","changeRowLabel","state","deleteFocusedEl","change","addChoiceToCategory","moveChoice","deleteChoiceFromCategory","categoryLabel","React","Component","PropTypes","shape","func","isRequired","object","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport classNames from 'classnames';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport {\n  moveChoiceToAlternate,\n  moveChoiceToCategory,\n  removeCategory,\n  removeChoiceFromCategory,\n  verifyAllowMultiplePlacements,\n} from '@pie-lib/categorize';\n\nimport Category from './category';\nimport Header from '../header';\nimport { generateValidationMessage } from '../../utils';\nimport { RowLabel } from './RowLabel';\n\nconst styles = (theme) => ({\n  categories: {\n    marginBottom: theme.spacing.unit,\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    width: '100%',\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\n\nexport class Categories extends React.Component {\n  static propTypes = {\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    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  state = {\n    focusedEl: null,\n  };\n\n  add = () => {\n    const { model, categories: oldCategories } = this.props;\n    const { categoriesPerRow } = model;\n    const id = utils.firstAvailableIndex(\n      model.categories.map((a) => a.id),\n      0,\n    );\n    const data = { id, label: 'Category ' + id };\n    const addRowLabel = model.categories.length % categoriesPerRow === 0;\n    const rowLabels = [...model.rowLabels];\n\n    if (addRowLabel) {\n      rowLabels.push('');\n    }\n\n    this.setState(\n      {\n        focusedEl: oldCategories.length,\n      },\n      () => {\n        this.props.onModelChanged({\n          rowLabels,\n          categories: model.categories.concat([data]),\n        });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  delete = (category) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.categories.findIndex((a) => a.id === category.id);\n\n    if (index !== -1) {\n      model.categories.splice(index, 1);\n      model.correctResponse = removeCategory(category.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  change = (c) => {\n    const { categories } = this.props;\n    const index = categories.findIndex((a) => a.id === c.id);\n\n    if (index !== -1) {\n      categories.splice(index, 1, c);\n      this.props.onModelChanged({ categories });\n    }\n  };\n\n  addChoiceToCategory = (addedChoice, categoryId) => {\n    const { model, onModelChanged } = this.props;\n    let { choices = [], correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === addedChoice.id);\n    correctResponse = moveChoiceToCategory(addedChoice.id, undefined, categoryId, 0, model.correctResponse);\n    // if multiplePlacements not allowed, ensure the consistency in the other categories\n    if (choice.categoryCount !== 0) {\n      correctResponse = verifyAllowMultiplePlacements(addedChoice, categoryId, correctResponse);\n    }\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = removeChoiceFromCategory(choice.id, category.id, choiceIndex, model.correctResponse);\n\n    onModelChanged({ correctResponse });\n  };\n\n  moveChoice = (choiceId, from, to, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    let { choices, correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === choiceId);\n    if (to === from || !choice) {\n      return;\n    }\n    if (choice.categoryCount !== 0) {\n      correctResponse = moveChoiceToCategory(choice.id, from, to, choiceIndex, correctResponse);\n      correctResponse = verifyAllowMultiplePlacements(choice, to, correctResponse);\n    } else if (choice.categoryCount === 0) {\n      correctResponse = moveChoiceToCategory(choice.id, undefined, to, 0, correctResponse);\n    }\n    onModelChanged({ correctResponse });\n  };\n\n  changeRowLabel = (val, index) => {\n    const { model } = this.props;\n    const { rowLabels } = model;\n    const newRowLabels = [...rowLabels];\n\n    if (newRowLabels.length < index) {\n      newRowLabels.push(val);\n    } else {\n      newRowLabels[index] = val;\n    }\n\n    this.props.onModelChanged({\n      rowLabels: newRowLabels,\n    });\n  };\n\n  render() {\n    const {\n      model,\n      classes,\n      className,\n      categories,\n      imageSupport,\n      uploadSoundSupport,\n      toolbarOpts,\n      spellCheck,\n      configuration,\n      defaultImageMaxHeight,\n      defaultImageMaxWidth,\n    } = this.props;\n\n    const { categoriesPerRow, rowLabels, errors } = model;\n    const { associationError, categoriesError, categoriesErrors } = errors || {};\n    const { maxCategories, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <Header\n          label=\"Categories\"\n          buttonLabel=\"ADD A CATEGORY\"\n          onAdd={this.add}\n          info={\n            <Tooltip\n              classes={{ tooltip: classes.tooltip }}\n              disableFocusListener\n              disableTouchListener\n              placement={'right'}\n              title={validationMessage}\n            >\n              <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }} />\n            </Tooltip>\n          }\n          buttonDisabled={maxCategories && categories && maxCategories === categories.length}\n        />\n        {associationError && <div className={classes.errorText}>{associationError}</div>}\n        {categoriesError && <div className={classes.errorText}>{categoriesError}</div>}\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => {\n            const hasRowLabel = index % categoriesPerRow === 0;\n            const rowIndex = index / categoriesPerRow;\n\n            return (\n              <React.Fragment key={index}>\n                {hasRowLabel && (\n                  <RowLabel\n                    categoriesPerRow={categoriesPerRow}\n                    disabled={false}\n                    rowIndex={rowIndex}\n                    markup={rowLabels[rowIndex] || ''}\n                    onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                    imageSupport={imageSupport}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rowLabel) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rowLabel) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                )}\n                <Category\n                  imageSupport={imageSupport}\n                  focusedEl={this.state.focusedEl}\n                  deleteFocusedEl={this.deleteFocusedEl}\n                  index={index}\n                  category={category}\n                  error={categoriesErrors && categoriesErrors[category.id]}\n                  onChange={this.change}\n                  onDelete={() => this.delete(category)}\n                  onAddChoice={this.addChoiceToCategory}\n                  onMoveChoice={(choiceId, from, to, choiceIndex) => this.moveChoice(choiceId, from, to, choiceIndex)}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheck}\n                  onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                  maxImageWidth={(maxImageWidth && maxImageWidth.categoryLabel) || defaultImageMaxWidth}\n                  maxImageHeight={(maxImageHeight && maxImageHeight.categoryLabel) || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Categories);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/design/categories/index.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","tooltip","fontSize","typography","whiteSpace","maxWidth","errorText","color","palette","error","main","paddingTop","Categories","focusedEl","props","model","oldCategories","categoriesPerRow","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","setState","onModelChanged","concat","category","index","findIndex","splice","correctResponse","c","addedChoice","categoryId","choices","choice","find","undefined","categoryCount","choiceIndex","choiceId","from","to","val","newRowLabels","classes","className","imageSupport","uploadSoundSupport","toolbarOpts","spellCheck","configuration","defaultImageMaxHeight","defaultImageMaxWidth","errors","associationError","categoriesError","categoriesErrors","maxCategories","maxImageWidth","maxImageHeight","holderStyle","validationMessage","add","marginLeft","hasRowLabel","rowIndex","changeRowLabel","state","deleteFocusedEl","change","addChoiceToCategory","moveChoice","deleteChoiceFromCategory","categoryLabel","React","Component","PropTypes","shape","func","isRequired","object","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport classNames from 'classnames';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport {\n  moveChoiceToCategory,\n  removeCategory,\n  removeChoiceFromCategory,\n  verifyAllowMultiplePlacements,\n} from '@pie-lib/categorize';\n\nimport Category from './category';\nimport Header from '../header';\nimport { generateValidationMessage } from '../../utils';\nimport { RowLabel } from './RowLabel';\n\nconst styles = (theme) => ({\n  categories: {\n    marginBottom: theme.spacing.unit * 3,\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  rowLabel: {\n    gridColumn: '1/3',\n  },\n  rowLabelHolder: {\n    width: '100%',\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 / 2,\n  },\n});\n\nexport class Categories extends React.Component {\n  static propTypes = {\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    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n  };\n\n  state = {\n    focusedEl: null,\n  };\n\n  add = () => {\n    const { model, categories: oldCategories } = this.props;\n    const { categoriesPerRow } = model;\n    const id = utils.firstAvailableIndex(\n      model.categories.map((a) => a.id),\n      0,\n    );\n    const data = { id, label: 'Category ' + id };\n    const addRowLabel = model.categories.length % categoriesPerRow === 0;\n    const rowLabels = [...model.rowLabels];\n\n    if (addRowLabel) {\n      rowLabels.push('');\n    }\n\n    this.setState(\n      {\n        focusedEl: oldCategories.length,\n      },\n      () => {\n        this.props.onModelChanged({\n          rowLabels,\n          categories: model.categories.concat([data]),\n        });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  delete = (category) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.categories.findIndex((a) => a.id === category.id);\n\n    if (index !== -1) {\n      model.categories.splice(index, 1);\n      model.correctResponse = removeCategory(category.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  change = (c) => {\n    const { categories } = this.props;\n    const index = categories.findIndex((a) => a.id === c.id);\n\n    if (index !== -1) {\n      categories.splice(index, 1, c);\n      this.props.onModelChanged({ categories });\n    }\n  };\n\n  addChoiceToCategory = (addedChoice, categoryId) => {\n    const { model, onModelChanged } = this.props;\n    let { choices = [], correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === addedChoice.id);\n    correctResponse = moveChoiceToCategory(addedChoice.id, undefined, categoryId, 0, model.correctResponse);\n    // if multiplePlacements not allowed, ensure the consistency in the other categories\n    if (choice.categoryCount !== 0) {\n      correctResponse = verifyAllowMultiplePlacements(addedChoice, categoryId, correctResponse);\n    }\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = removeChoiceFromCategory(choice.id, category.id, choiceIndex, model.correctResponse);\n\n    onModelChanged({ correctResponse });\n  };\n\n  moveChoice = (choiceId, from, to, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    let { choices, correctResponse = [] } = model || {};\n    const choice = (choices || []).find((choice) => choice.id === choiceId);\n    if (to === from || !choice) {\n      return;\n    }\n    if (choice.categoryCount !== 0) {\n      correctResponse = moveChoiceToCategory(choice.id, from, to, choiceIndex, correctResponse);\n      correctResponse = verifyAllowMultiplePlacements(choice, to, correctResponse);\n    } else if (choice.categoryCount === 0) {\n      correctResponse = moveChoiceToCategory(choice.id, undefined, to, 0, correctResponse);\n    }\n    onModelChanged({ correctResponse });\n  };\n\n  changeRowLabel = (val, index) => {\n    const { model } = this.props;\n    const { rowLabels } = model;\n    const newRowLabels = [...rowLabels];\n\n    if (newRowLabels.length < index) {\n      newRowLabels.push(val);\n    } else {\n      newRowLabels[index] = val;\n    }\n\n    this.props.onModelChanged({\n      rowLabels: newRowLabels,\n    });\n  };\n\n  render() {\n    const {\n      model,\n      classes,\n      className,\n      categories,\n      imageSupport,\n      uploadSoundSupport,\n      toolbarOpts,\n      spellCheck,\n      configuration,\n      defaultImageMaxHeight,\n      defaultImageMaxWidth,\n    } = this.props;\n\n    const { categoriesPerRow, rowLabels, errors } = model;\n    const { associationError, categoriesError, categoriesErrors } = errors || {};\n    const { maxCategories, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n\n    const validationMessage = generateValidationMessage(configuration);\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <Header\n          label=\"Categories\"\n          buttonLabel=\"ADD A CATEGORY\"\n          onAdd={this.add}\n          info={\n            <Tooltip\n              classes={{ tooltip: classes.tooltip }}\n              disableFocusListener\n              disableTouchListener\n              placement={'right'}\n              title={validationMessage}\n            >\n              <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }} />\n            </Tooltip>\n          }\n          buttonDisabled={maxCategories && categories && maxCategories === categories.length}\n        />\n\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => {\n            const hasRowLabel = index % categoriesPerRow === 0;\n            const rowIndex = index / categoriesPerRow;\n\n            return (\n              <React.Fragment key={index}>\n                {hasRowLabel && (\n                  <RowLabel\n                    categoriesPerRow={categoriesPerRow}\n                    disabled={false}\n                    rowIndex={rowIndex}\n                    markup={rowLabels[rowIndex] || ''}\n                    onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                    imageSupport={imageSupport}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.rowLabel) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.rowLabel) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                  />\n                )}\n\n                <Category\n                  imageSupport={imageSupport}\n                  focusedEl={this.state.focusedEl}\n                  deleteFocusedEl={this.deleteFocusedEl}\n                  index={index}\n                  category={category}\n                  error={categoriesErrors && categoriesErrors[category.id]}\n                  onChange={this.change}\n                  onDelete={() => this.delete(category)}\n                  onAddChoice={this.addChoiceToCategory}\n                  onMoveChoice={(choiceId, from, to, choiceIndex) => this.moveChoice(choiceId, from, to, choiceIndex)}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheck}\n                  onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                  maxImageWidth={(maxImageWidth && maxImageWidth.categoryLabel) || defaultImageMaxWidth}\n                  maxImageHeight={(maxImageHeight && maxImageHeight.categoryLabel) || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n\n        {associationError && <div className={classes.errorText}>{associationError}</div>}\n        {categoriesError && <div className={classes.errorText}>{categoriesError}</div>}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Categories);\n"],"file":"index.js"}

package/configure/lib/design/choices/config.js

@@ -31,18 +31,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
-var _configUi = require("@pie-lib/config-ui");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -82,18 +70,17 @@ var Config = /*#__PURE__*/function (_React$Component) {
           spellCheck = _this$props.spellCheck;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.config, className)
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.configuration
       }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
         className: classes.label,
         InputLabelProps: {
           shrink: true
         },
+        variant: "outlined",
         label: "Label",
         value: config.choicesLabel,
         onChange: this.changeLabel,
         spellCheck: spellCheck
-      })));
+      }));
     }
   }]);
   return Config;
@@ -110,32 +97,12 @@ exports.Config = Config;
 
 var styles = function styles(theme) {
   return {
-    configuration: {
-      display: 'grid',
-      alignItems: 'center',
-      gridColumnGap: "".concat(theme.spacing.unit, "px"),
-      gridRowGap: "".concat(theme.spacing.unit, "px"),
-      gridTemplateColumns: 'repeat(2, 1fr)',
-      justifyContent: 'space-between',
-      marginBottom: theme.spacing.unit
-    },
-    choiceConfig: {
-      width: '100%',
-      maxWidth: 360,
-      backgroundColor: theme.palette.background.paper
-    },
-    row: {
-      display: 'grid',
-      gridColumnGap: "".concat(theme.spacing.unit, "px"),
-      gridRowGap: "".concat(theme.spacing.unit, "px"),
-      gridTemplateColumns: 'repeat(2, 1fr)',
-      justifyContent: 'space-between',
-      marginTop: theme.spacing.unit,
+    config: {
+      paddingTop: theme.spacing.unit,
       marginBottom: theme.spacing.unit
     },
-    shuffleCheckbox: {
-      gridColumnStart: 2,
-      gridColumnEnd: 2
+    label: {
+      width: '100%'
     }
   };
 };

package/configure/lib/design/choices/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/choices/config.jsx"],"names":["Config","target","props","onModelChanged","choicesLabel","value","classes","className","config","spellCheck","configuration","label","shrink","changeLabel","React","Component","PropTypes","object","isRequired","string","func","styles","theme","display","alignItems","gridColumnGap","spacing","unit","gridRowGap","gridTemplateColumns","justifyContent","marginBottom","choiceConfig","width","maxWidth","backgroundColor","palette","background","paper","row","marginTop","shuffleCheckbox","gridColumnStart","gridColumnEnd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,M;;;;;;;;;;;;;;;oGAWG,gBAAgB;AAAA,UAAbC,MAAa,QAAbA,MAAa;;AAC5B,YAAKC,KAAL,CAAWC,cAAX,CAA0B;AAAEC,QAAAA,YAAY,EAAEH,MAAM,CAACI;AAAvB,OAA1B;AACD,K;;;;;;WAGD,kBAAS;AACP,wBAAkD,KAAKH,KAAvD;AAAA,UAAQI,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,MAA5B,eAA4BA,MAA5B;AAAA,UAAoCC,UAApC,eAAoCA,UAApC;AAGA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACE,MAAnB,EAA2BD,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACI;AAAxB,sBACE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAEJ,OAAO,CAACK,KADrB;AAEE,QAAA,eAAe,EAAE;AACfC,UAAAA,MAAM,EAAE;AADO,SAFnB;AAKE,QAAA,KAAK,EAAC,OALR;AAME,QAAA,KAAK,EAAEJ,MAAM,CAACJ,YANhB;AAOE,QAAA,QAAQ,EAAE,KAAKS,WAPjB;AAQE,QAAA,UAAU,EAAEJ;AARd,QADF,CADF,CADF;AAgBD;;;EApCyBK,kBAAMC,S;;;iCAArBf,M,eACQ;AACjBM,EAAAA,OAAO,EAAEU,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBX,EAAAA,MAAM,EAAEQ,sBAAUC,MAHD;AAIjBd,EAAAA,cAAc,EAAEa,sBAAUI;AAJT,C;iCADRpB,M,kBAQW,E;;AA8BxB,IAAMqB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBZ,IAAAA,aAAa,EAAE;AACba,MAAAA,OAAO,EAAE,MADI;AAEbC,MAAAA,UAAU,EAAE,QAFC;AAGbC,MAAAA,aAAa,YAAKH,KAAK,CAACI,OAAN,CAAcC,IAAnB,OAHA;AAIbC,MAAAA,UAAU,YAAKN,KAAK,CAACI,OAAN,CAAcC,IAAnB,OAJG;AAKbE,MAAAA,mBAAmB,EAAE,gBALR;AAMbC,MAAAA,cAAc,EAAE,eANH;AAObC,MAAAA,YAAY,EAAET,KAAK,CAACI,OAAN,CAAcC;AAPf,KADQ;AAUvBK,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,QAAQ,EAAE,GAFE;AAGZC,MAAAA,eAAe,EAAEb,KAAK,CAACc,OAAN,CAAcC,UAAd,CAAyBC;AAH9B,KAVS;AAevBC,IAAAA,GAAG,EAAE;AACHhB,MAAAA,OAAO,EAAE,MADN;AAEHE,MAAAA,aAAa,YAAKH,KAAK,CAACI,OAAN,CAAcC,IAAnB,OAFV;AAGHC,MAAAA,UAAU,YAAKN,KAAK,CAACI,OAAN,CAAcC,IAAnB,OAHP;AAIHE,MAAAA,mBAAmB,EAAE,gBAJlB;AAKHC,MAAAA,cAAc,EAAE,eALb;AAMHU,MAAAA,SAAS,EAAElB,KAAK,CAACI,OAAN,CAAcC,IANtB;AAOHI,MAAAA,YAAY,EAAET,KAAK,CAACI,OAAN,CAAcC;AAPzB,KAfkB;AAwBvBc,IAAAA,eAAe,EAAE;AACfC,MAAAA,eAAe,EAAE,CADF;AAEfC,MAAAA,aAAa,EAAE;AAFA;AAxBM,GAAL;AAAA,CAApB;;eA6Be,wBAAWtB,MAAX,EAAmBrB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport TextField from '@material-ui/core/TextField';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Menu from '@material-ui/core/Menu';\nimport { Checkbox } from '@pie-lib/config-ui';\n\n\nexport class Config extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    config: PropTypes.object,\n    onModelChanged: PropTypes.func\n  };\n\n  static defaultProps = {};\n\n\n  changeLabel = ({ target }) => {\n    this.props.onModelChanged({ choicesLabel: target.value });\n  };\n\n\n  render() {\n    const { classes, className, config, spellCheck} = this.props;\n\n\n    return (\n      <div className={classNames(classes.config, className)}>\n        <div className={classes.configuration}>\n          <TextField\n            className={classes.label}\n            InputLabelProps={{\n              shrink: true\n            }}\n            label=\"Label\"\n            value={config.choicesLabel}\n            onChange={this.changeLabel}\n            spellCheck={spellCheck}\n          />\n        </div>\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  configuration: {\n    display: 'grid',\n    alignItems: 'center',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.unit\n  },\n  choiceConfig: {\n    width: '100%',\n    maxWidth: 360,\n    backgroundColor: theme.palette.background.paper\n  },\n  row: {\n    display: 'grid',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    justifyContent: 'space-between',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit\n  },\n  shuffleCheckbox: {\n    gridColumnStart: 2,\n    gridColumnEnd: 2\n  }\n});\nexport default withStyles(styles)(Config);\n"],"file":"config.js"}
+{"version":3,"sources":["../../../src/design/choices/config.jsx"],"names":["Config","target","props","onModelChanged","choicesLabel","value","classes","className","config","spellCheck","label","shrink","changeLabel","React","Component","PropTypes","object","isRequired","string","func","styles","theme","paddingTop","spacing","unit","marginBottom","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;;;;oGAUG,gBAAgB;AAAA,UAAbC,MAAa,QAAbA,MAAa;;AAC5B,YAAKC,KAAL,CAAWC,cAAX,CAA0B;AAAEC,QAAAA,YAAY,EAAEH,MAAM,CAACI;AAAvB,OAA1B;AACD,K;;;;;;WAED,kBAAS;AACP,wBAAmD,KAAKH,KAAxD;AAAA,UAAQI,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,MAA5B,eAA4BA,MAA5B;AAAA,UAAoCC,UAApC,eAAoCA,UAApC;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACE,MAAnB,EAA2BD,SAA3B;AAAhB,sBACE,gCAAC,qBAAD;AACE,QAAA,SAAS,EAAED,OAAO,CAACI,KADrB;AAEE,QAAA,eAAe,EAAE;AACfC,UAAAA,MAAM,EAAE;AADO,SAFnB;AAKE,QAAA,OAAO,EAAC,UALV;AAME,QAAA,KAAK,EAAC,OANR;AAOE,QAAA,KAAK,EAAEH,MAAM,CAACJ,YAPhB;AAQE,QAAA,QAAQ,EAAE,KAAKQ,WARjB;AASE,QAAA,UAAU,EAAEH;AATd,QADF,CADF;AAeD;;;EAhCyBI,kBAAMC,S;;;iCAArBd,M,eACQ;AACjBM,EAAAA,OAAO,EAAES,sBAAUC,MAAV,CAAiBC,UADT;AAEjBV,EAAAA,SAAS,EAAEQ,sBAAUG,MAFJ;AAGjBV,EAAAA,MAAM,EAAEO,sBAAUC,MAHD;AAIjBb,EAAAA,cAAc,EAAEY,sBAAUI;AAJT,C;iCADRnB,M,kBAQW,E;;AA2BxB,IAAMoB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IADpB;AAENC,MAAAA,YAAY,EAAEJ,KAAK,CAACE,OAAN,CAAcC;AAFtB,KADiB;AAKzBd,IAAAA,KAAK,EAAE;AACLgB,MAAAA,KAAK,EAAE;AADF;AALkB,GAAZ;AAAA,CAAf;;eAUe,wBAAWN,MAAX,EAAmBpB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport TextField from '@material-ui/core/TextField';\n\nexport class Config extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    config: PropTypes.object,\n    onModelChanged: PropTypes.func,\n  };\n\n  static defaultProps = {};\n\n  changeLabel = ({ target }) => {\n    this.props.onModelChanged({ choicesLabel: target.value });\n  };\n\n  render() {\n    const { classes, className, config, spellCheck } = this.props;\n\n    return (\n      <div className={classNames(classes.config, className)}>\n        <TextField\n          className={classes.label}\n          InputLabelProps={{\n            shrink: true,\n          }}\n          variant=\"outlined\"\n          label=\"Label\"\n          value={config.choicesLabel}\n          onChange={this.changeLabel}\n          spellCheck={spellCheck}\n        />\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  config: {\n    paddingTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n  },\n  label: {\n    width: '100%',\n  },\n});\n\nexport default withStyles(styles)(Config);\n"],"file":"config.js"}

package/configure/lib/design/choices/index.js

@@ -27,8 +27,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _buttons = require("../buttons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _choice = _interopRequireDefault(require("./choice"));
@@ -189,9 +187,7 @@ var Choices = /*#__PURE__*/function (_React$Component) {
         buttonLabel: "ADD A CHOICE",
         onAdd: this.addChoice,
         buttonDisabled: maxChoices && choices && maxChoices === choices.length
-      }), choicesError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, choicesError), /*#__PURE__*/_react["default"].createElement(_config["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_config["default"], {
         config: model,
         onModelChanged: onModelChanged,
         spellCheck: spellCheck
@@ -223,7 +219,9 @@ var Choices = /*#__PURE__*/function (_React$Component) {
           maxImageHeight: maxImageHeight && maxImageHeight.choice || defaultImageMaxHeight,
           uploadSoundSupport: uploadSoundSupport
         });
-      })), /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null));
+      })), choicesError && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, choicesError));
     }
   }]);
   return Choices;
@@ -259,14 +257,12 @@ var styles = function styles(theme) {
       gridColumnGap: "".concat(theme.spacing.unit, "px")
     },
     choices: {
-      paddingTop: theme.spacing.unit * 2,
-      paddingBottom: theme.spacing.unit * 2
+      marginBottom: theme.spacing.unit * 2.5
     },
-    label: {},
     errorText: {
-      fontSize: '12px',
-      color: 'red',
-      padding: '5px 0'
+      fontSize: theme.typography.fontSize - 2,
+      color: theme.palette.error.main,
+      paddingTop: theme.spacing.unit / 2
     }
   };
 };

package/configure/lib/design/choices/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","focusedEl","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","oldChoices","utils","firstAvailableIndex","map","a","data","content","setState","length","concat","correctResponse","indexFrom","indexTo","state","classes","className","imageSupport","uploadSoundSupport","spellCheck","toolbarOpts","configuration","defaultImageMaxWidth","defaultImageMaxHeight","errors","allowMultiplePlacementsEnabled","lockChoiceOrder","choicesError","choicesErrors","maxChoices","maxImageWidth","maxImageHeight","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","errorText","choiceHolder","deleteFocusedEl","correctResponseCount","changeChoice","deleteChoice","rearrangeChoices","React","Component","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","label","fontSize","color","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Divider } from '../buttons';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport Header from '../header';\nimport every from 'lodash/every';\nimport Config from './config';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport { removeAllChoices } from '@pie-lib/categorize';\nimport { rearrangeChoices } from '@pie-lib/categorize';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choices: PropTypes.array.isRequired,\n    onModelChanged: PropTypes.func.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    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    focusedEl: null,\n  };\n\n  changeChoice = (choice) => {\n    const { choices, onModelChanged } = this.props;\n    const index = choices.findIndex((h) => h.id === choice.id);\n    if (index !== -1) {\n      choices.splice(index, 1, choice);\n      onModelChanged({ choices });\n    }\n  };\n\n  allChoicesHaveCount = (count) => {\n    const { choices } = this.props;\n    return every(choices, (c) => c.categoryCount === count);\n  };\n\n  addChoice = () => {\n    const { onModelChanged, model, choices: oldChoices } = this.props;\n\n    const id = utils.firstAvailableIndex(\n      model.choices.map((a) => a.id),\n      0,\n    );\n    const data = { id, content: 'Choice ' + id };\n\n    this.setState(\n      {\n        focusedEl: oldChoices.length,\n      },\n      () => {\n        onModelChanged({ choices: model.choices.concat([data]) });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  deleteChoice = (choice) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.choices.findIndex((a) => a.id === choice.id);\n    if (index !== -1) {\n      model.choices.splice(index, 1);\n      model.correctResponse = removeAllChoices(choice.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  rearrangeChoices = (indexFrom, indexTo) => {\n    const { model, onModelChanged } = this.props || {};\n    let { choices } = model || [];\n    choices = rearrangeChoices(choices, indexFrom, indexTo);\n    onModelChanged({ choices });\n  };\n\n  render() {\n    const { focusedEl } = this.state;\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      uploadSoundSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts,\n      configuration,\n      defaultImageMaxWidth,\n      defaultImageMaxHeight,\n    } = this.props;\n    const { errors, allowMultiplePlacementsEnabled, lockChoiceOrder } = model;\n    const { choicesError, choicesErrors } = errors || {};\n    const { maxChoices, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const categoryCountIsOne = this.allChoicesHaveCount(1);\n    const choiceHolderStyle = {\n      gridTemplateColumns: `repeat(${model.categoriesPerRow}, 1fr)`,\n    };\n\n    return (\n      <div className={classNames(classes.choices, className)}>\n        <Header\n          label=\"Choices\"\n          buttonLabel=\"ADD A CHOICE\"\n          onAdd={this.addChoice}\n          buttonDisabled={maxChoices && choices && maxChoices === choices.length}\n        />\n        {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n        <Config config={model} onModelChanged={onModelChanged} spellCheck={spellCheck} />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => {\n            return (\n              <Choice\n                choice={h}\n                focusedEl={focusedEl}\n                deleteFocusedEl={this.deleteFocusedEl}\n                correctResponseCount={h.correctResponseCount}\n                allowMultiplePlacements={allowMultiplePlacementsEnabled}\n                lockChoiceOrder={lockChoiceOrder}\n                index={index}\n                key={index}\n                imageSupport={imageSupport}\n                onChange={this.changeChoice}\n                onDelete={() => this.deleteChoice(h)}\n                rearrangeChoices={(indexFrom, indexTo) => this.rearrangeChoices(indexFrom, indexTo)}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheck}\n                error={choicesErrors && choicesErrors[h.id]}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            );\n          })}\n        </div>\n        <Divider />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  choiceHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  choices: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  label: {},\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\nexport default withStyles(styles)(Choices);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","focusedEl","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","oldChoices","utils","firstAvailableIndex","map","a","data","content","setState","length","concat","correctResponse","indexFrom","indexTo","state","classes","className","imageSupport","uploadSoundSupport","spellCheck","toolbarOpts","configuration","defaultImageMaxWidth","defaultImageMaxHeight","errors","allowMultiplePlacementsEnabled","lockChoiceOrder","choicesError","choicesErrors","maxChoices","maxImageWidth","maxImageHeight","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","choiceHolder","deleteFocusedEl","correctResponseCount","changeChoice","deleteChoice","rearrangeChoices","errorText","React","Component","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","marginBottom","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Choice from './choice';\nimport Header from '../header';\nimport every from 'lodash/every';\nimport Config from './config';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport { removeAllChoices } from '@pie-lib/categorize';\nimport { rearrangeChoices } from '@pie-lib/categorize';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choices: PropTypes.array.isRequired,\n    onModelChanged: PropTypes.func.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    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    focusedEl: null,\n  };\n\n  changeChoice = (choice) => {\n    const { choices, onModelChanged } = this.props;\n    const index = choices.findIndex((h) => h.id === choice.id);\n    if (index !== -1) {\n      choices.splice(index, 1, choice);\n      onModelChanged({ choices });\n    }\n  };\n\n  allChoicesHaveCount = (count) => {\n    const { choices } = this.props;\n    return every(choices, (c) => c.categoryCount === count);\n  };\n\n  addChoice = () => {\n    const { onModelChanged, model, choices: oldChoices } = this.props;\n\n    const id = utils.firstAvailableIndex(\n      model.choices.map((a) => a.id),\n      0,\n    );\n    const data = { id, content: 'Choice ' + id };\n\n    this.setState(\n      {\n        focusedEl: oldChoices.length,\n      },\n      () => {\n        onModelChanged({ choices: model.choices.concat([data]) });\n      },\n    );\n  };\n\n  deleteFocusedEl = () => {\n    this.setState({\n      focusedEl: null,\n    });\n  };\n\n  deleteChoice = (choice) => {\n    const { model, onModelChanged } = this.props;\n    const index = model.choices.findIndex((a) => a.id === choice.id);\n    if (index !== -1) {\n      model.choices.splice(index, 1);\n      model.correctResponse = removeAllChoices(choice.id, model.correctResponse);\n      onModelChanged(model);\n    }\n  };\n\n  rearrangeChoices = (indexFrom, indexTo) => {\n    const { model, onModelChanged } = this.props || {};\n    let { choices } = model || [];\n    choices = rearrangeChoices(choices, indexFrom, indexTo);\n    onModelChanged({ choices });\n  };\n\n  render() {\n    const { focusedEl } = this.state;\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      uploadSoundSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts,\n      configuration,\n      defaultImageMaxWidth,\n      defaultImageMaxHeight,\n    } = this.props;\n    const { errors, allowMultiplePlacementsEnabled, lockChoiceOrder } = model;\n    const { choicesError, choicesErrors } = errors || {};\n    const { maxChoices, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n\n    const categoryCountIsOne = this.allChoicesHaveCount(1);\n    const choiceHolderStyle = {\n      gridTemplateColumns: `repeat(${model.categoriesPerRow}, 1fr)`,\n    };\n\n    return (\n      <div className={classNames(classes.choices, className)}>\n        <Header\n          label=\"Choices\"\n          buttonLabel=\"ADD A CHOICE\"\n          onAdd={this.addChoice}\n          buttonDisabled={maxChoices && choices && maxChoices === choices.length}\n        />\n\n        <Config config={model} onModelChanged={onModelChanged} spellCheck={spellCheck} />\n\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => {\n            return (\n              <Choice\n                choice={h}\n                focusedEl={focusedEl}\n                deleteFocusedEl={this.deleteFocusedEl}\n                correctResponseCount={h.correctResponseCount}\n                allowMultiplePlacements={allowMultiplePlacementsEnabled}\n                lockChoiceOrder={lockChoiceOrder}\n                index={index}\n                key={index}\n                imageSupport={imageSupport}\n                onChange={this.changeChoice}\n                onDelete={() => this.deleteChoice(h)}\n                rearrangeChoices={(indexFrom, indexTo) => this.rearrangeChoices(indexFrom, indexTo)}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheck}\n                error={choicesErrors && choicesErrors[h.id]}\n                maxImageWidth={(maxImageWidth && maxImageWidth.choice) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.choice) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n              />\n            );\n          })}\n        </div>\n        {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  choiceHolder: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`,\n  },\n  choices: {\n    marginBottom: theme.spacing.unit * 2.5,\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit / 2,\n  },\n});\n\nexport default withStyles(styles)(Choices);\n"],"file":"index.js"}

package/configure/lib/design/header.js

@@ -62,7 +62,7 @@ var Header = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.titleContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: variant || "title",
+        variant: variant || 'title',
         className: classes.title
       }, label), info), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
         onClick: onAdd,
@@ -92,10 +92,11 @@ var styles = function styles(theme) {
     header: {
       display: 'flex',
       justifyContent: 'space-between',
-      marginBottom: 2 * theme.spacing.unit
+      marginBottom: theme.spacing.unit
     },
     titleContainer: {
-      display: 'flex'
+      display: 'flex',
+      alignItems: 'center'
     }
   };
 };

package/configure/lib/design/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","info","buttonDisabled","variant","header","titleContainer","title","React","Component","PropTypes","object","isRequired","string","func","any","bool","styles","theme","display","justifyContent","marginBottom","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAaX,kBAAS;AACP,wBAAyF,KAAKC,KAA9F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA0CC,WAA1C,eAA0CA,WAA1C;AAAA,UAAuDC,IAAvD,eAAuDA,IAAvD;AAAA,UAA6DC,cAA7D,eAA6DA,cAA7D;AAAA,UAA6EC,OAA7E,eAA6EA,OAA7E;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWP,OAAO,CAACQ,MAAnB,EAA2BP,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACS;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAEF,OAAO,IAAI,OAAhC;AAAyC,QAAA,SAAS,EAAEP,OAAO,CAACU;AAA5D,SACGP,KADH,CADF,EAIGE,IAJH,CADF,eAOE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAEH,KAApB;AAA2B,QAAA,KAAK,EAAEE,WAAlC;AAA+C,QAAA,QAAQ,EAAEE;AAAzD,QAPF,CADF;AAWD;;;EA1ByBK,kBAAMC,S;;;iCAArBd,M,eACQ;AACjBE,EAAAA,OAAO,EAAEa,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,SAAS,EAAEY,sBAAUG,MAFJ;AAGjBZ,EAAAA,WAAW,EAAES,sBAAUG,MAHN;AAIjBd,EAAAA,KAAK,EAAEW,sBAAUI,IAAV,CAAeF,UAJL;AAKjBZ,EAAAA,KAAK,EAAEU,sBAAUG,MAAV,CAAiBD,UALP;AAMjBV,EAAAA,IAAI,EAAEQ,sBAAUK,GANC;AAOjBZ,EAAAA,cAAc,EAAEO,sBAAUM,IAPT;AAQjBZ,EAAAA,OAAO,EAAEM,sBAAUG;AARF,C;iCADRlB,M,kBAYW,E;;AAgBxB,IAAMsB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAE,IAAIH,KAAK,CAACI,OAAN,CAAcC;AAH1B,KADiB;AAMzBjB,IAAAA,cAAc,EAAE;AACda,MAAAA,OAAO,EAAE;AADK;AANS,GAAZ;AAAA,CAAf;;eAUe,wBAAWF,MAAX,EAAmBtB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled, variant } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n          <Typography variant={variant || \"title\"} className={classes.title}>\n            {label}\n          </Typography>\n          {info}\n        </div>\n        <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: 2 * theme.spacing.unit,\n  },\n  titleContainer: {\n    display: 'flex',\n  },\n});\nexport default withStyles(styles)(Header);\n"],"file":"header.js"}
+{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","info","buttonDisabled","variant","header","titleContainer","title","React","Component","PropTypes","object","isRequired","string","func","any","bool","styles","theme","display","justifyContent","marginBottom","spacing","unit","alignItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAcX,kBAAS;AACP,wBAAyF,KAAKC,KAA9F;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,KAAnC,eAAmCA,KAAnC;AAAA,UAA0CC,WAA1C,eAA0CA,WAA1C;AAAA,UAAuDC,IAAvD,eAAuDA,IAAvD;AAAA,UAA6DC,cAA7D,eAA6DA,cAA7D;AAAA,UAA6EC,OAA7E,eAA6EA,OAA7E;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWP,OAAO,CAACQ,MAAnB,EAA2BP,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACS;AAAxB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAEF,OAAO,IAAI,OAAhC;AAAyC,QAAA,SAAS,EAAEP,OAAO,CAACU;AAA5D,SACGP,KADH,CADF,EAIGE,IAJH,CADF,eAQE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAEH,KAApB;AAA2B,QAAA,KAAK,EAAEE,WAAlC;AAA+C,QAAA,QAAQ,EAAEE;AAAzD,QARF,CADF;AAYD;;;EA5ByBK,kBAAMC,S;;;iCAArBd,M,eACQ;AACjBE,EAAAA,OAAO,EAAEa,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,SAAS,EAAEY,sBAAUG,MAFJ;AAGjBZ,EAAAA,WAAW,EAAES,sBAAUG,MAHN;AAIjBd,EAAAA,KAAK,EAAEW,sBAAUI,IAAV,CAAeF,UAJL;AAKjBZ,EAAAA,KAAK,EAAEU,sBAAUG,MAAV,CAAiBD,UALP;AAMjBV,EAAAA,IAAI,EAAEQ,sBAAUK,GANC;AAOjBZ,EAAAA,cAAc,EAAEO,sBAAUM,IAPT;AAQjBZ,EAAAA,OAAO,EAAEM,sBAAUG;AARF,C;iCADRlB,M,kBAYW,E;;AAkBxB,IAAMsB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAHtB,KADiB;AAMzBjB,IAAAA,cAAc,EAAE;AACda,MAAAA,OAAO,EAAE,MADK;AAEdK,MAAAA,UAAU,EAAE;AAFE;AANS,GAAZ;AAAA,CAAf;;eAWe,wBAAWP,MAAX,EAAmBtB,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AddButton } from './buttons';\n\nexport class Header extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    buttonLabel: PropTypes.string,\n    onAdd: PropTypes.func.isRequired,\n    label: PropTypes.string.isRequired,\n    info: PropTypes.any,\n    buttonDisabled: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled, variant } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n          <Typography variant={variant || 'title'} className={classes.title}>\n            {label}\n          </Typography>\n          {info}\n        </div>\n\n        <AddButton onClick={onAdd} label={buttonLabel} disabled={buttonDisabled} />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing.unit,\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\nexport default withStyles(styles)(Header);\n"],"file":"header.js"}

package/configure/lib/design/index.js

@@ -29,8 +29,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _configUi = require("@pie-lib/config-ui");
 
 var _categorize = require("@pie-lib/categorize");
@@ -45,8 +43,6 @@ var _alternateResponses = _interopRequireDefault(require("./categories/alternate
 
 var _choices = _interopRequireDefault(require("./choices"));
 
-var _buttons = require("./buttons");
-
 var _builder = require("./builder");
 
 var _header = _interopRequireDefault(require("./header"));
@@ -186,7 +182,6 @@ var Design = /*#__PURE__*/function (_React$Component) {
 
       var _this$props4 = this.props,
           classes = _this$props4.classes,
-          className = _this$props4.className,
           configuration = _this$props4.configuration,
           imageSupport = _this$props4.imageSupport,
           model = _this$props4.model,
@@ -291,31 +286,9 @@ var Design = /*#__PURE__*/function (_React$Component) {
             Properties: panelProperties
           }
         })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.design, className)
-      }, promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: prompt.label,
-        className: classes.promptHolder
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: classes.prompt,
-        markup: model.prompt || '',
-        onChange: this.onPromptChanged,
-        imageSupport: imageSupport,
-        nonEmpty: false,
-        disableUnderline: true,
-        toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled,
-        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
-        maxImageHeight: maxImageHeight && maxImageHeight.prompt,
-        uploadSoundSupport: uploadSoundSupport,
-        languageCharactersProps: [{
-          language: 'spanish'
-        }, {
-          language: 'special'
-        }]
-      })), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+      }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,
-        className: classes.inputHolder
+        className: classes.inputContainer
       }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         className: classes.input,
         markup: model.teacherInstructions || '',
@@ -332,19 +305,20 @@ var Design = /*#__PURE__*/function (_React$Component) {
         }, {
           language: 'special'
         }]
-      })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
-        label: rationale.label,
-        className: classes.inputHolder
+      })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: prompt.label,
+        className: classes.inputContainer
       }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
         className: classes.input,
-        markup: model.rationale || '',
-        onChange: this.changeRationale,
+        markup: model.prompt || '',
+        onChange: this.onPromptChanged,
         imageSupport: imageSupport,
         nonEmpty: false,
+        disableUnderline: true,
         toolbarOpts: toolbarOpts,
         spellCheck: spellCheckEnabled,
-        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
-        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+        maxImageHeight: maxImageHeight && maxImageHeight.prompt,
         uploadSoundSupport: uploadSoundSupport,
         languageCharactersProps: [{
           language: 'spanish'
@@ -401,11 +375,30 @@ var Design = /*#__PURE__*/function (_React$Component) {
           defaultImageMaxWidth: defaultImageMaxWidth,
           defaultImageMaxHeight: defaultImageMaxHeight
         }));
-      }), allowAlternateEnabled && /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
+      }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+        label: rationale.label,
+        className: classes.inputContainer
+      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        className: classes.input,
+        markup: model.rationale || '',
+        onChange: this.changeRationale,
+        imageSupport: imageSupport,
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
+      })), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
         feedback: model.feedback,
         onChange: this.changeFeedback,
         toolbarOpts: toolbarOpts
-      }))));
+      })));
     }
   }]);
   return Design;
@@ -433,34 +426,15 @@ exports.Design = Design;
 var styles = function styles(theme) {
   return {
     alternatesHeader: {
-      paddingTop: theme.spacing.unit * 2,
-      paddingBottom: theme.spacing.unit * 2
+      marginBottom: theme.spacing.unit * 2
     },
     text: {
       paddingTop: theme.spacing.unit * 2,
       paddingBottom: theme.spacing.unit * 2
     },
-    design: {
-      paddingTop: theme.spacing.unit,
-      paddingBottom: theme.spacing.unit
-    },
-    inputHolder: {
+    inputContainer: {
       width: '100%',
-      paddingBottom: theme.spacing.unit * 2,
-      marginBottom: theme.spacing.unit * 2
-    },
-    input: {
       paddingTop: theme.spacing.unit * 2,
-      width: '100%',
-      maxWidth: '600px'
-    },
-    prompt: {
-      paddingTop: theme.spacing.unit * 2,
-      width: '100%'
-    },
-    promptHolder: {
-      width: '100%',
-      paddingBottom: theme.spacing.unit * 2,
       marginBottom: theme.spacing.unit * 2
     },
     title: {

package/configure/lib/design/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/index.jsx"],"names":["dropdown","settings","Panel","toggle","radio","numberField","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","choices","map","c","categoryCount","checkAllowMultiplePlacements","allowMultiplePlacementsEnabled","correctResponse","categories","id","label","h","content","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","allowMultiplePlacements","multiplePlacements","enabled","disabled","generateId","classes","className","configuration","imageSupport","uploadSoundSupport","onConfigurationChanged","allowAlternate","categoriesPerRow","choicesPosition","lockChoiceOrder","maxImageHeight","maxImageWidth","minCategoriesPerRow","partialScoring","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","withRubric","allowAlternateEnabled","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","min","max","perChoice","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","design","promptHolder","onPromptChanged","language","inputHolder","input","changeTeacherInstructions","changeRationale","alternatesHeader","onAddAlternateResponse","categoriesList","onRemoveAlternateResponse","changeFeedback","React","Component","PropTypes","object","isRequired","string","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","text","width","marginBottom","maxWidth","title"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { FeedbackConfig, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { countInAnswer, ensureNoExtraChoicesInAnswer, ensureNoExtraChoicesInAlternate } from '@pie-lib/categorize';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { uid, withDragContext } from '@pie-lib/drag';\n\nimport Categories from './categories';\nimport AlternateResponses from './categories/alternateResponses';\nimport Choices from './choices';\nimport { Divider } from './buttons';\nimport { buildAlternateResponses, buildCategories } from './builder';\nimport Header from './header';\nimport { multiplePlacements } from '../utils';\n\nconst { dropdown, Panel, toggle, radio, numberField } = settings;\nconst { Provider: IdProvider } = uid;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uid: PropTypes.string,\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  constructor(props) {\n    super(props);\n    this.uid = props.uid || uid.generateId();\n  }\n\n  updateModel = (props) => {\n    const { model, onChange } = this.props;\n\n    const updatedModel = {\n      ...model,\n      ...props,\n    };\n\n    updatedModel.choices = updatedModel.choices.map((c) => ({\n      ...c,\n      categoryCount: this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c),\n    }));\n\n    //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAlternate(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //clean categories\n    updatedModel.categories = updatedModel.categories.map((c) => ({\n      id: c.id,\n      label: c.label,\n    }));\n\n    updatedModel.choices = updatedModel.choices.map((h) => ({\n      id: h.id,\n      content: h.content,\n      categoryCount: h.categoryCount,\n    }));\n\n    onChange(updatedModel);\n  };\n\n  changeRationale = (rationale) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      rationale,\n    });\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      teacherInstructions,\n    });\n  };\n\n  changeFeedback = (feedback) => {\n    this.updateModel({ feedback });\n  };\n\n  onAddAlternateResponse = () => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: [...(cr.alternateResponses || []), []],\n      })),\n    });\n  };\n\n  onPromptChanged = (prompt) => this.updateModel({ prompt });\n\n  onRemoveAlternateResponse = (index) => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: (cr.alternateResponses || []).filter((alt, altIndex) => altIndex !== index),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  checkAllowMultiplePlacements = (allowMultiplePlacements, c) => {\n    if (allowMultiplePlacements === multiplePlacements.enabled) {\n      return 0;\n    }\n\n    if (allowMultiplePlacements === multiplePlacements.disabled) {\n      return 1;\n    }\n\n    return c.categoryCount || 0;\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      configuration,\n      imageSupport,\n      model,\n      uploadSoundSupport,\n      onConfigurationChanged,\n    } = this.props;\n    const {\n      allowMultiplePlacements = {},\n      allowAlternate = {},\n      categoriesPerRow = {},\n      choicesPosition = {},\n      feedback = {},\n      lockChoiceOrder = {},\n      maxImageHeight = {},\n      maxImageWidth = {},\n      minCategoriesPerRow = 1,\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      allowAlternateEnabled,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(model.categories || [], model.choices || [], model.correctResponse || []);\n\n    const alternateResponses = buildAlternateResponses(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || [],\n    );\n\n    const choices = model.choices.map((c) => {\n      c.correctResponseCount = this.countChoiceInCorrectResponse(c);\n\n      return c;\n    });\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      categoriesPerRow:\n        categoriesPerRow.settings &&\n        numberField(categoriesPerRow.label, {\n          label: categoriesPerRow.label,\n          min: minCategoriesPerRow,\n          max: 6,\n        }),\n      choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),\n      allowMultiplePlacementsEnabled:\n        allowMultiplePlacements.settings &&\n        dropdown(allowMultiplePlacements.label, [\n          multiplePlacements.enabled,\n          multiplePlacements.disabled,\n          multiplePlacements.perChoice,\n        ]),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={this.updateModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          <div className={classNames(classes.design, className)}>\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={maxImageWidth && maxImageWidth.prompt}\n                  maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n\n            {teacherInstructionsEnabled && (\n              <InputContainer label={teacherInstructions.label} className={classes.inputHolder}>\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.changeTeacherInstructions}\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            {rationaleEnabled && (\n              <InputContainer label={rationale.label} className={classes.inputHolder}>\n                <EditableHtml\n                  className={classes.input}\n                  markup={model.rationale || ''}\n                  onChange={this.changeRationale}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\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            <Categories\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              model={model}\n              categories={categories || []}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n              defaultImageMaxWidth={defaultImageMaxWidth}\n              defaultImageMaxHeight={defaultImageMaxHeight}\n            />\n            <Choices\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              choices={choices}\n              model={model}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n              defaultImageMaxWidth={defaultImageMaxWidth}\n              defaultImageMaxHeight={defaultImageMaxHeight}\n            />\n            {allowAlternateEnabled && (\n                <Header\n                    className={classes.alternatesHeader}\n                    label=\"Alternate Responses\"\n                    buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n                    onAdd={this.onAddAlternateResponse}\n                />\n            )}\n            {allowAlternateEnabled &&\n                alternateResponses.map((categoriesList, index) => {\n                  return (\n                      <React.Fragment key={index}>\n                        <Header\n                            className={classes.alternatesHeader}\n                            variant={'subtitle1'}\n                            label=\"Alternate Response\"\n                            buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                            onAdd={() => this.onRemoveAlternateResponse(index)}\n                        />\n                        <AlternateResponses\n                            altIndex={index}\n                            imageSupport={imageSupport}\n                            model={model}\n                            configuration={configuration}\n                            categories={categoriesList}\n                            onModelChanged={this.updateModel}\n                            uploadSoundSupport={uploadSoundSupport}\n                            toolbarOpts={toolbarOpts}\n                            defaultImageMaxWidth={defaultImageMaxWidth}\n                            defaultImageMaxHeight={defaultImageMaxHeight}\n                        />\n                      </React.Fragment>\n                  );\n                })}\n            {allowAlternateEnabled &&\n                <Divider/>\n            }\n            {feedbackEnabled && (\n              <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </IdProvider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  alternatesHeader: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n  },\n  inputHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  input: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    maxWidth: '600px',\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  title: {\n    marginBottom: theme.spacing.unit * 4,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/design/index.jsx"],"names":["dropdown","settings","Panel","toggle","radio","numberField","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","choices","map","c","categoryCount","checkAllowMultiplePlacements","allowMultiplePlacementsEnabled","correctResponse","categories","id","label","h","content","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","allowMultiplePlacements","multiplePlacements","enabled","disabled","generateId","classes","configuration","imageSupport","uploadSoundSupport","onConfigurationChanged","allowAlternate","categoriesPerRow","choicesPosition","lockChoiceOrder","maxImageHeight","maxImageWidth","minCategoriesPerRow","partialScoring","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","withRubric","allowAlternateEnabled","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","min","max","perChoice","panelProperties","studentInstructionsEnabled","rubricEnabled","Settings","Properties","inputContainer","input","changeTeacherInstructions","language","onPromptChanged","alternatesHeader","onAddAlternateResponse","categoriesList","onRemoveAlternateResponse","changeRationale","changeFeedback","React","Component","PropTypes","object","isRequired","className","string","func","shape","add","styles","theme","marginBottom","spacing","unit","text","paddingTop","paddingBottom","width","title"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FeedbackConfig, InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { countInAnswer, ensureNoExtraChoicesInAnswer, ensureNoExtraChoicesInAlternate } from '@pie-lib/categorize';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { uid, withDragContext } from '@pie-lib/drag';\n\nimport Categories from './categories';\nimport AlternateResponses from './categories/alternateResponses';\nimport Choices from './choices';\nimport { buildAlternateResponses, buildCategories } from './builder';\nimport Header from './header';\nimport { multiplePlacements } from '../utils';\n\nconst { dropdown, Panel, toggle, radio, numberField } = settings;\nconst { Provider: IdProvider } = uid;\n\nexport class Design extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uid: PropTypes.string,\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  constructor(props) {\n    super(props);\n    this.uid = props.uid || uid.generateId();\n  }\n\n  updateModel = (props) => {\n    const { model, onChange } = this.props;\n\n    const updatedModel = {\n      ...model,\n      ...props,\n    };\n\n    updatedModel.choices = updatedModel.choices.map((c) => ({\n      ...c,\n      categoryCount: this.checkAllowMultiplePlacements(updatedModel.allowMultiplePlacementsEnabled, c),\n    }));\n\n    //Ensure that there are no extra choices in correctResponse, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAnswer(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //Ensure that there are no extra choices in alternate responses, if the user has decided that only one choice may be used.\n    updatedModel.correctResponse = ensureNoExtraChoicesInAlternate(\n      updatedModel.correctResponse || [],\n      updatedModel.choices,\n    );\n\n    //clean categories\n    updatedModel.categories = updatedModel.categories.map((c) => ({\n      id: c.id,\n      label: c.label,\n    }));\n\n    updatedModel.choices = updatedModel.choices.map((h) => ({\n      id: h.id,\n      content: h.content,\n      categoryCount: h.categoryCount,\n    }));\n\n    onChange(updatedModel);\n  };\n\n  changeRationale = (rationale) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      rationale,\n    });\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onChange } = this.props;\n\n    onChange({\n      ...model,\n      teacherInstructions,\n    });\n  };\n\n  changeFeedback = (feedback) => {\n    this.updateModel({ feedback });\n  };\n\n  onAddAlternateResponse = () => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: [...(cr.alternateResponses || []), []],\n      })),\n    });\n  };\n\n  onPromptChanged = (prompt) => this.updateModel({ prompt });\n\n  onRemoveAlternateResponse = (index) => {\n    const {\n      model: { correctResponse },\n    } = this.props;\n\n    this.updateModel({\n      correctResponse: (correctResponse || []).map((cr) => ({\n        ...cr,\n        alternateResponses: (cr.alternateResponses || []).filter((alt, altIndex) => altIndex !== index),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  checkAllowMultiplePlacements = (allowMultiplePlacements, c) => {\n    if (allowMultiplePlacements === multiplePlacements.enabled) {\n      return 0;\n    }\n\n    if (allowMultiplePlacements === multiplePlacements.disabled) {\n      return 1;\n    }\n\n    return c.categoryCount || 0;\n  };\n\n  render() {\n    const { classes, configuration, imageSupport, model, uploadSoundSupport, onConfigurationChanged } = this.props;\n    const {\n      allowMultiplePlacements = {},\n      allowAlternate = {},\n      categoriesPerRow = {},\n      choicesPosition = {},\n      feedback = {},\n      lockChoiceOrder = {},\n      maxImageHeight = {},\n      maxImageWidth = {},\n      minCategoriesPerRow = 1,\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      allowAlternateEnabled,\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(model.categories || [], model.choices || [], model.correctResponse || []);\n\n    const alternateResponses = buildAlternateResponses(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || [],\n    );\n\n    const choices = model.choices.map((c) => {\n      c.correctResponseCount = this.countChoiceInCorrectResponse(c);\n\n      return c;\n    });\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      categoriesPerRow:\n        categoriesPerRow.settings &&\n        numberField(categoriesPerRow.label, {\n          label: categoriesPerRow.label,\n          min: minCategoriesPerRow,\n          max: 6,\n        }),\n      choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),\n      allowMultiplePlacementsEnabled:\n        allowMultiplePlacements.settings &&\n        dropdown(allowMultiplePlacements.label, [\n          multiplePlacements.enabled,\n          multiplePlacements.disabled,\n          multiplePlacements.perChoice,\n        ]),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      allowAlternateEnabled: allowAlternate.settings && toggle(allowAlternate.label),\n    };\n\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={this.updateModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.teacherInstructions || ''}\n                onChange={this.changeTeacherInstructions}\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.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.prompt || ''}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                disableUnderline\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          <Categories\n            imageSupport={imageSupport}\n            uploadSoundSupport={uploadSoundSupport}\n            model={model}\n            categories={categories || []}\n            onModelChanged={this.updateModel}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            configuration={configuration}\n            defaultImageMaxWidth={defaultImageMaxWidth}\n            defaultImageMaxHeight={defaultImageMaxHeight}\n          />\n\n          <Choices\n            imageSupport={imageSupport}\n            uploadSoundSupport={uploadSoundSupport}\n            choices={choices}\n            model={model}\n            onModelChanged={this.updateModel}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            configuration={configuration}\n            defaultImageMaxWidth={defaultImageMaxWidth}\n            defaultImageMaxHeight={defaultImageMaxHeight}\n          />\n\n          {allowAlternateEnabled && (\n            <Header\n              className={classes.alternatesHeader}\n              label=\"Alternate Responses\"\n              buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n              onAdd={this.onAddAlternateResponse}\n            />\n          )}\n          {allowAlternateEnabled &&\n            alternateResponses.map((categoriesList, index) => {\n              return (\n                <React.Fragment key={index}>\n                  <Header\n                    className={classes.alternatesHeader}\n                    variant={'subtitle1'}\n                    label=\"Alternate Response\"\n                    buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                    onAdd={() => this.onRemoveAlternateResponse(index)}\n                  />\n                  <AlternateResponses\n                    altIndex={index}\n                    imageSupport={imageSupport}\n                    model={model}\n                    configuration={configuration}\n                    categories={categoriesList}\n                    onModelChanged={this.updateModel}\n                    uploadSoundSupport={uploadSoundSupport}\n                    toolbarOpts={toolbarOpts}\n                    defaultImageMaxWidth={defaultImageMaxWidth}\n                    defaultImageMaxHeight={defaultImageMaxHeight}\n                  />\n                </React.Fragment>\n              );\n            })}\n\n          {rationaleEnabled && (\n            <InputContainer label={rationale.label} className={classes.inputContainer}>\n              <EditableHtml\n                className={classes.input}\n                markup={model.rationale || ''}\n                onChange={this.changeRationale}\n                imageSupport={imageSupport}\n                nonEmpty={false}\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          {feedbackEnabled && (\n            <FeedbackConfig feedback={model.feedback} onChange={this.changeFeedback} toolbarOpts={toolbarOpts} />\n          )}\n        </layout.ConfigLayout>\n      </IdProvider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  alternatesHeader: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  text: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  inputContainer: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  title: {\n    marginBottom: theme.spacing.unit * 4,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}

package/configure/lib/main.js

@@ -25,8 +25,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _design = _interopRequireDefault(require("./design"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -47,23 +45,21 @@ var Main = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
           model = _this$props.model,
           onModelChanged = _this$props.onModelChanged,
           configuration = _this$props.configuration,
-          onConfigurationChanged = _this$props.onConfigurationChanged;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.main, className)
-      }, /*#__PURE__*/_react["default"].createElement(_design["default"], {
-        imageSupport: this.props.imageSupport,
-        uploadSoundSupport: this.props.uploadSoundSupport,
+          onConfigurationChanged = _this$props.onConfigurationChanged,
+          imageSupport = _this$props.imageSupport,
+          uploadSoundSupport = _this$props.uploadSoundSupport;
+      return /*#__PURE__*/_react["default"].createElement(_design["default"], {
+        imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
         title: "Design",
         model: model,
         configuration: configuration,
         onChange: onModelChanged,
         onConfigurationChanged: onConfigurationChanged
-      }));
+      });
     }
   }]);
   return Main;
@@ -83,9 +79,7 @@ exports.Main = Main;
 (0, _defineProperty2["default"])(Main, "defaultProps", {});
 
 var styles = function styles() {
-  return {
-    main: {}
-  };
+  return {};
 };
 
 var _default = (0, _styles.withStyles)(styles)(Main);

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","classes","className","model","onModelChanged","configuration","onConfigurationChanged","main","imageSupport","uploadSoundSupport","React","Component","PropTypes","object","isRequired","string","func","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAcX,kBAAS;AACP,wBAA6F,KAAKC,KAAlG;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,cAAnC,eAAmCA,cAAnC;AAAA,UAAmDC,aAAnD,eAAmDA,aAAnD;AAAA,UAAkEC,sBAAlE,eAAkEA,sBAAlE;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWL,OAAO,CAACM,IAAnB,EAAyBL,SAAzB;AAAhB,sBACE,gCAAC,kBAAD;AACE,QAAA,YAAY,EAAE,KAAKF,KAAL,CAAWQ,YAD3B;AAEE,QAAA,kBAAkB,EAAE,KAAKR,KAAL,CAAWS,kBAFjC;AAGE,QAAA,KAAK,EAAC,QAHR;AAIE,QAAA,KAAK,EAAEN,KAJT;AAKE,QAAA,aAAa,EAAEE,aALjB;AAME,QAAA,QAAQ,EAAED,cANZ;AAOE,QAAA,sBAAsB,EAAEE;AAP1B,QADF,CADF;AAaD;;;EA9BuBI,kBAAMC,S;;;iCAAnBZ,I,eACQ;AACjBE,EAAAA,OAAO,EAAEW,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,aAAa,EAAEO,sBAAUC,MAFR;AAGjBX,EAAAA,SAAS,EAAEU,sBAAUG,MAHJ;AAIjBT,EAAAA,sBAAsB,EAAEM,sBAAUI,IAJjB;AAKjBb,EAAAA,KAAK,EAAES,sBAAUC,MAAV,CAAiBC,UALP;AAMjBV,EAAAA,cAAc,EAAEQ,sBAAUI,IAAV,CAAeF,UANd;AAOjBN,EAAAA,YAAY,EAAEI,sBAAUC,MAPP;AAQjBJ,EAAAA,kBAAkB,EAAEG,sBAAUC;AARb,C;iCADRd,I,kBAYW,E;;AAoBxB,IAAMkB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,IAAI,EAAE;AADc,GAAP;AAAA,CAAf;;eAIe,wBAAWU,MAAX,EAAmBlB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Design from './design';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, model, onModelChanged, configuration, onConfigurationChanged } = this.props;\n\n    return (\n      <div className={classNames(classes.main, className)}>\n        <Design\n          imageSupport={this.props.imageSupport}\n          uploadSoundSupport={this.props.uploadSoundSupport}\n          title=\"Design\"\n          model={model}\n          configuration={configuration}\n          onChange={onModelChanged}\n          onConfigurationChanged={onConfigurationChanged}\n        />\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  main: {},\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onModelChanged","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","React","Component","classes","PropTypes","object","isRequired","className","string","func","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAcX,kBAAS;AACP,wBACE,KAAKC,KADP;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AAAA,UAA+BC,aAA/B,eAA+BA,aAA/B;AAAA,UAA8CC,sBAA9C,eAA8CA,sBAA9C;AAAA,UAAsEC,YAAtE,eAAsEA,YAAtE;AAAA,UAAoFC,kBAApF,eAAoFA,kBAApF;AAGA,0BACE,gCAAC,kBAAD;AACE,QAAA,YAAY,EAAED,YADhB;AAEE,QAAA,kBAAkB,EAAEC,kBAFtB;AAGE,QAAA,KAAK,EAAC,QAHR;AAIE,QAAA,KAAK,EAAEL,KAJT;AAKE,QAAA,aAAa,EAAEE,aALjB;AAME,QAAA,QAAQ,EAAED,cANZ;AAOE,QAAA,sBAAsB,EAAEE;AAP1B,QADF;AAWD;;;EA7BuBG,kBAAMC,S;;;iCAAnBT,I,eACQ;AACjBU,EAAAA,OAAO,EAAEC,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,aAAa,EAAEO,sBAAUC,MAFR;AAGjBE,EAAAA,SAAS,EAAEH,sBAAUI,MAHJ;AAIjBV,EAAAA,sBAAsB,EAAEM,sBAAUK,IAJjB;AAKjBd,EAAAA,KAAK,EAAES,sBAAUC,MAAV,CAAiBC,UALP;AAMjBV,EAAAA,cAAc,EAAEQ,sBAAUK,IAAV,CAAeH,UANd;AAOjBP,EAAAA,YAAY,EAAEK,sBAAUC,MAPP;AAQjBL,EAAAA,kBAAkB,EAAEI,sBAAUC;AARb,C;iCADRZ,I,kBAYW,E;;AAmBxB,IAAMiB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO,EAAP;AAAA,CAAf;;eAEe,wBAAWA,MAAX,EAAmBjB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Design from './design';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model, onModelChanged, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n      this.props;\n\n    return (\n      <Design\n        imageSupport={imageSupport}\n        uploadSoundSupport={uploadSoundSupport}\n        title=\"Design\"\n        model={model}\n        configuration={configuration}\n        onChange={onModelChanged}\n        onConfigurationChanged={onConfigurationChanged}\n      />\n    );\n  }\n}\nconst styles = () => ({});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/lib/categorize/choices.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/choices.jsx"],"names":["Blank","Choices","props","classes","choices","model","disabled","onDropChoice","onRemoveChoice","choicePosition","style","textAlign","direction","wrapper","background","choicesLabel","labelHolder","__html","map","c","index","empty","choice","maxWidth","categoriesPerRow","React","Component","PropTypes","object","isRequired","arrayOf","oneOfType","shape","ChoiceType","bool","number","string","styles","theme","flex","padding","spacing","unit","touchAction","display","justifyContent","alignItems","margin","paddingTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Choice, { ChoiceType } from './choice';\nimport DroppablePlaceholder from './droppable-placeholder';\nexport { ChoiceType };\n\nconst Blank = () => <div />;\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    choices: PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.shape(ChoiceType), PropTypes.shape({ empty: PropTypes.bool })]),\n    ),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n      choicesLabel: PropTypes.string,\n    }),\n    disabled: PropTypes.bool,\n    choicePosition: PropTypes.string,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const {\n      classes,\n      choices = [],\n      model,\n      disabled,\n      onDropChoice,\n      onRemoveChoice,\n      choicePosition,\n    } = this.props;\n\n    let style = {\n      textAlign: 'center',\n    };\n\n    if (choicePosition === 'left') {\n      style.direction = 'rtl';\n    }\n\n    return (\n      <div className={classes.wrapper}>\n         <DroppablePlaceholder\n          onDropChoice={onDropChoice}\n          onRemoveChoice={onRemoveChoice}\n          disabled={disabled}\n          style={{background: 'none', }}\n          choiceBoard={true}\n          >\n        {model.choicesLabel && model.choicesLabel !== '' && (\n          <div className={classes.labelHolder} dangerouslySetInnerHTML={{ __html: model.choicesLabel }}></div>\n        )}\n          {choices.map((c, index) => {\n            return c.empty ? (\n              <Blank key={index} />\n            ) : (\n              <Choice\n                disabled={disabled}\n                className={classes.choice}\n                key={index}\n                extraStyle={{ maxWidth: `${95 / model.categoriesPerRow}%` }}\n                {...c}\n              />\n            );\n          })}\n        </DroppablePlaceholder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  wrapper: {\n    flex: 1,\n    padding: theme.spacing.unit,\n    touchAction: 'none',\n  },\n  choices: {\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  labelHolder: {\n    margin: '0 auto',\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(Choices);\n"],"file":"choices.js"}
+{"version":3,"sources":["../../src/categorize/choices.jsx"],"names":["Blank","Choices","props","classes","choices","model","disabled","onDropChoice","onRemoveChoice","choicePosition","style","textAlign","direction","wrapper","background","choicesLabel","labelHolder","__html","map","c","index","empty","choice","maxWidth","categoriesPerRow","React","Component","PropTypes","object","isRequired","arrayOf","oneOfType","shape","ChoiceType","bool","number","string","styles","theme","flex","padding","spacing","unit","touchAction","display","justifyContent","alignItems","margin","paddingTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Choice, { ChoiceType } from './choice';\nimport DroppablePlaceholder from './droppable-placeholder';\nexport { ChoiceType };\n\nconst Blank = () => <div />;\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    choices: PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.shape(ChoiceType), PropTypes.shape({ empty: PropTypes.bool })]),\n    ),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n      choicesLabel: PropTypes.string,\n    }),\n    disabled: PropTypes.bool,\n    choicePosition: PropTypes.string,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const { classes, choices = [], model, disabled, onDropChoice, onRemoveChoice, choicePosition } = this.props;\n\n    let style = {\n      textAlign: 'center',\n    };\n\n    if (choicePosition === 'left') {\n      style.direction = 'rtl';\n    }\n\n    return (\n      <div className={classes.wrapper}>\n        <DroppablePlaceholder\n          onDropChoice={onDropChoice}\n          onRemoveChoice={onRemoveChoice}\n          disabled={disabled}\n          style={{ background: 'none' }}\n          choiceBoard={true}\n        >\n          {model.choicesLabel && model.choicesLabel !== '' && (\n            <div className={classes.labelHolder} dangerouslySetInnerHTML={{ __html: model.choicesLabel }}></div>\n          )}\n          {choices.map((c, index) => {\n            return c.empty ? (\n              <Blank key={index} />\n            ) : (\n              <Choice\n                disabled={disabled}\n                className={classes.choice}\n                key={index}\n                extraStyle={{ maxWidth: `${95 / model.categoriesPerRow}%` }}\n                {...c}\n              />\n            );\n          })}\n        </DroppablePlaceholder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  wrapper: {\n    flex: 1,\n    padding: theme.spacing.unit,\n    touchAction: 'none',\n  },\n  choices: {\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  labelHolder: {\n    margin: '0 auto',\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(Choices);\n"],"file":"choices.js"}

package/lib/categorize/index.js

@@ -184,15 +184,13 @@ var Categorize = /*#__PURE__*/function (_React$Component) {
         className: classes.collapsible
       }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
         prompt: model.teacherInstructions
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
+      }))), model.prompt && removeHTMLTags(model.prompt) && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: model.prompt
+      }), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle["default"], {
         show: showCorrect || correct === false,
         toggled: showCorrect,
         onToggle: this.toggleShowCorrect
-      }), model.prompt && removeHTMLTags(model.prompt) && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
-        prompt: model.prompt
-      })), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.categorize,
         style: style
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -296,16 +294,11 @@ var CategorizeProvider = /*#__PURE__*/function (_React$Component2) {
 var styles = function styles(theme) {
   return {
     mainContainer: {
-      padding: theme.spacing.unit,
       color: _renderUi.color.text(),
       backgroundColor: _renderUi.color.background()
     },
-    prompt: {
-      marginBottom: '35px',
-      verticalAlign: 'middle'
-    },
     note: {
-      padding: '5px 0'
+      marginBottom: theme.spacing.unit * 2
     },
     categorize: {
       marginBottom: theme.spacing.unit,

package/lib/categorize/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/index.jsx"],"names":["log","removeHTMLTags","html","tmp","document","createElement","innerHTML","value","textContent","innerText","trim","Categorize","props","c","onAnswersChange","session","answers","id","categoryId","choiceIndex","draggedChoice","undefined","removeChoice","setState","showCorrect","state","onShowCorrectToggle","choicePosition","flexDirection","correctResponse","some","correctRes","alternateResponses","length","classes","model","choicesPosition","note","showNote","env","mode","role","style","getPositionDirection","categories","choices","correct","disabled","rowLabels","categoriesPerRow","nbOfRows","Math","ceil","existAlternate","existAlternateResponse","displayNote","mainContainer","teacherInstructions","hidden","visible","collapsible","toggleShowCorrect","prompt","categorize","display","flex","slice","map","label","index","alignItems","justifyContent","__html","dropChoice","rationale","correctness","feedback","React","Component","PropTypes","object","isRequired","shape","arrayOf","choice","string","category","func","CategorizeProvider","uid","generateId","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","marginBottom","verticalAlign","paddingBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Choices from './choices';\nimport Categories from './categories';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  buildState,\n  removeChoiceFromCategory,\n  moveChoiceToCategory,\n} from '@pie-lib/categorize';\nimport { withDragContext, uid } from '@pie-lib/drag';\nimport {\n  color,\n  Feedback,\n  Collapsible,\n  hasText,\n  PreviewPrompt,\n} from '@pie-lib/render-ui';\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:categorize');\n\nconst removeHTMLTags = (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 Categorize extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object,\n    session: PropTypes.shape({\n      answers: PropTypes.arrayOf(\n        PropTypes.shape({\n          choice: PropTypes.string,\n          category: PropTypes.string,\n        })\n      ),\n    }),\n    onAnswersChange: PropTypes.func.isRequired,\n    onShowCorrectToggle: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: false,\n    };\n  }\n\n  removeChoice = (c) => {\n    log('[removeChoice]: ', c);\n    const { onAnswersChange, session } = this.props;\n    const answers = removeChoiceFromCategory(\n      c.id,\n      c.categoryId,\n      c.choiceIndex,\n      session.answers\n    );\n    onAnswersChange(answers);\n  };\n\n  dropChoice = (categoryId, draggedChoice) => {\n    const { session, onAnswersChange } = this.props;\n    if (draggedChoice) {\n      log(\n        '[dropChoice] category: ',\n        draggedChoice.categoryId,\n        'choice: ',\n        draggedChoice\n      );\n    } else {\n      log('[dropChoice] category: ', undefined, 'choice: ', undefined);\n    }\n\n    const answers = draggedChoice ? moveChoiceToCategory(\n      draggedChoice.id,\n      draggedChoice.categoryId,\n      categoryId,\n      draggedChoice.choiceIndex,\n      session.answers\n    ) : this.removeChoice(categoryId)\n\n    if (draggedChoice) {\n      onAnswersChange(answers);\n    } \n  };\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ showCorrect: false });\n  }\n\n  toggleShowCorrect = () =>\n    this.setState({ showCorrect: !this.state.showCorrect }, () => {\n      this.props.onShowCorrectToggle();\n    });\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row-reverse';\n        break;\n      case 'right':\n        flexDirection = 'row';\n        break;\n      case 'below':\n        flexDirection = 'column';\n        break;\n      default:\n        // above\n        flexDirection = 'column-reverse';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  existAlternateResponse = (correctResponse) => correctResponse?.some(correctRes => correctRes.alternateResponses?.length > 0);\n\n  render() {\n    const { classes, model, session } = this.props;\n    const { showCorrect } = this.state;\n    const { choicesPosition, note, showNote, env } = model;\n    const { mode, role } = env || {};\n    const choicePosition = choicesPosition || 'above';\n\n    const style = {\n      flexDirection: this.getPositionDirection(choicePosition),\n    };\n\n    const { categories, choices, correct } = buildState(\n      model.categories,\n      model.choices,\n      showCorrect ? model.correctResponse : session.answers,\n      model.correctResponse\n    );\n\n    log('[render] disabled: ', model.disabled);\n    \n    const { rowLabels, categoriesPerRow, correctResponse } = model;\n    const nbOfRows = categories && Math.ceil(categories.length / categoriesPerRow) || 0;\n    const existAlternate = this.existAlternateResponse(correctResponse) || false;\n    const displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note && existAlternate;\n\n    return (\n      <div className={classes.mainContainer}>\n        {model.teacherInstructions && hasText(model.teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </Collapsible>\n            <br />\n          </React.Fragment>\n        )}\n        <CorrectAnswerToggle\n          show={showCorrect || correct === false}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n        />\n        {model.prompt && removeHTMLTags(model.prompt) && (\n          <div className={classes.prompt}>\n            <PreviewPrompt prompt={model.prompt} />\n          </div>\n        )}\n        <div className={classes.categorize} style={style}>\n          <div style={{ display: 'flex', flex: 1 }}>\n\n            {\n              !!(rowLabels && nbOfRows) && (\n                <div style={{ display: 'grid'}}>\n                  {rowLabels.slice(0, nbOfRows).map((label, index) => (\n                    <div\n                      key={index}\n                      style={{\n                        alignItems: 'center',\n                        display: 'flex',\n                        justifyContent: 'center'\n                      }}\n                      dangerouslySetInnerHTML={{\n                        __html: label\n                      }}\n                    />\n                  ))}\n                </div>\n              )\n            }\n            <Categories\n              model={model}\n              disabled={model.disabled}\n              categories={categories}\n              onDropChoice={this.dropChoice}\n              onRemoveChoice={this.removeChoice}\n            />\n          </div>\n          <Choices\n            disabled={model.disabled}\n            model={model}\n            choices={choices}\n            choicePosition={choicePosition}\n            onDropChoice={this.dropChoice}\n            onRemoveChoice={this.removeChoice}\n          />\n        </div>\n        {displayNote && (\n          <div\n            className={classes.note}\n            dangerouslySetInnerHTML={{\n              __html: `<strong>Note:</strong> ${note}`,\n            }}\n          />\n        )}\n        {model.rationale && hasText(model.rationale) && (\n          <Collapsible\n            labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n            className={classes.collapsible}\n          >\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n        {model.correctness && model.feedback && !showCorrect && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </div>\n    );\n  }\n}\n\nclass CategorizeProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.uid = uid.generateId();\n  }\n\n  render() {\n    return (\n      <uid.Provider value={this.uid}>\n        <Categorize {...this.props} />\n      </uid.Provider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  prompt: {\n    marginBottom: '35px',\n    verticalAlign: 'middle',\n  },\n  note: {\n    padding: '5px 0',\n  },\n  categorize: {\n    marginBottom: theme.spacing.unit,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  collapsible: {\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(CategorizeProvider));\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/categorize/index.jsx"],"names":["log","removeHTMLTags","html","tmp","document","createElement","innerHTML","value","textContent","innerText","trim","Categorize","props","c","onAnswersChange","session","answers","id","categoryId","choiceIndex","draggedChoice","undefined","removeChoice","setState","showCorrect","state","onShowCorrectToggle","choicePosition","flexDirection","correctResponse","some","correctRes","alternateResponses","length","classes","model","choicesPosition","note","showNote","env","mode","role","style","getPositionDirection","categories","choices","correct","disabled","rowLabels","categoriesPerRow","nbOfRows","Math","ceil","existAlternate","existAlternateResponse","displayNote","mainContainer","teacherInstructions","hidden","visible","collapsible","prompt","toggleShowCorrect","categorize","display","flex","slice","map","label","index","alignItems","justifyContent","__html","dropChoice","rationale","correctness","feedback","React","Component","PropTypes","object","isRequired","shape","arrayOf","choice","string","category","func","CategorizeProvider","uid","generateId","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","paddingBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Choices from './choices';\nimport Categories from './categories';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { withStyles } from '@material-ui/core/styles';\nimport { buildState, removeChoiceFromCategory, moveChoiceToCategory } from '@pie-lib/categorize';\nimport { withDragContext, uid } from '@pie-lib/drag';\nimport { color, Feedback, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:categorize');\n\nconst removeHTMLTags = (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 Categorize extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object,\n    session: PropTypes.shape({\n      answers: PropTypes.arrayOf(\n        PropTypes.shape({\n          choice: PropTypes.string,\n          category: PropTypes.string,\n        }),\n      ),\n    }),\n    onAnswersChange: PropTypes.func.isRequired,\n    onShowCorrectToggle: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: false,\n    };\n  }\n\n  removeChoice = (c) => {\n    log('[removeChoice]: ', c);\n    const { onAnswersChange, session } = this.props;\n    const answers = removeChoiceFromCategory(c.id, c.categoryId, c.choiceIndex, session.answers);\n    onAnswersChange(answers);\n  };\n\n  dropChoice = (categoryId, draggedChoice) => {\n    const { session, onAnswersChange } = this.props;\n    if (draggedChoice) {\n      log('[dropChoice] category: ', draggedChoice.categoryId, 'choice: ', draggedChoice);\n    } else {\n      log('[dropChoice] category: ', undefined, 'choice: ', undefined);\n    }\n\n    const answers = draggedChoice\n      ? moveChoiceToCategory(\n          draggedChoice.id,\n          draggedChoice.categoryId,\n          categoryId,\n          draggedChoice.choiceIndex,\n          session.answers,\n        )\n      : this.removeChoice(categoryId);\n\n    if (draggedChoice) {\n      onAnswersChange(answers);\n    }\n  };\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ showCorrect: false });\n  }\n\n  toggleShowCorrect = () =>\n    this.setState({ showCorrect: !this.state.showCorrect }, () => {\n      this.props.onShowCorrectToggle();\n    });\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row-reverse';\n        break;\n      case 'right':\n        flexDirection = 'row';\n        break;\n      case 'below':\n        flexDirection = 'column';\n        break;\n      default:\n        // above\n        flexDirection = 'column-reverse';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  existAlternateResponse = (correctResponse) =>\n    correctResponse?.some((correctRes) => correctRes.alternateResponses?.length > 0);\n\n  render() {\n    const { classes, model, session } = this.props;\n    const { showCorrect } = this.state;\n    const { choicesPosition, note, showNote, env } = model;\n    const { mode, role } = env || {};\n    const choicePosition = choicesPosition || 'above';\n\n    const style = {\n      flexDirection: this.getPositionDirection(choicePosition),\n    };\n\n    const { categories, choices, correct } = buildState(\n      model.categories,\n      model.choices,\n      showCorrect ? model.correctResponse : session.answers,\n      model.correctResponse,\n    );\n\n    log('[render] disabled: ', model.disabled);\n\n    const { rowLabels, categoriesPerRow, correctResponse } = model;\n    const nbOfRows = (categories && Math.ceil(categories.length / categoriesPerRow)) || 0;\n    const existAlternate = this.existAlternateResponse(correctResponse) || false;\n    const displayNote =\n      (showCorrect || (mode === 'view' && role === 'instructor')) && showNote && note && existAlternate;\n\n    return (\n      <div className={classes.mainContainer}>\n        {model.teacherInstructions && hasText(model.teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </Collapsible>\n          </React.Fragment>\n        )}\n\n        {model.prompt && removeHTMLTags(model.prompt) && <PreviewPrompt prompt={model.prompt} />}\n\n        <CorrectAnswerToggle\n          show={showCorrect || correct === false}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n        />\n\n        <div className={classes.categorize} style={style}>\n          <div style={{ display: 'flex', flex: 1 }}>\n            {!!(rowLabels && nbOfRows) && (\n              <div style={{ display: 'grid' }}>\n                {rowLabels.slice(0, nbOfRows).map((label, index) => (\n                  <div\n                    key={index}\n                    style={{\n                      alignItems: 'center',\n                      display: 'flex',\n                      justifyContent: 'center',\n                    }}\n                    dangerouslySetInnerHTML={{\n                      __html: label,\n                    }}\n                  />\n                ))}\n              </div>\n            )}\n            <Categories\n              model={model}\n              disabled={model.disabled}\n              categories={categories}\n              onDropChoice={this.dropChoice}\n              onRemoveChoice={this.removeChoice}\n            />\n          </div>\n          <Choices\n            disabled={model.disabled}\n            model={model}\n            choices={choices}\n            choicePosition={choicePosition}\n            onDropChoice={this.dropChoice}\n            onRemoveChoice={this.removeChoice}\n          />\n        </div>\n\n        {displayNote && (\n          <div\n            className={classes.note}\n            dangerouslySetInnerHTML={{\n              __html: `<strong>Note:</strong> ${note}`,\n            }}\n          />\n        )}\n\n        {model.rationale && hasText(model.rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }} className={classes.collapsible}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n\n        {model.correctness && model.feedback && !showCorrect && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </div>\n    );\n  }\n}\n\nclass CategorizeProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.uid = uid.generateId();\n  }\n\n  render() {\n    return (\n      <uid.Provider value={this.uid}>\n        <Categorize {...this.props} />\n      </uid.Provider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n  },\n  note: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  categorize: {\n    marginBottom: theme.spacing.unit,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  collapsible: {\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(CategorizeProvider));\n"],"file":"index.js"}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "7.9.1-next.36+9353f7376",
+  "version": "7.9.1-next.51+a42a408d1",
   "description": "",
   "author": "pie framework developers",
   "license": "ISC",
@@ -24,7 +24,7 @@
     "react-dnd": "^14.0.5",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "9353f73768c78233621ab11119b1961af018a7e4",
+  "gitHead": "a42a408d1d238e52cbcf907fbbaec2ee98550385",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },