@pie-lib/drag 2.22.3-next.2 → 2.22.4-next.0

package/lib/draggable-choice.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DRAG_TYPE = void 0;
+exports.DraggableChoice = DraggableChoice;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _core = require("@dnd-kit/core");
+var _colors = require("@mui/material/colors");
+var DRAG_TYPE = exports.DRAG_TYPE = 'CHOICE';
+var StyledChoice = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    backgroundColor: theme.palette.background.paper,
+    border: "solid 1px ".concat(_colors.grey[400]),
+    padding: theme.spacing(1),
+    minHeight: '30px',
+    minWidth: theme.spacing(20),
+    maxWidth: theme.spacing(75),
+    cursor: 'grab',
+    '&:active': {
+      cursor: 'grabbing'
+    }
+  };
+});
+function DraggableChoice(_ref2) {
+  var choice = _ref2.choice,
+    children = _ref2.children,
+    className = _ref2.className,
+    disabled = _ref2.disabled,
+    category = _ref2.category,
+    alternateResponseIndex = _ref2.alternateResponseIndex,
+    choiceIndex = _ref2.choiceIndex,
+    onRemoveChoice = _ref2.onRemoveChoice,
+    type = _ref2.type,
+    id = _ref2.id;
+  var _useDraggable = (0, _core.useDraggable)({
+      id: id || choice.id,
+      // id to be used for dnd-kit
+      disabled: disabled,
+      categoryId: category === null || category === void 0 ? void 0 : category.id,
+      alternateResponseIndex: alternateResponseIndex,
+      data: {
+        id: choice.id,
+        value: choice.value,
+        choiceId: choice.id,
+        from: category === null || category === void 0 ? void 0 : category.id,
+        categoryId: category === null || category === void 0 ? void 0 : category.id,
+        alternateResponseIndex: alternateResponseIndex,
+        choiceIndex: choiceIndex,
+        onRemoveChoice: onRemoveChoice,
+        type: type
+      }
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    setNodeRef = _useDraggable.setNodeRef,
+    isDragging = _useDraggable.isDragging;
+  return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
+    ref: setNodeRef,
+    className: className,
+    isDragging: isDragging
+  }, attributes, listeners), children);
+}
+DraggableChoice.propTypes = {
+  choice: _propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+    value: _propTypes["default"].any
+  }).isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  className: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  category: _propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  }),
+  alternateResponseIndex: _propTypes["default"].number,
+  choiceIndex: _propTypes["default"].number,
+  onRemoveChoice: _propTypes["default"].func,
+  type: _propTypes["default"].string,
+  id: _propTypes["default"].string
+};
+var _default = exports["default"] = DraggableChoice;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfc3R5bGVzIiwiX2NvcmUiLCJfY29sb3JzIiwiRFJBR19UWVBFIiwiZXhwb3J0cyIsIlN0eWxlZENob2ljZSIsInN0eWxlZCIsIl9yZWYiLCJ0aGVtZSIsImJhY2tncm91bmRDb2xvciIsInBhbGV0dGUiLCJiYWNrZ3JvdW5kIiwicGFwZXIiLCJib3JkZXIiLCJjb25jYXQiLCJncmV5IiwicGFkZGluZyIsInNwYWNpbmciLCJtaW5IZWlnaHQiLCJtaW5XaWR0aCIsIm1heFdpZHRoIiwiY3Vyc29yIiwiRHJhZ2dhYmxlQ2hvaWNlIiwiX3JlZjIiLCJjaG9pY2UiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImRpc2FibGVkIiwiY2F0ZWdvcnkiLCJhbHRlcm5hdGVSZXNwb25zZUluZGV4IiwiY2hvaWNlSW5kZXgiLCJvblJlbW92ZUNob2ljZSIsInR5cGUiLCJpZCIsIl91c2VEcmFnZ2FibGUiLCJ1c2VEcmFnZ2FibGUiLCJjYXRlZ29yeUlkIiwiZGF0YSIsInZhbHVlIiwiY2hvaWNlSWQiLCJmcm9tIiwiYXR0cmlidXRlcyIsImxpc3RlbmVycyIsInNldE5vZGVSZWYiLCJpc0RyYWdnaW5nIiwiY3JlYXRlRWxlbWVudCIsIl9leHRlbmRzMiIsInJlZiIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInNoYXBlIiwib25lT2ZUeXBlIiwic3RyaW5nIiwibnVtYmVyIiwiaXNSZXF1aXJlZCIsImFueSIsImFycmF5T2YiLCJub2RlIiwiYm9vbCIsImZ1bmMiLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmFnZ2FibGUtY2hvaWNlLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcbmltcG9ydCB7IHVzZURyYWdnYWJsZSB9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuaW1wb3J0IHsgZ3JleSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuZXhwb3J0IGNvbnN0IERSQUdfVFlQRSA9ICdDSE9JQ0UnO1xuXG5jb25zdCBTdHlsZWRDaG9pY2UgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLnBhcGVyLFxuICBib3JkZXI6IGBzb2xpZCAxcHggJHtncmV5WzQwMF19YCxcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZygxKSxcbiAgbWluSGVpZ2h0OiAnMzBweCcsXG4gIG1pbldpZHRoOiB0aGVtZS5zcGFjaW5nKDIwKSxcbiAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoNzUpLFxuICBjdXJzb3I6ICdncmFiJyxcbiAgJyY6YWN0aXZlJzoge1xuICAgIGN1cnNvcjogJ2dyYWJiaW5nJyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyYWdnYWJsZUNob2ljZSh7XG4gIGNob2ljZSxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG4gIGNhdGVnb3J5LFxuICBhbHRlcm5hdGVSZXNwb25zZUluZGV4LFxuICBjaG9pY2VJbmRleCxcbiAgb25SZW1vdmVDaG9pY2UsXG4gIHR5cGUsXG4gIGlkXG59KSB7XG4gIGNvbnN0IHtcbiAgICBhdHRyaWJ1dGVzLFxuICAgIGxpc3RlbmVycyxcbiAgICBzZXROb2RlUmVmLFxuICAgIGlzRHJhZ2dpbmdcbiAgfSA9IHVzZURyYWdnYWJsZSh7XG4gICAgaWQ6IGlkIHx8IGNob2ljZS5pZCwgLy8gaWQgdG8gYmUgdXNlZCBmb3IgZG5kLWtpdFxuICAgIGRpc2FibGVkOiBkaXNhYmxlZCxcbiAgICBjYXRlZ29yeUlkOiBjYXRlZ29yeT8uaWQsXG4gICAgYWx0ZXJuYXRlUmVzcG9uc2VJbmRleCxcbiAgICBkYXRhOiB7XG4gICAgICBpZDogY2hvaWNlLmlkLFxuICAgICAgdmFsdWU6IGNob2ljZS52YWx1ZSxcbiAgICAgIGNob2ljZUlkOiBjaG9pY2UuaWQsXG4gICAgICBmcm9tOiBjYXRlZ29yeT8uaWQsXG4gICAgICBjYXRlZ29yeUlkOiBjYXRlZ29yeT8uaWQsXG4gICAgICBhbHRlcm5hdGVSZXNwb25zZUluZGV4LFxuICAgICAgY2hvaWNlSW5kZXgsXG4gICAgICBvblJlbW92ZUNob2ljZSxcbiAgICAgIHR5cGVcbiAgICB9XG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENob2ljZVxuICAgICAgcmVmPXtzZXROb2RlUmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgey4uLmF0dHJpYnV0ZXN9XG4gICAgICB7Li4ubGlzdGVuZXJzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENob2ljZT5cbiAgKTtcbn1cblxuRHJhZ2dhYmxlQ2hvaWNlLnByb3BUeXBlcyA9IHtcbiAgY2hvaWNlOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbiAgICB2YWx1ZTogUHJvcFR5cGVzLmFueSxcbiAgfSkuaXNSZXF1aXJlZCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5ub2RlKSwgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNhdGVnb3J5OiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXG4gIH0pLFxuICBhbHRlcm5hdGVSZXNwb25zZUluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBjaG9pY2VJbmRleDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25SZW1vdmVDaG9pY2U6IFByb3BUeXBlcy5mdW5jLFxuICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnYWJsZUNob2ljZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE9BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLEtBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE9BQUEsR0FBQUosT0FBQTtBQUVPLElBQU1LLFNBQVMsR0FBQUMsT0FBQSxDQUFBRCxTQUFBLEdBQUcsUUFBUTtBQUVqQyxJQUFNRSxZQUFZLEdBQUcsSUFBQUMsY0FBTSxFQUFDLEtBQUssQ0FBQyxDQUFDLFVBQUFDLElBQUE7RUFBQSxJQUFHQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztFQUFBLE9BQVE7SUFDakRDLGVBQWUsRUFBRUQsS0FBSyxDQUFDRSxPQUFPLENBQUNDLFVBQVUsQ0FBQ0MsS0FBSztJQUMvQ0MsTUFBTSxlQUFBQyxNQUFBLENBQWVDLFlBQUksQ0FBQyxHQUFHLENBQUMsQ0FBRTtJQUNoQ0MsT0FBTyxFQUFFUixLQUFLLENBQUNTLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDekJDLFNBQVMsRUFBRSxNQUFNO0lBQ2pCQyxRQUFRLEVBQUVYLEtBQUssQ0FBQ1MsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUMzQkcsUUFBUSxFQUFFWixLQUFLLENBQUNTLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFDM0JJLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFO01BQ1ZBLE1BQU0sRUFBRTtJQUNWO0VBQ0Ys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

package/lib/draggable-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_core","_colors","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","backgroundColor","palette","background","paper","border","concat","grey","padding","spacing","minHeight","minWidth","maxWidth","cursor","DraggableChoice","_ref2","choice","children","className","disabled","category","alternateResponseIndex","choiceIndex","onRemoveChoice","type","id","_useDraggable","useDraggable","categoryId","data","value","choiceId","from","attributes","listeners","setNodeRef","isDragging","createElement","_extends2","ref","propTypes","PropTypes","shape","oneOfType","string","number","isRequired","any","arrayOf","node","bool","func","_default"],"sources":["../src/draggable-choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { useDraggable } from '@dnd-kit/core';\nimport { grey } from '@mui/material/colors';\n\nexport const DRAG_TYPE = 'CHOICE';\n\nconst StyledChoice = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.background.paper,\n  border: `solid 1px ${grey[400]}`,\n  padding: theme.spacing(1),\n  minHeight: '30px',\n  minWidth: theme.spacing(20),\n  maxWidth: theme.spacing(75),\n  cursor: 'grab',\n  '&:active': {\n    cursor: 'grabbing',\n  },\n}));\n\nexport function DraggableChoice({\n  choice,\n  children,\n  className,\n  disabled,\n  category,\n  alternateResponseIndex,\n  choiceIndex,\n  onRemoveChoice,\n  type,\n  id\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    isDragging\n  } = useDraggable({\n    id: id || choice.id, // id to be used for dnd-kit\n    disabled: disabled,\n    categoryId: category?.id,\n    alternateResponseIndex,\n    data: {\n      id: choice.id,\n      value: choice.value,\n      choiceId: choice.id,\n      from: category?.id,\n      categoryId: category?.id,\n      alternateResponseIndex,\n      choiceIndex,\n      onRemoveChoice,\n      type\n    }\n  });\n\n  return (\n    <StyledChoice\n      ref={setNodeRef}\n      className={className}\n      isDragging={isDragging}\n      {...attributes}\n      {...listeners}\n    >\n      {children}\n    </StyledChoice>\n  );\n}\n\nDraggableChoice.propTypes = {\n  choice: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    value: PropTypes.any,\n  }).isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  category: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  }),\n  alternateResponseIndex: PropTypes.number,\n  choiceIndex: PropTypes.number,\n  onRemoveChoice: PropTypes.func,\n  type: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default DraggableChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/droppable-placeholder.js

@@ -1,82 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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.DroppablePlaceholder = DroppablePlaceholder;
+exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _placeholder = _interopRequireDefault(require("./placeholder"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 _core = require("@dnd-kit/core");
 var preventInteractionStyle = {
   flex: 1
 };
-
-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,
-          disabled = _this$props.disabled,
-          classes = _this$props.classes,
-          isVerticalPool = _this$props.isVerticalPool,
-          minHeight = _this$props.minHeight;
-      return connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", {
-        style: preventInteractionStyle
-      }, /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
-        disabled: disabled,
-        isOver: isOver,
-        choiceBoard: true,
-        className: classes,
-        isVerticalPool: isVerticalPool,
-        minHeight: minHeight
-      }, children)));
-    }
-  }]);
-  return DroppablePlaceholder;
-}(_react["default"].Component);
-
-exports.DroppablePlaceholder = DroppablePlaceholder;
-(0, _defineProperty2["default"])(DroppablePlaceholder, "propTypes", {
-  classes: _propTypes["default"].object,
-  connectDropTarget: _propTypes["default"].func.isRequired,
-  isOver: _propTypes["default"].bool,
+function DroppablePlaceholder(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    classes = _ref.classes,
+    isVerticalPool = _ref.isVerticalPool,
+    minHeight = _ref.minHeight;
+  var _useDroppable = (0, _core.useDroppable)({
+      id: id,
+      disabled: disabled
+    }),
+    setNodeRef = _useDroppable.setNodeRef,
+    isOver = _useDroppable.isOver;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: setNodeRef,
+    style: preventInteractionStyle
+  }, /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
+    disabled: disabled,
+    isOver: isOver,
+    choiceBoard: true,
+    className: classes,
+    isVerticalPool: isVerticalPool,
+    minHeight: minHeight
+  }, children));
+}
+DroppablePlaceholder.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   disabled: _propTypes["default"].bool,
+  classes: _propTypes["default"].object,
   isVerticalPool: _propTypes["default"].bool,
   minHeight: _propTypes["default"].number
-});
-//# sourceMappingURL=droppable-placeholder.js.map
+};
+var _default = exports["default"] = DroppablePlaceholder;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wbGFjZWhvbGRlciIsIl9wcm9wVHlwZXMiLCJfY29yZSIsInByZXZlbnRJbnRlcmFjdGlvblN0eWxlIiwiZmxleCIsIkRyb3BwYWJsZVBsYWNlaG9sZGVyIiwiX3JlZiIsImlkIiwiY2hpbGRyZW4iLCJkaXNhYmxlZCIsImNsYXNzZXMiLCJpc1ZlcnRpY2FsUG9vbCIsIm1pbkhlaWdodCIsIl91c2VEcm9wcGFibGUiLCJ1c2VEcm9wcGFibGUiLCJzZXROb2RlUmVmIiwiaXNPdmVyIiwiY3JlYXRlRWxlbWVudCIsInJlZiIsInN0eWxlIiwiY2hvaWNlQm9hcmQiLCJjbGFzc05hbWUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvbmVPZlR5cGUiLCJzdHJpbmciLCJudW1iZXIiLCJpc1JlcXVpcmVkIiwiYXJyYXlPZiIsIm5vZGUiLCJib29sIiwib2JqZWN0IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vc3JjL2Ryb3BwYWJsZS1wbGFjZWhvbGRlci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQbGFjZUhvbGRlciBmcm9tICcuL3BsYWNlaG9sZGVyJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB1c2VEcm9wcGFibGUgfSBmcm9tICdAZG5kLWtpdC9jb3JlJztcblxuY29uc3QgcHJldmVudEludGVyYWN0aW9uU3R5bGUgPSB7XG4gIGZsZXg6IDEsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gRHJvcHBhYmxlUGxhY2Vob2xkZXIoeyBcbiAgaWQsXG4gIGNoaWxkcmVuLCBcbiAgZGlzYWJsZWQsIFxuICBjbGFzc2VzLCBcbiAgaXNWZXJ0aWNhbFBvb2wsIFxuICBtaW5IZWlnaHQgXG59KSB7XG4gIGNvbnN0IHsgc2V0Tm9kZVJlZiwgaXNPdmVyIH0gPSB1c2VEcm9wcGFibGUoeyBcbiAgICBpZCxcbiAgICBkaXNhYmxlZCBcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17c2V0Tm9kZVJlZn0gc3R5bGU9e3ByZXZlbnRJbnRlcmFjdGlvblN0eWxlfT5cbiAgICAgIDxQbGFjZUhvbGRlclxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGlzT3Zlcj17aXNPdmVyfVxuICAgICAgICBjaG9pY2VCb2FyZD17dHJ1ZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBpc1ZlcnRpY2FsUG9vbD17aXNWZXJ0aWNhbFBvb2x9XG4gICAgICAgIG1pbkhlaWdodD17bWluSGVpZ2h0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1BsYWNlSG9sZGVyPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5Ecm9wcGFibGVQbGFjZWhvbGRlci5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5ub2RlKSwgUHJvcFR5cGVzLm5vZGVdKS5pc1JlcXVpcmVkLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QsXG4gIGlzVmVydGljYWxQb29sOiBQcm9wVHlwZXMuYm9vbCxcbiAgbWluSGVpZ2h0OiBQcm9wVHlwZXMubnVtYmVyLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRHJvcHBhYmxlUGxhY2Vob2xkZXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsWUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsS0FBQSxHQUFBSCxPQUFBO0FBRUEsSUFBTUksdUJBQXVCLEdBQUc7RUFDOUJDLElBQUksRUFBRTtBQUNSLENBQUM7QUFFTSxTQUFTQyxvQkFBb0JBLENBQUFDLElBQUEsRUFPakM7RUFBQSxJQU5EQyxFQUFFLEdBQUFELElBQUEsQ0FBRkMsRUFBRTtJQUNGQyxRQUFRLEdBQUFGLElBQUEsQ0FBUkUsUUFBUTtJQUNSQyxRQUFRLEdBQUFILElBQUEsQ0FBUkcsUUFBUTtJQUNSQyxPQUFPLEdBQUFKLElBQUEsQ0FBUEksT0FBTztJQUNQQyxjQUFjLEdBQUFMLElBQUEsQ0FBZEssY0FBYztJQUNkQyxTQUFTLEdBQUFOLElBQUEsQ0FBVE0sU0FBUztFQUVULElBQUFDLGFBQUEsR0FBK0IsSUFBQUMsa0JBQVksRUFBQztNQUMxQ1AsRUFBRSxFQUFGQSxFQUFFO01BQ0ZFLFFBQVEsRUFBUkE7SUFDRixDQUFDLENBQUM7SUFITU0sVUFBVSxHQUFBRixhQUFBLENBQVZFLFVBQVU7SUFBRUMsTUFBTSxHQUFBSCxhQUFBLENBQU5HLE1BQU07RUFLMUIsb0JBQ0VuQixNQUFBLFlBQUFvQixhQUFBO0lBQUtDLEdBQUcsRUFBRUgsVUFBVztJQUFDSSxLQUFLLEVBQUVoQjtFQUF3QixnQkFDbkROLE1BQUEsWUFBQW9CLGFBQUEsQ0FBQ2pCLFlBQUEsV0FBVztJQUNWUyxRQUFRLEVBQUVBLFFBQVM7SUFDbkJPLE1BQU0sRUFBRUEsTUFBTztJQUNmSSxXQUFXLEVBQUUsSUFBSztJQUNsQkMsU0FBUyxFQUFFWCxPQUFRO0lBQ25CQyxjQUFjLEVBQUVBLGNBQWU7SUFDL0JDLFNBQVMsRUFBRUE7RUFBVSxHQUVwQkosUUFDVSxDQUNWLENBQUM7QUFFVjtBQUVBSCxvQkFBb0IsQ0FBQ2lCLFNBQVMsR0FBRztFQUMvQmYsRUFBRSxFQUFFZ0IscUJBQVMsQ0FBQ0MsU0FBUyxDQUFDLENBQUNELHFCQUFTLENBQUNFLE1BQU0sRUFBRUYscUJBQVMsQ0FBQ0csTUFBTSxDQUFDLENBQUMsQ0FBQ0MsVUFBVTtFQUN4RW5CLFFBQVEsRUFBRWUscUJBQVMsQ0FBQ0MsU0FBUyxDQUFDLENBQUNELHFCQUFTLENBQUNLLE9BQU8sQ0FBQ0wscUJBQVMsQ0FBQ00sSUFBSSxDQUFDLEVBQUVOLHFCQUFTLENBQUNNLElBQUksQ0FBQyxDQUFDLENBQUNGLFVBQVU7RUFDN0ZsQixRQUFRLEVBQUVjLHFCQUFTLENBQUNPLElBQUk7RUFDeEJwQixPQUFPLEVBQUVhLHFCQUFTLENBQUNRLE1BQU07RUFDekJwQixjQUFjLEVBQUVZLHFCQUFTLENBQUNPLElBQUk7RUFDOUJsQixTQUFTLEVBQUVXLHFCQUFTLENBQUNHO0FBQ3ZCLENBQUM7QUFBQyxJQUFBTSxRQUFBLEdBQUFDLE9BQUEsY0FFYTVCLG9CQUFvQiIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/droppable-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/droppable-placeholder.jsx"],"names":["preventInteractionStyle","flex","DroppablePlaceholder","props","children","connectDropTarget","isOver","disabled","classes","isVerticalPool","minHeight","React","Component","PropTypes","object","func","isRequired","bool","oneOfType","arrayOf","node","number"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,uBAAuB,GAAG;AAC9BC,EAAAA,IAAI,EAAE;AADwB,CAAhC;;IAIaC,oB;;;;;;;;;;;;WAWX,kBAAS;AACP,wBAA8F,KAAKC,KAAnG;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,iBAAlB,eAAkBA,iBAAlB;AAAA,UAAqCC,MAArC,eAAqCA,MAArC;AAAA,UAA6CC,QAA7C,eAA6CA,QAA7C;AAAA,UAAuDC,OAAvD,eAAuDA,OAAvD;AAAA,UAAgEC,cAAhE,eAAgEA,cAAhE;AAAA,UAAgFC,SAAhF,eAAgFA,SAAhF;AAEA,aAAOL,iBAAiB,eACtB;AAAK,QAAA,KAAK,EAAEL;AAAZ,sBACE,gCAAC,uBAAD;AACE,QAAA,QAAQ,EAAEO,QADZ;AAEE,QAAA,MAAM,EAAED,MAFV;AAGE,QAAA,WAAW,EAAE,IAHf;AAIE,QAAA,SAAS,EAAEE,OAJb;AAKE,QAAA,cAAc,EAAEC,cALlB;AAME,QAAA,SAAS,EAAEC;AANb,SAQGN,QARH,CADF,CADsB,CAAxB;AAcD;;;EA5BuCO,kBAAMC,S;;;iCAAnCV,oB,eACQ;AACjBM,EAAAA,OAAO,EAAEK,sBAAUC,MADF;AAEjBT,EAAAA,iBAAiB,EAAEQ,sBAAUE,IAAV,CAAeC,UAFjB;AAGjBV,EAAAA,MAAM,EAAEO,sBAAUI,IAHD;AAIjBb,EAAAA,QAAQ,EAAES,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,OAAV,CAAkBN,sBAAUO,IAA5B,CAAD,EAAoCP,sBAAUO,IAA9C,CAApB,EAAyEJ,UAJlE;AAKjBT,EAAAA,QAAQ,EAAEM,sBAAUI,IALH;AAMjBR,EAAAA,cAAc,EAAEI,sBAAUI,IANT;AAOjBP,EAAAA,SAAS,EAAEG,sBAAUQ;AAPJ,C","sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\n\nconst preventInteractionStyle = {\n  flex: 1,\n};\n\nexport class DroppablePlaceholder extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    connectDropTarget: PropTypes.func.isRequired,\n    isOver: PropTypes.bool,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    disabled: PropTypes.bool,\n    isVerticalPool: PropTypes.bool,\n    minHeight: PropTypes.number,\n  };\n\n  render() {\n    const { children, connectDropTarget, isOver, disabled, classes, isVerticalPool, minHeight } = this.props;\n\n    return connectDropTarget(\n      <div style={preventInteractionStyle}>\n        <PlaceHolder\n          disabled={disabled}\n          isOver={isOver}\n          choiceBoard={true}\n          className={classes}\n          isVerticalPool={isVerticalPool}\n          minHeight={minHeight}\n        >\n          {children}\n        </PlaceHolder>\n      </div>,\n    );\n  }\n}\n"],"file":"droppable-placeholder.js"}
+{"version":3,"file":"droppable-placeholder.js","names":["_react","_interopRequireDefault","require","_placeholder","_propTypes","_core","preventInteractionStyle","flex","DroppablePlaceholder","_ref","id","children","disabled","classes","isVerticalPool","minHeight","_useDroppable","useDroppable","setNodeRef","isOver","createElement","ref","style","choiceBoard","className","propTypes","PropTypes","oneOfType","string","number","isRequired","arrayOf","node","bool","object","_default","exports"],"sources":["../src/droppable-placeholder.jsx"],"sourcesContent":["import React from 'react';\nimport PlaceHolder from './placeholder';\nimport PropTypes from 'prop-types';\nimport { useDroppable } from '@dnd-kit/core';\n\nconst preventInteractionStyle = {\n  flex: 1,\n};\n\nexport function DroppablePlaceholder({ \n  id,\n  children, \n  disabled, \n  classes, \n  isVerticalPool, \n  minHeight \n}) {\n  const { setNodeRef, isOver } = useDroppable({ \n    id,\n    disabled \n  });\n\n  return (\n    <div ref={setNodeRef} style={preventInteractionStyle}>\n      <PlaceHolder\n        disabled={disabled}\n        isOver={isOver}\n        choiceBoard={true}\n        className={classes}\n        isVerticalPool={isVerticalPool}\n        minHeight={minHeight}\n      >\n        {children}\n      </PlaceHolder>\n    </div>\n  );\n}\n\nDroppablePlaceholder.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  disabled: PropTypes.bool,\n  classes: PropTypes.object,\n  isVerticalPool: PropTypes.bool,\n  minHeight: PropTypes.number,\n};\n\nexport default DroppablePlaceholder;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAMI,uBAAuB,GAAG;EAC9BC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,oBAAoBA,CAAAC,IAAA,EAOjC;EAAA,IANDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,IAAAC,aAAA,GAA+B,IAAAC,kBAAY,EAAC;MAC1CP,EAAE,EAAFA,EAAE;MACFE,QAAQ,EAARA;IACF,CAAC,CAAC;IAHMM,UAAU,GAAAF,aAAA,CAAVE,UAAU;IAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;EAK1B,oBACEnB,MAAA,YAAAoB,aAAA;IAAKC,GAAG,EAAEH,UAAW;IAACI,KAAK,EAAEhB;EAAwB,gBACnDN,MAAA,YAAAoB,aAAA,CAACjB,YAAA,WAAW;IACVS,QAAQ,EAAEA,QAAS;IACnBO,MAAM,EAAEA,MAAO;IACfI,WAAW,EAAE,IAAK;IAClBC,SAAS,EAAEX,OAAQ;IACnBC,cAAc,EAAEA,cAAe;IAC/BC,SAAS,EAAEA;EAAU,GAEpBJ,QACU,CACV,CAAC;AAEV;AAEAH,oBAAoB,CAACiB,SAAS,GAAG;EAC/Bf,EAAE,EAAEgB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEnB,QAAQ,EAAEe,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EAAEN,qBAAS,CAACM,IAAI,CAAC,CAAC,CAACF,UAAU;EAC7FlB,QAAQ,EAAEc,qBAAS,CAACO,IAAI;EACxBpB,OAAO,EAAEa,qBAAS,CAACQ,MAAM;EACzBpB,cAAc,EAAEY,qBAAS,CAACO,IAAI;EAC9BlB,SAAS,EAAEW,qBAAS,CAACG;AACvB,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEa5B,oBAAoB","ignoreList":[]}

package/lib/ica-dp.js

@@ -1,37 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.spec = exports["default"] = void 0;
-
-var _reactDnd = require("react-dnd");
-
+exports.ICADroppable = ICADroppable;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _droppablePlaceholder = require("./droppable-placeholder");
+var _excluded = ["id", "children", "disabled"];
+// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback
+// This component now just wraps DroppablePlaceholder with ICA specific logic
 
-var _dragType = _interopRequireDefault(require("./drag-type"));
-
-var spec = {
-  canDrop: function canDrop(props) {
-    return !props.disabled;
-  },
-  drop: function drop(props, monitor) {
-    var item = monitor.getItem();
+function ICADroppable(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  // The actual drop handling will be managed by the parent component
+  // through the DragProvider's onDragEnd callback
 
-    if (props.onRemoveAnswer) {
-      props.onRemoveAnswer(item);
-    }
-  }
+  return /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder.DroppablePlaceholder, (0, _extends2["default"])({
+    id: id,
+    disabled: disabled
+  }, rest), children);
+}
+ICADroppable.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].node,
+  disabled: _propTypes["default"].bool
 };
-exports.spec = spec;
-var WithTarget = (0, _reactDnd.DropTarget)(_dragType["default"].types.ica, spec, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(_droppablePlaceholder.DroppablePlaceholder);
-var _default = WithTarget;
-exports["default"] = _default;
-//# sourceMappingURL=ica-dp.js.map
+var _default = exports["default"] = ICADroppable;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfZHJvcHBhYmxlUGxhY2Vob2xkZXIiLCJfZXhjbHVkZWQiLCJJQ0FEcm9wcGFibGUiLCJfcmVmIiwiaWQiLCJjaGlsZHJlbiIsImRpc2FibGVkIiwicmVzdCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllczIiLCJjcmVhdGVFbGVtZW50IiwiRHJvcHBhYmxlUGxhY2Vob2xkZXIiLCJfZXh0ZW5kczIiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvbmVPZlR5cGUiLCJzdHJpbmciLCJudW1iZXIiLCJpc1JlcXVpcmVkIiwibm9kZSIsImJvb2wiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi9zcmMvaWNhLWRwLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IERyb3BwYWJsZVBsYWNlaG9sZGVyIH0gZnJvbSAnLi9kcm9wcGFibGUtcGxhY2Vob2xkZXInO1xuXG4vLyBXaXRoIEBkbmQta2l0LCB0aGUgZHJvcCBsb2dpYyBpcyBoYW5kbGVkIGluIHRoZSBEcmFnUHJvdmlkZXIncyBvbkRyYWdFbmQgY2FsbGJhY2tcbi8vIFRoaXMgY29tcG9uZW50IG5vdyBqdXN0IHdyYXBzIERyb3BwYWJsZVBsYWNlaG9sZGVyIHdpdGggSUNBIHNwZWNpZmljIGxvZ2ljXG5cbmV4cG9ydCBmdW5jdGlvbiBJQ0FEcm9wcGFibGUoeyBpZCwgY2hpbGRyZW4sIGRpc2FibGVkLCAuLi5yZXN0IH0pIHtcbiAgLy8gVGhlIGFjdHVhbCBkcm9wIGhhbmRsaW5nIHdpbGwgYmUgbWFuYWdlZCBieSB0aGUgcGFyZW50IGNvbXBvbmVudFxuICAvLyB0aHJvdWdoIHRoZSBEcmFnUHJvdmlkZXIncyBvbkRyYWdFbmQgY2FsbGJhY2tcblxuICByZXR1cm4gKFxuICAgIDxEcm9wcGFibGVQbGFjZWhvbGRlciBpZD17aWR9IGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRHJvcHBhYmxlUGxhY2Vob2xkZXI+XG4gICk7XG59XG5cbklDQURyb3BwYWJsZS5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBJQ0FEcm9wcGFibGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxxQkFBQSxHQUFBRixPQUFBO0FBQStELElBQUFHLFNBQUE7QUFFL0Q7QUFDQTs7QUFFTyxTQUFTQyxZQUFZQSxDQUFBQyxJQUFBLEVBQXNDO0VBQUEsSUFBbkNDLEVBQUUsR0FBQUQsSUFBQSxDQUFGQyxFQUFFO0lBQUVDLFFBQVEsR0FBQUYsSUFBQSxDQUFSRSxRQUFRO0lBQUVDLFFBQVEsR0FBQUgsSUFBQSxDQUFSRyxRQUFRO0lBQUtDLElBQUksT0FBQUMseUJBQUEsYUFBQUwsSUFBQSxFQUFBRixTQUFBO0VBQzVEO0VBQ0E7O0VBRUEsb0JBQ0VMLE1BQUEsWUFBQWEsYUFBQSxDQUFDVCxxQkFBQSxDQUFBVSxvQkFBb0IsTUFBQUMsU0FBQTtJQUFDUCxFQUFFLEVBQUVBLEVBQUc7SUFBQ0UsUUFBUSxFQUFFQTtFQUFTLEdBQUtDLElBQUksR0FDdkRGLFFBQ21CLENBQUM7QUFFM0I7QUFFQUgsWUFBWSxDQUFDVSxTQUFTLEdBQUc7RUFDdkJSLEVBQUUsRUFBRVMscUJBQVMsQ0FBQ0MsU0FBUyxDQUFDLENBQUNELHFCQUFTLENBQUNFLE1BQU0sRUFBRUYscUJBQVMsQ0FBQ0csTUFBTSxDQUFDLENBQUMsQ0FBQ0MsVUFBVTtFQUN4RVosUUFBUSxFQUFFUSxxQkFBUyxDQUFDSyxJQUFJO0VBQ3hCWixRQUFRLEVBQUVPLHFCQUFTLENBQUNNO0FBQ3RCLENBQUM7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFYW5CLFlBQVkiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/ica-dp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ica-dp.jsx"],"names":["spec","canDrop","props","disabled","drop","monitor","item","getItem","onRemoveAnswer","WithTarget","dragType","types","ica","connect","connectDropTarget","dropTarget","isOver","DroppablePlaceholder"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,WAAO,CAACA,KAAK,CAACC,QAAd;AACD,GAHiB;AAIlBC,EAAAA,IAAI,EAAE,cAACF,KAAD,EAAQG,OAAR,EAAoB;AACxB,QAAMC,IAAI,GAAGD,OAAO,CAACE,OAAR,EAAb;;AAEA,QAAIL,KAAK,CAACM,cAAV,EAA0B;AACxBN,MAAAA,KAAK,CAACM,cAAN,CAAqBF,IAArB;AACD;AACF;AAViB,CAAb;;AAaP,IAAMG,UAAU,GAAG,0BAAWC,qBAASC,KAAT,CAAeC,GAA1B,EAA+BZ,IAA/B,EAAqC,UAACa,OAAD,EAAUR,OAAV;AAAA,SAAuB;AAC7ES,IAAAA,iBAAiB,EAAED,OAAO,CAACE,UAAR,EAD0D;AAE7EC,IAAAA,MAAM,EAAEX,OAAO,CAACW,MAAR;AAFqE,GAAvB;AAAA,CAArC,EAGfC,0CAHe,CAAnB;eAKeR,U","sourcesContent":["import { DropTarget } from 'react-dnd';\nimport { DroppablePlaceholder } from './droppable-placeholder';\nimport dragType from './drag-type';\n\nexport const spec = {\n  canDrop: (props) => {\n    return !props.disabled;\n  },\n  drop: (props, monitor) => {\n    const item = monitor.getItem();\n\n    if (props.onRemoveAnswer) {\n      props.onRemoveAnswer(item);\n    }\n  },\n};\n\nconst WithTarget = DropTarget(dragType.types.ica, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(DroppablePlaceholder);\n\nexport default WithTarget;\n"],"file":"ica-dp.js"}
+{"version":3,"file":"ica-dp.js","names":["_react","_interopRequireDefault","require","_propTypes","_droppablePlaceholder","_excluded","ICADroppable","_ref","id","children","disabled","rest","_objectWithoutProperties2","createElement","DroppablePlaceholder","_extends2","propTypes","PropTypes","oneOfType","string","number","isRequired","node","bool","_default","exports"],"sources":["../src/ica-dp.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DroppablePlaceholder } from './droppable-placeholder';\n\n// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback\n// This component now just wraps DroppablePlaceholder with ICA specific logic\n\nexport function ICADroppable({ id, children, disabled, ...rest }) {\n  // The actual drop handling will be managed by the parent component\n  // through the DragProvider's onDragEnd callback\n\n  return (\n    <DroppablePlaceholder id={id} disabled={disabled} {...rest}>\n      {children}\n    </DroppablePlaceholder>\n  );\n}\n\nICADroppable.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n};\n\nexport default ICADroppable;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAA+D,IAAAG,SAAA;AAE/D;AACA;;AAEO,SAASC,YAAYA,CAAAC,IAAA,EAAsC;EAAA,IAAnCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,aAAAL,IAAA,EAAAF,SAAA;EAC5D;EACA;;EAEA,oBACEL,MAAA,YAAAa,aAAA,CAACT,qBAAA,CAAAU,oBAAoB,MAAAC,SAAA;IAACP,EAAE,EAAEA,EAAG;IAACE,QAAQ,EAAEA;EAAS,GAAKC,IAAI,GACvDF,QACmB,CAAC;AAE3B;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,EAAE,EAAES,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEZ,QAAQ,EAAEQ,qBAAS,CAACK,IAAI;EACxBZ,QAAQ,EAAEO,qBAAS,CAACM;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEanB,YAAY","ignoreList":[]}

package/lib/index.js

@@ -1,34 +1,26 @@
 "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, "Choice", {
-  enumerable: true,
-  get: function get() {
-    return _choice["default"];
-  }
-});
 Object.defineProperty(exports, "DragDroppablePlaceholder", {
   enumerable: true,
   get: function get() {
     return _dragInTheBlankDp["default"];
   }
 });
-Object.defineProperty(exports, "DragSource", {
+Object.defineProperty(exports, "DragProvider", {
   enumerable: true,
   get: function get() {
-    return _reactDnd.DragSource;
+    return _dragProvider["default"];
   }
 });
-Object.defineProperty(exports, "DropTarget", {
+Object.defineProperty(exports, "DraggableChoice", {
   enumerable: true,
   get: function get() {
-    return _reactDnd.DropTarget;
+    return _draggableChoice["default"];
   }
 });
 Object.defineProperty(exports, "ICADroppablePlaceholder", {
@@ -56,34 +48,14 @@ Object.defineProperty(exports, "swap", {
   }
 });
 exports.uid = void 0;
-Object.defineProperty(exports, "withDragContext", {
-  enumerable: true,
-  get: function get() {
-    return _withDragContext["default"];
-  }
-});
-
-var _reactDnd = require("react-dnd");
-
 var _placeholder = _interopRequireDefault(require("./placeholder"));
-
-var _choice = _interopRequireDefault(require("./choice"));
-
-var _withDragContext = _interopRequireDefault(require("./with-drag-context"));
-
+var _draggableChoice = _interopRequireDefault(require("./draggable-choice"));
+var _dragProvider = _interopRequireDefault(require("./drag-provider"));
 var _swap = _interopRequireDefault(require("./swap"));
-
 var uid = _interopRequireWildcard(require("./uid-context"));
-
 exports.uid = uid;
-
 var _matchListDp = _interopRequireDefault(require("./match-list-dp"));
-
 var _dragInTheBlankDp = _interopRequireDefault(require("./drag-in-the-blank-dp"));
-
 var _icaDp = _interopRequireDefault(require("./ica-dp"));
-
-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; }
-//# sourceMappingURL=index.js.map
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcGxhY2Vob2xkZXIiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9kcmFnZ2FibGVDaG9pY2UiLCJfZHJhZ1Byb3ZpZGVyIiwiX3N3YXAiLCJ1aWQiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsImV4cG9ydHMiLCJfbWF0Y2hMaXN0RHAiLCJfZHJhZ0luVGhlQmxhbmtEcCIsIl9pY2FEcCIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIl0sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQbGFjZUhvbGRlciBmcm9tICcuL3BsYWNlaG9sZGVyJztcbmltcG9ydCBEcmFnZ2FibGVDaG9pY2UgICBmcm9tICcuL2RyYWdnYWJsZS1jaG9pY2UnO1xuaW1wb3J0IERyYWdQcm92aWRlciBmcm9tICcuL2RyYWctcHJvdmlkZXInO1xuaW1wb3J0IHN3YXAgZnJvbSAnLi9zd2FwJztcbmltcG9ydCAqIGFzIHVpZCBmcm9tICcuL3VpZC1jb250ZXh0JztcbmltcG9ydCBNYXRjaERyb3BwYWJsZVBsYWNlaG9sZGVyIGZyb20gJy4vbWF0Y2gtbGlzdC1kcCc7XG5pbXBvcnQgRHJhZ0Ryb3BwYWJsZVBsYWNlaG9sZGVyIGZyb20gJy4vZHJhZy1pbi10aGUtYmxhbmstZHAnO1xuaW1wb3J0IElDQURyb3BwYWJsZVBsYWNlaG9sZGVyIGZyb20gJy4vaWNhLWRwJztcblxuZXhwb3J0IHtcbiAgUGxhY2VIb2xkZXIsXG4gIE1hdGNoRHJvcHBhYmxlUGxhY2Vob2xkZXIsXG4gIERyYWdEcm9wcGFibGVQbGFjZWhvbGRlcixcbiAgSUNBRHJvcHBhYmxlUGxhY2Vob2xkZXIsXG4gIERyYWdQcm92aWRlcixcbiAgRHJhZ2dhYmxlQ2hvaWNlLFxuICBzd2FwLFxuICB1aWQsXG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLFlBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGdCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxhQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxLQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxHQUFBLEdBQUFDLHVCQUFBLENBQUFMLE9BQUE7QUFBcUNNLE9BQUEsQ0FBQUYsR0FBQSxHQUFBQSxHQUFBO0FBQ3JDLElBQUFHLFlBQUEsR0FBQVIsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFRLGlCQUFBLEdBQUFULHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBUyxNQUFBLEdBQUFWLHNCQUFBLENBQUFDLE9BQUE7QUFBK0MsU0FBQUssd0JBQUFLLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFQLHVCQUFBLFlBQUFBLHdCQUFBSyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxHQUFBLENBQUFaLENBQUEsR0FBQU0sQ0FBQSxDQUFBTyxHQUFBLENBQUFiLENBQUEsRUFBQVEsQ0FBQSxjQUFBTSxFQUFBLElBQUFkLENBQUEsZ0JBQUFjLEVBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLEVBQUEsT0FBQVAsQ0FBQSxJQUFBRCxDQUFBLEdBQUFXLE1BQUEsQ0FBQUMsY0FBQSxLQUFBRCxNQUFBLENBQUFFLHdCQUFBLENBQUFuQixDQUFBLEVBQUFjLEVBQUEsT0FBQVAsQ0FBQSxDQUFBSyxHQUFBLElBQUFMLENBQUEsQ0FBQU0sR0FBQSxJQUFBUCxDQUFBLENBQUFFLENBQUEsRUFBQU0sRUFBQSxFQUFBUCxDQUFBLElBQUFDLENBQUEsQ0FBQU0sRUFBQSxJQUFBZCxDQUFBLENBQUFjLEVBQUEsV0FBQU4sQ0FBQSxLQUFBUixDQUFBLEVBQUFDLENBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AACA;;AACA;;AACA","sourcesContent":["import { DragSource, DropTarget } from 'react-dnd';\n\nimport PlaceHolder from './placeholder';\nimport Choice from './choice';\nimport withDragContext from './with-drag-context';\nimport swap from './swap';\nimport * as uid from './uid-context';\nimport MatchDroppablePlaceholder from './match-list-dp';\nimport DragDroppablePlaceholder from './drag-in-the-blank-dp';\nimport ICADroppablePlaceholder from './ica-dp';\n\nexport {\n  PlaceHolder,\n  MatchDroppablePlaceholder,\n  DragDroppablePlaceholder,\n  ICADroppablePlaceholder,\n  withDragContext,\n  Choice,\n  swap,\n  uid,\n  DragSource,\n  DropTarget,\n};\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_placeholder","_interopRequireDefault","require","_draggableChoice","_dragProvider","_swap","uid","_interopRequireWildcard","exports","_matchListDp","_dragInTheBlankDp","_icaDp","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import PlaceHolder from './placeholder';\nimport DraggableChoice   from './draggable-choice';\nimport DragProvider from './drag-provider';\nimport swap from './swap';\nimport * as uid from './uid-context';\nimport MatchDroppablePlaceholder from './match-list-dp';\nimport DragDroppablePlaceholder from './drag-in-the-blank-dp';\nimport ICADroppablePlaceholder from './ica-dp';\n\nexport {\n  PlaceHolder,\n  MatchDroppablePlaceholder,\n  DragDroppablePlaceholder,\n  ICADroppablePlaceholder,\n  DragProvider,\n  DraggableChoice,\n  swap,\n  uid,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAC,uBAAA,CAAAL,OAAA;AAAqCM,OAAA,CAAAF,GAAA,GAAAA,GAAA;AACrC,IAAAG,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AAA+C,SAAAK,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/match-list-dp.js

@@ -1,37 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.spec = exports["default"] = void 0;
-
-var _reactDnd = require("react-dnd");
-
+exports.MatchListDroppable = MatchListDroppable;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _droppablePlaceholder = require("./droppable-placeholder");
+var _excluded = ["id", "children", "disabled", "onRemoveAnswer"];
+// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback
+// This component now just wraps DroppablePlaceholder with match-list specific logic
 
-var _dragType = _interopRequireDefault(require("./drag-type"));
-
-var spec = {
-  canDrop: function canDrop(props) {
-    return !props.disabled;
-  },
-  drop: function drop(props, monitor) {
-    var item = monitor.getItem();
+function MatchListDroppable(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    onRemoveAnswer = _ref.onRemoveAnswer,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  // The actual drop handling will be managed by the parent component
+  // through the DragProvider's onDragEnd callback
+  // The onRemoveAnswer logic should be handled in the parent's onDragEnd:
+  // 
+  // const handleDragEnd = (event) => {
+  //   if (event.over && event.active) {
+  //     const item = event.active.data.current;
+  //     if (onRemoveAnswer) {
+  //       onRemoveAnswer(item.promptId);
+  //     }
+  //   }
+  // };
 
-    if (props.onRemoveAnswer) {
-      props.onRemoveAnswer(item.promptId);
-    }
-  }
+  return /*#__PURE__*/_react["default"].createElement(_droppablePlaceholder.DroppablePlaceholder, (0, _extends2["default"])({
+    id: id,
+    disabled: disabled
+  }, rest), children);
+}
+MatchListDroppable.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  children: _propTypes["default"].node,
+  disabled: _propTypes["default"].bool,
+  onRemoveAnswer: _propTypes["default"].func
 };
-exports.spec = spec;
-var WithTarget = (0, _reactDnd.DropTarget)(_dragType["default"].types.ml, spec, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver()
-  };
-})(_droppablePlaceholder.DroppablePlaceholder);
-var _default = WithTarget;
-exports["default"] = _default;
-//# sourceMappingURL=match-list-dp.js.map
+var _default = exports["default"] = MatchListDroppable;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfZHJvcHBhYmxlUGxhY2Vob2xkZXIiLCJfZXhjbHVkZWQiLCJNYXRjaExpc3REcm9wcGFibGUiLCJfcmVmIiwiaWQiLCJjaGlsZHJlbiIsImRpc2FibGVkIiwib25SZW1vdmVBbnN3ZXIiLCJyZXN0IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzMiIsImNyZWF0ZUVsZW1lbnQiLCJEcm9wcGFibGVQbGFjZWhvbGRlciIsIl9leHRlbmRzMiIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsIm9uZU9mVHlwZSIsInN0cmluZyIsIm51bWJlciIsImlzUmVxdWlyZWQiLCJub2RlIiwiYm9vbCIsImZ1bmMiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi9zcmMvbWF0Y2gtbGlzdC1kcC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBEcm9wcGFibGVQbGFjZWhvbGRlciB9IGZyb20gJy4vZHJvcHBhYmxlLXBsYWNlaG9sZGVyJztcblxuLy8gV2l0aCBAZG5kLWtpdCwgdGhlIGRyb3AgbG9naWMgaXMgaGFuZGxlZCBpbiB0aGUgRHJhZ1Byb3ZpZGVyJ3Mgb25EcmFnRW5kIGNhbGxiYWNrXG4vLyBUaGlzIGNvbXBvbmVudCBub3cganVzdCB3cmFwcyBEcm9wcGFibGVQbGFjZWhvbGRlciB3aXRoIG1hdGNoLWxpc3Qgc3BlY2lmaWMgbG9naWNcblxuZXhwb3J0IGZ1bmN0aW9uIE1hdGNoTGlzdERyb3BwYWJsZSh7IFxuICBpZCwgXG4gIGNoaWxkcmVuLCBcbiAgZGlzYWJsZWQsIFxuICBvblJlbW92ZUFuc3dlcixcbiAgLi4ucmVzdCBcbn0pIHtcbiAgLy8gVGhlIGFjdHVhbCBkcm9wIGhhbmRsaW5nIHdpbGwgYmUgbWFuYWdlZCBieSB0aGUgcGFyZW50IGNvbXBvbmVudFxuICAvLyB0aHJvdWdoIHRoZSBEcmFnUHJvdmlkZXIncyBvbkRyYWdFbmQgY2FsbGJhY2tcbiAgLy8gVGhlIG9uUmVtb3ZlQW5zd2VyIGxvZ2ljIHNob3VsZCBiZSBoYW5kbGVkIGluIHRoZSBwYXJlbnQncyBvbkRyYWdFbmQ6XG4gIC8vIFxuICAvLyBjb25zdCBoYW5kbGVEcmFnRW5kID0gKGV2ZW50KSA9PiB7XG4gIC8vICAgaWYgKGV2ZW50Lm92ZXIgJiYgZXZlbnQuYWN0aXZlKSB7XG4gIC8vICAgICBjb25zdCBpdGVtID0gZXZlbnQuYWN0aXZlLmRhdGEuY3VycmVudDtcbiAgLy8gICAgIGlmIChvblJlbW92ZUFuc3dlcikge1xuICAvLyAgICAgICBvblJlbW92ZUFuc3dlcihpdGVtLnByb21wdElkKTtcbiAgLy8gICAgIH1cbiAgLy8gICB9XG4gIC8vIH07XG4gIFxuICByZXR1cm4gKFxuICAgIDxEcm9wcGFibGVQbGFjZWhvbGRlclxuICAgICAgaWQ9e2lkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRHJvcHBhYmxlUGxhY2Vob2xkZXI+XG4gICk7XG59XG5cbk1hdGNoTGlzdERyb3BwYWJsZS5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSkuaXNSZXF1aXJlZCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uUmVtb3ZlQW5zd2VyOiBQcm9wVHlwZXMuZnVuYyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hdGNoTGlzdERyb3BwYWJsZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLHFCQUFBLEdBQUFGLE9BQUE7QUFBK0QsSUFBQUcsU0FBQTtBQUUvRDtBQUNBOztBQUVPLFNBQVNDLGtCQUFrQkEsQ0FBQUMsSUFBQSxFQU0vQjtFQUFBLElBTERDLEVBQUUsR0FBQUQsSUFBQSxDQUFGQyxFQUFFO0lBQ0ZDLFFBQVEsR0FBQUYsSUFBQSxDQUFSRSxRQUFRO0lBQ1JDLFFBQVEsR0FBQUgsSUFBQSxDQUFSRyxRQUFRO0lBQ1JDLGNBQWMsR0FBQUosSUFBQSxDQUFkSSxjQUFjO0lBQ1hDLElBQUksT0FBQUMseUJBQUEsYUFBQU4sSUFBQSxFQUFBRixTQUFBO0VBRVA7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztFQUVBLG9CQUNFTCxNQUFBLFlBQUFjLGFBQUEsQ0FBQ1YscUJBQUEsQ0FBQVcsb0JBQW9CLE1BQUFDLFNBQUE7SUFDbkJSLEVBQUUsRUFBRUEsRUFBRztJQUNQRSxRQUFRLEVBQUVBO0VBQVMsR0FDZkUsSUFBSSxHQUVQSCxRQUNtQixDQUFDO0FBRTNCO0FBRUFILGtCQUFrQixDQUFDVyxTQUFTLEdBQUc7RUFDN0JULEVBQUUsRUFBRVUscUJBQVMsQ0FBQ0MsU0FBUyxDQUFDLENBQUNELHFCQUFTLENBQUNFLE1BQU0sRUFBRUYscUJBQVMsQ0FBQ0csTUFBTSxDQUFDLENBQUMsQ0FBQ0MsVUFBVTtFQUN4RWIsUUFBUSxFQUFFUyxxQkFBUyxDQUFDSyxJQUFJO0VBQ3hCYixRQUFRLEVBQUVRLHFCQUFTLENBQUNNLElBQUk7RUFDeEJiLGNBQWMsRUFBRU8scUJBQVMsQ0FBQ087QUFDNUIsQ0FBQztBQUFDLElBQUFDLFFBQUEsR0FBQUMsT0FBQSxjQUVhckIsa0JBQWtCIiwiaWdub3JlTGlzdCI6W119

package/lib/match-list-dp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/match-list-dp.jsx"],"names":["spec","canDrop","props","disabled","drop","monitor","item","getItem","onRemoveAnswer","promptId","WithTarget","dragType","types","ml","connect","connectDropTarget","dropTarget","isOver","DroppablePlaceholder"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,WAAO,CAACA,KAAK,CAACC,QAAd;AACD,GAHiB;AAIlBC,EAAAA,IAAI,EAAE,cAACF,KAAD,EAAQG,OAAR,EAAoB;AACxB,QAAMC,IAAI,GAAGD,OAAO,CAACE,OAAR,EAAb;;AAEA,QAAIL,KAAK,CAACM,cAAV,EAA0B;AACxBN,MAAAA,KAAK,CAACM,cAAN,CAAqBF,IAAI,CAACG,QAA1B;AACD;AACF;AAViB,CAAb;;AAaP,IAAMC,UAAU,GAAG,0BAAWC,qBAASC,KAAT,CAAeC,EAA1B,EAA8Bb,IAA9B,EAAoC,UAACc,OAAD,EAAUT,OAAV;AAAA,SAAuB;AAC5EU,IAAAA,iBAAiB,EAAED,OAAO,CAACE,UAAR,EADyD;AAE5EC,IAAAA,MAAM,EAAEZ,OAAO,CAACY,MAAR;AAFoE,GAAvB;AAAA,CAApC,EAGfC,0CAHe,CAAnB;eAKeR,U","sourcesContent":["import { DropTarget } from 'react-dnd';\nimport { DroppablePlaceholder } from './droppable-placeholder';\nimport dragType from './drag-type';\n\nexport const spec = {\n  canDrop: (props) => {\n    return !props.disabled;\n  },\n  drop: (props, monitor) => {\n    const item = monitor.getItem();\n\n    if (props.onRemoveAnswer) {\n      props.onRemoveAnswer(item.promptId);\n    }\n  },\n};\n\nconst WithTarget = DropTarget(dragType.types.ml, spec, (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n}))(DroppablePlaceholder);\n\nexport default WithTarget;\n"],"file":"match-list-dp.js"}
+{"version":3,"file":"match-list-dp.js","names":["_react","_interopRequireDefault","require","_propTypes","_droppablePlaceholder","_excluded","MatchListDroppable","_ref","id","children","disabled","onRemoveAnswer","rest","_objectWithoutProperties2","createElement","DroppablePlaceholder","_extends2","propTypes","PropTypes","oneOfType","string","number","isRequired","node","bool","func","_default","exports"],"sources":["../src/match-list-dp.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DroppablePlaceholder } from './droppable-placeholder';\n\n// With @dnd-kit, the drop logic is handled in the DragProvider's onDragEnd callback\n// This component now just wraps DroppablePlaceholder with match-list specific logic\n\nexport function MatchListDroppable({ \n  id, \n  children, \n  disabled, \n  onRemoveAnswer,\n  ...rest \n}) {\n  // The actual drop handling will be managed by the parent component\n  // through the DragProvider's onDragEnd callback\n  // The onRemoveAnswer logic should be handled in the parent's onDragEnd:\n  // \n  // const handleDragEnd = (event) => {\n  //   if (event.over && event.active) {\n  //     const item = event.active.data.current;\n  //     if (onRemoveAnswer) {\n  //       onRemoveAnswer(item.promptId);\n  //     }\n  //   }\n  // };\n  \n  return (\n    <DroppablePlaceholder\n      id={id}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n    </DroppablePlaceholder>\n  );\n}\n\nMatchListDroppable.propTypes = {\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  onRemoveAnswer: PropTypes.func,\n};\n\nexport default MatchListDroppable;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAA+D,IAAAG,SAAA;AAE/D;AACA;;AAEO,SAASC,kBAAkBA,CAAAC,IAAA,EAM/B;EAAA,IALDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACXC,IAAI,OAAAC,yBAAA,aAAAN,IAAA,EAAAF,SAAA;EAEP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,oBACEL,MAAA,YAAAc,aAAA,CAACV,qBAAA,CAAAW,oBAAoB,MAAAC,SAAA;IACnBR,EAAE,EAAEA,EAAG;IACPE,QAAQ,EAAEA;EAAS,GACfE,IAAI,GAEPH,QACmB,CAAC;AAE3B;AAEAH,kBAAkB,CAACW,SAAS,GAAG;EAC7BT,EAAE,EAAEU,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACxEb,QAAQ,EAAES,qBAAS,CAACK,IAAI;EACxBb,QAAQ,EAAEQ,qBAAS,CAACM,IAAI;EACxBb,cAAc,EAAEO,qBAAS,CAACO;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEarB,kBAAkB","ignoreList":[]}