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

package/configure/lib/defaults.js

@@ -0,0 +1,222 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("./utils");
+var _default = exports.default = {
+  model: {
+    allowAlternateEnabled: true,
+    allowMaxChoicesPerCategory: false,
+    allowMultiplePlacementsEnabled: _utils.multiplePlacements.enabled,
+    alternates: [],
+    categories: [],
+    categoriesPerRow: 2,
+    choices: [],
+    choicesLabel: '',
+    choicesPosition: 'below',
+    correctResponse: [],
+    feedbackEnabled: false,
+    lockChoiceOrder: true,
+    maxAnswerChoices: 6,
+    maxChoicesPerCategory: 0,
+    partialScoring: true,
+    promptEnabled: true,
+    rationaleEnabled: true,
+    rowLabels: [''],
+    studentInstructionsEnabled: true,
+    teacherInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom',
+    minRowHeight: '80px'
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    feedback: {
+      settings: true,
+      label: 'Feedback',
+      enabled: true
+    },
+    lockChoiceOrder: {
+      settings: true,
+      label: 'Lock Choice Order'
+    },
+    choicesPosition: {
+      settings: true,
+      label: 'Choices Position'
+    },
+    allowMultiplePlacements: {
+      settings: true,
+      label: 'Allow Multiple Placements'
+    },
+    maxPlacements: {
+      settings: true,
+      label: 'Max choices per category'
+    },
+    allowAlternate: {
+      settings: true,
+      label: 'Allow Alternate Correct Answers'
+    },
+    categoriesPerRow: {
+      settings: true,
+      label: 'Categories per row'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    scoringType: {
+      settings: false,
+      label: 'Scoring Type'
+    },
+    settingsPanelDisabled: false,
+    studentInstructions: {
+      settings: false,
+      label: 'Student Instructions'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      required: false,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    headers: {
+      inputConfiguration: {
+        audio: {
+          disabled: true
+        },
+        video: {
+          disabled: true
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    rowLabels: {
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    toolbarEditorPosition: {
+      settings: false,
+      label: 'Toolbar Editor Position'
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowLabel: 200,
+      categoryLabel: 260,
+      choices: 240
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowLabel: 100,
+      categoryLabel: 100,
+      choices: 150
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    minCategoriesPerRow: 1,
+    allowMaxAnswerChoices: {
+      settings: true,
+      label: 'Max answer choices'
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    }
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_utils","require","_default","exports","default","model","allowAlternateEnabled","allowMaxChoicesPerCategory","allowMultiplePlacementsEnabled","multiplePlacements","enabled","alternates","categories","categoriesPerRow","choices","choicesLabel","choicesPosition","correctResponse","feedbackEnabled","lockChoiceOrder","maxAnswerChoices","maxChoicesPerCategory","partialScoring","promptEnabled","rationaleEnabled","rowLabels","studentInstructionsEnabled","teacherInstructionsEnabled","toolbarEditorPosition","minRowHeight","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","spellCheck","label","settings","feedback","allowMultiplePlacements","maxPlacements","allowAlternate","prompt","required","inputConfiguration","rationale","scoringType","settingsPanelDisabled","studentInstructions","teacherInstructions","headers","maxImageWidth","rowLabel","categoryLabel","maxImageHeight","withRubric","minCategoriesPerRow","allowMaxAnswerChoices","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"sources":["../src/defaults.js"],"sourcesContent":["import { multiplePlacements } from './utils';\n\nexport default {\n  model: {\n    allowAlternateEnabled: true,\n    allowMaxChoicesPerCategory: false,\n    allowMultiplePlacementsEnabled: multiplePlacements.enabled,\n    alternates: [],\n    categories: [],\n    categoriesPerRow: 2,\n    choices: [],\n    choicesLabel: '',\n    choicesPosition: 'below',\n    correctResponse: [],\n    feedbackEnabled: false,\n    lockChoiceOrder: true,\n    maxAnswerChoices: 6,\n    maxChoicesPerCategory: 0,\n    partialScoring: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    rowLabels: [''],\n    studentInstructionsEnabled: true,\n    teacherInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    minRowHeight: '80px',\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\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      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\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      required: false,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    headers: {\n      inputConfiguration: {\n        audio: { disabled: true },\n        video: { disabled: true },\n        image: { disabled: false },\n      },\n    },\n    rowLabels: {\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\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    allowMaxAnswerChoices: {\n      settings: true,\n      label: 'Max answer choices',\n    },\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"],"mappings":"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","ignoreList":[]}

package/configure/lib/design/builder.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildCategories = exports.buildAlternateResponses = void 0;
+var _lodashEs = require("lodash-es");
+const buildCategories = (categories, choices, correctResponse) => {
+  const clonedCategories = (0, _lodashEs.cloneDeep)(categories);
+  return clonedCategories.map(category => {
+    const cr = correctResponse.find(cr => cr.category === category.id);
+    if (cr) {
+      category.choices = (cr.choices || []).map(choiceId => {
+        const choice = choices.find(h => h.id === choiceId);
+        if (choice) {
+          return Object.assign({}, {
+            id: choice.id,
+            content: choice.content
+          });
+        }
+      });
+    }
+    return category;
+  });
+};
+exports.buildCategories = buildCategories;
+const getChoices = (cat, choices, index) => {
+  if (!cat.alternateResponses || cat.alternateResponses.length === 0) {
+    return [];
+  }
+  return (cat.alternateResponses[index] || []).map(alt => {
+    return choices.find(ch => ch.id === alt);
+  });
+};
+const buildAlternateResponses = (categories, choices, correctResponse) => {
+  const mostAlternates = correctResponse.reduce((mostAlt, cat) => {
+    if (cat.alternateResponses && cat.alternateResponses.length >= mostAlt) {
+      return cat.alternateResponses.length;
+    }
+    return mostAlt;
+  }, 0);
+  const alternatesArray = new Array(mostAlternates).fill(0);
+  return alternatesArray.map((val, index) => {
+    return correctResponse.map((cat, catIndex) => {
+      const currentCategory = categories[catIndex];
+      return {
+        id: currentCategory.id,
+        label: currentCategory.label,
+        choices: getChoices(cat, choices, index)
+      };
+    });
+  });
+};
+exports.buildAlternateResponses = buildAlternateResponses;
+//# sourceMappingURL=builder.js.map

package/configure/lib/design/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","names":["_lodashEs","require","buildCategories","categories","choices","correctResponse","clonedCategories","cloneDeep","map","category","cr","find","id","choiceId","choice","h","Object","assign","content","exports","getChoices","cat","index","alternateResponses","length","alt","ch","buildAlternateResponses","mostAlternates","reduce","mostAlt","alternatesArray","Array","fill","val","catIndex","currentCategory","label"],"sources":["../../src/design/builder.js"],"sourcesContent":["import { cloneDeep } from 'lodash-es';\n\nexport const buildCategories = (categories, choices, correctResponse) => {\n  const clonedCategories = cloneDeep(categories);\n\n  return clonedCategories.map((category) => {\n    const cr = correctResponse.find((cr) => cr.category === category.id);\n\n    if (cr) {\n      category.choices = (cr.choices || []).map((choiceId) => {\n        const choice = choices.find((h) => h.id === choiceId);\n        if (choice) {\n          return Object.assign({}, { id: choice.id, content: choice.content });\n        }\n      });\n    }\n\n    return category;\n  });\n};\n\nconst getChoices = (cat, choices, index) => {\n  if (!cat.alternateResponses || cat.alternateResponses.length === 0) {\n    return [];\n  }\n\n  return (cat.alternateResponses[index] || []).map((alt) => {\n    return choices.find((ch) => ch.id === alt);\n  });\n};\n\nexport const buildAlternateResponses = (categories, choices, correctResponse) => {\n  const mostAlternates = correctResponse.reduce((mostAlt, cat) => {\n    if (cat.alternateResponses && cat.alternateResponses.length >= mostAlt) {\n      return cat.alternateResponses.length;\n    }\n\n    return mostAlt;\n  }, 0);\n  const alternatesArray = new Array(mostAlternates).fill(0);\n\n  return alternatesArray.map((val, index) => {\n    return correctResponse.map((cat, catIndex) => {\n      const currentCategory = categories[catIndex];\n\n      return {\n        id: currentCategory.id,\n        label: currentCategory.label,\n        choices: getChoices(cat, choices, index),\n      };\n    });\n  });\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAACC,UAAU,EAAEC,OAAO,EAAEC,eAAe,KAAK;EACvE,MAAMC,gBAAgB,GAAG,IAAAC,mBAAS,EAACJ,UAAU,CAAC;EAE9C,OAAOG,gBAAgB,CAACE,GAAG,CAAEC,QAAQ,IAAK;IACxC,MAAMC,EAAE,GAAGL,eAAe,CAACM,IAAI,CAAED,EAAE,IAAKA,EAAE,CAACD,QAAQ,KAAKA,QAAQ,CAACG,EAAE,CAAC;IAEpE,IAAIF,EAAE,EAAE;MACND,QAAQ,CAACL,OAAO,GAAG,CAACM,EAAE,CAACN,OAAO,IAAI,EAAE,EAAEI,GAAG,CAAEK,QAAQ,IAAK;QACtD,MAAMC,MAAM,GAAGV,OAAO,CAACO,IAAI,CAAEI,CAAC,IAAKA,CAAC,CAACH,EAAE,KAAKC,QAAQ,CAAC;QACrD,IAAIC,MAAM,EAAE;UACV,OAAOE,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE;YAAEL,EAAE,EAAEE,MAAM,CAACF,EAAE;YAAEM,OAAO,EAAEJ,MAAM,CAACI;UAAQ,CAAC,CAAC;QACtE;MACF,CAAC,CAAC;IACJ;IAEA,OAAOT,QAAQ;EACjB,CAAC,CAAC;AACJ,CAAC;AAACU,OAAA,CAAAjB,eAAA,GAAAA,eAAA;AAEF,MAAMkB,UAAU,GAAGA,CAACC,GAAG,EAAEjB,OAAO,EAAEkB,KAAK,KAAK;EAC1C,IAAI,CAACD,GAAG,CAACE,kBAAkB,IAAIF,GAAG,CAACE,kBAAkB,CAACC,MAAM,KAAK,CAAC,EAAE;IAClE,OAAO,EAAE;EACX;EAEA,OAAO,CAACH,GAAG,CAACE,kBAAkB,CAACD,KAAK,CAAC,IAAI,EAAE,EAAEd,GAAG,CAAEiB,GAAG,IAAK;IACxD,OAAOrB,OAAO,CAACO,IAAI,CAAEe,EAAE,IAAKA,EAAE,CAACd,EAAE,KAAKa,GAAG,CAAC;EAC5C,CAAC,CAAC;AACJ,CAAC;AAEM,MAAME,uBAAuB,GAAGA,CAACxB,UAAU,EAAEC,OAAO,EAAEC,eAAe,KAAK;EAC/E,MAAMuB,cAAc,GAAGvB,eAAe,CAACwB,MAAM,CAAC,CAACC,OAAO,EAAET,GAAG,KAAK;IAC9D,IAAIA,GAAG,CAACE,kBAAkB,IAAIF,GAAG,CAACE,kBAAkB,CAACC,MAAM,IAAIM,OAAO,EAAE;MACtE,OAAOT,GAAG,CAACE,kBAAkB,CAACC,MAAM;IACtC;IAEA,OAAOM,OAAO;EAChB,CAAC,EAAE,CAAC,CAAC;EACL,MAAMC,eAAe,GAAG,IAAIC,KAAK,CAACJ,cAAc,CAAC,CAACK,IAAI,CAAC,CAAC,CAAC;EAEzD,OAAOF,eAAe,CAACvB,GAAG,CAAC,CAAC0B,GAAG,EAAEZ,KAAK,KAAK;IACzC,OAAOjB,eAAe,CAACG,GAAG,CAAC,CAACa,GAAG,EAAEc,QAAQ,KAAK;MAC5C,MAAMC,eAAe,GAAGjC,UAAU,CAACgC,QAAQ,CAAC;MAE5C,OAAO;QACLvB,EAAE,EAAEwB,eAAe,CAACxB,EAAE;QACtByB,KAAK,EAAED,eAAe,CAACC,KAAK;QAC5BjC,OAAO,EAAEgB,UAAU,CAACC,GAAG,EAAEjB,OAAO,EAAEkB,KAAK;MACzC,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC;AAACH,OAAA,CAAAQ,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/configure/lib/design/buttons.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawAddButton = exports.DeleteButton = exports.AddButton = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+const StyledAddButton = (0, _styles.styled)(_Button.default)(({
+  theme
+}) => ({
+  height: theme.spacing(4)
+}));
+class RawAddButton extends _react.default.Component {
+  render() {
+    const {
+      label,
+      onClick,
+      disabled
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(StyledAddButton, {
+      onClick: onClick,
+      disabled: disabled,
+      size: "small",
+      variant: "contained",
+      color: "primary"
+    }, label);
+  }
+}
+exports.RawAddButton = RawAddButton;
+(0, _defineProperty2.default)(RawAddButton, "propTypes", {
+  label: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  disabled: _propTypes.default.bool
+});
+(0, _defineProperty2.default)(RawAddButton, "defaultProps", {
+  label: 'Add'
+});
+const AddButton = exports.AddButton = RawAddButton;
+const StyledDeleteButton = (0, _styles.styled)(_Button.default)({
+  margin: 0,
+  padding: 0
+});
+const DeleteButton = ({
+  label,
+  onClick,
+  disabled
+}) => /*#__PURE__*/_react.default.createElement(StyledDeleteButton, {
+  onClick: onClick,
+  size: "small",
+  color: "primary",
+  disabled: disabled
+}, label);
+exports.DeleteButton = DeleteButton;
+//# sourceMappingURL=buttons.js.map

package/configure/lib/design/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","StyledAddButton","styled","Button","theme","height","spacing","RawAddButton","React","Component","render","label","onClick","disabled","props","default","createElement","size","variant","color","exports","_defineProperty2","PropTypes","string","func","bool","AddButton","StyledDeleteButton","margin","padding","DeleteButton"],"sources":["../../src/design/buttons.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\n\nconst StyledAddButton = styled(Button)(({ theme }) => ({\n  height: theme.spacing(4),\n}));\n\nexport class RawAddButton extends React.Component {\n  static propTypes = {\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    label: 'Add',\n  };\n\n  render() {\n    const { label, onClick, disabled } = this.props;\n    return (\n      <StyledAddButton\n        onClick={onClick}\n        disabled={disabled}\n        size=\"small\"\n        variant=\"contained\"\n        color=\"primary\"\n      >\n        {label}\n      </StyledAddButton>\n    );\n  }\n}\n\nconst AddButton = RawAddButton;\n\nconst StyledDeleteButton = styled(Button)({\n  margin: 0,\n  padding: 0,\n});\n\nconst DeleteButton = ({ label, onClick, disabled }) => (\n  <StyledDeleteButton onClick={onClick} size=\"small\" color=\"primary\" disabled={disabled}>\n    {label}\n  </StyledDeleteButton>\n);\n\nexport { AddButton, DeleteButton };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,eAAe,GAAG,IAAAC,cAAM,EAACC,eAAM,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACrDC,MAAM,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;AACzB,CAAC,CAAC,CAAC;AAEI,MAAMC,YAAY,SAASC,cAAK,CAACC,SAAS,CAAC;EAWhDC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAC/C,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACf,eAAe;MACdW,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAS;MACnBI,IAAI,EAAC,OAAO;MACZC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAC;IAAS,GAEdR,KACc,CAAC;EAEtB;AACF;AAACS,OAAA,CAAAb,YAAA,GAAAA,YAAA;AAAA,IAAAc,gBAAA,CAAAN,OAAA,EAzBYR,YAAY,eACJ;EACjBI,KAAK,EAAEW,kBAAS,CAACC,MAAM;EACvBX,OAAO,EAAEU,kBAAS,CAACE,IAAI;EACvBX,QAAQ,EAAES,kBAAS,CAACG;AACtB,CAAC;AAAA,IAAAJ,gBAAA,CAAAN,OAAA,EALUR,YAAY,kBAOD;EACpBI,KAAK,EAAE;AACT,CAAC;AAkBH,MAAMe,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAGnB,YAAY;AAE9B,MAAMoB,kBAAkB,GAAG,IAAAzB,cAAM,EAACC,eAAM,CAAC,CAAC;EACxCyB,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGA,CAAC;EAAEnB,KAAK;EAAEC,OAAO;EAAEC;AAAS,CAAC,kBAChDlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACW,kBAAkB;EAACf,OAAO,EAAEA,OAAQ;EAACK,IAAI,EAAC,OAAO;EAACE,KAAK,EAAC,SAAS;EAACN,QAAQ,EAAEA;AAAS,GACnFF,KACiB,CACrB;AAACS,OAAA,CAAAU,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowLabel = void 0;
+var _utils = require("../utils");
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _renderUi = require("@pie-lib/render-ui");
+const RowLabelContainer = (0, _styles.styled)(_renderUi.InputContainer)(({
+  theme
+}) => ({
+  width: '100%',
+  paddingTop: theme.spacing(1),
+  marginTop: theme.spacing(1)
+}));
+const RowLabel = ({
+  categoriesPerRow,
+  configuration,
+  disabled,
+  markup,
+  imageSupport,
+  onChange,
+  toolbarOpts,
+  spellCheck,
+  maxImageWidth,
+  maxImageHeight,
+  uploadSoundSupport,
+  mathMlOptions = {}
+}) => {
+  const {
+    rowLabels,
+    baseInputConfiguration
+  } = configuration;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      gridColumn: `1/${categoriesPerRow + 1}`,
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(RowLabelContainer, {
+    label: "Row Label"
+  }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+    disabled: disabled,
+    markup: markup,
+    onChange: onChange,
+    imageSupport: imageSupport,
+    nonEmpty: false,
+    toolbarOpts: toolbarOpts,
+    pluginProps: (0, _utils.getPluginProps)(rowLabels?.inputConfiguration, baseInputConfiguration),
+    spellCheck: spellCheck,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }],
+    mathMlOptions: mathMlOptions
+  })));
+};
+exports.RowLabel = RowLabel;
+//# sourceMappingURL=RowLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLabel.js","names":["_utils","require","_react","_interopRequireDefault","_styles","_editableHtmlTipTap","_renderUi","RowLabelContainer","styled","InputContainer","theme","width","paddingTop","spacing","marginTop","RowLabel","categoriesPerRow","configuration","disabled","markup","imageSupport","onChange","toolbarOpts","spellCheck","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","rowLabels","baseInputConfiguration","default","createElement","style","gridColumn","label","nonEmpty","pluginProps","getPluginProps","inputConfiguration","languageCharactersProps","language","exports"],"sources":["../../../src/design/categories/RowLabel.jsx"],"sourcesContent":["import { getPluginProps } from '../utils';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nconst RowLabelContainer = styled(InputContainer)(({ theme }) => ({\n  width: '100%',\n  paddingTop: theme.spacing(1),\n  marginTop: theme.spacing(1),\n}));\n\nexport const RowLabel = ({\n    categoriesPerRow,\n    configuration,\n    disabled,\n    markup,\n    imageSupport,\n    onChange,\n    toolbarOpts,\n    spellCheck,\n    maxImageWidth,\n    maxImageHeight,\n    uploadSoundSupport,\n    mathMlOptions = {},\n  }) => {\n    const { rowLabels, baseInputConfiguration } = configuration;\n\n    return (\n      <div\n        style={{\n          gridColumn: `1/${categoriesPerRow + 1}`,\n          width: '100%',\n        }}\n      >\n        <RowLabelContainer label=\"Row Label\">\n          <EditableHtml\n            disabled={disabled}\n            markup={markup}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            pluginProps={getPluginProps(rowLabels?.inputConfiguration, baseInputConfiguration)}\n            spellCheck={spellCheck}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </RowLabelContainer>\n      </div>\n    );\n  };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,MAAMM,iBAAiB,GAAG,IAAAC,cAAM,EAACC,wBAAc,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC/DC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAEF,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;EAC5BC,SAAS,EAAEJ,KAAK,CAACG,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEI,MAAME,QAAQ,GAAGA,CAAC;EACrBC,gBAAgB;EAChBC,aAAa;EACbC,QAAQ;EACRC,MAAM;EACNC,YAAY;EACZC,QAAQ;EACRC,WAAW;EACXC,UAAU;EACVC,aAAa;EACbC,cAAc;EACdC,kBAAkB;EAClBC,aAAa,GAAG,CAAC;AACnB,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS;IAAEC;EAAuB,CAAC,GAAGZ,aAAa;EAE3D,oBACEf,MAAA,CAAA4B,OAAA,CAAAC,aAAA;IACEC,KAAK,EAAE;MACLC,UAAU,EAAE,KAAKjB,gBAAgB,GAAG,CAAC,EAAE;MACvCL,KAAK,EAAE;IACT;EAAE,gBAEFT,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,iBAAiB;IAAC2B,KAAK,EAAC;EAAW,gBAClChC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC1B,mBAAA,CAAAyB,OAAY;IACXZ,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfE,QAAQ,EAAEA,QAAS;IACnBD,YAAY,EAAEA,YAAa;IAC3Be,QAAQ,EAAE,KAAM;IAChBb,WAAW,EAAEA,WAAY;IACzBc,WAAW,EAAE,IAAAC,qBAAc,EAACT,SAAS,EAAEU,kBAAkB,EAAET,sBAAsB,CAAE;IACnFN,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,kBAAkB,EAAEA,kBAAmB;IACvCa,uBAAuB,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAU,CAAC,EAAE;MAAEA,QAAQ,EAAE;IAAU,CAAC,CAAE;IAC5Eb,aAAa,EAAEA;EAAc,CAC9B,CACgB,CAChB,CAAC;AAEV,CAAC;AAACc,OAAA,CAAA1B,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AlternateResponses = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _categorize = require("@pie-lib/categorize");
+var _category = _interopRequireDefault(require("./category"));
+const CategoriesContainer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(2.5)
+}));
+const CategoriesHolder = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'grid',
+  gridRowGap: theme.spacing(1),
+  gridColumnGap: theme.spacing(1)
+}));
+const RowLabel = (0, _styles.styled)('div')({
+  gridColumn: '1 / 3'
+});
+class AlternateResponses extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "deleteChoiceFromCategory", (category, choice, choiceIndex) => {
+      const {
+        model,
+        altIndex,
+        onModelChanged
+      } = this.props;
+      const correctResponse = (0, _categorize.removeChoiceFromAlternate)(choice.id, category.id, choiceIndex, altIndex, model.correctResponse);
+      onModelChanged({
+        correctResponse
+      });
+    });
+  }
+  render() {
+    const {
+      altIndex,
+      model,
+      configuration,
+      categories,
+      imageSupport,
+      spellCheck,
+      uploadSoundSupport,
+      mathMlOptions = {}
+    } = this.props;
+    const {
+      categoriesPerRow,
+      errors,
+      rowLabels
+    } = model;
+    const {
+      duplicateAlternate
+    } = errors || {};
+    const holderStyle = {
+      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`
+    };
+    const isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;
+    return /*#__PURE__*/_react.default.createElement(CategoriesContainer, null, /*#__PURE__*/_react.default.createElement(CategoriesHolder, {
+      style: holderStyle
+    }, categories.map((category, index) => {
+      const hasRowLabel = index % categoriesPerRow === 0;
+      const rowIndex = index / categoriesPerRow;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: index
+      }, hasRowLabel && /*#__PURE__*/_react.default.createElement(RowLabel, {
+        style: {
+          gridColumn: `1/${categoriesPerRow + 1}`,
+          width: '100%'
+        },
+        dangerouslySetInnerHTML: {
+          __html: rowLabels[rowIndex] || ''
+        }
+      }), /*#__PURE__*/_react.default.createElement(_category.default, {
+        key: index,
+        alternateResponseIndex: altIndex,
+        imageSupport: imageSupport,
+        isDuplicated: isDuplicated && duplicateAlternate.category === category.id,
+        category: category,
+        spellCheck: spellCheck,
+        onDeleteChoice: (choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex),
+        uploadSoundSupport: uploadSoundSupport,
+        mathMlOptions: mathMlOptions,
+        configuration: configuration,
+        isAlternate: true
+      }));
+    })));
+  }
+}
+exports.AlternateResponses = AlternateResponses;
+(0, _defineProperty2.default)(AlternateResponses, "propTypes", {
+  altIndex: _propTypes.default.number.isRequired,
+  configuration: _propTypes.default.object,
+  imageSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
+  }),
+  categories: _propTypes.default.array,
+  onModelChanged: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired,
+  uploadSoundSupport: _propTypes.default.shape({
+    add: _propTypes.default.func.isRequired,
+    delete: _propTypes.default.func.isRequired
+  }),
+  spellCheck: _propTypes.default.bool
+});
+var _default = exports.default = AlternateResponses;
+//# sourceMappingURL=alternateResponses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alternateResponses.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_categorize","_category","CategoriesContainer","styled","theme","marginBottom","spacing","CategoriesHolder","display","gridRowGap","gridColumnGap","RowLabel","gridColumn","AlternateResponses","React","Component","constructor","args","_defineProperty2","default","category","choice","choiceIndex","model","altIndex","onModelChanged","props","correctResponse","removeChoiceFromAlternate","id","render","configuration","categories","imageSupport","spellCheck","uploadSoundSupport","mathMlOptions","categoriesPerRow","errors","rowLabels","duplicateAlternate","holderStyle","gridTemplateColumns","isDuplicated","index","createElement","style","map","hasRowLabel","rowIndex","Fragment","key","width","dangerouslySetInnerHTML","__html","alternateResponseIndex","onDeleteChoice","deleteChoiceFromCategory","isAlternate","exports","PropTypes","number","isRequired","object","shape","add","func","delete","array","bool","_default"],"sources":["../../../src/design/categories/alternateResponses.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { removeChoiceFromAlternate } from '@pie-lib/categorize';\n\nimport Category from './category';\n\nconst CategoriesContainer = styled('div')(({ theme }) => ({\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst CategoriesHolder = styled('div')(({ theme }) => ({\n  display: 'grid',\n  gridRowGap: theme.spacing(1),\n  gridColumnGap: theme.spacing(1),\n}));\n\nconst RowLabel = styled('div')({\n  gridColumn: '1 / 3',\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    categories: PropTypes.array,\n    onModelChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    spellCheck: PropTypes.bool,\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      categories,\n      imageSupport,\n      spellCheck,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n    const { categoriesPerRow, errors, rowLabels } = model;\n    const { duplicateAlternate } = errors || {};\n\n    const holderStyle = {\n      gridTemplateColumns: `repeat(${categoriesPerRow}, 1fr)`,\n    };\n    const isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;\n\n    return (\n      <CategoriesContainer>\n        <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                    style={{\n                      gridColumn: `1/${categoriesPerRow + 1}`,\n                      width: '100%',\n                    }}\n                    dangerouslySetInnerHTML={{\n                      __html: rowLabels[rowIndex] || '',\n                    }}\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                  onDeleteChoice={(choice, choiceIndex) => this.deleteChoiceFromCategory(category, choice, choiceIndex)}\n                  uploadSoundSupport={uploadSoundSupport}\n                  mathMlOptions={mathMlOptions}\n                  configuration={configuration}\n                  isAlternate={true}\n                />\n              </React.Fragment>\n            );\n          })}\n        </CategoriesHolder>\n      </CategoriesContainer>\n    );\n  }\n}\n\nexport default AlternateResponses;\n"],"mappings":"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","ignoreList":[]}