@pie-element/categorize 13.1.0-next.28 → 13.1.1-next.1

package/lib/categorize/categories.js

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

package/lib/categorize/categories.js.map

@@ -1 +0,0 @@
-{"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,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CategoryType = exports.Category = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _choice = _interopRequireDefault(require("./choice"));
-var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-const CategoryType = exports.CategoryType = {
-  id: _propTypes.default.string.isRequired,
-  categoryId: _propTypes.default.string
-};
-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(_droppablePlaceholder.default, {
-      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)))));
-  }
-}
-exports.Category = Category;
-(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
-}));
-var _default = exports.default = Category;
-//# sourceMappingURL=category.js.map

package/lib/categorize/category.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"category.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_choice","_droppablePlaceholder","CategoryType","exports","id","PropTypes","string","isRequired","categoryId","Category","React","Component","render","className","choices","disabled","onDropChoice","onRemoveChoice","correct","minRowHeight","props","default","createElement","StyledDiv","map","c","index","_extends2","key","choiceIndex","_defineProperty2","bool","func","styled","theme","display","flexDirection","flex","_default"],"sources":["../../src/categorize/category.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\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        <PlaceHolder\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        </PlaceHolder>\n      </StyledDiv>\n    );\n  }\n}\n\nconst StyledDiv = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 2,\n}));\n\nexport default Category;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEO,MAAMK,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,EAAE,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BC,UAAU,EAAEH,kBAAS,CAACC;AACxB,CAAC;AAEM,MAAMG,QAAQ,SAASC,cAAK,CAACC,SAAS,CAAC;EAY5CC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,SAAS;MACTC,OAAO,GAAG,EAAE;MACZC,QAAQ;MACRC,YAAY;MACZC,cAAc;MACdb,EAAE;MACFc,OAAO;MACPC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACEzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACC,SAAS;MAACV,SAAS,EAAEA,SAAU;MAACT,EAAE,EAAEA;IAAG,gBACtCT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,qBAAA,CAAAoB,OAAW;MACVjB,EAAE,EAAEA,EAAG;MACPY,YAAY,EAAEA,YAAa;MAC3BD,QAAQ,EAAEA,QAAS;MACnBG,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA;IAAa,GAE1BL,OAAO,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACpB/B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,OAAA,CAAAqB,OAAM,MAAAM,SAAA,CAAAN,OAAA;MACLJ,cAAc,EAAEA,cAAe;MAC/BF,QAAQ,EAAEA,QAAS;MACnBa,GAAG,EAAEF,KAAM;MACXG,WAAW,EAAEH,KAAM;MACnBlB,UAAU,EAAEJ;IAAG,GACXqB,CAAC,CACN,CACF,CACU,CACJ,CAAC;EAEhB;AACF;AAACtB,OAAA,CAAAM,QAAA,GAAAA,QAAA;AAAA,IAAAqB,gBAAA,CAAAT,OAAA,EA/CYZ,QAAQ,eACA;EACjB,GAAGP,YAAY;EACfW,SAAS,EAAER,kBAAS,CAACC,MAAM;EAC3BS,QAAQ,EAAEV,kBAAS,CAAC0B,IAAI;EACxBf,YAAY,EAAEX,kBAAS,CAAC2B,IAAI;EAC5Bf,cAAc,EAAEZ,kBAAS,CAAC2B,IAAI;EAC9Bb,YAAY,EAAEd,kBAAS,CAACC;AAC1B,CAAC;AAAA,IAAAwB,gBAAA,CAAAT,OAAA,EARUZ,QAAQ,kBAUG,CAAC,CAAC;AAuC1B,MAAMc,SAAS,GAAG,IAAAU,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC9CC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,IAAI,EAAE;AACR,CAAC,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAnC,OAAA,CAAAkB,OAAA,GAEWZ,QAAQ","ignoreList":[]}

package/lib/categorize/choice.js

@@ -1,140 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Layout = exports.ChoiceType = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _debug = _interopRequireDefault(require("debug"));
-var _styles = require("@mui/material/styles");
-var _core = require("@dnd-kit/core");
-var _drag = require("@pie-lib/drag");
-var _Card = _interopRequireDefault(require("@mui/material/Card"));
-var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-var _renderUi = require("@pie-lib/render-ui");
-const log = (0, _debug.default)('@pie-ui:categorize:choice');
-const ChoiceType = exports.ChoiceType = {
-  content: _propTypes.default.string.isRequired,
-  id: _propTypes.default.string
-};
-const ChoiceContainer = (0, _styles.styled)('div', {
-  shouldForwardProp: prop => !['isDragging', 'disabled', 'correct'].includes(prop)
-})(({
-  isDragging,
-  disabled,
-  correct
-}) => ({
-  direction: 'initial',
-  cursor: disabled ? 'not-allowed' : isDragging ? 'move' : 'pointer',
-  width: '100%',
-  borderRadius: '6px',
-  ...(correct === true && {
-    border: `solid 2px ${_renderUi.color.correct()}`
-  }),
-  ...(correct === false && {
-    border: `solid 2px ${_renderUi.color.incorrect()}`
-  })
-}));
-const StyledCard = (0, _styles.styled)(_Card.default)({
-  color: _renderUi.color.text(),
-  backgroundColor: _renderUi.color.background(),
-  width: '100%'
-});
-const StyledCardContent = (0, _styles.styled)(_CardContent.default)(({
-  theme
-}) => ({
-  color: _renderUi.color.text(),
-  backgroundColor: _renderUi.color.white(),
-  '&:last-child': {
-    paddingBottom: theme.spacing(2)
-  },
-  borderRadius: '4px',
-  border: '1px solid',
-  '& p': {
-    margin: '0px'
-  }
-}));
-class Layout extends _react.default.Component {
-  render() {
-    const {
-      content,
-      isDragging,
-      disabled,
-      correct
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(ChoiceContainer, {
-      isDragging: isDragging,
-      disabled: disabled,
-      correct: correct
-    }, /*#__PURE__*/_react.default.createElement(StyledCard, null, /*#__PURE__*/_react.default.createElement(StyledCardContent, {
-      dangerouslySetInnerHTML: {
-        __html: content
-      }
-    })));
-  }
-}
-exports.Layout = Layout;
-(0, _defineProperty2.default)(Layout, "propTypes", {
-  ...ChoiceType,
-  disabled: _propTypes.default.bool,
-  correct: _propTypes.default.bool,
-  isDragging: _propTypes.default.bool
-});
-(0, _defineProperty2.default)(Layout, "defaultProps", {});
-const DraggableChoice = ({
-  id,
-  content,
-  disabled,
-  correct,
-  extraStyle,
-  categoryId,
-  choiceIndex
-}) => {
-  // Generate unique draggable ID for each instance
-  // If in choices board (categoryId is undefined), use 'board' suffix
-  // If in a category, include categoryId and choiceIndex to make it unique
-  const draggableId = categoryId !== undefined ? `choice-${id}-${categoryId}-${choiceIndex}` : `choice-${id}-board`;
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    isDragging
-  } = (0, _core.useDraggable)({
-    id: draggableId,
-    data: {
-      id,
-      categoryId,
-      choiceIndex,
-      value: content,
-      itemType: 'categorize',
-      type: 'choice'
-    },
-    disabled
-  });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: setNodeRef,
-    style: {
-      margin: '4px',
-      ...extraStyle
-    }
-  }, listeners, attributes), /*#__PURE__*/_react.default.createElement(Layout, {
-    id: id,
-    content: content,
-    disabled: disabled,
-    correct: correct,
-    isDragging: isDragging
-  }));
-};
-DraggableChoice.propTypes = {
-  ...ChoiceType,
-  extraStyle: _propTypes.default.object,
-  categoryId: _propTypes.default.string,
-  choiceIndex: _propTypes.default.number,
-  onRemoveChoice: _propTypes.default.func
-};
-var _default = exports.default = _drag.uid.withUid(DraggableChoice);
-//# sourceMappingURL=choice.js.map

package/lib/categorize/choice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_styles","_core","_drag","_Card","_CardContent","_renderUi","log","debug","ChoiceType","exports","content","PropTypes","string","isRequired","id","ChoiceContainer","styled","shouldForwardProp","prop","includes","isDragging","disabled","correct","direction","cursor","width","borderRadius","border","color","incorrect","StyledCard","Card","text","backgroundColor","background","StyledCardContent","CardContent","theme","white","paddingBottom","spacing","margin","Layout","React","Component","render","props","default","createElement","dangerouslySetInnerHTML","__html","_defineProperty2","bool","DraggableChoice","extraStyle","categoryId","choiceIndex","draggableId","undefined","attributes","listeners","setNodeRef","useDraggable","data","value","itemType","type","_extends2","ref","style","propTypes","object","number","onRemoveChoice","func","_default","uid","withUid"],"sources":["../../src/categorize/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport { useDraggable } from '@dnd-kit/core';\nimport { uid } from '@pie-lib/drag';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-ui:categorize:choice');\n\nexport const ChoiceType = {\n  content: PropTypes.string.isRequired,\n  id: PropTypes.string,\n};\n\nconst ChoiceContainer = styled('div', {\n  shouldForwardProp: (prop) => !['isDragging', 'disabled', 'correct'].includes(prop),\n})(({ isDragging, disabled, correct }) => ({\n  direction: 'initial',\n  cursor: disabled ? 'not-allowed' : isDragging ? 'move' : 'pointer',\n  width: '100%',\n  borderRadius: '6px',\n  ...(correct === true && {\n    border: `solid 2px ${color.correct()}`,\n  }),\n  ...(correct === false && {\n    border: `solid 2px ${color.incorrect()}`,\n  }),\n}));\n\nconst StyledCard = styled(Card)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  width: '100%',\n});\n\nconst StyledCardContent = styled(CardContent)(({ theme }) => ({\n  color: color.text(),\n  backgroundColor: color.white(),\n  '&:last-child': {\n    paddingBottom: theme.spacing(2),\n  },\n  borderRadius: '4px',\n  border: '1px solid',\n  '& p': {\n    margin: '0px',\n  },\n}));\n\nexport class Layout extends React.Component {\n  static propTypes = {\n    ...ChoiceType,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    isDragging: PropTypes.bool,\n  };\n  static defaultProps = {};\n  render() {\n    const { content, isDragging, disabled, correct } = this.props;\n\n    return (\n      <ChoiceContainer isDragging={isDragging} disabled={disabled} correct={correct}>\n        <StyledCard>\n          <StyledCardContent dangerouslySetInnerHTML={{ __html: content }} />\n        </StyledCard>\n      </ChoiceContainer>\n    );\n  }\n}\n\nconst DraggableChoice = ({ id, content, disabled, correct, extraStyle, categoryId, choiceIndex }) => {\n  // Generate unique draggable ID for each instance\n  // If in choices board (categoryId is undefined), use 'board' suffix\n  // If in a category, include categoryId and choiceIndex to make it unique\n  const draggableId = categoryId !== undefined ? `choice-${id}-${categoryId}-${choiceIndex}` : `choice-${id}-board`;\n\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id: draggableId,\n    data: {\n      id,\n      categoryId,\n      choiceIndex,\n      value: content,\n      itemType: 'categorize',\n      type: 'choice',\n    },\n    disabled,\n  });\n\n  return (\n    <div ref={setNodeRef} style={{ margin: '4px', ...extraStyle }} {...listeners} {...attributes}>\n      <Layout id={id} content={content} disabled={disabled} correct={correct} isDragging={isDragging} />\n    </div>\n  );\n};\n\nDraggableChoice.propTypes = {\n  ...ChoiceType,\n  extraStyle: PropTypes.object,\n  categoryId: PropTypes.string,\n  choiceIndex: PropTypes.number,\n  onRemoveChoice: PropTypes.func,\n};\n\nexport default uid.withUid(DraggableChoice);\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,MAAMS,GAAG,GAAG,IAAAC,cAAK,EAAC,2BAA2B,CAAC;AAEvC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,OAAO,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpCC,EAAE,EAAEH,kBAAS,CAACC;AAChB,CAAC;AAED,MAAMG,eAAe,GAAG,IAAAC,cAAM,EAAC,KAAK,EAAE;EACpCC,iBAAiB,EAAGC,IAAI,IAAK,CAAC,CAAC,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,IAAI;AACnF,CAAC,CAAC,CAAC,CAAC;EAAEE,UAAU;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,MAAM;EACzCC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAEH,QAAQ,GAAG,aAAa,GAAGD,UAAU,GAAG,MAAM,GAAG,SAAS;EAClEK,KAAK,EAAE,MAAM;EACbC,YAAY,EAAE,KAAK;EACnB,IAAIJ,OAAO,KAAK,IAAI,IAAI;IACtBK,MAAM,EAAE,aAAaC,eAAK,CAACN,OAAO,CAAC,CAAC;EACtC,CAAC,CAAC;EACF,IAAIA,OAAO,KAAK,KAAK,IAAI;IACvBK,MAAM,EAAE,aAAaC,eAAK,CAACC,SAAS,CAAC,CAAC;EACxC,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMC,UAAU,GAAG,IAAAd,cAAM,EAACe,aAAI,CAAC,CAAC;EAC9BH,KAAK,EAAEA,eAAK,CAACI,IAAI,CAAC,CAAC;EACnBC,eAAe,EAAEL,eAAK,CAACM,UAAU,CAAC,CAAC;EACnCT,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,iBAAiB,GAAG,IAAAnB,cAAM,EAACoB,oBAAW,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC5DT,KAAK,EAAEA,eAAK,CAACI,IAAI,CAAC,CAAC;EACnBC,eAAe,EAAEL,eAAK,CAACU,KAAK,CAAC,CAAC;EAC9B,cAAc,EAAE;IACdC,aAAa,EAAEF,KAAK,CAACG,OAAO,CAAC,CAAC;EAChC,CAAC;EACDd,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,WAAW;EACnB,KAAK,EAAE;IACLc,MAAM,EAAE;EACV;AACF,CAAC,CAAC,CAAC;AAEI,MAAMC,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAQ1CC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEnC,OAAO;MAAEU,UAAU;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACwB,KAAK;IAE7D,oBACEnD,MAAA,CAAAoD,OAAA,CAAAC,aAAA,CAACjC,eAAe;MAACK,UAAU,EAAEA,UAAW;MAACC,QAAQ,EAAEA,QAAS;MAACC,OAAO,EAAEA;IAAQ,gBAC5E3B,MAAA,CAAAoD,OAAA,CAAAC,aAAA,CAAClB,UAAU,qBACTnC,MAAA,CAAAoD,OAAA,CAAAC,aAAA,CAACb,iBAAiB;MAACc,uBAAuB,EAAE;QAAEC,MAAM,EAAExC;MAAQ;IAAE,CAAE,CACxD,CACG,CAAC;EAEtB;AACF;AAACD,OAAA,CAAAiC,MAAA,GAAAA,MAAA;AAAA,IAAAS,gBAAA,CAAAJ,OAAA,EAnBYL,MAAM,eACE;EACjB,GAAGlC,UAAU;EACba,QAAQ,EAAEV,kBAAS,CAACyC,IAAI;EACxB9B,OAAO,EAAEX,kBAAS,CAACyC,IAAI;EACvBhC,UAAU,EAAET,kBAAS,CAACyC;AACxB,CAAC;AAAA,IAAAD,gBAAA,CAAAJ,OAAA,EANUL,MAAM,kBAOK,CAAC,CAAC;AAc1B,MAAMW,eAAe,GAAGA,CAAC;EAAEvC,EAAE;EAAEJ,OAAO;EAAEW,QAAQ;EAAEC,OAAO;EAAEgC,UAAU;EAAEC,UAAU;EAAEC;AAAY,CAAC,KAAK;EACnG;EACA;EACA;EACA,MAAMC,WAAW,GAAGF,UAAU,KAAKG,SAAS,GAAG,UAAU5C,EAAE,IAAIyC,UAAU,IAAIC,WAAW,EAAE,GAAG,UAAU1C,EAAE,QAAQ;EAEjH,MAAM;IAAE6C,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEzC;EAAW,CAAC,GAAG,IAAA0C,kBAAY,EAAC;IACrEhD,EAAE,EAAE2C,WAAW;IACfM,IAAI,EAAE;MACJjD,EAAE;MACFyC,UAAU;MACVC,WAAW;MACXQ,KAAK,EAAEtD,OAAO;MACduD,QAAQ,EAAE,YAAY;MACtBC,IAAI,EAAE;IACR,CAAC;IACD7C;EACF,CAAC,CAAC;EAEF,oBACE1B,MAAA,CAAAoD,OAAA,CAAAC,aAAA,YAAAmB,SAAA,CAAApB,OAAA;IAAKqB,GAAG,EAAEP,UAAW;IAACQ,KAAK,EAAE;MAAE5B,MAAM,EAAE,KAAK;MAAE,GAAGa;IAAW;EAAE,GAAKM,SAAS,EAAMD,UAAU,gBAC1FhE,MAAA,CAAAoD,OAAA,CAAAC,aAAA,CAACN,MAAM;IAAC5B,EAAE,EAAEA,EAAG;IAACJ,OAAO,EAAEA,OAAQ;IAACW,QAAQ,EAAEA,QAAS;IAACC,OAAO,EAAEA,OAAQ;IAACF,UAAU,EAAEA;EAAW,CAAE,CAC9F,CAAC;AAEV,CAAC;AAEDiC,eAAe,CAACiB,SAAS,GAAG;EAC1B,GAAG9D,UAAU;EACb8C,UAAU,EAAE3C,kBAAS,CAAC4D,MAAM;EAC5BhB,UAAU,EAAE5C,kBAAS,CAACC,MAAM;EAC5B4C,WAAW,EAAE7C,kBAAS,CAAC6D,MAAM;EAC7BC,cAAc,EAAE9D,kBAAS,CAAC+D;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAlE,OAAA,CAAAsC,OAAA,GAEa6B,SAAG,CAACC,OAAO,CAACxB,eAAe,CAAC","ignoreList":[]}

package/lib/categorize/choices.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ChoiceType", {
-  enumerable: true,
-  get: function () {
-    return _choice.ChoiceType;
-  }
-});
-exports.default = exports.Choices = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _choice = _interopRequireWildcard(require("./choice"));
-var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const Wrapper = (0, _styles.styled)('div')({
-  flex: 1,
-  touchAction: 'none'
-});
-const LabelHolder = (0, _styles.styled)('div')(({
-  theme
-}) => ({
-  margin: '0 auto',
-  textAlign: 'center',
-  paddingTop: theme.spacing(1)
-}));
-class Choices extends _react.default.Component {
-  render() {
-    const {
-      choices = [],
-      model,
-      disabled,
-      onDropChoice,
-      onRemoveChoice,
-      choicePosition,
-      correct
-    } = this.props;
-    let style = {
-      textAlign: 'center'
-    };
-    if (choicePosition === 'left') {
-      style.direction = 'rtl';
-    }
-    return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_droppablePlaceholder.default, {
-      id: "choices-board",
-      onDropChoice: onDropChoice,
-      onRemoveChoice: onRemoveChoice,
-      disabled: disabled,
-      style: {
-        background: 'none'
-      },
-      choiceBoard: true,
-      correct: correct
-    }, model.choicesLabel && model.choicesLabel !== '' && /*#__PURE__*/_react.default.createElement(LabelHolder, {
-      dangerouslySetInnerHTML: {
-        __html: model.choicesLabel
-      }
-    }), choices.map((c, index) => {
-      return c.empty ? /*#__PURE__*/_react.default.createElement("div", {
-        key: index
-      }) : /*#__PURE__*/_react.default.createElement(_choice.default, (0, _extends2.default)({
-        disabled: disabled,
-        key: index,
-        extraStyle: {
-          maxWidth: `${95 / model.categoriesPerRow}%`
-        }
-      }, c));
-    })));
-  }
-}
-exports.Choices = Choices;
-(0, _defineProperty2.default)(Choices, "propTypes", {
-  choices: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_choice.ChoiceType), _propTypes.default.shape({
-    empty: _propTypes.default.bool
-  })])),
-  model: _propTypes.default.shape({
-    categoriesPerRow: _propTypes.default.number,
-    choicesLabel: _propTypes.default.string
-  }),
-  disabled: _propTypes.default.bool,
-  choicePosition: _propTypes.default.string,
-  onDropChoice: _propTypes.default.func,
-  onRemoveChoice: _propTypes.default.func,
-  correct: _propTypes.default.boolean
-});
-(0, _defineProperty2.default)(Choices, "defaultProps", {
-  model: {
-    categoriesPerRow: 1,
-    choicesLabel: ''
-  }
-});
-var _default = exports.default = Choices;
-//# sourceMappingURL=choices.js.map

package/lib/categorize/choices.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_choice","_interopRequireWildcard","_droppablePlaceholder","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Wrapper","styled","flex","touchAction","LabelHolder","theme","margin","textAlign","paddingTop","spacing","Choices","React","Component","render","choices","model","disabled","onDropChoice","onRemoveChoice","choicePosition","correct","props","style","direction","createElement","id","background","choiceBoard","choicesLabel","dangerouslySetInnerHTML","__html","map","c","index","empty","key","_extends2","extraStyle","maxWidth","categoriesPerRow","exports","_defineProperty2","PropTypes","arrayOf","oneOfType","shape","ChoiceType","bool","number","string","func","boolean","_default"],"sources":["../../src/categorize/choices.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Choice, { ChoiceType } from './choice';\nimport DroppablePlaceholder from './droppable-placeholder';\nexport { ChoiceType };\n\nconst Wrapper = styled('div')({\n  flex: 1,\n  touchAction: 'none',\n});\n\nconst LabelHolder = styled('div')(({ theme }) => ({\n  margin: '0 auto',\n  textAlign: 'center',\n  paddingTop: theme.spacing(1),\n}));\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    choices: PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.shape(ChoiceType), PropTypes.shape({ empty: PropTypes.bool })]),\n    ),\n    model: PropTypes.shape({\n      categoriesPerRow: PropTypes.number,\n      choicesLabel: PropTypes.string,\n    }),\n    disabled: PropTypes.bool,\n    choicePosition: PropTypes.string,\n    onDropChoice: PropTypes.func,\n    onRemoveChoice: PropTypes.func,\n    correct: PropTypes.boolean,\n  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const { choices = [], model, disabled, onDropChoice, onRemoveChoice, choicePosition, correct } = this.props;\n\n    let style = {\n      textAlign: 'center',\n    };\n\n    if (choicePosition === 'left') {\n      style.direction = 'rtl';\n    }\n\n    return (\n      <Wrapper>\n        <DroppablePlaceholder\n          id=\"choices-board\"\n          onDropChoice={onDropChoice}\n          onRemoveChoice={onRemoveChoice}\n          disabled={disabled}\n          style={{ background: 'none' }}\n          choiceBoard={true}\n          correct={correct}\n        >\n          {model.choicesLabel && model.choicesLabel !== '' && (\n            <LabelHolder dangerouslySetInnerHTML={{ __html: model.choicesLabel }} />\n          )}\n          {choices.map((c, index) => {\n            return c.empty ? (\n              <div key={index} />\n            ) : (\n              <Choice\n                disabled={disabled}\n                key={index}\n                extraStyle={{ maxWidth: `${95 / model.categoriesPerRow}%` }}\n                {...c}\n              />\n            );\n          })}\n        </DroppablePlaceholder>\n      </Wrapper>\n    );\n  }\n}\n\nexport default Choices;\n"],"mappings":"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","ignoreList":[]}

package/lib/categorize/droppable-placeholder.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _debug = _interopRequireDefault(require("debug"));
-var _styles = require("@mui/material/styles");
-var _core = require("@dnd-kit/core");
-var _drag = require("@pie-lib/drag");
-var _renderUi = require("@pie-lib/render-ui");
-const log = (0, _debug.default)('@pie-ui:categorize:droppable-placeholder');
-const DroppablePlaceholder = ({
-  children,
-  grid,
-  disabled,
-  choiceBoard,
-  minRowHeight,
-  id,
-  correct
-}) => {
-  const theme = (0, _styles.useTheme)();
-  const {
-    setNodeRef,
-    isOver
-  } = (0, _core.useDroppable)({
-    id,
-    data: {
-      itemType: 'categorize',
-      categoryId: id
-    },
-    disabled
-  });
-  const extraStyles = {
-    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',
-    width: '100%',
-    height: '100%',
-    ...(correct === false && !choiceBoard && {
-      border: `solid 2px ${_renderUi.color.incorrect()}`
-    }),
-    ...(correct === true && !choiceBoard && {
-      border: `solid 2px ${_renderUi.color.correct()}`
-    })
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: setNodeRef,
-    style: {
-      flex: 1,
-      minHeight: minRowHeight || '80px',
-      position: 'relative',
-      touchAction: 'none'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_drag.PlaceHolder, {
-    isOver: isOver,
-    grid: grid,
-    disabled: disabled,
-    choiceBoard: choiceBoard,
-    isCategorize: true,
-    extraStyles: extraStyles
-  }, children));
-};
-DroppablePlaceholder.propTypes = {
-  choiceBoard: _propTypes.default.bool,
-  children: _propTypes.default.node.isRequired,
-  grid: _propTypes.default.object,
-  disabled: _propTypes.default.bool,
-  minRowHeight: _propTypes.default.string,
-  onDropChoice: _propTypes.default.func,
-  id: _propTypes.default.string.isRequired,
-  correct: _propTypes.default.bool
-};
-var _default = exports.default = DroppablePlaceholder;
-//# sourceMappingURL=droppable-placeholder.js.map

package/lib/categorize/droppable-placeholder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_styles","_core","_drag","_renderUi","log","debug","DroppablePlaceholder","children","grid","disabled","choiceBoard","minRowHeight","id","correct","theme","useTheme","setNodeRef","isOver","useDroppable","data","itemType","categoryId","extraStyles","padding","spacing","borderRadius","gridColumnGap","gridRowGap","display","flexWrap","justifyContent","alignItems","alignContent","width","height","border","color","incorrect","default","createElement","ref","style","flex","minHeight","position","touchAction","PlaceHolder","isCategorize","propTypes","PropTypes","bool","node","isRequired","object","string","onDropChoice","func","_default","exports"],"sources":["../../src/categorize/droppable-placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { useTheme } from '@mui/material/styles';\nimport { useDroppable } from '@dnd-kit/core';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-ui:categorize:droppable-placeholder');\n\nconst DroppablePlaceholder = ({\n  children,\n  grid,\n  disabled,\n  choiceBoard,\n  minRowHeight,\n  id,\n  correct\n}) => {\n  const theme = useTheme();\n  const { setNodeRef, isOver } = useDroppable({\n    id,\n    data: {\n      itemType: 'categorize',\n      categoryId: id\n    },\n    disabled,\n  });\n\n  const extraStyles = {\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    width: '100%',\n    height: '100%',\n    ...(correct === false && !choiceBoard && {\n      border: `solid 2px ${color.incorrect()}`,\n    }),\n    ...(correct === true && !choiceBoard && {\n      border: `solid 2px ${color.correct()}`,\n    }),\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        flex: 1,\n        minHeight: minRowHeight || '80px',\n        position: 'relative',\n        touchAction: 'none',\n      }}\n    >\n      <PlaceHolder\n        isOver={isOver}\n        grid={grid}\n        disabled={disabled}\n        choiceBoard={choiceBoard}\n        isCategorize\n        extraStyles={extraStyles}\n      >\n        {children}\n      </PlaceHolder>\n    </div>\n  );\n};\n\nDroppablePlaceholder.propTypes = {\n  choiceBoard: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n  grid: PropTypes.object,\n  disabled: PropTypes.bool,\n  minRowHeight: PropTypes.string,\n  onDropChoice: PropTypes.func,\n  id: PropTypes.string.isRequired,\n  correct: PropTypes.bool\n};\n\nexport default DroppablePlaceholder;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEA,MAAMO,GAAG,GAAG,IAAAC,cAAK,EAAC,0CAA0C,CAAC;AAE7D,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,EAAE;EACFC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAG,IAAAC,kBAAY,EAAC;IAC1CN,EAAE;IACFO,IAAI,EAAE;MACJC,QAAQ,EAAE,YAAY;MACtBC,UAAU,EAAET;IACd,CAAC;IACDH;EACF,CAAC,CAAC;EAEF,MAAMa,WAAW,GAAG;IAClBC,OAAO,EAAET,KAAK,CAACU,OAAO,CAAC,GAAG,CAAC;IAC3BC,YAAY,EAAEX,KAAK,CAACU,OAAO,CAAC,GAAG,CAAC;IAChCE,aAAa,EAAE,CAAC;IAChBC,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,MAAM;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,YAAY;IAC1BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACd,IAAIrB,OAAO,KAAK,KAAK,IAAI,CAACH,WAAW,IAAI;MACvCyB,MAAM,EAAE,aAAaC,eAAK,CAACC,SAAS,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,IAAIxB,OAAO,KAAK,IAAI,IAAI,CAACH,WAAW,IAAI;MACtCyB,MAAM,EAAE,aAAaC,eAAK,CAACvB,OAAO,CAAC,CAAC;IACtC,CAAC;EACH,CAAC;EAED,oBACElB,MAAA,CAAA2C,OAAA,CAAAC,aAAA;IACEC,GAAG,EAAExB,UAAW;IAChByB,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAEhC,YAAY,IAAI,MAAM;MACjCiC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAE;IACf;EAAE,gBAEFlD,MAAA,CAAA2C,OAAA,CAAAC,aAAA,CAACrC,KAAA,CAAA4C,WAAW;IACV7B,MAAM,EAAEA,MAAO;IACfT,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBqC,YAAY;IACZzB,WAAW,EAAEA;EAAY,GAExBf,QACU,CACV,CAAC;AAEV,CAAC;AAEDD,oBAAoB,CAAC0C,SAAS,GAAG;EAC/BtC,WAAW,EAAEuC,kBAAS,CAACC,IAAI;EAC3B3C,QAAQ,EAAE0C,kBAAS,CAACE,IAAI,CAACC,UAAU;EACnC5C,IAAI,EAAEyC,kBAAS,CAACI,MAAM;EACtB5C,QAAQ,EAAEwC,kBAAS,CAACC,IAAI;EACxBvC,YAAY,EAAEsC,kBAAS,CAACK,MAAM;EAC9BC,YAAY,EAAEN,kBAAS,CAACO,IAAI;EAC5B5C,EAAE,EAAEqC,kBAAS,CAACK,MAAM,CAACF,UAAU;EAC/BvC,OAAO,EAAEoC,kBAAS,CAACC;AACrB,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEahC,oBAAoB","ignoreList":[]}