@os-design/drag-sort 1.0.13 → 1.0.15

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":"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"}
+{"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"}

package/dist/cjs/utils/useDroppable.js

@@ -1,18 +1,13 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DroppableContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var DroppableContext = /*#__PURE__*/_react["default"].createContext({
   registerNode: function registerNode() {
     return [null, null, {
@@ -23,13 +18,10 @@ var DroppableContext = /*#__PURE__*/_react["default"].createContext({
   onMouseDown: function onMouseDown() {},
   onTouchStart: function onTouchStart() {}
 });
-
 exports.DroppableContext = DroppableContext;
-
 var useDroppable = function useDroppable() {
   return (0, _react.useContext)(DroppableContext);
 };
-
 var _default = useDroppable;
 exports["default"] = _default;
 //# sourceMappingURL=useDroppable.js.map

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;;;;;;AAUO,IAAMA,gBAAgB,gBAAGC,iBAAA,CAAMC,aAAN,CAA2C;EACzEC,YAAY,EAAE;IAAA,OACZ,CAAC,IAAD,EAAO,IAAP,EAAa;MAAEC,OAAO,EAAE;IAAX,CAAb,EAAgC,YAAM,CAAE,CAAxC,EAA0C,CAAC,CAA3C,EAA8C,IAA9C,CADY;EAAA,CAD2D;EAGzEC,cAAc,EAAE,0BAAM,CAAE,CAHiD;EAIzEC,WAAW,EAAE,uBAAM,CAAE,CAJoD;EAKzEC,YAAY,EAAE,wBAAM,CAAE;AALmD,CAA3C,CAAzB;;;;AAQP,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,OAA6B,IAAAC,iBAAA,EAAWT,gBAAX,CAA7B;AAAA,CAArB;;eAEeQ,Y"}
+{"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"}

package/dist/cjs/utils/useGeneratedId.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var useGeneratedId = function useGeneratedId() {
   return (0, _react.useMemo)(function () {
     return Math.random().toString(16).slice(2);
   }, []);
 };
-
 var _default = useGeneratedId;
 exports["default"] = _default;
 //# sourceMappingURL=useGeneratedId.js.map

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,cAAiB;EAAA,OACrB,IAAAC,cAAA,EAAQ;IAAA,OAAMC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAAN;EAAA,CAAR,EAAmD,EAAnD,CADqB;AAAA,CAAvB;;eAGeL,c"}
+{"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"}

package/dist/cjs/utils/useGetNodeStyle.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var useGetNodeStyle = function useGetNodeStyle(size) {
   var sizeRef = (0, _react.useRef)(size);
   (0, _react.useEffect)(function () {
@@ -22,7 +20,6 @@ var useGetNodeStyle = function useGetNodeStyle(size) {
     return style;
   }, []);
 };
-
 var _default = useGetNodeStyle;
 exports["default"] = _default;
 //# sourceMappingURL=useGetNodeStyle.js.map

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,eAAkB,CAACC,IAAD,EAA4C;EAClE,IAAMC,OAAO,GAAG,IAAAC,aAAA,EAAOF,IAAP,CAAhB;EAEA,IAAAG,gBAAA,EAAU,YAAM;IACdF,OAAO,CAACG,OAAR,GAAkBJ,IAAlB;EACD,CAFD,EAEG,CAACA,IAAD,CAFH;EAIA,OAAO,IAAAK,kBAAA,EAA6B,UAACC,IAAD,EAAOC,UAAP,EAAsB;IACxD,IAAID,IAAI,KAAK,MAAT,IAAmB,CAACL,OAAO,CAACG,OAAhC,EAAyC,OAAO,EAAP;IAEzC,IAAMI,WAAW,GAAGD,UAAU,GAAG,YAAH,GAAkB,YAAhD;IACA,IAAME,QAAQ,GAAGF,UAAU,GAAG,WAAH,GAAiB,YAA5C;IACA,IAAMG,IAAI,GAAGJ,IAAI,KAAK,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CAApC;IAEA,IAAMK,KAAoB,GAAG,EAA7B;IACAA,KAAK,CAACC,SAAN,aAAqBJ,WAArB,cAAoCE,IAAI,GAAGT,OAAO,CAACG,OAAR,CAAgBK,QAAhB,CAA3C;IAEA,OAAOE,KAAP;EACD,CAXM,EAWJ,EAXI,CAAP;AAYD,CAnBD;;eAqBeZ,e"}
+{"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"}

package/dist/cjs/utils/useInitRect.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var useInitRect = function useInitRect(ref) {
   return (0, _react.useMemo)(function () {
     if (!ref || !ref.current) return null;
@@ -19,7 +17,6 @@ var useInitRect = function useInitRect(ref) {
     };
   }, [ref]);
 };
-
 var _default = useInitRect;
 exports["default"] = _default;
 //# sourceMappingURL=useInitRect.js.map

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,WAAc,CAACC,GAAD;EAAA,OAClB,IAAAC,cAAA,EAAQ,YAAM;IACZ,IAAI,CAACD,GAAD,IAAQ,CAACA,GAAG,CAACE,OAAjB,EAA0B,OAAO,IAAP;IAE1B,IAAMC,IAAI,GAAGH,GAAG,CAACE,OAAJ,CAAYE,qBAAZ,EAAb;IAEA,OAAO;MACLC,KAAK,EAAEF,IAAI,CAACG,CADP;MAELC,KAAK,EAAEJ,IAAI,CAACK,CAFP;MAGLC,SAAS,EAAEN,IAAI,CAACO,KAHX;MAILC,UAAU,EAAER,IAAI,CAACS;IAJZ,CAAP;EAMD,CAXD,EAWG,CAACZ,GAAD,CAXH,CADkB;AAAA,CAApB;;eAceD,W"}
+{"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"}

package/dist/cjs/utils/useInitScrollOffset.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _getElementScroll = _interopRequireDefault(require("./getElementScroll"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var useInitScrollOffset = function useInitScrollOffset(ref) {
   return (0, _react.useMemo)(function () {
     if (!ref || !ref.current) return null;
@@ -21,7 +17,6 @@ var useInitScrollOffset = function useInitScrollOffset(ref) {
     };
   }, [ref]);
 };
-
 var _default = useInitScrollOffset;
 exports["default"] = _default;
 //# sourceMappingURL=useInitScrollOffset.js.map

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;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,GAAD;EAAA,OAC1B,IAAAC,cAAA,EAAQ,YAAM;IACZ,IAAI,CAACD,GAAD,IAAQ,CAACA,GAAG,CAACE,OAAjB,EAA0B,OAAO,IAAP;IAE1B,IAAMC,YAAY,GAAG,IAAAC,4BAAA,EAAiBJ,GAAG,CAACE,OAArB,CAArB;IAEA,OAAO;MACLG,cAAc,EAAEF,YAAY,CAACG,UADxB;MAELC,aAAa,EAAEJ,YAAY,CAACK;IAFvB,CAAP;EAID,CATD,EASG,CAACR,GAAD,CATH,CAD0B;AAAA,CAA5B;;eAYeD,mB"}
+{"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"}

package/dist/cjs/utils/useMoveNode.js

@@ -4,113 +4,88 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _getNodeRect = _interopRequireDefault(require("./getNodeRect"));
-
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /* eslint-disable no-constant-condition */
+
 var useMoveNode = function useMoveNode(props) {
   var position = props.position,
-      draggedNode = props.draggedNode,
-      getNodeStyle = props.getNodeStyle;
+    draggedNode = props.draggedNode,
+    getNodeStyle = props.getNodeStyle;
   return (0, _react.useCallback)(function (options) {
     var list = options.list,
-        startNode = options.startNode,
-        direction = options.direction,
-        destination = options.destination,
-        _options$isAnotherLis = options.isAnotherList,
-        isAnotherList = _options$isAnotherLis === void 0 ? false : _options$isAnotherLis;
+      startNode = options.startNode,
+      direction = options.direction,
+      destination = options.destination,
+      _options$isAnotherLis = options.isAnotherList,
+      isAnotherList = _options$isAnotherLis === void 0 ? false : _options$isAnotherLis;
     if (!draggedNode || !position) return startNode;
-
     var _draggedNode$node = _slicedToArray(draggedNode.node, 5),
-        draggedNodeIndex = _draggedNode$node[4];
-
+      draggedNodeIndex = _draggedNode$node[4];
     var axis = list.horizontal ? 'x' : 'y';
     var startRectProp = list.horizontal ? 'left' : 'top';
     var endRectProp = list.horizontal ? 'right' : 'bottom';
     var node = startNode;
-
     if (direction === 'up') {
       while (true) {
         var _node = node,
-            _node2 = _slicedToArray(_node, 5),
-            prev = _node2[0],
-            nodeSetStyle = _node2[3],
-            nodeIndex = _node2[4];
-
+          _node2 = _slicedToArray(_node, 5),
+          prev = _node2[0],
+          nodeSetStyle = _node2[3],
+          nodeIndex = _node2[4];
         if (!prev) return node;
-
         var _prev = _slicedToArray(prev, 5),
-            prevNodeRef = _prev[2],
-            prevNodeSetStyle = _prev[3],
-            prevNodeIndex = _prev[4];
-
+          prevNodeRef = _prev[2],
+          prevNodeSetStyle = _prev[3],
+          prevNodeIndex = _prev[4];
         if (destination === 'cursor') {
           var prevNodeRect = (0, _getNodeRect["default"])(prevNodeRef);
-
           if (prevNodeRect && position[axis] > prevNodeRect[endRectProp]) {
             return node;
           }
         }
-
         if (isAnotherList || prevNodeIndex < draggedNodeIndex) {
           prevNodeSetStyle(getNodeStyle('down', list.horizontal));
         } else if (nodeIndex > draggedNodeIndex) {
           nodeSetStyle(getNodeStyle('init', list.horizontal));
         }
-
         node = prev;
       }
     } else {
       while (true) {
         var _node3 = node,
-            _node4 = _slicedToArray(_node3, 5),
-            next = _node4[1],
-            _nodeSetStyle = _node4[3],
-            _nodeIndex = _node4[4];
-
+          _node4 = _slicedToArray(_node3, 5),
+          next = _node4[1],
+          _nodeSetStyle = _node4[3],
+          _nodeIndex = _node4[4];
         if (!next) return node;
-
         var _next = _slicedToArray(next, 5),
-            nextNodeRef = _next[2],
-            nextNodeSetStyle = _next[3],
-            nextNodeIndex = _next[4];
-
+          nextNodeRef = _next[2],
+          nextNodeSetStyle = _next[3],
+          nextNodeIndex = _next[4];
         if (destination === 'cursor') {
           var nextNodeRect = (0, _getNodeRect["default"])(nextNodeRef);
-
           if (nextNodeRect && position[axis] < nextNodeRect[startRectProp]) {
             return node;
           }
         }
-
         if (isAnotherList || _nodeIndex < draggedNodeIndex) {
           _nodeSetStyle(getNodeStyle('init', list.horizontal));
         } else if (nextNodeIndex > draggedNodeIndex) {
           nextNodeSetStyle(getNodeStyle('up', list.horizontal));
         }
-
         node = next;
       }
     }
   }, [draggedNode, getNodeStyle, position]);
 };
-
 var _default = useMoveNode;
 exports["default"] = _default;
 //# sourceMappingURL=useMoveNode.js.map

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":["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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"}

package/dist/cjs/utils/useScrollEventByPoint.js

@@ -4,11 +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 compare = function compare(prevArr, nextArr) {
   var remove = [];
   var add = [];
@@ -23,7 +20,6 @@ var compare = function compare(prevArr, nextArr) {
     add: add
   };
 };
-
 /**
  * Sets the listener that will be called whenever the scroll event occurs
  * in one of the elements located under the specified point.
@@ -40,15 +36,12 @@ var useScrollEventByPoint = function useScrollEventByPoint(point, listener) {
   (0, _react.useEffect)(function () {
     if (!point) return;
     var scrollableElements = (0, _useAutoScroll.getScrollableElements)(point.x, point.y);
-
     var _compare = compare(elementsRef.current, scrollableElements),
-        remove = _compare.remove,
-        add = _compare.add;
-
+      remove = _compare.remove,
+      add = _compare.add;
     var getTarget = function getTarget(item) {
       return item === document.body ? window : item;
     };
-
     remove.forEach(function (item) {
       var index = elementsRef.current.indexOf(item);
       if (index >= 0) elementsRef.current.splice(index, 1);
@@ -60,7 +53,6 @@ var useScrollEventByPoint = function useScrollEventByPoint(point, listener) {
     });
   }, [eventListener, point]);
 };
-
 var _default = useScrollEventByPoint;
 exports["default"] = _default;
 //# sourceMappingURL=useScrollEventByPoint.js.map

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,OAAU,CAAIC,OAAJ,EAAkBC,OAAlB,EAAmC;EACjD,IAAMC,MAAW,GAAG,EAApB;EACA,IAAMC,GAAQ,GAAG,EAAjB;EACAH,OAAO,CAACI,OAAR,CAAgB,UAACC,IAAD,EAAU;IACxB,IAAI,CAACJ,OAAO,CAACK,QAAR,CAAiBD,IAAjB,CAAL,EAA6BH,MAAM,CAACK,IAAP,CAAYF,IAAZ;EAC9B,CAFD;EAGAJ,OAAO,CAACG,OAAR,CAAgB,UAACC,IAAD,EAAU;IACxB,IAAI,CAACL,OAAO,CAACM,QAAR,CAAiBD,IAAjB,CAAL,EAA6BF,GAAG,CAACI,IAAJ,CAASF,IAAT;EAC9B,CAFD;EAGA,OAAO;IAAEH,MAAM,EAANA,MAAF;IAAUC,GAAG,EAAHA;EAAV,CAAP;AACD,CAVD;;AAiBA;AACA;AACA;AACA;AACA,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAwB,CAC5BC,KAD4B,EAE5BC,QAF4B,EAGzB;EACH,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAOF,QAAP,CAApB;EACA,IAAAG,gBAAA,EAAU,YAAM;IACdF,WAAW,CAACG,OAAZ,GAAsBJ,QAAtB;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA,IAAMK,aAAa,GAAG,IAAAC,kBAAA,EAAY,UAACC,CAAD;IAAA,OAAcN,WAAW,CAACG,OAAZ,CAAoBG,CAApB,CAAd;EAAA,CAAZ,EAAkD,EAAlD,CAAtB;EACA,IAAMC,WAAW,GAAG,IAAAN,aAAA,EAAkB,EAAlB,CAApB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAI,CAACJ,KAAL,EAAY;IACZ,IAAMU,kBAAkB,GAAG,IAAAC,oCAAA,EAAsBX,KAAK,CAACY,CAA5B,EAA+BZ,KAAK,CAACa,CAArC,CAA3B;;IACA,eAAwBvB,OAAO,CAACmB,WAAW,CAACJ,OAAb,EAAsBK,kBAAtB,CAA/B;IAAA,IAAQjB,MAAR,YAAQA,MAAR;IAAA,IAAgBC,GAAhB,YAAgBA,GAAhB;;IACA,IAAMoB,SAAS,GAAG,SAAZA,SAAY,CAAClB,IAAD;MAAA,OAChBA,IAAI,KAAKmB,QAAQ,CAACC,IAAlB,GAAyBC,MAAzB,GAAkCrB,IADlB;IAAA,CAAlB;;IAGAH,MAAM,CAACE,OAAP,CAAe,UAACC,IAAD,EAAU;MACvB,IAAMsB,KAAK,GAAGT,WAAW,CAACJ,OAAZ,CAAoBc,OAApB,CAA4BvB,IAA5B,CAAd;MACA,IAAIsB,KAAK,IAAI,CAAb,EAAgBT,WAAW,CAACJ,OAAZ,CAAoBe,MAApB,CAA2BF,KAA3B,EAAkC,CAAlC;MAChBJ,SAAS,CAAClB,IAAD,CAAT,CAAgByB,mBAAhB,CAAoC,QAApC,EAA8Cf,aAA9C;IACD,CAJD;IAKAZ,GAAG,CAACC,OAAJ,CAAY,UAACC,IAAD,EAAU;MACpBa,WAAW,CAACJ,OAAZ,CAAoBP,IAApB,CAAyBF,IAAzB;MACAkB,SAAS,CAAClB,IAAD,CAAT,CAAgB0B,gBAAhB,CAAiC,QAAjC,EAA2ChB,aAA3C;IACD,CAHD;EAID,CAhBD,EAgBG,CAACA,aAAD,EAAgBN,KAAhB,CAhBH;AAiBD,CA7BD;;eA+BeD,qB"}
+{"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"}