@pie-element/categorize 11.3.4-next.3 → 12.0.0-beta.0

package/lib/categorize/categories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/categories.jsx"],"names":["Categories","props","classes","categories","model","disabled","onDropChoice","onRemoveChoice","rowLabels","categoriesPerRow","minRowHeight","chunkedCategories","cats","i","length","push","slice","hasNonEmptyString","array","found","forEach","element","trim","Math","ceil","map","cat","rowIndex","items","c","columnIndex","display","rowLabel","__html","categoryWrapper","label","h","id","category","concat","Array","fill","value","index","React","Component","PropTypes","object","isRequired","arrayOf","shape","CategoryType","number","bool","func","styles","theme","flex","color","text","backgroundColor","background","textAlign","paddingTop","spacing","unit","alignItems","justifyContent","marginRight","flexDirection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport GridContent from './grid-content';\nimport Category, { CategoryType } from './category';\n\nexport { CategoryType };\n\nexport class Categories extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.arrayOf(PropTypes.shape(CategoryType)),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n    }),\n    disabled: PropTypes.bool,\n    onDropChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    rowLabels: PropTypes.array,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n    },\n  };\n\n  render() {\n    const { classes, categories, model, disabled, onDropChoice, onRemoveChoice, rowLabels } = this.props;\n    const { categoriesPerRow, minRowHeight } = model;\n\n    // split categories into an array of arrays (inner array),\n    // where each inner array represents how many categories should be displayed on one row\n    const chunkedCategories = [];\n    const cats = categories || [];\n    for (let i = 0; i < cats.length; i += categoriesPerRow) {\n      chunkedCategories.push(cats.slice(i, i + categoriesPerRow));\n    }\n\n    const hasNonEmptyString = (array) => {\n      let found = false;\n\n      (array || []).forEach((element) => {\n        if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {\n          found = true;\n        }\n      });\n\n      return found;\n    };\n\n    return (\n      <GridContent\n        columns={categoriesPerRow}\n        className={classes.categories}\n        rows={Math.ceil(categories.length / categoriesPerRow) * 2}\n      >\n        {chunkedCategories.map((cat, rowIndex) => {\n          let items = [];\n\n          // for each inner array of categories, create a row with category titles\n          // first cell of row has to be the row label\n          cat.forEach((c, columnIndex) => {\n            items.push(\n              <div style={{ display: 'flex' }}>\n                {columnIndex === 0 && hasNonEmptyString(rowLabels) ? (\n                  <div\n                    key={rowIndex}\n                    className={classes.rowLabel}\n                    dangerouslySetInnerHTML={{\n                      __html: rowLabels[rowIndex] || '',\n                    }}\n                  />\n                ) : null}\n                <div className={classes.categoryWrapper}>\n                  <div\n                    className={classes.label}\n                    key={`category-label-${rowIndex}-${columnIndex}`}\n                    dangerouslySetInnerHTML={{ __html: c.label }}\n                  />\n\n                  <Category\n                    minRowHeight={minRowHeight}\n                    onDropChoice={(h) => onDropChoice(c.id, h)}\n                    onRemoveChoice={onRemoveChoice}\n                    disabled={disabled}\n                    className={classes.category}\n                    key={`category-element-${rowIndex}-${columnIndex}`}\n                    {...c}\n                  />\n                </div>\n              </div>,\n            );\n          });\n\n          // if the last row has fewer categories than max on a row, fill the spaces with divs\n          items = items.concat(\n            Array(categoriesPerRow - cat.length)\n              .fill(<div />)\n              .map((value, index) => <div key={`fill-space-final-${index}`} />),\n          );\n\n          return items;\n        })}\n      </GridContent>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  categories: {\n    flex: 1,\n  },\n  label: {\n    color: color.text(),\n    backgroundColor: color.background(),\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n  rowLabel: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    flex: 0.5,\n    marginRight: '12px',\n  },\n  categoryWrapper: {\n    display: 'flex',\n    flex: '2',\n    flexDirection: 'column',\n  },\n});\nexport default withStyles(styles)(Categories);\n"],"file":"categories.js"}
+{"version":3,"file":"categories.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","_gridContent","_category","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Categories","React","Component","render","categories","model","disabled","onDropChoice","onRemoveChoice","rowLabels","props","categoriesPerRow","minRowHeight","chunkedCategories","cats","length","push","slice","hasNonEmptyString","array","found","forEach","element","trim","createElement","columns","rows","Math","ceil","extraStyle","flex","map","cat","rowIndex","items","c","columnIndex","style","display","StyledRowLabel","key","dangerouslySetInnerHTML","__html","StyledCategoryWrapper","StyledLabel","label","_extends2","h","id","concat","Array","fill","value","index","exports","_defineProperty2","PropTypes","arrayOf","shape","CategoryType","number","bool","func","isRequired","styled","theme","color","text","backgroundColor","background","textAlign","paddingTop","spacing","alignItems","justifyContent","marginRight","flexDirection","_default"],"sources":["../../src/categorize/categories.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport GridContent from './grid-content';\nimport Category, { CategoryType } from './category';\n\nexport { CategoryType };\n\nexport class Categories extends React.Component {\n  static propTypes = {\n    categories: PropTypes.arrayOf(PropTypes.shape(CategoryType)),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n    }),\n    disabled: PropTypes.bool,\n    onDropChoice: PropTypes.func.isRequired,\n    onRemoveChoice: PropTypes.func.isRequired,\n    rowLabels: PropTypes.array,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n    },\n  };\n\n  render() {\n    const { categories, model, disabled, onDropChoice, onRemoveChoice, rowLabels } = this.props;\n    const { categoriesPerRow, minRowHeight } = model;\n\n    // split categories into an array of arrays (inner array),\n    // where each inner array represents how many categories should be displayed on one row\n    const chunkedCategories = [];\n    const cats = categories || [];\n    for (let i = 0; i < cats.length; i += categoriesPerRow) {\n      chunkedCategories.push(cats.slice(i, i + categoriesPerRow));\n    }\n\n    const hasNonEmptyString = (array) => {\n      let found = false;\n\n      (array || []).forEach((element) => {\n        if (typeof element === 'string' && element.trim() !== '' && element.trim() !== '<div></div>') {\n          found = true;\n        }\n      });\n\n      return found;\n    };\n\n    return (\n      <GridContent\n        columns={categoriesPerRow}\n        rows={Math.ceil(categories.length / categoriesPerRow) * 2}\n        extraStyle={{ flex: 1 }}\n      >\n        {chunkedCategories.map((cat, rowIndex) => {\n          let items = [];\n\n          // for each inner array of categories, create a row with category titles\n          // first cell of row has to be the row label\n          cat.forEach((c, columnIndex) => {\n            items.push(\n              <div style={{ display: 'flex' }}>\n                {columnIndex === 0 && hasNonEmptyString(rowLabels) ? (\n                  <StyledRowLabel\n                    key={rowIndex}\n                    dangerouslySetInnerHTML={{\n                      __html: rowLabels[rowIndex] || '',\n                    }}\n                  />\n                ) : null}\n                <StyledCategoryWrapper>\n                  <StyledLabel\n                    key={`category-label-${rowIndex}-${columnIndex}`}\n                    dangerouslySetInnerHTML={{ __html: c.label }}\n                  />\n\n                  <Category\n                    minRowHeight={minRowHeight}\n                    onDropChoice={(h) => onDropChoice(c.id, h)}\n                    onRemoveChoice={onRemoveChoice}\n                    disabled={disabled}\n                    key={`category-element-${rowIndex}-${columnIndex}`}\n                    {...c}\n                  />\n                </StyledCategoryWrapper>\n              </div>,\n            );\n          });\n\n          // if the last row has fewer categories than max on a row, fill the spaces with divs\n          items = items.concat(\n            Array(categoriesPerRow - cat.length)\n              .fill(<div />)\n              .map((value, index) => <div key={`fill-space-final-${index}`} />),\n          );\n\n          return items;\n        })}\n      </GridContent>\n    );\n  }\n}\n\nconst StyledLabel = styled('div')(({ theme }) => ({\n  color: color.text(),\n  backgroundColor: color.background(),\n  textAlign: 'center',\n  paddingTop: theme.spacing(1),\n}));\n\nconst StyledRowLabel = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'center',\n  flex: 0.5,\n  marginRight: '12px',\n});\n\nconst StyledCategoryWrapper = styled('div')({\n  display: 'flex',\n  flex: '2',\n  flexDirection: 'column',\n});\n\nexport default Categories;\n"],"mappings":"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","ignoreList":[]}

package/lib/categorize/category.js

@@ -1,140 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.CategoryType = exports.Category = void 0;
-
+exports.default = exports.CategoryType = exports.Category = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
 var _choice = _interopRequireDefault(require("./choice"));
-
 var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 CategoryType = {
-  id: _propTypes["default"].string.isRequired,
-  categoryId: _propTypes["default"].string
+const CategoryType = exports.CategoryType = {
+  id: _propTypes.default.string.isRequired,
+  categoryId: _propTypes.default.string
 };
-exports.CategoryType = CategoryType;
-
-var Category = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Category, _React$Component);
-
-  var _super = _createSuper(Category);
-
-  function Category() {
-    (0, _classCallCheck2["default"])(this, Category);
-    return _super.apply(this, arguments);
+class Category extends _react.default.Component {
+  render() {
+    const {
+      className,
+      choices = [],
+      disabled,
+      onDropChoice,
+      onRemoveChoice,
+      id,
+      correct,
+      minRowHeight
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(StyledDiv, {
+      className: className,
+      id: id
+    }, /*#__PURE__*/_react.default.createElement(StyledPlaceHolder, {
+      id: id,
+      onDropChoice: onDropChoice,
+      disabled: disabled,
+      correct: correct,
+      minRowHeight: minRowHeight
+    }, choices.map((c, index) => /*#__PURE__*/_react.default.createElement(_choice.default, (0, _extends2.default)({
+      onRemoveChoice: onRemoveChoice,
+      disabled: disabled,
+      key: index,
+      choiceIndex: index,
+      categoryId: id
+    }, c)))));
   }
-
-  (0, _createClass2["default"])(Category, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          _this$props$choices = _this$props.choices,
-          choices = _this$props$choices === void 0 ? [] : _this$props$choices,
-          disabled = _this$props.disabled,
-          onDropChoice = _this$props.onDropChoice,
-          onRemoveChoice = _this$props.onRemoveChoice,
-          id = _this$props.id,
-          correct = _this$props.correct,
-          minRowHeight = _this$props.minRowHeight;
-      var names = (0, _classnames["default"])(classes.category, className);
-      var placeholderNames = (0, _classnames["default"])(classes.placeholder, correct === false && classes.incorrect, correct === true && classes.correct);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: names
-      }, /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
-        onDropChoice: onDropChoice,
-        disabled: disabled,
-        className: placeholderNames,
-        minRowHeight: minRowHeight
-      }, choices.map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_choice["default"], (0, _extends2["default"])({
-          onRemoveChoice: onRemoveChoice,
-          disabled: disabled,
-          key: index,
-          choiceIndex: index,
-          categoryId: id
-        }, c));
-      })));
-    }
-  }]);
-  return Category;
-}(_react["default"].Component);
-
+}
 exports.Category = Category;
-(0, _defineProperty2["default"])(Category, "propTypes", _objectSpread(_objectSpread({}, CategoryType), {}, {
-  className: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  onDropChoice: _propTypes["default"].func,
-  onRemoveChoice: _propTypes["default"].func,
-  minRowHeight: _propTypes["default"].string
+(0, _defineProperty2.default)(Category, "propTypes", {
+  ...CategoryType,
+  className: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  onDropChoice: _propTypes.default.func,
+  onRemoveChoice: _propTypes.default.func,
+  minRowHeight: _propTypes.default.string
+});
+(0, _defineProperty2.default)(Category, "defaultProps", {});
+const StyledDiv = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  flex: 2
 }));
-(0, _defineProperty2["default"])(Category, "defaultProps", {});
-
-var styles = function styles(theme) {
-  return {
-    incorrect: {
-      border: "solid 2px ".concat(_renderUi.color.incorrect())
-    },
-    correct: {
-      border: "solid 2px ".concat(_renderUi.color.correct())
-    },
-    placeholder: {
-      padding: theme.spacing.unit / 2,
-      borderRadius: theme.spacing.unit / 2,
-      gridColumnGap: 0,
-      gridRowGap: 0,
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'center',
-      alignItems: 'center',
-      alignContent: 'flex-start'
-    },
-    category: {
-      display: 'flex',
-      flexDirection: 'column',
-      flex: 2
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Category);
-
-exports["default"] = _default;
+const StyledPlaceHolder = (0, _styles.styled)(_droppablePlaceholder.default, {
+  shouldForwardProp: prop => prop !== 'correct'
+})(({
+  theme,
+  correct
+}) => ({
+  padding: theme.spacing(0.5),
+  borderRadius: theme.spacing(0.5),
+  gridColumnGap: 0,
+  gridRowGap: 0,
+  display: 'flex',
+  flexWrap: 'wrap',
+  justifyContent: 'center',
+  alignItems: 'center',
+  alignContent: 'flex-start',
+  ...(correct === false && {
+    border: `solid 2px ${_renderUi.color.incorrect()}`
+  }),
+  ...(correct === true && {
+    border: `solid 2px ${_renderUi.color.correct()}`
+  })
+}));
+var _default = exports.default = Category;
 //# sourceMappingURL=category.js.map

package/lib/categorize/category.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/category.jsx"],"names":["CategoryType","id","PropTypes","string","isRequired","categoryId","Category","props","classes","className","choices","disabled","onDropChoice","onRemoveChoice","correct","minRowHeight","names","category","placeholderNames","placeholder","incorrect","map","c","index","React","Component","bool","object","func","styles","theme","border","color","padding","spacing","unit","borderRadius","gridColumnGap","gridRowGap","display","flexWrap","justifyContent","alignItems","alignContent","flexDirection","flex"],"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 Choice from './choice';\nimport PlaceHolder from './droppable-placeholder';\nimport { color } from '@pie-lib/render-ui';\n\nexport const CategoryType = {\n  id: PropTypes.string.isRequired,\n  categoryId: PropTypes.string,\n};\n\nexport class Category extends React.Component {\n  static propTypes = {\n    ...CategoryType,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    onDropChoice: PropTypes.func,\n    onRemoveChoice: PropTypes.func,\n    minRowHeight: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const {\n      classes,\n      className,\n      choices = [],\n      disabled,\n      onDropChoice,\n      onRemoveChoice,\n      id,\n      correct,\n      minRowHeight,\n    } = this.props;\n\n    const names = classNames(classes.category, className);\n    const placeholderNames = classNames(\n      classes.placeholder,\n      correct === false && classes.incorrect,\n      correct === true && classes.correct,\n    );\n\n    return (\n      <div className={names}>\n        <PlaceHolder\n          onDropChoice={onDropChoice}\n          disabled={disabled}\n          className={placeholderNames}\n          minRowHeight={minRowHeight}\n        >\n          {choices.map((c, index) => (\n            <Choice\n              onRemoveChoice={onRemoveChoice}\n              disabled={disabled}\n              key={index}\n              choiceIndex={index}\n              categoryId={id}\n              {...c}\n            />\n          ))}\n        </PlaceHolder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  incorrect: {\n    border: `solid 2px ${color.incorrect()}`,\n  },\n  correct: {\n    border: `solid 2px ${color.correct()}`,\n  },\n  placeholder: {\n    padding: theme.spacing.unit / 2,\n    borderRadius: theme.spacing.unit / 2,\n    gridColumnGap: 0,\n    gridRowGap: 0,\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'flex-start',\n  },\n  category: {\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 2,\n  },\n});\n\nexport default withStyles(styles)(Category);\n"],"file":"category.js"}
+{"version":3,"file":"category.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","_choice","_droppablePlaceholder","CategoryType","exports","id","PropTypes","string","isRequired","categoryId","Category","React","Component","render","className","choices","disabled","onDropChoice","onRemoveChoice","correct","minRowHeight","props","default","createElement","StyledDiv","StyledPlaceHolder","map","c","index","_extends2","key","choiceIndex","_defineProperty2","bool","func","styled","theme","display","flexDirection","flex","PlaceHolder","shouldForwardProp","prop","padding","spacing","borderRadius","gridColumnGap","gridRowGap","flexWrap","justifyContent","alignItems","alignContent","border","color","incorrect","_default"],"sources":["../../src/categorize/category.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport Choice from './choice';\nimport PlaceHolder from './droppable-placeholder';\n\nexport const CategoryType = {\n  id: PropTypes.string.isRequired,\n  categoryId: PropTypes.string,\n};\n\nexport class Category extends React.Component {\n  static propTypes = {\n    ...CategoryType,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    onDropChoice: PropTypes.func,\n    onRemoveChoice: PropTypes.func,\n    minRowHeight: PropTypes.string,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const {\n      className,\n      choices = [],\n      disabled,\n      onDropChoice,\n      onRemoveChoice,\n      id,\n      correct,\n      minRowHeight,\n    } = this.props;\n\n    return (\n      <StyledDiv className={className} id={id}>\n        <StyledPlaceHolder\n          id={id}\n          onDropChoice={onDropChoice}\n          disabled={disabled}\n          correct={correct}\n          minRowHeight={minRowHeight}\n        >\n          {choices.map((c, index) => (\n            <Choice\n              onRemoveChoice={onRemoveChoice}\n              disabled={disabled}\n              key={index}\n              choiceIndex={index}\n              categoryId={id}\n              {...c}\n            />\n          ))}\n        </StyledPlaceHolder>\n      </StyledDiv>\n    );\n  }\n}\n\nconst StyledDiv = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 2,\n}));\n\nconst StyledPlaceHolder = styled(PlaceHolder, {\n  shouldForwardProp: (prop) => prop !== 'correct',\n})(({ theme, correct }) => ({\n  padding: theme.spacing(0.5),\n  borderRadius: theme.spacing(0.5),\n  gridColumnGap: 0,\n  gridRowGap: 0,\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'center',\n  alignItems: 'center',\n  alignContent: 'flex-start',\n  ...(correct === false && {\n    border: `solid 2px ${color.incorrect()}`,\n  }),\n  ...(correct === true && {\n    border: `solid 2px ${color.correct()}`,\n  }),\n}));\n\nexport default Category;\n"],"mappings":"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","ignoreList":[]}