@pie-element/categorize 8.0.2-next.3 → 8.1.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@8.0.1...@pie-element/categorize@8.1.0) (2023-11-27)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-597 ([1ec84aa](https://github.com/pie-framework/pie-elements/commit/1ec84aadae515088ef65b99f780a5e5dca516f99))
+* update pie-libs PD-2996 ([cd092c6](https://github.com/pie-framework/pie-elements/commit/cd092c6b5c4db91645394cd23febc1f9a07f46f9))
+
+
+### Features
+
+* **categorize:** add maxChoicesPerCategory logic both author and student PD-2996 ([fbb7562](https://github.com/pie-framework/pie-elements/commit/fbb7562f2a878bcdaa68114c1ec430150c45e62c))
+* **categorize:** correct tests PD-2996 ([12f5dd4](https://github.com/pie-framework/pie-elements/commit/12f5dd41de9db5ede18a0ad32358c8d8dd5413ad))
+* **categorize:** PD-2996 - add setting for max nr of choices in a category ([b6162c6](https://github.com/pie-framework/pie-elements/commit/b6162c6294c851f4dfeb984211c97a0bc610166e))
+* **categorize:** solve code review observations, add translator PD-2996 ([be13dc6](https://github.com/pie-framework/pie-elements/commit/be13dc671ab416212b7db06d8dc08666ef218b7e))
+* **categorize:** update tests, update docu PD-2996 ([4c13904](https://github.com/pie-framework/pie-elements/commit/4c13904299d9fe518c3cc13398a0114e61f723ca))
+
+
+
+
+
 ## [8.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize@8.0.0...@pie-element/categorize@8.0.1) (2023-11-09)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@7.0.1...@pie-element/categorize-configure@7.1.0) (2023-11-27)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-597 ([1ec84aa](https://github.com/pie-framework/pie-elements/commit/1ec84aadae515088ef65b99f780a5e5dca516f99))
+* update pie-libs PD-2996 ([cd092c6](https://github.com/pie-framework/pie-elements/commit/cd092c6b5c4db91645394cd23febc1f9a07f46f9))
+
+
+### Features
+
+* **categorize:** add maxChoicesPerCategory logic both author and student PD-2996 ([fbb7562](https://github.com/pie-framework/pie-elements/commit/fbb7562f2a878bcdaa68114c1ec430150c45e62c))
+* **categorize:** correct tests PD-2996 ([12f5dd4](https://github.com/pie-framework/pie-elements/commit/12f5dd41de9db5ede18a0ad32358c8d8dd5413ad))
+* **categorize:** PD-2996 - add setting for max nr of choices in a category ([b6162c6](https://github.com/pie-framework/pie-elements/commit/b6162c6294c851f4dfeb984211c97a0bc610166e))
+* **categorize:** solve code review observations, add translator PD-2996 ([be13dc6](https://github.com/pie-framework/pie-elements/commit/be13dc671ab416212b7db06d8dc08666ef218b7e))
+* **categorize:** update tests, update docu PD-2996 ([4c13904](https://github.com/pie-framework/pie-elements/commit/4c13904299d9fe518c3cc13398a0114e61f723ca))
+
+
+
+
+
 ## [7.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/categorize-configure@7.0.0...@pie-element/categorize-configure@7.0.1) (2023-11-09)
 
 

package/configure/lib/defaults.js

@@ -15,6 +15,8 @@ var _default = {
     lockChoiceOrder: true,
     allowMultiplePlacementsEnabled: _utils.multiplePlacements.enabled,
     allowAlternateEnabled: false,
+    allowMaxChoicesPerCategory: false,
+    maxChoicesPerCategory: 0,
     categoriesPerRow: 2,
     categories: [],
     alternates: [],
@@ -51,6 +53,10 @@ var _default = {
       settings: true,
       label: 'Allow Multiple Placements'
     },
+    maxPlacements: {
+      settings: true,
+      label: 'Max choices per category'
+    },
     allowAlternate: {
       settings: true,
       label: 'Allow Alternate Correct Answers'

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","choices","choicesPosition","choicesLabel","lockChoiceOrder","allowMultiplePlacementsEnabled","multiplePlacements","enabled","allowAlternateEnabled","categoriesPerRow","categories","alternates","correctResponse","rowLabels","partialScoring","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","feedback","allowMultiplePlacements","allowAlternate","prompt","rationale","scoringType","settingsPanelDisabled","studentInstructions","teacherInstructions","maxImageWidth","rowLabel","categoryLabel","maxImageHeight","withRubric","minCategoriesPerRow","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":"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","sourcesContent":["import { multiplePlacements } from './utils';\n\nexport default {\n  model: {\n    choices: [],\n    choicesPosition: 'below',\n    choicesLabel: '',\n    lockChoiceOrder: true,\n    allowMultiplePlacementsEnabled: multiplePlacements.enabled,\n    allowAlternateEnabled: false,\n    categoriesPerRow: 2,\n    categories: [],\n    alternates: [],\n    correctResponse: [],\n    rowLabels: [''],\n    partialScoring: true,\n    feedbackEnabled: false,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true,\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position',\n    },\n    allowMultiplePlacements: {\n      settings: true,\n      label: 'Allow Multiple Placements',\n    },\n    allowAlternate: {\n      settings: true,\n      label: 'Allow Alternate Correct Answers',\n    },\n    categoriesPerRow: {\n      settings: true,\n      label: 'Categories per row',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    settingsPanelDisabled: false,\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    toolbarEditorPosition: {\n      settings: false,\n      label: 'Toolbar Editor Position',\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowLabel: 200,\n      categoryLabel: 260,\n      choices: 240,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowLabel: 100,\n      categoryLabel: 100,\n      choices: 150,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    minCategoriesPerRow: 1,\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","choices","choicesPosition","choicesLabel","lockChoiceOrder","allowMultiplePlacementsEnabled","multiplePlacements","enabled","allowAlternateEnabled","allowMaxChoicesPerCategory","maxChoicesPerCategory","categoriesPerRow","categories","alternates","correctResponse","rowLabels","partialScoring","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","feedback","allowMultiplePlacements","maxPlacements","allowAlternate","prompt","rationale","scoringType","settingsPanelDisabled","studentInstructions","teacherInstructions","maxImageWidth","rowLabel","categoryLabel","maxImageHeight","withRubric","minCategoriesPerRow","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":"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","sourcesContent":["import { multiplePlacements } from './utils';\n\nexport default {\n  model: {\n    choices: [],\n    choicesPosition: 'below',\n    choicesLabel: '',\n    lockChoiceOrder: true,\n    allowMultiplePlacementsEnabled: multiplePlacements.enabled,\n    allowAlternateEnabled: false,\n    allowMaxChoicesPerCategory: false,\n    maxChoicesPerCategory: 0,\n    categoriesPerRow: 2,\n    categories: [],\n    alternates: [],\n    correctResponse: [],\n    rowLabels: [''],\n    partialScoring: true,\n    feedbackEnabled: false,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true,\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position',\n    },\n    allowMultiplePlacements: {\n      settings: true,\n      label: 'Allow Multiple Placements',\n    },\n    maxPlacements: {\n      settings: true,\n      label: 'Max choices per category',\n    },\n    allowAlternate: {\n      settings: true,\n      label: 'Allow Alternate Correct Answers',\n    },\n    categoriesPerRow: {\n      settings: true,\n      label: 'Categories per row',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    settingsPanelDisabled: false,\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    toolbarEditorPosition: {\n      settings: false,\n      label: 'Toolbar Editor Position',\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowLabel: 200,\n      categoryLabel: 260,\n      choices: 240,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowLabel: 100,\n      categoryLabel: 100,\n      choices: 150,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    minCategoriesPerRow: 1,\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n  },\n};\n"],"file":"defaults.js"}

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

@@ -179,7 +179,9 @@ var Categories = /*#__PURE__*/function (_React$Component) {
           _ref$choices = _ref.choices,
           choices = _ref$choices === void 0 ? [] : _ref$choices,
           _ref$correctResponse = _ref.correctResponse,
-          correctResponse = _ref$correctResponse === void 0 ? [] : _ref$correctResponse;
+          correctResponse = _ref$correctResponse === void 0 ? [] : _ref$correctResponse,
+          _ref$maxChoicesPerCat = _ref.maxChoicesPerCategory,
+          maxChoicesPerCategory = _ref$maxChoicesPerCat === void 0 ? 0 : _ref$maxChoicesPerCat;
 
       var choice = (choices || []).find(function (choice) {
         return choice.id === addedChoice.id;
@@ -190,8 +192,11 @@ var Categories = /*#__PURE__*/function (_React$Component) {
         correctResponse = (0, _categorize.verifyAllowMultiplePlacements)(addedChoice, categoryId, correctResponse);
       }
 
+      var maxCategoryChoices = (0, _utils.getMaxCategoryChoices)(model); // when maxChoicesPerCategory is set to 0, there is no limit so it should not be updated
+
       onModelChanged({
-        correctResponse: correctResponse
+        correctResponse: correctResponse,
+        maxChoicesPerCategory: maxChoicesPerCategory !== 0 && maxChoicesPerCategory < maxCategoryChoices ? maxChoicesPerCategory + 1 : maxChoicesPerCategory
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteChoiceFromCategory", function (category, choice, choiceIndex) {
@@ -211,7 +216,9 @@ var Categories = /*#__PURE__*/function (_React$Component) {
       var _ref2 = model || {},
           choices = _ref2.choices,
           _ref2$correctResponse = _ref2.correctResponse,
-          correctResponse = _ref2$correctResponse === void 0 ? [] : _ref2$correctResponse;
+          correctResponse = _ref2$correctResponse === void 0 ? [] : _ref2$correctResponse,
+          _ref2$maxChoicesPerCa = _ref2.maxChoicesPerCategory,
+          maxChoicesPerCategory = _ref2$maxChoicesPerCa === void 0 ? 0 : _ref2$maxChoicesPerCa;
 
       var choice = (choices || []).find(function (choice) {
         return choice.id === choiceId;
@@ -228,8 +235,11 @@ var Categories = /*#__PURE__*/function (_React$Component) {
         correctResponse = (0, _categorize.moveChoiceToCategory)(choice.id, undefined, to, 0, correctResponse);
       }
 
+      var maxCategoryChoices = (0, _utils.getMaxCategoryChoices)(model); // when maxChoicesPerCategory is set to 0, there is no limit so it should not be updated
+
       onModelChanged({
-        correctResponse: correctResponse
+        correctResponse: correctResponse,
+        maxChoicesPerCategory: maxChoicesPerCategory !== 0 && maxChoicesPerCategory < maxCategoryChoices ? maxChoicesPerCategory + 1 : maxChoicesPerCategory
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeRowLabel", function (val, index) {

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","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","setState","onModelChanged","concat","category","index","findIndex","splice","correctResponse","c","addedChoice","categoryId","choices","choice","find","undefined","categoryCount","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 } 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 } = model;\n    const id = utils.firstAvailableIndex(\n      model.categories.map((a) => a.id),\n      0,\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        });\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 = [] } = 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    onModelChanged({ correctResponse });\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 = [] } = 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    onModelChanged({ correctResponse });\n  };\n\n  changeRowLabel = (val, index) => {\n    const { model } = this.props;\n    const { rowLabels } = model;\n    const newRowLabels = [...rowLabels];\n\n    if (newRowLabels.length < index) {\n      newRowLabels.push(val);\n    } else {\n      newRowLabels[index] = val;\n    }\n\n    this.props.onModelChanged({\n      rowLabels: newRowLabels,\n    });\n  };\n\n  render() {\n    const {\n      model,\n      classes,\n      className,\n      categories,\n      imageSupport,\n      uploadSoundSupport,\n      toolbarOpts,\n      spellCheck,\n      configuration,\n      defaultImageMaxHeight,\n      defaultImageMaxWidth,\n      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                  />\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                />\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","id","utils","firstAvailableIndex","map","a","data","label","addRowLabel","length","rowLabels","push","setState","onModelChanged","concat","category","index","findIndex","splice","correctResponse","c","addedChoice","categoryId","choices","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 } = model;\n    const id = utils.firstAvailableIndex(\n      model.categories.map((a) => a.id),\n      0,\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        });\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({ correctResponse, maxChoicesPerCategory: maxChoicesPerCategory !== 0 && maxChoicesPerCategory < maxCategoryChoices ? maxChoicesPerCategory + 1 : maxChoicesPerCategory });\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({ correctResponse, maxChoicesPerCategory: maxChoicesPerCategory !== 0 && maxChoicesPerCategory < maxCategoryChoices ? maxChoicesPerCategory + 1 : maxChoicesPerCategory });\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                  />\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                />\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/lib/design/index.js

@@ -49,6 +49,8 @@ var _header = _interopRequireDefault(require("./header"));
 
 var _utils = require("../utils");
 
+var _translator = _interopRequireDefault(require("@pie-lib/pie-toolbox/translator"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -57,6 +59,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+var translator = _translator["default"].translator;
 var dropdown = _configUi.settings.dropdown,
     Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle,
@@ -103,7 +106,9 @@ var Design = /*#__PURE__*/function (_React$Component) {
           content: h.content,
           categoryCount: h.categoryCount
         };
-      });
+      }); // ensure that maxChoicesPerCategory is reset if author switch back the corresponding switch (allowMaxChoicesPerCategory)
+
+      updatedModel.maxChoicesPerCategory = updatedModel.allowMaxChoicesPerCategory ? updatedModel.maxChoicesPerCategory : 0;
       onChange(updatedModel);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeRationale", function (rationale) {
@@ -171,6 +176,25 @@ var Design = /*#__PURE__*/function (_React$Component) {
 
       return c.categoryCount || 0;
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isAlertModalOpened", function () {
+      var model = _this.props.model;
+
+      var _ref = model || {},
+          _ref$maxChoicesPerCat = _ref.maxChoicesPerCategory,
+          maxChoicesPerCategory = _ref$maxChoicesPerCat === void 0 ? 0 : _ref$maxChoicesPerCat;
+
+      var maxChoices = (0, _utils.getMaxCategoryChoices)(model); // when maxChoicesPerCategory is set to 0, there is no limit so modal should not be opened
+
+      return maxChoicesPerCategory !== 0 ? maxChoices > maxChoicesPerCategory : false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlertModalCancel", function () {
+      var model = _this.props.model;
+      var maxChoices = (0, _utils.getMaxCategoryChoices)(model);
+
+      _this.updateModel({
+        maxChoicesPerCategory: maxChoices
+      });
+    });
     _this.uid = _props.uid || _drag.uid.generateId();
     return _this;
   }
@@ -188,59 +212,63 @@ var Design = /*#__PURE__*/function (_React$Component) {
           uploadSoundSupport = _this$props4.uploadSoundSupport,
           onConfigurationChanged = _this$props4.onConfigurationChanged;
 
-      var _ref = configuration || {},
-          _ref$allowMultiplePla = _ref.allowMultiplePlacements,
-          allowMultiplePlacements = _ref$allowMultiplePla === void 0 ? {} : _ref$allowMultiplePla,
-          _ref$allowAlternate = _ref.allowAlternate,
-          allowAlternate = _ref$allowAlternate === void 0 ? {} : _ref$allowAlternate,
-          _ref$categoriesPerRow = _ref.categoriesPerRow,
-          categoriesPerRow = _ref$categoriesPerRow === void 0 ? {} : _ref$categoriesPerRow,
-          _ref$choicesPosition = _ref.choicesPosition,
-          choicesPosition = _ref$choicesPosition === void 0 ? {} : _ref$choicesPosition,
-          _ref$contentDimension = _ref.contentDimensions,
-          contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
-          _ref$feedback = _ref.feedback,
-          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
-          _ref$lockChoiceOrder = _ref.lockChoiceOrder,
-          lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
-          _ref$maxImageHeight = _ref.maxImageHeight,
-          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
-          _ref$maxImageWidth = _ref.maxImageWidth,
-          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
-          _ref$minCategoriesPer = _ref.minCategoriesPerRow,
-          minCategoriesPerRow = _ref$minCategoriesPer === void 0 ? 1 : _ref$minCategoriesPer,
-          _ref$partialScoring = _ref.partialScoring,
-          partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-          _ref$rationale = _ref.rationale,
-          rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
-          _ref$scoringType = _ref.scoringType,
-          scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-          settingsPanelDisabled = _ref.settingsPanelDisabled,
-          _ref$spellCheck = _ref.spellCheck,
-          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$withRubric = _ref.withRubric,
-          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric,
-          _ref$mathMlOptions = _ref.mathMlOptions,
-          mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
-          _ref$language = _ref.language,
-          language = _ref$language === void 0 ? {} : _ref$language,
-          _ref$languageChoices = _ref.languageChoices,
-          languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices;
-
-      var _ref2 = model || {},
-          allowAlternateEnabled = _ref2.allowAlternateEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled,
-          promptEnabled = _ref2.promptEnabled,
-          rationaleEnabled = _ref2.rationaleEnabled,
-          spellCheckEnabled = _ref2.spellCheckEnabled,
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-          toolbarEditorPosition = _ref2.toolbarEditorPosition;
+      var _ref2 = configuration || {},
+          _ref2$allowMultiplePl = _ref2.allowMultiplePlacements,
+          allowMultiplePlacements = _ref2$allowMultiplePl === void 0 ? {} : _ref2$allowMultiplePl,
+          _ref2$allowAlternate = _ref2.allowAlternate,
+          allowAlternate = _ref2$allowAlternate === void 0 ? {} : _ref2$allowAlternate,
+          _ref2$categoriesPerRo = _ref2.categoriesPerRow,
+          categoriesPerRow = _ref2$categoriesPerRo === void 0 ? {} : _ref2$categoriesPerRo,
+          _ref2$choicesPosition = _ref2.choicesPosition,
+          choicesPosition = _ref2$choicesPosition === void 0 ? {} : _ref2$choicesPosition,
+          _ref2$contentDimensio = _ref2.contentDimensions,
+          contentDimensions = _ref2$contentDimensio === void 0 ? {} : _ref2$contentDimensio,
+          _ref2$feedback = _ref2.feedback,
+          feedback = _ref2$feedback === void 0 ? {} : _ref2$feedback,
+          _ref2$lockChoiceOrder = _ref2.lockChoiceOrder,
+          lockChoiceOrder = _ref2$lockChoiceOrder === void 0 ? {} : _ref2$lockChoiceOrder,
+          _ref2$maxImageHeight = _ref2.maxImageHeight,
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
+          _ref2$maxImageWidth = _ref2.maxImageWidth,
+          maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
+          _ref2$maxPlacements = _ref2.maxPlacements,
+          maxPlacements = _ref2$maxPlacements === void 0 ? {} : _ref2$maxPlacements,
+          _ref2$minCategoriesPe = _ref2.minCategoriesPerRow,
+          minCategoriesPerRow = _ref2$minCategoriesPe === void 0 ? 1 : _ref2$minCategoriesPe,
+          _ref2$partialScoring = _ref2.partialScoring,
+          partialScoring = _ref2$partialScoring === void 0 ? {} : _ref2$partialScoring,
+          _ref2$prompt = _ref2.prompt,
+          prompt = _ref2$prompt === void 0 ? {} : _ref2$prompt,
+          _ref2$rationale = _ref2.rationale,
+          rationale = _ref2$rationale === void 0 ? {} : _ref2$rationale,
+          _ref2$scoringType = _ref2.scoringType,
+          scoringType = _ref2$scoringType === void 0 ? {} : _ref2$scoringType,
+          settingsPanelDisabled = _ref2.settingsPanelDisabled,
+          _ref2$spellCheck = _ref2.spellCheck,
+          spellCheck = _ref2$spellCheck === void 0 ? {} : _ref2$spellCheck,
+          _ref2$studentInstruct = _ref2.studentInstructions,
+          studentInstructions = _ref2$studentInstruct === void 0 ? {} : _ref2$studentInstruct,
+          _ref2$teacherInstruct = _ref2.teacherInstructions,
+          teacherInstructions = _ref2$teacherInstruct === void 0 ? {} : _ref2$teacherInstruct,
+          _ref2$withRubric = _ref2.withRubric,
+          withRubric = _ref2$withRubric === void 0 ? {} : _ref2$withRubric,
+          _ref2$mathMlOptions = _ref2.mathMlOptions,
+          mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions,
+          _ref2$language = _ref2.language,
+          language = _ref2$language === void 0 ? {} : _ref2$language,
+          _ref2$languageChoices = _ref2.languageChoices,
+          languageChoices = _ref2$languageChoices === void 0 ? {} : _ref2$languageChoices;
+
+      var _ref3 = model || {},
+          allowAlternateEnabled = _ref3.allowAlternateEnabled,
+          allowMaxChoicesPerCategory = _ref3.allowMaxChoicesPerCategory,
+          feedbackEnabled = _ref3.feedbackEnabled,
+          maxChoicesPerCategory = _ref3.maxChoicesPerCategory,
+          promptEnabled = _ref3.promptEnabled,
+          rationaleEnabled = _ref3.rationaleEnabled,
+          spellCheckEnabled = _ref3.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref3.toolbarEditorPosition;
 
       var toolbarOpts = {
         position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
@@ -268,6 +296,12 @@ var Design = /*#__PURE__*/function (_React$Component) {
         }),
         choicesPosition: choicesPosition.settings && radio(choicesPosition.label, ['below', 'above', 'left', 'right']),
         allowMultiplePlacementsEnabled: allowMultiplePlacements.settings && dropdown(allowMultiplePlacements.label, [_utils.multiplePlacements.enabled, _utils.multiplePlacements.disabled, _utils.multiplePlacements.perChoice]),
+        allowMaxChoicesPerCategory: maxPlacements.settings && toggle(maxPlacements.label),
+        maxChoicesPerCategory: allowMaxChoicesPerCategory === true && numberField(maxPlacements.label, {
+          label: '',
+          min: 0,
+          max: 30
+        }),
         promptEnabled: prompt.settings && toggle(prompt.label),
         feedbackEnabled: feedback.settings && toggle(feedback.label),
         // PD-2960: deleted temporary from settings panel
@@ -283,6 +317,11 @@ var Design = /*#__PURE__*/function (_React$Component) {
         scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
         rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
       };
+      var isOpened = this.isAlertModalOpened();
+      var alertMaxChoicesMsg = translator.t('translation:categorize:maxChoicesPerCategoryRestriction', {
+        lng: model.language,
+        maxChoicesPerCategory: maxChoicesPerCategory
+      });
       return /*#__PURE__*/_react["default"].createElement(IdProvider, {
         value: this.uid
       }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
@@ -296,7 +335,13 @@ var Design = /*#__PURE__*/function (_React$Component) {
           groups: {
             Settings: panelSettings,
             Properties: panelProperties
-          }
+          },
+          modal: /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+            title: 'Warning',
+            text: alertMaxChoicesMsg,
+            open: isOpened,
+            onClose: this.onAlertModalCancel
+          })
         })
       }, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: teacherInstructions.label,