@pie-element/categorize 9.14.2-next.2 → 9.14.2

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.14.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@9.14.1...@pie-element/categorize@9.14.2) (2025-07-25)
+
+
+### Bug Fixes
+
+* call renderMath in categories PD-5135 ([dcd557b](https://github.com/pie-framework/pie-elements/commit/dcd557b7feab0762d949ccc6d10b4cdd57abf5d4))
+* refactor PD-5132, update pie-lib/pie-toolbox PD-3797 ([7434408](https://github.com/pie-framework/pie-elements/commit/7434408416a883fd680eec13fe1109711fd7e6b5))
+* update pie-lib/pie-toolbox PD-4885, PD-5131 ([4b9859c](https://github.com/pie-framework/pie-elements/commit/4b9859c919a1a7cc8e29d6168a91cd1f7d1aafd1))
+
+
+
+
+
 ## [9.14.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@9.14.0...@pie-element/categorize@9.14.1) (2025-07-22)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@8.7.1...@pie-element/categorize-configure@8.7.2) (2025-07-25)
+
+
+### Bug Fixes
+
+* call renderMath in categories PD-5135 ([dcd557b](https://github.com/pie-framework/pie-elements/commit/dcd557b7feab0762d949ccc6d10b4cdd57abf5d4))
+* refactor PD-5132, update pie-lib/pie-toolbox PD-3797 ([7434408](https://github.com/pie-framework/pie-elements/commit/7434408416a883fd680eec13fe1109711fd7e6b5))
+* update pie-lib/pie-toolbox PD-4885, PD-5131 ([4b9859c](https://github.com/pie-framework/pie-elements/commit/4b9859c919a1a7cc8e29d6168a91cd1f7d1aafd1))
+
+
+
+
+
 ## [8.7.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@8.7.0...@pie-element/categorize-configure@8.7.1) (2025-07-22)
 
 

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

@@ -25,6 +25,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
@@ -47,6 +49,8 @@ var _utils = require("../../utils");
 
 var _RowLabel = require("./RowLabel");
 
+var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -268,6 +272,32 @@ var Categories = /*#__PURE__*/function (_React$Component) {
   }
 
   (0, _createClass2["default"])(Categories, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      try {
+        // eslint-disable-next-line react/no-find-dom-node
+        var domNode = _reactDom["default"].findDOMNode(this);
+
+        (0, _mathRendering.renderMath)(domNode);
+      } catch (e) {
+        // Added try-catch block to handle "Unable to find node on an unmounted component" error from tests, thrown because of the usage of shallow
+        console.error('DOM not mounted');
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      try {
+        // eslint-disable-next-line react/no-find-dom-node
+        var domNode = _reactDom["default"].findDOMNode(this);
+
+        (0, _mathRendering.renderMath)(domNode);
+      } catch (e) {
+        // Added try-catch block to handle "Unable to find node on an unmounted component" error from tests, thrown because of the usage of shallow
+        console.error('DOM not mounted');
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this2 = this;

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

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

package/configure/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "main": "lib/index.js",
   "module": "src/index.js",
-  "version": "8.7.1",
+  "version": "8.7.2",
   "description": "",
   "scripts": {},
   "author": "pie framework developers",
@@ -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.22.2",
+    "@pie-lib/pie-toolbox": "2.22.3",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.9.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-controller@7.9.1...@pie-element/categorize-controller@7.9.2) (2025-07-25)
+
+
+### Bug Fixes
+
+* refactor PD-5132, update pie-lib/pie-toolbox PD-3797 ([7434408](https://github.com/pie-framework/pie-elements/commit/7434408416a883fd680eec13fe1109711fd7e6b5))
+* update pie-lib/pie-toolbox PD-4885, PD-5131 ([4b9859c](https://github.com/pie-framework/pie-elements/commit/4b9859c919a1a7cc8e29d6168a91cd1f7d1aafd1))
+
+
+
+
+
 ## [7.9.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-controller@7.9.0...@pie-element/categorize-controller@7.9.1) (2025-07-22)
 
 

package/controller/package.json

@@ -2,10 +2,10 @@
   "name": "@pie-element/categorize-controller",
   "private": true,
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.22.2",
+    "@pie-lib/pie-toolbox": "2.22.3",
     "lodash": "^4.17.15"
   },
-  "version": "7.9.1",
+  "version": "7.9.2",
   "description": "",
   "scripts": {},
   "main": "lib/index.js",

package/package.json

@@ -4,14 +4,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "9.14.2-next.2+e70b36cd4",
+  "version": "9.14.2",
   "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.22.2",
+    "@pie-lib/pie-toolbox": "2.22.3",
     "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": "e70b36cd43cb104ec482c564fe6987ac83339c26",
+  "gitHead": "1595aede424495575646ae749f8afc572a22e960",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },