@os-design/drag-sort 1.0.18 → 1.0.19

package/dist/cjs/utils/useDragEffect.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
-var _useThrottle3 = _interopRequireDefault(require("@os-design/use-throttle"));
 var _useEvent = _interopRequireDefault(require("@os-design/use-event"));
+var _useThrottle3 = _interopRequireDefault(require("@os-design/use-throttle"));
+var _react = require("react");
 var _getElementScroll2 = _interopRequireDefault(require("./getElementScroll"));
-var _useTargetList = _interopRequireDefault(require("./useTargetList"));
+var _getNodeRect = _interopRequireDefault(require("./getNodeRect"));
+var _useBlankNode = _interopRequireDefault(require("./useBlankNode"));
+var _useGetNodeStyle = _interopRequireDefault(require("./useGetNodeStyle"));
 var _useInitRect = _interopRequireDefault(require("./useInitRect"));
 var _useInitScrollOffset = _interopRequireDefault(require("./useInitScrollOffset"));
-var _useGetNodeStyle = _interopRequireDefault(require("./useGetNodeStyle"));
 var _useMoveNode = _interopRequireDefault(require("./useMoveNode"));
-var _getNodeRect = _interopRequireDefault(require("./getNodeRect"));
-var _useBlankNode = _interopRequireDefault(require("./useBlankNode"));
+var _useTargetList = _interopRequireDefault(require("./useTargetList"));
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var HIDDEN_NODE_STYLE = {
   opacity: 0,
@@ -220,7 +220,7 @@ var useDragEffect = function useDragEffect(props) {
         if (isDraggingUp) {
           var _tail2 = targetList.getTail();
           if (!_tail2 || !_tail2[2].current) return;
-          var _node4 = moveNode({
+          var _node3 = moveNode({
             list: targetList,
             startNode: createEmptyNode({
               prev: _tail2
@@ -228,11 +228,11 @@ var useDragEffect = function useDragEffect(props) {
             direction: 'up',
             destination: 'cursor'
           });
-          setTargetNode(targetList, _node4);
+          setTargetNode(targetList, _node3);
         } else {
           var head = targetList.getHead();
           if (!head || !head[2].current) return;
-          var _node5 = moveNode({
+          var _node4 = moveNode({
             list: targetList,
             startNode: createEmptyNode({
               next: head
@@ -240,7 +240,7 @@ var useDragEffect = function useDragEffect(props) {
             direction: 'down',
             destination: 'cursor'
           });
-          setTargetNode(targetList, _node5);
+          setTargetNode(targetList, _node4);
         }
         return;
       }
@@ -248,7 +248,7 @@ var useDragEffect = function useDragEffect(props) {
       var startRectProp = targetList.horizontal ? 'left' : 'top';
       if (!position || !prevTargetNodeRect) return;
       var isMoveUp = position[axis] < prevTargetNodeRect[startRectProp];
-      var _node3 = isMoveUp ? moveNode({
+      var _node5 = isMoveUp ? moveNode({
         list: targetList,
         startNode: prevTargetNode.node,
         direction: 'up',
@@ -259,7 +259,7 @@ var useDragEffect = function useDragEffect(props) {
         direction: 'down',
         destination: 'cursor'
       });
-      setTargetNode(targetList, _node3);
+      setTargetNode(targetList, _node5);
       return;
     }
 

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

@@ -1 +1 @@
-{"version":3,"file":"useDragEffect.js","names":["HIDDEN_NODE_STYLE","opacity","pointerEvents","createEmptyNode","prev","next","current","useDragEffect","props","draggedNode","cursorPosition","listStoreRef","onDragEnd","targetRef","useRef","targetNodeRef","useEffect","onDragEndRef","initDraggedNodeRect","useInitRect","node","undefined","initDraggedNodeListScrollOffset","useInitScrollOffset","list","ref","position","useMemo","x","y","initWidth","initHeight","targetList","useTargetList","getNodeStyle","useGetNodeStyle","moveNode","useMoveNode","setTargetNode","useCallback","nodeIndex","nodeId","listId","id","index","clearTargetNode","getDraggedNodePos","initX","initY","initScrollLeft","initScrollTop","getElementScroll","scrollLeft","scrollTop","getDraggedNodePosRef","draggedNodeSetStyle","removeBlankNode","useBlankNode","updateTargetNode","prevTargetNode","startNode","direction","destination","isAnotherList","tail","getTail","axis","horizontal","prevTargetNodeRef","draggedNodePos","isDraggingUp","head","getHead","prevTargetNodeRect","getNodeRect","startRectProp","isMoveUp","useThrottle","throttledUpdateTargetNode","useEvent","window","draggedNodeIndex","targetNode","nodeSetStyle","targetNodeIndex","targetNodeSetStyle","update","nodeProps","setStyle","addListener","removeListener","target","draggedNodeId","dragged"],"sources":["../../../src/utils/useDragEffect.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport useThrottle from '@os-design/use-throttle';\nimport useEvent from '@os-design/use-event';\nimport NodeList, { ExistingNode, Node, NodeProps } from './NodeList';\nimport ListStore from './ListStore';\nimport getElementScroll from './getElementScroll';\nimport useTargetList from './useTargetList';\nimport useInitRect from './useInitRect';\nimport useInitScrollOffset from './useInitScrollOffset';\nimport useGetNodeStyle from './useGetNodeStyle';\nimport useMoveNode from './useMoveNode';\nimport getNodeRect from './getNodeRect';\nimport useBlankNode from './useBlankNode';\n\nexport interface DraggedNode {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ninterface TargetNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\nexport interface ItemLocation {\n  listId: string;\n  index: number;\n  id: string;\n}\n\nexport type DragEndHandler = (\n  dragged: ItemLocation,\n  target: ItemLocation\n) => void;\n\ninterface UseDragEffectProps {\n  draggedNode: DraggedNode | null;\n  cursorPosition: Position;\n  listStoreRef: RefObject<ListStore>;\n  onDragEnd: DragEndHandler;\n}\n\nconst HIDDEN_NODE_STYLE: CSSProperties = {\n  opacity: 0,\n  pointerEvents: 'none',\n};\n\nconst createEmptyNode = ({\n  prev = null,\n  next = null,\n}: {\n  prev?: Node;\n  next?: Node;\n}): ExistingNode => [prev, next, { current: null }, () => {}, -1, 'id'];\n\n/* eslint-disable no-constant-condition */\n\nconst useDragEffect = (props: UseDragEffectProps) => {\n  const { draggedNode, cursorPosition, listStoreRef, onDragEnd } = props;\n\n  const targetRef = useRef<ItemLocation | null>(null);\n  const targetNodeRef = useRef<TargetNode | null>(draggedNode);\n\n  useEffect(() => {\n    targetNodeRef.current = draggedNode;\n  }, [draggedNode]);\n\n  const onDragEndRef = useRef(onDragEnd);\n  useEffect(() => {\n    onDragEndRef.current = onDragEnd;\n  }, [onDragEnd]);\n\n  // The initial bounds of the dragged node.\n  // We can't read the bounds of the dragged node on the fly because the node can be unmounted in the virtual list.\n  const initDraggedNodeRect = useInitRect(\n    draggedNode ? draggedNode.node[2] : undefined\n  );\n\n  // The initial scroll position of the list where the dragged node is located.\n  // Used to detect the actual position of the dragged node. The purpose is the same as with initDraggedNodeRect.\n  const initDraggedNodeListScrollOffset = useInitScrollOffset(\n    draggedNode ? draggedNode.list.ref : undefined\n  );\n\n  // The central position of the dragged node\n  const position = useMemo(() => {\n    if (!draggedNode || !initDraggedNodeRect) return null;\n    const { x, y } = cursorPosition;\n    const { initWidth, initHeight } = initDraggedNodeRect;\n    return {\n      x: x - draggedNode.position.x + initWidth / 2,\n      y: y - draggedNode.position.y + initHeight / 2,\n    };\n  }, [cursorPosition, draggedNode, initDraggedNodeRect]);\n\n  // The list in which the cursor is located\n  const targetList = useTargetList(position, listStoreRef);\n\n  // Returns the style for moving the node in the specified direction\n  const getNodeStyle = useGetNodeStyle(initDraggedNodeRect);\n\n  // Moves the node up or down\n  const moveNode = useMoveNode({ position, draggedNode, getNodeStyle });\n\n  const setTargetNode = useCallback((list: NodeList, node: ExistingNode) => {\n    const [, , , , nodeIndex, nodeId] = node;\n    targetNodeRef.current = { list, node };\n    targetRef.current = {\n      listId: list.id,\n      index: nodeIndex,\n      id: nodeId,\n    };\n  }, []);\n\n  const clearTargetNode = useCallback(() => {\n    targetNodeRef.current = null;\n    targetRef.current = null;\n  }, []);\n\n  // Returns the central position of the dragged node in the list\n  const getDraggedNodePos = useCallback(() => {\n    if (\n      !targetList ||\n      !targetList.ref.current ||\n      !initDraggedNodeRect ||\n      !initDraggedNodeListScrollOffset\n    ) {\n      return null;\n    }\n    const { initX, initY, initWidth, initHeight } = initDraggedNodeRect;\n    const { initScrollLeft, initScrollTop } = initDraggedNodeListScrollOffset;\n    const { scrollLeft, scrollTop } = getElementScroll(targetList.ref.current);\n    return {\n      x: initX + initWidth / 2 + initScrollLeft - scrollLeft,\n      y: initY + initHeight / 2 + initScrollTop - scrollTop,\n    };\n  }, [initDraggedNodeListScrollOffset, initDraggedNodeRect, targetList]);\n\n  const getDraggedNodePosRef = useRef(getDraggedNodePos);\n  useEffect(() => {\n    getDraggedNodePosRef.current = getDraggedNodePos;\n  }, [getDraggedNodePos]);\n\n  // Hide the dragged node\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , draggedNodeSetStyle] = draggedNode.node;\n    draggedNodeSetStyle(HIDDEN_NODE_STYLE);\n    return () => draggedNodeSetStyle({});\n  }, [draggedNode]);\n\n  // Append the blank node to the list to increase the height of it.\n  // Used when the dragged node is located inside another list.\n  const removeBlankNode = useBlankNode({\n    draggedNode,\n    targetList,\n    initDraggedNodeRect,\n  });\n\n  const updateTargetNode = useCallback(() => {\n    if (!draggedNode) return;\n    const prevTargetNode = targetNodeRef.current; // The last updated node\n\n    // Dragging outside the origin list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list === draggedNode.list &&\n      targetList !== draggedNode.list\n    ) {\n      moveNode({\n        list: prevTargetNode.list,\n        startNode: prevTargetNode.node,\n        direction: 'down',\n        destination: 'end',\n      });\n      clearTargetNode();\n    }\n\n    // Dragging outside another list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list !== draggedNode.list &&\n      targetList !== prevTargetNode.list\n    ) {\n      moveNode({\n        list: prevTargetNode.list,\n        startNode: prevTargetNode.node,\n        direction: 'down',\n        destination: 'end',\n        isAnotherList: true,\n      });\n      removeBlankNode();\n      clearTargetNode();\n    }\n\n    // Dragging inside the origin list\n    if (!prevTargetNode && targetList === draggedNode.list) {\n      const tail = targetList.getTail();\n      if (!tail) return;\n      const node = moveNode({\n        list: targetList,\n        startNode: tail,\n        direction: 'up',\n        destination: 'cursor',\n      });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging inside another list\n    if (\n      targetList &&\n      targetList !== draggedNode.list &&\n      (!prevTargetNode || prevTargetNode.list !== targetList)\n    ) {\n      const tail = targetList.getTail();\n      if (!tail) return;\n      const node = moveNode({\n        list: targetList,\n        startNode: tail,\n        direction: 'up',\n        destination: 'cursor',\n        isAnotherList: true,\n      });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging in the origin list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list === draggedNode.list &&\n      targetList === draggedNode.list\n    ) {\n      const axis = targetList.horizontal ? 'x' : 'y';\n      const [, , prevTargetNodeRef, ,] = prevTargetNode.node;\n      if (!prevTargetNodeRef.current) {\n        // The target node was unmounted. It happens when the virtual list is used.\n        // If the cursor is above the dragged node, we need to move the nodes down from the tail to the node where\n        // the cursor is located. Otherwise, we need to move the nodes up from the head to the node where the cursor\n        // is located.\n        const draggedNodePos = getDraggedNodePosRef.current();\n        if (!position || !draggedNodePos) return;\n        const isDraggingUp = position[axis] < draggedNodePos[axis];\n        if (isDraggingUp) {\n          const tail = targetList.getTail();\n          if (!tail || !tail[2].current) return;\n          const node = moveNode({\n            list: targetList,\n            startNode: createEmptyNode({ prev: tail }),\n            direction: 'up',\n            destination: 'cursor',\n          });\n          setTargetNode(targetList, node);\n        } else {\n          const head = targetList.getHead();\n          if (!head || !head[2].current) return;\n          const node = moveNode({\n            list: targetList,\n            startNode: createEmptyNode({ next: head }),\n            direction: 'down',\n            destination: 'cursor',\n          });\n          setTargetNode(targetList, node);\n        }\n        return;\n      }\n      const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);\n      const startRectProp = targetList.horizontal ? 'left' : 'top';\n      if (!position || !prevTargetNodeRect) return;\n      const isMoveUp = position[axis] < prevTargetNodeRect[startRectProp];\n      const node = isMoveUp\n        ? moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'up',\n            destination: 'cursor',\n          })\n        : moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'down',\n            destination: 'cursor',\n          });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging in another list\n    if (\n      targetList &&\n      targetList !== draggedNode.list &&\n      prevTargetNode &&\n      prevTargetNode.list === targetList\n    ) {\n      const axis = targetList.horizontal ? 'x' : 'y';\n      const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);\n      const startRectProp = targetList.horizontal ? 'left' : 'top';\n      if (!position || !prevTargetNodeRect) return;\n      const isMoveUp = position[axis] < prevTargetNodeRect[startRectProp];\n      const node = isMoveUp\n        ? moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'up',\n            destination: 'cursor',\n            isAnotherList: true,\n          })\n        : moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'down',\n            destination: 'cursor',\n            isAnotherList: true,\n          });\n      setTargetNode(targetList, node);\n    }\n  }, [\n    draggedNode,\n    targetList,\n    moveNode,\n    clearTargetNode,\n    removeBlankNode,\n    setTargetNode,\n    position,\n  ]);\n\n  // Update the target node if either the position or the target list has been changed\n  useEffect(() => {\n    updateTargetNode();\n  }, [updateTargetNode]);\n\n  // Update the target node if the target list has been scrolled\n  const [throttledUpdateTargetNode] = useThrottle(updateTargetNode, 100);\n  useEvent(\n    (targetList ? targetList.ref : undefined) as unknown as EventTarget,\n    'scroll',\n    throttledUpdateTargetNode\n  );\n  useEvent(window, 'scroll', throttledUpdateTargetNode);\n\n  // Reset styles of the affected nodes when the dragged node was dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , , draggedNodeIndex] = draggedNode.node;\n    return () => {\n      const targetNode = targetNodeRef.current;\n\n      // If the dragged node was outside the origin list, reset the styles for the nodes,\n      // starting at the tail and ending with the dragged node in the origin list.\n      if (!targetNode || targetNode.list !== draggedNode.list) {\n        const tail = draggedNode.list.getTail();\n        if (tail) {\n          let node = tail;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= draggedNodeIndex) break;\n            node = prev;\n          }\n        }\n      }\n\n      // If the dragged node was inside another list, reset the styles for the nodes,\n      // starting at the tail and ending with the dragged node in the target list.\n      if (targetNode && targetNode.list !== draggedNode.list) {\n        const tail = targetNode.list.getTail();\n        const [, , , , targetNodeIndex] = targetNode.node;\n        if (tail) {\n          let node = tail;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= targetNodeIndex) break;\n            node = prev;\n          }\n        }\n      }\n\n      // If the dragged node was moved inside the origin list, reset the styles for the nodes,\n      // starting with target node and ending with the dragged node.\n      if (targetNode && targetNode.list === draggedNode.list) {\n        const [, , , targetNodeSetStyle, targetNodeIndex] = targetNode.node;\n        if (targetNodeIndex > draggedNodeIndex) {\n          let { node } = targetNode;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= draggedNodeIndex) break;\n            node = prev;\n          }\n        } else if (targetNodeIndex < draggedNodeIndex) {\n          let { node } = targetNode;\n          while (true) {\n            const [, next, , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!next || nodeIndex >= draggedNodeIndex) break;\n            node = next;\n          }\n        } else if (targetNodeIndex === draggedNodeIndex) {\n          targetNodeSetStyle({});\n        }\n      }\n    };\n  }, [draggedNode]);\n\n  // Update the position of the newly mounted nodes in the origin list (used in the virtual list)\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , , draggedNodeIndex] = draggedNode.node;\n\n    const update = (nodeProps: NodeProps) => {\n      const { setStyle, index } = nodeProps;\n      const targetNode = targetNodeRef.current;\n\n      // Set the hidden style, if the mounted node is the dragged node\n      if (index === draggedNodeIndex) {\n        setStyle(HIDDEN_NODE_STYLE);\n        return;\n      }\n\n      // If the dragged node is inside the origin list\n      if (targetNode && targetNode.list === draggedNode.list) {\n        // Move the mounted node up/down, if it is located between the dragged and target node\n        const [, , , , targetNodeIndex] = targetNode.node;\n        if (index > draggedNodeIndex && index < targetNodeIndex) {\n          setStyle(getNodeStyle('up', targetNode.list.horizontal));\n        } else if (index < draggedNodeIndex && index > targetNodeIndex) {\n          setStyle(getNodeStyle('down', targetNode.list.horizontal));\n        }\n      } else if (index > draggedNodeIndex) {\n        // Otherwise, move the mounted node up, if it is located below the dragged node\n        setStyle(getNodeStyle('up', draggedNode.list.horizontal));\n      }\n    };\n\n    draggedNode.list.addListener(update);\n    return () => draggedNode.list.removeListener(update);\n  }, [draggedNode, getNodeStyle]);\n\n  // Update the position of the newly mounted nodes in the target list (used in the virtual list)\n  useEffect(() => {\n    if (!draggedNode || !targetList || targetList === draggedNode.list) {\n      return () => {};\n    }\n\n    const update = (nodeProps: NodeProps) => {\n      const { setStyle, index } = nodeProps;\n      const targetNode = targetNodeRef.current;\n      if (!targetNode) return;\n      const [, , , , targetNodeIndex] = targetNode.node;\n      if (index >= targetNodeIndex) {\n        // Move the mounted node down, if it is located below the target node or if it is the target node\n        setStyle(getNodeStyle('down', targetList.horizontal));\n      }\n    };\n\n    targetList.addListener(update);\n    return () => targetList.removeListener(update);\n  }, [draggedNode, getNodeStyle, targetList]);\n\n  // Call the onDragEnd callback if the draggedNode was changed to null\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => {\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const target = targetRef.current;\n      if (!target) return;\n      const [, , , , draggedNodeIndex, draggedNodeId] = draggedNode.node;\n      const dragged = {\n        listId: draggedNode.list.id,\n        index: draggedNodeIndex,\n        id: draggedNodeId,\n      };\n      if (dragged.id === target.id && dragged.index === target.index) return;\n      onDragEndRef.current(dragged, target);\n    };\n  }, [draggedNode]);\n};\n\nexport default useDragEffect;\n"],"mappings":";;;;;;AACA;AAQA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+B1C,IAAMA,iBAAgC,GAAG;EACvCC,OAAO,EAAE,CAAC;EACVC,aAAa,EAAE;AACjB,CAAC;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAe;EAAA,qBACnBC,IAAI;IAAJA,IAAI,0BAAG,IAAI;IAAA,iBACXC,IAAI;IAAJA,IAAI,0BAAG,IAAI;EAAA,OAIO,CAACD,IAAI,EAAEC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,EAAE,YAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;AAAA;;AAEvE;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAyB,EAAK;EACnD,IAAQC,WAAW,GAA8CD,KAAK,CAA9DC,WAAW;IAAEC,cAAc,GAA8BF,KAAK,CAAjDE,cAAc;IAAEC,YAAY,GAAgBH,KAAK,CAAjCG,YAAY;IAAEC,SAAS,GAAKJ,KAAK,CAAnBI,SAAS;EAE5D,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACnD,IAAMC,aAAa,GAAG,IAAAD,aAAM,EAAoBL,WAAW,CAAC;EAE5D,IAAAO,gBAAS,EAAC,YAAM;IACdD,aAAa,CAACT,OAAO,GAAGG,WAAW;EACrC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAMQ,YAAY,GAAG,IAAAH,aAAM,EAACF,SAAS,CAAC;EACtC,IAAAI,gBAAS,EAAC,YAAM;IACdC,YAAY,CAACX,OAAO,GAAGM,SAAS;EAClC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;;EAEf;EACA;EACA,IAAMM,mBAAmB,GAAG,IAAAC,uBAAW,EACrCV,WAAW,GAAGA,WAAW,CAACW,IAAI,CAAC,CAAC,CAAC,GAAGC,SAAS,CAC9C;;EAED;EACA;EACA,IAAMC,+BAA+B,GAAG,IAAAC,+BAAmB,EACzDd,WAAW,GAAGA,WAAW,CAACe,IAAI,CAACC,GAAG,GAAGJ,SAAS,CAC/C;;EAED;EACA,IAAMK,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC7B,IAAI,CAAClB,WAAW,IAAI,CAACS,mBAAmB,EAAE,OAAO,IAAI;IACrD,IAAQU,CAAC,GAAQlB,cAAc,CAAvBkB,CAAC;MAAEC,CAAC,GAAKnB,cAAc,CAApBmB,CAAC;IACZ,IAAQC,SAAS,GAAiBZ,mBAAmB,CAA7CY,SAAS;MAAEC,UAAU,GAAKb,mBAAmB,CAAlCa,UAAU;IAC7B,OAAO;MACLH,CAAC,EAAEA,CAAC,GAAGnB,WAAW,CAACiB,QAAQ,CAACE,CAAC,GAAGE,SAAS,GAAG,CAAC;MAC7CD,CAAC,EAAEA,CAAC,GAAGpB,WAAW,CAACiB,QAAQ,CAACG,CAAC,GAAGE,UAAU,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,CAACrB,cAAc,EAAED,WAAW,EAAES,mBAAmB,CAAC,CAAC;;EAEtD;EACA,IAAMc,UAAU,GAAG,IAAAC,yBAAa,EAACP,QAAQ,EAAEf,YAAY,CAAC;;EAExD;EACA,IAAMuB,YAAY,GAAG,IAAAC,2BAAe,EAACjB,mBAAmB,CAAC;;EAEzD;EACA,IAAMkB,QAAQ,GAAG,IAAAC,uBAAW,EAAC;IAAEX,QAAQ,EAARA,QAAQ;IAAEjB,WAAW,EAAXA,WAAW;IAAEyB,YAAY,EAAZA;EAAa,CAAC,CAAC;EAErE,IAAMI,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACf,IAAc,EAAEJ,IAAkB,EAAK;IACxE,2BAAoCA,IAAI;MAAzBoB,SAAS;MAAEC,MAAM;IAChC1B,aAAa,CAACT,OAAO,GAAG;MAAEkB,IAAI,EAAJA,IAAI;MAAEJ,IAAI,EAAJA;IAAK,CAAC;IACtCP,SAAS,CAACP,OAAO,GAAG;MAClBoC,MAAM,EAAElB,IAAI,CAACmB,EAAE;MACfC,KAAK,EAAEJ,SAAS;MAChBG,EAAE,EAAEF;IACN,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,eAAe,GAAG,IAAAN,kBAAW,EAAC,YAAM;IACxCxB,aAAa,CAACT,OAAO,GAAG,IAAI;IAC5BO,SAAS,CAACP,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAMwC,iBAAiB,GAAG,IAAAP,kBAAW,EAAC,YAAM;IAC1C,IACE,CAACP,UAAU,IACX,CAACA,UAAU,CAACP,GAAG,CAACnB,OAAO,IACvB,CAACY,mBAAmB,IACpB,CAACI,+BAA+B,EAChC;MACA,OAAO,IAAI;IACb;IACA,IAAQyB,KAAK,GAAmC7B,mBAAmB,CAA3D6B,KAAK;MAAEC,KAAK,GAA4B9B,mBAAmB,CAApD8B,KAAK;MAAElB,SAAS,GAAiBZ,mBAAmB,CAA7CY,SAAS;MAAEC,UAAU,GAAKb,mBAAmB,CAAlCa,UAAU;IAC3C,IAAQkB,cAAc,GAAoB3B,+BAA+B,CAAjE2B,cAAc;MAAEC,aAAa,GAAK5B,+BAA+B,CAAjD4B,aAAa;IACrC,wBAAkC,IAAAC,6BAAgB,EAACnB,UAAU,CAACP,GAAG,CAACnB,OAAO,CAAC;MAAlE8C,UAAU,qBAAVA,UAAU;MAAEC,SAAS,qBAATA,SAAS;IAC7B,OAAO;MACLzB,CAAC,EAAEmB,KAAK,GAAGjB,SAAS,GAAG,CAAC,GAAGmB,cAAc,GAAGG,UAAU;MACtDvB,CAAC,EAAEmB,KAAK,GAAGjB,UAAU,GAAG,CAAC,GAAGmB,aAAa,GAAGG;IAC9C,CAAC;EACH,CAAC,EAAE,CAAC/B,+BAA+B,EAAEJ,mBAAmB,EAAEc,UAAU,CAAC,CAAC;EAEtE,IAAMsB,oBAAoB,GAAG,IAAAxC,aAAM,EAACgC,iBAAiB,CAAC;EACtD,IAAA9B,gBAAS,EAAC,YAAM;IACdsC,oBAAoB,CAAChD,OAAO,GAAGwC,iBAAiB;EAClD,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;;EAEvB;EACA,IAAA9B,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,WAAW,EAAE,OAAO,YAAM,CAAC,CAAC;IACjC,uCAAoCA,WAAW,CAACW,IAAI;MAAvCmC,mBAAmB;IAChCA,mBAAmB,CAACvD,iBAAiB,CAAC;IACtC,OAAO;MAAA,OAAMuD,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,CAAC9C,WAAW,CAAC,CAAC;;EAEjB;EACA;EACA,IAAM+C,eAAe,GAAG,IAAAC,wBAAY,EAAC;IACnChD,WAAW,EAAXA,WAAW;IACXuB,UAAU,EAAVA,UAAU;IACVd,mBAAmB,EAAnBA;EACF,CAAC,CAAC;EAEF,IAAMwC,gBAAgB,GAAG,IAAAnB,kBAAW,EAAC,YAAM;IACzC,IAAI,CAAC9B,WAAW,EAAE;IAClB,IAAMkD,cAAc,GAAG5C,aAAa,CAACT,OAAO,CAAC,CAAC;;IAE9C;IACA,IACEqD,cAAc,IACdA,cAAc,CAACnC,IAAI,KAAKf,WAAW,CAACe,IAAI,IACxCQ,UAAU,KAAKvB,WAAW,CAACe,IAAI,EAC/B;MACAY,QAAQ,CAAC;QACPZ,IAAI,EAAEmC,cAAc,CAACnC,IAAI;QACzBoC,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE;MACf,CAAC,CAAC;MACFjB,eAAe,EAAE;IACnB;;IAEA;IACA,IACEc,cAAc,IACdA,cAAc,CAACnC,IAAI,KAAKf,WAAW,CAACe,IAAI,IACxCQ,UAAU,KAAK2B,cAAc,CAACnC,IAAI,EAClC;MACAY,QAAQ,CAAC;QACPZ,IAAI,EAAEmC,cAAc,CAACnC,IAAI;QACzBoC,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE,KAAK;QAClBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACFP,eAAe,EAAE;MACjBX,eAAe,EAAE;IACnB;;IAEA;IACA,IAAI,CAACc,cAAc,IAAI3B,UAAU,KAAKvB,WAAW,CAACe,IAAI,EAAE;MACtD,IAAMwC,IAAI,GAAGhC,UAAU,CAACiC,OAAO,EAAE;MACjC,IAAI,CAACD,IAAI,EAAE;MACX,IAAM5C,IAAI,GAAGgB,QAAQ,CAAC;QACpBZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAEI,IAAI;QACfH,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE;MACf,CAAC,CAAC;MACFxB,aAAa,CAACN,UAAU,EAAEZ,IAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACEY,UAAU,IACVA,UAAU,KAAKvB,WAAW,CAACe,IAAI,KAC9B,CAACmC,cAAc,IAAIA,cAAc,CAACnC,IAAI,KAAKQ,UAAU,CAAC,EACvD;MACA,IAAMgC,KAAI,GAAGhC,UAAU,CAACiC,OAAO,EAAE;MACjC,IAAI,CAACD,KAAI,EAAE;MACX,IAAM5C,MAAI,GAAGgB,QAAQ,CAAC;QACpBZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAEI,KAAI;QACfH,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACFzB,aAAa,CAACN,UAAU,EAAEZ,MAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACEuC,cAAc,IACdA,cAAc,CAACnC,IAAI,KAAKf,WAAW,CAACe,IAAI,IACxCQ,UAAU,KAAKvB,WAAW,CAACe,IAAI,EAC/B;MACA,IAAM0C,IAAI,GAAGlC,UAAU,CAACmC,UAAU,GAAG,GAAG,GAAG,GAAG;MAC9C,0CAAmCR,cAAc,CAACvC,IAAI;QAA3CgD,iBAAiB;MAC5B,IAAI,CAACA,iBAAiB,CAAC9D,OAAO,EAAE;QAC9B;QACA;QACA;QACA;QACA,IAAM+D,cAAc,GAAGf,oBAAoB,CAAChD,OAAO,EAAE;QACrD,IAAI,CAACoB,QAAQ,IAAI,CAAC2C,cAAc,EAAE;QAClC,IAAMC,YAAY,GAAG5C,QAAQ,CAACwC,IAAI,CAAC,GAAGG,cAAc,CAACH,IAAI,CAAC;QAC1D,IAAII,YAAY,EAAE;UAChB,IAAMN,MAAI,GAAGhC,UAAU,CAACiC,OAAO,EAAE;UACjC,IAAI,CAACD,MAAI,IAAI,CAACA,MAAI,CAAC,CAAC,CAAC,CAAC1D,OAAO,EAAE;UAC/B,IAAMc,MAAI,GAAGgB,QAAQ,CAAC;YACpBZ,IAAI,EAAEQ,UAAU;YAChB4B,SAAS,EAAEzD,eAAe,CAAC;cAAEC,IAAI,EAAE4D;YAAK,CAAC,CAAC;YAC1CH,SAAS,EAAE,IAAI;YACfC,WAAW,EAAE;UACf,CAAC,CAAC;UACFxB,aAAa,CAACN,UAAU,EAAEZ,MAAI,CAAC;QACjC,CAAC,MAAM;UACL,IAAMmD,IAAI,GAAGvC,UAAU,CAACwC,OAAO,EAAE;UACjC,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAAC,CAAC,CAAC,CAACjE,OAAO,EAAE;UAC/B,IAAMc,MAAI,GAAGgB,QAAQ,CAAC;YACpBZ,IAAI,EAAEQ,UAAU;YAChB4B,SAAS,EAAEzD,eAAe,CAAC;cAAEE,IAAI,EAAEkE;YAAK,CAAC,CAAC;YAC1CV,SAAS,EAAE,MAAM;YACjBC,WAAW,EAAE;UACf,CAAC,CAAC;UACFxB,aAAa,CAACN,UAAU,EAAEZ,MAAI,CAAC;QACjC;QACA;MACF;MACA,IAAMqD,kBAAkB,GAAG,IAAAC,uBAAW,EAACf,cAAc,CAACvC,IAAI,CAAC,CAAC,CAAC,CAAC;MAC9D,IAAMuD,aAAa,GAAG3C,UAAU,CAACmC,UAAU,GAAG,MAAM,GAAG,KAAK;MAC5D,IAAI,CAACzC,QAAQ,IAAI,CAAC+C,kBAAkB,EAAE;MACtC,IAAMG,QAAQ,GAAGlD,QAAQ,CAACwC,IAAI,CAAC,GAAGO,kBAAkB,CAACE,aAAa,CAAC;MACnE,IAAMvD,MAAI,GAAGwD,QAAQ,GACjBxC,QAAQ,CAAC;QACPZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE;MACf,CAAC,CAAC,GACF1B,QAAQ,CAAC;QACPZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE;MACf,CAAC,CAAC;MACNxB,aAAa,CAACN,UAAU,EAAEZ,MAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACEY,UAAU,IACVA,UAAU,KAAKvB,WAAW,CAACe,IAAI,IAC/BmC,cAAc,IACdA,cAAc,CAACnC,IAAI,KAAKQ,UAAU,EAClC;MACA,IAAMkC,KAAI,GAAGlC,UAAU,CAACmC,UAAU,GAAG,GAAG,GAAG,GAAG;MAC9C,IAAMM,mBAAkB,GAAG,IAAAC,uBAAW,EAACf,cAAc,CAACvC,IAAI,CAAC,CAAC,CAAC,CAAC;MAC9D,IAAMuD,cAAa,GAAG3C,UAAU,CAACmC,UAAU,GAAG,MAAM,GAAG,KAAK;MAC5D,IAAI,CAACzC,QAAQ,IAAI,CAAC+C,mBAAkB,EAAE;MACtC,IAAMG,SAAQ,GAAGlD,QAAQ,CAACwC,KAAI,CAAC,GAAGO,mBAAkB,CAACE,cAAa,CAAC;MACnE,IAAMvD,MAAI,GAAGwD,SAAQ,GACjBxC,QAAQ,CAAC;QACPZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC,GACF3B,QAAQ,CAAC;QACPZ,IAAI,EAAEQ,UAAU;QAChB4B,SAAS,EAAED,cAAc,CAACvC,IAAI;QAC9ByC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACNzB,aAAa,CAACN,UAAU,EAAEZ,MAAI,CAAC;IACjC;EACF,CAAC,EAAE,CACDX,WAAW,EACXuB,UAAU,EACVI,QAAQ,EACRS,eAAe,EACfW,eAAe,EACflB,aAAa,EACbZ,QAAQ,CACT,CAAC;;EAEF;EACA,IAAAV,gBAAS,EAAC,YAAM;IACd0C,gBAAgB,EAAE;EACpB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;;EAEtB;EACA,mBAAoC,IAAAmB,wBAAW,EAACnB,gBAAgB,EAAE,GAAG,CAAC;IAAA;IAA/DoB,yBAAyB;EAChC,IAAAC,oBAAQ,EACL/C,UAAU,GAAGA,UAAU,CAACP,GAAG,GAAGJ,SAAS,EACxC,QAAQ,EACRyD,yBAAyB,CAC1B;EACD,IAAAC,oBAAQ,EAACC,MAAM,EAAE,QAAQ,EAAEF,yBAAyB,CAAC;;EAErD;EACA,IAAA9D,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,WAAW,EAAE,OAAO,YAAM,CAAC,CAAC;IACjC,wCAAmCA,WAAW,CAACW,IAAI;MAApC6D,gBAAgB;IAC/B,OAAO,YAAM;MACX,IAAMC,UAAU,GAAGnE,aAAa,CAACT,OAAO;;MAExC;MACA;MACA,IAAI,CAAC4E,UAAU,IAAIA,UAAU,CAAC1D,IAAI,KAAKf,WAAW,CAACe,IAAI,EAAE;QACvD,IAAMwC,IAAI,GAAGvD,WAAW,CAACe,IAAI,CAACyC,OAAO,EAAE;QACvC,IAAID,IAAI,EAAE;UACR,IAAI5C,IAAI,GAAG4C,IAAI;UACf,OAAO,IAAI,EAAE;YACX,aAA4C5C,IAAI;cAAA;cAAzChB,IAAI;cAAM+E,YAAY;cAAE3C,SAAS;YACxC2C,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAC/E,IAAI,IAAIoC,SAAS,IAAIyC,gBAAgB,EAAE;YAC5C7D,IAAI,GAAGhB,IAAI;UACb;QACF;MACF;;MAEA;MACA;MACA,IAAI8E,UAAU,IAAIA,UAAU,CAAC1D,IAAI,KAAKf,WAAW,CAACe,IAAI,EAAE;QACtD,IAAMwC,MAAI,GAAGkB,UAAU,CAAC1D,IAAI,CAACyC,OAAO,EAAE;QACtC,sCAAkCiB,UAAU,CAAC9D,IAAI;UAAlCgE,eAAe;QAC9B,IAAIpB,MAAI,EAAE;UACR,IAAI5C,MAAI,GAAG4C,MAAI;UACf,OAAO,IAAI,EAAE;YACX,cAA4C5C,MAAI;cAAA;cAAzChB,KAAI;cAAM+E,aAAY;cAAE3C,UAAS;YACxC2C,aAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAC/E,KAAI,IAAIoC,UAAS,IAAI4C,eAAe,EAAE;YAC3ChE,MAAI,GAAGhB,KAAI;UACb;QACF;MACF;;MAEA;MACA;MACA,IAAI8E,UAAU,IAAIA,UAAU,CAAC1D,IAAI,KAAKf,WAAW,CAACe,IAAI,EAAE;QACtD,uCAAoD0D,UAAU,CAAC9D,IAAI;UAAtDiE,kBAAkB;UAAED,gBAAe;QAChD,IAAIA,gBAAe,GAAGH,gBAAgB,EAAE;UACtC,IAAM7D,OAAI,GAAK8D,UAAU,CAAnB9D,IAAI;UACV,OAAO,IAAI,EAAE;YACX,cAA4CA,OAAI;cAAA;cAAzChB,MAAI;cAAM+E,cAAY;cAAE3C,WAAS;YACxC2C,cAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAC/E,MAAI,IAAIoC,WAAS,IAAIyC,gBAAgB,EAAE;YAC5C7D,OAAI,GAAGhB,MAAI;UACb;QACF,CAAC,MAAM,IAAIgF,gBAAe,GAAGH,gBAAgB,EAAE;UAC7C,IAAM7D,OAAI,GAAK8D,UAAU,CAAnB9D,IAAI;UACV,OAAO,IAAI,EAAE;YACX,cAA4CA,OAAI;cAAA;cAAvCf,IAAI;cAAI8E,cAAY;cAAE3C,WAAS;YACxC2C,cAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAC9E,IAAI,IAAImC,WAAS,IAAIyC,gBAAgB,EAAE;YAC5C7D,OAAI,GAAGf,IAAI;UACb;QACF,CAAC,MAAM,IAAI+E,gBAAe,KAAKH,gBAAgB,EAAE;UAC/CI,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACxB;MACF;IACF,CAAC;EACH,CAAC,EAAE,CAAC5E,WAAW,CAAC,CAAC;;EAEjB;EACA,IAAAO,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,WAAW,EAAE,OAAO,YAAM,CAAC,CAAC;IACjC,wCAAmCA,WAAW,CAACW,IAAI;MAApC6D,gBAAgB;IAE/B,IAAMK,MAAM,GAAG,SAATA,MAAM,CAAIC,SAAoB,EAAK;MACvC,IAAQC,QAAQ,GAAYD,SAAS,CAA7BC,QAAQ;QAAE5C,KAAK,GAAK2C,SAAS,CAAnB3C,KAAK;MACvB,IAAMsC,UAAU,GAAGnE,aAAa,CAACT,OAAO;;MAExC;MACA,IAAIsC,KAAK,KAAKqC,gBAAgB,EAAE;QAC9BO,QAAQ,CAACxF,iBAAiB,CAAC;QAC3B;MACF;;MAEA;MACA,IAAIkF,UAAU,IAAIA,UAAU,CAAC1D,IAAI,KAAKf,WAAW,CAACe,IAAI,EAAE;QACtD;QACA,uCAAkC0D,UAAU,CAAC9D,IAAI;UAAlCgE,eAAe;QAC9B,IAAIxC,KAAK,GAAGqC,gBAAgB,IAAIrC,KAAK,GAAGwC,eAAe,EAAE;UACvDI,QAAQ,CAACtD,YAAY,CAAC,IAAI,EAAEgD,UAAU,CAAC1D,IAAI,CAAC2C,UAAU,CAAC,CAAC;QAC1D,CAAC,MAAM,IAAIvB,KAAK,GAAGqC,gBAAgB,IAAIrC,KAAK,GAAGwC,eAAe,EAAE;UAC9DI,QAAQ,CAACtD,YAAY,CAAC,MAAM,EAAEgD,UAAU,CAAC1D,IAAI,CAAC2C,UAAU,CAAC,CAAC;QAC5D;MACF,CAAC,MAAM,IAAIvB,KAAK,GAAGqC,gBAAgB,EAAE;QACnC;QACAO,QAAQ,CAACtD,YAAY,CAAC,IAAI,EAAEzB,WAAW,CAACe,IAAI,CAAC2C,UAAU,CAAC,CAAC;MAC3D;IACF,CAAC;IAED1D,WAAW,CAACe,IAAI,CAACiE,WAAW,CAACH,MAAM,CAAC;IACpC,OAAO;MAAA,OAAM7E,WAAW,CAACe,IAAI,CAACkE,cAAc,CAACJ,MAAM,CAAC;IAAA;EACtD,CAAC,EAAE,CAAC7E,WAAW,EAAEyB,YAAY,CAAC,CAAC;;EAE/B;EACA,IAAAlB,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,WAAW,IAAI,CAACuB,UAAU,IAAIA,UAAU,KAAKvB,WAAW,CAACe,IAAI,EAAE;MAClE,OAAO,YAAM,CAAC,CAAC;IACjB;IAEA,IAAM8D,MAAM,GAAG,SAATA,MAAM,CAAIC,SAAoB,EAAK;MACvC,IAAQC,QAAQ,GAAYD,SAAS,CAA7BC,QAAQ;QAAE5C,KAAK,GAAK2C,SAAS,CAAnB3C,KAAK;MACvB,IAAMsC,UAAU,GAAGnE,aAAa,CAACT,OAAO;MACxC,IAAI,CAAC4E,UAAU,EAAE;MACjB,uCAAkCA,UAAU,CAAC9D,IAAI;QAAlCgE,eAAe;MAC9B,IAAIxC,KAAK,IAAIwC,eAAe,EAAE;QAC5B;QACAI,QAAQ,CAACtD,YAAY,CAAC,MAAM,EAAEF,UAAU,CAACmC,UAAU,CAAC,CAAC;MACvD;IACF,CAAC;IAEDnC,UAAU,CAACyD,WAAW,CAACH,MAAM,CAAC;IAC9B,OAAO;MAAA,OAAMtD,UAAU,CAAC0D,cAAc,CAACJ,MAAM,CAAC;IAAA;EAChD,CAAC,EAAE,CAAC7E,WAAW,EAAEyB,YAAY,EAAEF,UAAU,CAAC,CAAC;;EAE3C;EACA,IAAAhB,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,WAAW,EAAE,OAAO,YAAM,CAAC,CAAC;IACjC,OAAO,YAAM;MACX;MACA,IAAMkF,MAAM,GAAG9E,SAAS,CAACP,OAAO;MAChC,IAAI,CAACqF,MAAM,EAAE;MACb,wCAAkDlF,WAAW,CAACW,IAAI;QAAnD6D,gBAAgB;QAAEW,aAAa;MAC9C,IAAMC,OAAO,GAAG;QACdnD,MAAM,EAAEjC,WAAW,CAACe,IAAI,CAACmB,EAAE;QAC3BC,KAAK,EAAEqC,gBAAgB;QACvBtC,EAAE,EAAEiD;MACN,CAAC;MACD,IAAIC,OAAO,CAAClD,EAAE,KAAKgD,MAAM,CAAChD,EAAE,IAAIkD,OAAO,CAACjD,KAAK,KAAK+C,MAAM,CAAC/C,KAAK,EAAE;MAChE3B,YAAY,CAACX,OAAO,CAACuF,OAAO,EAAEF,MAAM,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,CAAClF,WAAW,CAAC,CAAC;AACnB,CAAC;AAAC,eAEaF,aAAa;AAAA"}
+{"version":3,"file":"useDragEffect.js","names":["_useEvent","_interopRequireDefault","require","_useThrottle3","_react","_getElementScroll2","_getNodeRect","_useBlankNode","_useGetNodeStyle","_useInitRect","_useInitScrollOffset","_useMoveNode","_useTargetList","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","HIDDEN_NODE_STYLE","opacity","pointerEvents","createEmptyNode","_ref","_ref$prev","prev","_ref$next","current","useDragEffect","props","draggedNode","cursorPosition","listStoreRef","onDragEnd","targetRef","useRef","targetNodeRef","useEffect","onDragEndRef","initDraggedNodeRect","useInitRect","node","undefined","initDraggedNodeListScrollOffset","useInitScrollOffset","list","ref","position","useMemo","x","y","initWidth","initHeight","targetList","useTargetList","getNodeStyle","useGetNodeStyle","moveNode","useMoveNode","setTargetNode","useCallback","_node","nodeIndex","nodeId","listId","id","index","clearTargetNode","getDraggedNodePos","initX","initY","initScrollLeft","initScrollTop","_getElementScroll","getElementScroll","scrollLeft","scrollTop","getDraggedNodePosRef","_draggedNode$node","draggedNodeSetStyle","removeBlankNode","useBlankNode","updateTargetNode","prevTargetNode","startNode","direction","destination","isAnotherList","tail","getTail","axis","horizontal","_prevTargetNode$node","prevTargetNodeRef","draggedNodePos","isDraggingUp","head","getHead","prevTargetNodeRect","getNodeRect","startRectProp","isMoveUp","_useThrottle","useThrottle","_useThrottle2","throttledUpdateTargetNode","useEvent","window","_draggedNode$node2","draggedNodeIndex","targetNode","_node7","_node8","nodeSetStyle","_targetNode$node","targetNodeIndex","_node10","_node11","_targetNode$node2","targetNodeSetStyle","_node13","_node14","_node16","_node17","_draggedNode$node3","update","nodeProps","setStyle","_targetNode$node3","addListener","removeListener","_targetNode$node4","target","_draggedNode$node4","draggedNodeId","dragged","_default","exports"],"sources":["../../../src/utils/useDragEffect.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport useEvent from '@os-design/use-event';\nimport useThrottle from '@os-design/use-throttle';\nimport {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport ListStore from './ListStore';\nimport NodeList, { ExistingNode, Node, NodeProps } from './NodeList';\nimport getElementScroll from './getElementScroll';\nimport getNodeRect from './getNodeRect';\nimport useBlankNode from './useBlankNode';\nimport useGetNodeStyle from './useGetNodeStyle';\nimport useInitRect from './useInitRect';\nimport useInitScrollOffset from './useInitScrollOffset';\nimport useMoveNode from './useMoveNode';\nimport useTargetList from './useTargetList';\n\nexport interface DraggedNode {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ninterface TargetNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\nexport interface ItemLocation {\n  listId: string;\n  index: number;\n  id: string;\n}\n\nexport type DragEndHandler = (\n  dragged: ItemLocation,\n  target: ItemLocation\n) => void;\n\ninterface UseDragEffectProps {\n  draggedNode: DraggedNode | null;\n  cursorPosition: Position;\n  listStoreRef: RefObject<ListStore>;\n  onDragEnd: DragEndHandler;\n}\n\nconst HIDDEN_NODE_STYLE: CSSProperties = {\n  opacity: 0,\n  pointerEvents: 'none',\n};\n\nconst createEmptyNode = ({\n  prev = null,\n  next = null,\n}: {\n  prev?: Node;\n  next?: Node;\n}): ExistingNode => [prev, next, { current: null }, () => {}, -1, 'id'];\n\n/* eslint-disable no-constant-condition */\n\nconst useDragEffect = (props: UseDragEffectProps) => {\n  const { draggedNode, cursorPosition, listStoreRef, onDragEnd } = props;\n\n  const targetRef = useRef<ItemLocation | null>(null);\n  const targetNodeRef = useRef<TargetNode | null>(draggedNode);\n\n  useEffect(() => {\n    targetNodeRef.current = draggedNode;\n  }, [draggedNode]);\n\n  const onDragEndRef = useRef(onDragEnd);\n  useEffect(() => {\n    onDragEndRef.current = onDragEnd;\n  }, [onDragEnd]);\n\n  // The initial bounds of the dragged node.\n  // We can't read the bounds of the dragged node on the fly because the node can be unmounted in the virtual list.\n  const initDraggedNodeRect = useInitRect(\n    draggedNode ? draggedNode.node[2] : undefined\n  );\n\n  // The initial scroll position of the list where the dragged node is located.\n  // Used to detect the actual position of the dragged node. The purpose is the same as with initDraggedNodeRect.\n  const initDraggedNodeListScrollOffset = useInitScrollOffset(\n    draggedNode ? draggedNode.list.ref : undefined\n  );\n\n  // The central position of the dragged node\n  const position = useMemo(() => {\n    if (!draggedNode || !initDraggedNodeRect) return null;\n    const { x, y } = cursorPosition;\n    const { initWidth, initHeight } = initDraggedNodeRect;\n    return {\n      x: x - draggedNode.position.x + initWidth / 2,\n      y: y - draggedNode.position.y + initHeight / 2,\n    };\n  }, [cursorPosition, draggedNode, initDraggedNodeRect]);\n\n  // The list in which the cursor is located\n  const targetList = useTargetList(position, listStoreRef);\n\n  // Returns the style for moving the node in the specified direction\n  const getNodeStyle = useGetNodeStyle(initDraggedNodeRect);\n\n  // Moves the node up or down\n  const moveNode = useMoveNode({ position, draggedNode, getNodeStyle });\n\n  const setTargetNode = useCallback((list: NodeList, node: ExistingNode) => {\n    const [, , , , nodeIndex, nodeId] = node;\n    targetNodeRef.current = { list, node };\n    targetRef.current = {\n      listId: list.id,\n      index: nodeIndex,\n      id: nodeId,\n    };\n  }, []);\n\n  const clearTargetNode = useCallback(() => {\n    targetNodeRef.current = null;\n    targetRef.current = null;\n  }, []);\n\n  // Returns the central position of the dragged node in the list\n  const getDraggedNodePos = useCallback(() => {\n    if (\n      !targetList ||\n      !targetList.ref.current ||\n      !initDraggedNodeRect ||\n      !initDraggedNodeListScrollOffset\n    ) {\n      return null;\n    }\n    const { initX, initY, initWidth, initHeight } = initDraggedNodeRect;\n    const { initScrollLeft, initScrollTop } = initDraggedNodeListScrollOffset;\n    const { scrollLeft, scrollTop } = getElementScroll(targetList.ref.current);\n    return {\n      x: initX + initWidth / 2 + initScrollLeft - scrollLeft,\n      y: initY + initHeight / 2 + initScrollTop - scrollTop,\n    };\n  }, [initDraggedNodeListScrollOffset, initDraggedNodeRect, targetList]);\n\n  const getDraggedNodePosRef = useRef(getDraggedNodePos);\n  useEffect(() => {\n    getDraggedNodePosRef.current = getDraggedNodePos;\n  }, [getDraggedNodePos]);\n\n  // Hide the dragged node\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , draggedNodeSetStyle] = draggedNode.node;\n    draggedNodeSetStyle(HIDDEN_NODE_STYLE);\n    return () => draggedNodeSetStyle({});\n  }, [draggedNode]);\n\n  // Append the blank node to the list to increase the height of it.\n  // Used when the dragged node is located inside another list.\n  const removeBlankNode = useBlankNode({\n    draggedNode,\n    targetList,\n    initDraggedNodeRect,\n  });\n\n  const updateTargetNode = useCallback(() => {\n    if (!draggedNode) return;\n    const prevTargetNode = targetNodeRef.current; // The last updated node\n\n    // Dragging outside the origin list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list === draggedNode.list &&\n      targetList !== draggedNode.list\n    ) {\n      moveNode({\n        list: prevTargetNode.list,\n        startNode: prevTargetNode.node,\n        direction: 'down',\n        destination: 'end',\n      });\n      clearTargetNode();\n    }\n\n    // Dragging outside another list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list !== draggedNode.list &&\n      targetList !== prevTargetNode.list\n    ) {\n      moveNode({\n        list: prevTargetNode.list,\n        startNode: prevTargetNode.node,\n        direction: 'down',\n        destination: 'end',\n        isAnotherList: true,\n      });\n      removeBlankNode();\n      clearTargetNode();\n    }\n\n    // Dragging inside the origin list\n    if (!prevTargetNode && targetList === draggedNode.list) {\n      const tail = targetList.getTail();\n      if (!tail) return;\n      const node = moveNode({\n        list: targetList,\n        startNode: tail,\n        direction: 'up',\n        destination: 'cursor',\n      });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging inside another list\n    if (\n      targetList &&\n      targetList !== draggedNode.list &&\n      (!prevTargetNode || prevTargetNode.list !== targetList)\n    ) {\n      const tail = targetList.getTail();\n      if (!tail) return;\n      const node = moveNode({\n        list: targetList,\n        startNode: tail,\n        direction: 'up',\n        destination: 'cursor',\n        isAnotherList: true,\n      });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging in the origin list\n    if (\n      prevTargetNode &&\n      prevTargetNode.list === draggedNode.list &&\n      targetList === draggedNode.list\n    ) {\n      const axis = targetList.horizontal ? 'x' : 'y';\n      const [, , prevTargetNodeRef, ,] = prevTargetNode.node;\n      if (!prevTargetNodeRef.current) {\n        // The target node was unmounted. It happens when the virtual list is used.\n        // If the cursor is above the dragged node, we need to move the nodes down from the tail to the node where\n        // the cursor is located. Otherwise, we need to move the nodes up from the head to the node where the cursor\n        // is located.\n        const draggedNodePos = getDraggedNodePosRef.current();\n        if (!position || !draggedNodePos) return;\n        const isDraggingUp = position[axis] < draggedNodePos[axis];\n        if (isDraggingUp) {\n          const tail = targetList.getTail();\n          if (!tail || !tail[2].current) return;\n          const node = moveNode({\n            list: targetList,\n            startNode: createEmptyNode({ prev: tail }),\n            direction: 'up',\n            destination: 'cursor',\n          });\n          setTargetNode(targetList, node);\n        } else {\n          const head = targetList.getHead();\n          if (!head || !head[2].current) return;\n          const node = moveNode({\n            list: targetList,\n            startNode: createEmptyNode({ next: head }),\n            direction: 'down',\n            destination: 'cursor',\n          });\n          setTargetNode(targetList, node);\n        }\n        return;\n      }\n      const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);\n      const startRectProp = targetList.horizontal ? 'left' : 'top';\n      if (!position || !prevTargetNodeRect) return;\n      const isMoveUp = position[axis] < prevTargetNodeRect[startRectProp];\n      const node = isMoveUp\n        ? moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'up',\n            destination: 'cursor',\n          })\n        : moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'down',\n            destination: 'cursor',\n          });\n      setTargetNode(targetList, node);\n      return;\n    }\n\n    // Dragging in another list\n    if (\n      targetList &&\n      targetList !== draggedNode.list &&\n      prevTargetNode &&\n      prevTargetNode.list === targetList\n    ) {\n      const axis = targetList.horizontal ? 'x' : 'y';\n      const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);\n      const startRectProp = targetList.horizontal ? 'left' : 'top';\n      if (!position || !prevTargetNodeRect) return;\n      const isMoveUp = position[axis] < prevTargetNodeRect[startRectProp];\n      const node = isMoveUp\n        ? moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'up',\n            destination: 'cursor',\n            isAnotherList: true,\n          })\n        : moveNode({\n            list: targetList,\n            startNode: prevTargetNode.node,\n            direction: 'down',\n            destination: 'cursor',\n            isAnotherList: true,\n          });\n      setTargetNode(targetList, node);\n    }\n  }, [\n    draggedNode,\n    targetList,\n    moveNode,\n    clearTargetNode,\n    removeBlankNode,\n    setTargetNode,\n    position,\n  ]);\n\n  // Update the target node if either the position or the target list has been changed\n  useEffect(() => {\n    updateTargetNode();\n  }, [updateTargetNode]);\n\n  // Update the target node if the target list has been scrolled\n  const [throttledUpdateTargetNode] = useThrottle(updateTargetNode, 100);\n  useEvent(\n    (targetList ? targetList.ref : undefined) as unknown as EventTarget,\n    'scroll',\n    throttledUpdateTargetNode\n  );\n  useEvent(window, 'scroll', throttledUpdateTargetNode);\n\n  // Reset styles of the affected nodes when the dragged node was dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , , draggedNodeIndex] = draggedNode.node;\n    return () => {\n      const targetNode = targetNodeRef.current;\n\n      // If the dragged node was outside the origin list, reset the styles for the nodes,\n      // starting at the tail and ending with the dragged node in the origin list.\n      if (!targetNode || targetNode.list !== draggedNode.list) {\n        const tail = draggedNode.list.getTail();\n        if (tail) {\n          let node = tail;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= draggedNodeIndex) break;\n            node = prev;\n          }\n        }\n      }\n\n      // If the dragged node was inside another list, reset the styles for the nodes,\n      // starting at the tail and ending with the dragged node in the target list.\n      if (targetNode && targetNode.list !== draggedNode.list) {\n        const tail = targetNode.list.getTail();\n        const [, , , , targetNodeIndex] = targetNode.node;\n        if (tail) {\n          let node = tail;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= targetNodeIndex) break;\n            node = prev;\n          }\n        }\n      }\n\n      // If the dragged node was moved inside the origin list, reset the styles for the nodes,\n      // starting with target node and ending with the dragged node.\n      if (targetNode && targetNode.list === draggedNode.list) {\n        const [, , , targetNodeSetStyle, targetNodeIndex] = targetNode.node;\n        if (targetNodeIndex > draggedNodeIndex) {\n          let { node } = targetNode;\n          while (true) {\n            const [prev, , , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!prev || nodeIndex <= draggedNodeIndex) break;\n            node = prev;\n          }\n        } else if (targetNodeIndex < draggedNodeIndex) {\n          let { node } = targetNode;\n          while (true) {\n            const [, next, , nodeSetStyle, nodeIndex] = node;\n            nodeSetStyle({});\n            if (!next || nodeIndex >= draggedNodeIndex) break;\n            node = next;\n          }\n        } else if (targetNodeIndex === draggedNodeIndex) {\n          targetNodeSetStyle({});\n        }\n      }\n    };\n  }, [draggedNode]);\n\n  // Update the position of the newly mounted nodes in the origin list (used in the virtual list)\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    const [, , , , draggedNodeIndex] = draggedNode.node;\n\n    const update = (nodeProps: NodeProps) => {\n      const { setStyle, index } = nodeProps;\n      const targetNode = targetNodeRef.current;\n\n      // Set the hidden style, if the mounted node is the dragged node\n      if (index === draggedNodeIndex) {\n        setStyle(HIDDEN_NODE_STYLE);\n        return;\n      }\n\n      // If the dragged node is inside the origin list\n      if (targetNode && targetNode.list === draggedNode.list) {\n        // Move the mounted node up/down, if it is located between the dragged and target node\n        const [, , , , targetNodeIndex] = targetNode.node;\n        if (index > draggedNodeIndex && index < targetNodeIndex) {\n          setStyle(getNodeStyle('up', targetNode.list.horizontal));\n        } else if (index < draggedNodeIndex && index > targetNodeIndex) {\n          setStyle(getNodeStyle('down', targetNode.list.horizontal));\n        }\n      } else if (index > draggedNodeIndex) {\n        // Otherwise, move the mounted node up, if it is located below the dragged node\n        setStyle(getNodeStyle('up', draggedNode.list.horizontal));\n      }\n    };\n\n    draggedNode.list.addListener(update);\n    return () => draggedNode.list.removeListener(update);\n  }, [draggedNode, getNodeStyle]);\n\n  // Update the position of the newly mounted nodes in the target list (used in the virtual list)\n  useEffect(() => {\n    if (!draggedNode || !targetList || targetList === draggedNode.list) {\n      return () => {};\n    }\n\n    const update = (nodeProps: NodeProps) => {\n      const { setStyle, index } = nodeProps;\n      const targetNode = targetNodeRef.current;\n      if (!targetNode) return;\n      const [, , , , targetNodeIndex] = targetNode.node;\n      if (index >= targetNodeIndex) {\n        // Move the mounted node down, if it is located below the target node or if it is the target node\n        setStyle(getNodeStyle('down', targetList.horizontal));\n      }\n    };\n\n    targetList.addListener(update);\n    return () => targetList.removeListener(update);\n  }, [draggedNode, getNodeStyle, targetList]);\n\n  // Call the onDragEnd callback if the draggedNode was changed to null\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => {\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      const target = targetRef.current;\n      if (!target) return;\n      const [, , , , draggedNodeIndex, draggedNodeId] = draggedNode.node;\n      const dragged = {\n        listId: draggedNode.list.id,\n        index: draggedNodeIndex,\n        id: draggedNodeId,\n      };\n      if (dragged.id === target.id && dragged.index === target.index) return;\n      onDragEndRef.current(dragged, target);\n    };\n  }, [draggedNode]);\n};\n\nexport default useDragEffect;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDroppable.js","names":["DroppableContext","React","createContext","registerNode","current","deregisterNode","onMouseDown","onTouchStart","useDroppable","useContext"],"sources":["../../../src/utils/useDroppable.ts"],"sourcesContent":["import React, { useContext, MouseEvent, TouchEvent } from 'react';\nimport { ExistingNode, NodeProps } from './NodeList';\n\ninterface DroppableContextProps {\n  registerNode: (props: NodeProps) => ExistingNode;\n  deregisterNode: (node: ExistingNode) => void;\n  onMouseDown: (e: MouseEvent, node: ExistingNode) => void;\n  onTouchStart: (e: TouchEvent, node: ExistingNode) => void;\n}\n\nexport const DroppableContext = React.createContext<DroppableContextProps>({\n  registerNode: () =>\n    [null, null, { current: null }, () => {}, -1, 'id'] as ExistingNode,\n  deregisterNode: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n});\n\nconst useDroppable = (): DroppableContextProps => useContext(DroppableContext);\n\nexport default useDroppable;\n"],"mappings":";;;;;;;AAAA;AAAkE;AAAA;AAU3D,IAAMA,gBAAgB,gBAAGC,iBAAK,CAACC,aAAa,CAAwB;EACzEC,YAAY,EAAE;IAAA,OACZ,CAAC,IAAI,EAAE,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC,EAAE,YAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EAAA,CAAgB;EACrEC,cAAc,EAAE,0BAAM,CAAC,CAAC;EACxBC,WAAW,EAAE,uBAAM,CAAC,CAAC;EACrBC,YAAY,EAAE,wBAAM,CAAC;AACvB,CAAC,CAAC;AAAC;AAEH,IAAMC,YAAY,GAAG,SAAfA,YAAY;EAAA,OAAgC,IAAAC,iBAAU,EAACT,gBAAgB,CAAC;AAAA;AAAC,eAEhEQ,YAAY;AAAA"}
+{"version":3,"file":"useDroppable.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DroppableContext","React","createContext","registerNode","current","deregisterNode","onMouseDown","onTouchStart","exports","useDroppable","useContext","_default"],"sources":["../../../src/utils/useDroppable.ts"],"sourcesContent":["import React, { MouseEvent, TouchEvent, useContext } from 'react';\nimport { ExistingNode, NodeProps } from './NodeList';\n\ninterface DroppableContextProps {\n  registerNode: (props: NodeProps) => ExistingNode;\n  deregisterNode: (node: ExistingNode) => void;\n  onMouseDown: (e: MouseEvent, node: ExistingNode) => void;\n  onTouchStart: (e: TouchEvent, node: ExistingNode) => void;\n}\n\nexport const DroppableContext = React.createContext<DroppableContextProps>({\n  registerNode: () =>\n    [null, null, { current: null }, () => {}, -1, 'id'] as ExistingNode,\n  deregisterNode: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n});\n\nconst useDroppable = (): DroppableContextProps => useContext(DroppableContext);\n\nexport default useDroppable;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkE,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAU3D,IAAMW,gBAAgB,gBAAGC,iBAAK,CAACC,aAAa,CAAwB;EACzEC,YAAY,EAAE,SAAAA,aAAA;IAAA,OACZ,CAAC,IAAI,EAAE,IAAI,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC,EAAE,YAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EAAA,CAAgB;EACrEC,cAAc,EAAE,SAAAA,eAAA,EAAM,CAAC,CAAC;EACxBC,WAAW,EAAE,SAAAA,YAAA,EAAM,CAAC,CAAC;EACrBC,YAAY,EAAE,SAAAA,aAAA,EAAM,CAAC;AACvB,CAAC,CAAC;AAACC,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAEH,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAA;EAAA,OAAgC,IAAAC,iBAAU,EAACV,gBAAgB,CAAC;AAAA;AAAC,IAAAW,QAAA,GAEhEF,YAAY;AAAAD,OAAA,cAAAG,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGeneratedId.js","names":["useGeneratedId","useMemo","Math","random","toString","slice"],"sources":["../../../src/utils/useGeneratedId.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nconst useGeneratedId = () =>\n  useMemo(() => Math.random().toString(16).slice(2), []);\n\nexport default useGeneratedId;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAClB,IAAAC,cAAO,EAAC;IAAA,OAAMC,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;AAAA;AAAC,eAE1CL,cAAc;AAAA"}
+{"version":3,"file":"useGeneratedId.js","names":["_react","require","useGeneratedId","useMemo","Math","random","toString","slice","_default","exports"],"sources":["../../../src/utils/useGeneratedId.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nconst useGeneratedId = () =>\n  useMemo(() => Math.random().toString(16).slice(2), []);\n\nexport default useGeneratedId;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAClB,IAAAC,cAAO,EAAC;IAAA,OAAMC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;AAAA;AAAC,IAAAC,QAAA,GAE1CN,cAAc;AAAAO,OAAA,cAAAD,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetNodeStyle.js","names":["useGetNodeStyle","size","sizeRef","useRef","useEffect","current","useCallback","type","horizontal","translateFn","sizeProp","sign","style","transform"],"sources":["../../../src/utils/useGetNodeStyle.ts"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useRef } from 'react';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\nexport type NodeStyleGetter = (\n  type: 'up' | 'down' | 'init',\n  horizontal: boolean\n) => CSSProperties;\n\nconst useGetNodeStyle = (size: InitSize | null): NodeStyleGetter => {\n  const sizeRef = useRef(size);\n\n  useEffect(() => {\n    sizeRef.current = size;\n  }, [size]);\n\n  return useCallback<NodeStyleGetter>((type, horizontal) => {\n    if (type === 'init' || !sizeRef.current) return {};\n\n    const translateFn = horizontal ? 'translateX' : 'translateY';\n    const sizeProp = horizontal ? 'initWidth' : 'initHeight';\n    const sign = type === 'down' ? 1 : -1;\n\n    const style: CSSProperties = {};\n    style.transform = `${translateFn}(${sign * sizeRef.current[sizeProp]}px)`;\n\n    return style;\n  }, []);\n};\n\nexport default useGetNodeStyle;\n"],"mappings":";;;;;;AAAA;AAYA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAqB,EAAsB;EAClE,IAAMC,OAAO,GAAG,IAAAC,aAAM,EAACF,IAAI,CAAC;EAE5B,IAAAG,gBAAS,EAAC,YAAM;IACdF,OAAO,CAACG,OAAO,GAAGJ,IAAI;EACxB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAO,IAAAK,kBAAW,EAAkB,UAACC,IAAI,EAAEC,UAAU,EAAK;IACxD,IAAID,IAAI,KAAK,MAAM,IAAI,CAACL,OAAO,CAACG,OAAO,EAAE,OAAO,CAAC,CAAC;IAElD,IAAMI,WAAW,GAAGD,UAAU,GAAG,YAAY,GAAG,YAAY;IAC5D,IAAME,QAAQ,GAAGF,UAAU,GAAG,WAAW,GAAG,YAAY;IACxD,IAAMG,IAAI,GAAGJ,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,IAAMK,KAAoB,GAAG,CAAC,CAAC;IAC/BA,KAAK,CAACC,SAAS,aAAMJ,WAAW,cAAIE,IAAI,GAAGT,OAAO,CAACG,OAAO,CAACK,QAAQ,CAAC,QAAK;IAEzE,OAAOE,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC,eAEaZ,eAAe;AAAA"}
+{"version":3,"file":"useGetNodeStyle.js","names":["_react","require","useGetNodeStyle","size","sizeRef","useRef","useEffect","current","useCallback","type","horizontal","translateFn","sizeProp","sign","style","transform","concat","_default","exports"],"sources":["../../../src/utils/useGetNodeStyle.ts"],"sourcesContent":["import { CSSProperties, useCallback, useEffect, useRef } from 'react';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\nexport type NodeStyleGetter = (\n  type: 'up' | 'down' | 'init',\n  horizontal: boolean\n) => CSSProperties;\n\nconst useGetNodeStyle = (size: InitSize | null): NodeStyleGetter => {\n  const sizeRef = useRef(size);\n\n  useEffect(() => {\n    sizeRef.current = size;\n  }, [size]);\n\n  return useCallback<NodeStyleGetter>((type, horizontal) => {\n    if (type === 'init' || !sizeRef.current) return {};\n\n    const translateFn = horizontal ? 'translateX' : 'translateY';\n    const sizeProp = horizontal ? 'initWidth' : 'initHeight';\n    const sign = type === 'down' ? 1 : -1;\n\n    const style: CSSProperties = {};\n    style.transform = `${translateFn}(${sign * sizeRef.current[sizeProp]}px)`;\n\n    return style;\n  }, []);\n};\n\nexport default useGetNodeStyle;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAqB,EAAsB;EAClE,IAAMC,OAAO,GAAG,IAAAC,aAAM,EAACF,IAAI,CAAC;EAE5B,IAAAG,gBAAS,EAAC,YAAM;IACdF,OAAO,CAACG,OAAO,GAAGJ,IAAI;EACxB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAO,IAAAK,kBAAW,EAAkB,UAACC,IAAI,EAAEC,UAAU,EAAK;IACxD,IAAID,IAAI,KAAK,MAAM,IAAI,CAACL,OAAO,CAACG,OAAO,EAAE,OAAO,CAAC,CAAC;IAElD,IAAMI,WAAW,GAAGD,UAAU,GAAG,YAAY,GAAG,YAAY;IAC5D,IAAME,QAAQ,GAAGF,UAAU,GAAG,WAAW,GAAG,YAAY;IACxD,IAAMG,IAAI,GAAGJ,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,IAAMK,KAAoB,GAAG,CAAC,CAAC;IAC/BA,KAAK,CAACC,SAAS,MAAAC,MAAA,CAAML,WAAW,OAAAK,MAAA,CAAIH,IAAI,GAAGT,OAAO,CAACG,OAAO,CAACK,QAAQ,CAAC,QAAK;IAEzE,OAAOE,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC,IAAAG,QAAA,GAEaf,eAAe;AAAAgB,OAAA,cAAAD,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useInitRect.js","names":["useInitRect","ref","useMemo","current","rect","getBoundingClientRect","initX","x","initY","y","initWidth","width","initHeight","height"],"sources":["../../../src/utils/useInitRect.ts"],"sourcesContent":["import { RefObject, useMemo } from 'react';\n\nconst useInitRect = (ref?: RefObject<HTMLElement>) =>\n  useMemo(() => {\n    if (!ref || !ref.current) return null;\n\n    const rect = ref.current.getBoundingClientRect();\n\n    return {\n      initX: rect.x,\n      initY: rect.y,\n      initWidth: rect.width,\n      initHeight: rect.height,\n    };\n  }, [ref]);\n\nexport default useInitRect;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAA4B;EAAA,OAC/C,IAAAC,cAAO,EAAC,YAAM;IACZ,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,OAAO,EAAE,OAAO,IAAI;IAErC,IAAMC,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,qBAAqB,EAAE;IAEhD,OAAO;MACLC,KAAK,EAAEF,IAAI,CAACG,CAAC;MACbC,KAAK,EAAEJ,IAAI,CAACK,CAAC;MACbC,SAAS,EAAEN,IAAI,CAACO,KAAK;MACrBC,UAAU,EAAER,IAAI,CAACS;IACnB,CAAC;EACH,CAAC,EAAE,CAACZ,GAAG,CAAC,CAAC;AAAA;AAAC,eAEGD,WAAW;AAAA"}
+{"version":3,"file":"useInitRect.js","names":["_react","require","useInitRect","ref","useMemo","current","rect","getBoundingClientRect","initX","x","initY","y","initWidth","width","initHeight","height","_default","exports"],"sources":["../../../src/utils/useInitRect.ts"],"sourcesContent":["import { RefObject, useMemo } from 'react';\n\nconst useInitRect = (ref?: RefObject<HTMLElement>) =>\n  useMemo(() => {\n    if (!ref || !ref.current) return null;\n\n    const rect = ref.current.getBoundingClientRect();\n\n    return {\n      initX: rect.x,\n      initY: rect.y,\n      initWidth: rect.width,\n      initHeight: rect.height,\n    };\n  }, [ref]);\n\nexport default useInitRect;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,GAA4B;EAAA,OAC/C,IAAAC,cAAO,EAAC,YAAM;IACZ,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,OAAO,EAAE,OAAO,IAAI;IAErC,IAAMC,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,qBAAqB,CAAC,CAAC;IAEhD,OAAO;MACLC,KAAK,EAAEF,IAAI,CAACG,CAAC;MACbC,KAAK,EAAEJ,IAAI,CAACK,CAAC;MACbC,SAAS,EAAEN,IAAI,CAACO,KAAK;MACrBC,UAAU,EAAER,IAAI,CAACS;IACnB,CAAC;EACH,CAAC,EAAE,CAACZ,GAAG,CAAC,CAAC;AAAA;AAAC,IAAAa,QAAA,GAEGd,WAAW;AAAAe,OAAA,cAAAD,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"useInitScrollOffset.js","names":["useInitScrollOffset","ref","useMemo","current","scrollOffset","getElementScroll","initScrollLeft","scrollLeft","initScrollTop","scrollTop"],"sources":["../../../src/utils/useInitScrollOffset.ts"],"sourcesContent":["import { RefObject, useMemo } from 'react';\nimport getElementScroll from './getElementScroll';\n\nconst useInitScrollOffset = (ref?: RefObject<HTMLElement>) =>\n  useMemo(() => {\n    if (!ref || !ref.current) return null;\n\n    const scrollOffset = getElementScroll(ref.current);\n\n    return {\n      initScrollLeft: scrollOffset.scrollLeft,\n      initScrollTop: scrollOffset.scrollTop,\n    };\n  }, [ref]);\n\nexport default useInitScrollOffset;\n"],"mappings":";;;;;;AAAA;AACA;AAAkD;AAElD,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,GAA4B;EAAA,OACvD,IAAAC,cAAO,EAAC,YAAM;IACZ,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,OAAO,EAAE,OAAO,IAAI;IAErC,IAAMC,YAAY,GAAG,IAAAC,4BAAgB,EAACJ,GAAG,CAACE,OAAO,CAAC;IAElD,OAAO;MACLG,cAAc,EAAEF,YAAY,CAACG,UAAU;MACvCC,aAAa,EAAEJ,YAAY,CAACK;IAC9B,CAAC;EACH,CAAC,EAAE,CAACR,GAAG,CAAC,CAAC;AAAA;AAAC,eAEGD,mBAAmB;AAAA"}
+{"version":3,"file":"useInitScrollOffset.js","names":["_react","require","_getElementScroll","_interopRequireDefault","obj","__esModule","useInitScrollOffset","ref","useMemo","current","scrollOffset","getElementScroll","initScrollLeft","scrollLeft","initScrollTop","scrollTop","_default","exports"],"sources":["../../../src/utils/useInitScrollOffset.ts"],"sourcesContent":["import { RefObject, useMemo } from 'react';\nimport getElementScroll from './getElementScroll';\n\nconst useInitScrollOffset = (ref?: RefObject<HTMLElement>) =>\n  useMemo(() => {\n    if (!ref || !ref.current) return null;\n\n    const scrollOffset = getElementScroll(ref.current);\n\n    return {\n      initScrollLeft: scrollOffset.scrollLeft,\n      initScrollTop: scrollOffset.scrollTop,\n    };\n  }, [ref]);\n\nexport default useInitScrollOffset;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAkD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,GAA4B;EAAA,OACvD,IAAAC,cAAO,EAAC,YAAM;IACZ,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,OAAO,EAAE,OAAO,IAAI;IAErC,IAAMC,YAAY,GAAG,IAAAC,4BAAgB,EAACJ,GAAG,CAACE,OAAO,CAAC;IAElD,OAAO;MACLG,cAAc,EAAEF,YAAY,CAACG,UAAU;MACvCC,aAAa,EAAEJ,YAAY,CAACK;IAC9B,CAAC;EACH,CAAC,EAAE,CAACR,GAAG,CAAC,CAAC;AAAA;AAAC,IAAAS,QAAA,GAEGV,mBAAmB;AAAAW,OAAA,cAAAD,QAAA"}

package/dist/cjs/utils/useMoveNode.js

@@ -10,8 +10,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* eslint-disable no-constant-condition */
 

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

@@ -1 +1 @@
-{"version":3,"file":"useMoveNode.js","names":["useMoveNode","props","position","draggedNode","getNodeStyle","useCallback","options","list","startNode","direction","destination","isAnotherList","node","draggedNodeIndex","axis","horizontal","startRectProp","endRectProp","prev","nodeSetStyle","nodeIndex","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","getNodeRect","next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect"],"sources":["../../../src/utils/useMoveNode.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\nimport getNodeRect from './getNodeRect';\nimport { NodeStyleGetter } from './useGetNodeStyle';\n\ninterface DraggedNode {\n  node: ExistingNode;\n}\n\ninterface UseMoveNodeProps {\n  position: Position | null;\n  draggedNode: DraggedNode | null;\n  getNodeStyle: NodeStyleGetter;\n}\n\ninterface MoveProps {\n  list: NodeList;\n  startNode: ExistingNode;\n  direction: 'up' | 'down';\n  destination: 'cursor' | 'end';\n  isAnotherList?: boolean;\n}\n\n/* eslint-disable no-constant-condition */\n\nconst useMoveNode = (props: UseMoveNodeProps) => {\n  const { position, draggedNode, getNodeStyle } = props;\n\n  return useCallback(\n    (options: MoveProps) => {\n      const {\n        list,\n        startNode,\n        direction,\n        destination,\n        isAnotherList = false,\n      } = options;\n\n      if (!draggedNode || !position) return startNode;\n      const [, , , , draggedNodeIndex] = draggedNode.node;\n      const axis = list.horizontal ? 'x' : 'y';\n      const startRectProp = list.horizontal ? 'left' : 'top';\n      const endRectProp = list.horizontal ? 'right' : 'bottom';\n      let node = startNode;\n\n      if (direction === 'up') {\n        while (true) {\n          const [prev, , , nodeSetStyle, nodeIndex] = node;\n          if (!prev) return node;\n\n          const [, , prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;\n\n          if (destination === 'cursor') {\n            const prevNodeRect = getNodeRect(prevNodeRef);\n            if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || prevNodeIndex < draggedNodeIndex) {\n            prevNodeSetStyle(getNodeStyle('down', list.horizontal));\n          } else if (nodeIndex > draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          }\n\n          node = prev;\n        }\n      } else {\n        while (true) {\n          const [, next, , nodeSetStyle, nodeIndex] = node;\n          if (!next) return node;\n\n          const [, , nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;\n\n          if (destination === 'cursor') {\n            const nextNodeRect = getNodeRect(nextNodeRef);\n            if (nextNodeRect && position[axis] < nextNodeRect[startRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || nodeIndex < draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          } else if (nextNodeIndex > draggedNodeIndex) {\n            nextNodeSetStyle(getNodeStyle('up', list.horizontal));\n          }\n\n          node = next;\n        }\n      }\n    },\n    [draggedNode, getNodeStyle, position]\n  );\n};\n\nexport default useMoveNode;\n"],"mappings":"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"}
+{"version":3,"file":"useMoveNode.js","names":["_react","require","_getNodeRect","_interopRequireDefault","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","useMoveNode","props","position","draggedNode","getNodeStyle","useCallback","options","list","startNode","direction","destination","_options$isAnotherLis","isAnotherList","_draggedNode$node","node","draggedNodeIndex","axis","horizontal","startRectProp","endRectProp","_node","_node2","prev","nodeSetStyle","nodeIndex","_prev","prevNodeRef","prevNodeSetStyle","prevNodeIndex","prevNodeRect","getNodeRect","_node3","_node4","_next","nextNodeRef","nextNodeSetStyle","nextNodeIndex","nextNodeRect","_default","exports"],"sources":["../../../src/utils/useMoveNode.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport { useCallback } from 'react';\nimport NodeList, { ExistingNode } from './NodeList';\nimport getNodeRect from './getNodeRect';\nimport { NodeStyleGetter } from './useGetNodeStyle';\n\ninterface DraggedNode {\n  node: ExistingNode;\n}\n\ninterface UseMoveNodeProps {\n  position: Position | null;\n  draggedNode: DraggedNode | null;\n  getNodeStyle: NodeStyleGetter;\n}\n\ninterface MoveProps {\n  list: NodeList;\n  startNode: ExistingNode;\n  direction: 'up' | 'down';\n  destination: 'cursor' | 'end';\n  isAnotherList?: boolean;\n}\n\n/* eslint-disable no-constant-condition */\n\nconst useMoveNode = (props: UseMoveNodeProps) => {\n  const { position, draggedNode, getNodeStyle } = props;\n\n  return useCallback(\n    (options: MoveProps) => {\n      const {\n        list,\n        startNode,\n        direction,\n        destination,\n        isAnotherList = false,\n      } = options;\n\n      if (!draggedNode || !position) return startNode;\n      const [, , , , draggedNodeIndex] = draggedNode.node;\n      const axis = list.horizontal ? 'x' : 'y';\n      const startRectProp = list.horizontal ? 'left' : 'top';\n      const endRectProp = list.horizontal ? 'right' : 'bottom';\n      let node = startNode;\n\n      if (direction === 'up') {\n        while (true) {\n          const [prev, , , nodeSetStyle, nodeIndex] = node;\n          if (!prev) return node;\n\n          const [, , prevNodeRef, prevNodeSetStyle, prevNodeIndex] = prev;\n\n          if (destination === 'cursor') {\n            const prevNodeRect = getNodeRect(prevNodeRef);\n            if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || prevNodeIndex < draggedNodeIndex) {\n            prevNodeSetStyle(getNodeStyle('down', list.horizontal));\n          } else if (nodeIndex > draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          }\n\n          node = prev;\n        }\n      } else {\n        while (true) {\n          const [, next, , nodeSetStyle, nodeIndex] = node;\n          if (!next) return node;\n\n          const [, , nextNodeRef, nextNodeSetStyle, nextNodeIndex] = next;\n\n          if (destination === 'cursor') {\n            const nextNodeRect = getNodeRect(nextNodeRef);\n            if (nextNodeRect && position[axis] < nextNodeRect[startRectProp]) {\n              return node;\n            }\n          }\n\n          if (isAnotherList || nodeIndex < draggedNodeIndex) {\n            nodeSetStyle(getNodeStyle('init', list.horizontal));\n          } else if (nextNodeIndex > draggedNodeIndex) {\n            nextNodeSetStyle(getNodeStyle('up', list.horizontal));\n          }\n\n          node = next;\n        }\n      }\n    },\n    [draggedNode, getNodeStyle, position]\n  );\n};\n\nexport default useMoveNode;\n"],"mappings":"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"}

package/dist/cjs/utils/useScrollEventByPoint.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
 var _useAutoScroll = require("@os-design/use-auto-scroll");
+var _react = require("react");
 var compare = function compare(prevArr, nextArr) {
   var remove = [];
   var add = [];

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollEventByPoint.js","names":["compare","prevArr","nextArr","remove","add","forEach","item","includes","push","useScrollEventByPoint","point","listener","listenerRef","useRef","useEffect","current","eventListener","useCallback","e","elementsRef","scrollableElements","getScrollableElements","x","y","getTarget","document","body","window","index","indexOf","splice","removeEventListener","addEventListener"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { getScrollableElements } from '@os-design/use-auto-scroll';\n\nconst compare = <T>(prevArr: T[], nextArr: T[]) => {\n  const remove: T[] = [];\n  const add: T[] = [];\n  prevArr.forEach((item) => {\n    if (!nextArr.includes(item)) remove.push(item);\n  });\n  nextArr.forEach((item) => {\n    if (!prevArr.includes(item)) add.push(item);\n  });\n  return { remove, add };\n};\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Sets the listener that will be called whenever the scroll event occurs\n * in one of the elements located under the specified point.\n */\nconst useScrollEventByPoint = (\n  point: Point | null,\n  listener: (e: Event) => void\n) => {\n  const listenerRef = useRef(listener);\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const eventListener = useCallback((e: Event) => listenerRef.current(e), []);\n  const elementsRef = useRef<Element[]>([]);\n\n  useEffect(() => {\n    if (!point) return;\n    const scrollableElements = getScrollableElements(point.x, point.y);\n    const { remove, add } = compare(elementsRef.current, scrollableElements);\n    const getTarget = (item: Element) =>\n      item === document.body ? window : item;\n\n    remove.forEach((item) => {\n      const index = elementsRef.current.indexOf(item);\n      if (index >= 0) elementsRef.current.splice(index, 1);\n      getTarget(item).removeEventListener('scroll', eventListener);\n    });\n    add.forEach((item) => {\n      elementsRef.current.push(item);\n      getTarget(item).addEventListener('scroll', eventListener);\n    });\n  }, [eventListener, point]);\n};\n\nexport default useScrollEventByPoint;\n"],"mappings":";;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAOC,OAAY,EAAEC,OAAY,EAAK;EACjD,IAAMC,MAAW,GAAG,EAAE;EACtB,IAAMC,GAAQ,GAAG,EAAE;EACnBH,OAAO,CAACI,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAQ,CAACD,IAAI,CAAC,EAAEH,MAAM,CAACK,IAAI,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EACFJ,OAAO,CAACG,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACL,OAAO,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAEF,GAAG,CAACI,IAAI,CAACF,IAAI,CAAC;EAC7C,CAAC,CAAC;EACF,OAAO;IAAEH,MAAM,EAANA,MAAM;IAAEC,GAAG,EAAHA;EAAI,CAAC;AACxB,CAAC;AAOD;AACA;AACA;AACA;AACA,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqB,CACzBC,KAAmB,EACnBC,QAA4B,EACzB;EACH,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,QAAQ,CAAC;EACpC,IAAAG,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,CAAQ;IAAA,OAAKN,WAAW,CAACG,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAC3E,IAAMC,WAAW,GAAG,IAAAN,aAAM,EAAY,EAAE,CAAC;EAEzC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACJ,KAAK,EAAE;IACZ,IAAMU,kBAAkB,GAAG,IAAAC,oCAAqB,EAACX,KAAK,CAACY,CAAC,EAAEZ,KAAK,CAACa,CAAC,CAAC;IAClE,eAAwBvB,OAAO,CAACmB,WAAW,CAACJ,OAAO,EAAEK,kBAAkB,CAAC;MAAhEjB,MAAM,YAANA,MAAM;MAAEC,GAAG,YAAHA,GAAG;IACnB,IAAMoB,SAAS,GAAG,SAAZA,SAAS,CAAIlB,IAAa;MAAA,OAC9BA,IAAI,KAAKmB,QAAQ,CAACC,IAAI,GAAGC,MAAM,GAAGrB,IAAI;IAAA;IAExCH,MAAM,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;MACvB,IAAMsB,KAAK,GAAGT,WAAW,CAACJ,OAAO,CAACc,OAAO,CAACvB,IAAI,CAAC;MAC/C,IAAIsB,KAAK,IAAI,CAAC,EAAET,WAAW,CAACJ,OAAO,CAACe,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpDJ,SAAS,CAAClB,IAAI,CAAC,CAACyB,mBAAmB,CAAC,QAAQ,EAAEf,aAAa,CAAC;IAC9D,CAAC,CAAC;IACFZ,GAAG,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;MACpBa,WAAW,CAACJ,OAAO,CAACP,IAAI,CAACF,IAAI,CAAC;MAC9BkB,SAAS,CAAClB,IAAI,CAAC,CAAC0B,gBAAgB,CAAC,QAAQ,EAAEhB,aAAa,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,EAAEN,KAAK,CAAC,CAAC;AAC5B,CAAC;AAAC,eAEaD,qBAAqB;AAAA"}
+{"version":3,"file":"useScrollEventByPoint.js","names":["_useAutoScroll","require","_react","compare","prevArr","nextArr","remove","add","forEach","item","includes","push","useScrollEventByPoint","point","listener","listenerRef","useRef","useEffect","current","eventListener","useCallback","e","elementsRef","scrollableElements","getScrollableElements","x","y","_compare","getTarget","document","body","window","index","indexOf","splice","removeEventListener","addEventListener","_default","exports"],"sources":["../../../src/utils/useScrollEventByPoint.ts"],"sourcesContent":["import { getScrollableElements } from '@os-design/use-auto-scroll';\nimport { useCallback, useEffect, useRef } from 'react';\n\nconst compare = <T>(prevArr: T[], nextArr: T[]) => {\n  const remove: T[] = [];\n  const add: T[] = [];\n  prevArr.forEach((item) => {\n    if (!nextArr.includes(item)) remove.push(item);\n  });\n  nextArr.forEach((item) => {\n    if (!prevArr.includes(item)) add.push(item);\n  });\n  return { remove, add };\n};\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Sets the listener that will be called whenever the scroll event occurs\n * in one of the elements located under the specified point.\n */\nconst useScrollEventByPoint = (\n  point: Point | null,\n  listener: (e: Event) => void\n) => {\n  const listenerRef = useRef(listener);\n  useEffect(() => {\n    listenerRef.current = listener;\n  }, [listener]);\n\n  const eventListener = useCallback((e: Event) => listenerRef.current(e), []);\n  const elementsRef = useRef<Element[]>([]);\n\n  useEffect(() => {\n    if (!point) return;\n    const scrollableElements = getScrollableElements(point.x, point.y);\n    const { remove, add } = compare(elementsRef.current, scrollableElements);\n    const getTarget = (item: Element) =>\n      item === document.body ? window : item;\n\n    remove.forEach((item) => {\n      const index = elementsRef.current.indexOf(item);\n      if (index >= 0) elementsRef.current.splice(index, 1);\n      getTarget(item).removeEventListener('scroll', eventListener);\n    });\n    add.forEach((item) => {\n      elementsRef.current.push(item);\n      getTarget(item).addEventListener('scroll', eventListener);\n    });\n  }, [eventListener, point]);\n};\n\nexport default useScrollEventByPoint;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAOC,OAAY,EAAEC,OAAY,EAAK;EACjD,IAAMC,MAAW,GAAG,EAAE;EACtB,IAAMC,GAAQ,GAAG,EAAE;EACnBH,OAAO,CAACI,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAQ,CAACD,IAAI,CAAC,EAAEH,MAAM,CAACK,IAAI,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EACFJ,OAAO,CAACG,OAAO,CAAC,UAACC,IAAI,EAAK;IACxB,IAAI,CAACL,OAAO,CAACM,QAAQ,CAACD,IAAI,CAAC,EAAEF,GAAG,CAACI,IAAI,CAACF,IAAI,CAAC;EAC7C,CAAC,CAAC;EACF,OAAO;IAAEH,MAAM,EAANA,MAAM;IAAEC,GAAG,EAAHA;EAAI,CAAC;AACxB,CAAC;AAOD;AACA;AACA;AACA;AACA,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,KAAmB,EACnBC,QAA4B,EACzB;EACH,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAACF,QAAQ,CAAC;EACpC,IAAAG,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,UAACC,CAAQ;IAAA,OAAKN,WAAW,CAACG,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAC3E,IAAMC,WAAW,GAAG,IAAAN,aAAM,EAAY,EAAE,CAAC;EAEzC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACJ,KAAK,EAAE;IACZ,IAAMU,kBAAkB,GAAG,IAAAC,oCAAqB,EAACX,KAAK,CAACY,CAAC,EAAEZ,KAAK,CAACa,CAAC,CAAC;IAClE,IAAAC,QAAA,GAAwBxB,OAAO,CAACmB,WAAW,CAACJ,OAAO,EAAEK,kBAAkB,CAAC;MAAhEjB,MAAM,GAAAqB,QAAA,CAANrB,MAAM;MAAEC,GAAG,GAAAoB,QAAA,CAAHpB,GAAG;IACnB,IAAMqB,SAAS,GAAG,SAAZA,SAASA,CAAInB,IAAa;MAAA,OAC9BA,IAAI,KAAKoB,QAAQ,CAACC,IAAI,GAAGC,MAAM,GAAGtB,IAAI;IAAA;IAExCH,MAAM,CAACE,OAAO,CAAC,UAACC,IAAI,EAAK;MACvB,IAAMuB,KAAK,GAAGV,WAAW,CAACJ,OAAO,CAACe,OAAO,CAACxB,IAAI,CAAC;MAC/C,IAAIuB,KAAK,IAAI,CAAC,EAAEV,WAAW,CAACJ,OAAO,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpDJ,SAAS,CAACnB,IAAI,CAAC,CAAC0B,mBAAmB,CAAC,QAAQ,EAAEhB,aAAa,CAAC;IAC9D,CAAC,CAAC;IACFZ,GAAG,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;MACpBa,WAAW,CAACJ,OAAO,CAACP,IAAI,CAACF,IAAI,CAAC;MAC9BmB,SAAS,CAACnB,IAAI,CAAC,CAAC2B,gBAAgB,CAAC,QAAQ,EAAEjB,aAAa,CAAC;IAC3D,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,EAAEN,KAAK,CAAC,CAAC;AAC5B,CAAC;AAAC,IAAAwB,QAAA,GAEazB,qBAAqB;AAAA0B,OAAA,cAAAD,QAAA"}

package/dist/cjs/utils/useTargetList.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
 var _useThrottle3 = _interopRequireDefault(require("@os-design/use-throttle"));
+var _react = require("react");
 var _useScrollEventByPoint = _interopRequireDefault(require("./useScrollEventByPoint"));
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var useTargetList = function useTargetList(position, listStoreRef) {
   var _useState = (0, _react.useState)(0),

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

@@ -1 +1 @@
-{"version":3,"file":"useTargetList.js","names":["useTargetList","position","listStoreRef","useState","number","setNumber","targetList","useMemo","current","x","y","list","findByPosition","forceUpdate","useCallback","n","useThrottle","throttledForceUpdate","useScrollEventByPoint"],"sources":["../../../src/utils/useTargetList.ts"],"sourcesContent":["import { RefObject, useCallback, useMemo, useState } from 'react';\nimport useThrottle from '@os-design/use-throttle';\nimport { Position } from '@os-design/use-drag';\nimport ListStore from './ListStore';\nimport useScrollEventByPoint from './useScrollEventByPoint';\n\nconst useTargetList = (\n  position: Position | null,\n  listStoreRef: RefObject<ListStore>\n) => {\n  const [number, setNumber] = useState(0);\n\n  const targetList = useMemo(() => {\n    if (!position || !listStoreRef.current) return null;\n    const { x, y } = position;\n    const list = listStoreRef.current.findByPosition(x, y);\n    return list || null;\n  }, [listStoreRef, position, number]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const forceUpdate = useCallback(() => {\n    setNumber((n) => n + 1);\n  }, []);\n\n  // Update the target list if one of the elements located under the specified point has been scrolled\n  const [throttledForceUpdate] = useThrottle(forceUpdate, 100);\n  useScrollEventByPoint(position, throttledForceUpdate);\n\n  return targetList;\n};\n\nexport default useTargetList;\n"],"mappings":";;;;;;AAAA;AACA;AAGA;AAA4D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE5D,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CACjBC,QAAyB,EACzBC,YAAkC,EAC/B;EACH,gBAA4B,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAAhCC,MAAM;IAAEC,SAAS;EAExB,IAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC/B,IAAI,CAACN,QAAQ,IAAI,CAACC,YAAY,CAACM,OAAO,EAAE,OAAO,IAAI;IACnD,IAAQC,CAAC,GAAQR,QAAQ,CAAjBQ,CAAC;MAAEC,CAAC,GAAKT,QAAQ,CAAdS,CAAC;IACZ,IAAMC,IAAI,GAAGT,YAAY,CAACM,OAAO,CAACI,cAAc,CAACH,CAAC,EAAEC,CAAC,CAAC;IACtD,OAAOC,IAAI,IAAI,IAAI;EACrB,CAAC,EAAE,CAACT,YAAY,EAAED,QAAQ,EAAEG,MAAM,CAAC,CAAC,CAAC,CAAC;;EAEtC,IAAMS,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCT,SAAS,CAAC,UAACU,CAAC;MAAA,OAAKA,CAAC,GAAG,CAAC;IAAA,EAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,mBAA+B,IAAAC,wBAAW,EAACH,WAAW,EAAE,GAAG,CAAC;IAAA;IAArDI,oBAAoB;EAC3B,IAAAC,iCAAqB,EAACjB,QAAQ,EAAEgB,oBAAoB,CAAC;EAErD,OAAOX,UAAU;AACnB,CAAC;AAAC,eAEaN,aAAa;AAAA"}
+{"version":3,"file":"useTargetList.js","names":["_useThrottle3","_interopRequireDefault","require","_react","_useScrollEventByPoint","obj","__esModule","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","useTargetList","position","listStoreRef","_useState","useState","_useState2","number","setNumber","targetList","useMemo","current","x","y","list","findByPosition","forceUpdate","useCallback","_useThrottle","useThrottle","_useThrottle2","throttledForceUpdate","useScrollEventByPoint","_default","exports"],"sources":["../../../src/utils/useTargetList.ts"],"sourcesContent":["import { Position } from '@os-design/use-drag';\nimport useThrottle from '@os-design/use-throttle';\nimport { RefObject, useCallback, useMemo, useState } from 'react';\nimport ListStore from './ListStore';\nimport useScrollEventByPoint from './useScrollEventByPoint';\n\nconst useTargetList = (\n  position: Position | null,\n  listStoreRef: RefObject<ListStore>\n) => {\n  const [number, setNumber] = useState(0);\n\n  const targetList = useMemo(() => {\n    if (!position || !listStoreRef.current) return null;\n    const { x, y } = position;\n    const list = listStoreRef.current.findByPosition(x, y);\n    return list || null;\n  }, [listStoreRef, position, number]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const forceUpdate = useCallback(() => {\n    setNumber((n) => n + 1);\n  }, []);\n\n  // Update the target list if one of the elements located under the specified point has been scrolled\n  const [throttledForceUpdate] = useThrottle(forceUpdate, 100);\n  useScrollEventByPoint(position, throttledForceUpdate);\n\n  return targetList;\n};\n\nexport default useTargetList;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTransitionStyle.js","names":["useTransitionStyle","props","className","ms","enabled","useEffect","style","document","createElement","innerHTML","child","head","appendChild","removeChild"],"sources":["../../../src/utils/useTransitionStyle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ninterface UseTransitionStyleProps {\n  className: string;\n  ms: number;\n  enabled: boolean;\n}\n\n/**\n * Creates the global style for setting the transition delay.\n */\nconst useTransitionStyle = (props: UseTransitionStyleProps) => {\n  const { className, ms, enabled } = props;\n\n  useEffect(() => {\n    if (!enabled) return () => {};\n    const style = document.createElement('style');\n    style.innerHTML = `.${className}{transition:transform ${ms}ms;}`;\n    const child = document.head.appendChild(style);\n    return () => {\n      document.head.removeChild(child);\n    };\n  }, [className, enabled, ms]);\n};\n\nexport default useTransitionStyle;\n"],"mappings":";;;;;;AAAA;AAQA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAA8B,EAAK;EAC7D,IAAQC,SAAS,GAAkBD,KAAK,CAAhCC,SAAS;IAAEC,EAAE,GAAcF,KAAK,CAArBE,EAAE;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAO,YAAM,CAAC,CAAC;IAC7B,IAAME,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC7CF,KAAK,CAACG,SAAS,cAAOP,SAAS,mCAAyBC,EAAE,SAAM;IAChE,IAAMO,KAAK,GAAGH,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,KAAK,CAAC;IAC9C,OAAO,YAAM;MACXC,QAAQ,CAACI,IAAI,CAACE,WAAW,CAACH,KAAK,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACR,SAAS,EAAEE,OAAO,EAAED,EAAE,CAAC,CAAC;AAC9B,CAAC;AAAC,eAEaH,kBAAkB;AAAA"}
+{"version":3,"file":"useTransitionStyle.js","names":["_react","require","useTransitionStyle","props","className","ms","enabled","useEffect","style","document","createElement","innerHTML","concat","child","head","appendChild","removeChild","_default","exports"],"sources":["../../../src/utils/useTransitionStyle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ninterface UseTransitionStyleProps {\n  className: string;\n  ms: number;\n  enabled: boolean;\n}\n\n/**\n * Creates the global style for setting the transition delay.\n */\nconst useTransitionStyle = (props: UseTransitionStyleProps) => {\n  const { className, ms, enabled } = props;\n\n  useEffect(() => {\n    if (!enabled) return () => {};\n    const style = document.createElement('style');\n    style.innerHTML = `.${className}{transition:transform ${ms}ms;}`;\n    const child = document.head.appendChild(style);\n    return () => {\n      document.head.removeChild(child);\n    };\n  }, [className, enabled, ms]);\n};\n\nexport default useTransitionStyle;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA;AACA;AACA;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;EAC7D,IAAQC,SAAS,GAAkBD,KAAK,CAAhCC,SAAS;IAAEC,EAAE,GAAcF,KAAK,CAArBE,EAAE;IAAEC,OAAO,GAAKH,KAAK,CAAjBG,OAAO;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAO,YAAM,CAAC,CAAC;IAC7B,IAAME,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC7CF,KAAK,CAACG,SAAS,OAAAC,MAAA,CAAOR,SAAS,4BAAAQ,MAAA,CAAyBP,EAAE,SAAM;IAChE,IAAMQ,KAAK,GAAGJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,KAAK,CAAC;IAC9C,OAAO,YAAM;MACXC,QAAQ,CAACK,IAAI,CAACE,WAAW,CAACH,KAAK,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACT,SAAS,EAAEE,OAAO,EAAED,EAAE,CAAC,CAAC;AAC9B,CAAC;AAAC,IAAAY,QAAA,GAEaf,kBAAkB;AAAAgB,OAAA,cAAAD,QAAA"}

package/dist/esm/DragAndDrop.js

@@ -1,15 +1,15 @@
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import usePreventDefaultEvent from '@os-design/use-prevent-default-event';
-import useMemoObject from '@os-design/use-memo-object';
-import useDrag from '@os-design/use-drag';
 import Portal from '@os-design/portal';
 import useAutoScroll from '@os-design/use-auto-scroll';
-import { DragAndDropContext } from './utils/useDragAndDrop';
+import useDrag from '@os-design/use-drag';
+import useMemoObject from '@os-design/use-memo-object';
+import usePreventDefaultEvent from '@os-design/use-prevent-default-event';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import ListStore from './utils/ListStore';
+import { DragAndDropContext } from './utils/useDragAndDrop';
 import useDragEffect from './utils/useDragEffect';
 import useGeneratedId from './utils/useGeneratedId';
-import useTransitionStyle from './utils/useTransitionStyle';
 import useInitRect from './utils/useInitRect';
+import useTransitionStyle from './utils/useTransitionStyle';
 /**
  * The container containing one or more lists with draggable nodes.
  */

package/dist/esm/DragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.js","names":["React","useCallback","useMemo","useRef","useState","usePreventDefaultEvent","useMemoObject","useDrag","Portal","useAutoScroll","DragAndDropContext","ListStore","useDragEffect","useGeneratedId","useTransitionStyle","useInitRect","DragAndDrop","draggedNodeContainer","minMouseDistPx","longPressMs","autoScrollDistPercent","autoScrollMaxSpeedPx","transitionDelayMs","onDragEnd","children","listStoreRef","generatedId","nodeClassName","draggedNode","setDraggedNode","startNodeRef","cursorPosition","setCursorPosition","x","y","registerList","list","current","add","deregisterList","id","remove","className","ms","enabled","onDragStart","pos","startPos","startNode","nodeRef","node","rect","getBoundingClientRect","position","onDragMove","dragEndHandler","onMouseDown","onTouchStart","mouseDownHandler","e","touchStartHandler","document","body","distPercent","maxSpeedPx","initRect","undefined","dragAndDropContext","renderDraggedNode","index","style","left","top","width","initWidth","height","initHeight","zIndex"],"sources":["../../src/DragAndDrop.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport usePreventDefaultEvent from '@os-design/use-prevent-default-event';\nimport useMemoObject from '@os-design/use-memo-object';\nimport useDrag, {\n  Position,\n  OnDragEnd,\n  OnDragMove,\n  OnDragStart,\n} from '@os-design/use-drag';\nimport Portal, { PortalProps } from '@os-design/portal';\nimport useAutoScroll from '@os-design/use-auto-scroll';\nimport { DragAndDropContext } from './utils/useDragAndDrop';\nimport ListStore from './utils/ListStore';\nimport NodeList, { ExistingNode } from './utils/NodeList';\nimport useDragEffect, {\n  DragEndHandler,\n  DraggedNode,\n} from './utils/useDragEffect';\nimport useGeneratedId from './utils/useGeneratedId';\nimport useTransitionStyle from './utils/useTransitionStyle';\nimport useInitRect from './utils/useInitRect';\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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"}
+{"version":3,"file":"DragAndDrop.js","names":["Portal","useAutoScroll","useDrag","useMemoObject","usePreventDefaultEvent","React","useCallback","useMemo","useRef","useState","ListStore","DragAndDropContext","useDragEffect","useGeneratedId","useInitRect","useTransitionStyle","DragAndDrop","draggedNodeContainer","minMouseDistPx","longPressMs","autoScrollDistPercent","autoScrollMaxSpeedPx","transitionDelayMs","onDragEnd","children","listStoreRef","generatedId","nodeClassName","draggedNode","setDraggedNode","startNodeRef","cursorPosition","setCursorPosition","x","y","registerList","list","current","add","deregisterList","id","remove","className","ms","enabled","onDragStart","pos","startPos","startNode","nodeRef","node","rect","getBoundingClientRect","position","onDragMove","dragEndHandler","onMouseDown","onTouchStart","mouseDownHandler","e","touchStartHandler","document","body","distPercent","maxSpeedPx","initRect","undefined","dragAndDropContext","createElement","Provider","value","container","renderDraggedNode","index","style","left","top","width","initWidth","height","initHeight","zIndex"],"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';\n\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';\n\nimport useDragEffect, {\n  DragEndHandler,\n  DraggedNode,\n} from './utils/useDragEffect';\nimport useGeneratedId from './utils/useGeneratedId';\nimport useInitRect from './utils/useInitRect';\n\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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"}

package/dist/esm/Draggable.js

@@ -1,8 +1,8 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
 import useMemoObject from '@os-design/use-memo-object';
-import useDroppable from './utils/useDroppable';
-import useDragAndDrop from './utils/useDragAndDrop';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import useAppendClassName from './utils/useAppendClassName';
+import useDragAndDrop from './utils/useDragAndDrop';
+import useDroppable from './utils/useDroppable';
 const Draggable = ({
   index,
   id,