@pie-element/categorize 7.7.2-beta.1 → 7.7.2-beta.4

package/configure/lib/defaults.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _utils = require("./utils");
+var _default = {
+  model: {
+    choices: [],
+    choicesPosition: 'below',
+    choicesLabel: '',
+    lockChoiceOrder: true,
+    allowMultiplePlacementsEnabled: _utils.multiplePlacements.enabled,
+    allowAlternateEnabled: false,
+    categoriesPerRow: 2,
+    categories: [],
+    alternates: [],
+    correctResponse: [],
+    rowLabels: [''],
+    partialScoring: true,
+    feedbackEnabled: true,
+    rationaleEnabled: true,
+    promptEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom'
+  },
+  configuration: {
+    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'
+    },
+    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'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale'
+    },
+    scoringType: {
+      settings: false,
+      label: 'Scoring Type'
+    },
+    settingsPanelDisabled: false,
+    studentInstructions: {
+      settings: false,
+      label: 'Student Instructions'
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions'
+    },
+    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
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["_utils","require","_default","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","exports"],"sources":["../src/defaults.js"],"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: true,\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  },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA6C,IAAAC,QAAA,GAE9B;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,IAAI;IACrBC,8BAA8B,EAAEC,yBAAkB,CAACC,OAAO;IAC1DC,qBAAqB,EAAE,KAAK;IAC5BC,gBAAgB,EAAE,CAAC;IACnBC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,EAAE;IACdC,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE,CAAC,EAAE,CAAC;IACfC,cAAc,EAAE,IAAI;IACpBC,eAAe,EAAE,IAAI;IACrBC,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,IAAI;IACnBC,0BAA0B,EAAE,IAAI;IAChCC,0BAA0B,EAAE,IAAI;IAChCC,qBAAqB,EAAE;EACzB,CAAC;EACDC,aAAa,EAAE;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,KAAK;MACfjB,OAAO,EAAE;IACX,CAAC;IACDkB,QAAQ,EAAE;MACRD,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE,UAAU;MACjBhB,OAAO,EAAE;IACX,CAAC;IACDH,eAAe,EAAE;MACfoB,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDrB,eAAe,EAAE;MACfsB,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDG,uBAAuB,EAAE;MACvBF,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDI,cAAc,EAAE;MACdH,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDd,gBAAgB,EAAE;MAChBe,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDT,cAAc,EAAE;MACdU,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDK,MAAM,EAAE;MACNJ,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDM,SAAS,EAAE;MACTL,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDO,WAAW,EAAE;MACXN,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDQ,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAE;MACnBR,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDU,mBAAmB,EAAE;MACnBT,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDH,qBAAqB,EAAE;MACrBI,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDW,aAAa,EAAE;MACbD,mBAAmB,EAAE,GAAG;MACxBL,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,GAAG;MACdM,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE,GAAG;MAClBnC,OAAO,EAAE;IACX,CAAC;IACDoC,cAAc,EAAE;MACdJ,mBAAmB,EAAE,GAAG;MACxBL,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,GAAG;MACdM,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE,GAAG;MAClBnC,OAAO,EAAE;IACX,CAAC;IACDqC,UAAU,EAAE;MACVd,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDgB,mBAAmB,EAAE;EACvB;AACF,CAAC;AAAAC,OAAA,cAAAzC,QAAA"}

package/configure/lib/design/builder.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildCategories = exports.buildAlternateResponses = void 0;
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var buildCategories = function buildCategories(categories, choices, correctResponse) {
+  var clonedCategories = (0, _cloneDeep["default"])(categories);
+  return clonedCategories.map(function (category) {
+    var cr = correctResponse.find(function (cr) {
+      return cr.category === category.id;
+    });
+    if (cr) {
+      category.choices = (cr.choices || []).map(function (choiceId) {
+        var choice = choices.find(function (h) {
+          return h.id === choiceId;
+        });
+        if (choice) {
+          return Object.assign({}, {
+            id: choice.id,
+            content: choice.content
+          });
+        }
+      });
+    }
+    return category;
+  });
+};
+exports.buildCategories = buildCategories;
+var getChoices = function getChoices(cat, choices, index) {
+  if (!cat.alternateResponses || cat.alternateResponses.length === 0) {
+    return [];
+  }
+  return (cat.alternateResponses[index] || []).map(function (alt) {
+    return choices.find(function (ch) {
+      return ch.id === alt;
+    });
+  });
+};
+var buildAlternateResponses = function buildAlternateResponses(categories, choices, correctResponse) {
+  var mostAlternates = correctResponse.reduce(function (mostAlt, cat) {
+    if (cat.alternateResponses && cat.alternateResponses.length >= mostAlt) {
+      return cat.alternateResponses.length;
+    }
+    return mostAlt;
+  }, 0);
+  var alternatesArray = new Array(mostAlternates).fill(0);
+  return alternatesArray.map(function (val, index) {
+    return correctResponse.map(function (cat, catIndex) {
+      var 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":["_cloneDeep","_interopRequireDefault","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/cloneDeep';\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,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,UAAU,EAAEC,OAAO,EAAEC,eAAe,EAAK;EACvE,IAAMC,gBAAgB,GAAG,IAAAC,qBAAS,EAACJ,UAAU,CAAC;EAE9C,OAAOG,gBAAgB,CAACE,GAAG,CAAC,UAACC,QAAQ,EAAK;IACxC,IAAMC,EAAE,GAAGL,eAAe,CAACM,IAAI,CAAC,UAACD,EAAE;MAAA,OAAKA,EAAE,CAACD,QAAQ,KAAKA,QAAQ,CAACG,EAAE;IAAA,EAAC;IAEpE,IAAIF,EAAE,EAAE;MACND,QAAQ,CAACL,OAAO,GAAG,CAACM,EAAE,CAACN,OAAO,IAAI,EAAE,EAAEI,GAAG,CAAC,UAACK,QAAQ,EAAK;QACtD,IAAMC,MAAM,GAAGV,OAAO,CAACO,IAAI,CAAC,UAACI,CAAC;UAAA,OAAKA,CAAC,CAACH,EAAE,KAAKC,QAAQ;QAAA,EAAC;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,IAAMkB,UAAU,GAAG,SAAbA,UAAUA,CAAIC,GAAG,EAAEjB,OAAO,EAAEkB,KAAK,EAAK;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,CAAC,UAACiB,GAAG,EAAK;IACxD,OAAOrB,OAAO,CAACO,IAAI,CAAC,UAACe,EAAE;MAAA,OAAKA,EAAE,CAACd,EAAE,KAAKa,GAAG;IAAA,EAAC;EAC5C,CAAC,CAAC;AACJ,CAAC;AAEM,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIxB,UAAU,EAAEC,OAAO,EAAEC,eAAe,EAAK;EAC/E,IAAMuB,cAAc,GAAGvB,eAAe,CAACwB,MAAM,CAAC,UAACC,OAAO,EAAET,GAAG,EAAK;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,IAAMC,eAAe,GAAG,IAAIC,KAAK,CAACJ,cAAc,CAAC,CAACK,IAAI,CAAC,CAAC,CAAC;EAEzD,OAAOF,eAAe,CAACvB,GAAG,CAAC,UAAC0B,GAAG,EAAEZ,KAAK,EAAK;IACzC,OAAOjB,eAAe,CAACG,GAAG,CAAC,UAACa,GAAG,EAAEc,QAAQ,EAAK;MAC5C,IAAMC,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"}

package/configure/lib/design/buttons.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawAddButton = exports.Divider = exports.DeleteButton = exports.AddButton = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+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; } }
+var RawAddButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawAddButton, _React$Component);
+  var _super = _createSuper(RawAddButton);
+  function RawAddButton() {
+    (0, _classCallCheck2["default"])(this, RawAddButton);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RawAddButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        label = _this$props.label,
+        onClick = _this$props.onClick,
+        disabled = _this$props.disabled;
+      return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        onClick: onClick,
+        disabled: disabled,
+        className: (0, _classnames["default"])(classes.addButton, className),
+        size: "small",
+        variant: "contained",
+        color: "primary"
+      }, label);
+    }
+  }]);
+  return RawAddButton;
+}(_react["default"].Component);
+exports.RawAddButton = RawAddButton;
+(0, _defineProperty2["default"])(RawAddButton, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  label: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  disabled: _propTypes["default"].bool
+});
+(0, _defineProperty2["default"])(RawAddButton, "defaultProps", {
+  label: 'Add'
+});
+var styles = function styles(theme) {
+  return {
+    addButton: {
+      height: theme.spacing.unit * 4
+    }
+  };
+};
+var AddButton = (0, _styles.withStyles)(styles)(RawAddButton);
+exports.AddButton = AddButton;
+var DeleteButton = (0, _styles.withStyles)(function () {
+  return {
+    deleteButton: {
+      margin: 0,
+      padding: 0
+    }
+  };
+})(function (_ref) {
+  var classes = _ref.classes,
+    label = _ref.label,
+    onClick = _ref.onClick,
+    disabled = _ref.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    className: classes.deleteButton,
+    onClick: onClick,
+    size: "small",
+    color: "primary",
+    disabled: disabled
+  }, label);
+});
+exports.DeleteButton = DeleteButton;
+var Divider = (0, _styles.withStyles)(function (theme) {
+  return {
+    divider: {
+      marginTop: 2 * theme.spacing.unit,
+      marginBottom: 2 * theme.spacing.unit
+    }
+  };
+})(function (_ref2) {
+  var classes = _ref2.classes;
+  return /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    className: classes.divider
+  });
+});
+exports.Divider = Divider;
+//# 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","_classnames","_Button","_Divider","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","RawAddButton","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","className","label","onClick","disabled","createElement","classNames","addButton","size","variant","color","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","func","bool","styles","theme","height","spacing","unit","AddButton","withStyles","DeleteButton","deleteButton","margin","padding","_ref","Divider","divider","marginTop","marginBottom","_ref2"],"sources":["../../src/design/buttons.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport MuiDivider from '@material-ui/core/Divider';\n\nexport class RawAddButton extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\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 { classes, className, label, onClick, disabled } = this.props;\n    return (\n      <Button\n        onClick={onClick}\n        disabled={disabled}\n        className={classNames(classes.addButton, className)}\n        size=\"small\"\n        variant=\"contained\"\n        color=\"primary\"\n      >\n        {label}\n      </Button>\n    );\n  }\n}\nconst styles = (theme) => ({\n  addButton: {\n    height: theme.spacing.unit * 4,\n  },\n});\n\nconst AddButton = withStyles(styles)(RawAddButton);\n\nconst DeleteButton = withStyles(() => ({\n  deleteButton: {\n    margin: 0,\n    padding: 0,\n  },\n}))(({ classes, label, onClick, disabled }) => (\n  <Button className={classes.deleteButton} onClick={onClick} size=\"small\" color=\"primary\" disabled={disabled}>\n    {label}\n  </Button>\n));\n\nconst Divider = withStyles((theme) => ({\n  divider: {\n    marginTop: 2 * theme.spacing.unit,\n    marginBottom: 2 * theme.spacing.unit,\n  },\n}))(({ classes }) => <MuiDivider className={classes.divider} />);\n\nexport { AddButton, DeleteButton, Divider };\n"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@material-ui/core/styles");
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var styles = function styles(theme) {
+  return {
+    rowLabel: {
+      gridColumn: '1/3'
+    },
+    rowLabelHolder: {
+      width: '100%'
+    }
+  };
+};
+var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
+  var categoriesPerRow = _ref.categoriesPerRow,
+    classes = _ref.classes,
+    disabled = _ref.disabled,
+    markup = _ref.markup,
+    imageSupport = _ref.imageSupport,
+    onChange = _ref.onChange,
+    toolbarOpts = _ref.toolbarOpts,
+    spellCheck = _ref.spellCheck,
+    maxImageWidth = _ref.maxImageWidth,
+    maxImageHeight = _ref.maxImageHeight,
+    uploadSoundSupport = _ref.uploadSoundSupport;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      gridColumn: "1/".concat(categoriesPerRow + 1),
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.text
+  }, "Row Label"), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    className: classes.rowLabelHolder,
+    disabled: disabled,
+    markup: markup,
+    onChange: onChange,
+    imageSupport: imageSupport,
+    nonEmpty: false,
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheck,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight,
+    uploadSoundSupport: uploadSoundSupport,
+    languageCharactersProps: [{
+      language: 'spanish'
+    }, {
+      language: 'special'
+    }]
+  }));
+});
+exports.RowLabel = RowLabel;
+//# sourceMappingURL=RowLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLabel.js","names":["_react","_interopRequireDefault","require","_styles","_Typography","_editableHtml","styles","theme","rowLabel","gridColumn","rowLabelHolder","width","RowLabel","withStyles","_ref","categoriesPerRow","classes","disabled","markup","imageSupport","onChange","toolbarOpts","spellCheck","maxImageWidth","maxImageHeight","uploadSoundSupport","createElement","style","concat","className","text","nonEmpty","languageCharactersProps","language","exports"],"sources":["../../../src/design/categories/RowLabel.jsx"],"sourcesContent":["import React from 'react';\nimport {withStyles} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst styles = (theme) => ({\n    rowLabel: {\n        gridColumn: '1/3',\n    },\n    rowLabelHolder: {\n        width: '100%',\n    },\n});\n\nexport const RowLabel = withStyles(styles)(\n    ({\n         categoriesPerRow,\n         classes,\n         disabled,\n         markup,\n         imageSupport,\n         onChange,\n         toolbarOpts,\n         spellCheck,\n         maxImageWidth,\n         maxImageHeight,\n         uploadSoundSupport,\n     }) => {\n\n        return (\n            <div\n                style={{\n                    gridColumn: `1/${categoriesPerRow + 1}`,\n                    width: '100%',\n                }}\n            >\n                <Typography className={classes.text}>Row Label</Typography>\n                <EditableHtml\n                    className={classes.rowLabelHolder}\n                    disabled={disabled}\n                    markup={markup}\n                    onChange={onChange}\n                    imageSupport={imageSupport}\n                    nonEmpty={false}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheck}\n                    maxImageWidth={maxImageWidth}\n                    maxImageHeight={maxImageHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n            </div>\n        );\n    },\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAK;EAAA,OAAM;IACvBC,QAAQ,EAAE;MACNC,UAAU,EAAE;IAChB,CAAC;IACDC,cAAc,EAAE;MACZC,KAAK,EAAE;IACX;EACJ,CAAC;AAAA,CAAC;AAEK,IAAMC,QAAQ,GAAG,IAAAC,kBAAU,EAACP,MAAM,CAAC,CACtC,UAAAQ,IAAA,EAYO;EAAA,IAXFC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,cAAc,GAAAV,IAAA,CAAdU,cAAc;IACdC,kBAAkB,GAAAX,IAAA,CAAlBW,kBAAkB;EAGnB,oBACIzB,MAAA,YAAA0B,aAAA;IACIC,KAAK,EAAE;MACHlB,UAAU,OAAAmB,MAAA,CAAOb,gBAAgB,GAAG,CAAC,CAAE;MACvCJ,KAAK,EAAE;IACX;EAAE,gBAEFX,MAAA,YAAA0B,aAAA,CAACtB,WAAA,WAAU;IAACyB,SAAS,EAAEb,OAAO,CAACc;EAAK,GAAC,WAAqB,CAAC,eAC3D9B,MAAA,YAAA0B,aAAA,CAACrB,aAAA,WAAY;IACTwB,SAAS,EAAEb,OAAO,CAACN,cAAe;IAClCO,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfE,QAAQ,EAAEA,QAAS;IACnBD,YAAY,EAAEA,YAAa;IAC3BY,QAAQ,EAAE,KAAM;IAChBV,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,kBAAkB,EAAEA,kBAAmB;IACvCO,uBAAuB,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAU,CAAC,EAAE;MAAEA,QAAQ,EAAE;IAAU,CAAC;EAAE,CAC/E,CACA,CAAC;AAEd,CACJ,CAAC;AAACC,OAAA,CAAAtB,QAAA,GAAAA,QAAA"}

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

@@ -0,0 +1,242 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AlternateResponses = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@material-ui/core/styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _category = _interopRequireDefault(require("./category"));
+var _categorize = require("@pie-lib/categorize");
+var _RowLabel = require("./RowLabel");
+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; } }
+var styles = function styles(theme) {
+  return {
+    categories: {
+      marginBottom: theme.spacing.unit
+    },
+    categoriesHolder: {
+      display: 'grid',
+      gridRowGap: "".concat(theme.spacing.unit, "px"),
+      gridColumnGap: "".concat(theme.spacing.unit, "px")
+    },
+    row: {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(2, 1fr)',
+      gridColumnGap: "".concat(theme.spacing.unit, "px"),
+      alignItems: 'baseline',
+      width: '100%',
+      marginTop: theme.spacing.unit,
+      marginBottom: 2 * theme.spacing.unit
+    },
+    rowLabel: {
+      gridColumn: '1/3'
+    },
+    rowLabelHolder: {
+      width: '100%'
+    }
+  };
+};
+var AlternateResponses = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AlternateResponses, _React$Component);
+  var _super = _createSuper(AlternateResponses);
+  function AlternateResponses() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AlternateResponses);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addChoiceToCategory", function (addedChoice, categoryId) {
+      var _this$props = _this.props,
+        altIndex = _this$props.altIndex,
+        _this$props$model = _this$props.model,
+        correctResponse = _this$props$model.correctResponse,
+        choices = _this$props$model.choices,
+        onModelChanged = _this$props.onModelChanged;
+      var choice = choices.find(function (c) {
+        return c.id === addedChoice.id;
+      });
+      correctResponse.forEach(function (a) {
+        if (a.category === categoryId) {
+          a.alternateResponses = a.alternateResponses || [];
+          if (!a.alternateResponses[altIndex]) {
+            a.alternateResponses[altIndex] = [];
+          }
+          a.alternateResponses[altIndex].push(addedChoice.id);
+          if (choice.categoryCount && choice.categoryCount !== 0) {
+            a.alternateResponses[altIndex] = a.alternateResponses[altIndex].reduce(function (acc, currentValue) {
+              if (currentValue === choice.id) {
+                var foundIndex = acc.findIndex(function (c) {
+                  return c === choice.id;
+                });
+                if (foundIndex === -1) {
+                  acc.push(currentValue);
+                }
+              } else {
+                acc.push(currentValue);
+              }
+              return acc;
+            }, []);
+          }
+          return a;
+        } else {
+          if (a.alternateResponses[altIndex] && choice.categoryCount !== 0) {
+            a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter(function (c) {
+              return c !== addedChoice.id;
+            });
+            return a;
+          }
+        }
+        return a;
+      });
+      onModelChanged({
+        correctResponse: correctResponse
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveChoice", function (choiceId, from, to, choiceIndex, alternateIndex) {
+      var _this$props2 = _this.props,
+        model = _this$props2.model,
+        onModelChanged = _this$props2.onModelChanged;
+      var _ref = model || {},
+        choices = _ref.choices,
+        _ref$correctResponse = _ref.correctResponse,
+        correctResponse = _ref$correctResponse === void 0 ? [] : _ref$correctResponse;
+      var choice = (choices || []).find(function (choice) {
+        return choice.id === choiceId;
+      });
+      correctResponse = (0, _categorize.moveChoiceToAlternate)(choiceId, from, to, choiceIndex, correctResponse, alternateIndex, choice === null || choice === void 0 ? void 0 : choice.categoryCount);
+      onModelChanged({
+        correctResponse: correctResponse
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteChoiceFromCategory", function (category, choice) {
+      var _this$props3 = _this.props,
+        altIndex = _this$props3.altIndex,
+        correctResponse = _this$props3.model.correctResponse,
+        onModelChanged = _this$props3.onModelChanged;
+      correctResponse.forEach(function (a) {
+        if (a.category === category.id) {
+          if (a.alternateResponses[altIndex]) {
+            a.alternateResponses[altIndex] = a.alternateResponses[altIndex].filter(function (altId) {
+              return altId !== choice.id;
+            });
+          }
+        }
+        return a;
+      });
+      onModelChanged({
+        correctResponse: correctResponse
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(AlternateResponses, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props4 = this.props,
+        altIndex = _this$props4.altIndex,
+        model = _this$props4.model,
+        configuration = _this$props4.configuration,
+        classes = _this$props4.classes,
+        className = _this$props4.className,
+        categories = _this$props4.categories,
+        imageSupport = _this$props4.imageSupport,
+        spellCheck = _this$props4.spellCheck,
+        uploadSoundSupport = _this$props4.uploadSoundSupport,
+        toolbarOpts = _this$props4.toolbarOpts,
+        defaultImageMaxHeight = _this$props4.defaultImageMaxHeight,
+        defaultImageMaxWidth = _this$props4.defaultImageMaxWidth;
+      var categoriesPerRow = model.categoriesPerRow,
+        errors = model.errors,
+        rowLabels = model.rowLabels;
+      var _ref2 = errors || {},
+        duplicateAlternate = _ref2.duplicateAlternate;
+      var _ref3 = configuration || {},
+        _ref3$maxImageWidth = _ref3.maxImageWidth,
+        maxImageWidth = _ref3$maxImageWidth === void 0 ? {} : _ref3$maxImageWidth,
+        _ref3$maxImageHeight = _ref3.maxImageHeight,
+        maxImageHeight = _ref3$maxImageHeight === void 0 ? {} : _ref3$maxImageHeight;
+      var holderStyle = {
+        gridTemplateColumns: "repeat(".concat(categoriesPerRow, ", 1fr)")
+      };
+      var isDuplicated = duplicateAlternate ? duplicateAlternate.index === altIndex : false;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.categories, className)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.categoriesHolder,
+        style: holderStyle
+      }, categories.map(function (category, index) {
+        var hasRowLabel = index % categoriesPerRow === 0;
+        var rowIndex = index / categoriesPerRow;
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: index
+        }, hasRowLabel && /*#__PURE__*/_react["default"].createElement(_RowLabel.RowLabel, {
+          categoriesPerRow: categoriesPerRow,
+          disabled: true,
+          rowIndex: rowIndex,
+          markup: rowLabels[rowIndex] || '',
+          onChange: function onChange(val) {
+            return _this2.changeRowLabel(val, rowIndex);
+          },
+          imageSupport: imageSupport,
+          toolbarOpts: toolbarOpts,
+          spellCheck: spellCheck,
+          maxImageWidth: maxImageWidth && maxImageWidth.rowLabel || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.rowLabel || defaultImageMaxHeight,
+          uploadSoundSupport: uploadSoundSupport
+        }), /*#__PURE__*/_react["default"].createElement(_category["default"], {
+          key: index,
+          alternateResponseIndex: altIndex,
+          imageSupport: imageSupport,
+          isDuplicated: isDuplicated && duplicateAlternate.category === category.id,
+          category: category,
+          spellCheck: spellCheck,
+          onAddChoice: _this2.addChoiceToCategory,
+          onDeleteChoice: function onDeleteChoice(choice, choiceIndex) {
+            return _this2.deleteChoiceFromCategory(category, choice, choiceIndex);
+          },
+          onMoveChoice: function onMoveChoice(choiceId, from, to, choiceIndex, alternateIndex) {
+            return _this2.moveChoice(choiceId, from, to, choiceIndex, alternateIndex);
+          },
+          uploadSoundSupport: uploadSoundSupport
+        }));
+      })));
+    }
+  }]);
+  return AlternateResponses;
+}(_react["default"].Component);
+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
+  }),
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  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
+  }),
+  toolbarOpts: _propTypes["default"].object
+});
+var _default = (0, _styles.withStyles)(styles)(AlternateResponses);
+exports["default"] = _default;
+//# sourceMappingURL=alternateResponses.js.map