@pie-element/categorize 6.9.16 → 6.9.19

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.9.19](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@6.9.18...@pie-element/categorize@6.9.19) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/categorize
+
+
+
+
+
+## [6.9.18](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@6.9.17...@pie-element/categorize@6.9.18) (2022-05-09)
+
+**Note:** Version bump only for package @pie-element/categorize
+
+
+
+
+
+## [6.9.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@6.9.16...@pie-element/categorize@6.9.17) (2022-05-03)
+
+**Note:** Version bump only for package @pie-element/categorize
+
+
+
+
+
 ## [6.9.16](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@6.9.15...@pie-element/categorize@6.9.16) (2022-04-12)
 
 **Note:** Version bump only for package @pie-element/categorize

package/configure/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.23](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@5.4.22...@pie-element/categorize-configure@5.4.23) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/categorize-configure
+
+
+
+
+
+## [5.4.22](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@5.4.21...@pie-element/categorize-configure@5.4.22) (2022-05-09)
+
+**Note:** Version bump only for package @pie-element/categorize-configure
+
+
+
+
+
+## [5.4.21](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@5.4.20...@pie-element/categorize-configure@5.4.21) (2022-05-03)
+
+**Note:** Version bump only for package @pie-element/categorize-configure
+
+
+
+
+
 ## [5.4.20](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@5.4.19...@pie-element/categorize-configure@5.4.20) (2022-04-12)
 
 **Note:** Version bump only for package @pie-element/categorize-configure

package/configure/lib/design/buttons.js

@@ -99,12 +99,14 @@ var DeleteButton = (0, _styles.withStyles)(function () {
 })(function (_ref) {
   var classes = _ref.classes,
       label = _ref.label,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      disabled = _ref.disabled;
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     className: classes.deleteButton,
     onClick: onClick,
     size: "small",
-    color: "primary"
+    color: "primary",
+    disabled: disabled
   }, label);
 });
 exports.DeleteButton = DeleteButton;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/buttons.jsx"],"names":["RawAddButton","props","classes","className","label","onClick","disabled","addButton","React","Component","PropTypes","object","isRequired","string","func","bool","styles","theme","height","spacing","unit","AddButton","DeleteButton","deleteButton","margin","padding","Divider","divider","marginTop","marginBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,Y;;;;;;;;;;;;WAaX,kBAAS;AACP,wBAAyD,KAAKC,KAA9D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,OAAnC,eAAmCA,OAAnC;AAAA,UAA4CC,QAA5C,eAA4CA,QAA5C;AACA,0BACE,gCAAC,kBAAD;AACE,QAAA,OAAO,EAAED,OADX;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,SAAS,EAAE,4BAAWJ,OAAO,CAACK,SAAnB,EAA8BJ,SAA9B,CAHb;AAIE,QAAA,IAAI,EAAC,OAJP;AAKE,QAAA,OAAO,EAAC,WALV;AAME,QAAA,KAAK,EAAC;AANR,SAQGC,KARH,CADF;AAYD;;;EA3B+BI,kBAAMC,S;;;iCAA3BT,Y,eACQ;AACjBE,EAAAA,OAAO,EAAEQ,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,SAAS,EAAEO,sBAAUG,MAFJ;AAGjBT,EAAAA,KAAK,EAAEM,sBAAUG,MAHA;AAIjBR,EAAAA,OAAO,EAAEK,sBAAUI,IAJF;AAKjBR,EAAAA,QAAQ,EAAEI,sBAAUK;AALH,C;iCADRf,Y,kBASW;AACpBI,EAAAA,KAAK,EAAE;AADa,C;;AAoBxB,IAAMY,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBV,IAAAA,SAAS,EAAE;AACTW,MAAAA,MAAM,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AADpB;AADY,GAAL;AAAA,CAApB;;AAMA,IAAMC,SAAS,GAAG,wBAAWL,MAAX,EAAmBhB,YAAnB,CAAlB;;AAEA,IAAMsB,YAAY,GAAG,wBAAW;AAAA,SAAO;AACrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE;AAFG;AADuB,GAAP;AAAA,CAAX,EAKjB;AAAA,MAAGvB,OAAH,QAAGA,OAAH;AAAA,MAAYE,KAAZ,QAAYA,KAAZ;AAAA,MAAmBC,OAAnB,QAAmBA,OAAnB;AAAA,sBACF,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEH,OAAO,CAACqB,YADrB;AAEE,IAAA,OAAO,EAAElB,OAFX;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,KAAK,EAAC;AAJR,KAMGD,KANH,CADE;AAAA,CALiB,CAArB;;AAgBA,IAAMsB,OAAO,GAAG,wBAAW,UAAAT,KAAK;AAAA,SAAK;AACnCU,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,IAAIX,KAAK,CAACE,OAAN,CAAcC,IADtB;AAEPS,MAAAA,YAAY,EAAE,IAAIZ,KAAK,CAACE,OAAN,CAAcC;AAFzB;AAD0B,GAAL;AAAA,CAAhB,EAKZ;AAAA,MAAGlB,OAAH,SAAGA,OAAH;AAAA,sBAAiB,gCAAC,mBAAD;AAAY,IAAA,SAAS,EAAEA,OAAO,CAACyB;AAA/B,IAAjB;AAAA,CALY,CAAhB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport MuiDivider from '@material-ui/core/Divider';\n\nexport class RawAddButton extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool\n  };\n\n  static defaultProps = {\n    label: 'Add'\n  };\n\n  render() {\n    const { classes, className, label, onClick, disabled } = this.props;\n    return (\n      <Button\n        onClick={onClick}\n        disabled={disabled}\n        className={classNames(classes.addButton, className)}\n        size=\"small\"\n        variant=\"contained\"\n        color=\"primary\"\n      >\n        {label}\n      </Button>\n    );\n  }\n}\nconst styles = theme => ({\n  addButton: {\n    height: theme.spacing.unit * 4\n  }\n});\n\nconst AddButton = withStyles(styles)(RawAddButton);\n\nconst DeleteButton = withStyles(() => ({\n  deleteButton: {\n    margin: 0,\n    padding: 0\n  }\n}))(({ classes, label, onClick }) => (\n  <Button\n    className={classes.deleteButton}\n    onClick={onClick}\n    size=\"small\"\n    color=\"primary\"\n  >\n    {label}\n  </Button>\n));\n\nconst Divider = withStyles(theme => ({\n  divider: {\n    marginTop: 2 * theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit\n  }\n}))(({ classes }) => <MuiDivider className={classes.divider} />);\n\nexport { AddButton, DeleteButton, Divider };\n"],"file":"buttons.js"}
+{"version":3,"sources":["../../src/design/buttons.jsx"],"names":["RawAddButton","props","classes","className","label","onClick","disabled","addButton","React","Component","PropTypes","object","isRequired","string","func","bool","styles","theme","height","spacing","unit","AddButton","DeleteButton","deleteButton","margin","padding","Divider","divider","marginTop","marginBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,Y;;;;;;;;;;;;WAaX,kBAAS;AACP,wBAAyD,KAAKC,KAA9D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,KAA5B,eAA4BA,KAA5B;AAAA,UAAmCC,OAAnC,eAAmCA,OAAnC;AAAA,UAA4CC,QAA5C,eAA4CA,QAA5C;AACA,0BACE,gCAAC,kBAAD;AACE,QAAA,OAAO,EAAED,OADX;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,SAAS,EAAE,4BAAWJ,OAAO,CAACK,SAAnB,EAA8BJ,SAA9B,CAHb;AAIE,QAAA,IAAI,EAAC,OAJP;AAKE,QAAA,OAAO,EAAC,WALV;AAME,QAAA,KAAK,EAAC;AANR,SAQGC,KARH,CADF;AAYD;;;EA3B+BI,kBAAMC,S;;;iCAA3BT,Y,eACQ;AACjBE,EAAAA,OAAO,EAAEQ,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,SAAS,EAAEO,sBAAUG,MAFJ;AAGjBT,EAAAA,KAAK,EAAEM,sBAAUG,MAHA;AAIjBR,EAAAA,OAAO,EAAEK,sBAAUI,IAJF;AAKjBR,EAAAA,QAAQ,EAAEI,sBAAUK;AALH,C;iCADRf,Y,kBASW;AACpBI,EAAAA,KAAK,EAAE;AADa,C;;AAoBxB,IAAMY,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBV,IAAAA,SAAS,EAAE;AACTW,MAAAA,MAAM,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AADpB;AADY,GAAL;AAAA,CAApB;;AAMA,IAAMC,SAAS,GAAG,wBAAWL,MAAX,EAAmBhB,YAAnB,CAAlB;;AAEA,IAAMsB,YAAY,GAAG,wBAAW;AAAA,SAAO;AACrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,MAAM,EAAE,CADI;AAEZC,MAAAA,OAAO,EAAE;AAFG;AADuB,GAAP;AAAA,CAAX,EAKjB;AAAA,MAAGvB,OAAH,QAAGA,OAAH;AAAA,MAAYE,KAAZ,QAAYA,KAAZ;AAAA,MAAmBC,OAAnB,QAAmBA,OAAnB;AAAA,MAA4BC,QAA5B,QAA4BA,QAA5B;AAAA,sBACF,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEJ,OAAO,CAACqB,YADrB;AAEE,IAAA,OAAO,EAAElB,OAFX;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,KAAK,EAAC,SAJR;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOGF,KAPH,CADE;AAAA,CALiB,CAArB;;AAiBA,IAAMsB,OAAO,GAAG,wBAAW,UAAAT,KAAK;AAAA,SAAK;AACnCU,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,IAAIX,KAAK,CAACE,OAAN,CAAcC,IADtB;AAEPS,MAAAA,YAAY,EAAE,IAAIZ,KAAK,CAACE,OAAN,CAAcC;AAFzB;AAD0B,GAAL;AAAA,CAAhB,EAKZ;AAAA,MAAGlB,OAAH,SAAGA,OAAH;AAAA,sBAAiB,gCAAC,mBAAD;AAAY,IAAA,SAAS,EAAEA,OAAO,CAACyB;AAA/B,IAAjB;AAAA,CALY,CAAhB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport MuiDivider from '@material-ui/core/Divider';\n\nexport class RawAddButton extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool\n  };\n\n  static defaultProps = {\n    label: 'Add'\n  };\n\n  render() {\n    const { classes, className, label, onClick, disabled } = this.props;\n    return (\n      <Button\n        onClick={onClick}\n        disabled={disabled}\n        className={classNames(classes.addButton, className)}\n        size=\"small\"\n        variant=\"contained\"\n        color=\"primary\"\n      >\n        {label}\n      </Button>\n    );\n  }\n}\nconst styles = theme => ({\n  addButton: {\n    height: theme.spacing.unit * 4\n  }\n});\n\nconst AddButton = withStyles(styles)(RawAddButton);\n\nconst DeleteButton = withStyles(() => ({\n  deleteButton: {\n    margin: 0,\n    padding: 0\n  }\n}))(({ classes, label, onClick, disabled }) => (\n  <Button\n    className={classes.deleteButton}\n    onClick={onClick}\n    size=\"small\"\n    color=\"primary\"\n    disabled={disabled}\n  >\n    {label}\n  </Button>\n));\n\nconst Divider = withStyles(theme => ({\n  divider: {\n    marginTop: 2 * theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit\n  }\n}))(({ classes }) => <MuiDivider className={classes.divider} />);\n\nexport { AddButton, DeleteButton, Divider };\n"],"file":"buttons.js"}

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

@@ -39,11 +39,17 @@ var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _categorize = require("@pie-lib/categorize");
+
 var _category = _interopRequireDefault(require("./category"));
 
 var _header = _interopRequireDefault(require("../header"));
 
-var _categorize = require("@pie-lib/categorize");
+var _utils = require("../../utils");
 
 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); }; }
 
@@ -73,6 +79,16 @@ var styles = function styles(theme) {
     },
     rowLabelHolder: {
       width: '100%'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
     }
   };
 };
@@ -227,19 +243,50 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           categories = _this$props4.categories,
           imageSupport = _this$props4.imageSupport,
           toolbarOpts = _this$props4.toolbarOpts,
-          spellCheck = _this$props4.spellCheck;
+          spellCheck = _this$props4.spellCheck,
+          configuration = _this$props4.configuration;
       var categoriesPerRow = model.categoriesPerRow,
-          rowLabels = model.rowLabels;
+          rowLabels = model.rowLabels,
+          errors = model.errors;
+
+      var _ref2 = errors || {},
+          associationError = _ref2.associationError,
+          categoriesError = _ref2.categoriesError;
+
+      var _ref3 = configuration || {},
+          maxCategories = _ref3.maxCategories;
+
       var holderStyle = {
         gridTemplateColumns: "repeat(".concat(categoriesPerRow, ", 1fr)")
       };
+      var validationMessage = (0, _utils.generateValidationMessage)(configuration);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.categories, className)
       }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
         label: "Categories",
         buttonLabel: "ADD A CATEGORY",
-        onAdd: this.add
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+        onAdd: this.add,
+        info: /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+          classes: {
+            tooltip: classes.tooltip
+          },
+          disableFocusListener: true,
+          disableTouchListener: true,
+          placement: 'right',
+          title: validationMessage
+        }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
+          fontSize: 'small',
+          color: 'primary',
+          style: {
+            marginLeft: '5px'
+          }
+        })),
+        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", {
         className: classes.row
       }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
         label: "Categories per row",
@@ -299,6 +346,7 @@ exports.Categories = Categories;
   categories: _propTypes["default"].array,
   onModelChanged: _propTypes["default"].func,
   model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
   toolbarOpts: _propTypes["default"].object
 });
 

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","RowLabel","categoriesPerRow","classes","markup","imageSupport","onChange","toolbarOpts","spellCheck","text","Categories","event","numberValue","parseInt","target","value","props","onModelChanged","model","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","concat","category","index","findIndex","splice","correctResponse","c","choice","categoryId","undefined","choiceIndex","val","newRowLabels","className","holderStyle","add","min","max","changeCategoryColumns","hasRowLabel","rowIndex","changeRowLabel","change","addChoiceToCategory","deleteChoiceFromCategory","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 Category from './category';\nimport Header from '../header';\nimport { moveChoiceToCategory, removeCategory, removeChoiceFromCategory } from '@pie-lib/categorize';\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\nconst RowLabel = withStyles(styles)(({ categoriesPerRow, classes, markup, imageSupport, onChange, toolbarOpts, spellCheck}) => {\n  return (\n    <div\n      style={{\n        gridColumn: `1/${categoriesPerRow + 1}`,\n        width: '100%'\n      }}\n    >\n      <Typography className={classes.text}>\n        Row Label\n      </Typography>\n      <EditableHtml\n        className={classes.rowLabelHolder}\n        markup={markup}\n        onChange={onChange}\n        imageSupport={imageSupport}\n        nonEmpty={false}\n        toolbarOpts={toolbarOpts}\n        spellCheck={spellCheck}\n      />\n    </div>\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    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object\n  };\n\n  changeCategoryColumns = event => {\n    const numberValue = parseInt(event.target.value, 10);\n\n    if (numberValue && numberValue >= 1 && numberValue <= 4) {\n      this.props.onModelChanged({ categoriesPerRow: numberValue });\n    }\n  };\n\n  add = () => {\n    const { model } = this.props;\n    const { categoriesPerRow } = model;\n    const id = utils.firstAvailableIndex(model.categories.map(a => a.id), 0);\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.props.onModelChanged({\n      rowLabels,\n      categories: model.categories.concat([data])\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(\n        category.id,\n        model.correctResponse\n      );\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 = (choice, categoryId) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = moveChoiceToCategory(\n      choice.id,\n      undefined,\n      categoryId,\n      0,\n      model.correctResponse\n    );\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = removeChoiceFromCategory(\n      choice.id,\n      category.id,\n      choiceIndex,\n      model.correctResponse\n    );\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      toolbarOpts,\n      spellCheck\n    } = this.props;\n\n    const { categoriesPerRow, rowLabels } = model;\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`\n    };\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <Header label=\"Categories\" buttonLabel=\"ADD A CATEGORY\" onAdd={this.add} />\n        <div className={classes.row}>\n          <TextField\n            label=\"Categories per row\"\n            type=\"number\"\n            inputProps={{\n              min: 1,\n              max: 4\n            }}\n            value={categoriesPerRow}\n            onChange={this.changeCategoryColumns}\n          />\n        </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\n                key={index}\n              >\n                {hasRowLabel && (\n                  <RowLabel\n                    categoriesPerRow={categoriesPerRow}\n                    rowIndex={rowIndex}\n                    markup={rowLabels[rowIndex] || ''}\n                    onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                    imageSupport={imageSupport}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                  />\n                )}\n                <Category\n                  imageSupport={imageSupport}\n                  category={category}\n                  onChange={this.change}\n                  onDelete={() => this.delete(category)}\n                  onAddChoice={this.addChoiceToCategory}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheck}\n                  onDeleteChoice={(choice, choiceIndex) =>\n                    this.deleteChoiceFromCategory(category, choice, choiceIndex)\n                  }\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","whiteSpace","maxWidth","errorText","color","padding","RowLabel","categoriesPerRow","classes","markup","imageSupport","onChange","toolbarOpts","spellCheck","text","Categories","event","numberValue","parseInt","target","value","props","onModelChanged","model","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","concat","category","index","findIndex","splice","correctResponse","c","choice","categoryId","undefined","choiceIndex","val","newRowLabels","className","configuration","errors","associationError","categoriesError","maxCategories","holderStyle","validationMessage","add","marginLeft","min","max","changeCategoryColumns","hasRowLabel","rowIndex","changeRowLabel","change","addChoiceToCategory","deleteChoiceFromCategory","React","Component","PropTypes","shape","func","isRequired","object","string","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,YAAY,EAAEF,KAAK,CAACG,OAAN,CAAcC;AADlB,KADW;AAIvBC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,OAAO,EAAE,MADO;AAEhBC,MAAAA,UAAU,YAAKP,KAAK,CAACG,OAAN,CAAcC,IAAnB,OAFM;AAGhBI,MAAAA,aAAa,YAAKR,KAAK,CAACG,OAAN,CAAcC,IAAnB;AAHG,KAJK;AASvBK,IAAAA,GAAG,EAAE;AACHH,MAAAA,OAAO,EAAE,MADN;AAEHI,MAAAA,mBAAmB,EAAE,gBAFlB;AAGHF,MAAAA,aAAa,YAAKR,KAAK,CAACG,OAAN,CAAcC,IAAnB,OAHV;AAIHO,MAAAA,UAAU,EAAE,UAJT;AAKHC,MAAAA,KAAK,EAAE,MALJ;AAMHC,MAAAA,SAAS,EAAEb,KAAK,CAACG,OAAN,CAAcC,IANtB;AAOHF,MAAAA,YAAY,EAAE,IAAIF,KAAK,CAACG,OAAN,CAAcC;AAP7B,KATkB;AAkBvBU,IAAAA,QAAQ,EAAE;AACRC,MAAAA,UAAU,EAAE;AADJ,KAlBa;AAqBvBC,IAAAA,cAAc,EAAE;AACdJ,MAAAA,KAAK,EAAE;AADO,KArBO;AAwBvBK,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,MADH;AAEPC,MAAAA,UAAU,EAAE,KAFL;AAGPC,MAAAA,QAAQ,EAAE;AAHH,KAxBc;AA6BvBC,IAAAA,SAAS,EAAE;AACTH,MAAAA,QAAQ,EAAE,MADD;AAETI,MAAAA,KAAK,EAAE,KAFE;AAGTC,MAAAA,OAAO,EAAE;AAHA;AA7BY,GAAL;AAAA,CAApB;;AAoCA,IAAMC,QAAQ,GAAG,wBAAWzB,MAAX,EAAmB,gBAA2F;AAAA,MAAxF0B,gBAAwF,QAAxFA,gBAAwF;AAAA,MAAtEC,OAAsE,QAAtEA,OAAsE;AAAA,MAA7DC,MAA6D,QAA7DA,MAA6D;AAAA,MAArDC,YAAqD,QAArDA,YAAqD;AAAA,MAAvCC,QAAuC,QAAvCA,QAAuC;AAAA,MAA7BC,WAA6B,QAA7BA,WAA6B;AAAA,MAAhBC,UAAgB,QAAhBA,UAAgB;AAC7H,sBACE;AACE,IAAA,KAAK,EAAE;AACLhB,MAAAA,UAAU,cAAOU,gBAAgB,GAAG,CAA1B,CADL;AAELb,MAAAA,KAAK,EAAE;AAFF;AADT,kBAME,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEc,OAAO,CAACM;AAA/B,iBANF,eASE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEN,OAAO,CAACV,cADrB;AAEE,IAAA,MAAM,EAAEW,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;AAPd,IATF,CADF;AAqBD,CAtBgB,CAAjB;;IAwBaE,U;;;;;;;;;;;;;;;8GAea,UAAAC,KAAK,EAAI;AAC/B,UAAMC,WAAW,GAAGC,QAAQ,CAACF,KAAK,CAACG,MAAN,CAAaC,KAAd,EAAqB,EAArB,CAA5B;;AAEA,UAAIH,WAAW,IAAIA,WAAW,IAAI,CAA9B,IAAmCA,WAAW,IAAI,CAAtD,EAAyD;AACvD,cAAKI,KAAL,CAAWC,cAAX,CAA0B;AAAEf,UAAAA,gBAAgB,EAAEU;AAApB,SAA1B;AACD;AACF,K;4FAEK,YAAM;AACV,UAAQM,KAAR,GAAkB,MAAKF,KAAvB,CAAQE,KAAR;AACA,UAAQhB,gBAAR,GAA6BgB,KAA7B,CAAQhB,gBAAR;;AACA,UAAMiB,EAAE,GAAGC,sBAAMC,mBAAN,CAA0BH,KAAK,CAACxC,UAAN,CAAiB4C,GAAjB,CAAqB,UAAAC,CAAC;AAAA,eAAIA,CAAC,CAACJ,EAAN;AAAA,OAAtB,CAA1B,EAA2D,CAA3D,CAAX;;AACA,UAAMK,IAAI,GAAG;AAAEL,QAAAA,EAAE,EAAFA,EAAF;AAAMM,QAAAA,KAAK,EAAE,cAAcN;AAA3B,OAAb;AACA,UAAMO,WAAW,GAAIR,KAAK,CAACxC,UAAN,CAAiBiD,MAAlB,GAA4BzB,gBAA5B,KAAiD,CAArE;AACA,UAAM0B,SAAS,uCAAOV,KAAK,CAACU,SAAb,CAAf;;AAEA,UAAIF,WAAJ,EAAiB;AACfE,QAAAA,SAAS,CAACC,IAAV,CAAe,EAAf;AACD;;AAED,YAAKb,KAAL,CAAWC,cAAX,CAA0B;AACxBW,QAAAA,SAAS,EAATA,SADwB;AAExBlD,QAAAA,UAAU,EAAEwC,KAAK,CAACxC,UAAN,CAAiBoD,MAAjB,CAAwB,CAACN,IAAD,CAAxB;AAFY,OAA1B;AAID,K;+FAEQ,UAAAO,QAAQ,EAAI;AACnB,wBAAkC,MAAKf,KAAvC;AAAA,UAAQE,KAAR,eAAQA,KAAR;AAAA,UAAeD,cAAf,eAAeA,cAAf;AACA,UAAMe,KAAK,GAAGd,KAAK,CAACxC,UAAN,CAAiBuD,SAAjB,CAA2B,UAAAV,CAAC;AAAA,eAAIA,CAAC,CAACJ,EAAF,KAASY,QAAQ,CAACZ,EAAtB;AAAA,OAA5B,CAAd;;AAEA,UAAIa,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBd,QAAAA,KAAK,CAACxC,UAAN,CAAiBwD,MAAjB,CAAwBF,KAAxB,EAA+B,CAA/B;AACAd,QAAAA,KAAK,CAACiB,eAAN,GAAwB,gCACtBJ,QAAQ,CAACZ,EADa,EAEtBD,KAAK,CAACiB,eAFgB,CAAxB;AAIAlB,QAAAA,cAAc,CAACC,KAAD,CAAd;AACD;AACF,K;+FAEQ,UAAAkB,CAAC,EAAI;AACZ,UAAQ1D,UAAR,GAAuB,MAAKsC,KAA5B,CAAQtC,UAAR;AACA,UAAMsD,KAAK,GAAGtD,UAAU,CAACuD,SAAX,CAAqB,UAAAV,CAAC;AAAA,eAAIA,CAAC,CAACJ,EAAF,KAASiB,CAAC,CAACjB,EAAf;AAAA,OAAtB,CAAd;;AAEA,UAAIa,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBtD,QAAAA,UAAU,CAACwD,MAAX,CAAkBF,KAAlB,EAAyB,CAAzB,EAA4BI,CAA5B;;AACA,cAAKpB,KAAL,CAAWC,cAAX,CAA0B;AAAEvC,UAAAA,UAAU,EAAVA;AAAF,SAA1B;AACD;AACF,K;4GAEqB,UAAC2D,MAAD,EAASC,UAAT,EAAwB;AAC5C,yBAAkC,MAAKtB,KAAvC;AAAA,UAAQE,KAAR,gBAAQA,KAAR;AAAA,UAAeD,cAAf,gBAAeA,cAAf;AACA,UAAMkB,eAAe,GAAG,sCACtBE,MAAM,CAAClB,EADe,EAEtBoB,SAFsB,EAGtBD,UAHsB,EAItB,CAJsB,EAKtBpB,KAAK,CAACiB,eALgB,CAAxB;AAQAlB,MAAAA,cAAc,CAAC;AAAEkB,QAAAA,eAAe,EAAfA;AAAF,OAAD,CAAd;AACD,K;iHAE0B,UAACJ,QAAD,EAAWM,MAAX,EAAmBG,WAAnB,EAAmC;AAC5D,yBAAkC,MAAKxB,KAAvC;AAAA,UAAQE,KAAR,gBAAQA,KAAR;AAAA,UAAeD,cAAf,gBAAeA,cAAf;AACA,UAAMkB,eAAe,GAAG,0CACtBE,MAAM,CAAClB,EADe,EAEtBY,QAAQ,CAACZ,EAFa,EAGtBqB,WAHsB,EAItBtB,KAAK,CAACiB,eAJgB,CAAxB;AAOAlB,MAAAA,cAAc,CAAC;AAAEkB,QAAAA,eAAe,EAAfA;AAAF,OAAD,CAAd;AACD,K;uGAEgB,UAACM,GAAD,EAAMT,KAAN,EAAgB;AAC/B,UAAQd,KAAR,GAAkB,MAAKF,KAAvB,CAAQE,KAAR;AACA,UAAQU,SAAR,GAAsBV,KAAtB,CAAQU,SAAR;AACA,UAAMc,YAAY,uCAAOd,SAAP,CAAlB;;AAEA,UAAIc,YAAY,CAACf,MAAb,GAAsBK,KAA1B,EAAiC;AAC/BU,QAAAA,YAAY,CAACb,IAAb,CAAkBY,GAAlB;AACD,OAFD,MAEO;AACLC,QAAAA,YAAY,CAACV,KAAD,CAAZ,GAAsBS,GAAtB;AACD;;AAED,YAAKzB,KAAL,CAAWC,cAAX,CAA0B;AACxBW,QAAAA,SAAS,EAAEc;AADa,OAA1B;AAGD,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBASI,KAAK1B,KATT;AAAA,UACEE,KADF,gBACEA,KADF;AAAA,UAEEf,OAFF,gBAEEA,OAFF;AAAA,UAGEwC,SAHF,gBAGEA,SAHF;AAAA,UAIEjE,UAJF,gBAIEA,UAJF;AAAA,UAKE2B,YALF,gBAKEA,YALF;AAAA,UAMEE,WANF,gBAMEA,WANF;AAAA,UAOEC,UAPF,gBAOEA,UAPF;AAAA,UAQEoC,aARF,gBAQEA,aARF;AAWA,UAAQ1C,gBAAR,GAAgDgB,KAAhD,CAAQhB,gBAAR;AAAA,UAA0B0B,SAA1B,GAAgDV,KAAhD,CAA0BU,SAA1B;AAAA,UAAqCiB,MAArC,GAAgD3B,KAAhD,CAAqC2B,MAArC;;AACA,kBAA8CA,MAAM,IAAI,EAAxD;AAAA,UAAQC,gBAAR,SAAQA,gBAAR;AAAA,UAA0BC,eAA1B,SAA0BA,eAA1B;;AACA,kBAA0BH,aAAa,IAAI,EAA3C;AAAA,UAAQI,aAAR,SAAQA,aAAR;;AACA,UAAMC,WAAW,GAAG;AAClB9D,QAAAA,mBAAmB,mBAAYe,gBAAZ;AADD,OAApB;AAIA,UAAMgD,iBAAiB,GAAG,sCAA0BN,aAA1B,CAA1B;AAEA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWzC,OAAO,CAACzB,UAAnB,EAA+BiE,SAA/B;AAAhB,sBACE,gCAAC,kBAAD;AACE,QAAA,KAAK,EAAC,YADR;AAEE,QAAA,WAAW,EAAC,gBAFd;AAGE,QAAA,KAAK,EAAE,KAAKQ,GAHd;AAIE,QAAA,IAAI,eAAE,gCAAC,mBAAD;AACJ,UAAA,OAAO,EAAE;AAACzD,YAAAA,OAAO,EAAES,OAAO,CAACT;AAAlB,WADL;AAEJ,UAAA,oBAAoB,MAFhB;AAGJ,UAAA,oBAAoB,MAHhB;AAIJ,UAAA,SAAS,EAAE,OAJP;AAKJ,UAAA,KAAK,EAAEwD;AALH,wBAOJ,gCAAC,gBAAD;AAAM,UAAA,QAAQ,EAAE,OAAhB;AAAyB,UAAA,KAAK,EAAE,SAAhC;AAA2C,UAAA,KAAK,EAAE;AAAEE,YAAAA,UAAU,EAAE;AAAd;AAAlD,UAPI,CAJR;AAaE,QAAA,cAAc,EAAEJ,aAAa,IAAItE,UAAjB,IAA+BsE,aAAa,KAAKtE,UAAU,CAACiD;AAb9E,QADF,EAgBGmB,gBAAgB,iBAAI;AAAK,QAAA,SAAS,EAAE3C,OAAO,CAACL;AAAxB,SAAoCgD,gBAApC,CAhBvB,EAiBGC,eAAe,iBAAI;AAAK,QAAA,SAAS,EAAE5C,OAAO,CAACL;AAAxB,SAAoCiD,eAApC,CAjBtB,eAkBE;AAAK,QAAA,SAAS,EAAE5C,OAAO,CAACjB;AAAxB,sBACE,gCAAC,qBAAD;AACE,QAAA,KAAK,EAAC,oBADR;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,UAAU,EAAE;AACVmE,UAAAA,GAAG,EAAE,CADK;AAEVC,UAAAA,GAAG,EAAE;AAFK,SAHd;AAOE,QAAA,KAAK,EAAEpD,gBAPT;AAQE,QAAA,QAAQ,EAAE,KAAKqD;AARjB,QADF,CAlBF,eA8BE;AAAK,QAAA,SAAS,EAAEpD,OAAO,CAACrB,gBAAxB;AAA0C,QAAA,KAAK,EAAEmE;AAAjD,SACGvE,UAAU,CAAC4C,GAAX,CAAe,UAACS,QAAD,EAAWC,KAAX,EAAqB;AACnC,YAAMwB,WAAW,GAAGxB,KAAK,GAAG9B,gBAAR,KAA6B,CAAjD;AACA,YAAMuD,QAAQ,GAAGzB,KAAK,GAAG9B,gBAAzB;AAEA,4BACE,gCAAC,iBAAD,CAAO,QAAP;AACE,UAAA,GAAG,EAAE8B;AADP,WAGGwB,WAAW,iBACV,gCAAC,QAAD;AACE,UAAA,gBAAgB,EAAEtD,gBADpB;AAEE,UAAA,QAAQ,EAAEuD,QAFZ;AAGE,UAAA,MAAM,EAAE7B,SAAS,CAAC6B,QAAD,CAAT,IAAuB,EAHjC;AAIE,UAAA,QAAQ,EAAE,kBAAChB,GAAD;AAAA,mBAAS,MAAI,CAACiB,cAAL,CAAoBjB,GAApB,EAAyBgB,QAAzB,CAAT;AAAA,WAJZ;AAKE,UAAA,YAAY,EAAEpD,YALhB;AAME,UAAA,WAAW,EAAEE,WANf;AAOE,UAAA,UAAU,EAAEC;AAPd,UAJJ,eAcE,gCAAC,oBAAD;AACE,UAAA,YAAY,EAAEH,YADhB;AAEE,UAAA,QAAQ,EAAE0B,QAFZ;AAGE,UAAA,QAAQ,EAAE,MAAI,CAAC4B,MAHjB;AAIE,UAAA,QAAQ,EAAE;AAAA,mBAAM,MAAI,UAAJ,CAAY5B,QAAZ,CAAN;AAAA,WAJZ;AAKE,UAAA,WAAW,EAAE,MAAI,CAAC6B,mBALpB;AAME,UAAA,WAAW,EAAErD,WANf;AAOE,UAAA,UAAU,EAAEC,UAPd;AAQE,UAAA,cAAc,EAAE,wBAAC6B,MAAD,EAASG,WAAT;AAAA,mBACd,MAAI,CAACqB,wBAAL,CAA8B9B,QAA9B,EAAwCM,MAAxC,EAAgDG,WAAhD,CADc;AAAA;AARlB,UAdF,CADF;AA6BD,OAjCA,CADH,CA9BF,CADF;AAqED;;;EApM6BsB,kBAAMC,S;;;iCAAzBrD,U,eACQ;AACjBL,EAAAA,YAAY,EAAE2D,sBAAUC,KAAV,CAAgB;AAC5Bd,IAAAA,GAAG,EAAEa,sBAAUE,IAAV,CAAeC,UADQ;AAE5B,cAAQH,sBAAUE,IAAV,CAAeC;AAFK,GAAhB,CADG;AAKjBhE,EAAAA,OAAO,EAAE6D,sBAAUI,MAAV,CAAiBD,UALT;AAMjBxB,EAAAA,SAAS,EAAEqB,sBAAUK,MANJ;AAOjB3F,EAAAA,UAAU,EAAEsF,sBAAUM,KAPL;AAQjBrD,EAAAA,cAAc,EAAE+C,sBAAUE,IART;AASjBhD,EAAAA,KAAK,EAAE8C,sBAAUI,MAAV,CAAiBD,UATP;AAUjBvB,EAAAA,aAAa,EAAEoB,sBAAUI,MAAV,CAAiBD,UAVf;AAWjB5D,EAAAA,WAAW,EAAEyD,sBAAUI;AAXN,C;;eAsMN,wBAAW5F,MAAX,EAAmBkC,UAAnB,C","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 { moveChoiceToCategory, removeCategory, removeChoiceFromCategory } from '@pie-lib/categorize';\n\nimport Category from './category';\nimport Header from '../header';\nimport { generateValidationMessage } from '../../utils';\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\nconst RowLabel = withStyles(styles)(({ categoriesPerRow, classes, markup, imageSupport, onChange, toolbarOpts, spellCheck}) => {\n  return (\n    <div\n      style={{\n        gridColumn: `1/${categoriesPerRow + 1}`,\n        width: '100%'\n      }}\n    >\n      <Typography className={classes.text}>\n        Row Label\n      </Typography>\n      <EditableHtml\n        className={classes.rowLabelHolder}\n        markup={markup}\n        onChange={onChange}\n        imageSupport={imageSupport}\n        nonEmpty={false}\n        toolbarOpts={toolbarOpts}\n        spellCheck={spellCheck}\n      />\n    </div>\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    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  changeCategoryColumns = event => {\n    const numberValue = parseInt(event.target.value, 10);\n\n    if (numberValue && numberValue >= 1 && numberValue <= 4) {\n      this.props.onModelChanged({ categoriesPerRow: numberValue });\n    }\n  };\n\n  add = () => {\n    const { model } = this.props;\n    const { categoriesPerRow } = model;\n    const id = utils.firstAvailableIndex(model.categories.map(a => a.id), 0);\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.props.onModelChanged({\n      rowLabels,\n      categories: model.categories.concat([data])\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(\n        category.id,\n        model.correctResponse\n      );\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 = (choice, categoryId) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = moveChoiceToCategory(\n      choice.id,\n      undefined,\n      categoryId,\n      0,\n      model.correctResponse\n    );\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice, choiceIndex) => {\n    const { model, onModelChanged } = this.props;\n    const correctResponse = removeChoiceFromCategory(\n      choice.id,\n      category.id,\n      choiceIndex,\n      model.correctResponse\n    );\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      toolbarOpts,\n      spellCheck,\n      configuration\n    } = this.props;\n\n    const { categoriesPerRow, rowLabels, errors } = model;\n    const { associationError, categoriesError } = errors || {};\n    const { maxCategories } = 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={<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          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.row}>\n          <TextField\n            label=\"Categories per row\"\n            type=\"number\"\n            inputProps={{\n              min: 1,\n              max: 4\n            }}\n            value={categoriesPerRow}\n            onChange={this.changeCategoryColumns}\n          />\n        </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\n                key={index}\n              >\n                {hasRowLabel && (\n                  <RowLabel\n                    categoriesPerRow={categoriesPerRow}\n                    rowIndex={rowIndex}\n                    markup={rowLabels[rowIndex] || ''}\n                    onChange={(val) => this.changeRowLabel(val, rowIndex)}\n                    imageSupport={imageSupport}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                  />\n                )}\n                <Category\n                  imageSupport={imageSupport}\n                  category={category}\n                  onChange={this.change}\n                  onDelete={() => this.delete(category)}\n                  onAddChoice={this.addChoiceToCategory}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheck}\n                  onDeleteChoice={(choice, choiceIndex) =>\n                    this.deleteChoiceFromCategory(category, choice, choiceIndex)\n                  }\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Categories);\n"],"file":"index.js"}

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

@@ -113,7 +113,8 @@ var Choice = /*#__PURE__*/function (_React$Component) {
           connectDragPreview = _this$props3.connectDragPreview,
           imageSupport = _this$props3.imageSupport,
           spellCheck = _this$props3.spellCheck,
-          toolbarOpts = _this$props3.toolbarOpts;
+          toolbarOpts = _this$props3.toolbarOpts,
+          error = _this$props3.error;
       var draggable = canDrag(this.props);
       return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         className: (0, _classnames["default"])(classes.choice, className)
@@ -129,8 +130,11 @@ var Choice = /*#__PURE__*/function (_React$Component) {
         onChange: this.changeContent,
         onDelete: onDelete,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheck
-      }))), /*#__PURE__*/_react["default"].createElement(_CardActions["default"], {
+        spellCheck: spellCheck,
+        error: error
+      }), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error))), /*#__PURE__*/_react["default"].createElement(_CardActions["default"], {
         className: classes.actions
       }, /*#__PURE__*/_react["default"].createElement(_buttons.DeleteButton, {
         label: 'delete',
@@ -160,7 +164,8 @@ exports.Choice = Choice;
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
   }),
-  toolbarOpts: _propTypes["default"].object
+  toolbarOpts: _propTypes["default"].object,
+  error: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(Choice, "defaultProps", {});
 
@@ -179,6 +184,11 @@ var styles = function styles(theme) {
     },
     dragDisabled: {
       cursor: 'inherit'
+    },
+    errorText: {
+      fontSize: '11px',
+      color: 'red',
+      paddingBottom: '5px'
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/choices/choice.jsx"],"names":["log","canDrag","props","count","choice","categoryCount","correctResponseCount","Choice","content","onChange","classes","className","onDelete","connectDragSource","connectDragPreview","imageSupport","spellCheck","toolbarOpts","draggable","actions","dragHandle","dragDisabled","changeContent","changeCategoryCount","React","Component","PropTypes","object","isRequired","string","func","number","shape","add","styles","theme","padding","justifyContent","spacing","unit","overflow","cursor","StyledChoice","spec","beginDrag","out","id","endDrag","monitor","didDrop","item","getItem","categoryId","onRemoveChoice","DraggableChoice","uid","connect","dragSource","dragPreview","isDragging","withUid"],"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 Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport InputHeader from '../input-header';\nimport { Checkbox } from '@pie-lib/config-ui';\nimport { DeleteButton } from '../buttons';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport { DragSource } from 'react-dnd';\nimport debug from 'debug';\nimport { uid } from '@pie-lib/drag';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nconst canDrag = props => {\n  const count = props.choice.categoryCount || 0;\n  if (count === 0) {\n    return true;\n  } else {\n    return props.correctResponseCount < count;\n  }\n};\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDragPreview: PropTypes.func.isRequired,\n    correctResponseCount: PropTypes.number.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {};\n\n  changeContent = content => {\n    const { onChange, choice } = this.props;\n    choice.content = content;\n    onChange(choice);\n  };\n\n  changeCategoryCount = () => {\n    const { onChange, choice } = this.props;\n    if (choice.categoryCount === 1) {\n      choice.categoryCount = 0;\n    } else {\n      choice.categoryCount = 1;\n    }\n    onChange(choice);\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      choice,\n      onDelete,\n      connectDragSource,\n      connectDragPreview,\n      imageSupport,\n      spellCheck,\n      toolbarOpts\n    } = this.props;\n\n    const draggable = canDrag(this.props);\n\n    return (\n      <Card className={classNames(classes.choice, className)}>\n        <CardActions className={classes.actions}>\n          {connectDragSource(\n            <span\n              className={classNames(\n                classes.dragHandle,\n                draggable === false && classes.dragDisabled\n              )}\n            >\n              <DragHandle color={draggable ? 'primary' : 'disabled'} />\n            </span>\n          )}\n        </CardActions>\n        {connectDragPreview(\n          <span>\n            <InputHeader\n              imageSupport={imageSupport}\n              label={choice.content}\n              onChange={this.changeContent}\n              onDelete={onDelete}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n            />\n          </span>\n        )}\n\n        <CardActions className={classes.actions}>\n          <DeleteButton label={'delete'} onClick={onDelete} />\n          <Checkbox\n            mini\n            label={'Remove after placing'}\n            checked={choice.categoryCount === 1}\n            onChange={this.changeCategoryCount}\n          />\n        </CardActions>\n      </Card>\n    );\n  }\n}\nconst styles = theme => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between'\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  dragHandle: {\n    cursor: 'move'\n  },\n  dragDisabled: {\n    cursor: 'inherit'\n  }\n});\n\nconst StyledChoice = withStyles(styles)(Choice);\n\nexport const spec = {\n  canDrag,\n  beginDrag: props => {\n    const out = {\n      id: props.choice.id\n    };\n    log('[beginDrag] out:', out);\n    return out;\n  },\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.categoryId) {\n        log('wasnt droppped - what to do?');\n        props.onRemoveChoice(item);\n      }\n    }\n  }\n};\n\nconst DraggableChoice = DragSource(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    connectDragPreview: connect.dragPreview(),\n    isDragging: monitor.isDragging()\n  })\n)(StyledChoice);\n\nexport default uid.withUid(DraggableChoice);\n"],"file":"choice.js"}
+{"version":3,"sources":["../../../src/design/choices/choice.jsx"],"names":["log","canDrag","props","count","choice","categoryCount","correctResponseCount","Choice","content","onChange","classes","className","onDelete","connectDragSource","connectDragPreview","imageSupport","spellCheck","toolbarOpts","error","draggable","actions","dragHandle","dragDisabled","changeContent","errorText","changeCategoryCount","React","Component","PropTypes","object","isRequired","string","func","number","shape","add","styles","theme","padding","justifyContent","spacing","unit","overflow","cursor","fontSize","color","paddingBottom","StyledChoice","spec","beginDrag","out","id","endDrag","monitor","didDrop","item","getItem","categoryId","onRemoveChoice","DraggableChoice","uid","connect","dragSource","dragPreview","isDragging","withUid"],"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 Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport InputHeader from '../input-header';\nimport { Checkbox } from '@pie-lib/config-ui';\nimport { DeleteButton } from '../buttons';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport { DragSource } from 'react-dnd';\nimport debug from 'debug';\nimport { uid } from '@pie-lib/drag';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nconst canDrag = props => {\n  const count = props.choice.categoryCount || 0;\n  if (count === 0) {\n    return true;\n  } else {\n    return props.correctResponseCount < count;\n  }\n};\n\nexport class Choice extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDelete: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDragPreview: PropTypes.func.isRequired,\n    correctResponseCount: PropTypes.number.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string\n  };\n\n  static defaultProps = {};\n\n  changeContent = content => {\n    const { onChange, choice } = this.props;\n    choice.content = content;\n    onChange(choice);\n  };\n\n  changeCategoryCount = () => {\n    const { onChange, choice } = this.props;\n    if (choice.categoryCount === 1) {\n      choice.categoryCount = 0;\n    } else {\n      choice.categoryCount = 1;\n    }\n    onChange(choice);\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      choice,\n      onDelete,\n      connectDragSource,\n      connectDragPreview,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      error\n    } = this.props;\n\n    const draggable = canDrag(this.props);\n\n    return (\n      <Card className={classNames(classes.choice, className)}>\n        <CardActions className={classes.actions}>\n          {connectDragSource(\n            <span\n              className={classNames(\n                classes.dragHandle,\n                draggable === false && classes.dragDisabled\n              )}\n            >\n              <DragHandle color={draggable ? 'primary' : 'disabled'} />\n            </span>\n          )}\n        </CardActions>\n        {connectDragPreview(\n          <span>\n            <InputHeader\n              imageSupport={imageSupport}\n              label={choice.content}\n              onChange={this.changeContent}\n              onDelete={onDelete}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={error}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n          </span>\n        )}\n\n        <CardActions className={classes.actions}>\n          <DeleteButton label={'delete'} onClick={onDelete} />\n          <Checkbox\n            mini\n            label={'Remove after placing'}\n            checked={choice.categoryCount === 1}\n            onChange={this.changeCategoryCount}\n          />\n        </CardActions>\n      </Card>\n    );\n  }\n}\nconst styles = theme => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between'\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  dragHandle: {\n    cursor: 'move'\n  },\n  dragDisabled: {\n    cursor: 'inherit'\n  },\n  errorText: {\n    fontSize: '11px',\n    color: 'red',\n    paddingBottom: '5px'\n  },\n});\n\nconst StyledChoice = withStyles(styles)(Choice);\n\nexport const spec = {\n  canDrag,\n  beginDrag: props => {\n    const out = {\n      id: props.choice.id\n    };\n    log('[beginDrag] out:', out);\n    return out;\n  },\n  endDrag: (props, monitor) => {\n    if (!monitor.didDrop()) {\n      const item = monitor.getItem();\n      if (item.categoryId) {\n        log('wasnt droppped - what to do?');\n        props.onRemoveChoice(item);\n      }\n    }\n  }\n};\n\nconst DraggableChoice = DragSource(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDragSource: connect.dragSource(),\n    connectDragPreview: connect.dragPreview(),\n    isDragging: monitor.isDragging()\n  })\n)(StyledChoice);\n\nexport default uid.withUid(DraggableChoice);\n"],"file":"choice.js"}

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

@@ -130,7 +130,17 @@ var Choices = /*#__PURE__*/function (_React$Component) {
           imageSupport = _this$props4.imageSupport,
           onModelChanged = _this$props4.onModelChanged,
           spellCheck = _this$props4.spellCheck,
-          toolbarOpts = _this$props4.toolbarOpts;
+          toolbarOpts = _this$props4.toolbarOpts,
+          configuration = _this$props4.configuration;
+      var errors = model.errors;
+
+      var _ref = errors || {},
+          choicesError = _ref.choicesError,
+          choicesErrors = _ref.choicesErrors;
+
+      var _ref2 = configuration || {},
+          maxChoices = _ref2.maxChoices;
+
       var categoryCountIsOne = this.allChoicesHaveCount(1);
       var choiceHolderStyle = {
         gridTemplateColumns: "repeat(".concat(model.categoriesPerRow, ", 1fr)")
@@ -140,8 +150,11 @@ var Choices = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
         label: "Choices",
         buttonLabel: "ADD A CHOICE",
-        onAdd: this.addChoice
-      }), /*#__PURE__*/_react["default"].createElement(_config["default"], {
+        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"], {
         config: model,
         categoryCountIsOne: categoryCountIsOne,
         onModelChanged: onModelChanged,
@@ -161,7 +174,8 @@ var Choices = /*#__PURE__*/function (_React$Component) {
             return _this2.deleteChoice(h);
           },
           toolbarOpts: toolbarOpts,
-          spellCheck: spellCheck
+          spellCheck: spellCheck,
+          error: choicesErrors && choicesErrors[h.id]
         });
       })), /*#__PURE__*/_react["default"].createElement(_buttons.Divider, null));
     }
@@ -172,6 +186,7 @@ var Choices = /*#__PURE__*/function (_React$Component) {
 exports.Choices = Choices;
 (0, _defineProperty2["default"])(Choices, "propTypes", {
   model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   choices: _propTypes["default"].array.isRequired,
@@ -197,7 +212,12 @@ var styles = function styles(theme) {
       paddingTop: theme.spacing.unit * 2,
       paddingBottom: theme.spacing.unit * 2
     },
-    label: {}
+    label: {},
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
+    }
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","utils","firstAvailableIndex","map","a","data","content","concat","correctResponse","classes","className","imageSupport","spellCheck","toolbarOpts","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","choiceHolder","correctResponseCount","changeChoice","deleteChoice","React","Component","PropTypes","object","isRequired","string","array","func","shape","add","styles","theme","paddingTop","spacing","unit","paddingBottom","display","gridRowGap","gridColumnGap","label"],"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';\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    model: 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    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {};\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 } = this.props;\n\n    const id = utils.firstAvailableIndex(model.choices.map(a => a.id), 0);\n    const data = { id, content: 'Choice ' + id };\n\n    onModelChanged({ choices: model.choices.concat([data]) });\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(\n        choice.id,\n        model.correctResponse\n      );\n      onModelChanged(model);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts\n    } = this.props;\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 label=\"Choices\" buttonLabel=\"ADD A CHOICE\" onAdd={this.addChoice} />\n        <Config\n          config={model}\n          categoryCountIsOne={categoryCountIsOne}\n          onModelChanged={onModelChanged}\n          allChoicesHaveCount={this.allChoicesHaveCount}\n          spellCheck={spellCheck}\n        />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => (\n            <Choice\n              choice={h}\n              correctResponseCount={h.correctResponseCount}\n              key={index}\n              imageSupport={imageSupport}\n              onChange={this.changeChoice}\n              onDelete={() => this.deleteChoice(h)}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\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});\nexport default withStyles(styles)(Choices);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/design/choices/index.jsx"],"names":["Choices","choice","props","choices","onModelChanged","index","findIndex","h","id","splice","count","c","categoryCount","model","utils","firstAvailableIndex","map","a","data","content","concat","correctResponse","classes","className","imageSupport","spellCheck","toolbarOpts","configuration","errors","choicesError","choicesErrors","maxChoices","categoryCountIsOne","allChoicesHaveCount","choiceHolderStyle","gridTemplateColumns","categoriesPerRow","addChoice","length","errorText","choiceHolder","correctResponseCount","changeChoice","deleteChoice","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';\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    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {};\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 } = this.props;\n\n    const id = utils.firstAvailableIndex(model.choices.map(a => a.id), 0);\n    const data = { id, content: 'Choice ' + id };\n\n    onModelChanged({ choices: model.choices.concat([data]) });\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(\n        choice.id,\n        model.correctResponse\n      );\n      onModelChanged(model);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      choices,\n      model,\n      imageSupport,\n      onModelChanged,\n      spellCheck,\n      toolbarOpts,\n      configuration,\n    } = this.props;\n    const { errors } = model;\n    const { choicesError, choicesErrors } = errors || {};\n    const { maxChoices } = 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\n          config={model}\n          categoryCountIsOne={categoryCountIsOne}\n          onModelChanged={onModelChanged}\n          allChoicesHaveCount={this.allChoicesHaveCount}\n          spellCheck={spellCheck}\n        />\n        <div className={classes.choiceHolder} style={choiceHolderStyle}>\n          {choices.map((h, index) => (\n            <Choice\n              choice={h}\n              correctResponseCount={h.correctResponseCount}\n              key={index}\n              imageSupport={imageSupport}\n              onChange={this.changeChoice}\n              onDelete={() => this.deleteChoice(h)}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={choicesErrors && choicesErrors[h.id]}\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"}

package/configure/lib/design/header.js

@@ -53,15 +53,20 @@ var Header = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           onAdd = _this$props.onAdd,
           label = _this$props.label,
-          buttonLabel = _this$props.buttonLabel;
+          buttonLabel = _this$props.buttonLabel,
+          info = _this$props.info,
+          buttonDisabled = _this$props.buttonDisabled;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.header, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.titleContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         variant: "title",
         className: classes.title
-      }, label), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
+      }, label), info), /*#__PURE__*/_react["default"].createElement(_buttons.AddButton, {
         onClick: onAdd,
-        label: buttonLabel
+        label: buttonLabel,
+        disabled: buttonDisabled
       }));
     }
   }]);
@@ -74,7 +79,9 @@ exports.Header = Header;
   className: _propTypes["default"].string,
   buttonLabel: _propTypes["default"].string,
   onAdd: _propTypes["default"].func.isRequired,
-  label: _propTypes["default"].string.isRequired
+  label: _propTypes["default"].string.isRequired,
+  info: _propTypes["default"].any,
+  buttonDisabled: _propTypes["default"].bool
 });
 (0, _defineProperty2["default"])(Header, "defaultProps", {});
 
@@ -84,6 +91,9 @@ var styles = function styles(theme) {
       display: 'flex',
       justifyContent: 'space-between',
       marginBottom: 2 * theme.spacing.unit
+    },
+    titleContainer: {
+      display: 'flex'
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/header.jsx"],"names":["Header","props","classes","className","onAdd","label","buttonLabel","header","title","React","Component","PropTypes","object","isRequired","string","func","styles","theme","display","justifyContent","marginBottom","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,M;;;;;;;;;;;;WAUX,kBAAS;AACP,wBAA0D,KAAKC,KAA/D;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;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWJ,OAAO,CAACK,MAAnB,EAA2BJ,SAA3B;AAAhB,sBACE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAED,OAAO,CAACM;AAA/C,SACGH,KADH,CADF,eAIE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAED,KAApB;AAA2B,QAAA,KAAK,EAAEE;AAAlC,QAJF,CADF;AAQD;;;EApByBG,kBAAMC,S;;;iCAArBV,M,eACQ;AACjBE,EAAAA,OAAO,EAAES,sBAAUC,MAAV,CAAiBC,UADT;AAEjBV,EAAAA,SAAS,EAAEQ,sBAAUG,MAFJ;AAGjBR,EAAAA,WAAW,EAAEK,sBAAUG,MAHN;AAIjBV,EAAAA,KAAK,EAAEO,sBAAUI,IAAV,CAAeF,UAJL;AAKjBR,EAAAA,KAAK,EAAEM,sBAAUG,MAAV,CAAiBD;AALP,C;iCADRb,M,kBASW,E;;AAaxB,IAAMgB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBV,IAAAA,MAAM,EAAE;AACNW,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAE,IAAIH,KAAK,CAACI,OAAN,CAAcC;AAH1B;AADe,GAAL;AAAA,CAApB;;eAOe,wBAAWN,MAAX,EAAmBhB,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  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <Typography variant=\"title\" className={classes.title}>\n          {label}\n        </Typography>\n        <AddButton onClick={onAdd} label={buttonLabel} />\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});\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","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;;;;;;;;;;;;WAYX,kBAAS;AACP,wBAAgF,KAAKC,KAArF;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;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWN,OAAO,CAACO,MAAnB,EAA2BN,SAA3B;AAAhB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACQ;AAAxB,sBACA,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAER,OAAO,CAACS;AAA/C,SACGN,KADH,CADA,EAICE,IAJD,CADF,eAOE,gCAAC,kBAAD;AAAW,QAAA,OAAO,EAAEH,KAApB;AAA2B,QAAA,KAAK,EAAEE,WAAlC;AAA+C,QAAA,QAAQ,EAAEE;AAAzD,QAPF,CADF;AAWD;;;EAzByBI,kBAAMC,S;;;iCAArBb,M,eACQ;AACjBE,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBb,EAAAA,SAAS,EAAEW,sBAAUG,MAFJ;AAGjBX,EAAAA,WAAW,EAAEQ,sBAAUG,MAHN;AAIjBb,EAAAA,KAAK,EAAEU,sBAAUI,IAAV,CAAeF,UAJL;AAKjBX,EAAAA,KAAK,EAAES,sBAAUG,MAAV,CAAiBD,UALP;AAMjBT,EAAAA,IAAI,EAAEO,sBAAUK,GANC;AAOjBX,EAAAA,cAAc,EAAEM,sBAAUM;AAPT,C;iCADRpB,M,kBAWW,E;;AAgBxB,IAAMqB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBb,IAAAA,MAAM,EAAE;AACNc,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,eAFV;AAGNC,MAAAA,YAAY,EAAE,IAAIH,KAAK,CAACI,OAAN,CAAcC;AAH1B,KADe;AAMvBjB,IAAAA,cAAc,EAAE;AACda,MAAAA,OAAO,EAAE;AADK;AANO,GAAL;AAAA,CAApB;;eAUe,wBAAWF,MAAX,EAAmBrB,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  };\n\n  static defaultProps = {};\n  render() {\n    const { classes, className, onAdd, label, buttonLabel, info, buttonDisabled } = this.props;\n    return (\n      <div className={classNames(classes.header, className)}>\n        <div className={classes.titleContainer}>\n        <Typography 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"}

package/configure/lib/design/index.js

@@ -196,7 +196,8 @@ var Design = /*#__PURE__*/function (_React$Component) {
           promptEnabled = _ref2.promptEnabled,
           rationaleEnabled = _ref2.rationaleEnabled,
           feedbackEnabled = _ref2.feedbackEnabled,
-          spellCheckEnabled = _ref2.spellCheckEnabled;
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          errors = _ref2.errors;
 
       var toolbarOpts = {};
 
@@ -287,7 +288,8 @@ var Design = /*#__PURE__*/function (_React$Component) {
         categories: categories || [],
         onModelChanged: this.updateModel,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled
+        spellCheck: spellCheckEnabled,
+        configuration: configuration
       }), /*#__PURE__*/_react["default"].createElement(_header["default"], {
         className: classes.alternatesHeader,
         label: "Alternate Responses",
@@ -316,7 +318,8 @@ var Design = /*#__PURE__*/function (_React$Component) {
         model: model,
         onModelChanged: this.updateModel,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled
+        spellCheck: spellCheckEnabled,
+        configuration: configuration
       }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
         feedback: model.feedback,
         onChange: this.changeFeedback,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/index.jsx"],"names":["Panel","settings","toggle","radio","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","correctResponse","choices","categories","map","c","id","label","h","content","categoryCount","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","generateId","classes","className","imageSupport","configuration","onConfigurationChanged","partialScoring","lockChoiceOrder","studentInstructions","scoringType","spellCheck","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","feedbackEnabled","spellCheckEnabled","toolbarOpts","toolbarEditorPosition","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","Settings","Properties","studentInstructionsEnabled","design","promptHolder","onPromptChanged","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 {\n  FeedbackConfig,\n  InputContainer,\n  layout,\n  settings,\n} from '@pie-lib/config-ui';\nimport {\n  countInAnswer,\n  ensureNoExtraChoicesInAnswer,\n} 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';\n\nconst { Panel, toggle, radio } = 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  };\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    //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    //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(\n          (alt, altIndex) => altIndex !== index\n        ),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      model,\n      imageSupport,\n      configuration,\n      onChange,\n      onConfigurationChanged,\n    } = this.props;\n    const {\n      partialScoring = {},\n      lockChoiceOrder = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      scoringType = {},\n      feedback = {},\n      prompt = {},\n      spellCheck = {},\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      feedbackEnabled,\n      spellCheckEnabled,\n    } = model || {};\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || []\n    );\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      return c;\n    });\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChange}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  feedbackEnabled: feedback.settings && toggle(feedback.label),\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric']),\n                },\n              }}\n            />\n          }\n        >\n          <div className={classNames(classes.design, className)}>\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.inputHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.inputHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            <Categories\n              imageSupport={imageSupport}\n              model={model}\n              categories={categories || []}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n            />\n\n            <Header\n              className={classes.alternatesHeader}\n              label=\"Alternate Responses\"\n              buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n              onAdd={this.onAddAlternateResponse}\n            />\n\n            {alternateResponses.map((categoriesList, index) => {\n              return (\n                <React.Fragment key={index}>\n                  <Header\n                    className={classes.alternatesHeader}\n                    label=\"Alternate Response\"\n                    buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                    onAdd={() => this.onRemoveAlternateResponse(index)}\n                  />\n\n                  <AlternateResponses\n                    altIndex={index}\n                    imageSupport={imageSupport}\n                    model={model}\n                    categories={categoriesList}\n                    onModelChanged={this.updateModel}\n                  />\n                </React.Fragment>\n              );\n            })}\n\n            <Divider />\n            <Choices\n              imageSupport={imageSupport}\n              choices={choices}\n              model={model}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n            />\n\n            {feedbackEnabled && (\n              <FeedbackConfig\n                feedback={model.feedback}\n                onChange={this.changeFeedback}\n                toolbarOpts={toolbarOpts}\n              />\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: '30px',\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/design/index.jsx"],"names":["Panel","settings","toggle","radio","IdProvider","uid","Provider","Design","props","model","onChange","updatedModel","correctResponse","choices","categories","map","c","id","label","h","content","categoryCount","rationale","teacherInstructions","feedback","updateModel","cr","alternateResponses","prompt","index","filter","alt","altIndex","choice","generateId","classes","className","imageSupport","configuration","onConfigurationChanged","partialScoring","lockChoiceOrder","studentInstructions","scoringType","spellCheck","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","feedbackEnabled","spellCheckEnabled","errors","toolbarOpts","toolbarEditorPosition","position","config","columns","correctResponseCount","countChoiceInCorrectResponse","Settings","Properties","studentInstructionsEnabled","design","promptHolder","onPromptChanged","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 {\n  FeedbackConfig,\n  InputContainer,\n  layout,\n  settings,\n} from '@pie-lib/config-ui';\nimport {\n  countInAnswer,\n  ensureNoExtraChoicesInAnswer,\n} 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';\n\nconst { Panel, toggle, radio } = 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  };\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    //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    //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(\n          (alt, altIndex) => altIndex !== index\n        ),\n      })),\n    });\n  };\n\n  countChoiceInCorrectResponse = (choice) => {\n    const { model } = this.props;\n\n    return countInAnswer(choice.id, model.correctResponse);\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      model,\n      imageSupport,\n      configuration,\n      onChange,\n      onConfigurationChanged,\n    } = this.props;\n    const {\n      partialScoring = {},\n      lockChoiceOrder = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      scoringType = {},\n      feedback = {},\n      prompt = {},\n      spellCheck = {},\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      feedbackEnabled,\n      spellCheckEnabled,\n      errors\n    } = model || {};\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const config = model.config || {};\n    config.choices = config.choices || { label: '', columns: 2 };\n\n    const categories = buildCategories(\n      model.categories || [],\n      model.choices || [],\n      model.correctResponse || []\n    );\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      return c;\n    });\n\n    return (\n      <IdProvider value={this.uid}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChange}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  feedbackEnabled: feedback.settings && toggle(feedback.label),\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled:\n                    studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric']),\n                },\n              }}\n            />\n          }\n        >\n          <div className={classNames(classes.design, className)}>\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.inputHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.inputHolder}\n              >\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                />\n              </InputContainer>\n            )}\n\n            <Categories\n              imageSupport={imageSupport}\n              model={model}\n              categories={categories || []}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n            />\n\n            <Header\n              className={classes.alternatesHeader}\n              label=\"Alternate Responses\"\n              buttonLabel=\"ADD AN ALTERNATE RESPONSE\"\n              onAdd={this.onAddAlternateResponse}\n            />\n\n            {alternateResponses.map((categoriesList, index) => {\n              return (\n                <React.Fragment key={index}>\n                  <Header\n                    className={classes.alternatesHeader}\n                    label=\"Alternate Response\"\n                    buttonLabel=\"REMOVE ALTERNATE RESPONSE\"\n                    onAdd={() => this.onRemoveAlternateResponse(index)}\n                  />\n\n                  <AlternateResponses\n                    altIndex={index}\n                    imageSupport={imageSupport}\n                    model={model}\n                    categories={categoriesList}\n                    onModelChanged={this.updateModel}\n                  />\n                </React.Fragment>\n              );\n            })}\n\n            <Divider />\n            <Choices\n              imageSupport={imageSupport}\n              choices={choices}\n              model={model}\n              onModelChanged={this.updateModel}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              configuration={configuration}\n            />\n\n            {feedbackEnabled && (\n              <FeedbackConfig\n                feedback={model.feedback}\n                onChange={this.changeFeedback}\n                toolbarOpts={toolbarOpts}\n              />\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: '30px',\n  },\n});\n\nexport default withDragContext(withStyles(styles)(Design));\n"],"file":"index.js"}

package/configure/lib/design/input-header.js

@@ -53,7 +53,8 @@ var InputHeader = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           imageSupport = _this$props.imageSupport,
           toolbarOpts = _this$props.toolbarOpts,
-          spellCheck = _this$props.spellCheck;
+          spellCheck = _this$props.spellCheck,
+          error = _this$props.error;
       var choicePlugins = {
         audio: {
           disabled: true
@@ -73,7 +74,8 @@ var InputHeader = /*#__PURE__*/function (_React$Component) {
         className: classes.editor,
         pluginProps: choicePlugins,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheck
+        spellCheck: spellCheck,
+        error: error
       }));
     }
   }]);
@@ -91,7 +93,8 @@ exports.InputHeader = InputHeader;
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
   }),
-  toolbarOpts: _propTypes["default"].object
+  toolbarOpts: _propTypes["default"].object,
+  error: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(InputHeader, "defaultProps", {});
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/input-header.jsx"],"names":["InputHeader","props","onChange","label","classes","className","imageSupport","toolbarOpts","spellCheck","choicePlugins","audio","disabled","video","inputHeader","editor","React","Component","PropTypes","object","isRequired","string","func","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","iconButtonRoot","width","height","display","justifyContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;WAeX,kBAAS;AACP,wBAAuF,KAAKC,KAA5F;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,KAAlB,eAAkBA,KAAlB;AAAA,UAAyBC,OAAzB,eAAyBA,OAAzB;AAAA,UAAkCC,SAAlC,eAAkCA,SAAlC;AAAA,UAA6CC,YAA7C,eAA6CA,YAA7C;AAAA,UAA2DC,WAA3D,eAA2DA,WAA3D;AAAA,UAAwEC,UAAxE,eAAwEA,UAAxE;AACA,UAAMC,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADa;AAEpBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ;AAFa,OAAtB;AAKA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWP,OAAO,CAACS,WAAnB,EAAgCR,SAAhC;AAAhB,sBACE,gCAAC,wBAAD;AACE,QAAA,YAAY,EAAEC,YADhB;AAEE,QAAA,gBAAgB,MAFlB;AAGE,QAAA,KAAK,EAAE,OAHT;AAIE,QAAA,MAAM,EAAEH,KAJV;AAKE,QAAA,QAAQ,EAAED,QALZ;AAME,QAAA,SAAS,EAAEE,OAAO,CAACU,MANrB;AAOE,QAAA,WAAW,EAAEL,aAPf;AAQE,QAAA,WAAW,EAAEF,WARf;AASE,QAAA,UAAU,EAAEC;AATd,QADF,CADF;AAeD;;;EArC8BO,kBAAMC,S;;;iCAA1BhB,W,eACQ;AACjBI,EAAAA,OAAO,EAAEa,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,SAAS,EAAEY,sBAAUG,MAFJ;AAGjBjB,EAAAA,KAAK,EAAEc,sBAAUG,MAHA;AAIjBlB,EAAAA,QAAQ,EAAEe,sBAAUI,IAJH;AAKjBC,EAAAA,QAAQ,EAAEL,sBAAUI,IALH;AAMjBf,EAAAA,YAAY,EAAEW,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUI,IAAV,CAAeF,UADQ;AAE5B,cAAQF,sBAAUI,IAAV,CAAeF;AAFK,GAAhB,CANG;AAUjBZ,EAAAA,WAAW,EAAEU,sBAAUC;AAVN,C;iCADRlB,W,kBAcW,E;;AAyBxB,IAAMyB,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,IAAI,EAAE,GADA;AAENC,MAAAA,aAAa,EAAEF,KAAK,CAACG,OAAN,CAAcC;AAFvB,KADe;AAKvBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAE,MADO;AAEdC,MAAAA,MAAM,EAAE;AAFM,KALO;AASvBpB,IAAAA,WAAW,EAAE;AACXqB,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,cAAc,EAAE;AAFL;AATU,GAAL;AAAA,CAApB;;eAce,wBAAWV,MAAX,EAAmBzB,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\n\nexport class InputHeader extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    label: PropTypes.string,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {};\n  render() {\n    const { onChange, label, classes, className, imageSupport, toolbarOpts, spellCheck } = this.props;\n    const choicePlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    return (\n      <div className={classNames(classes.inputHeader, className)}>\n        <EditableHtml\n          imageSupport={imageSupport}\n          autoWidthToolbar\n          label={'label'}\n          markup={label}\n          onChange={onChange}\n          className={classes.editor}\n          pluginProps={choicePlugins}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheck}\n        />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit\n  },\n  iconButtonRoot: {\n    width: 'auto',\n    height: 'auto'\n  },\n  inputHeader: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  }\n});\nexport default withStyles(styles)(InputHeader);\n"],"file":"input-header.js"}
+{"version":3,"sources":["../../src/design/input-header.jsx"],"names":["InputHeader","props","onChange","label","classes","className","imageSupport","toolbarOpts","spellCheck","error","choicePlugins","audio","disabled","video","inputHeader","editor","React","Component","PropTypes","object","isRequired","string","func","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","iconButtonRoot","width","height","display","justifyContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;WAgBX,kBAAS;AACP,wBAA8F,KAAKC,KAAnG;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,KAAlB,eAAkBA,KAAlB;AAAA,UAAyBC,OAAzB,eAAyBA,OAAzB;AAAA,UAAkCC,SAAlC,eAAkCA,SAAlC;AAAA,UAA6CC,YAA7C,eAA6CA,YAA7C;AAAA,UAA2DC,WAA3D,eAA2DA,WAA3D;AAAA,UAAwEC,UAAxE,eAAwEA,UAAxE;AAAA,UAAoFC,KAApF,eAAoFA,KAApF;AACA,UAAMC,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADa;AAEpBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ;AAFa,OAAtB;AAKA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWR,OAAO,CAACU,WAAnB,EAAgCT,SAAhC;AAAhB,sBACE,gCAAC,wBAAD;AACE,QAAA,YAAY,EAAEC,YADhB;AAEE,QAAA,gBAAgB,MAFlB;AAGE,QAAA,KAAK,EAAE,OAHT;AAIE,QAAA,MAAM,EAAEH,KAJV;AAKE,QAAA,QAAQ,EAAED,QALZ;AAME,QAAA,SAAS,EAAEE,OAAO,CAACW,MANrB;AAOE,QAAA,WAAW,EAAEL,aAPf;AAQE,QAAA,WAAW,EAAEH,WARf;AASE,QAAA,UAAU,EAAEC,UATd;AAUE,QAAA,KAAK,EAAEC;AAVT,QADF,CADF;AAgBD;;;EAvC8BO,kBAAMC,S;;;iCAA1BjB,W,eACQ;AACjBI,EAAAA,OAAO,EAAEc,sBAAUC,MAAV,CAAiBC,UADT;AAEjBf,EAAAA,SAAS,EAAEa,sBAAUG,MAFJ;AAGjBlB,EAAAA,KAAK,EAAEe,sBAAUG,MAHA;AAIjBnB,EAAAA,QAAQ,EAAEgB,sBAAUI,IAJH;AAKjBC,EAAAA,QAAQ,EAAEL,sBAAUI,IALH;AAMjBhB,EAAAA,YAAY,EAAEY,sBAAUM,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEP,sBAAUI,IAAV,CAAeF,UADQ;AAE5B,cAAQF,sBAAUI,IAAV,CAAeF;AAFK,GAAhB,CANG;AAUjBb,EAAAA,WAAW,EAAEW,sBAAUC,MAVN;AAWjBV,EAAAA,KAAK,EAAES,sBAAUG;AAXA,C;iCADRrB,W,kBAeW,E;;AA0BxB,IAAM0B,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBZ,IAAAA,MAAM,EAAE;AACNa,MAAAA,IAAI,EAAE,GADA;AAENC,MAAAA,aAAa,EAAEF,KAAK,CAACG,OAAN,CAAcC;AAFvB,KADe;AAKvBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAE,MADO;AAEdC,MAAAA,MAAM,EAAE;AAFM,KALO;AASvBpB,IAAAA,WAAW,EAAE;AACXqB,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,cAAc,EAAE;AAFL;AATU,GAAL;AAAA,CAApB;;eAce,wBAAWV,MAAX,EAAmB1B,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\n\nexport class InputHeader extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    label: PropTypes.string,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { onChange, label, classes, className, imageSupport, toolbarOpts, spellCheck, error } = this.props;\n    const choicePlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    return (\n      <div className={classNames(classes.inputHeader, className)}>\n        <EditableHtml\n          imageSupport={imageSupport}\n          autoWidthToolbar\n          label={'label'}\n          markup={label}\n          onChange={onChange}\n          className={classes.editor}\n          pluginProps={choicePlugins}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheck}\n          error={error}\n        />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit\n  },\n  iconButtonRoot: {\n    width: 'auto',\n    height: 'auto'\n  },\n  inputHeader: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  }\n});\nexport default withStyles(styles)(InputHeader);\n"],"file":"input-header.js"}

package/configure/lib/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateValidationMessage = void 0;
+
+var generateValidationMessage = function generateValidationMessage(config) {
+  var _ref = config || {},
+      minChoices = _ref.minChoices,
+      maxChoices = _ref.maxChoices,
+      maxCategories = _ref.maxCategories;
+
+  minChoices = minChoices || 1;
+  var validationMessage = '\nThe choices content should ' + 'not be empty and should be unique.\nThere should be at least 1 ' + (maxCategories ? "and at most ".concat(maxCategories, " ") : '') + 'category' + (maxCategories ? 's' : '') + ' defined.' + (minChoices ? "\nThere should be at least ".concat(minChoices, " choices defined.") : '') + (maxChoices ? "\nNo more than ".concat(maxChoices, " choices should be defined.") : '') + '\nAt least one token should be assigned to at least one category.';
+  return 'Validation requirements:' + validationMessage;
+};
+
+exports.generateValidationMessage = generateValidationMessage;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["generateValidationMessage","config","minChoices","maxChoices","maxCategories","validationMessage"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM,EAAI;AACjD,aAAgDA,MAAM,IAAI,EAA1D;AAAA,MAAMC,UAAN,QAAMA,UAAN;AAAA,MAAkBC,UAAlB,QAAkBA,UAAlB;AAAA,MAA8BC,aAA9B,QAA8BA,aAA9B;;AACAF,EAAAA,UAAU,GAAGA,UAAU,IAAI,CAA3B;AAEA,MAAMG,iBAAiB,GAAG,kCACxB,iEADwB,IAEvBD,aAAa,yBAAkBA,aAAlB,SAAqC,EAF3B,IAGxB,UAHwB,IAGVA,aAAa,GAAG,GAAH,GAAS,EAHZ,IAGkB,WAHlB,IAIvBF,UAAU,wCAAiCA,UAAjC,yBAAiE,EAJpD,KAKvBC,UAAU,4BAAqBA,UAArB,mCAA+D,EALlD,IAMxB,mEANF;AAQA,SAAO,6BAA6BE,iBAApC;AACD,CAbM","sourcesContent":["export const generateValidationMessage = config => {\n  let { minChoices, maxChoices, maxCategories } = config || {};\n  minChoices = minChoices || 1;\n\n  const validationMessage = '\\nThe choices content should ' +\n    'not be empty and should be unique.\\nThere should be at least 1 ' +\n    (maxCategories ? `and at most ${maxCategories} ` : '') +\n    'category' + (maxCategories ? 's' : '') + ' defined.' +\n    (minChoices ? `\\nThere should be at least ${minChoices} choices defined.` : '') +\n    (maxChoices ? `\\nNo more than ${maxChoices} choices should be defined.` : '') +\n    '\\nAt least one token should be assigned to at least one category.';\n\n  return 'Validation requirements:' + validationMessage;\n};\n"],"file":"utils.js"}

package/configure/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
-  "version": "5.4.20",
+  "version": "5.4.23",
   "description": "",
   "scripts": {},
   "author": "pie framework developers",
@@ -13,10 +13,10 @@
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
     "@pie-lib/categorize": "^0.6.24",
-    "@pie-lib/config-ui": "^10.11.0",
+    "@pie-lib/config-ui": "^10.13.0",
     "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/editable-html": "^7.20.0",
-    "@pie-lib/render-ui": "^4.12.5",
+    "@pie-lib/editable-html": "^7.22.3",
+    "@pie-lib/render-ui": "^4.12.6",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.2.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-controller@5.2.7...@pie-element/categorize-controller@5.2.8) (2022-05-16)
+
+**Note:** Version bump only for package @pie-element/categorize-controller
+
+
+
+
+
 ## [5.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-controller@5.2.2...@pie-element/categorize-controller@5.2.4) (2021-11-11)
 
 **Note:** Version bump only for package @pie-element/categorize-controller

package/controller/lib/index.js

@@ -12,9 +12,12 @@ Object.defineProperty(exports, "score", {
     return _categorize.score;
   }
 });
+exports.validate = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -295,4 +298,81 @@ var createCorrectResponseSession = function createCorrectResponseSession(questio
 };
 
 exports.createCorrectResponseSession = createCorrectResponseSession;
+
+var validate = function validate() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var categories = model.categories,
+      choices = model.choices,
+      correctResponse = model.correctResponse;
+  var _config$minChoices = config.minChoices,
+      minChoices = _config$minChoices === void 0 ? 1 : _config$minChoices,
+      maxChoices = config.maxChoices,
+      maxCategories = config.maxCategories;
+  var reversedChoices = (0, _toConsumableArray2["default"])(choices || []).reverse();
+  var errors = {};
+  var choicesErrors = {};
+  reversedChoices.forEach(function (choice, index) {
+    var id = choice.id,
+        content = choice.content;
+
+    if (content === '' || content === '<div></div>') {
+      choicesErrors[id] = 'Content should not be empty.';
+    } else {
+      var identicalAnswer = reversedChoices.slice(index + 1).some(function (c) {
+        return c.content === content;
+      });
+
+      if (identicalAnswer) {
+        choicesErrors[id] = 'Content should be unique.';
+      }
+    }
+  });
+  var nbOfCategories = (categories || []).length;
+  var nbOfChoices = (choices || []).length;
+
+  if (nbOfCategories > maxCategories) {
+    errors.categoriesError = "No more than ".concat(maxCategories, " categories should be defined.");
+  } else if (nbOfCategories < 1) {
+    errors.categoriesError = 'There should be at least 1 category defined.';
+  }
+
+  if (nbOfChoices < minChoices) {
+    errors.choicesError = "There should be at least ".concat(minChoices, " choices defined.");
+  } else if (nbOfChoices > maxChoices) {
+    errors.choicesError = "No more than ".concat(maxChoices, " choices should be defined.");
+  }
+
+  if (nbOfChoices && nbOfCategories) {
+    var hasAssociations = false;
+    (correctResponse || []).forEach(function (response) {
+      var _response$choices = response.choices,
+          choices = _response$choices === void 0 ? [] : _response$choices,
+          _response$alternateRe = response.alternateResponses,
+          alternateResponses = _response$alternateRe === void 0 ? [] : _response$alternateRe;
+
+      if (choices.length) {
+        hasAssociations = true;
+      } else {
+        alternateResponses.forEach(function (alternate) {
+          if ((alternate || []).length) {
+            hasAssociations = true;
+          }
+        });
+      }
+    });
+
+    if (!hasAssociations) {
+      errors.associationError = 'At least one token should be assigned to at least one category.';
+    }
+  }
+
+  if (!(0, _isEmpty["default"])(choicesErrors)) {
+    errors.choicesErrors = choicesErrors;
+  }
+
+  return errors;
+};
+
+exports.validate = validate;
 //# sourceMappingURL=index.js.map

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["getPartialScore","correctResponse","builtCategories","reduce","acc","choices","placements","length","score","filter","ch","correct","maxScore","extraPlacements","totalScore","parseFloat","toFixed","getAlternates","map","c","alternateResponses","alternate","getTotalScore","question","session","env","Object","keys","categories","answers","alternates","enabled","partialScoring","getCorrectness","Promise","resolve","mode","undefined","createDefaultModel","model","defaults","normalize","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","updateSession","normalizedQuestion","answerCorrectness","role","categoriesPerRow","choicesLabel","choicesPosition","feedback","prompt","removeTilesAfterPlacing","rowLabels","rationale","note","teacherInstructions","lockChoiceOrder","fb","out","correctness","disabled","showNote","outcome","reject","Error","empty","createCorrectResponseSession","id"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\nimport { buildState, score } from '@pie-lib/categorize';\nimport { getFeedbackForCorrectness } from '@pie-lib/feedback';\nimport {\n  lockChoices,\n  getShuffledChoices,\n  partialScoring,\n} from '@pie-lib/controller-utils';\nimport defaults from './defaults';\n\n// eslint-disable-next-line no-console\n\nexport { score };\n\nexport const getPartialScore = (correctResponse, builtCategories) => {\n  // in the resulted best scenario we make a sum with all the correct responses\n  // and all the placements\n  const { placements, score } = builtCategories.reduce(\n    (acc, { choices = [] }) => ({\n      placements: acc.placements + choices.length,\n      score: acc.score + choices.filter((ch) => ch.correct).length,\n    }),\n    { placements: 0, score: 0 }\n  );\n\n  // in the correct response, we make a sum of the max possible score\n  const { maxScore } = correctResponse.reduce(\n    (acc, { choices }) => ({\n      maxScore: acc.maxScore + choices.length,\n    }),\n    { maxScore: 0 }\n  );\n\n  // if there are any extra placements, we subtract from the obtained score\n  const extraPlacements = placements > maxScore ? placements - maxScore : 0;\n  const totalScore = (score - extraPlacements) / maxScore;\n\n  return totalScore < 0 ? 0 : parseFloat(totalScore.toFixed(2));\n};\n\nconst getAlternates = correctResponse => correctResponse\n  .map((c) => c.alternateResponses)\n  .filter((alternate) => alternate);\n\nexport const getTotalScore = (question, session, env) => {\n  if (!session) {\n    return 0;\n  }\n\n  if (Object.keys(session).length === 0) {\n    return 0;\n  }\n  const { categories, choices } = question || {};\n  let { correctResponse } = question || {};\n  let { answers } = session || {};\n  answers = answers || [];\n  correctResponse = correctResponse || [];\n\n  // this function is used in pie-ui/categorize as well, in order to get the best scenario\n  // so we get the best scenario and calculate the score\n  const { categories: builtCategories, correct } = buildState(\n    categories,\n    choices,\n    answers,\n    correctResponse\n  );\n\n  const alternates = getAlternates(correctResponse);\n  const enabled = partialScoring.enabled(question, env);\n\n  // if there are any alternates, there will be no partial scoring!\n  if (enabled && !alternates.length) {\n    // we apply partial scoring\n    return getPartialScore(correctResponse, builtCategories);\n  }\n\n  // else we apply dichotomous\n  return correct ? 1 : 0;\n};\n\nexport const getCorrectness = (question, session, env) => {\n  return new Promise((resolve) => {\n    if (env.mode === 'evaluate') {\n      const score = getTotalScore(question, session, env);\n      if (score === 1) {\n        resolve('correct');\n      } else if (score === 0) {\n        resolve('incorrect');\n      } else {\n        resolve('partially-correct');\n      }\n    } else {\n      resolve(undefined);\n    }\n  });\n};\n\nexport const createDefaultModel = (model = {}) =>\n  new Promise((resolve) => {\n    resolve({\n      ...defaults,\n      ...model,\n    });\n  });\n\nexport const normalize = (question) => ({\n  feedbackEnabled: true,\n  rationaleEnabled: true,\n  promptEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport const model = (question, session, env, updateSession) =>\n  new Promise(async (resolve) => {\n    const normalizedQuestion = normalize(question);\n    const answerCorrectness = await getCorrectness(normalizedQuestion, session, env);\n\n    const { mode, role } = env || {};\n\n    const {\n      categories,\n      categoriesPerRow,\n      choicesLabel,\n      choicesPosition,\n      correctResponse,\n      feedback,\n      feedbackEnabled,\n      promptEnabled,\n      prompt,\n      removeTilesAfterPlacing,\n      rowLabels,\n      rationaleEnabled,\n      rationale,\n      note,\n      teacherInstructionsEnabled,\n      teacherInstructions,\n    } = normalizedQuestion;\n    let { choices } = normalizedQuestion;\n    let fb;\n\n    const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n    if (mode === 'evaluate' && feedbackEnabled) {\n      fb = await getFeedbackForCorrectness(\n        answerCorrectness,\n        feedback\n      );\n    }\n\n    if (!lockChoiceOrder) {\n      choices = await getShuffledChoices(choices, session, updateSession, 'id');\n    }\n\n    const alternates = getAlternates(correctResponse);\n    const out = {\n      categories: categories || [],\n      categoriesPerRow: categoriesPerRow || 2,\n      correctness: answerCorrectness,\n      choices: choices || [],\n      choicesLabel: choicesLabel || '',\n      choicesPosition,\n      disabled: mode !== 'gather',\n      feedback: fb,\n      lockChoiceOrder,\n      prompt: promptEnabled ? prompt : null,\n      removeTilesAfterPlacing,\n      rowLabels,\n      note,\n      env,\n      showNote: alternates && alternates.length > 0,\n      correctResponse: mode === 'evaluate' ? correctResponse : undefined,\n    };\n\n    if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n      out.rationale = rationaleEnabled ? rationale : null;\n      out.teacherInstructions = teacherInstructionsEnabled\n        ? teacherInstructions\n        : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n\nexport const outcome = (question, session, env) => {\n  if (env.mode !== 'evaluate') {\n    return Promise.reject(\n      new Error('Can not call outcome when mode is not evaluate')\n    );\n  } else {\n    return new Promise((resolve) => {\n      resolve({\n        score: getTotalScore(question, session, env),\n        empty: !session || isEmpty(session),\n      });\n    });\n  }\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    const { mode, role } = env || {};\n\n    if (mode !== 'evaluate' && role === 'instructor') {\n      const { correctResponse } = question;\n\n      resolve({ answers: correctResponse, id: 1 });\n    } else {\n      return resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["getPartialScore","correctResponse","builtCategories","reduce","acc","choices","placements","length","score","filter","ch","correct","maxScore","extraPlacements","totalScore","parseFloat","toFixed","getAlternates","map","c","alternateResponses","alternate","getTotalScore","question","session","env","Object","keys","categories","answers","alternates","enabled","partialScoring","getCorrectness","Promise","resolve","mode","undefined","createDefaultModel","model","defaults","normalize","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","updateSession","normalizedQuestion","answerCorrectness","role","categoriesPerRow","choicesLabel","choicesPosition","feedback","prompt","removeTilesAfterPlacing","rowLabels","rationale","note","teacherInstructions","lockChoiceOrder","fb","out","correctness","disabled","showNote","outcome","reject","Error","empty","createCorrectResponseSession","id","validate","config","minChoices","maxChoices","maxCategories","reversedChoices","reverse","errors","choicesErrors","forEach","choice","index","content","identicalAnswer","slice","some","nbOfCategories","nbOfChoices","categoriesError","choicesError","hasAssociations","response","associationError"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\nimport { buildState, score } from '@pie-lib/categorize';\nimport { getFeedbackForCorrectness } from '@pie-lib/feedback';\nimport {\n  lockChoices,\n  getShuffledChoices,\n  partialScoring,\n} from '@pie-lib/controller-utils';\nimport defaults from './defaults';\n\n// eslint-disable-next-line no-console\n\nexport { score };\n\nexport const getPartialScore = (correctResponse, builtCategories) => {\n  // in the resulted best scenario we make a sum with all the correct responses\n  // and all the placements\n  const { placements, score } = builtCategories.reduce(\n    (acc, { choices = [] }) => ({\n      placements: acc.placements + choices.length,\n      score: acc.score + choices.filter((ch) => ch.correct).length,\n    }),\n    { placements: 0, score: 0 }\n  );\n\n  // in the correct response, we make a sum of the max possible score\n  const { maxScore } = correctResponse.reduce(\n    (acc, { choices }) => ({\n      maxScore: acc.maxScore + choices.length,\n    }),\n    { maxScore: 0 }\n  );\n\n  // if there are any extra placements, we subtract from the obtained score\n  const extraPlacements = placements > maxScore ? placements - maxScore : 0;\n  const totalScore = (score - extraPlacements) / maxScore;\n\n  return totalScore < 0 ? 0 : parseFloat(totalScore.toFixed(2));\n};\n\nconst getAlternates = correctResponse => correctResponse\n  .map((c) => c.alternateResponses)\n  .filter((alternate) => alternate);\n\nexport const getTotalScore = (question, session, env) => {\n  if (!session) {\n    return 0;\n  }\n\n  if (Object.keys(session).length === 0) {\n    return 0;\n  }\n  const { categories, choices } = question || {};\n  let { correctResponse } = question || {};\n  let { answers } = session || {};\n  answers = answers || [];\n  correctResponse = correctResponse || [];\n\n  // this function is used in pie-ui/categorize as well, in order to get the best scenario\n  // so we get the best scenario and calculate the score\n  const { categories: builtCategories, correct } = buildState(\n    categories,\n    choices,\n    answers,\n    correctResponse\n  );\n\n  const alternates = getAlternates(correctResponse);\n  const enabled = partialScoring.enabled(question, env);\n\n  // if there are any alternates, there will be no partial scoring!\n  if (enabled && !alternates.length) {\n    // we apply partial scoring\n    return getPartialScore(correctResponse, builtCategories);\n  }\n\n  // else we apply dichotomous\n  return correct ? 1 : 0;\n};\n\nexport const getCorrectness = (question, session, env) => {\n  return new Promise((resolve) => {\n    if (env.mode === 'evaluate') {\n      const score = getTotalScore(question, session, env);\n      if (score === 1) {\n        resolve('correct');\n      } else if (score === 0) {\n        resolve('incorrect');\n      } else {\n        resolve('partially-correct');\n      }\n    } else {\n      resolve(undefined);\n    }\n  });\n};\n\nexport const createDefaultModel = (model = {}) =>\n  new Promise((resolve) => {\n    resolve({\n      ...defaults,\n      ...model,\n    });\n  });\n\nexport const normalize = (question) => ({\n  feedbackEnabled: true,\n  rationaleEnabled: true,\n  promptEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport const model = (question, session, env, updateSession) =>\n  new Promise(async (resolve) => {\n    const normalizedQuestion = normalize(question);\n    const answerCorrectness = await getCorrectness(normalizedQuestion, session, env);\n\n    const { mode, role } = env || {};\n\n    const {\n      categories,\n      categoriesPerRow,\n      choicesLabel,\n      choicesPosition,\n      correctResponse,\n      feedback,\n      feedbackEnabled,\n      promptEnabled,\n      prompt,\n      removeTilesAfterPlacing,\n      rowLabels,\n      rationaleEnabled,\n      rationale,\n      note,\n      teacherInstructionsEnabled,\n      teacherInstructions,\n    } = normalizedQuestion;\n    let { choices } = normalizedQuestion;\n    let fb;\n\n    const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n    if (mode === 'evaluate' && feedbackEnabled) {\n      fb = await getFeedbackForCorrectness(\n        answerCorrectness,\n        feedback\n      );\n    }\n\n    if (!lockChoiceOrder) {\n      choices = await getShuffledChoices(choices, session, updateSession, 'id');\n    }\n\n    const alternates = getAlternates(correctResponse);\n    const out = {\n      categories: categories || [],\n      categoriesPerRow: categoriesPerRow || 2,\n      correctness: answerCorrectness,\n      choices: choices || [],\n      choicesLabel: choicesLabel || '',\n      choicesPosition,\n      disabled: mode !== 'gather',\n      feedback: fb,\n      lockChoiceOrder,\n      prompt: promptEnabled ? prompt : null,\n      removeTilesAfterPlacing,\n      rowLabels,\n      note,\n      env,\n      showNote: alternates && alternates.length > 0,\n      correctResponse: mode === 'evaluate' ? correctResponse : undefined,\n    };\n\n    if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n      out.rationale = rationaleEnabled ? rationale : null;\n      out.teacherInstructions = teacherInstructionsEnabled\n        ? teacherInstructions\n        : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n\nexport const outcome = (question, session, env) => {\n  if (env.mode !== 'evaluate') {\n    return Promise.reject(\n      new Error('Can not call outcome when mode is not evaluate')\n    );\n  } else {\n    return new Promise((resolve) => {\n      resolve({\n        score: getTotalScore(question, session, env),\n        empty: !session || isEmpty(session),\n      });\n    });\n  }\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    const { mode, role } = env || {};\n\n    if (mode !== 'evaluate' && role === 'instructor') {\n      const { correctResponse } = question;\n\n      resolve({ answers: correctResponse, id: 1 });\n    } else {\n      return resolve(null);\n    }\n  });\n};\n\nexport const validate = (model = {}, config = {}) => {\n  const { categories, choices, correctResponse } = model;\n  const { minChoices = 1, maxChoices, maxCategories } = config;\n  const reversedChoices = [ ...choices || []].reverse();\n  const errors = {};\n  const choicesErrors = {};\n\n  reversedChoices.forEach((choice, index) => {\n    const { id, content } = choice;\n\n    if (content === '' || content === '<div></div>') {\n      choicesErrors[id] = 'Content should not be empty.';\n    } else {\n      const identicalAnswer = reversedChoices.slice(index + 1).some(c => c.content === content);\n\n      if (identicalAnswer) {\n        choicesErrors[id] = 'Content should be unique.';\n      }\n    }\n  });\n\n  const nbOfCategories = (categories || []).length;\n  const nbOfChoices = (choices || []).length\n\n  if (nbOfCategories > maxCategories) {\n    errors.categoriesError = `No more than ${maxCategories} categories should be defined.`;\n  } else if (nbOfCategories < 1) {\n    errors.categoriesError = 'There should be at least 1 category defined.';\n  }\n\n  if (nbOfChoices < minChoices) {\n    errors.choicesError = `There should be at least ${minChoices} choices defined.`;\n  } else if (nbOfChoices > maxChoices) {\n    errors.choicesError = `No more than ${maxChoices} choices should be defined.`;\n  }\n\n  if (nbOfChoices && nbOfCategories) {\n    let hasAssociations = false;\n\n    (correctResponse || []).forEach(response => {\n      const { choices = [], alternateResponses = [] } = response;\n\n      if (choices.length) {\n        hasAssociations = true;\n      } else {\n        alternateResponses.forEach(alternate => {\n          if ((alternate || []).length) {\n            hasAssociations = true;\n          }\n        });\n      }\n    });\n\n    if (!hasAssociations) {\n      errors.associationError = 'At least one token should be assigned to at least one category.';\n    }\n  }\n\n  if (!isEmpty(choicesErrors)) {\n    errors.choicesErrors = choicesErrors;\n  }\n\n  return errors;\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -7,7 +7,7 @@
     "@pie-lib/feedback": "^0.4.27",
     "lodash": "^4.17.15"
   },
-  "version": "5.2.7",
+  "version": "5.2.8",
   "description": "",
   "scripts": {},
   "main": "lib/index.js",

package/docs/config-schema.json

@@ -99,6 +99,21 @@
         }
       }
     },
+    "minChoices": {
+      "description": "Minimum number of choices",
+      "type": "number",
+      "title": "minChoices"
+    },
+    "maxChoices": {
+      "description": "Maximum number of choices",
+      "type": "number",
+      "title": "maxChoices"
+    },
+    "maxCategories": {
+      "description": "Maximum number of categories",
+      "type": "number",
+      "title": "maxCategories"
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,

package/docs/config-schema.json.md

@@ -74,6 +74,18 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `minChoices` (number)
+
+Minimum number of choices
+
+# `maxChoices` (number)
+
+Maximum number of choices
+
+# `maxCategories` (number)
+
+Maximum number of categories
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.9.16",
+  "version": "6.9.19",
   "description": "",
   "author": "pie framework developers",
   "license": "ISC",
@@ -12,10 +12,10 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/categorize": "^0.6.24",
-    "@pie-lib/correct-answer-toggle": "^2.3.35",
+    "@pie-lib/correct-answer-toggle": "^2.3.36",
     "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/math-rendering": "^2.3.13",
-    "@pie-lib/render-ui": "^4.12.5",
+    "@pie-lib/math-rendering": "^2.4.0",
+    "@pie-lib/render-ui": "^4.12.6",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",
@@ -24,7 +24,7 @@
     "react-dnd": "^9.3.2",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "de8f41ecfc06944b7bc890a167f81818d2bf1845",
+  "gitHead": "8ea971e13e74d785cd35a04fd9fe1abe1fa2dabf",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },