@pie-element/categorize 6.7.3-next.137 → 6.7.3-next.1370

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;AAAA,wBACkD,KAAKC,KADvD;AAAA,UACCC,OADD,eACCA,OADD;AAAA,UACUC,SADV,eACUA,SADV;AAAA,UACqBC,KADrB,eACqBA,KADrB;AAAA,UAC4BC,OAD5B,eAC4BA,OAD5B;AAAA,UACqCC,QADrC,eACqCA,QADrC;AAEP,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/alternateResponses.js

@@ -33,7 +33,7 @@ var _category = _interopRequireDefault(require("./category"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var styles = function styles(theme) {
   return {
@@ -134,7 +134,9 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
           classes = _this$props3.classes,
           className = _this$props3.className,
           categories = _this$props3.categories,
-          imageSupport = _this$props3.imageSupport;
+          imageSupport = _this$props3.imageSupport,
+          spellCheck = _this$props3.spellCheck,
+          uploadSoundSupport = _this$props3.uploadSoundSupport;
       var categoriesPerRow = model.categoriesPerRow;
       var holderStyle = {
         gridTemplateColumns: "repeat(".concat(categoriesPerRow, ", 1fr)")
@@ -149,10 +151,12 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
           key: index,
           imageSupport: imageSupport,
           category: category,
+          spellCheck: spellCheck,
           onAddChoice: _this2.addChoiceToCategory,
           onDeleteChoice: function onDeleteChoice(choice, choiceIndex) {
             return _this2.deleteChoiceFromCategory(category, choice, choiceIndex);
-          }
+          },
+          uploadSoundSupport: uploadSoundSupport
         });
       })));
     }
@@ -171,7 +175,11 @@ exports.AlternateResponses = AlternateResponses;
   className: _propTypes["default"].string,
   categories: _propTypes["default"].array,
   onModelChanged: _propTypes["default"].func,
-  model: _propTypes["default"].object.isRequired
+  model: _propTypes["default"].object.isRequired,
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
 });
 
 var _default = (0, _styles.withStyles)(styles)(AlternateResponses);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/alternateResponses.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","AlternateResponses","choice","categoryId","props","altIndex","correctResponse","model","onModelChanged","forEach","a","category","alternateResponses","push","id","filter","altId","classes","className","imageSupport","categoriesPerRow","holderStyle","map","index","addChoiceToCategory","choiceIndex","deleteChoiceFromCategory","React","Component","PropTypes","number","isRequired","shape","add","func","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 classNames from 'classnames';\nimport Category from './category';\n\nconst styles = theme => ({\n  categories: {\n    marginBottom: theme.spacing.unit\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit\n  },\n  rowLabel: {\n    gridColumn: '1/3'\n  },\n  rowLabelHolder: {\n    width: '100%'\n  }\n});\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    altIndex: PropTypes.number.isRequired,\n    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  };\n\n  addChoiceToCategory = (choice, categoryId) => {\n    const { altIndex, model: { correctResponse }, onModelChanged } = this.props;\n\n    correctResponse.forEach(a => {\n      if (a.category === categoryId) {\n        a.alternateResponses = a.alternateResponses || [];\n\n        if (!a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = [];\n        }\n\n        a.alternateResponses[altIndex].push(choice.id);\n\n        return a;\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice) => {\n    const { altIndex, model: { correctResponse }, onModelChanged } = this.props;\n\n    correctResponse.forEach(a => {\n      if (a.category === category.id) {\n        if (a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter(altId => altId !== choice.id);\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  render() {\n    const {\n      model,\n      classes,\n      className,\n      categories,\n      imageSupport\n    } = this.props;\n    const { categoriesPerRow } = model;\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`\n    };\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => (\n            <Category\n              key={index}\n              imageSupport={imageSupport}\n              category={category}\n              onAddChoice={this.addChoiceToCategory}\n              onDeleteChoice={(choice, choiceIndex) =>\n                this.deleteChoiceFromCategory(category, choice, choiceIndex)\n              }\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AlternateResponses);\n"],"file":"alternateResponses.js"}
+{"version":3,"sources":["../../../src/design/categories/alternateResponses.jsx"],"names":["styles","theme","categories","marginBottom","spacing","unit","categoriesHolder","display","gridRowGap","gridColumnGap","row","gridTemplateColumns","alignItems","width","marginTop","rowLabel","gridColumn","rowLabelHolder","AlternateResponses","choice","categoryId","props","altIndex","correctResponse","model","onModelChanged","forEach","a","category","alternateResponses","push","id","filter","altId","classes","className","imageSupport","spellCheck","uploadSoundSupport","categoriesPerRow","holderStyle","map","index","addChoiceToCategory","choiceIndex","deleteChoiceFromCategory","React","Component","PropTypes","number","isRequired","shape","add","func","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 classNames from 'classnames';\nimport Category from './category';\n\nconst styles = theme => ({\n  categories: {\n    marginBottom: theme.spacing.unit\n  },\n  categoriesHolder: {\n    display: 'grid',\n    gridRowGap: `${theme.spacing.unit}px`,\n    gridColumnGap: `${theme.spacing.unit}px`\n  },\n  row: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(2, 1fr)',\n    gridColumnGap: `${theme.spacing.unit}px`,\n    alignItems: 'baseline',\n    width: '100%',\n    marginTop: theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit\n  },\n  rowLabel: {\n    gridColumn: '1/3'\n  },\n  rowLabelHolder: {\n    width: '100%'\n  }\n});\n\nexport class AlternateResponses extends React.Component {\n  static propTypes = {\n    altIndex: PropTypes.number.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n  };\n\n  addChoiceToCategory = (choice, categoryId) => {\n    const { altIndex, model: { correctResponse }, onModelChanged } = this.props;\n\n    correctResponse.forEach(a => {\n      if (a.category === categoryId) {\n        a.alternateResponses = a.alternateResponses || [];\n\n        if (!a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = [];\n        }\n\n        a.alternateResponses[altIndex].push(choice.id);\n\n        return a;\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  deleteChoiceFromCategory = (category, choice) => {\n    const { altIndex, model: { correctResponse }, onModelChanged } = this.props;\n\n    correctResponse.forEach(a => {\n      if (a.category === category.id) {\n        if (a.alternateResponses[altIndex]) {\n          a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter(altId => altId !== choice.id);\n        }\n      }\n\n      return a;\n    });\n\n    onModelChanged({ correctResponse });\n  };\n\n  render() {\n    const {\n      model,\n      classes,\n      className,\n      categories,\n      imageSupport,\n      spellCheck,\n      uploadSoundSupport\n    } = this.props;\n    const { categoriesPerRow } = model;\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`\n    };\n\n    return (\n      <div className={classNames(classes.categories, className)}>\n        <div className={classes.categoriesHolder} style={holderStyle}>\n          {categories.map((category, index) => (\n            <Category\n              key={index}\n              imageSupport={imageSupport}\n              category={category}\n              spellCheck={spellCheck}\n              onAddChoice={this.addChoiceToCategory}\n              onDeleteChoice={(choice, choiceIndex) =>\n                this.deleteChoiceFromCategory(category, choice, choiceIndex)\n              }\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AlternateResponses);\n"],"file":"alternateResponses.js"}

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

@@ -41,7 +41,7 @@ var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placehol
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var Category = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Category, _React$Component);
@@ -80,7 +80,11 @@ var Category = /*#__PURE__*/function (_React$Component) {
           onDeleteChoice = _this$props2.onDeleteChoice,
           onAddChoice = _this$props2.onAddChoice,
           imageSupport = _this$props2.imageSupport,
-          toolbarOpts = _this$props2.toolbarOpts;
+          spellCheck = _this$props2.spellCheck,
+          toolbarOpts = _this$props2.toolbarOpts,
+          maxImageWidth = _this$props2.maxImageWidth,
+          maxImageHeight = _this$props2.maxImageHeight,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
       return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         className: (0, _classnames["default"])(classes.category, className)
       }, onChange && /*#__PURE__*/_react["default"].createElement(_inputHeader["default"], {
@@ -88,7 +92,11 @@ var Category = /*#__PURE__*/function (_React$Component) {
         onChange: this.changeLabel,
         onDelete: onDelete,
         imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheck,
+        maxImageWidth: maxImageWidth,
+        maxImageHeight: maxImageHeight,
+        uploadSoundSupport: uploadSoundSupport
       }), /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
         className: classes.placeHolder,
         choices: category.choices,
@@ -119,7 +127,11 @@ exports.Category = Category;
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
   }),
-  toolbarOpts: _propTypes["default"].object
+  toolbarOpts: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
 });
 (0, _defineProperty2["default"])(Category, "defaultProps", {});
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/category.jsx"],"names":["Category","l","props","category","onChange","label","classes","className","onDelete","onDeleteChoice","onAddChoice","imageSupport","toolbarOpts","changeLabel","placeHolder","choices","id","actions","React","Component","PropTypes","object","isRequired","string","func","shape","add","styles","theme","minHeight","deleteButton","margin","padding","paddingBottom","paddingTop","spacing","unit","iconButtonRoot","width","height","header","display","justifyContent","overflow","editor","flex"],"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 InputHeader from '../input-header';\nimport CardActions from '@material-ui/core/CardActions';\nimport { DeleteButton } from '../buttons';\n\nimport PlaceHolder from './droppable-placeholder';\n\nexport class Category extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    category: PropTypes.object.isRequired,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    onDeleteChoice: PropTypes.func,\n    onAddChoice: 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\n  changeLabel = l => {\n    const { category, onChange } = this.props;\n    category.label = l;\n    onChange(category);\n  };\n\n  render() {\n    const {\n      category,\n      classes,\n      className,\n      onChange,\n      onDelete,\n      onDeleteChoice,\n      onAddChoice,\n      imageSupport,\n      toolbarOpts\n    } = this.props;\n    return (\n      <Card className={classNames(classes.category, className)}>\n        {\n          onChange && (\n            <InputHeader\n              label={category.label}\n              onChange={this.changeLabel}\n              onDelete={onDelete}\n              imageSupport={imageSupport}\n              toolbarOpts={toolbarOpts}\n            />\n          )\n        }\n        <PlaceHolder\n          className={classes.placeHolder}\n          choices={category.choices}\n          onDeleteChoice={onDeleteChoice}\n          onDropChoice={onAddChoice}\n          categoryId={category.id}\n        />\n        {\n          onDelete && (\n            <CardActions className={classes.actions}>\n              <DeleteButton label={'delete'} onClick={onDelete} />\n            </CardActions>\n          )\n        }\n      </Card>\n    );\n  }\n}\nconst styles = theme => ({\n  placeHolder: {\n    minHeight: '100px'\n  },\n  deleteButton: {\n    margin: 0\n  },\n  actions: {\n    padding: 0,\n    paddingBottom: 0,\n    paddingTop: theme.spacing.unit\n  },\n  iconButtonRoot: {\n    width: 'auto',\n    height: 'auto'\n  },\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  category: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit * 2\n  }\n});\nexport default withStyles(styles)(Category);\n"],"file":"category.js"}
+{"version":3,"sources":["../../../src/design/categories/category.jsx"],"names":["Category","l","props","category","onChange","label","classes","className","onDelete","onDeleteChoice","onAddChoice","imageSupport","spellCheck","toolbarOpts","maxImageWidth","maxImageHeight","uploadSoundSupport","changeLabel","placeHolder","choices","id","actions","React","Component","PropTypes","object","isRequired","string","func","shape","add","styles","theme","minHeight","deleteButton","margin","padding","paddingBottom","paddingTop","spacing","unit","iconButtonRoot","width","height","header","display","justifyContent","overflow","editor","flex"],"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 InputHeader from '../input-header';\nimport CardActions from '@material-ui/core/CardActions';\nimport { DeleteButton } from '../buttons';\n\nimport PlaceHolder from './droppable-placeholder';\n\nexport class Category extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    category: PropTypes.object.isRequired,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    onDeleteChoice: PropTypes.func,\n    onAddChoice: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  static defaultProps = {};\n\n  changeLabel = l => {\n    const { category, onChange } = this.props;\n    category.label = l;\n    onChange(category);\n  };\n\n  render() {\n    const {\n      category,\n      classes,\n      className,\n      onChange,\n      onDelete,\n      onDeleteChoice,\n      onAddChoice,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport\n    } = this.props;\n    return (\n      <Card className={classNames(classes.category, className)}>\n        {\n          onChange && (\n            <InputHeader\n              label={category.label}\n              onChange={this.changeLabel}\n              onDelete={onDelete}\n              imageSupport={imageSupport}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          )\n        }\n        <PlaceHolder\n          className={classes.placeHolder}\n          choices={category.choices}\n          onDeleteChoice={onDeleteChoice}\n          onDropChoice={onAddChoice}\n          categoryId={category.id}\n        />\n        {\n          onDelete && (\n            <CardActions className={classes.actions}>\n              <DeleteButton label={'delete'} onClick={onDelete} />\n            </CardActions>\n          )\n        }\n      </Card>\n    );\n  }\n}\nconst styles = theme => ({\n  placeHolder: {\n    minHeight: '100px'\n  },\n  deleteButton: {\n    margin: 0\n  },\n  actions: {\n    padding: 0,\n    paddingBottom: 0,\n    paddingTop: theme.spacing.unit\n  },\n  iconButtonRoot: {\n    width: 'auto',\n    height: 'auto'\n  },\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  category: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit * 2\n  }\n});\nexport default withStyles(styles)(Category);\n"],"file":"category.js"}

package/configure/lib/design/categories/choice-preview.js

@@ -39,7 +39,7 @@ var _renderUi = require("@pie-lib/render-ui");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var ChoicePreview = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ChoicePreview, _React$Component);
@@ -74,14 +74,14 @@ var ChoicePreview = /*#__PURE__*/function (_React$Component) {
           choice = _this$props2.choice;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.choicePreview, className)
-      }, /*#__PURE__*/_react["default"].createElement(_drag.Choice, null, /*#__PURE__*/_react["default"].createElement(_renderUi.HtmlAndMath, {
-        html: choice.content
+      }, choice ? /*#__PURE__*/_react["default"].createElement(_drag.Choice, null, /*#__PURE__*/_react["default"].createElement(_renderUi.HtmlAndMath, {
+        html: choice === null || choice === void 0 ? void 0 : choice.content
       }), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         color: "secondary",
         "aria-label": "delete",
         className: classes["delete"],
         onClick: this["delete"]
-      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))));
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))) : null);
     }
   }]);
   return ChoicePreview;

package/configure/lib/design/categories/choice-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/choice-preview.jsx"],"names":["ChoicePreview","props","onDelete","choice","classes","className","choicePreview","content","React","Component","PropTypes","object","isRequired","string","func","styles","position","right","top"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,a;;;;;;;;;;;;;;;+FASF,YAAM;AAAA,wBACgB,MAAKC,KADrB;AAAA,UACLC,QADK,eACLA,QADK;AAAA,UACKC,MADL,eACKA,MADL;AAEbD,MAAAA,QAAQ,CAACC,MAAD,CAAR;AACD,K;;;;;;WAED,kBAAS;AAAA,yBACgC,KAAKF,KADrC;AAAA,UACCG,OADD,gBACCA,OADD;AAAA,UACUC,SADV,gBACUA,SADV;AAAA,UACqBF,MADrB,gBACqBA,MADrB;AAEP,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWC,OAAO,CAACE,aAAnB,EAAkCD,SAAlC;AAAhB,sBACE,gCAAC,YAAD,qBACE,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEF,MAAM,CAACI;AAA1B,QADF,eAEE,gCAAC,sBAAD;AACE,QAAA,KAAK,EAAC,WADR;AAEE,sBAAW,QAFb;AAGE,QAAA,SAAS,EAAEH,OAAO,UAHpB;AAIE,QAAA,OAAO,EAAE;AAJX,sBAME,gCAAC,kBAAD,OANF,CAFF,CADF,CADF;AAeD;;;EA/BgCI,kBAAMC,S;;;iCAA5BT,a,eACQ;AACjBI,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,SAAS,EAAEK,sBAAUG,MAFJ;AAGjBV,EAAAA,MAAM,EAAEO,sBAAUC,MAAV,CAAiBC,UAHR;AAIjBV,EAAAA,QAAQ,EAAEQ,sBAAUI,IAAV,CAAeF;AAJR,C;iCADRZ,a,kBAOW,E;;AA0BxB,IAAMe,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBT,IAAAA,aAAa,EAAE;AACbU,MAAAA,QAAQ,EAAE;AADG,KADK;AAIpB,cAAQ;AACNA,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC;AAJY,GAAP;AAAA,CAAf;;eAUe,wBAAWH,MAAX,EAAmBf,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Choice } from '@pie-lib/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\nimport { HtmlAndMath } from '@pie-lib/render-ui';\n\nexport class ChoicePreview extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    onDelete: PropTypes.func.isRequired\n  };\n  static defaultProps = {};\n\n  delete = () => {\n    const { onDelete, choice } = this.props;\n    onDelete(choice);\n  };\n\n  render() {\n    const { classes, className, choice } = this.props;\n    return (\n      <div className={classNames(classes.choicePreview, className)}>\n        <Choice>\n          <HtmlAndMath html={choice.content} />\n          <IconButton\n            color=\"secondary\"\n            aria-label=\"delete\"\n            className={classes.delete}\n            onClick={this.delete}\n          >\n            <Delete />\n          </IconButton>\n        </Choice>\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  choicePreview: {\n    position: 'relative'\n  },\n  delete: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  }\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"file":"choice-preview.js"}
+{"version":3,"sources":["../../../src/design/categories/choice-preview.jsx"],"names":["ChoicePreview","props","onDelete","choice","classes","className","choicePreview","content","React","Component","PropTypes","object","isRequired","string","func","styles","position","right","top"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,a;;;;;;;;;;;;;;;+FASF,YAAM;AACb,wBAA6B,MAAKC,KAAlC;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,MAAlB,eAAkBA,MAAlB;AACAD,MAAAA,QAAQ,CAACC,MAAD,CAAR;AACD,K;;;;;;WAED,kBAAS;AACP,yBAAuC,KAAKF,KAA5C;AAAA,UAAQG,OAAR,gBAAQA,OAAR;AAAA,UAAiBC,SAAjB,gBAAiBA,SAAjB;AAAA,UAA4BF,MAA5B,gBAA4BA,MAA5B;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWC,OAAO,CAACE,aAAnB,EAAkCD,SAAlC;AAAhB,SAEIF,MAAM,gBAAG,gCAAC,YAAD,qBACP,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEA,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEI;AAA3B,QADO,eAEP,gCAAC,sBAAD;AACE,QAAA,KAAK,EAAC,WADR;AAEE,sBAAW,QAFb;AAGE,QAAA,SAAS,EAAEH,OAAO,UAHpB;AAIE,QAAA,OAAO,EAAE;AAJX,sBAME,gCAAC,kBAAD,OANF,CAFO,CAAH,GAWF,IAbR,CADF;AAkBD;;;EAlCgCI,kBAAMC,S;;;iCAA5BT,a,eACQ;AACjBI,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,SAAS,EAAEK,sBAAUG,MAFJ;AAGjBV,EAAAA,MAAM,EAAEO,sBAAUC,MAAV,CAAiBC,UAHR;AAIjBV,EAAAA,QAAQ,EAAEQ,sBAAUI,IAAV,CAAeF;AAJR,C;iCADRZ,a,kBAOW,E;;AA6BxB,IAAMe,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBT,IAAAA,aAAa,EAAE;AACbU,MAAAA,QAAQ,EAAE;AADG,KADK;AAIpB,cAAQ;AACNA,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC;AAJY,GAAP;AAAA,CAAf;;eAUe,wBAAWH,MAAX,EAAmBf,aAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Choice } from '@pie-lib/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\nimport { HtmlAndMath } from '@pie-lib/render-ui';\n\nexport class ChoicePreview extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    onDelete: PropTypes.func.isRequired\n  };\n  static defaultProps = {};\n\n  delete = () => {\n    const { onDelete, choice } = this.props;\n    onDelete(choice);\n  };\n\n  render() {\n    const { classes, className, choice } = this.props;\n    return (\n      <div className={classNames(classes.choicePreview, className)}>\n        {\n          choice ? <Choice>\n            <HtmlAndMath html={choice?.content} />\n            <IconButton\n              color=\"secondary\"\n              aria-label=\"delete\"\n              className={classes.delete}\n              onClick={this.delete}\n            >\n              <Delete />\n            </IconButton>\n          </Choice>\n            : null\n        }\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  choicePreview: {\n    position: 'relative'\n  },\n  delete: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  }\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"file":"choice-preview.js"}

package/configure/lib/design/categories/droppable-placeholder.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.spec = exports.DroppablePlaceHolder = void 0;
+exports.spec = exports["default"] = exports.DroppablePlaceHolder = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -37,7 +37,7 @@ var _debug = _interopRequireDefault(require("debug"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('@pie-element:categorize:configure');
 var Helper = (0, _styles.withStyles)(function () {
@@ -62,7 +62,7 @@ var Previews = function Previews(_ref2) {
   var choices = _ref2.choices,
       onDeleteChoice = _ref2.onDeleteChoice;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, choices.map(function (c, index) {
-    return /*#__PURE__*/_react["default"].createElement(_choicePreview["default"], {
+    return c && /*#__PURE__*/_react["default"].createElement(_choicePreview["default"], {
       choice: c,
       key: index,
       onDelete: function onDelete(choice) {

package/configure/lib/design/categories/droppable-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design/categories/droppable-placeholder.jsx"],"names":["log","Helper","helper","display","alignItems","fontSize","color","width","height","classes","Previews","choices","onDeleteChoice","map","c","index","choice","propTypes","PropTypes","array","func","DroppablePlaceHolder","props","isOver","className","connectDropTarget","droppablePlaceholder","placeHolder","length","React","Component","object","isRequired","string","onDropChoice","bool","categoryId","styles","minHeight","Styled","spec","drop","monitor","item","getItem","canDrop","disabled","WithTarget","uid","connect","dropTarget","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 ChoicePreview from './choice-preview';\nimport { DropTarget } from 'react-dnd';\nimport { uid, PlaceHolder } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-element:categorize:configure');\n\nconst Helper = withStyles(() => ({\n  helper: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '12px',\n    color: 'rgba(0,0,0,0.4)',\n    width: '100%',\n    height: '100%'\n  }\n}))(({ classes }) => (\n  <div className={classes.helper}>Drag your correct answers here</div>\n));\n\nconst Previews = ({ choices, onDeleteChoice }) => (\n  <React.Fragment>\n    {choices.map((c, index) => (\n      <ChoicePreview\n        choice={c}\n        key={index}\n        onDelete={choice => onDeleteChoice(choice, index)}\n      />\n    ))}\n  </React.Fragment>\n);\n\nPreviews.propTypes = {\n  choices: PropTypes.array,\n  onDeleteChoice: PropTypes.func\n};\n\nexport class DroppablePlaceHolder extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    connectDropTarget: PropTypes.func.isRequired,\n    choices: PropTypes.array,\n    onDropChoice: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    onDeleteChoice: PropTypes.func,\n    categoryId: PropTypes.string.isRequired\n  };\n\n  static defaultProps = {};\n  render() {\n    const {\n      isOver,\n      choices,\n      classes,\n      className,\n      connectDropTarget,\n      onDeleteChoice\n    } = this.props;\n\n    return connectDropTarget(\n      <div className={classNames(classes.droppablePlaceholder, className)}>\n        <PlaceHolder isOver={isOver} className={classes.placeHolder}>\n          {(choices || []).length === 0 ? (\n            <Helper />\n          ) : (\n            <Previews choices={choices} onDeleteChoice={onDeleteChoice} />\n          )}\n        </PlaceHolder>\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  droppablePlaceholder: {\n    minHeight: '100px'\n  },\n  placeHolder: {\n    width: '100%',\n    minHeight: '100px',\n    height: 'auto'\n  }\n});\n\nconst Styled = withStyles(styles)(DroppablePlaceHolder);\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n    props.onDropChoice(item, props.categoryId);\n  },\n  canDrop: (props /*, monitor*/) => {\n    return !props.disabled;\n  }\n};\n\nconst WithTarget = DropTarget(({ uid }) => uid, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver()\n}))(Styled);\n\nexport default uid.withUid(WithTarget);\n"],"file":"droppable-placeholder.js"}
+{"version":3,"sources":["../../../src/design/categories/droppable-placeholder.jsx"],"names":["log","Helper","helper","display","alignItems","fontSize","color","width","height","classes","Previews","choices","onDeleteChoice","map","c","index","choice","propTypes","PropTypes","array","func","DroppablePlaceHolder","props","isOver","className","connectDropTarget","droppablePlaceholder","placeHolder","length","React","Component","object","isRequired","string","onDropChoice","bool","categoryId","styles","minHeight","Styled","spec","drop","monitor","item","getItem","canDrop","disabled","WithTarget","uid","connect","dropTarget","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 ChoicePreview from './choice-preview';\nimport { DropTarget } from 'react-dnd';\nimport { uid, PlaceHolder } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-element:categorize:configure');\n\nconst Helper = withStyles(() => ({\n  helper: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '12px',\n    color: 'rgba(0,0,0,0.4)',\n    width: '100%',\n    height: '100%'\n  }\n}))(({ classes }) => (\n  <div className={classes.helper}>Drag your correct answers here</div>\n));\n\nconst Previews = ({ choices, onDeleteChoice }) => (\n  <React.Fragment>\n    {choices.map((c, index) =>\n      c && <ChoicePreview\n        choice={c}\n        key={index}\n        onDelete={choice => onDeleteChoice(choice, index)}\n      />\n    )}\n  </React.Fragment>\n);\n\nPreviews.propTypes = {\n  choices: PropTypes.array,\n  onDeleteChoice: PropTypes.func\n};\n\nexport class DroppablePlaceHolder extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    connectDropTarget: PropTypes.func.isRequired,\n    choices: PropTypes.array,\n    onDropChoice: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    onDeleteChoice: PropTypes.func,\n    categoryId: PropTypes.string.isRequired\n  };\n\n  static defaultProps = {};\n  render() {\n    const {\n      isOver,\n      choices,\n      classes,\n      className,\n      connectDropTarget,\n      onDeleteChoice\n    } = this.props;\n\n    return connectDropTarget(\n      <div className={classNames(classes.droppablePlaceholder, className)}>\n        <PlaceHolder isOver={isOver} className={classes.placeHolder}>\n          {(choices || []).length === 0 ? (\n            <Helper />\n          ) : (\n            <Previews choices={choices} onDeleteChoice={onDeleteChoice} />\n          )}\n        </PlaceHolder>\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  droppablePlaceholder: {\n    minHeight: '100px'\n  },\n  placeHolder: {\n    width: '100%',\n    minHeight: '100px',\n    height: 'auto'\n  }\n});\n\nconst Styled = withStyles(styles)(DroppablePlaceHolder);\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n    props.onDropChoice(item, props.categoryId);\n  },\n  canDrop: (props /*, monitor*/) => {\n    return !props.disabled;\n  }\n};\n\nconst WithTarget = DropTarget(({ uid }) => uid, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver()\n}))(Styled);\n\nexport default uid.withUid(WithTarget);\n"],"file":"droppable-placeholder.js"}

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

@@ -39,15 +39,21 @@ 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); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var styles = function styles(theme) {
   return {
@@ -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'
     }
   };
 };
@@ -83,7 +99,11 @@ var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
       markup = _ref.markup,
       imageSupport = _ref.imageSupport,
       onChange = _ref.onChange,
-      toolbarOpts = _ref.toolbarOpts;
+      toolbarOpts = _ref.toolbarOpts,
+      spellCheck = _ref.spellCheck,
+      maxImageWidth = _ref.maxImageWidth,
+      maxImageHeight = _ref.maxImageHeight,
+      uploadSoundSupport = _ref.uploadSoundSupport;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       gridColumn: "1/".concat(categoriesPerRow + 1),
@@ -97,7 +117,16 @@ var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
     onChange: onChange,
     imageSupport: imageSupport,
     nonEmpty: false,
-    toolbarOpts: toolbarOpts
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheck,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }]
   }));
 });
 
@@ -224,19 +253,58 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           className = _this$props4.className,
           categories = _this$props4.categories,
           imageSupport = _this$props4.imageSupport,
-          toolbarOpts = _this$props4.toolbarOpts;
+          uploadSoundSupport = _this$props4.uploadSoundSupport,
+          toolbarOpts = _this$props4.toolbarOpts,
+          spellCheck = _this$props4.spellCheck,
+          configuration = _this$props4.configuration,
+          defaultImageMaxHeight = _this$props4.defaultImageMaxHeight,
+          defaultImageMaxWidth = _this$props4.defaultImageMaxWidth;
       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,
+          _ref3$maxImageWidth = _ref3.maxImageWidth,
+          maxImageWidth = _ref3$maxImageWidth === void 0 ? {} : _ref3$maxImageWidth,
+          _ref3$maxImageHeight = _ref3.maxImageHeight,
+          maxImageHeight = _ref3$maxImageHeight === void 0 ? {} : _ref3$maxImageHeight;
+
       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",
@@ -263,7 +331,11 @@ var Categories = /*#__PURE__*/function (_React$Component) {
             return _this2.changeRowLabel(val, rowIndex);
           },
           imageSupport: imageSupport,
-          toolbarOpts: toolbarOpts
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheck,
+          maxImageWidth: maxImageWidth && maxImageWidth.rowLabel || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.rowLabel || defaultImageMaxHeight,
+          uploadSoundSupport: uploadSoundSupport
         }), /*#__PURE__*/_react["default"].createElement(_category["default"], {
           imageSupport: imageSupport,
           category: category,
@@ -273,9 +345,13 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           },
           onAddChoice: _this2.addChoiceToCategory,
           toolbarOpts: toolbarOpts,
+          spellCheck: spellCheck,
           onDeleteChoice: function onDeleteChoice(choice, choiceIndex) {
             return _this2.deleteChoiceFromCategory(category, choice, choiceIndex);
-          }
+          },
+          maxImageWidth: maxImageWidth && maxImageWidth.categoryLabel || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.categoryLabel || defaultImageMaxHeight,
+          uploadSoundSupport: uploadSoundSupport
         }));
       })));
     }
@@ -289,11 +365,16 @@ exports.Categories = Categories;
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
   }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  }),
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   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","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 }) => {\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      />\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    } = this.props;\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                  />\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                  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","maxImageWidth","maxImageHeight","uploadSoundSupport","text","language","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","defaultImageMaxHeight","defaultImageMaxWidth","errors","associationError","categoriesError","maxCategories","holderStyle","validationMessage","add","marginLeft","min","max","changeCategoryColumns","hasRowLabel","rowIndex","changeRowLabel","change","addChoiceToCategory","deleteChoiceFromCategory","categoryLabel","React","Component","PropTypes","shape","func","isRequired","object","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport classNames from 'classnames';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { 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, maxImageWidth, maxImageHeight, uploadSoundSupport}) => {\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        maxImageWidth={maxImageWidth}\n        maxImageHeight={maxImageHeight}\n        uploadSoundSupport={uploadSoundSupport}\n        languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\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    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object\n  };\n\n  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      uploadSoundSupport,\n      toolbarOpts,\n      spellCheck,\n      configuration,\n      defaultImageMaxHeight,\n      defaultImageMaxWidth\n    } = this.props;\n\n    const { categoriesPerRow, rowLabels, errors } = model;\n    const { associationError, categoriesError } = errors || {};\n    const {\n      maxCategories,\n      maxImageWidth = {},\n      maxImageHeight = {},\n    } = 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                    maxImageWidth={maxImageWidth && maxImageWidth.rowLabel || defaultImageMaxWidth}\n                    maxImageHeight={maxImageHeight && maxImageHeight.rowLabel || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\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                  maxImageWidth={maxImageWidth && maxImageWidth.categoryLabel || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.categoryLabel || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Categories);\n"],"file":"index.js"}