@pie-element/categorize 9.13.7-next.2 → 9.13.7-next.23

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

@@ -84,6 +84,7 @@ var ChoicePreview = /*#__PURE__*/function (_React$Component) {
         category: category,
         choice: choice,
         choiceIndex: choiceIndex,
+        className: classes.overflowChoice,
         onRemoveChoice: function onRemoveChoice() {
           return _this2["delete"]();
         }
@@ -115,7 +116,8 @@ exports.ChoicePreview = ChoicePreview;
 var styles = function styles() {
   return {
     choicePreview: {
-      position: 'relative'
+      position: 'relative',
+      overflow: 'auto'
     },
     "delete": {
       position: 'absolute',
@@ -128,6 +130,9 @@ var styles = function styles() {
     },
     customColor: {
       color: "".concat(_renderUi.color.tertiary(), " !important")
+    },
+    overflowChoice: {
+      overflow: 'auto'
     }
   };
 };

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","alternateResponseIndex","category","classes","className","choiceIndex","choicePreview","content","breakWord","customColor","React","Component","PropTypes","number","object","isRequired","string","func","styles","position","right","top","maxWidth","wordBreak","color","tertiary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,a;;;;;;;;;;;;;;;+FAYF,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;AAAA;;AACP,yBAAsF,KAAKF,KAA3F;AAAA,UAAQG,sBAAR,gBAAQA,sBAAR;AAAA,UAAgCC,QAAhC,gBAAgCA,QAAhC;AAAA,UAA0CC,OAA1C,gBAA0CA,OAA1C;AAAA,UAAmDC,SAAnD,gBAAmDA,SAAnD;AAAA,UAA8DJ,MAA9D,gBAA8DA,MAA9D;AAAA,UAAsEK,WAAtE,gBAAsEA,WAAtE;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,aAAnB,EAAkCF,SAAlC;AAAhB,SACGJ,MAAM,gBACL,gCAAC,YAAD;AACE,QAAA,sBAAsB,EAAEC,sBAD1B;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,MAAM,EAAEF,MAHV;AAIE,QAAA,WAAW,EAAEK,WAJf;AAKE,QAAA,cAAc,EAAE;AAAA,iBAAM,MAAI,UAAJ,EAAN;AAAA;AALlB,sBAOE,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEL,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEO,OAA3B;AAAoC,QAAA,SAAS,YAAKJ,OAAO,CAACK,SAAb;AAA7C,QAPF,eAQE,gCAAC,sBAAD;AAAY,sBAAW,QAAvB;AAAgC,QAAA,SAAS,EAAE,4BAAWL,OAAO,UAAlB,EAA2BA,OAAO,CAACM,WAAnC,CAA3C;AAA4F,QAAA,OAAO,EAAE;AAArG,sBACE,gCAAC,+BAAD,OADF,CARF,CADK,GAaH,IAdN,CADF;AAkBD;;;EArCgCC,kBAAMC,S;;;iCAA5Bd,a,eACQ;AACjBI,EAAAA,sBAAsB,EAAEW,sBAAUC,MADjB;AAEjBX,EAAAA,QAAQ,EAAEU,sBAAUE,MAFH;AAGjBX,EAAAA,OAAO,EAAES,sBAAUE,MAAV,CAAiBC,UAHT;AAIjBX,EAAAA,SAAS,EAAEQ,sBAAUI,MAJJ;AAKjBhB,EAAAA,MAAM,EAAEY,sBAAUE,MAAV,CAAiBC,UALR;AAMjBV,EAAAA,WAAW,EAAEO,sBAAUC,MANN;AAOjBd,EAAAA,QAAQ,EAAEa,sBAAUK,IAAV,CAAeF;AAPR,C;iCADRlB,a,kBAUW,E;;AA6BxB,IAAMqB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBZ,IAAAA,aAAa,EAAE;AACba,MAAAA,QAAQ,EAAE;AADG,KADK;AAIpB,cAAQ;AACNA,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC,KAJY;AASpBb,IAAAA,SAAS,EAAE;AACTc,MAAAA,QAAQ,EAAE,KADD;AAETC,MAAAA,SAAS,EAAE;AAFF,KATS;AAapBd,IAAAA,WAAW,EAAE;AACXe,MAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM;AAbO,GAAP;AAAA,CAAf;;eAiBe,wBAAWP,MAAX,EAAmBrB,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/pie-toolbox/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';\nimport { HtmlAndMath } from '@pie-lib/pie-toolbox/render-ui';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nexport class ChoicePreview extends React.Component {\n  static propTypes = {\n    alternateResponseIndex: PropTypes.number,\n    category: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    choiceIndex: PropTypes.number,\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 { alternateResponseIndex, category, classes, className, choice, choiceIndex } = this.props;\n    return (\n      <div className={classNames(classes.choicePreview, className)}>\n        {choice ? (\n          <Choice\n            alternateResponseIndex={alternateResponseIndex}\n            category={category}\n            choice={choice}\n            choiceIndex={choiceIndex}\n            onRemoveChoice={() => this.delete()}\n          >\n            <HtmlAndMath html={choice?.content} className={`${classes.breakWord}`} />\n            <IconButton aria-label=\"delete\" className={classNames(classes.delete, classes.customColor)} onClick={this.delete}>\n              <RemoveCircleOutlineIcon />\n            </IconButton>\n          </Choice>\n        ) : null}\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  breakWord: {\n    maxWidth: '90%',\n    wordBreak: 'break-all',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`\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","alternateResponseIndex","category","classes","className","choiceIndex","choicePreview","overflowChoice","content","breakWord","customColor","React","Component","PropTypes","number","object","isRequired","string","func","styles","position","overflow","right","top","maxWidth","wordBreak","color","tertiary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAGaA,a;;;;;;;;;;;;;;;+FAYF,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;AAAA;;AACP,yBAAsF,KAAKF,KAA3F;AAAA,UAAQG,sBAAR,gBAAQA,sBAAR;AAAA,UAAgCC,QAAhC,gBAAgCA,QAAhC;AAAA,UAA0CC,OAA1C,gBAA0CA,OAA1C;AAAA,UAAmDC,SAAnD,gBAAmDA,SAAnD;AAAA,UAA8DJ,MAA9D,gBAA8DA,MAA9D;AAAA,UAAsEK,WAAtE,gBAAsEA,WAAtE;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,aAAnB,EAAkCF,SAAlC;AAAhB,SACGJ,MAAM,gBACL,gCAAC,YAAD;AACE,QAAA,sBAAsB,EAAEC,sBAD1B;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,MAAM,EAAEF,MAHV;AAIE,QAAA,WAAW,EAAEK,WAJf;AAKE,QAAA,SAAS,EAAEF,OAAO,CAACI,cALrB;AAME,QAAA,cAAc,EAAE;AAAA,iBAAM,MAAI,UAAJ,EAAN;AAAA;AANlB,sBAQE,gCAAC,qBAAD;AAAa,QAAA,IAAI,EAAEP,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEQ,OAA3B;AAAoC,QAAA,SAAS,YAAKL,OAAO,CAACM,SAAb;AAA7C,QARF,eASE,gCAAC,sBAAD;AAAY,sBAAW,QAAvB;AAAgC,QAAA,SAAS,EAAE,4BAAWN,OAAO,UAAlB,EAA2BA,OAAO,CAACO,WAAnC,CAA3C;AAA4F,QAAA,OAAO,EAAE;AAArG,sBACE,gCAAC,+BAAD,OADF,CATF,CADK,GAcH,IAfN,CADF;AAmBD;;;EAtCgCC,kBAAMC,S;;;iCAA5Bf,a,eACQ;AACjBI,EAAAA,sBAAsB,EAAEY,sBAAUC,MADjB;AAEjBZ,EAAAA,QAAQ,EAAEW,sBAAUE,MAFH;AAGjBZ,EAAAA,OAAO,EAAEU,sBAAUE,MAAV,CAAiBC,UAHT;AAIjBZ,EAAAA,SAAS,EAAES,sBAAUI,MAJJ;AAKjBjB,EAAAA,MAAM,EAAEa,sBAAUE,MAAV,CAAiBC,UALR;AAMjBX,EAAAA,WAAW,EAAEQ,sBAAUC,MANN;AAOjBf,EAAAA,QAAQ,EAAEc,sBAAUK,IAAV,CAAeF;AAPR,C;iCADRnB,a,kBAUW,E;;AA8BxB,IAAMsB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBb,IAAAA,aAAa,EAAE;AACbc,MAAAA,QAAQ,EAAE,UADG;AAEbC,MAAAA,QAAQ,EAAE;AAFG,KADK;AAKpB,cAAQ;AACND,MAAAA,QAAQ,EAAE,UADJ;AAENE,MAAAA,KAAK,EAAE,CAFD;AAGNC,MAAAA,GAAG,EAAE;AAHC,KALY;AAUpBd,IAAAA,SAAS,EAAE;AACTe,MAAAA,QAAQ,EAAE,KADD;AAETC,MAAAA,SAAS,EAAE;AAFF,KAVS;AAcpBf,IAAAA,WAAW,EAAE;AACXgB,MAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM,KAdO;AAiBpBpB,IAAAA,cAAc,EAAE;AACdc,MAAAA,QAAQ,EAAE;AADI;AAjBI,GAAP;AAAA,CAAf;;eAqBe,wBAAWF,MAAX,EAAmBtB,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/pie-toolbox/drag';\nimport IconButton from '@material-ui/core/IconButton';\nimport RemoveCircleOutlineIcon from '@material-ui/icons/RemoveCircleOutline';\nimport { HtmlAndMath } from '@pie-lib/pie-toolbox/render-ui';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\n\nexport class ChoicePreview extends React.Component {\n  static propTypes = {\n    alternateResponseIndex: PropTypes.number,\n    category: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    choice: PropTypes.object.isRequired,\n    choiceIndex: PropTypes.number,\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 { alternateResponseIndex, category, classes, className, choice, choiceIndex } = this.props;\n    return (\n      <div className={classNames(classes.choicePreview, className)}>\n        {choice ? (\n          <Choice\n            alternateResponseIndex={alternateResponseIndex}\n            category={category}\n            choice={choice}\n            choiceIndex={choiceIndex}\n            className={classes.overflowChoice}\n            onRemoveChoice={() => this.delete()}\n          >\n            <HtmlAndMath html={choice?.content} className={`${classes.breakWord}`} />\n            <IconButton aria-label=\"delete\" className={classNames(classes.delete, classes.customColor)} onClick={this.delete}>\n              <RemoveCircleOutlineIcon />\n            </IconButton>\n          </Choice>\n        ) : null}\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  choicePreview: {\n    position: 'relative',\n    overflow: 'auto',\n  },\n  delete: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  breakWord: {\n    maxWidth: '90%',\n    wordBreak: 'break-all',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`\n  },\n  overflowChoice: {\n    overflow: 'auto',\n  }\n});\nexport default withStyles(styles)(ChoicePreview);\n"],"file":"choice-preview.js"}

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

@@ -147,7 +147,8 @@ var styles = function styles(theme) {
   return {
     editor: {
       flex: '1',
-      paddingBottom: theme.spacing.unit
+      paddingBottom: theme.spacing.unit,
+      maxWidth: '100%'
     },
     iconButtonRoot: {
       width: 'auto',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design/input-header.jsx"],"names":["InputHeader","props","focusedEl","index","inputRef","focus","onChange","configuration","label","classes","className","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","headers","baseInputConfiguration","inputHeader","ref","editor","inputConfiguration","language","React","Component","PropTypes","object","isRequired","string","func","bool","number","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","iconButtonRoot","width","height","display","justifyContent"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class InputHeader extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    configuration: PropTypes.object.isRequired,\n    deleteFocusedEl: PropTypes.func,\n    disabled: PropTypes.bool,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    label: PropTypes.string,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n    spellCheck: PropTypes.bool,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n  }\n\n  componentDidMount() {\n    const { focusedEl, index } = this.props;\n    if (focusedEl && index && focusedEl === index) {\n      this.inputRef.focus('end', null, true);\n    }\n  }\n\n  render() {\n    const {\n      onChange,\n      configuration,\n      label,\n      classes,\n      className,\n      deleteFocusedEl,\n      disabled,\n      imageSupport,\n      toolbarOpts,\n      spellCheck,\n      error,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n\n    const { headers, baseInputConfiguration } = configuration;\n\n    return (\n      <div className={classNames(classes.inputHeader, className)}>\n        <EditableHtml\n          imageSupport={imageSupport}\n          disabled={disabled}\n          ref={(ref) => (this.inputRef = ref)}\n          autoWidthToolbar\n          label={'label'}\n          markup={label}\n          onChange={onChange}\n          className={classes.editor}\n          pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheck}\n          error={error}\n          maxImageWidth={maxImageWidth}\n          maxImageHeight={maxImageHeight}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          onDone={() => {\n            deleteFocusedEl && deleteFocusedEl();\n          }}\n          mathMlOptions={mathMlOptions}\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","focusedEl","index","inputRef","focus","onChange","configuration","label","classes","className","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","headers","baseInputConfiguration","inputHeader","ref","editor","inputConfiguration","language","React","Component","PropTypes","object","isRequired","string","func","bool","number","onDelete","shape","add","styles","theme","flex","paddingBottom","spacing","unit","maxWidth","iconButtonRoot","width","height","display","justifyContent"],"mappings":"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","sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\n\nexport class InputHeader extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    configuration: PropTypes.object.isRequired,\n    deleteFocusedEl: PropTypes.func,\n    disabled: PropTypes.bool,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    label: PropTypes.string,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n    spellCheck: PropTypes.bool,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n  }\n\n  componentDidMount() {\n    const { focusedEl, index } = this.props;\n    if (focusedEl && index && focusedEl === index) {\n      this.inputRef.focus('end', null, true);\n    }\n  }\n\n  render() {\n    const {\n      onChange,\n      configuration,\n      label,\n      classes,\n      className,\n      deleteFocusedEl,\n      disabled,\n      imageSupport,\n      toolbarOpts,\n      spellCheck,\n      error,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n\n    const { headers, baseInputConfiguration } = configuration;\n\n    return (\n      <div className={classNames(classes.inputHeader, className)}>\n        <EditableHtml\n          imageSupport={imageSupport}\n          disabled={disabled}\n          ref={(ref) => (this.inputRef = ref)}\n          autoWidthToolbar\n          label={'label'}\n          markup={label}\n          onChange={onChange}\n          className={classes.editor}\n          pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n          toolbarOpts={toolbarOpts}\n          spellCheck={spellCheck}\n          error={error}\n          maxImageWidth={maxImageWidth}\n          maxImageHeight={maxImageHeight}\n          uploadSoundSupport={uploadSoundSupport}\n          languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n          onDone={() => {\n            deleteFocusedEl && deleteFocusedEl();\n          }}\n          mathMlOptions={mathMlOptions}\n        />\n      </div>\n    );\n  }\n}\nconst styles = (theme) => ({\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit,\n    maxWidth: '100%',\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/package.json

@@ -12,7 +12,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.16.0",
+    "@pie-lib/pie-toolbox": "2.17.5",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -2,7 +2,7 @@
   "name": "@pie-element/categorize-controller",
   "private": true,
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.16.0",
+    "@pie-lib/pie-toolbox": "2.17.5",
     "lodash": "^4.17.15"
   },
   "version": "7.8.6",

package/lib/categorize/index.js

@@ -241,12 +241,14 @@ var Categorize = /*#__PURE__*/function (_React$Component) {
       var onCloseText = translator.t('common:cancel', {
         lng: model.language
       });
+      var showRationale = model.rationale && ((0, _renderUi.hasText)(model.rationale) || (0, _renderUi.hasMedia)(model.rationale));
+      var showTeacherInstructions = model.teacherInstructions && ((0, _renderUi.hasText)(model.teacherInstructions) || (0, _renderUi.hasMedia)(model.teacherInstructions));
       return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
         extraCSSRules: extraCSSRules,
         id: 'main-container',
         className: classes.mainContainer,
         fontSizeFactor: fontSizeFactor
-      }, model.teacherInstructions && (0, _renderUi.hasText)(model.teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }, showTeacherInstructions && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
@@ -290,7 +292,7 @@ var Categorize = /*#__PURE__*/function (_React$Component) {
         dangerouslySetInnerHTML: {
           __html: note
         }
-      }), model.rationale && (0, _renderUi.hasText)(model.rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }), showRationale && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Rationale',
           visible: 'Hide Rationale'

package/lib/categorize/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/index.jsx"],"names":["translator","Translator","log","Categorize","props","c","onAnswersChange","session","answers","id","categoryId","choiceIndex","draggedChoice","model","maxChoicesPerCategory","newAnswers","undefined","answer","find","category","choices","length","setState","showMaxChoiceAlert","removeChoice","showCorrect","state","onShowCorrectToggle","choicePosition","flexDirection","correctResponse","some","correctRes","alternateResponses","nextProps","nextModel","note","language","t","lng","classes","choicesPosition","extraCSSRules","showNote","env","autoplayAudioEnabled","customAudioButton","mode","role","style","getPositionDirection","gap","categories","correct","disabled","rowLabels","categoriesPerRow","fontSizeFactor","nbOfRows","Math","ceil","existAlternate","existAlternateResponse","displayNote","alertMessage","alertTitle","onCloseText","mainContainer","teacherInstructions","hidden","visible","collapsible","prompt","toggleShowCorrect","categorize","display","flex","dropChoice","slice","__html","rationale","correctness","feedback","React","Component","PropTypes","object","isRequired","shape","arrayOf","choice","string","func","CategorizeProvider","uid","generateId","styles","theme","color","text","backgroundColor","background","position","marginBottom","spacing","unit","paddingBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Choices from './choices';\nimport Categories from './categories';\nimport { CorrectAnswerToggle } from '@pie-lib/pie-toolbox/correct-answer-toggle';\nimport { withStyles } from '@material-ui/core/styles';\nimport { buildState, removeChoiceFromCategory, moveChoiceToCategory } from '@pie-lib/pie-toolbox/categorize';\nimport { withDragContext, uid } from '@pie-lib/pie-toolbox/drag';\nimport { color, Feedback, Collapsible, hasText, PreviewPrompt, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport debug from 'debug';\nimport Translator from '@pie-lib/pie-toolbox/translator';\nimport { AlertDialog } from '@pie-lib/pie-toolbox/config-ui';\nconst { translator } = Translator;\n\nconst log = debug('@pie-ui:categorize');\n\nexport class Categorize extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object,\n    session: PropTypes.shape({\n      answers: PropTypes.arrayOf(\n        PropTypes.shape({\n          choice: PropTypes.string,\n          category: PropTypes.string,\n        }),\n      ),\n    }),\n    onAnswersChange: PropTypes.func.isRequired,\n    onShowCorrectToggle: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: false,\n      showMaxChoiceAlert: false,\n    };\n  }\n\n  removeChoice = (c) => {\n    log('[removeChoice]: ', c);\n    const { onAnswersChange, session } = this.props;\n    const answers = removeChoiceFromCategory(c.id, c.categoryId, c.choiceIndex, session.answers);\n    onAnswersChange(answers);\n  };\n\n  dropChoice = (categoryId, draggedChoice) => {\n    const { session, onAnswersChange, model } = this.props;\n    const { maxChoicesPerCategory = 0 } = model || {};\n    const { answers = [] } = session || {};\n    let newAnswers;\n    if (draggedChoice) {\n      log('[dropChoice] category: ', draggedChoice.categoryId, 'choice: ', draggedChoice);\n    } else {\n      log('[dropChoice] category: ', undefined, 'choice: ', undefined);\n    }\n\n    const answer = answers.find((answer) => answer.category === categoryId);\n\n    // treat special case to replace the existing choice with the new one when maxChoicesPerCategory = 1\n    if (draggedChoice && maxChoicesPerCategory === 1 && answer && answer.choices && answer.choices.length === 1) {\n      newAnswers = moveChoiceToCategory(\n        draggedChoice.id,\n        draggedChoice.categoryId,\n        categoryId,\n        draggedChoice.choiceIndex,\n        answers,\n      );\n      newAnswers = removeChoiceFromCategory(answer.choices[0], categoryId, 0, answers);\n    }\n\n    // treat special case when there are as many choices as maxChoicesPerCategory is\n    else if (\n      draggedChoice &&\n      maxChoicesPerCategory > 1 &&\n      answer &&\n      answer.choices &&\n      answer.choices.length === maxChoicesPerCategory\n    ) {\n      newAnswers = draggedChoice.categoryId\n        ? moveChoiceToCategory(\n            draggedChoice.id,\n            draggedChoice.categoryId,\n            draggedChoice.categoryId,\n            draggedChoice.choiceIndex,\n            answers,\n          )\n        : removeChoiceFromCategory(draggedChoice.id, draggedChoice.categoryId, draggedChoice.choiceIndex, answers);\n      this.setState({ showMaxChoiceAlert: true });\n    }\n\n    // treat special case when there are more choices that maxChoicesPerCategory is (testing purpose in pits)\n    else if (maxChoicesPerCategory !== 0 && answer && answer.choices && answer.choices.length > maxChoicesPerCategory) {\n      newAnswers = answers;\n      this.setState({ showMaxChoiceAlert: true });\n    } else {\n      newAnswers = draggedChoice\n        ? moveChoiceToCategory(\n            draggedChoice.id,\n            draggedChoice.categoryId,\n            categoryId,\n            draggedChoice.choiceIndex,\n            answers,\n          )\n        : this.removeChoice(categoryId);\n    }\n\n    if (draggedChoice) {\n      onAnswersChange(newAnswers);\n    }\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { model } = this.props;\n    const { model: nextModel } = nextProps;\n\n    // check if the note is the default one for prev language and change to the default one for new language\n    // this check is necessary in order to diferanciate between default and authour defined note\n    // and only change between languages for default ones\n    if (\n      model.note &&\n      model.language &&\n      model.language !== nextModel.language &&\n      model.note === translator.t('common:commonCorrectAnswerWithAlternates', { lng: model.language })\n    ) {\n      model.note = translator.t('common:commonCorrectAnswerWithAlternates', { lng: nextModel.language });\n    }\n\n    this.setState({ showCorrect: false });\n  }\n\n  toggleShowCorrect = () =>\n    this.setState({ showCorrect: !this.state.showCorrect }, () => {\n      this.props.onShowCorrectToggle();\n    });\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row-reverse';\n        break;\n      case 'right':\n        flexDirection = 'row';\n        break;\n      case 'below':\n        flexDirection = 'column';\n        break;\n      default:\n        // above\n        flexDirection = 'column-reverse';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  existAlternateResponse = (correctResponse) =>\n    correctResponse?.some((correctRes) => correctRes.alternateResponses?.length > 0);\n\n  render() {\n    const { classes, model, session } = this.props;\n    const { showCorrect, showMaxChoiceAlert } = this.state;\n    const {\n      choicesPosition,\n      extraCSSRules,\n      note,\n      showNote,\n      env,\n      language,\n      maxChoicesPerCategory,\n      autoplayAudioEnabled,\n      customAudioButton\n    } = model;\n    const { mode, role } = env || {};\n    const choicePosition = choicesPosition || 'above';\n\n    const style = {\n      flexDirection: this.getPositionDirection(choicePosition),\n      gap: '8px',\n    };\n\n    const { categories, choices, correct } = buildState(\n      model.categories,\n      model.choices,\n      showCorrect ? model.correctResponse : session.answers,\n      model.correctResponse,\n    );\n\n    log('[render] disabled: ', model.disabled);\n\n    const { rowLabels, categoriesPerRow, correctResponse, fontSizeFactor } = model;\n    const nbOfRows = (categories && Math.ceil(categories.length / categoriesPerRow)) || 0;\n    const existAlternate = this.existAlternateResponse(correctResponse) || false;\n    const displayNote =\n      (showCorrect || (mode === 'view' && role === 'instructor')) && showNote && note && existAlternate;\n    const alertMessage = translator.t('translation:categorize:limitMaxChoicesPerCategory', {\n      lng: model.language,\n      maxChoicesPerCategory,\n    });\n\n    const alertTitle = translator.t('common:warning', {\n      lng: model.language,\n    });\n\n    const onCloseText = translator.t('common:cancel', {\n      lng: model.language,\n    });\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} id={'main-container'} className={classes.mainContainer} fontSizeFactor={fontSizeFactor}>\n        {model.teacherInstructions && hasText(model.teacherInstructions) && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </Collapsible>\n          </React.Fragment>\n        )}\n\n        {model.prompt && (\n          <PreviewPrompt\n            prompt={model.prompt}\n            autoplayAudioEnabled={autoplayAudioEnabled}\n            customAudioButton={customAudioButton}\n          />\n        )}\n\n        <CorrectAnswerToggle\n          show={showCorrect || correct === false}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n          language={language}\n        />\n\n        <div className={classes.categorize} style={style}>\n          <div style={{ display: 'flex', flex: 1 }}>\n            <Categories\n              model={model}\n              disabled={model.disabled}\n              categories={categories}\n              onDropChoice={this.dropChoice}\n              onRemoveChoice={this.removeChoice}\n              rowLabels={(rowLabels || []).slice(0, nbOfRows)}\n            />\n          </div>\n          <Choices\n            disabled={model.disabled}\n            model={model}\n            choices={choices}\n            choicePosition={choicePosition}\n            onDropChoice={this.dropChoice}\n            onRemoveChoice={this.removeChoice}\n          />\n        </div>\n\n        {displayNote && (\n          <div\n            className={classes.note}\n            dangerouslySetInnerHTML={{\n              __html: note,\n            }}\n          />\n        )}\n\n        {model.rationale && hasText(model.rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }} className={classes.collapsible}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n\n        {model.correctness && model.feedback && !showCorrect && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n        <AlertDialog\n          title={alertTitle}\n          text={alertMessage}\n          open={showMaxChoiceAlert}\n          onCloseText={onCloseText}\n          onClose={() => this.setState({ showMaxChoiceAlert: false })}\n        ></AlertDialog>\n      </UiLayout>\n    );\n  }\n}\n\nclass CategorizeProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.uid = uid.generateId();\n  }\n\n  render() {\n    return (\n      <uid.Provider value={this.uid}>\n        <Categorize {...this.props} />\n      </uid.Provider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    position: 'relative'\n  },\n  note: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  categorize: {\n    marginBottom: theme.spacing.unit,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  collapsible: {\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(CategorizeProvider));\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/categorize/index.jsx"],"names":["translator","Translator","log","Categorize","props","c","onAnswersChange","session","answers","id","categoryId","choiceIndex","draggedChoice","model","maxChoicesPerCategory","newAnswers","undefined","answer","find","category","choices","length","setState","showMaxChoiceAlert","removeChoice","showCorrect","state","onShowCorrectToggle","choicePosition","flexDirection","correctResponse","some","correctRes","alternateResponses","nextProps","nextModel","note","language","t","lng","classes","choicesPosition","extraCSSRules","showNote","env","autoplayAudioEnabled","customAudioButton","mode","role","style","getPositionDirection","gap","categories","correct","disabled","rowLabels","categoriesPerRow","fontSizeFactor","nbOfRows","Math","ceil","existAlternate","existAlternateResponse","displayNote","alertMessage","alertTitle","onCloseText","showRationale","rationale","showTeacherInstructions","teacherInstructions","mainContainer","hidden","visible","collapsible","prompt","toggleShowCorrect","categorize","display","flex","dropChoice","slice","__html","correctness","feedback","React","Component","PropTypes","object","isRequired","shape","arrayOf","choice","string","func","CategorizeProvider","uid","generateId","styles","theme","color","text","backgroundColor","background","position","marginBottom","spacing","unit","paddingBottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA,IAAQA,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;AAEA,IAAME,GAAG,GAAG,uBAAM,oBAAN,CAAZ;;IAEaC,U;;;;;AAoBX,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGASJ,UAACC,CAAD,EAAO;AACpBH,MAAAA,GAAG,CAAC,kBAAD,EAAqBG,CAArB,CAAH;AACA,wBAAqC,MAAKD,KAA1C;AAAA,UAAQE,eAAR,eAAQA,eAAR;AAAA,UAAyBC,OAAzB,eAAyBA,OAAzB;AACA,UAAMC,OAAO,GAAG,0CAAyBH,CAAC,CAACI,EAA3B,EAA+BJ,CAAC,CAACK,UAAjC,EAA6CL,CAAC,CAACM,WAA/C,EAA4DJ,OAAO,CAACC,OAApE,CAAhB;AACAF,MAAAA,eAAe,CAACE,OAAD,CAAf;AACD,KAdkB;AAAA,mGAgBN,UAACE,UAAD,EAAaE,aAAb,EAA+B;AAC1C,yBAA4C,MAAKR,KAAjD;AAAA,UAAQG,OAAR,gBAAQA,OAAR;AAAA,UAAiBD,eAAjB,gBAAiBA,eAAjB;AAAA,UAAkCO,KAAlC,gBAAkCA,KAAlC;;AACA,iBAAsCA,KAAK,IAAI,EAA/C;AAAA,uCAAQC,qBAAR;AAAA,UAAQA,qBAAR,sCAAgC,CAAhC;;AACA,kBAAyBP,OAAO,IAAI,EAApC;AAAA,gCAAQC,OAAR;AAAA,UAAQA,OAAR,8BAAkB,EAAlB;;AACA,UAAIO,UAAJ;;AACA,UAAIH,aAAJ,EAAmB;AACjBV,QAAAA,GAAG,CAAC,yBAAD,EAA4BU,aAAa,CAACF,UAA1C,EAAsD,UAAtD,EAAkEE,aAAlE,CAAH;AACD,OAFD,MAEO;AACLV,QAAAA,GAAG,CAAC,yBAAD,EAA4Bc,SAA5B,EAAuC,UAAvC,EAAmDA,SAAnD,CAAH;AACD;;AAED,UAAMC,MAAM,GAAGT,OAAO,CAACU,IAAR,CAAa,UAACD,MAAD;AAAA,eAAYA,MAAM,CAACE,QAAP,KAAoBT,UAAhC;AAAA,OAAb,CAAf,CAX0C,CAa1C;;AACA,UAAIE,aAAa,IAAIE,qBAAqB,KAAK,CAA3C,IAAgDG,MAAhD,IAA0DA,MAAM,CAACG,OAAjE,IAA4EH,MAAM,CAACG,OAAP,CAAeC,MAAf,KAA0B,CAA1G,EAA6G;AAC3GN,QAAAA,UAAU,GAAG,sCACXH,aAAa,CAACH,EADH,EAEXG,aAAa,CAACF,UAFH,EAGXA,UAHW,EAIXE,aAAa,CAACD,WAJH,EAKXH,OALW,CAAb;AAOAO,QAAAA,UAAU,GAAG,0CAAyBE,MAAM,CAACG,OAAP,CAAe,CAAf,CAAzB,EAA4CV,UAA5C,EAAwD,CAAxD,EAA2DF,OAA3D,CAAb;AACD,OATD,CAWA;AAXA,WAYK,IACHI,aAAa,IACbE,qBAAqB,GAAG,CADxB,IAEAG,MAFA,IAGAA,MAAM,CAACG,OAHP,IAIAH,MAAM,CAACG,OAAP,CAAeC,MAAf,KAA0BP,qBALvB,EAMH;AACAC,QAAAA,UAAU,GAAGH,aAAa,CAACF,UAAd,GACT,sCACEE,aAAa,CAACH,EADhB,EAEEG,aAAa,CAACF,UAFhB,EAGEE,aAAa,CAACF,UAHhB,EAIEE,aAAa,CAACD,WAJhB,EAKEH,OALF,CADS,GAQT,0CAAyBI,aAAa,CAACH,EAAvC,EAA2CG,aAAa,CAACF,UAAzD,EAAqEE,aAAa,CAACD,WAAnF,EAAgGH,OAAhG,CARJ;;AASA,cAAKc,QAAL,CAAc;AAAEC,UAAAA,kBAAkB,EAAE;AAAtB,SAAd;AACD,OAjBI,CAmBL;AAnBK,WAoBA,IAAIT,qBAAqB,KAAK,CAA1B,IAA+BG,MAA/B,IAAyCA,MAAM,CAACG,OAAhD,IAA2DH,MAAM,CAACG,OAAP,CAAeC,MAAf,GAAwBP,qBAAvF,EAA8G;AACjHC,QAAAA,UAAU,GAAGP,OAAb;;AACA,cAAKc,QAAL,CAAc;AAAEC,UAAAA,kBAAkB,EAAE;AAAtB,SAAd;AACD,OAHI,MAGE;AACLR,QAAAA,UAAU,GAAGH,aAAa,GACtB,sCACEA,aAAa,CAACH,EADhB,EAEEG,aAAa,CAACF,UAFhB,EAGEA,UAHF,EAIEE,aAAa,CAACD,WAJhB,EAKEH,OALF,CADsB,GAQtB,MAAKgB,YAAL,CAAkBd,UAAlB,CARJ;AASD;;AAED,UAAIE,aAAJ,EAAmB;AACjBN,QAAAA,eAAe,CAACS,UAAD,CAAf;AACD;AACF,KAhFkB;AAAA,0GAqGC;AAAA,aAClB,MAAKO,QAAL,CAAc;AAAEG,QAAAA,WAAW,EAAE,CAAC,MAAKC,KAAL,CAAWD;AAA3B,OAAd,EAAwD,YAAM;AAC5D,cAAKrB,KAAL,CAAWuB,mBAAX;AACD,OAFD,CADkB;AAAA,KArGD;AAAA,6GA0GI,UAACC,cAAD,EAAoB;AACzC,UAAIC,aAAJ;;AAEA,cAAQD,cAAR;AACE,aAAK,MAAL;AACEC,UAAAA,aAAa,GAAG,aAAhB;AACA;;AACF,aAAK,OAAL;AACEA,UAAAA,aAAa,GAAG,KAAhB;AACA;;AACF,aAAK,OAAL;AACEA,UAAAA,aAAa,GAAG,QAAhB;AACA;;AACF;AACE;AACAA,UAAAA,aAAa,GAAG,gBAAhB;AACA;AAbJ;;AAgBA,aAAOA,aAAP;AACD,KA9HkB;AAAA,+GAgIM,UAACC,eAAD;AAAA,aACvBA,eADuB,aACvBA,eADuB,uBACvBA,eAAe,CAAEC,IAAjB,CAAsB,UAACC,UAAD;AAAA;;AAAA,eAAgB,0BAAAA,UAAU,CAACC,kBAAX,gFAA+BZ,MAA/B,IAAwC,CAAxD;AAAA,OAAtB,CADuB;AAAA,KAhIN;AAGjB,UAAKK,KAAL,GAAa;AACXD,MAAAA,WAAW,EAAE,KADF;AAEXF,MAAAA,kBAAkB,EAAE;AAFT,KAAb;AAHiB;AAOlB;;;;WA2ED,0CAAiCW,SAAjC,EAA4C;AAC1C,UAAQrB,KAAR,GAAkB,KAAKT,KAAvB,CAAQS,KAAR;AACA,UAAesB,SAAf,GAA6BD,SAA7B,CAAQrB,KAAR,CAF0C,CAI1C;AACA;AACA;;AACA,UACEA,KAAK,CAACuB,IAAN,IACAvB,KAAK,CAACwB,QADN,IAEAxB,KAAK,CAACwB,QAAN,KAAmBF,SAAS,CAACE,QAF7B,IAGAxB,KAAK,CAACuB,IAAN,KAAepC,UAAU,CAACsC,CAAX,CAAa,0CAAb,EAAyD;AAAEC,QAAAA,GAAG,EAAE1B,KAAK,CAACwB;AAAb,OAAzD,CAJjB,EAKE;AACAxB,QAAAA,KAAK,CAACuB,IAAN,GAAapC,UAAU,CAACsC,CAAX,CAAa,0CAAb,EAAyD;AAAEC,UAAAA,GAAG,EAAEJ,SAAS,CAACE;AAAjB,SAAzD,CAAb;AACD;;AAED,WAAKf,QAAL,CAAc;AAAEG,QAAAA,WAAW,EAAE;AAAf,OAAd;AACD;;;WAgCD,kBAAS;AAAA;;AACP,yBAAoC,KAAKrB,KAAzC;AAAA,UAAQoC,OAAR,gBAAQA,OAAR;AAAA,UAAiB3B,KAAjB,gBAAiBA,KAAjB;AAAA,UAAwBN,OAAxB,gBAAwBA,OAAxB;AACA,wBAA4C,KAAKmB,KAAjD;AAAA,UAAQD,WAAR,eAAQA,WAAR;AAAA,UAAqBF,kBAArB,eAAqBA,kBAArB;AACA,UACEkB,eADF,GAUI5B,KAVJ,CACE4B,eADF;AAAA,UAEEC,aAFF,GAUI7B,KAVJ,CAEE6B,aAFF;AAAA,UAGEN,IAHF,GAUIvB,KAVJ,CAGEuB,IAHF;AAAA,UAIEO,QAJF,GAUI9B,KAVJ,CAIE8B,QAJF;AAAA,UAKEC,GALF,GAUI/B,KAVJ,CAKE+B,GALF;AAAA,UAMEP,QANF,GAUIxB,KAVJ,CAMEwB,QANF;AAAA,UAOEvB,qBAPF,GAUID,KAVJ,CAOEC,qBAPF;AAAA,UAQE+B,oBARF,GAUIhC,KAVJ,CAQEgC,oBARF;AAAA,UASEC,iBATF,GAUIjC,KAVJ,CASEiC,iBATF;;AAWA,kBAAuBF,GAAG,IAAI,EAA9B;AAAA,UAAQG,IAAR,SAAQA,IAAR;AAAA,UAAcC,IAAd,SAAcA,IAAd;;AACA,UAAMpB,cAAc,GAAGa,eAAe,IAAI,OAA1C;AAEA,UAAMQ,KAAK,GAAG;AACZpB,QAAAA,aAAa,EAAE,KAAKqB,oBAAL,CAA0BtB,cAA1B,CADH;AAEZuB,QAAAA,GAAG,EAAE;AAFO,OAAd;;AAKA,wBAAyC,4BACvCtC,KAAK,CAACuC,UADiC,EAEvCvC,KAAK,CAACO,OAFiC,EAGvCK,WAAW,GAAGZ,KAAK,CAACiB,eAAT,GAA2BvB,OAAO,CAACC,OAHP,EAIvCK,KAAK,CAACiB,eAJiC,CAAzC;AAAA,UAAQsB,UAAR,eAAQA,UAAR;AAAA,UAAoBhC,OAApB,eAAoBA,OAApB;AAAA,UAA6BiC,OAA7B,eAA6BA,OAA7B;;AAOAnD,MAAAA,GAAG,CAAC,qBAAD,EAAwBW,KAAK,CAACyC,QAA9B,CAAH;AAEA,UAAQC,SAAR,GAAyE1C,KAAzE,CAAQ0C,SAAR;AAAA,UAAmBC,gBAAnB,GAAyE3C,KAAzE,CAAmB2C,gBAAnB;AAAA,UAAqC1B,eAArC,GAAyEjB,KAAzE,CAAqCiB,eAArC;AAAA,UAAsD2B,cAAtD,GAAyE5C,KAAzE,CAAsD4C,cAAtD;AACA,UAAMC,QAAQ,GAAIN,UAAU,IAAIO,IAAI,CAACC,IAAL,CAAUR,UAAU,CAAC/B,MAAX,GAAoBmC,gBAA9B,CAAf,IAAmE,CAApF;AACA,UAAMK,cAAc,GAAG,KAAKC,sBAAL,CAA4BhC,eAA5B,KAAgD,KAAvE;AACA,UAAMiC,WAAW,GACf,CAACtC,WAAW,IAAKsB,IAAI,KAAK,MAAT,IAAmBC,IAAI,KAAK,YAA7C,KAA+DL,QAA/D,IAA2EP,IAA3E,IAAmFyB,cADrF;AAEA,UAAMG,YAAY,GAAGhE,UAAU,CAACsC,CAAX,CAAa,mDAAb,EAAkE;AACrFC,QAAAA,GAAG,EAAE1B,KAAK,CAACwB,QAD0E;AAErFvB,QAAAA,qBAAqB,EAArBA;AAFqF,OAAlE,CAArB;AAKA,UAAMmD,UAAU,GAAGjE,UAAU,CAACsC,CAAX,CAAa,gBAAb,EAA+B;AAChDC,QAAAA,GAAG,EAAE1B,KAAK,CAACwB;AADqC,OAA/B,CAAnB;AAIA,UAAM6B,WAAW,GAAGlE,UAAU,CAACsC,CAAX,CAAa,eAAb,EAA8B;AAChDC,QAAAA,GAAG,EAAE1B,KAAK,CAACwB;AADqC,OAA9B,CAApB;AAIA,UAAM8B,aAAa,GAAGtD,KAAK,CAACuD,SAAN,KAAoB,uBAAQvD,KAAK,CAACuD,SAAd,KAA4B,wBAASvD,KAAK,CAACuD,SAAf,CAAhD,CAAtB;AACA,UAAMC,uBAAuB,GAAGxD,KAAK,CAACyD,mBAAN,KAA8B,uBAAQzD,KAAK,CAACyD,mBAAd,KAAsC,wBAASzD,KAAK,CAACyD,mBAAf,CAApE,CAAhC;AAEA,0BACE,gCAAC,kBAAD;AAAU,QAAA,aAAa,EAAE5B,aAAzB;AAAwC,QAAA,EAAE,EAAE,gBAA5C;AAA8D,QAAA,SAAS,EAAEF,OAAO,CAAC+B,aAAjF;AAAgG,QAAA,cAAc,EAAEd;AAAhH,SACGY,uBAAuB,iBACtB,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,qBAAD;AACE,QAAA,MAAM,EAAE;AACNG,UAAAA,MAAM,EAAE,2BADF;AAENC,UAAAA,OAAO,EAAE;AAFH,SADV;AAKE,QAAA,SAAS,EAAEjC,OAAO,CAACkC;AALrB,sBAOE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAE7D,KAAK,CAACyD;AAA7B,QAPF,CADF,CAFJ,EAeGzD,KAAK,CAAC8D,MAAN,iBACC,gCAAC,uBAAD;AACE,QAAA,MAAM,EAAE9D,KAAK,CAAC8D,MADhB;AAEE,QAAA,oBAAoB,EAAE9B,oBAFxB;AAGE,QAAA,iBAAiB,EAAEC;AAHrB,QAhBJ,eAuBE,gCAAC,wCAAD;AACE,QAAA,IAAI,EAAErB,WAAW,IAAI4B,OAAO,KAAK,KADnC;AAEE,QAAA,OAAO,EAAE5B,WAFX;AAGE,QAAA,QAAQ,EAAE,KAAKmD,iBAHjB;AAIE,QAAA,QAAQ,EAAEvC;AAJZ,QAvBF,eA8BE;AAAK,QAAA,SAAS,EAAEG,OAAO,CAACqC,UAAxB;AAAoC,QAAA,KAAK,EAAE5B;AAA3C,sBACE;AAAK,QAAA,KAAK,EAAE;AAAE6B,UAAAA,OAAO,EAAE,MAAX;AAAmBC,UAAAA,IAAI,EAAE;AAAzB;AAAZ,sBACE,gCAAC,sBAAD;AACE,QAAA,KAAK,EAAElE,KADT;AAEE,QAAA,QAAQ,EAAEA,KAAK,CAACyC,QAFlB;AAGE,QAAA,UAAU,EAAEF,UAHd;AAIE,QAAA,YAAY,EAAE,KAAK4B,UAJrB;AAKE,QAAA,cAAc,EAAE,KAAKxD,YALvB;AAME,QAAA,SAAS,EAAE,CAAC+B,SAAS,IAAI,EAAd,EAAkB0B,KAAlB,CAAwB,CAAxB,EAA2BvB,QAA3B;AANb,QADF,CADF,eAWE,gCAAC,mBAAD;AACE,QAAA,QAAQ,EAAE7C,KAAK,CAACyC,QADlB;AAEE,QAAA,KAAK,EAAEzC,KAFT;AAGE,QAAA,OAAO,EAAEO,OAHX;AAIE,QAAA,cAAc,EAAEQ,cAJlB;AAKE,QAAA,YAAY,EAAE,KAAKoD,UALrB;AAME,QAAA,cAAc,EAAE,KAAKxD;AANvB,QAXF,CA9BF,EAkDGuC,WAAW,iBACV;AACE,QAAA,SAAS,EAAEvB,OAAO,CAACJ,IADrB;AAEE,QAAA,uBAAuB,EAAE;AACvB8C,UAAAA,MAAM,EAAE9C;AADe;AAF3B,QAnDJ,EA2DG+B,aAAa,iBACZ,gCAAC,qBAAD;AAAa,QAAA,MAAM,EAAE;AAAEK,UAAAA,MAAM,EAAE,gBAAV;AAA4BC,UAAAA,OAAO,EAAE;AAArC,SAArB;AAA8E,QAAA,SAAS,EAAEjC,OAAO,CAACkC;AAAjG,sBACE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAE7D,KAAK,CAACuD;AAA7B,QADF,CA5DJ,EAiEGvD,KAAK,CAACsE,WAAN,IAAqBtE,KAAK,CAACuE,QAA3B,IAAuC,CAAC3D,WAAxC,iBACC,gCAAC,kBAAD;AAAU,QAAA,WAAW,EAAEZ,KAAK,CAACsE,WAA7B;AAA0C,QAAA,QAAQ,EAAEtE,KAAK,CAACuE;AAA1D,QAlEJ,eAoEE,gCAAC,qBAAD;AACE,QAAA,KAAK,EAAEnB,UADT;AAEE,QAAA,IAAI,EAAED,YAFR;AAGE,QAAA,IAAI,EAAEzC,kBAHR;AAIE,QAAA,WAAW,EAAE2C,WAJf;AAKE,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAAC5C,QAAL,CAAc;AAAEC,YAAAA,kBAAkB,EAAE;AAAtB,WAAd,CAAN;AAAA;AALX,QApEF,CADF;AA8ED;;;EAzR6B8D,kBAAMC,S;;;iCAAzBnF,U,eACQ;AACjBqC,EAAAA,OAAO,EAAE+C,sBAAUC,MAAV,CAAiBC,UADT;AAEjB5E,EAAAA,KAAK,EAAE0E,sBAAUC,MAFA;AAGjBjF,EAAAA,OAAO,EAAEgF,sBAAUG,KAAV,CAAgB;AACvBlF,IAAAA,OAAO,EAAE+E,sBAAUI,OAAV,CACPJ,sBAAUG,KAAV,CAAgB;AACdE,MAAAA,MAAM,EAAEL,sBAAUM,MADJ;AAEd1E,MAAAA,QAAQ,EAAEoE,sBAAUM;AAFN,KAAhB,CADO;AADc,GAAhB,CAHQ;AAWjBvF,EAAAA,eAAe,EAAEiF,sBAAUO,IAAV,CAAeL,UAXf;AAYjB9D,EAAAA,mBAAmB,EAAE4D,sBAAUO,IAAV,CAAeL;AAZnB,C;iCADRtF,U,kBAgBW;AACpBmD,EAAAA,QAAQ,EAAE;AADU,C;;IA4QlByC,kB;;;;;AACJ,8BAAY3F,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AACA,WAAK4F,GAAL,GAAWA,UAAIC,UAAJ,EAAX;AAFiB;AAGlB;;;;WAED,kBAAS;AACP,0BACE,gCAAC,SAAD,CAAK,QAAL;AAAc,QAAA,KAAK,EAAE,KAAKD;AAA1B,sBACE,gCAAC,UAAD,EAAgB,KAAK5F,KAArB,CADF,CADF;AAKD;;;EAZ8BiF,kBAAMC,S;;AAevC,IAAMY,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzB5B,IAAAA,aAAa,EAAE;AACb6B,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADM;AAEbC,MAAAA,eAAe,EAAEF,gBAAMG,UAAN,EAFJ;AAGbC,MAAAA,QAAQ,EAAE;AAHG,KADU;AAMzBpE,IAAAA,IAAI,EAAE;AACJqE,MAAAA,YAAY,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AAD/B,KANmB;AASzB9B,IAAAA,UAAU,EAAE;AACV4B,MAAAA,YAAY,EAAEN,KAAK,CAACO,OAAN,CAAcC,IADlB;AAEV7B,MAAAA,OAAO,EAAE,MAFC;AAGVjD,MAAAA,aAAa,EAAE;AAHL,KATa;AAczB6C,IAAAA,WAAW,EAAE;AACXkC,MAAAA,aAAa,EAAET,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AADzB;AAdY,GAAZ;AAAA,CAAf;;eAmBe,2BAAgB,wBAAWT,MAAX,EAAmBH,kBAAnB,CAAhB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Choices from './choices';\nimport Categories from './categories';\nimport { CorrectAnswerToggle } from '@pie-lib/pie-toolbox/correct-answer-toggle';\nimport { withStyles } from '@material-ui/core/styles';\nimport { buildState, removeChoiceFromCategory, moveChoiceToCategory } from '@pie-lib/pie-toolbox/categorize';\nimport { withDragContext, uid } from '@pie-lib/pie-toolbox/drag';\nimport { color, Feedback, Collapsible, hasText, hasMedia, PreviewPrompt, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport debug from 'debug';\nimport Translator from '@pie-lib/pie-toolbox/translator';\nimport { AlertDialog } from '@pie-lib/pie-toolbox/config-ui';\nconst { translator } = Translator;\n\nconst log = debug('@pie-ui:categorize');\n\nexport class Categorize extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object,\n    session: PropTypes.shape({\n      answers: PropTypes.arrayOf(\n        PropTypes.shape({\n          choice: PropTypes.string,\n          category: PropTypes.string,\n        }),\n      ),\n    }),\n    onAnswersChange: PropTypes.func.isRequired,\n    onShowCorrectToggle: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    disabled: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrect: false,\n      showMaxChoiceAlert: false,\n    };\n  }\n\n  removeChoice = (c) => {\n    log('[removeChoice]: ', c);\n    const { onAnswersChange, session } = this.props;\n    const answers = removeChoiceFromCategory(c.id, c.categoryId, c.choiceIndex, session.answers);\n    onAnswersChange(answers);\n  };\n\n  dropChoice = (categoryId, draggedChoice) => {\n    const { session, onAnswersChange, model } = this.props;\n    const { maxChoicesPerCategory = 0 } = model || {};\n    const { answers = [] } = session || {};\n    let newAnswers;\n    if (draggedChoice) {\n      log('[dropChoice] category: ', draggedChoice.categoryId, 'choice: ', draggedChoice);\n    } else {\n      log('[dropChoice] category: ', undefined, 'choice: ', undefined);\n    }\n\n    const answer = answers.find((answer) => answer.category === categoryId);\n\n    // treat special case to replace the existing choice with the new one when maxChoicesPerCategory = 1\n    if (draggedChoice && maxChoicesPerCategory === 1 && answer && answer.choices && answer.choices.length === 1) {\n      newAnswers = moveChoiceToCategory(\n        draggedChoice.id,\n        draggedChoice.categoryId,\n        categoryId,\n        draggedChoice.choiceIndex,\n        answers,\n      );\n      newAnswers = removeChoiceFromCategory(answer.choices[0], categoryId, 0, answers);\n    }\n\n    // treat special case when there are as many choices as maxChoicesPerCategory is\n    else if (\n      draggedChoice &&\n      maxChoicesPerCategory > 1 &&\n      answer &&\n      answer.choices &&\n      answer.choices.length === maxChoicesPerCategory\n    ) {\n      newAnswers = draggedChoice.categoryId\n        ? moveChoiceToCategory(\n            draggedChoice.id,\n            draggedChoice.categoryId,\n            draggedChoice.categoryId,\n            draggedChoice.choiceIndex,\n            answers,\n          )\n        : removeChoiceFromCategory(draggedChoice.id, draggedChoice.categoryId, draggedChoice.choiceIndex, answers);\n      this.setState({ showMaxChoiceAlert: true });\n    }\n\n    // treat special case when there are more choices that maxChoicesPerCategory is (testing purpose in pits)\n    else if (maxChoicesPerCategory !== 0 && answer && answer.choices && answer.choices.length > maxChoicesPerCategory) {\n      newAnswers = answers;\n      this.setState({ showMaxChoiceAlert: true });\n    } else {\n      newAnswers = draggedChoice\n        ? moveChoiceToCategory(\n            draggedChoice.id,\n            draggedChoice.categoryId,\n            categoryId,\n            draggedChoice.choiceIndex,\n            answers,\n          )\n        : this.removeChoice(categoryId);\n    }\n\n    if (draggedChoice) {\n      onAnswersChange(newAnswers);\n    }\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { model } = this.props;\n    const { model: nextModel } = nextProps;\n\n    // check if the note is the default one for prev language and change to the default one for new language\n    // this check is necessary in order to diferanciate between default and authour defined note\n    // and only change between languages for default ones\n    if (\n      model.note &&\n      model.language &&\n      model.language !== nextModel.language &&\n      model.note === translator.t('common:commonCorrectAnswerWithAlternates', { lng: model.language })\n    ) {\n      model.note = translator.t('common:commonCorrectAnswerWithAlternates', { lng: nextModel.language });\n    }\n\n    this.setState({ showCorrect: false });\n  }\n\n  toggleShowCorrect = () =>\n    this.setState({ showCorrect: !this.state.showCorrect }, () => {\n      this.props.onShowCorrectToggle();\n    });\n\n  getPositionDirection = (choicePosition) => {\n    let flexDirection;\n\n    switch (choicePosition) {\n      case 'left':\n        flexDirection = 'row-reverse';\n        break;\n      case 'right':\n        flexDirection = 'row';\n        break;\n      case 'below':\n        flexDirection = 'column';\n        break;\n      default:\n        // above\n        flexDirection = 'column-reverse';\n        break;\n    }\n\n    return flexDirection;\n  };\n\n  existAlternateResponse = (correctResponse) =>\n    correctResponse?.some((correctRes) => correctRes.alternateResponses?.length > 0);\n\n  render() {\n    const { classes, model, session } = this.props;\n    const { showCorrect, showMaxChoiceAlert } = this.state;\n    const {\n      choicesPosition,\n      extraCSSRules,\n      note,\n      showNote,\n      env,\n      language,\n      maxChoicesPerCategory,\n      autoplayAudioEnabled,\n      customAudioButton\n    } = model;\n    const { mode, role } = env || {};\n    const choicePosition = choicesPosition || 'above';\n\n    const style = {\n      flexDirection: this.getPositionDirection(choicePosition),\n      gap: '8px',\n    };\n\n    const { categories, choices, correct } = buildState(\n      model.categories,\n      model.choices,\n      showCorrect ? model.correctResponse : session.answers,\n      model.correctResponse,\n    );\n\n    log('[render] disabled: ', model.disabled);\n\n    const { rowLabels, categoriesPerRow, correctResponse, fontSizeFactor } = model;\n    const nbOfRows = (categories && Math.ceil(categories.length / categoriesPerRow)) || 0;\n    const existAlternate = this.existAlternateResponse(correctResponse) || false;\n    const displayNote =\n      (showCorrect || (mode === 'view' && role === 'instructor')) && showNote && note && existAlternate;\n    const alertMessage = translator.t('translation:categorize:limitMaxChoicesPerCategory', {\n      lng: model.language,\n      maxChoicesPerCategory,\n    });\n\n    const alertTitle = translator.t('common:warning', {\n      lng: model.language,\n    });\n\n    const onCloseText = translator.t('common:cancel', {\n      lng: model.language,\n    });\n\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions = model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <UiLayout extraCSSRules={extraCSSRules} id={'main-container'} className={classes.mainContainer} fontSizeFactor={fontSizeFactor}>\n        {showTeacherInstructions && (\n          <React.Fragment>\n            <Collapsible\n              labels={{\n                hidden: 'Show Teacher Instructions',\n                visible: 'Hide Teacher Instructions',\n              }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.teacherInstructions} />\n            </Collapsible>\n          </React.Fragment>\n        )}\n\n        {model.prompt && (\n          <PreviewPrompt\n            prompt={model.prompt}\n            autoplayAudioEnabled={autoplayAudioEnabled}\n            customAudioButton={customAudioButton}\n          />\n        )}\n\n        <CorrectAnswerToggle\n          show={showCorrect || correct === false}\n          toggled={showCorrect}\n          onToggle={this.toggleShowCorrect}\n          language={language}\n        />\n\n        <div className={classes.categorize} style={style}>\n          <div style={{ display: 'flex', flex: 1 }}>\n            <Categories\n              model={model}\n              disabled={model.disabled}\n              categories={categories}\n              onDropChoice={this.dropChoice}\n              onRemoveChoice={this.removeChoice}\n              rowLabels={(rowLabels || []).slice(0, nbOfRows)}\n            />\n          </div>\n          <Choices\n            disabled={model.disabled}\n            model={model}\n            choices={choices}\n            choicePosition={choicePosition}\n            onDropChoice={this.dropChoice}\n            onRemoveChoice={this.removeChoice}\n          />\n        </div>\n        {displayNote && (\n          <div\n            className={classes.note}\n            dangerouslySetInnerHTML={{\n              __html: note,\n            }}\n          />\n        )}\n\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }} className={classes.collapsible}>\n            <PreviewPrompt prompt={model.rationale} />\n          </Collapsible>\n        )}\n\n        {model.correctness && model.feedback && !showCorrect && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n        <AlertDialog\n          title={alertTitle}\n          text={alertMessage}\n          open={showMaxChoiceAlert}\n          onCloseText={onCloseText}\n          onClose={() => this.setState({ showMaxChoiceAlert: false })}\n        ></AlertDialog>\n      </UiLayout>\n    );\n  }\n}\n\nclass CategorizeProvider extends React.Component {\n  constructor(props) {\n    super(props);\n    this.uid = uid.generateId();\n  }\n\n  render() {\n    return (\n      <uid.Provider value={this.uid}>\n        <Categorize {...this.props} />\n      </uid.Provider>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  mainContainer: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    position: 'relative'\n  },\n  note: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  categorize: {\n    marginBottom: theme.spacing.unit,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  collapsible: {\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport default withDragContext(withStyles(styles)(CategorizeProvider));\n"],"file":"index.js"}

package/package.json

@@ -4,14 +4,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "9.13.7-next.2+21ecb8bdd",
+  "version": "9.13.7-next.23+a4f149acd",
   "description": "",
   "author": "pie framework developers",
   "license": "ISC",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.16.0",
+    "@pie-lib/pie-toolbox": "2.17.5",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",
@@ -20,7 +20,7 @@
     "react-dnd": "^14.0.5",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "21ecb8bdd2ac0d202c57aeed447dda1541723cda",
+  "gitHead": "a4f149acd5cd9b387b8b2bd51e348be1ea7c1201",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },