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

package/configure/lib/design/categories/droppable-placeholder.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.spec = exports["default"] = exports.DroppablePlaceHolder = 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 _choicePreview = _interopRequireDefault(require("./choice-preview"));
-
-var _reactDnd = require("react-dnd");
-
-var _drag = require("@pie-lib/drag");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-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 log = (0, _debug["default"])('@pie-element:categorize:configure');
-var Helper = (0, _styles.withStyles)(function () {
-  return {
-    helper: {
-      display: 'flex',
-      alignItems: 'center',
-      fontSize: '12px',
-      color: 'rgba(0,0,0,0.4)',
-      width: '100%',
-      height: '100%'
-    }
-  };
-})(function (_ref) {
-  var classes = _ref.classes;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.helper
-  }, "Drag your correct answers here");
-});
-
-var Previews = function Previews(_ref2) {
-  var alternateResponseIndex = _ref2.alternateResponseIndex,
-      category = _ref2.category,
-      choices = _ref2.choices,
-      onDeleteChoice = _ref2.onDeleteChoice;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, choices.map(function (c, index) {
-    return c && /*#__PURE__*/_react["default"].createElement(_choicePreview["default"], {
-      alternateResponseIndex: alternateResponseIndex,
-      category: category,
-      choice: c,
-      key: index,
-      choiceIndex: index,
-      onDelete: function onDelete(choice) {
-        return onDeleteChoice(choice, index);
-      }
-    });
-  }));
-};
-
-Previews.propTypes = {
-  alternateResponseIndex: _propTypes["default"].number,
-  category: _propTypes["default"].object,
-  choices: _propTypes["default"].array,
-  onDeleteChoice: _propTypes["default"].func
-};
-
-var DroppablePlaceHolder = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DroppablePlaceHolder, _React$Component);
-
-  var _super = _createSuper(DroppablePlaceHolder);
-
-  function DroppablePlaceHolder() {
-    (0, _classCallCheck2["default"])(this, DroppablePlaceHolder);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(DroppablePlaceHolder, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          alternateResponseIndex = _this$props.alternateResponseIndex,
-          isOver = _this$props.isOver,
-          category = _this$props.category,
-          choices = _this$props.choices,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          connectDropTarget = _this$props.connectDropTarget,
-          onDeleteChoice = _this$props.onDeleteChoice;
-      return connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.droppablePlaceholder, className)
-      }, /*#__PURE__*/_react["default"].createElement(_drag.PlaceHolder, {
-        isOver: isOver,
-        className: classes.placeHolder
-      }, (choices || []).length === 0 ? /*#__PURE__*/_react["default"].createElement(Helper, null) : /*#__PURE__*/_react["default"].createElement(Previews, {
-        alternateResponseIndex: alternateResponseIndex,
-        category: category,
-        choices: choices,
-        onDeleteChoice: onDeleteChoice
-      }))));
-    }
-  }]);
-  return DroppablePlaceHolder;
-}(_react["default"].Component);
-
-exports.DroppablePlaceHolder = DroppablePlaceHolder;
-(0, _defineProperty2["default"])(DroppablePlaceHolder, "propTypes", {
-  alternateResponseIndex: _propTypes["default"].number,
-  category: _propTypes["default"].object,
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  connectDropTarget: _propTypes["default"].func.isRequired,
-  choices: _propTypes["default"].array,
-  onDropChoice: _propTypes["default"].func.isRequired,
-  onMoveChoice: _propTypes["default"].func,
-  isOver: _propTypes["default"].bool,
-  onDeleteChoice: _propTypes["default"].func,
-  categoryId: _propTypes["default"].string.isRequired
-});
-(0, _defineProperty2["default"])(DroppablePlaceHolder, "defaultProps", {});
-
-var styles = function styles() {
-  return {
-    droppablePlaceholder: {
-      minHeight: '100px'
-    },
-    placeHolder: {
-      width: '100%',
-      minHeight: '100px',
-      height: 'auto'
-    }
-  };
-};
-
-var Styled = (0, _styles.withStyles)(styles)(DroppablePlaceHolder);
-var spec = {
-  drop: function drop(props, monitor) {
-    log('[drop] props: ', props);
-    var item = monitor.getItem();
-
-    if (item.from && item.alternateResponseIndex === props.alternateResponseIndex) {
-      props.onMoveChoice(item.choiceId, item.from, props.categoryId, item.choiceIndex, item.alternateResponseIndex);
-    } else if (!item.from) {
-      // avoid dropping choice when user tries to move it to an alternate with other index
-      props.onDropChoice(item, props.categoryId);
-    }
-  },
-  canDrop: function canDrop(props
-  /*, monitor*/
-  ) {
-    return !props.disabled;
-  }
-};
-exports.spec = spec;
-var WithTarget = (0, _reactDnd.DropTarget)(function (_ref3) {
-  var uid = _ref3.uid;
-  return uid;
-}, spec, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(Styled);
-
-var _default = _drag.uid.withUid(WithTarget);
-
-exports["default"] = _default;
-//# sourceMappingURL=droppable-placeholder.js.map

package/configure/lib/design/categories/droppable-placeholder.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/design/categories/droppable-placeholder.jsx"],"names":["log","Helper","helper","display","alignItems","fontSize","color","width","height","classes","Previews","alternateResponseIndex","category","choices","onDeleteChoice","map","c","index","choice","propTypes","PropTypes","number","object","array","func","DroppablePlaceHolder","props","isOver","className","connectDropTarget","droppablePlaceholder","placeHolder","length","React","Component","isRequired","string","onDropChoice","onMoveChoice","bool","categoryId","styles","minHeight","Styled","spec","drop","monitor","item","getItem","from","choiceId","choiceIndex","canDrop","disabled","WithTarget","uid","connect","dropTarget","withUid"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport ChoicePreview from './choice-preview';\nimport { DropTarget } from 'react-dnd';\nimport { uid, PlaceHolder } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-element:categorize:configure');\n\nconst Helper = withStyles(() => ({\n  helper: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '12px',\n    color: 'rgba(0,0,0,0.4)',\n    width: '100%',\n    height: '100%',\n  },\n}))(({ classes }) => <div className={classes.helper}>Drag your correct answers here</div>);\n\nconst Previews = ({ alternateResponseIndex, category, choices, onDeleteChoice }) => (\n  <React.Fragment>\n    {choices.map(\n      (c, index) =>\n        c && (\n          <ChoicePreview\n            alternateResponseIndex={alternateResponseIndex}\n            category={category}\n            choice={c}\n            key={index}\n            choiceIndex={index}\n            onDelete={(choice) => onDeleteChoice(choice, index)}\n          />\n        ),\n    )}\n  </React.Fragment>\n);\n\nPreviews.propTypes = {\n  alternateResponseIndex: PropTypes.number,\n  category: PropTypes.object,\n  choices: PropTypes.array,\n  onDeleteChoice: PropTypes.func,\n};\n\nexport class DroppablePlaceHolder extends React.Component {\n  static propTypes = {\n    alternateResponseIndex: PropTypes.number,\n    category: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    connectDropTarget: PropTypes.func.isRequired,\n    choices: PropTypes.array,\n    onDropChoice: PropTypes.func.isRequired,\n    onMoveChoice: PropTypes.func,\n    isOver: PropTypes.bool,\n    onDeleteChoice: PropTypes.func,\n    categoryId: PropTypes.string.isRequired,\n  };\n\n  static defaultProps = {};\n  render() {\n    const { alternateResponseIndex, isOver, category, choices, classes, className, connectDropTarget, onDeleteChoice } =\n      this.props;\n\n    return connectDropTarget(\n      <div className={classNames(classes.droppablePlaceholder, className)}>\n        <PlaceHolder isOver={isOver} className={classes.placeHolder}>\n          {(choices || []).length === 0 ? (\n            <Helper />\n          ) : (\n            <Previews\n              alternateResponseIndex={alternateResponseIndex}\n              category={category}\n              choices={choices}\n              onDeleteChoice={onDeleteChoice}\n            />\n          )}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\nconst styles = () => ({\n  droppablePlaceholder: {\n    minHeight: '100px',\n  },\n  placeHolder: {\n    width: '100%',\n    minHeight: '100px',\n    height: 'auto',\n  },\n});\n\nconst Styled = withStyles(styles)(DroppablePlaceHolder);\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n\n    if (item.from && item.alternateResponseIndex === props.alternateResponseIndex) {\n      props.onMoveChoice(item.choiceId, item.from, props.categoryId, item.choiceIndex, item.alternateResponseIndex);\n    } else if (!item.from){\n      // avoid dropping choice when user tries to move it to an alternate with other index\n      props.onDropChoice(item, props.categoryId);\n    }\n  },\n  canDrop: (props /*, monitor*/) => {\n    return !props.disabled;\n  },\n};\n\nconst WithTarget = DropTarget(\n  ({ uid }) => uid,\n  spec,\n  (connect, monitor) => ({\n    connectDropTarget: connect.dropTarget(),\n    isOver: monitor.isOver(),\n  }),\n)(Styled);\n\nexport default uid.withUid(WithTarget);\n"],"file":"droppable-placeholder.js"}

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

@@ -1,430 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Categories = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _configUi = require("@pie-lib/config-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _categorize = require("@pie-lib/categorize");
-
-var _category = _interopRequireDefault(require("./category"));
-
-var _header = _interopRequireDefault(require("../header"));
-
-var _utils = require("../../utils");
-
-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%'
-    },
-    tooltip: {
-      fontSize: '12px',
-      whiteSpace: 'pre',
-      maxWidth: '500px'
-    },
-    errorText: {
-      fontSize: '12px',
-      color: 'red',
-      padding: '5px 0'
-    }
-  };
-};
-
-var RowLabel = (0, _styles.withStyles)(styles)(function (_ref) {
-  var categoriesPerRow = _ref.categoriesPerRow,
-      classes = _ref.classes,
-      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,
-    markup: markup,
-    onChange: onChange,
-    imageSupport: imageSupport,
-    nonEmpty: false,
-    toolbarOpts: toolbarOpts,
-    spellCheck: spellCheck,
-    maxImageWidth: maxImageWidth,
-    maxImageHeight: maxImageHeight,
-    uploadSoundSupport: uploadSoundSupport,
-    languageCharactersProps: [{
-      language: 'spanish'
-    }, {
-      language: 'special'
-    }]
-  }));
-});
-
-var Categories = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Categories, _React$Component);
-
-  var _super = _createSuper(Categories);
-
-  function Categories() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Categories);
-
-    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), "state", {
-      focusedEl: null
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "add", function () {
-      var _this$props = _this.props,
-          model = _this$props.model,
-          oldCategories = _this$props.categories;
-      var categoriesPerRow = model.categoriesPerRow;
-
-      var id = _configUi.choiceUtils.firstAvailableIndex(model.categories.map(function (a) {
-        return a.id;
-      }), 0);
-
-      var data = {
-        id: id,
-        label: 'Category ' + id
-      };
-      var addRowLabel = model.categories.length % categoriesPerRow === 0;
-      var rowLabels = (0, _toConsumableArray2["default"])(model.rowLabels);
-
-      if (addRowLabel) {
-        rowLabels.push('');
-      }
-
-      _this.setState({
-        focusedEl: oldCategories.length
-      }, function () {
-        _this.props.onModelChanged({
-          rowLabels: rowLabels,
-          categories: model.categories.concat([data])
-        });
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteFocusedEl", function () {
-      _this.setState({
-        focusedEl: null
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "delete", function (category) {
-      var _this$props2 = _this.props,
-          model = _this$props2.model,
-          onModelChanged = _this$props2.onModelChanged;
-      var index = model.categories.findIndex(function (a) {
-        return a.id === category.id;
-      });
-
-      if (index !== -1) {
-        model.categories.splice(index, 1);
-        model.correctResponse = (0, _categorize.removeCategory)(category.id, model.correctResponse);
-        onModelChanged(model);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (c) {
-      var categories = _this.props.categories;
-      var index = categories.findIndex(function (a) {
-        return a.id === c.id;
-      });
-
-      if (index !== -1) {
-        categories.splice(index, 1, c);
-
-        _this.props.onModelChanged({
-          categories: categories
-        });
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addChoiceToCategory", function (addedChoice, categoryId) {
-      var _this$props3 = _this.props,
-          model = _this$props3.model,
-          onModelChanged = _this$props3.onModelChanged;
-
-      var _ref2 = model || {},
-          _ref2$choices = _ref2.choices,
-          choices = _ref2$choices === void 0 ? [] : _ref2$choices,
-          _ref2$correctResponse = _ref2.correctResponse,
-          correctResponse = _ref2$correctResponse === void 0 ? [] : _ref2$correctResponse;
-
-      var choice = (choices || []).find(function (choice) {
-        return choice.id === addedChoice.id;
-      });
-      correctResponse = (0, _categorize.moveChoiceToCategory)(addedChoice.id, undefined, categoryId, 0, model.correctResponse); // if multiplePlacements not allowed, ensure the consistency in the other categories
-
-      if (choice.categoryCount !== 0) {
-        correctResponse = (0, _categorize.verifyAllowMultiplePlacements)(addedChoice, categoryId, correctResponse);
-      }
-
-      onModelChanged({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteChoiceFromCategory", function (category, choice, choiceIndex) {
-      var _this$props4 = _this.props,
-          model = _this$props4.model,
-          onModelChanged = _this$props4.onModelChanged;
-      var correctResponse = (0, _categorize.removeChoiceFromCategory)(choice.id, category.id, choiceIndex, model.correctResponse);
-      onModelChanged({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveChoice", function (choiceId, from, to, choiceIndex) {
-      var _this$props5 = _this.props,
-          model = _this$props5.model,
-          onModelChanged = _this$props5.onModelChanged;
-
-      var _ref3 = model || {},
-          choices = _ref3.choices,
-          _ref3$correctResponse = _ref3.correctResponse,
-          correctResponse = _ref3$correctResponse === void 0 ? [] : _ref3$correctResponse;
-
-      var choice = (choices || []).find(function (choice) {
-        return choice.id === choiceId;
-      });
-
-      if (to === from || !choice) {
-        return;
-      }
-
-      if (choice.categoryCount !== 0) {
-        correctResponse = (0, _categorize.moveChoiceToCategory)(choice.id, from, to, choiceIndex, correctResponse);
-        correctResponse = (0, _categorize.verifyAllowMultiplePlacements)(choice, to, correctResponse);
-      } else if (choice.categoryCount === 0) {
-        correctResponse = (0, _categorize.moveChoiceToCategory)(choice.id, undefined, to, 0, correctResponse);
-      }
-
-      onModelChanged({
-        correctResponse: correctResponse
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeRowLabel", function (val, index) {
-      var model = _this.props.model;
-      var rowLabels = model.rowLabels;
-      var newRowLabels = (0, _toConsumableArray2["default"])(rowLabels);
-
-      if (newRowLabels.length < index) {
-        newRowLabels.push(val);
-      } else {
-        newRowLabels[index] = val;
-      }
-
-      _this.props.onModelChanged({
-        rowLabels: newRowLabels
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Categories, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props6 = this.props,
-          model = _this$props6.model,
-          classes = _this$props6.classes,
-          className = _this$props6.className,
-          categories = _this$props6.categories,
-          imageSupport = _this$props6.imageSupport,
-          uploadSoundSupport = _this$props6.uploadSoundSupport,
-          toolbarOpts = _this$props6.toolbarOpts,
-          spellCheck = _this$props6.spellCheck,
-          configuration = _this$props6.configuration,
-          defaultImageMaxHeight = _this$props6.defaultImageMaxHeight,
-          defaultImageMaxWidth = _this$props6.defaultImageMaxWidth;
-      var categoriesPerRow = model.categoriesPerRow,
-          rowLabels = model.rowLabels,
-          errors = model.errors;
-
-      var _ref4 = errors || {},
-          associationError = _ref4.associationError,
-          categoriesError = _ref4.categoriesError,
-          categoriesErrors = _ref4.categoriesErrors;
-
-      var _ref5 = configuration || {},
-          maxCategories = _ref5.maxCategories,
-          _ref5$maxImageWidth = _ref5.maxImageWidth,
-          maxImageWidth = _ref5$maxImageWidth === void 0 ? {} : _ref5$maxImageWidth,
-          _ref5$maxImageHeight = _ref5.maxImageHeight,
-          maxImageHeight = _ref5$maxImageHeight === void 0 ? {} : _ref5$maxImageHeight;
-
-      var holderStyle = {
-        gridTemplateColumns: "repeat(".concat(categoriesPerRow, ", 1fr)")
-      };
-      var validationMessage = (0, _utils.generateValidationMessage)(configuration);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.categories, className)
-      }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
-        label: "Categories",
-        buttonLabel: "ADD A CATEGORY",
-        onAdd: this.add,
-        info: /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-          classes: {
-            tooltip: classes.tooltip
-          },
-          disableFocusListener: true,
-          disableTouchListener: true,
-          placement: 'right',
-          title: validationMessage
-        }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
-          fontSize: 'small',
-          color: 'primary',
-          style: {
-            marginLeft: '5px'
-          }
-        })),
-        buttonDisabled: maxCategories && categories && maxCategories === categories.length
-      }), associationError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, associationError), categoriesError && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.errorText
-      }, categoriesError), /*#__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, {
-          categoriesPerRow: categoriesPerRow,
-          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"], {
-          imageSupport: imageSupport,
-          focusedEl: _this2.state.focusedEl,
-          deleteFocusedEl: _this2.deleteFocusedEl,
-          index: index,
-          category: category,
-          error: categoriesErrors && categoriesErrors[category.id],
-          onChange: _this2.change,
-          onDelete: function onDelete() {
-            return _this2["delete"](category);
-          },
-          onAddChoice: _this2.addChoiceToCategory,
-          onMoveChoice: function onMoveChoice(choiceId, from, to, choiceIndex) {
-            return _this2.moveChoice(choiceId, from, to, choiceIndex);
-          },
-          toolbarOpts: toolbarOpts,
-          spellCheck: spellCheck,
-          onDeleteChoice: function onDeleteChoice(choice, choiceIndex) {
-            return _this2.deleteChoiceFromCategory(category, choice, choiceIndex);
-          },
-          maxImageWidth: maxImageWidth && maxImageWidth.categoryLabel || defaultImageMaxWidth,
-          maxImageHeight: maxImageHeight && maxImageHeight.categoryLabel || defaultImageMaxHeight,
-          uploadSoundSupport: uploadSoundSupport
-        }));
-      })));
-    }
-  }]);
-  return Categories;
-}(_react["default"].Component);
-
-exports.Categories = Categories;
-(0, _defineProperty2["default"])(Categories, "propTypes", {
-  imageSupport: _propTypes["default"].shape({
-    add: _propTypes["default"].func.isRequired,
-    "delete": _propTypes["default"].func.isRequired
-  }),
-  uploadSoundSupport: _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,
-  configuration: _propTypes["default"].object.isRequired,
-  toolbarOpts: _propTypes["default"].object
-});
-
-var _default = (0, _styles.withStyles)(styles)(Categories);
-
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map