@pie-element/categorize 8.21.5-next.14 → 8.21.5-next.18

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

@@ -226,22 +226,11 @@ var AlternateResponses = /*#__PURE__*/function (_React$Component) {
         var rowIndex = index / categoriesPerRow;
         return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
           key: index
-        }, hasRowLabel && /*#__PURE__*/_react["default"].createElement(_RowLabel.RowLabel, {
-          categoriesPerRow: categoriesPerRow,
-          disabled: true,
-          rowIndex: rowIndex,
-          markup: rowLabels[rowIndex] || '',
-          onChange: function onChange(val) {
-            return _this2.changeRowLabel(val, rowIndex);
-          },
-          imageSupport: imageSupport,
-          toolbarOpts: toolbarOpts,
-          spellCheck: spellCheck,
-          maxImageWidth: maxImageWidth && maxImageWidth.rowLabel || defaultImageMaxWidth,
-          maxImageHeight: maxImageHeight && maxImageHeight.rowLabel || defaultImageMaxHeight,
-          uploadSoundSupport: uploadSoundSupport,
-          mathMlOptions: mathMlOptions,
-          configuration: configuration
+        }, hasRowLabel && /*#__PURE__*/_react["default"].createElement("div", {
+          className: classes.rowLabel,
+          dangerouslySetInnerHTML: {
+            __html: rowLabels[rowIndex] || ''
+          }
         }), /*#__PURE__*/_react["default"].createElement(_category["default"], {
           key: index,
           alternateResponseIndex: altIndex,

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

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

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

@@ -94,12 +94,10 @@ var Category = /*#__PURE__*/function (_React$Component) {
           uploadSoundSupport = _this$props2.uploadSoundSupport,
           _this$props2$mathMlOp = _this$props2.mathMlOptions,
           mathMlOptions = _this$props2$mathMlOp === void 0 ? {} : _this$props2$mathMlOp;
-      console.log({
-        category: configuration
-      });
+      var isCategoryHeaderDisabled = !!alternateResponseIndex || alternateResponseIndex === 0;
       return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
         className: (0, _classnames["default"])(classes.category, className, (0, _defineProperty2["default"])({}, classes.duplicateError, isDuplicated))
-      }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_inputHeader["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("span", null, !isCategoryHeaderDisabled ? /*#__PURE__*/_react["default"].createElement(_inputHeader["default"], {
         label: category.label,
         focusedEl: focusedEl,
         deleteFocusedEl: deleteFocusedEl,
@@ -116,6 +114,11 @@ var Category = /*#__PURE__*/function (_React$Component) {
         uploadSoundSupport: uploadSoundSupport,
         mathMlOptions: mathMlOptions,
         configuration: configuration
+      }) : /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.categoryHeader,
+        dangerouslySetInnerHTML: {
+          __html: category.label
+        }
       }), error && /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.errorText
       }, error)), /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
@@ -198,6 +201,10 @@ var styles = function styles(theme) {
       padding: theme.spacing.unit,
       overflow: 'visible'
     },
+    categoryHeader: {
+      display: 'flex',
+      padding: theme.spacing.unit * 2
+    },
     duplicateError: {
       border: '1px solid red'
     },

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","alternateResponseIndex","classes","className","configuration","deleteFocusedEl","focusedEl","index","error","isDuplicated","onDelete","onDeleteChoice","onAddChoice","onMoveChoice","imageSupport","spellCheck","toolbarOpts","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","console","log","duplicateError","changeLabel","errorText","placeHolder","choices","id","actions","React","Component","PropTypes","number","object","isRequired","string","defaultImageMaxHeight","defaultImageMaxWidth","func","bool","shape","add","styles","theme","minHeight","deleteButton","margin","padding","paddingBottom","paddingTop","spacing","unit","iconButtonRoot","width","height","header","display","justifyContent","minWidth","overflow","border","fontSize","typography","color","palette","main","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    alternateResponseIndex: PropTypes.number,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    category: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    defaultImageMaxHeight: PropTypes.number,\n    defaultImageMaxWidth: PropTypes.number,\n    deleteFocusedEl: PropTypes.func,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    error: PropTypes.string,\n    isDuplicated: PropTypes.bool,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    onDeleteChoice: PropTypes.func,\n    onAddChoice: PropTypes.func,\n    onMoveChoice: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    spellCheck: PropTypes.bool,\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      alternateResponseIndex,\n      category,\n      classes,\n      className,\n      configuration,\n      deleteFocusedEl,\n      focusedEl,\n      index,\n      error,\n      isDuplicated,\n      onDelete,\n      onDeleteChoice,\n      onAddChoice,\n      onMoveChoice,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n\n    console.log({category: configuration});\n    return (\n      <Card\n        className={classNames(classes.category, className, {\n          [classes.duplicateError]: isDuplicated,\n        })}\n      >\n        <span>\n          <InputHeader\n            label={category.label}\n            focusedEl={focusedEl}\n            deleteFocusedEl={deleteFocusedEl}\n            index={index}\n            disabled={!!alternateResponseIndex || alternateResponseIndex === 0}\n            error={error}\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            mathMlOptions={mathMlOptions}\n            configuration={configuration}\n          />\n          {error && <div className={classes.errorText}>{error}</div>}\n        </span>\n        <PlaceHolder\n          className={classes.placeHolder}\n          alternateResponseIndex={alternateResponseIndex}\n          category={category}\n          choices={category.choices}\n          onDeleteChoice={onDeleteChoice}\n          onDropChoice={onAddChoice}\n          onMoveChoice={onMoveChoice}\n          categoryId={category.id}\n        />\n        {onDelete && (\n          <CardActions className={classes.actions}>\n            <DeleteButton label={'delete'} onClick={onDelete} />\n          </CardActions>\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    minWidth: '196px',\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  duplicateError: {\n    border: '1px solid red',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit,\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","alternateResponseIndex","classes","className","configuration","deleteFocusedEl","focusedEl","index","error","isDuplicated","onDelete","onDeleteChoice","onAddChoice","onMoveChoice","imageSupport","spellCheck","toolbarOpts","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","isCategoryHeaderDisabled","duplicateError","changeLabel","categoryHeader","__html","errorText","placeHolder","choices","id","actions","React","Component","PropTypes","number","object","isRequired","string","defaultImageMaxHeight","defaultImageMaxWidth","func","bool","shape","add","styles","theme","minHeight","deleteButton","margin","padding","paddingBottom","paddingTop","spacing","unit","iconButtonRoot","width","height","header","display","justifyContent","minWidth","overflow","border","fontSize","typography","color","palette","main","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    alternateResponseIndex: PropTypes.number,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    category: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    defaultImageMaxHeight: PropTypes.number,\n    defaultImageMaxWidth: PropTypes.number,\n    deleteFocusedEl: PropTypes.func,\n    focusedEl: PropTypes.number,\n    index: PropTypes.number,\n    error: PropTypes.string,\n    isDuplicated: PropTypes.bool,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onChange: PropTypes.func,\n    onDelete: PropTypes.func,\n    onDeleteChoice: PropTypes.func,\n    onAddChoice: PropTypes.func,\n    onMoveChoice: PropTypes.func,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\n    spellCheck: PropTypes.bool,\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      alternateResponseIndex,\n      category,\n      classes,\n      className,\n      configuration,\n      deleteFocusedEl,\n      focusedEl,\n      index,\n      error,\n      isDuplicated,\n      onDelete,\n      onDeleteChoice,\n      onAddChoice,\n      onMoveChoice,\n      imageSupport,\n      spellCheck,\n      toolbarOpts,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n\n    const isCategoryHeaderDisabled = !!alternateResponseIndex || alternateResponseIndex === 0;\n    return (\n      <Card\n        className={classNames(classes.category, className, {\n          [classes.duplicateError]: isDuplicated,\n        })}\n      >\n        <span>\n          {!isCategoryHeaderDisabled ? (\n            <InputHeader\n              label={category.label}\n              focusedEl={focusedEl}\n              deleteFocusedEl={deleteFocusedEl}\n              index={index}\n              disabled={!!alternateResponseIndex || alternateResponseIndex === 0}\n              error={error}\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              mathMlOptions={mathMlOptions}\n              configuration={configuration}\n            />\n          ) : (\n            <div\n              className={classes.categoryHeader}\n              dangerouslySetInnerHTML={{\n                __html: category.label,\n              }}\n            ></div>\n          )}\n          {error && <div className={classes.errorText}>{error}</div>}\n        </span>\n        <PlaceHolder\n          className={classes.placeHolder}\n          alternateResponseIndex={alternateResponseIndex}\n          category={category}\n          choices={category.choices}\n          onDeleteChoice={onDeleteChoice}\n          onDropChoice={onAddChoice}\n          onMoveChoice={onMoveChoice}\n          categoryId={category.id}\n        />\n        {onDelete && (\n          <CardActions className={classes.actions}>\n            <DeleteButton label={'delete'} onClick={onDelete} />\n          </CardActions>\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    minWidth: '196px',\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  categoryHeader: {\n    display: 'flex',\n    padding: theme.spacing.unit * 2,\n  },\n  duplicateError: {\n    border: '1px solid red',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingBottom: theme.spacing.unit,\n  },\n  editor: {\n    flex: '1',\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\nexport default withStyles(styles)(Category);\n"],"file":"category.js"}

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "8.21.5-next.14+e563d244a",
+  "version": "8.21.5-next.18+d4dfb796e",
   "description": "",
   "author": "pie framework developers",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "react-dnd": "^14.0.5",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "e563d244a6d090c43fdb9942f91d94976dbad56c",
+  "gitHead": "d4dfb796e9aafc236116946bd195d51f16e47727",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },