@os-design/drag-sort 1.0.30 → 1.0.32

package/dist/cjs/DragAndDrop.js

@@ -1,181 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _portal = _interopRequireDefault(require("@os-design/portal"));
-var _useAutoScroll = _interopRequireDefault(require("@os-design/use-auto-scroll"));
-var _useDrag2 = _interopRequireDefault(require("@os-design/use-drag"));
-var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-var _usePreventDefaultEvent = _interopRequireDefault(require("@os-design/use-prevent-default-event"));
-var _react = _interopRequireWildcard(require("react"));
-var _ListStore = _interopRequireDefault(require("./utils/ListStore"));
-var _useDragAndDrop = require("./utils/useDragAndDrop");
-var _useDragEffect = _interopRequireDefault(require("./utils/useDragEffect"));
-var _useGeneratedId = _interopRequireDefault(require("./utils/useGeneratedId"));
-var _useInitRect = _interopRequireDefault(require("./utils/useInitRect"));
-var _useTransitionStyle = _interopRequireDefault(require("./utils/useTransitionStyle"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * The container containing one or more lists with draggable nodes.
- */
-var DragAndDrop = function DragAndDrop(_ref) {
-  var draggedNodeContainer = _ref.draggedNodeContainer,
-    _ref$minMouseDistPx = _ref.minMouseDistPx,
-    minMouseDistPx = _ref$minMouseDistPx === void 0 ? 10 : _ref$minMouseDistPx,
-    _ref$longPressMs = _ref.longPressMs,
-    longPressMs = _ref$longPressMs === void 0 ? 500 : _ref$longPressMs,
-    _ref$autoScrollDistPe = _ref.autoScrollDistPercent,
-    autoScrollDistPercent = _ref$autoScrollDistPe === void 0 ? 20 : _ref$autoScrollDistPe,
-    _ref$autoScrollMaxSpe = _ref.autoScrollMaxSpeedPx,
-    autoScrollMaxSpeedPx = _ref$autoScrollMaxSpe === void 0 ? 100 : _ref$autoScrollMaxSpe,
-    _ref$transitionDelayM = _ref.transitionDelayMs,
-    transitionDelayMs = _ref$transitionDelayM === void 0 ? 250 : _ref$transitionDelayM,
-    _ref$onDragEnd = _ref.onDragEnd,
-    onDragEnd = _ref$onDragEnd === void 0 ? function () {} : _ref$onDragEnd,
-    children = _ref.children;
-  // The user can drag a node between the lists (the Droppable components).
-  // To determine which list a node should be dropped in, we need to store refs to all the lists.
-  var listStoreRef = (0, _react.useRef)(new _ListStore["default"]());
-
-  // The class name for a node used to set the transition style
-  var generatedId = (0, _useGeneratedId["default"])();
-  var nodeClassName = (0, _react.useMemo)(function () {
-    return "n".concat(generatedId);
-  }, [generatedId]);
-
-  // The node that is currently being dragged
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    draggedNode = _useState2[0],
-    setDraggedNode = _useState2[1];
-  var startNodeRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)({
-      x: 0,
-      y: 0
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    cursorPosition = _useState4[0],
-    setCursorPosition = _useState4[1];
-
-  // Add a new list to the store
-  var registerList = (0, _react.useCallback)(function (list) {
-    listStoreRef.current.add(list);
-  }, []);
-
-  // Remove the existing list from the store
-  var deregisterList = (0, _react.useCallback)(function (id) {
-    listStoreRef.current.remove(id);
-  }, []);
-
-  // Set the style to delay transitions when the node is dragging
-  (0, _useTransitionStyle["default"])({
-    className: nodeClassName,
-    ms: transitionDelayMs,
-    enabled: !!draggedNode
-  });
-  var onDragStart = (0, _react.useCallback)(function (pos, startPos) {
-    var startNode = startNodeRef.current;
-    if (!startNode) return;
-    var _startNode$node = _slicedToArray(startNode.node, 3),
-      nodeRef = _startNode$node[2];
-    if (!nodeRef.current) return;
-    var rect = nodeRef.current.getBoundingClientRect();
-    setCursorPosition(pos);
-    setDraggedNode({
-      list: startNode.list,
-      node: startNode.node,
-      position: {
-        x: startPos.x - rect.x,
-        y: startPos.y - rect.y
-      }
-    });
-    startNodeRef.current = null;
-  }, []);
-  var onDragMove = (0, _react.useCallback)(function (pos) {
-    setCursorPosition(pos);
-  }, []);
-  var dragEndHandler = (0, _react.useCallback)(function () {
-    setDraggedNode(null);
-  }, []);
-  var _useDrag = (0, _useDrag2["default"])({
-      onDragStart: onDragStart,
-      onDragMove: onDragMove,
-      onDragEnd: dragEndHandler,
-      minMouseDistPx: minMouseDistPx,
-      longPressMs: longPressMs
-    }),
-    onMouseDown = _useDrag.onMouseDown,
-    onTouchStart = _useDrag.onTouchStart;
-
-  // Handlers that determine whether a user clicks on the node
-  var mouseDownHandler = (0, _react.useCallback)(function (e, list, node) {
-    startNodeRef.current = {
-      list: list,
-      node: node
-    };
-    onMouseDown(e);
-  }, [onMouseDown]);
-  var touchStartHandler = (0, _react.useCallback)(function (e, list, node) {
-    startNodeRef.current = {
-      list: list,
-      node: node
-    };
-    onTouchStart(e);
-  }, [onTouchStart]);
-
-  // Prevent body scrolling when the node is dragging.
-  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.
-  (0, _usePreventDefaultEvent["default"])(document.body, 'touchmove', !!draggedNode);
-
-  // Implement the drag animation
-  (0, _useDragEffect["default"])({
-    draggedNode: draggedNode,
-    cursorPosition: cursorPosition,
-    listStoreRef: listStoreRef,
-    onDragEnd: onDragEnd
-  });
-
-  // Auto scroll if the cursor position is located near the border
-  (0, _useAutoScroll["default"])({
-    enabled: !!draggedNode,
-    distPercent: autoScrollDistPercent,
-    maxSpeedPx: autoScrollMaxSpeedPx
-  });
-  var initRect = (0, _useInitRect["default"])(draggedNode ? draggedNode.node[2] : undefined);
-  var dragAndDropContext = (0, _useMemoObject["default"])({
-    registerList: registerList,
-    deregisterList: deregisterList,
-    onMouseDown: mouseDownHandler,
-    onTouchStart: touchStartHandler,
-    nodeClassName: nodeClassName
-  });
-  return /*#__PURE__*/_react["default"].createElement(_useDragAndDrop.DragAndDropContext.Provider, {
-    value: dragAndDropContext
-  }, children, draggedNode && /*#__PURE__*/_react["default"].createElement(_portal["default"], {
-    container: draggedNodeContainer
-  }, draggedNode.list.renderDraggedNode({
-    index: draggedNode.node[4],
-    id: draggedNode.node[5],
-    style: {
-      position: 'fixed',
-      left: cursorPosition.x - draggedNode.position.x,
-      top: cursorPosition.y - draggedNode.position.y,
-      width: initRect ? initRect.initWidth : undefined,
-      height: initRect ? initRect.initHeight : undefined,
-      zIndex: 1001
-    }
-  })));
-};
-var _default = exports["default"] = DragAndDrop;
-//# sourceMappingURL=DragAndDrop.js.map

package/dist/cjs/DragAndDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDrop.js","names":["_portal","_interopRequireDefault","require","_useAutoScroll","_useDrag2","_useMemoObject","_usePreventDefaultEvent","_react","_interopRequireWildcard","_ListStore","_useDragAndDrop","_useDragEffect","_useGeneratedId","_useInitRect","_useTransitionStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","prototype","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","DragAndDrop","_ref","draggedNodeContainer","_ref$minMouseDistPx","minMouseDistPx","_ref$longPressMs","longPressMs","_ref$autoScrollDistPe","autoScrollDistPercent","_ref$autoScrollMaxSpe","autoScrollMaxSpeedPx","_ref$transitionDelayM","transitionDelayMs","_ref$onDragEnd","onDragEnd","children","listStoreRef","useRef","ListStore","generatedId","useGeneratedId","nodeClassName","useMemo","concat","_useState","useState","_useState2","draggedNode","setDraggedNode","startNodeRef","_useState3","x","y","_useState4","cursorPosition","setCursorPosition","registerList","useCallback","list","current","add","deregisterList","id","remove","useTransitionStyle","className","ms","enabled","onDragStart","pos","startPos","startNode","_startNode$node","node","nodeRef","rect","getBoundingClientRect","position","onDragMove","dragEndHandler","_useDrag","useDrag","onMouseDown","onTouchStart","mouseDownHandler","touchStartHandler","usePreventDefaultEvent","document","body","useDragEffect","useAutoScroll","distPercent","maxSpeedPx","initRect","useInitRect","undefined","dragAndDropContext","useMemoObject","createElement","DragAndDropContext","Provider","container","renderDraggedNode","index","style","left","top","width","initWidth","height","initHeight","zIndex","_default","exports"],"sources":["../../src/DragAndDrop.tsx"],"sourcesContent":["import Portal, { PortalProps } from '@os-design/portal';\nimport useAutoScroll from '@os-design/use-auto-scroll';\nimport useDrag, {\n  OnDragEnd,\n  OnDragMove,\n  OnDragStart,\n  Position,\n} from '@os-design/use-drag';\nimport useMemoObject from '@os-design/use-memo-object';\nimport usePreventDefaultEvent from '@os-design/use-prevent-default-event';\nimport React, {\n  MouseEvent,\n  TouchEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ListStore from './utils/ListStore';\nimport NodeList, { ExistingNode } from './utils/NodeList';\nimport { DragAndDropContext } from './utils/useDragAndDrop';\nimport useDragEffect, {\n  DragEndHandler,\n  DraggedNode,\n} from './utils/useDragEffect';\nimport useGeneratedId from './utils/useGeneratedId';\nimport useInitRect from './utils/useInitRect';\nimport useTransitionStyle from './utils/useTransitionStyle';\n\nexport interface DragAndDropProps {\n  /**\n   * The container in which the dragged node will be rendered.\n   * @default document.body\n   */\n  draggedNodeContainer?: PortalProps['container'];\n  /**\n   * The min distance required to start dragging a node (in px).\n   * @default 10\n   */\n  minMouseDistPx?: number;\n  /**\n   * The delay of the long press event required to start dragging a node on the touch device (in ms).\n   * @default 500\n   */\n  longPressMs?: number;\n  /**\n   * The distance to the bound at which the list starts to scroll automatically (in percent).\n   * @default 20\n   */\n  autoScrollDistPercent?: number;\n  /**\n   * The max auto scroll speed (in px).\n   * @default 100\n   */\n  autoScrollMaxSpeedPx?: number;\n  /**\n   * The animation duration (in ms).\n   * @default 250\n   */\n  transitionDelayMs?: number;\n  /**\n   * The callback that is called when the drag is completed.\n   * @default undefined\n   */\n  onDragEnd?: DragEndHandler;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\ninterface StartNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * The container containing one or more lists with draggable nodes.\n */\nconst DragAndDrop: React.FC<DragAndDropProps> = ({\n  draggedNodeContainer,\n  minMouseDistPx = 10,\n  longPressMs = 500,\n  autoScrollDistPercent = 20,\n  autoScrollMaxSpeedPx = 100,\n  transitionDelayMs = 250,\n  onDragEnd = () => {},\n  children,\n}) => {\n  // The user can drag a node between the lists (the Droppable components).\n  // To determine which list a node should be dropped in, we need to store refs to all the lists.\n  const listStoreRef = useRef<ListStore>(new ListStore());\n\n  // The class name for a node used to set the transition style\n  const generatedId = useGeneratedId();\n  const nodeClassName = useMemo(() => `n${generatedId}`, [generatedId]);\n\n  // The node that is currently being dragged\n  const [draggedNode, setDraggedNode] = useState<DraggedNode | null>(null);\n  const startNodeRef = useRef<StartNode | null>(null);\n  const [cursorPosition, setCursorPosition] = useState<Position>({\n    x: 0,\n    y: 0,\n  });\n\n  // Add a new list to the store\n  const registerList = useCallback((list: NodeList) => {\n    listStoreRef.current.add(list);\n  }, []);\n\n  // Remove the existing list from the store\n  const deregisterList = useCallback((id: string) => {\n    listStoreRef.current.remove(id);\n  }, []);\n\n  // Set the style to delay transitions when the node is dragging\n  useTransitionStyle({\n    className: nodeClassName,\n    ms: transitionDelayMs,\n    enabled: !!draggedNode,\n  });\n\n  const onDragStart = useCallback<OnDragStart>(\n    (pos: Position, startPos: Position) => {\n      const startNode = startNodeRef.current;\n      if (!startNode) return;\n      const [, , nodeRef] = startNode.node;\n      if (!nodeRef.current) return;\n      const rect = nodeRef.current.getBoundingClientRect();\n      setCursorPosition(pos);\n      setDraggedNode({\n        list: startNode.list,\n        node: startNode.node,\n        position: {\n          x: startPos.x - rect.x,\n          y: startPos.y - rect.y,\n        },\n      });\n      startNodeRef.current = null;\n    },\n    []\n  );\n\n  const onDragMove = useCallback<OnDragMove>((pos: Position) => {\n    setCursorPosition(pos);\n  }, []);\n\n  const dragEndHandler = useCallback<OnDragEnd>(() => {\n    setDraggedNode(null);\n  }, []);\n\n  const { onMouseDown, onTouchStart } = useDrag({\n    onDragStart,\n    onDragMove,\n    onDragEnd: dragEndHandler,\n    minMouseDistPx,\n    longPressMs,\n  });\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onMouseDown(e);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onTouchStart(e);\n    },\n    [onTouchStart]\n  );\n\n  // Prevent body scrolling when the node is dragging.\n  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.\n  usePreventDefaultEvent(document.body, 'touchmove', !!draggedNode);\n\n  // Implement the drag animation\n  useDragEffect({\n    draggedNode,\n    cursorPosition,\n    listStoreRef,\n    onDragEnd,\n  });\n\n  // Auto scroll if the cursor position is located near the border\n  useAutoScroll({\n    enabled: !!draggedNode,\n    distPercent: autoScrollDistPercent,\n    maxSpeedPx: autoScrollMaxSpeedPx,\n  });\n\n  const initRect = useInitRect(draggedNode ? draggedNode.node[2] : undefined);\n\n  const dragAndDropContext = useMemoObject({\n    registerList,\n    deregisterList,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n    nodeClassName,\n  });\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      {children}\n\n      {draggedNode && (\n        <Portal container={draggedNodeContainer}>\n          {draggedNode.list.renderDraggedNode({\n            index: draggedNode.node[4],\n            id: draggedNode.node[5],\n            style: {\n              position: 'fixed',\n              left: cursorPosition.x - draggedNode.position.x,\n              top: cursorPosition.y - draggedNode.position.y,\n              width: initRect ? initRect.initWidth : undefined,\n              height: initRect ? initRect.initHeight : undefined,\n              zIndex: 1001,\n            },\n          })}\n        </Portal>\n      )}\n    </DragAndDropContext.Provider>\n  );\n};\n\nexport type { DragEndHandler } from './utils/useDragEffect';\n\nexport default DragAndDrop;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Draggable.js

@@ -1,81 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-var _react = _interopRequireWildcard(require("react"));
-var _useAppendClassName = _interopRequireDefault(require("./utils/useAppendClassName"));
-var _useDragAndDrop2 = _interopRequireDefault(require("./utils/useDragAndDrop"));
-var _useDroppable2 = _interopRequireDefault(require("./utils/useDroppable"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Draggable = function Draggable(_ref) {
-  var index = _ref.index,
-    id = _ref.id,
-    children = _ref.children;
-  // The reference to the list item
-  var ref = (0, _react.useRef)(null);
-  // The reference to the node containing the refs to the prev and next nodes
-  var nodeRef = (0, _react.useRef)(null);
-  // Additional styles for moving the list item
-  var _useState = (0, _react.useState)({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    style = _useState2[0],
-    setStyle = _useState2[1];
-  var _useDragAndDrop = (0, _useDragAndDrop2["default"])(),
-    nodeClassName = _useDragAndDrop.nodeClassName;
-  var _useDroppable = (0, _useDroppable2["default"])(),
-    registerNode = _useDroppable.registerNode,
-    deregisterNode = _useDroppable.deregisterNode,
-    onMouseDown = _useDroppable.onMouseDown,
-    onTouchStart = _useDroppable.onTouchStart;
-
-  // Register the node in the list
-  (0, _react.useEffect)(function () {
-    nodeRef.current = registerNode({
-      ref: ref,
-      setStyle: setStyle,
-      index: index,
-      id: id
-    });
-    return function () {
-      if (!nodeRef.current) return;
-      deregisterNode(nodeRef.current);
-      nodeRef.current = null;
-    };
-  }, [deregisterNode, id, index, registerNode]);
-
-  // Set the class name for the node to apply the transition style (see the DragAndDrop container)
-  (0, _useAppendClassName["default"])(ref, nodeClassName);
-
-  // Handlers that determine whether a user clicks on the node
-  var mouseDownHandler = (0, _react.useCallback)(function (e) {
-    if (!nodeRef.current) return;
-    onMouseDown(e, nodeRef.current);
-  }, [onMouseDown]);
-  var touchStartHandler = (0, _react.useCallback)(function (e) {
-    if (!nodeRef.current) return;
-    onTouchStart(e, nodeRef.current);
-  }, [onTouchStart]);
-  var handlers = (0, _useMemoObject["default"])({
-    onMouseDown: mouseDownHandler,
-    onTouchStart: touchStartHandler
-  });
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children({
-    ref: ref,
-    style: style,
-    handlers: handlers
-  }));
-};
-var _default = exports["default"] = Draggable;
-//# sourceMappingURL=Draggable.js.map

package/dist/cjs/Draggable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Draggable.js","names":["_useMemoObject","_interopRequireDefault","require","_react","_interopRequireWildcard","_useAppendClassName","_useDragAndDrop2","_useDroppable2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","prototype","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","Draggable","_ref","index","id","children","ref","useRef","nodeRef","_useState","useState","_useState2","style","setStyle","_useDragAndDrop","useDragAndDrop","nodeClassName","_useDroppable","useDroppable","registerNode","deregisterNode","onMouseDown","onTouchStart","useEffect","current","useAppendClassName","mouseDownHandler","useCallback","touchStartHandler","handlers","useMemoObject","createElement","Fragment","_default","exports"],"sources":["../../src/Draggable.tsx"],"sourcesContent":["import useMemoObject from '@os-design/use-memo-object';\nimport React, {\n  CSSProperties,\n  MouseEvent,\n  RefObject,\n  TouchEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Node } from './utils/NodeList';\nimport useAppendClassName from './utils/useAppendClassName';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport useDroppable from './utils/useDroppable';\n\nexport interface DraggableHandlers {\n  /**\n   * The handler that should be called when the mouse down event occurs.\n   */\n  onMouseDown: (e: MouseEvent) => void;\n  /**\n   * The handler that should be called when the touch start event occurs.\n   */\n  onTouchStart: (e: TouchEvent) => void;\n}\n\nexport interface DraggableChildrenProps {\n  /**\n   * The reference to the draggable list item.\n   */\n  ref: RefObject<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /**\n   * Additional styles for moving the list item.\n   */\n  style: CSSProperties;\n  /**\n   * The handlers to catch events when the user starts dragging the list item.\n   */\n  handlers: DraggableHandlers;\n}\n\nexport interface DraggableProps {\n  /**\n   * The index of the draggable node.\n   */\n  index: number;\n  /**\n   * The ID of the draggable node.\n   */\n  id: string;\n  /**\n   * The function that renders the draggable node.\n   */\n  children: (props: DraggableChildrenProps) => React.ReactNode;\n}\n\nconst Draggable: React.FC<DraggableProps> = ({ index, id, children }) => {\n  // The reference to the list item\n  const ref = useRef<HTMLDivElement | null>(null);\n  // The reference to the node containing the refs to the prev and next nodes\n  const nodeRef = useRef<Node>(null);\n  // Additional styles for moving the list item\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  const { nodeClassName } = useDragAndDrop();\n  const { registerNode, deregisterNode, onMouseDown, onTouchStart } =\n    useDroppable();\n\n  // Register the node in the list\n  useEffect(() => {\n    nodeRef.current = registerNode({ ref, setStyle, index, id });\n    return () => {\n      if (!nodeRef.current) return;\n      deregisterNode(nodeRef.current);\n      nodeRef.current = null;\n    };\n  }, [deregisterNode, id, index, registerNode]);\n\n  // Set the class name for the node to apply the transition style (see the DragAndDrop container)\n  useAppendClassName(ref, nodeClassName);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent) => {\n      if (!nodeRef.current) return;\n      onMouseDown(e, nodeRef.current);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent) => {\n      if (!nodeRef.current) return;\n      onTouchStart(e, nodeRef.current);\n    },\n    [onTouchStart]\n  );\n\n  const handlers = useMemoObject({\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return <>{children({ ref, style, handlers })}</>;\n};\n\nexport default Draggable;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Droppable.js

@@ -1,98 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-var _react = _interopRequireWildcard(require("react"));
-var _NodeList = _interopRequireDefault(require("./utils/NodeList"));
-var _useDragAndDrop2 = _interopRequireDefault(require("./utils/useDragAndDrop"));
-var _useDroppable = require("./utils/useDroppable");
-var _useGeneratedId = _interopRequireDefault(require("./utils/useGeneratedId"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var Droppable = function Droppable(_ref) {
-  var renderDraggedNode = _ref.renderDraggedNode,
-    id = _ref.id,
-    _ref$horizontal = _ref.horizontal,
-    horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
-    children = _ref.children;
-  // The reference to the list
-  var ref = (0, _react.useRef)(null);
-  // The reference to the container inside the virtual list
-  var innerRef = (0, _react.useRef)(null);
-  // The unique ID of the list. If no ID was specified, the generated one is used.
-  var generatedId = (0, _useGeneratedId["default"])();
-  var droppableId = (0, _react.useMemo)(function () {
-    return id || generatedId;
-  }, [generatedId, id]);
-  // The reference to the list of nodes
-  var listRef = (0, _react.useRef)(new _NodeList["default"]({
-    id: droppableId,
-    ref: ref,
-    innerRef: innerRef,
-    horizontal: horizontal,
-    renderDraggedNode: renderDraggedNode
-  }));
-
-  // Update the ID of the list if it changes
-  (0, _react.useEffect)(function () {
-    listRef.current.id = droppableId;
-  }, [droppableId]);
-
-  // Update the list orientation if it changes.
-  // There is no need to check the order of the nodes in the list because it will be the same.
-  (0, _react.useEffect)(function () {
-    listRef.current.horizontal = horizontal;
-  }, [horizontal]);
-
-  // Update the callback that renders the dragged node if it changes
-  (0, _react.useEffect)(function () {
-    listRef.current.renderDraggedNode = renderDraggedNode;
-  }, [renderDraggedNode]);
-  var _useDragAndDrop = (0, _useDragAndDrop2["default"])(),
-    registerList = _useDragAndDrop.registerList,
-    deregisterList = _useDragAndDrop.deregisterList,
-    onMouseDown = _useDragAndDrop.onMouseDown,
-    onTouchStart = _useDragAndDrop.onTouchStart;
-
-  // Register the list in the store
-  (0, _react.useEffect)(function () {
-    registerList(listRef.current);
-    var listId = listRef.current.id;
-    return function () {
-      return deregisterList(listId);
-    };
-  }, [deregisterList, registerList]);
-  var registerNode = (0, _react.useCallback)(function (props) {
-    return listRef.current.add(props);
-  }, []);
-  var deregisterNode = (0, _react.useCallback)(function (node) {
-    listRef.current.remove(node);
-  }, []);
-
-  // Handlers that determine whether a user clicks on the node
-  var mouseDownHandler = (0, _react.useCallback)(function (e, node) {
-    onMouseDown(e, listRef.current, node);
-  }, [onMouseDown]);
-  var touchStartHandler = (0, _react.useCallback)(function (e, node) {
-    onTouchStart(e, listRef.current, node);
-  }, [onTouchStart]);
-  var droppableContext = (0, _useMemoObject["default"])({
-    registerNode: registerNode,
-    deregisterNode: deregisterNode,
-    onMouseDown: mouseDownHandler,
-    onTouchStart: touchStartHandler
-  });
-  return /*#__PURE__*/_react["default"].createElement(_useDroppable.DroppableContext.Provider, {
-    value: droppableContext
-  }, children({
-    ref: ref,
-    innerRef: innerRef
-  }));
-};
-var _default = exports["default"] = Droppable;
-//# sourceMappingURL=Droppable.js.map

package/dist/cjs/Droppable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Droppable.js","names":["_useMemoObject","_interopRequireDefault","require","_react","_interopRequireWildcard","_NodeList","_useDragAndDrop2","_useDroppable","_useGeneratedId","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","Droppable","_ref","renderDraggedNode","id","_ref$horizontal","horizontal","children","ref","useRef","innerRef","generatedId","useGeneratedId","droppableId","useMemo","listRef","NodeList","useEffect","current","_useDragAndDrop","useDragAndDrop","registerList","deregisterList","onMouseDown","onTouchStart","listId","registerNode","useCallback","props","add","deregisterNode","node","remove","mouseDownHandler","touchStartHandler","droppableContext","useMemoObject","createElement","DroppableContext","Provider","value","_default","exports"],"sources":["../../src/Droppable.tsx"],"sourcesContent":["import useMemoObject from '@os-design/use-memo-object';\nimport React, {\n  MouseEvent,\n  RefObject,\n  TouchEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport NodeList, {\n  ExistingNode,\n  NodeProps,\n  RenderDraggedNode,\n} from './utils/NodeList';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport { DroppableContext } from './utils/useDroppable';\nimport useGeneratedId from './utils/useGeneratedId';\n\nexport interface DroppableChildrenProps {\n  /**\n   * The reference to the list.\n   * If a virtual list is used, pass it to the outerRef prop.\n   */\n  ref: RefObject<HTMLDivElement>;\n  /**\n   * The reference to the container inside the virtual list.\n   * Pass it to the innerRef prop.\n   */\n  innerRef: RefObject<HTMLDivElement>;\n}\n\nexport interface DroppableProps {\n  /**\n   * The function that renders the dragged node.\n   */\n  renderDraggedNode: RenderDraggedNode;\n  /**\n   * The ID of the list with draggable nodes.\n   * Used to determine in which list the dragged node was dropped.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * Whether the list is horizontal.\n   * @default false\n   */\n  horizontal?: boolean;\n  /**\n   * The function that renders the list with draggable nodes.\n   */\n  children: (props: DroppableChildrenProps) => React.ReactNode;\n}\n\nconst Droppable: React.FC<DroppableProps> = ({\n  renderDraggedNode,\n  id,\n  horizontal = false,\n  children,\n}) => {\n  // The reference to the list\n  const ref = useRef<HTMLDivElement>(null);\n  // The reference to the container inside the virtual list\n  const innerRef = useRef<HTMLDivElement>(null);\n  // The unique ID of the list. If no ID was specified, the generated one is used.\n  const generatedId = useGeneratedId();\n  const droppableId = useMemo(() => id || generatedId, [generatedId, id]);\n  // The reference to the list of nodes\n  const listRef = useRef(\n    new NodeList({\n      id: droppableId,\n      ref,\n      innerRef,\n      horizontal,\n      renderDraggedNode,\n    })\n  );\n\n  // Update the ID of the list if it changes\n  useEffect(() => {\n    listRef.current.id = droppableId;\n  }, [droppableId]);\n\n  // Update the list orientation if it changes.\n  // There is no need to check the order of the nodes in the list because it will be the same.\n  useEffect(() => {\n    listRef.current.horizontal = horizontal;\n  }, [horizontal]);\n\n  // Update the callback that renders the dragged node if it changes\n  useEffect(() => {\n    listRef.current.renderDraggedNode = renderDraggedNode;\n  }, [renderDraggedNode]);\n\n  const { registerList, deregisterList, onMouseDown, onTouchStart } =\n    useDragAndDrop();\n\n  // Register the list in the store\n  useEffect(() => {\n    registerList(listRef.current);\n    const listId = listRef.current.id;\n    return () => deregisterList(listId);\n  }, [deregisterList, registerList]);\n\n  const registerNode = useCallback(\n    (props: NodeProps) => listRef.current.add(props),\n    []\n  );\n  const deregisterNode = useCallback((node: ExistingNode) => {\n    listRef.current.remove(node);\n  }, []);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, node: ExistingNode) => {\n      onMouseDown(e, listRef.current, node);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, node: ExistingNode) => {\n      onTouchStart(e, listRef.current, node);\n    },\n    [onTouchStart]\n  );\n\n  const droppableContext = useMemoObject({\n    registerNode,\n    deregisterNode,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return (\n    <DroppableContext.Provider value={droppableContext}>\n      {(children as (props: DroppableChildrenProps) => React.ReactNode)({\n        ref,\n        innerRef,\n      })}\n    </DroppableContext.Provider>\n  );\n};\n\nexport default Droppable;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DragAndDrop: true,
-  Droppable: true,
-  Draggable: true
-};
-Object.defineProperty(exports, "DragAndDrop", {
-  enumerable: true,
-  get: function get() {
-    return _DragAndDrop["default"];
-  }
-});
-Object.defineProperty(exports, "Draggable", {
-  enumerable: true,
-  get: function get() {
-    return _Draggable["default"];
-  }
-});
-Object.defineProperty(exports, "Droppable", {
-  enumerable: true,
-  get: function get() {
-    return _Droppable["default"];
-  }
-});
-var _DragAndDrop = _interopRequireWildcard(require("./DragAndDrop"));
-Object.keys(_DragAndDrop).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DragAndDrop[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DragAndDrop[key];
-    }
-  });
-});
-var _Droppable = _interopRequireWildcard(require("./Droppable"));
-Object.keys(_Droppable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Droppable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Droppable[key];
-    }
-  });
-});
-var _Draggable = _interopRequireWildcard(require("./Draggable"));
-Object.keys(_Draggable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Draggable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Draggable[key];
-    }
-  });
-});
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_DragAndDrop","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Droppable","_Draggable","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as DragAndDrop } from './DragAndDrop';\nexport { default as Droppable } from './Droppable';\nexport { default as Draggable } from './Draggable';\n\nexport * from './DragAndDrop';\nexport * from './Droppable';\nexport * from './Draggable';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/utils/ListStore.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * Stores all the lists where the draggable items is located.
- */
-var ListStore = /*#__PURE__*/function () {
-  function ListStore() {
-    _classCallCheck(this, ListStore);
-    this.lists = void 0;
-    this.lists = [];
-  }
-
-  /**
-   * Adds a new list to the store.
-   */
-  return _createClass(ListStore, [{
-    key: "add",
-    value: function add(list) {
-      this.lists.push(list);
-    }
-
-    /**
-     * Removes the list from the store.
-     */
-  }, {
-    key: "remove",
-    value: function remove(id) {
-      var index = this.lists.findIndex(function (item) {
-        return item.id === id;
-      });
-      if (index === -1) return;
-      this.lists.splice(index, 1);
-    }
-
-    /**
-     * Returns the list in which the position is located.
-     */
-  }, {
-    key: "findByPosition",
-    value: function findByPosition(x, y) {
-      return this.lists.find(function (list) {
-        var current = list.ref.current;
-        if (!current) return false;
-        var rect = current.getBoundingClientRect();
-        return x >= rect.x && x <= rect.x + rect.width && y >= rect.y && y <= rect.y + rect.height;
-      });
-    }
-  }]);
-}();
-var _default = exports["default"] = ListStore;
-//# sourceMappingURL=ListStore.js.map

package/dist/cjs/utils/ListStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListStore.js","names":["ListStore","_classCallCheck","lists","_createClass","key","value","add","list","push","remove","id","index","findIndex","item","splice","findByPosition","x","y","find","current","ref","rect","getBoundingClientRect","width","height","_default","exports"],"sources":["../../../src/utils/ListStore.ts"],"sourcesContent":["import NodeList from './NodeList';\n\n/**\n * Stores all the lists where the draggable items is located.\n */\nclass ListStore {\n  private lists: NodeList[];\n\n  public constructor() {\n    this.lists = [];\n  }\n\n  /**\n   * Adds a new list to the store.\n   */\n  public add(list: NodeList) {\n    this.lists.push(list);\n  }\n\n  /**\n   * Removes the list from the store.\n   */\n  public remove(id: string) {\n    const index = this.lists.findIndex((item) => item.id === id);\n    if (index === -1) return;\n    this.lists.splice(index, 1);\n  }\n\n  /**\n   * Returns the list in which the position is located.\n   */\n  public findByPosition(x: number, y: number) {\n    return this.lists.find((list) => {\n      const { current } = list.ref;\n      if (!current) return false;\n      const rect = current.getBoundingClientRect();\n      return (\n        x >= rect.x &&\n        x <= rect.x + rect.width &&\n        y >= rect.y &&\n        y <= rect.y + rect.height\n      );\n    });\n  }\n}\n\nexport default ListStore;\n"],"mappings":";;;;;;;;;;;;AAEA;AACA;AACA;AAFA,IAGMA,SAAS;EAGb,SAAAA,UAAA,EAAqB;IAAAC,eAAA,OAAAD,SAAA;IAAA,KAFbE,KAAK;IAGX,IAAI,CAACA,KAAK,GAAG,EAAE;EACjB;;EAEA;AACF;AACA;EAFE,OAAAC,YAAA,CAAAH,SAAA;IAAAI,GAAA;IAAAC,KAAA,EAGA,SAAAC,IAAWC,IAAc,EAAE;MACzB,IAAI,CAACL,KAAK,CAACM,IAAI,CAACD,IAAI,CAAC;IACvB;;IAEA;AACF;AACA;EAFE;IAAAH,GAAA;IAAAC,KAAA,EAGA,SAAAI,OAAcC,EAAU,EAAE;MACxB,IAAMC,KAAK,GAAG,IAAI,CAACT,KAAK,CAACU,SAAS,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACH,EAAE,KAAKA,EAAE;MAAA,EAAC;MAC5D,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;MAClB,IAAI,CAACT,KAAK,CAACY,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;IAC7B;;IAEA;AACF;AACA;EAFE;IAAAP,GAAA;IAAAC,KAAA,EAGA,SAAAU,eAAsBC,CAAS,EAAEC,CAAS,EAAE;MAC1C,OAAO,IAAI,CAACf,KAAK,CAACgB,IAAI,CAAC,UAACX,IAAI,EAAK;QAC/B,IAAQY,OAAO,GAAKZ,IAAI,CAACa,GAAG,CAApBD,OAAO;QACf,IAAI,CAACA,OAAO,EAAE,OAAO,KAAK;QAC1B,IAAME,IAAI,GAAGF,OAAO,CAACG,qBAAqB,CAAC,CAAC;QAC5C,OACEN,CAAC,IAAIK,IAAI,CAACL,CAAC,IACXA,CAAC,IAAIK,IAAI,CAACL,CAAC,GAAGK,IAAI,CAACE,KAAK,IACxBN,CAAC,IAAII,IAAI,CAACJ,CAAC,IACXA,CAAC,IAAII,IAAI,CAACJ,CAAC,GAAGI,IAAI,CAACG,MAAM;MAE7B,CAAC,CAAC;IACJ;EAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAGY1B,SAAS","ignoreList":[]}