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

package/lib/categorize/choices.js

@@ -1,161 +1,96 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ChoiceType", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _choice.ChoiceType;
   }
 });
-exports["default"] = exports.Choices = void 0;
-
+exports.default = exports.Choices = 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 _styles = require("@mui/material/styles");
 var _choice = _interopRequireWildcard(require("./choice"));
-
 var _droppablePlaceholder = _interopRequireDefault(require("./droppable-placeholder"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 Blank = function Blank() {
-  return /*#__PURE__*/_react["default"].createElement("div", null);
-};
-
-var Choices = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Choices, _React$Component);
-
-  var _super = _createSuper(Choices);
-
-  function Choices() {
-    (0, _classCallCheck2["default"])(this, Choices);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Choices, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          _this$props$choices = _this$props.choices,
-          choices = _this$props$choices === void 0 ? [] : _this$props$choices,
-          model = _this$props.model,
-          disabled = _this$props.disabled,
-          onDropChoice = _this$props.onDropChoice,
-          onRemoveChoice = _this$props.onRemoveChoice,
-          choicePosition = _this$props.choicePosition;
-      var style = {
-        textAlign: 'center'
-      };
-
-      if (choicePosition === 'left') {
-        style.direction = 'rtl';
+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
+    } = 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
+    }, model.choicesLabel && model.choicesLabel !== '' && /*#__PURE__*/_react.default.createElement(LabelHolder, {
+      dangerouslySetInnerHTML: {
+        __html: model.choicesLabel
       }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.wrapper
-      }, /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder["default"], {
-        onDropChoice: onDropChoice,
-        onRemoveChoice: onRemoveChoice,
+    }), 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,
-        style: {
-          background: 'none'
-        },
-        choiceBoard: true
-      }, model.choicesLabel && model.choicesLabel !== '' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.labelHolder,
-        dangerouslySetInnerHTML: {
-          __html: model.choicesLabel
+        key: index,
+        extraStyle: {
+          maxWidth: `${95 / model.categoriesPerRow}%`
         }
-      }), choices.map(function (c, index) {
-        return c.empty ? /*#__PURE__*/_react["default"].createElement(Blank, {
-          key: index
-        }) : /*#__PURE__*/_react["default"].createElement(_choice["default"], (0, _extends2["default"])({
-          disabled: disabled,
-          className: classes.choice,
-          key: index,
-          extraStyle: {
-            maxWidth: "".concat(95 / model.categoriesPerRow, "%")
-          }
-        }, c));
-      })));
-    }
-  }]);
-  return Choices;
-}(_react["default"].Component);
-
+      }, c));
+    })));
+  }
+}
 exports.Choices = Choices;
-(0, _defineProperty2["default"])(Choices, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].shape(_choice.ChoiceType), _propTypes["default"].shape({
-    empty: _propTypes["default"].bool
+(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
+  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
+  disabled: _propTypes.default.bool,
+  choicePosition: _propTypes.default.string,
+  onDropChoice: _propTypes.default.func,
+  onRemoveChoice: _propTypes.default.func
 });
-(0, _defineProperty2["default"])(Choices, "defaultProps", {
+(0, _defineProperty2.default)(Choices, "defaultProps", {
   model: {
     categoriesPerRow: 1,
     choicesLabel: ''
   }
 });
-
-var styles = function styles(theme) {
-  return {
-    wrapper: {
-      flex: 1,
-      touchAction: 'none'
-    },
-    choices: {
-      padding: theme.spacing.unit / 2,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    labelHolder: {
-      margin: '0 auto',
-      textAlign: 'center',
-      paddingTop: theme.spacing.unit
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Choices);
-
-exports["default"] = _default;
-//# sourceMappingURL=choices.js.map
+var _default = exports.default = Choices;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX2Nob2ljZSIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2Ryb3BwYWJsZVBsYWNlaG9sZGVyIiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiZGVmYXVsdCIsImhhcyIsImdldCIsInNldCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiV3JhcHBlciIsInN0eWxlZCIsImZsZXgiLCJ0b3VjaEFjdGlvbiIsIkxhYmVsSG9sZGVyIiwidGhlbWUiLCJtYXJnaW4iLCJ0ZXh0QWxpZ24iLCJwYWRkaW5nVG9wIiwic3BhY2luZyIsIkNob2ljZXMiLCJSZWFjdCIsIkNvbXBvbmVudCIsInJlbmRlciIsImNob2ljZXMiLCJtb2RlbCIsImRpc2FibGVkIiwib25Ecm9wQ2hvaWNlIiwib25SZW1vdmVDaG9pY2UiLCJjaG9pY2VQb3NpdGlvbiIsInByb3BzIiwic3R5bGUiLCJkaXJlY3Rpb24iLCJjcmVhdGVFbGVtZW50IiwiaWQiLCJiYWNrZ3JvdW5kIiwiY2hvaWNlQm9hcmQiLCJjaG9pY2VzTGFiZWwiLCJkYW5nZXJvdXNseVNldElubmVySFRNTCIsIl9faHRtbCIsIm1hcCIsImMiLCJpbmRleCIsImVtcHR5Iiwia2V5IiwiX2V4dGVuZHMyIiwiZXh0cmFTdHlsZSIsIm1heFdpZHRoIiwiY2F0ZWdvcmllc1BlclJvdyIsImV4cG9ydHMiLCJfZGVmaW5lUHJvcGVydHkyIiwiUHJvcFR5cGVzIiwiYXJyYXlPZiIsIm9uZU9mVHlwZSIsInNoYXBlIiwiQ2hvaWNlVHlwZSIsImJvb2wiLCJudW1iZXIiLCJzdHJpbmciLCJmdW5jIiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY2F0ZWdvcml6ZS9jaG9pY2VzLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcbmltcG9ydCBDaG9pY2UsIHsgQ2hvaWNlVHlwZSB9IGZyb20gJy4vY2hvaWNlJztcbmltcG9ydCBEcm9wcGFibGVQbGFjZWhvbGRlciBmcm9tICcuL2Ryb3BwYWJsZS1wbGFjZWhvbGRlcic7XG5leHBvcnQgeyBDaG9pY2VUeXBlIH07XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZmxleDogMSxcbiAgdG91Y2hBY3Rpb246ICdub25lJyxcbn0pO1xuXG5jb25zdCBMYWJlbEhvbGRlciA9IHN0eWxlZCgnZGl2JykoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiAnMCBhdXRvJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuZXhwb3J0IGNsYXNzIENob2ljZXMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGNob2ljZXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnNoYXBlKENob2ljZVR5cGUpLCBQcm9wVHlwZXMuc2hhcGUoeyBlbXB0eTogUHJvcFR5cGVzLmJvb2wgfSldKSxcbiAgICApLFxuICAgIG1vZGVsOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgY2F0ZWdvcmllc1BlclJvdzogUHJvcFR5cGVzLm51bWJlcixcbiAgICAgIGNob2ljZXNMYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICB9KSxcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgY2hvaWNlUG9zaXRpb246IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgb25Ecm9wQ2hvaWNlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvblJlbW92ZUNob2ljZTogUHJvcFR5cGVzLmZ1bmMsXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBtb2RlbDoge1xuICAgICAgY2F0ZWdvcmllc1BlclJvdzogMSxcbiAgICAgIGNob2ljZXNMYWJlbDogJycsXG4gICAgfSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjaG9pY2VzID0gW10sIG1vZGVsLCBkaXNhYmxlZCwgb25Ecm9wQ2hvaWNlLCBvblJlbW92ZUNob2ljZSwgY2hvaWNlUG9zaXRpb24gfSA9IHRoaXMucHJvcHM7XG5cbiAgICBsZXQgc3R5bGUgPSB7XG4gICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgIH07XG5cbiAgICBpZiAoY2hvaWNlUG9zaXRpb24gPT09ICdsZWZ0Jykge1xuICAgICAgc3R5bGUuZGlyZWN0aW9uID0gJ3J0bCc7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyPlxuICAgICAgICA8RHJvcHBhYmxlUGxhY2Vob2xkZXJcbiAgICAgICAgICBpZD1cImNob2ljZXMtYm9hcmRcIlxuICAgICAgICAgIG9uRHJvcENob2ljZT17b25Ecm9wQ2hvaWNlfVxuICAgICAgICAgIG9uUmVtb3ZlQ2hvaWNlPXtvblJlbW92ZUNob2ljZX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZDogJ25vbmUnIH19XG4gICAgICAgICAgY2hvaWNlQm9hcmQ9e3RydWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bW9kZWwuY2hvaWNlc0xhYmVsICYmIG1vZGVsLmNob2ljZXNMYWJlbCAhPT0gJycgJiYgKFxuICAgICAgICAgICAgPExhYmVsSG9sZGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbW9kZWwuY2hvaWNlc0xhYmVsIH19IC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7Y2hvaWNlcy5tYXAoKGMsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gYy5lbXB0eSA/IChcbiAgICAgICAgICAgICAgPGRpdiBrZXk9e2luZGV4fSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPENob2ljZVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgIGV4dHJhU3R5bGU9e3sgbWF4V2lkdGg6IGAkezk1IC8gbW9kZWwuY2F0ZWdvcmllc1BlclJvd30lYCB9fVxuICAgICAgICAgICAgICAgIHsuLi5jfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9Ecm9wcGFibGVQbGFjZWhvbGRlcj5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENob2ljZXM7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE9BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE9BQUEsR0FBQUMsdUJBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFLLHFCQUFBLEdBQUFOLHNCQUFBLENBQUFDLE9BQUE7QUFBMkQsU0FBQUksd0JBQUFFLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFKLHVCQUFBLFlBQUFBLENBQUFFLENBQUEsRUFBQUMsQ0FBQSxTQUFBQSxDQUFBLElBQUFELENBQUEsSUFBQUEsQ0FBQSxDQUFBSyxVQUFBLFNBQUFMLENBQUEsTUFBQU0sQ0FBQSxFQUFBQyxDQUFBLEVBQUFDLENBQUEsS0FBQUMsU0FBQSxRQUFBQyxPQUFBLEVBQUFWLENBQUEsaUJBQUFBLENBQUEsdUJBQUFBLENBQUEseUJBQUFBLENBQUEsU0FBQVEsQ0FBQSxNQUFBRixDQUFBLEdBQUFMLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLFFBQUFHLENBQUEsQ0FBQUssR0FBQSxDQUFBWCxDQUFBLFVBQUFNLENBQUEsQ0FBQU0sR0FBQSxDQUFBWixDQUFBLEdBQUFNLENBQUEsQ0FBQU8sR0FBQSxDQUFBYixDQUFBLEVBQUFRLENBQUEsZ0JBQUFQLENBQUEsSUFBQUQsQ0FBQSxnQkFBQUMsQ0FBQSxPQUFBYSxjQUFBLENBQUFDLElBQUEsQ0FBQWYsQ0FBQSxFQUFBQyxDQUFBLE9BQUFNLENBQUEsSUFBQUQsQ0FBQSxHQUFBVSxNQUFBLENBQUFDLGNBQUEsS0FBQUQsTUFBQSxDQUFBRSx3QkFBQSxDQUFBbEIsQ0FBQSxFQUFBQyxDQUFBLE9BQUFNLENBQUEsQ0FBQUssR0FBQSxJQUFBTCxDQUFBLENBQUFNLEdBQUEsSUFBQVAsQ0FBQSxDQUFBRSxDQUFBLEVBQUFQLENBQUEsRUFBQU0sQ0FBQSxJQUFBQyxDQUFBLENBQUFQLENBQUEsSUFBQUQsQ0FBQSxDQUFBQyxDQUFBLFdBQUFPLENBQUEsS0FBQVIsQ0FBQSxFQUFBQyxDQUFBO0FBRzNELE1BQU1rQixPQUFPLEdBQUcsSUFBQUMsY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDO0VBQzVCQyxJQUFJLEVBQUUsQ0FBQztFQUNQQyxXQUFXLEVBQUU7QUFDZixDQUFDLENBQUM7QUFFRixNQUFNQyxXQUFXLEdBQUcsSUFBQUgsY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7RUFBRUk7QUFBTSxDQUFDLE1BQU07RUFDaERDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxTQUFTLEVBQUUsUUFBUTtFQUNuQkMsVUFBVSxFQUFFSCxLQUFLLENBQUNJLE9BQU8sQ0FBQyxDQUFDO0FBQzdCLENBQUMsQ0FBQyxDQUFDO0FBRUksTUFBTUMsT0FBTyxTQUFTQyxjQUFLLENBQUNDLFNBQVMsQ0FBQztFQXNCM0NDLE1BQU1BLENBQUEsRUFBRztJQUNQLE1BQU07TUFBRUMsT0FBTyxHQUFHLEVBQUU7TUFBRUMsS0FBSztNQUFFQyxRQUFRO01BQUVDLFlBQVk7TUFBRUMsY0FBYztNQUFFQztJQUFlLENBQUMsR0FBRyxJQUFJLENBQUNDLEtBQUs7SUFFbEcsSUFBSUMsS0FBSyxHQUFHO01BQ1ZkLFNBQVMsRUFBRTtJQUNiLENBQUM7SUFFRCxJQUFJWSxjQUFjLEtBQUssTUFBTSxFQUFFO01BQzdCRSxLQUFLLENBQUNDLFNBQVMsR0FBRyxLQUFLO0lBQ3pCO0lBRUEsb0JBQ0VqRCxNQUFBLENBQUFrQixPQUFBLENBQUFnQyxhQUFBLENBQUN2QixPQUFPLHFCQUNOM0IsTUFBQSxDQUFBa0IsT0FBQSxDQUFBZ0MsYUFBQSxDQUFDM0MscUJBQUEsQ0FBQVcsT0FBb0I7TUFDbkJpQyxFQUFFLEVBQUMsZUFBZTtNQUNsQlAsWUFBWSxFQUFFQSxZQUFhO01BQzNCQyxjQUFjLEVBQUVBLGNBQWU7TUFDL0JGLFFBQVEsRUFBRUEsUUFBUztNQUNuQkssS0FBSyxFQUFFO1FBQUVJLFVBQVUsRUFBRTtNQUFPLENBQUU7TUFDOUJDLFdBQVcsRUFBRTtJQUFLLEdBRWpCWCxLQUFLLENBQUNZLFlBQVksSUFBSVosS0FBSyxDQUFDWSxZQUFZLEtBQUssRUFBRSxpQkFDOUN0RCxNQUFBLENBQUFrQixPQUFBLENBQUFnQyxhQUFBLENBQUNuQixXQUFXO01BQUN3Qix1QkFBdUIsRUFBRTtRQUFFQyxNQUFNLEVBQUVkLEtBQUssQ0FBQ1k7TUFBYTtJQUFFLENBQUUsQ0FDeEUsRUFDQWIsT0FBTyxDQUFDZ0IsR0FBRyxDQUFDLENBQUNDLENBQUMsRUFBRUMsS0FBSyxLQUFLO01BQ3pCLE9BQU9ELENBQUMsQ0FBQ0UsS0FBSyxnQkFDWjVELE1BQUEsQ0FBQWtCLE9BQUEsQ0FBQWdDLGFBQUE7UUFBS1csR0FBRyxFQUFFRjtNQUFNLENBQUUsQ0FBQyxnQkFFbkIzRCxNQUFBLENBQUFrQixPQUFBLENBQUFnQyxhQUFBLENBQUM3QyxPQUFBLENBQUFhLE9BQU0sTUFBQTRDLFNBQUEsQ0FBQTVDLE9BQUE7UUFDTHlCLFFBQVEsRUFBRUEsUUFBUztRQUNuQmtCLEdBQUcsRUFBRUYsS0FBTTtRQUNYSSxVQUFVLEVBQUU7VUFBRUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxHQUFHdEIsS0FBSyxDQUFDdUIsZ0JBQWdCO1FBQUk7TUFBRSxHQUN4RFAsQ0FBQyxDQUNOLENBQ0Y7SUFDSCxDQUFDLENBQ21CLENBQ2YsQ0FBQztFQUVkO0FBQ0Y7QUFBQ1EsT0FBQSxDQUFBN0IsT0FBQSxHQUFBQSxPQUFBO0FBQUEsSUFBQThCLGdCQUFBLENBQUFqRCxPQUFBLEVBOURZbUIsT0FBTyxlQUNDO0VBQ2pCSSxPQUFPLEVBQUUyQixrQkFBUyxDQUFDQyxPQUFPLENBQ3hCRCxrQkFBUyxDQUFDRSxTQUFTLENBQUMsQ0FBQ0Ysa0JBQVMsQ0FBQ0csS0FBSyxDQUFDQyxrQkFBVSxDQUFDLEVBQUVKLGtCQUFTLENBQUNHLEtBQUssQ0FBQztJQUFFWCxLQUFLLEVBQUVRLGtCQUFTLENBQUNLO0VBQUssQ0FBQyxDQUFDLENBQUMsQ0FDL0YsQ0FBQztFQUNEL0IsS0FBSyxFQUFFMEIsa0JBQVMsQ0FBQ0csS0FBSyxDQUFDO0lBQ3JCTixnQkFBZ0IsRUFBRUcsa0JBQVMsQ0FBQ00sTUFBTTtJQUNsQ3BCLFlBQVksRUFBRWMsa0JBQVMsQ0FBQ087RUFDMUIsQ0FBQyxDQUFDO0VBQ0ZoQyxRQUFRLEVBQUV5QixrQkFBUyxDQUFDSyxJQUFJO0VBQ3hCM0IsY0FBYyxFQUFFc0Isa0JBQVMsQ0FBQ08sTUFBTTtFQUNoQy9CLFlBQVksRUFBRXdCLGtCQUFTLENBQUNRLElBQUk7RUFDNUIvQixjQUFjLEVBQUV1QixrQkFBUyxDQUFDUTtBQUM1QixDQUFDO0FBQUEsSUFBQVQsZ0JBQUEsQ0FBQWpELE9BQUEsRUFiVW1CLE9BQU8sa0JBZUk7RUFDcEJLLEtBQUssRUFBRTtJQUNMdUIsZ0JBQWdCLEVBQUUsQ0FBQztJQUNuQlgsWUFBWSxFQUFFO0VBQ2hCO0FBQ0YsQ0FBQztBQUFBLElBQUF1QixRQUFBLEdBQUFYLE9BQUEsQ0FBQWhELE9BQUEsR0E0Q1ltQixPQUFPIiwiaWdub3JlTGlzdCI6W119

package/lib/categorize/choices.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/choices.jsx"],"names":["Blank","Choices","props","classes","choices","model","disabled","onDropChoice","onRemoveChoice","choicePosition","style","textAlign","direction","wrapper","background","choicesLabel","labelHolder","__html","map","c","index","empty","choice","maxWidth","categoriesPerRow","React","Component","PropTypes","object","isRequired","arrayOf","oneOfType","shape","ChoiceType","bool","number","string","func","styles","theme","flex","touchAction","padding","spacing","unit","display","justifyContent","alignItems","margin","paddingTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Choice, { ChoiceType } from './choice';\nimport DroppablePlaceholder from './droppable-placeholder';\nexport { ChoiceType };\n\nconst Blank = () => <div />;\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\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  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const { classes, choices = [], model, disabled, onDropChoice, onRemoveChoice, choicePosition } = this.props;\n\n    let style = {\n      textAlign: 'center',\n    };\n\n    if (choicePosition === 'left') {\n      style.direction = 'rtl';\n    }\n\n    return (\n      <div className={classes.wrapper}>\n        <DroppablePlaceholder\n          onDropChoice={onDropChoice}\n          onRemoveChoice={onRemoveChoice}\n          disabled={disabled}\n          style={{ background: 'none' }}\n          choiceBoard={true}\n        >\n          {model.choicesLabel && model.choicesLabel !== '' && (\n            <div className={classes.labelHolder} dangerouslySetInnerHTML={{ __html: model.choicesLabel }}></div>\n          )}\n          {choices.map((c, index) => {\n            return c.empty ? (\n              <Blank key={index} />\n            ) : (\n              <Choice\n                disabled={disabled}\n                className={classes.choice}\n                key={index}\n                extraStyle={{ maxWidth: `${95 / model.categoriesPerRow}%` }}\n                {...c}\n              />\n            );\n          })}\n        </DroppablePlaceholder>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  wrapper: {\n    flex: 1,\n    touchAction: 'none',\n  },\n  choices: {\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  labelHolder: {\n    margin: '0 auto',\n    textAlign: 'center',\n    paddingTop: theme.spacing.unit,\n  },\n});\n\nexport default withStyles(styles)(Choices);\n"],"file":"choices.js"}
+{"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","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","_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  };\n\n  static defaultProps = {\n    model: {\n      categoriesPerRow: 1,\n      choicesLabel: '',\n    },\n  };\n\n  render() {\n    const { choices = [], model, disabled, onDropChoice, onRemoveChoice, choicePosition } = 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        >\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,115 +1,58 @@
 "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"));
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
-var _drag = require("@pie-lib/drag");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactDnd = require("react-dnd");
-
 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-ui:categorize:droppable-placeholder');
-
-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,
-          children = _this$props.children,
-          connectDropTarget = _this$props.connectDropTarget,
-          isOver = _this$props.isOver,
-          className = _this$props.className,
-          grid = _this$props.grid,
-          disabled = _this$props.disabled,
-          choiceBoard = _this$props.choiceBoard,
-          minRowHeight = _this$props.minRowHeight;
-      return connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          flex: 1,
-          minHeight: minRowHeight || '80px'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_drag.PlaceHolder, {
-        className: className,
-        isOver: isOver,
-        grid: grid,
-        disabled: disabled,
-        choiceBoard: choiceBoard,
-        isCategorize: true
-      }, children)));
+var _core = require("@dnd-kit/core");
+var _drag = require("@pie-lib/drag");
+const log = (0, _debug.default)('@pie-ui:categorize:droppable-placeholder');
+const DroppablePlaceholder = ({
+  children,
+  grid,
+  disabled,
+  choiceBoard,
+  minRowHeight,
+  id
+}) => {
+  const {
+    setNodeRef,
+    isOver
+  } = (0, _core.useDroppable)({
+    id,
+    data: {
+      itemType: 'categorize',
+      categoryId: id
+    },
+    disabled
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: setNodeRef,
+    style: {
+      flex: 1,
+      minHeight: minRowHeight || '80px',
+      position: 'relative'
     }
-  }]);
-  return DroppablePlaceholder;
-}(_react["default"].Component);
-
-exports.DroppablePlaceholder = DroppablePlaceholder;
-(0, _defineProperty2["default"])(DroppablePlaceholder, "propTypes", {
-  choiceBoard: _propTypes["default"].bool,
-  connectDropTarget: _propTypes["default"].func.isRequired,
-  isOver: _propTypes["default"].bool,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  className: _propTypes["default"].string,
-  grid: _propTypes["default"].object,
-  disabled: _propTypes["default"].bool,
-  minRowHeight: _propTypes["default"].string
-});
-var spec = {
-  drop: function drop(props, monitor) {
-    log('[drop] props: ', props);
-    var item = monitor.getItem();
-    props.onDropChoice(item);
-  },
-  canDrop: function canDrop(props
-  /*, monitor*/
-  ) {
-    return !props.disabled;
-  }
+  }, /*#__PURE__*/_react.default.createElement(_drag.PlaceHolder, {
+    isOver: isOver,
+    grid: grid,
+    disabled: disabled,
+    choiceBoard: choiceBoard,
+    isCategorize: true
+  }, children));
 };
-exports.spec = spec;
-var WithTarget = (0, _reactDnd.DropTarget)(function (_ref) {
-  var uid = _ref.uid;
-  return uid;
-}, spec, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(DroppablePlaceholder);
-
-var _default = _drag.uid.withUid(WithTarget);
-
-exports["default"] = _default;
-//# sourceMappingURL=droppable-placeholder.js.map
+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
+};
+var _default = exports.default = DroppablePlaceholder;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfZGVidWciLCJfY29yZSIsIl9kcmFnIiwibG9nIiwiZGVidWciLCJEcm9wcGFibGVQbGFjZWhvbGRlciIsImNoaWxkcmVuIiwiZ3JpZCIsImRpc2FibGVkIiwiY2hvaWNlQm9hcmQiLCJtaW5Sb3dIZWlnaHQiLCJpZCIsInNldE5vZGVSZWYiLCJpc092ZXIiLCJ1c2VEcm9wcGFibGUiLCJkYXRhIiwiaXRlbVR5cGUiLCJjYXRlZ29yeUlkIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJzdHlsZSIsImZsZXgiLCJtaW5IZWlnaHQiLCJwb3NpdGlvbiIsIlBsYWNlSG9sZGVyIiwiaXNDYXRlZ29yaXplIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYm9vbCIsIm5vZGUiLCJpc1JlcXVpcmVkIiwib2JqZWN0Iiwic3RyaW5nIiwib25Ecm9wQ2hvaWNlIiwiZnVuYyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXRlZ29yaXplL2Ryb3BwYWJsZS1wbGFjZWhvbGRlci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHsgdXNlRHJvcHBhYmxlIH0gZnJvbSAnQGRuZC1raXQvY29yZSc7XG5pbXBvcnQgeyBQbGFjZUhvbGRlciB9IGZyb20gJ0BwaWUtbGliL2RyYWcnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS11aTpjYXRlZ29yaXplOmRyb3BwYWJsZS1wbGFjZWhvbGRlcicpO1xuXG5jb25zdCBEcm9wcGFibGVQbGFjZWhvbGRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBncmlkLFxuICBkaXNhYmxlZCxcbiAgY2hvaWNlQm9hcmQsXG4gIG1pblJvd0hlaWdodCxcbiAgaWRcbn0pID0+IHtcbiAgY29uc3QgeyBzZXROb2RlUmVmLCBpc092ZXIgfSA9IHVzZURyb3BwYWJsZSh7XG4gICAgaWQsXG4gICAgZGF0YToge1xuICAgICAgaXRlbVR5cGU6ICdjYXRlZ29yaXplJyxcbiAgICAgIGNhdGVnb3J5SWQ6IGlkXG4gICAgfSxcbiAgICBkaXNhYmxlZCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBmbGV4OiAxLFxuICAgICAgICBtaW5IZWlnaHQ6IG1pblJvd0hlaWdodCB8fCAnODBweCcsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxQbGFjZUhvbGRlclxuICAgICAgICBpc092ZXI9e2lzT3Zlcn1cbiAgICAgICAgZ3JpZD17Z3JpZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBjaG9pY2VCb2FyZD17Y2hvaWNlQm9hcmR9XG4gICAgICAgIGlzQ2F0ZWdvcml6ZVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1BsYWNlSG9sZGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuRHJvcHBhYmxlUGxhY2Vob2xkZXIucHJvcFR5cGVzID0ge1xuICBjaG9pY2VCb2FyZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICBncmlkOiBQcm9wVHlwZXMub2JqZWN0LFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG1pblJvd0hlaWdodDogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25Ecm9wQ2hvaWNlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcHBhYmxlUGxhY2Vob2xkZXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxNQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxLQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxLQUFBLEdBQUFKLE9BQUE7QUFFQSxNQUFNSyxHQUFHLEdBQUcsSUFBQUMsY0FBSyxFQUFDLDBDQUEwQyxDQUFDO0FBRTdELE1BQU1DLG9CQUFvQixHQUFHQSxDQUFDO0VBQzVCQyxRQUFRO0VBQ1JDLElBQUk7RUFDSkMsUUFBUTtFQUNSQyxXQUFXO0VBQ1hDLFlBQVk7RUFDWkM7QUFDRixDQUFDLEtBQUs7RUFDSixNQUFNO0lBQUVDLFVBQVU7SUFBRUM7RUFBTyxDQUFDLEdBQUcsSUFBQUMsa0JBQVksRUFBQztJQUMxQ0gsRUFBRTtJQUNGSSxJQUFJLEVBQUU7TUFDSkMsUUFBUSxFQUFFLFlBQVk7TUFDdEJDLFVBQVUsRUFBRU47SUFDZCxDQUFDO0lBQ0RIO0VBQ0YsQ0FBQyxDQUFDO0VBRUYsb0JBQ0VaLE1BQUEsQ0FBQXNCLE9BQUEsQ0FBQUMsYUFBQTtJQUNFQyxHQUFHLEVBQUVSLFVBQVc7SUFDaEJTLEtBQUssRUFBRTtNQUNMQyxJQUFJLEVBQUUsQ0FBQztNQUNQQyxTQUFTLEVBQUViLFlBQVksSUFBSSxNQUFNO01BQ2pDYyxRQUFRLEVBQUU7SUFDWjtFQUFFLGdCQUVGNUIsTUFBQSxDQUFBc0IsT0FBQSxDQUFBQyxhQUFBLENBQUNqQixLQUFBLENBQUF1QixXQUFXO0lBQ1ZaLE1BQU0sRUFBRUEsTUFBTztJQUNmTixJQUFJLEVBQUVBLElBQUs7SUFDWEMsUUFBUSxFQUFFQSxRQUFTO0lBQ25CQyxXQUFXLEVBQUVBLFdBQVk7SUFDekJpQixZQUFZO0VBQUEsR0FFWHBCLFFBQ1UsQ0FDVixDQUFDO0FBRVYsQ0FBQztBQUVERCxvQkFBb0IsQ0FBQ3NCLFNBQVMsR0FBRztFQUMvQmxCLFdBQVcsRUFBRW1CLGtCQUFTLENBQUNDLElBQUk7RUFDM0J2QixRQUFRLEVBQUVzQixrQkFBUyxDQUFDRSxJQUFJLENBQUNDLFVBQVU7RUFDbkN4QixJQUFJLEVBQUVxQixrQkFBUyxDQUFDSSxNQUFNO0VBQ3RCeEIsUUFBUSxFQUFFb0Isa0JBQVMsQ0FBQ0MsSUFBSTtFQUN4Qm5CLFlBQVksRUFBRWtCLGtCQUFTLENBQUNLLE1BQU07RUFDOUJDLFlBQVksRUFBRU4sa0JBQVMsQ0FBQ08sSUFBSTtFQUM1QnhCLEVBQUUsRUFBRWlCLGtCQUFTLENBQUNLLE1BQU0sQ0FBQ0Y7QUFDdkIsQ0FBQztBQUFDLElBQUFLLFFBQUEsR0FBQUMsT0FBQSxDQUFBbkIsT0FBQSxHQUVhYixvQkFBb0IiLCJpZ25vcmVMaXN0IjpbXX0=

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/categorize/droppable-placeholder.jsx"],"names":["log","DroppablePlaceholder","props","children","connectDropTarget","isOver","className","grid","disabled","choiceBoard","minRowHeight","flex","minHeight","React","Component","PropTypes","bool","func","isRequired","oneOfType","arrayOf","node","string","object","spec","drop","monitor","item","getItem","onDropChoice","canDrop","WithTarget","uid","connect","dropTarget","withUid"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,0CAAN,CAAZ;;IAEaC,oB;;;;;;;;;;;;WAWX,kBAAS;AACP,wBAAsG,KAAKC,KAA3G;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,iBAAlB,eAAkBA,iBAAlB;AAAA,UAAqCC,MAArC,eAAqCA,MAArC;AAAA,UAA6CC,SAA7C,eAA6CA,SAA7C;AAAA,UAAwDC,IAAxD,eAAwDA,IAAxD;AAAA,UAA8DC,QAA9D,eAA8DA,QAA9D;AAAA,UAAwEC,WAAxE,eAAwEA,WAAxE;AAAA,UAAqFC,YAArF,eAAqFA,YAArF;AAEA,aAAON,iBAAiB,eACtB;AAAK,QAAA,KAAK,EAAE;AAAEO,UAAAA,IAAI,EAAE,CAAR;AAAWC,UAAAA,SAAS,EAAEF,YAAY,IAAI;AAAtC;AAAZ,sBACE,gCAAC,iBAAD;AACE,QAAA,SAAS,EAAEJ,SADb;AAEE,QAAA,MAAM,EAAED,MAFV;AAGE,QAAA,IAAI,EAAEE,IAHR;AAIE,QAAA,QAAQ,EAAEC,QAJZ;AAKE,QAAA,WAAW,EAAEC,WALf;AAME,QAAA,YAAY;AANd,SAQGN,QARH,CADF,CADsB,CAAxB;AAcD;;;EA5BuCU,kBAAMC,S;;;iCAAnCb,oB,eACQ;AACjBQ,EAAAA,WAAW,EAAEM,sBAAUC,IADN;AAEjBZ,EAAAA,iBAAiB,EAAEW,sBAAUE,IAAV,CAAeC,UAFjB;AAGjBb,EAAAA,MAAM,EAAEU,sBAAUC,IAHD;AAIjBb,EAAAA,QAAQ,EAAEY,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEH,UAJlE;AAKjBZ,EAAAA,SAAS,EAAES,sBAAUO,MALJ;AAMjBf,EAAAA,IAAI,EAAEQ,sBAAUQ,MANC;AAOjBf,EAAAA,QAAQ,EAAEO,sBAAUC,IAPH;AAQjBN,EAAAA,YAAY,EAAEK,sBAAUO;AARP,C;AA8Bd,IAAME,IAAI,GAAG;AAClBC,EAAAA,IAAI,EAAE,cAACvB,KAAD,EAAQwB,OAAR,EAAoB;AACxB1B,IAAAA,GAAG,CAAC,gBAAD,EAAmBE,KAAnB,CAAH;AACA,QAAMyB,IAAI,GAAGD,OAAO,CAACE,OAAR,EAAb;AACA1B,IAAAA,KAAK,CAAC2B,YAAN,CAAmBF,IAAnB;AACD,GALiB;AAMlBG,EAAAA,OAAO,EAAE,iBAAC5B;AAAM;AAAP,IAAyB;AAChC,WAAO,CAACA,KAAK,CAACM,QAAd;AACD;AARiB,CAAb;;AAWP,IAAMuB,UAAU,GAAG,0BACjB;AAAA,MAAGC,GAAH,QAAGA,GAAH;AAAA,SAAaA,GAAb;AAAA,CADiB,EAEjBR,IAFiB,EAGjB,UAACS,OAAD,EAAUP,OAAV;AAAA,SAAuB;AACrBtB,IAAAA,iBAAiB,EAAE6B,OAAO,CAACC,UAAR,EADE;AAErB7B,IAAAA,MAAM,EAAEqB,OAAO,CAACrB,MAAR;AAFa,GAAvB;AAAA,CAHiB,EAOjBJ,oBAPiB,CAAnB;;eASe+B,UAAIG,OAAJ,CAAYJ,UAAZ,C","sourcesContent":["import React from 'react';\nimport { PlaceHolder } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport { DropTarget } from 'react-dnd';\nimport { uid } from '@pie-lib/drag';\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:categorize:droppable-placeholder');\n\nexport class DroppablePlaceholder extends React.Component {\n  static propTypes = {\n    choiceBoard: PropTypes.bool,\n    connectDropTarget: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    className: PropTypes.string,\n    grid: PropTypes.object,\n    disabled: PropTypes.bool,\n    minRowHeight: PropTypes.string,\n  };\n  render() {\n    const { children, connectDropTarget, isOver, className, grid, disabled, choiceBoard, minRowHeight } = this.props;\n\n    return connectDropTarget(\n      <div style={{ flex: 1, minHeight: minRowHeight || '80px' }}>\n        <PlaceHolder\n          className={className}\n          isOver={isOver}\n          grid={grid}\n          disabled={disabled}\n          choiceBoard={choiceBoard}\n          isCategorize\n        >\n          {children}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\n\nexport const spec = {\n  drop: (props, monitor) => {\n    log('[drop] props: ', props);\n    const item = monitor.getItem();\n    props.onDropChoice(item);\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)(DroppablePlaceholder);\n\nexport default uid.withUid(WithTarget);\n"],"file":"droppable-placeholder.js"}
+{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_propTypes","_debug","_core","_drag","log","debug","DroppablePlaceholder","children","grid","disabled","choiceBoard","minRowHeight","id","setNodeRef","isOver","useDroppable","data","itemType","categoryId","default","createElement","ref","style","flex","minHeight","position","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 { useDroppable } from '@dnd-kit/core';\nimport { PlaceHolder } from '@pie-lib/drag';\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}) => {\n  const { setNodeRef, isOver } = useDroppable({\n    id,\n    data: {\n      itemType: 'categorize',\n      categoryId: id\n    },\n    disabled,\n  });\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        flex: 1,\n        minHeight: minRowHeight || '80px',\n        position: 'relative'\n      }}\n    >\n      <PlaceHolder\n        isOver={isOver}\n        grid={grid}\n        disabled={disabled}\n        choiceBoard={choiceBoard}\n        isCategorize\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};\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,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,MAAMK,GAAG,GAAG,IAAAC,cAAK,EAAC,0CAA0C,CAAC;AAE7D,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,IAAI;EACJC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAG,IAAAC,kBAAY,EAAC;IAC1CH,EAAE;IACFI,IAAI,EAAE;MACJC,QAAQ,EAAE,YAAY;MACtBC,UAAU,EAAEN;IACd,CAAC;IACDH;EACF,CAAC,CAAC;EAEF,oBACEZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IACEC,GAAG,EAAER,UAAW;IAChBS,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAEb,YAAY,IAAI,MAAM;MACjCc,QAAQ,EAAE;IACZ;EAAE,gBAEF5B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,KAAA,CAAAuB,WAAW;IACVZ,MAAM,EAAEA,MAAO;IACfN,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBiB,YAAY;EAAA,GAEXpB,QACU,CACV,CAAC;AAEV,CAAC;AAEDD,oBAAoB,CAACsB,SAAS,GAAG;EAC/BlB,WAAW,EAAEmB,kBAAS,CAACC,IAAI;EAC3BvB,QAAQ,EAAEsB,kBAAS,CAACE,IAAI,CAACC,UAAU;EACnCxB,IAAI,EAAEqB,kBAAS,CAACI,MAAM;EACtBxB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBnB,YAAY,EAAEkB,kBAAS,CAACK,MAAM;EAC9BC,YAAY,EAAEN,kBAAS,CAACO,IAAI;EAC5BxB,EAAE,EAAEiB,kBAAS,CAACK,MAAM,CAACF;AACvB,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEab,oBAAoB","ignoreList":[]}