@os-design/drag-sort 1.0.13 → 1.0.15

package/dist/esm/utils/useDragEffect.js

@@ -13,15 +13,14 @@ const HIDDEN_NODE_STYLE = {
   opacity: 0,
   pointerEvents: 'none'
 };
-
 const createEmptyNode = ({
   prev = null,
   next = null
 }) => [prev, next, {
   current: null
 }, () => {}, -1, 'id'];
-/* eslint-disable no-constant-condition */
 
+/* eslint-disable no-constant-condition */
 
 const useDragEffect = props => {
   const {
@@ -38,14 +37,17 @@ const useDragEffect = props => {
   const onDragEndRef = useRef(onDragEnd);
   useEffect(() => {
     onDragEndRef.current = onDragEnd;
-  }, [onDragEnd]); // The initial bounds of the dragged node.
+  }, [onDragEnd]);
+
+  // The initial bounds of the dragged node.
   // We can't read the bounds of the dragged node on the fly because the node can be unmounted in the virtual list.
+  const initDraggedNodeRect = useInitRect(draggedNode ? draggedNode.node[2] : undefined);
 
-  const initDraggedNodeRect = useInitRect(draggedNode ? draggedNode.node[2] : undefined); // The initial scroll position of the list where the dragged node is located.
+  // The initial scroll position of the list where the dragged node is located.
   // Used to detect the actual position of the dragged node. The purpose is the same as with initDraggedNodeRect.
+  const initDraggedNodeListScrollOffset = useInitScrollOffset(draggedNode ? draggedNode.list.ref : undefined);
 
-  const initDraggedNodeListScrollOffset = useInitScrollOffset(draggedNode ? draggedNode.list.ref : undefined); // The central position of the dragged node
-
+  // The central position of the dragged node
   const position = useMemo(() => {
     if (!draggedNode || !initDraggedNodeRect) return null;
     const {
@@ -60,12 +62,15 @@ const useDragEffect = props => {
       x: x - draggedNode.position.x + initWidth / 2,
       y: y - draggedNode.position.y + initHeight / 2
     };
-  }, [cursorPosition, draggedNode, initDraggedNodeRect]); // The list in which the cursor is located
+  }, [cursorPosition, draggedNode, initDraggedNodeRect]);
 
-  const targetList = useTargetList(position, listStoreRef); // Returns the style for moving the node in the specified direction
+  // The list in which the cursor is located
+  const targetList = useTargetList(position, listStoreRef);
 
-  const getNodeStyle = useGetNodeStyle(initDraggedNodeRect); // Moves the node up or down
+  // Returns the style for moving the node in the specified direction
+  const getNodeStyle = useGetNodeStyle(initDraggedNodeRect);
 
+  // Moves the node up or down
   const moveNode = useMoveNode({
     position,
     draggedNode,
@@ -86,13 +91,13 @@ const useDragEffect = props => {
   const clearTargetNode = useCallback(() => {
     targetNodeRef.current = null;
     targetRef.current = null;
-  }, []); // Returns the central position of the dragged node in the list
+  }, []);
 
+  // Returns the central position of the dragged node in the list
   const getDraggedNodePos = useCallback(() => {
     if (!targetList || !targetList.ref.current || !initDraggedNodeRect || !initDraggedNodeListScrollOffset) {
       return null;
     }
-
     const {
       initX,
       initY,
@@ -115,16 +120,18 @@ const useDragEffect = props => {
   const getDraggedNodePosRef = useRef(getDraggedNodePos);
   useEffect(() => {
     getDraggedNodePosRef.current = getDraggedNodePos;
-  }, [getDraggedNodePos]); // Hide the dragged node
+  }, [getDraggedNodePos]);
 
+  // Hide the dragged node
   useEffect(() => {
     if (!draggedNode) return () => {};
     const [,,, draggedNodeSetStyle] = draggedNode.node;
     draggedNodeSetStyle(HIDDEN_NODE_STYLE);
     return () => draggedNodeSetStyle({});
-  }, [draggedNode]); // Append the blank node to the list to increase the height of it.
-  // Used when the dragged node is located inside another list.
+  }, [draggedNode]);
 
+  // Append the blank node to the list to increase the height of it.
+  // Used when the dragged node is located inside another list.
   const removeBlankNode = useBlankNode({
     draggedNode,
     targetList,
@@ -133,8 +140,8 @@ const useDragEffect = props => {
   const updateTargetNode = useCallback(() => {
     if (!draggedNode) return;
     const prevTargetNode = targetNodeRef.current; // The last updated node
-    // Dragging outside the origin list
 
+    // Dragging outside the origin list
     if (prevTargetNode && prevTargetNode.list === draggedNode.list && targetList !== draggedNode.list) {
       moveNode({
         list: prevTargetNode.list,
@@ -143,9 +150,9 @@ const useDragEffect = props => {
         destination: 'end'
       });
       clearTargetNode();
-    } // Dragging outside another list
-
+    }
 
+    // Dragging outside another list
     if (prevTargetNode && prevTargetNode.list !== draggedNode.list && targetList !== prevTargetNode.list) {
       moveNode({
         list: prevTargetNode.list,
@@ -156,9 +163,9 @@ const useDragEffect = props => {
       });
       removeBlankNode();
       clearTargetNode();
-    } // Dragging inside the origin list
-
+    }
 
+    // Dragging inside the origin list
     if (!prevTargetNode && targetList === draggedNode.list) {
       const tail = targetList.getTail();
       if (!tail) return;
@@ -170,9 +177,9 @@ const useDragEffect = props => {
       });
       setTargetNode(targetList, node);
       return;
-    } // Dragging inside another list
-
+    }
 
+    // Dragging inside another list
     if (targetList && targetList !== draggedNode.list && (!prevTargetNode || prevTargetNode.list !== targetList)) {
       const tail = targetList.getTail();
       if (!tail) return;
@@ -185,13 +192,12 @@ const useDragEffect = props => {
       });
       setTargetNode(targetList, node);
       return;
-    } // Dragging in the origin list
-
+    }
 
+    // Dragging in the origin list
     if (prevTargetNode && prevTargetNode.list === draggedNode.list && targetList === draggedNode.list) {
       const axis = targetList.horizontal ? 'x' : 'y';
       const [,, prevTargetNodeRef,,] = prevTargetNode.node;
-
       if (!prevTargetNodeRef.current) {
         // The target node was unmounted. It happens when the virtual list is used.
         // If the cursor is above the dragged node, we need to move the nodes down from the tail to the node where
@@ -200,7 +206,6 @@ const useDragEffect = props => {
         const draggedNodePos = getDraggedNodePosRef.current();
         if (!position || !draggedNodePos) return;
         const isDraggingUp = position[axis] < draggedNodePos[axis];
-
         if (isDraggingUp) {
           const tail = targetList.getTail();
           if (!tail || !tail[2].current) return;
@@ -226,10 +231,8 @@ const useDragEffect = props => {
           });
           setTargetNode(targetList, node);
         }
-
         return;
       }
-
       const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);
       const startRectProp = targetList.horizontal ? 'left' : 'top';
       if (!position || !prevTargetNodeRect) return;
@@ -247,9 +250,9 @@ const useDragEffect = props => {
       });
       setTargetNode(targetList, node);
       return;
-    } // Dragging in another list
-
+    }
 
+    // Dragging in another list
     if (targetList && targetList !== draggedNode.list && prevTargetNode && prevTargetNode.list === targetList) {
       const axis = targetList.horizontal ? 'x' : 'y';
       const prevTargetNodeRect = getNodeRect(prevTargetNode.node[2]);
@@ -271,29 +274,31 @@ const useDragEffect = props => {
       });
       setTargetNode(targetList, node);
     }
-  }, [draggedNode, targetList, moveNode, clearTargetNode, removeBlankNode, setTargetNode, position]); // Update the target node if either the position or the target list has been changed
+  }, [draggedNode, targetList, moveNode, clearTargetNode, removeBlankNode, setTargetNode, position]);
 
+  // Update the target node if either the position or the target list has been changed
   useEffect(() => {
     updateTargetNode();
-  }, [updateTargetNode]); // Update the target node if the target list has been scrolled
+  }, [updateTargetNode]);
 
+  // Update the target node if the target list has been scrolled
   const [throttledUpdateTargetNode] = useThrottle(updateTargetNode, 100);
   useEvent(targetList ? targetList.ref : undefined, 'scroll', throttledUpdateTargetNode);
-  useEvent(window, 'scroll', throttledUpdateTargetNode); // Reset styles of the affected nodes when the dragged node was dropped
+  useEvent(window, 'scroll', throttledUpdateTargetNode);
 
+  // Reset styles of the affected nodes when the dragged node was dropped
   useEffect(() => {
     if (!draggedNode) return () => {};
     const [,,,, draggedNodeIndex] = draggedNode.node;
     return () => {
-      const targetNode = targetNodeRef.current; // If the dragged node was outside the origin list, reset the styles for the nodes,
-      // starting at the tail and ending with the dragged node in the origin list.
+      const targetNode = targetNodeRef.current;
 
+      // If the dragged node was outside the origin list, reset the styles for the nodes,
+      // starting at the tail and ending with the dragged node in the origin list.
       if (!targetNode || targetNode.list !== draggedNode.list) {
         const tail = draggedNode.list.getTail();
-
         if (tail) {
           let node = tail;
-
           while (true) {
             const [prev,,, nodeSetStyle, nodeIndex] = node;
             nodeSetStyle({});
@@ -301,17 +306,15 @@ const useDragEffect = props => {
             node = prev;
           }
         }
-      } // If the dragged node was inside another list, reset the styles for the nodes,
-      // starting at the tail and ending with the dragged node in the target list.
-
+      }
 
+      // If the dragged node was inside another list, reset the styles for the nodes,
+      // starting at the tail and ending with the dragged node in the target list.
       if (targetNode && targetNode.list !== draggedNode.list) {
         const tail = targetNode.list.getTail();
         const [,,,, targetNodeIndex] = targetNode.node;
-
         if (tail) {
           let node = tail;
-
           while (true) {
             const [prev,,, nodeSetStyle, nodeIndex] = node;
             nodeSetStyle({});
@@ -319,18 +322,16 @@ const useDragEffect = props => {
             node = prev;
           }
         }
-      } // If the dragged node was moved inside the origin list, reset the styles for the nodes,
-      // starting with target node and ending with the dragged node.
-
+      }
 
+      // If the dragged node was moved inside the origin list, reset the styles for the nodes,
+      // starting with target node and ending with the dragged node.
       if (targetNode && targetNode.list === draggedNode.list) {
         const [,,, targetNodeSetStyle, targetNodeIndex] = targetNode.node;
-
         if (targetNodeIndex > draggedNodeIndex) {
           let {
             node
           } = targetNode;
-
           while (true) {
             const [prev,,, nodeSetStyle, nodeIndex] = node;
             nodeSetStyle({});
@@ -341,7 +342,6 @@ const useDragEffect = props => {
           let {
             node
           } = targetNode;
-
           while (true) {
             const [, next,, nodeSetStyle, nodeIndex] = node;
             nodeSetStyle({});
@@ -353,29 +353,29 @@ const useDragEffect = props => {
         }
       }
     };
-  }, [draggedNode]); // Update the position of the newly mounted nodes in the origin list (used in the virtual list)
+  }, [draggedNode]);
 
+  // Update the position of the newly mounted nodes in the origin list (used in the virtual list)
   useEffect(() => {
     if (!draggedNode) return () => {};
     const [,,,, draggedNodeIndex] = draggedNode.node;
-
     const update = nodeProps => {
       const {
         setStyle,
         index
       } = nodeProps;
-      const targetNode = targetNodeRef.current; // Set the hidden style, if the mounted node is the dragged node
+      const targetNode = targetNodeRef.current;
 
+      // Set the hidden style, if the mounted node is the dragged node
       if (index === draggedNodeIndex) {
         setStyle(HIDDEN_NODE_STYLE);
         return;
-      } // If the dragged node is inside the origin list
-
+      }
 
+      // If the dragged node is inside the origin list
       if (targetNode && targetNode.list === draggedNode.list) {
         // Move the mounted node up/down, if it is located between the dragged and target node
         const [,,,, targetNodeIndex] = targetNode.node;
-
         if (index > draggedNodeIndex && index < targetNodeIndex) {
           setStyle(getNodeStyle('up', targetNode.list.horizontal));
         } else if (index < draggedNodeIndex && index > targetNodeIndex) {
@@ -386,16 +386,15 @@ const useDragEffect = props => {
         setStyle(getNodeStyle('up', draggedNode.list.horizontal));
       }
     };
-
     draggedNode.list.addListener(update);
     return () => draggedNode.list.removeListener(update);
-  }, [draggedNode, getNodeStyle]); // Update the position of the newly mounted nodes in the target list (used in the virtual list)
+  }, [draggedNode, getNodeStyle]);
 
+  // Update the position of the newly mounted nodes in the target list (used in the virtual list)
   useEffect(() => {
     if (!draggedNode || !targetList || targetList === draggedNode.list) {
       return () => {};
     }
-
     const update = nodeProps => {
       const {
         setStyle,
@@ -404,17 +403,16 @@ const useDragEffect = props => {
       const targetNode = targetNodeRef.current;
       if (!targetNode) return;
       const [,,,, targetNodeIndex] = targetNode.node;
-
       if (index >= targetNodeIndex) {
         // Move the mounted node down, if it is located below the target node or if it is the target node
         setStyle(getNodeStyle('down', targetList.horizontal));
       }
     };
-
     targetList.addListener(update);
     return () => targetList.removeListener(update);
-  }, [draggedNode, getNodeStyle, targetList]); // Call the onDragEnd callback if the draggedNode was changed to null
+  }, [draggedNode, getNodeStyle, targetList]);
 
+  // Call the onDragEnd callback if the draggedNode was changed to null
   useEffect(() => {
     if (!draggedNode) return () => {};
     return () => {
@@ -432,6 +430,5 @@ const useDragEffect = props => {
     };
   }, [draggedNode]);
 };
-
 export default useDragEffect;
 //# sourceMappingURL=useDragEffect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDragEffect.js","names":["useCallback","useEffect","useMemo","useRef","useThrottle","useEvent","getElementScroll","useTargetList","useInitRect","useInitScrollOffset","useGetNodeStyle","useMoveNode","getNodeRect","useBlankNode","HIDDEN_NODE_STYLE","opacity","pointerEvents","createEmptyNode","prev","next","current","useDragEffect","props","draggedNode","cursorPosition","listStoreRef","onDragEnd","targetRef","targetNodeRef","onDragEndRef","initDraggedNodeRect","node","undefined","initDraggedNodeListScrollOffset","list","ref","position","x","y","initWidth","initHeight","targetList","getNodeStyle","moveNode","setTargetNode","nodeIndex","nodeId","listId","id","index","clearTargetNode","getDraggedNodePos","initX","initY","initScrollLeft","initScrollTop","scrollLeft","scrollTop","getDraggedNodePosRef","draggedNodeSetStyle","removeBlankNode","updateTargetNode","prevTargetNode","startNode","direction","destination","isAnotherList","tail","getTail","axis","horizontal","prevTargetNodeRef","draggedNodePos","isDraggingUp","head","getHead","prevTargetNodeRect","startRectProp","isMoveUp","throttledUpdateTargetNode","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":["useCallback","useEffect","useMemo","useRef","useThrottle","useEvent","getElementScroll","useTargetList","useInitRect","useInitScrollOffset","useGetNodeStyle","useMoveNode","getNodeRect","useBlankNode","HIDDEN_NODE_STYLE","opacity","pointerEvents","createEmptyNode","prev","next","current","useDragEffect","props","draggedNode","cursorPosition","listStoreRef","onDragEnd","targetRef","targetNodeRef","onDragEndRef","initDraggedNodeRect","node","undefined","initDraggedNodeListScrollOffset","list","ref","position","x","y","initWidth","initHeight","targetList","getNodeStyle","moveNode","setTargetNode","nodeIndex","nodeId","listId","id","index","clearTargetNode","getDraggedNodePos","initX","initY","initScrollLeft","initScrollTop","scrollLeft","scrollTop","getDraggedNodePosRef","draggedNodeSetStyle","removeBlankNode","updateTargetNode","prevTargetNode","startNode","direction","destination","isAnotherList","tail","getTail","axis","horizontal","prevTargetNodeRef","draggedNodePos","isDraggingUp","head","getHead","prevTargetNodeRect","startRectProp","isMoveUp","throttledUpdateTargetNode","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,SAGEA,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,QACD,OAAO;AACd,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,QAAQ,MAAM,sBAAsB;AAG3C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AA+BzC,MAAMC,iBAAgC,GAAG;EACvCC,OAAO,EAAE,CAAC;EACVC,aAAa,EAAE;AACjB,CAAC;AAED,MAAMC,eAAe,GAAG,CAAC;EACvBC,IAAI,GAAG,IAAI;EACXC,IAAI,GAAG;AAIT,CAAC,KAAmB,CAACD,IAAI,EAAEC,IAAI,EAAE;EAAEC,OAAO,EAAE;AAAK,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;;AAEvE;;AAEA,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EACnD,MAAM;IAAEC,WAAW;IAAEC,cAAc;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEtE,MAAMK,SAAS,GAAGxB,MAAM,CAAsB,IAAI,CAAC;EACnD,MAAMyB,aAAa,GAAGzB,MAAM,CAAoBoB,WAAW,CAAC;EAE5DtB,SAAS,CAAC,MAAM;IACd2B,aAAa,CAACR,OAAO,GAAGG,WAAW;EACrC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMM,YAAY,GAAG1B,MAAM,CAACuB,SAAS,CAAC;EACtCzB,SAAS,CAAC,MAAM;IACd4B,YAAY,CAACT,OAAO,GAAGM,SAAS;EAClC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;;EAEf;EACA;EACA,MAAMI,mBAAmB,GAAGtB,WAAW,CACrCe,WAAW,GAAGA,WAAW,CAACQ,IAAI,CAAC,CAAC,CAAC,GAAGC,SAAS,CAC9C;;EAED;EACA;EACA,MAAMC,+BAA+B,GAAGxB,mBAAmB,CACzDc,WAAW,GAAGA,WAAW,CAACW,IAAI,CAACC,GAAG,GAAGH,SAAS,CAC/C;;EAED;EACA,MAAMI,QAAQ,GAAGlC,OAAO,CAAC,MAAM;IAC7B,IAAI,CAACqB,WAAW,IAAI,CAACO,mBAAmB,EAAE,OAAO,IAAI;IACrD,MAAM;MAAEO,CAAC;MAAEC;IAAE,CAAC,GAAGd,cAAc;IAC/B,MAAM;MAAEe,SAAS;MAAEC;IAAW,CAAC,GAAGV,mBAAmB;IACrD,OAAO;MACLO,CAAC,EAAEA,CAAC,GAAGd,WAAW,CAACa,QAAQ,CAACC,CAAC,GAAGE,SAAS,GAAG,CAAC;MAC7CD,CAAC,EAAEA,CAAC,GAAGf,WAAW,CAACa,QAAQ,CAACE,CAAC,GAAGE,UAAU,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,CAAChB,cAAc,EAAED,WAAW,EAAEO,mBAAmB,CAAC,CAAC;;EAEtD;EACA,MAAMW,UAAU,GAAGlC,aAAa,CAAC6B,QAAQ,EAAEX,YAAY,CAAC;;EAExD;EACA,MAAMiB,YAAY,GAAGhC,eAAe,CAACoB,mBAAmB,CAAC;;EAEzD;EACA,MAAMa,QAAQ,GAAGhC,WAAW,CAAC;IAAEyB,QAAQ;IAAEb,WAAW;IAAEmB;EAAa,CAAC,CAAC;EAErE,MAAME,aAAa,GAAG5C,WAAW,CAAC,CAACkC,IAAc,EAAEH,IAAkB,KAAK;IACxE,MAAM,MAASc,SAAS,EAAEC,MAAM,CAAC,GAAGf,IAAI;IACxCH,aAAa,CAACR,OAAO,GAAG;MAAEc,IAAI;MAAEH;IAAK,CAAC;IACtCJ,SAAS,CAACP,OAAO,GAAG;MAClB2B,MAAM,EAAEb,IAAI,CAACc,EAAE;MACfC,KAAK,EAAEJ,SAAS;MAChBG,EAAE,EAAEF;IACN,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,eAAe,GAAGlD,WAAW,CAAC,MAAM;IACxC4B,aAAa,CAACR,OAAO,GAAG,IAAI;IAC5BO,SAAS,CAACP,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAM+B,iBAAiB,GAAGnD,WAAW,CAAC,MAAM;IAC1C,IACE,CAACyC,UAAU,IACX,CAACA,UAAU,CAACN,GAAG,CAACf,OAAO,IACvB,CAACU,mBAAmB,IACpB,CAACG,+BAA+B,EAChC;MACA,OAAO,IAAI;IACb;IACA,MAAM;MAAEmB,KAAK;MAAEC,KAAK;MAAEd,SAAS;MAAEC;IAAW,CAAC,GAAGV,mBAAmB;IACnE,MAAM;MAAEwB,cAAc;MAAEC;IAAc,CAAC,GAAGtB,+BAA+B;IACzE,MAAM;MAAEuB,UAAU;MAAEC;IAAU,CAAC,GAAGnD,gBAAgB,CAACmC,UAAU,CAACN,GAAG,CAACf,OAAO,CAAC;IAC1E,OAAO;MACLiB,CAAC,EAAEe,KAAK,GAAGb,SAAS,GAAG,CAAC,GAAGe,cAAc,GAAGE,UAAU;MACtDlB,CAAC,EAAEe,KAAK,GAAGb,UAAU,GAAG,CAAC,GAAGe,aAAa,GAAGE;IAC9C,CAAC;EACH,CAAC,EAAE,CAACxB,+BAA+B,EAAEH,mBAAmB,EAAEW,UAAU,CAAC,CAAC;EAEtE,MAAMiB,oBAAoB,GAAGvD,MAAM,CAACgD,iBAAiB,CAAC;EACtDlD,SAAS,CAAC,MAAM;IACdyD,oBAAoB,CAACtC,OAAO,GAAG+B,iBAAiB;EAClD,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;;EAEvB;EACAlD,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,EAAE,OAAO,MAAM,CAAC,CAAC;IACjC,MAAM,KAAOoC,mBAAmB,CAAC,GAAGpC,WAAW,CAACQ,IAAI;IACpD4B,mBAAmB,CAAC7C,iBAAiB,CAAC;IACtC,OAAO,MAAM6C,mBAAmB,CAAC,CAAC,CAAC,CAAC;EACtC,CAAC,EAAE,CAACpC,WAAW,CAAC,CAAC;;EAEjB;EACA;EACA,MAAMqC,eAAe,GAAG/C,YAAY,CAAC;IACnCU,WAAW;IACXkB,UAAU;IACVX;EACF,CAAC,CAAC;EAEF,MAAM+B,gBAAgB,GAAG7D,WAAW,CAAC,MAAM;IACzC,IAAI,CAACuB,WAAW,EAAE;IAClB,MAAMuC,cAAc,GAAGlC,aAAa,CAACR,OAAO,CAAC,CAAC;;IAE9C;IACA,IACE0C,cAAc,IACdA,cAAc,CAAC5B,IAAI,KAAKX,WAAW,CAACW,IAAI,IACxCO,UAAU,KAAKlB,WAAW,CAACW,IAAI,EAC/B;MACAS,QAAQ,CAAC;QACPT,IAAI,EAAE4B,cAAc,CAAC5B,IAAI;QACzB6B,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE;MACf,CAAC,CAAC;MACFf,eAAe,EAAE;IACnB;;IAEA;IACA,IACEY,cAAc,IACdA,cAAc,CAAC5B,IAAI,KAAKX,WAAW,CAACW,IAAI,IACxCO,UAAU,KAAKqB,cAAc,CAAC5B,IAAI,EAClC;MACAS,QAAQ,CAAC;QACPT,IAAI,EAAE4B,cAAc,CAAC5B,IAAI;QACzB6B,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE,KAAK;QAClBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACFN,eAAe,EAAE;MACjBV,eAAe,EAAE;IACnB;;IAEA;IACA,IAAI,CAACY,cAAc,IAAIrB,UAAU,KAAKlB,WAAW,CAACW,IAAI,EAAE;MACtD,MAAMiC,IAAI,GAAG1B,UAAU,CAAC2B,OAAO,EAAE;MACjC,IAAI,CAACD,IAAI,EAAE;MACX,MAAMpC,IAAI,GAAGY,QAAQ,CAAC;QACpBT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAEI,IAAI;QACfH,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE;MACf,CAAC,CAAC;MACFrB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACEU,UAAU,IACVA,UAAU,KAAKlB,WAAW,CAACW,IAAI,KAC9B,CAAC4B,cAAc,IAAIA,cAAc,CAAC5B,IAAI,KAAKO,UAAU,CAAC,EACvD;MACA,MAAM0B,IAAI,GAAG1B,UAAU,CAAC2B,OAAO,EAAE;MACjC,IAAI,CAACD,IAAI,EAAE;MACX,MAAMpC,IAAI,GAAGY,QAAQ,CAAC;QACpBT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAEI,IAAI;QACfH,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACFtB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACE+B,cAAc,IACdA,cAAc,CAAC5B,IAAI,KAAKX,WAAW,CAACW,IAAI,IACxCO,UAAU,KAAKlB,WAAW,CAACW,IAAI,EAC/B;MACA,MAAMmC,IAAI,GAAG5B,UAAU,CAAC6B,UAAU,GAAG,GAAG,GAAG,GAAG;MAC9C,MAAM,IAAKC,iBAAiB,GAAI,GAAGT,cAAc,CAAC/B,IAAI;MACtD,IAAI,CAACwC,iBAAiB,CAACnD,OAAO,EAAE;QAC9B;QACA;QACA;QACA;QACA,MAAMoD,cAAc,GAAGd,oBAAoB,CAACtC,OAAO,EAAE;QACrD,IAAI,CAACgB,QAAQ,IAAI,CAACoC,cAAc,EAAE;QAClC,MAAMC,YAAY,GAAGrC,QAAQ,CAACiC,IAAI,CAAC,GAAGG,cAAc,CAACH,IAAI,CAAC;QAC1D,IAAII,YAAY,EAAE;UAChB,MAAMN,IAAI,GAAG1B,UAAU,CAAC2B,OAAO,EAAE;UACjC,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAAC,CAAC,CAAC,CAAC/C,OAAO,EAAE;UAC/B,MAAMW,IAAI,GAAGY,QAAQ,CAAC;YACpBT,IAAI,EAAEO,UAAU;YAChBsB,SAAS,EAAE9C,eAAe,CAAC;cAAEC,IAAI,EAAEiD;YAAK,CAAC,CAAC;YAC1CH,SAAS,EAAE,IAAI;YACfC,WAAW,EAAE;UACf,CAAC,CAAC;UACFrB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;QACjC,CAAC,MAAM;UACL,MAAM2C,IAAI,GAAGjC,UAAU,CAACkC,OAAO,EAAE;UACjC,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAAC,CAAC,CAAC,CAACtD,OAAO,EAAE;UAC/B,MAAMW,IAAI,GAAGY,QAAQ,CAAC;YACpBT,IAAI,EAAEO,UAAU;YAChBsB,SAAS,EAAE9C,eAAe,CAAC;cAAEE,IAAI,EAAEuD;YAAK,CAAC,CAAC;YAC1CV,SAAS,EAAE,MAAM;YACjBC,WAAW,EAAE;UACf,CAAC,CAAC;UACFrB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;QACjC;QACA;MACF;MACA,MAAM6C,kBAAkB,GAAGhE,WAAW,CAACkD,cAAc,CAAC/B,IAAI,CAAC,CAAC,CAAC,CAAC;MAC9D,MAAM8C,aAAa,GAAGpC,UAAU,CAAC6B,UAAU,GAAG,MAAM,GAAG,KAAK;MAC5D,IAAI,CAAClC,QAAQ,IAAI,CAACwC,kBAAkB,EAAE;MACtC,MAAME,QAAQ,GAAG1C,QAAQ,CAACiC,IAAI,CAAC,GAAGO,kBAAkB,CAACC,aAAa,CAAC;MACnE,MAAM9C,IAAI,GAAG+C,QAAQ,GACjBnC,QAAQ,CAAC;QACPT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE;MACf,CAAC,CAAC,GACFtB,QAAQ,CAAC;QACPT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE;MACf,CAAC,CAAC;MACNrB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;MAC/B;IACF;;IAEA;IACA,IACEU,UAAU,IACVA,UAAU,KAAKlB,WAAW,CAACW,IAAI,IAC/B4B,cAAc,IACdA,cAAc,CAAC5B,IAAI,KAAKO,UAAU,EAClC;MACA,MAAM4B,IAAI,GAAG5B,UAAU,CAAC6B,UAAU,GAAG,GAAG,GAAG,GAAG;MAC9C,MAAMM,kBAAkB,GAAGhE,WAAW,CAACkD,cAAc,CAAC/B,IAAI,CAAC,CAAC,CAAC,CAAC;MAC9D,MAAM8C,aAAa,GAAGpC,UAAU,CAAC6B,UAAU,GAAG,MAAM,GAAG,KAAK;MAC5D,IAAI,CAAClC,QAAQ,IAAI,CAACwC,kBAAkB,EAAE;MACtC,MAAME,QAAQ,GAAG1C,QAAQ,CAACiC,IAAI,CAAC,GAAGO,kBAAkB,CAACC,aAAa,CAAC;MACnE,MAAM9C,IAAI,GAAG+C,QAAQ,GACjBnC,QAAQ,CAAC;QACPT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,IAAI;QACfC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC,GACFvB,QAAQ,CAAC;QACPT,IAAI,EAAEO,UAAU;QAChBsB,SAAS,EAAED,cAAc,CAAC/B,IAAI;QAC9BiC,SAAS,EAAE,MAAM;QACjBC,WAAW,EAAE,QAAQ;QACrBC,aAAa,EAAE;MACjB,CAAC,CAAC;MACNtB,aAAa,CAACH,UAAU,EAAEV,IAAI,CAAC;IACjC;EACF,CAAC,EAAE,CACDR,WAAW,EACXkB,UAAU,EACVE,QAAQ,EACRO,eAAe,EACfU,eAAe,EACfhB,aAAa,EACbR,QAAQ,CACT,CAAC;;EAEF;EACAnC,SAAS,CAAC,MAAM;IACd4D,gBAAgB,EAAE;EACpB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;;EAEtB;EACA,MAAM,CAACkB,yBAAyB,CAAC,GAAG3E,WAAW,CAACyD,gBAAgB,EAAE,GAAG,CAAC;EACtExD,QAAQ,CACLoC,UAAU,GAAGA,UAAU,CAACN,GAAG,GAAGH,SAAS,EACxC,QAAQ,EACR+C,yBAAyB,CAC1B;EACD1E,QAAQ,CAAC2E,MAAM,EAAE,QAAQ,EAAED,yBAAyB,CAAC;;EAErD;EACA9E,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,EAAE,OAAO,MAAM,CAAC,CAAC;IACjC,MAAM,MAAS0D,gBAAgB,CAAC,GAAG1D,WAAW,CAACQ,IAAI;IACnD,OAAO,MAAM;MACX,MAAMmD,UAAU,GAAGtD,aAAa,CAACR,OAAO;;MAExC;MACA;MACA,IAAI,CAAC8D,UAAU,IAAIA,UAAU,CAAChD,IAAI,KAAKX,WAAW,CAACW,IAAI,EAAE;QACvD,MAAMiC,IAAI,GAAG5C,WAAW,CAACW,IAAI,CAACkC,OAAO,EAAE;QACvC,IAAID,IAAI,EAAE;UACR,IAAIpC,IAAI,GAAGoC,IAAI;UACf,OAAO,IAAI,EAAE;YACX,MAAM,CAACjD,IAAI,IAAMiE,YAAY,EAAEtC,SAAS,CAAC,GAAGd,IAAI;YAChDoD,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAACjE,IAAI,IAAI2B,SAAS,IAAIoC,gBAAgB,EAAE;YAC5ClD,IAAI,GAAGb,IAAI;UACb;QACF;MACF;;MAEA;MACA;MACA,IAAIgE,UAAU,IAAIA,UAAU,CAAChD,IAAI,KAAKX,WAAW,CAACW,IAAI,EAAE;QACtD,MAAMiC,IAAI,GAAGe,UAAU,CAAChD,IAAI,CAACkC,OAAO,EAAE;QACtC,MAAM,MAASgB,eAAe,CAAC,GAAGF,UAAU,CAACnD,IAAI;QACjD,IAAIoC,IAAI,EAAE;UACR,IAAIpC,IAAI,GAAGoC,IAAI;UACf,OAAO,IAAI,EAAE;YACX,MAAM,CAACjD,IAAI,IAAMiE,YAAY,EAAEtC,SAAS,CAAC,GAAGd,IAAI;YAChDoD,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAACjE,IAAI,IAAI2B,SAAS,IAAIuC,eAAe,EAAE;YAC3CrD,IAAI,GAAGb,IAAI;UACb;QACF;MACF;;MAEA;MACA;MACA,IAAIgE,UAAU,IAAIA,UAAU,CAAChD,IAAI,KAAKX,WAAW,CAACW,IAAI,EAAE;QACtD,MAAM,KAAOmD,kBAAkB,EAAED,eAAe,CAAC,GAAGF,UAAU,CAACnD,IAAI;QACnE,IAAIqD,eAAe,GAAGH,gBAAgB,EAAE;UACtC,IAAI;YAAElD;UAAK,CAAC,GAAGmD,UAAU;UACzB,OAAO,IAAI,EAAE;YACX,MAAM,CAAChE,IAAI,IAAMiE,YAAY,EAAEtC,SAAS,CAAC,GAAGd,IAAI;YAChDoD,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAACjE,IAAI,IAAI2B,SAAS,IAAIoC,gBAAgB,EAAE;YAC5ClD,IAAI,GAAGb,IAAI;UACb;QACF,CAAC,MAAM,IAAIkE,eAAe,GAAGH,gBAAgB,EAAE;UAC7C,IAAI;YAAElD;UAAK,CAAC,GAAGmD,UAAU;UACzB,OAAO,IAAI,EAAE;YACX,MAAM,GAAG/D,IAAI,GAAIgE,YAAY,EAAEtC,SAAS,CAAC,GAAGd,IAAI;YAChDoD,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAChE,IAAI,IAAI0B,SAAS,IAAIoC,gBAAgB,EAAE;YAC5ClD,IAAI,GAAGZ,IAAI;UACb;QACF,CAAC,MAAM,IAAIiE,eAAe,KAAKH,gBAAgB,EAAE;UAC/CI,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACxB;MACF;IACF,CAAC;EACH,CAAC,EAAE,CAAC9D,WAAW,CAAC,CAAC;;EAEjB;EACAtB,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,EAAE,OAAO,MAAM,CAAC,CAAC;IACjC,MAAM,MAAS0D,gBAAgB,CAAC,GAAG1D,WAAW,CAACQ,IAAI;IAEnD,MAAMuD,MAAM,GAAIC,SAAoB,IAAK;MACvC,MAAM;QAAEC,QAAQ;QAAEvC;MAAM,CAAC,GAAGsC,SAAS;MACrC,MAAML,UAAU,GAAGtD,aAAa,CAACR,OAAO;;MAExC;MACA,IAAI6B,KAAK,KAAKgC,gBAAgB,EAAE;QAC9BO,QAAQ,CAAC1E,iBAAiB,CAAC;QAC3B;MACF;;MAEA;MACA,IAAIoE,UAAU,IAAIA,UAAU,CAAChD,IAAI,KAAKX,WAAW,CAACW,IAAI,EAAE;QACtD;QACA,MAAM,MAASkD,eAAe,CAAC,GAAGF,UAAU,CAACnD,IAAI;QACjD,IAAIkB,KAAK,GAAGgC,gBAAgB,IAAIhC,KAAK,GAAGmC,eAAe,EAAE;UACvDI,QAAQ,CAAC9C,YAAY,CAAC,IAAI,EAAEwC,UAAU,CAAChD,IAAI,CAACoC,UAAU,CAAC,CAAC;QAC1D,CAAC,MAAM,IAAIrB,KAAK,GAAGgC,gBAAgB,IAAIhC,KAAK,GAAGmC,eAAe,EAAE;UAC9DI,QAAQ,CAAC9C,YAAY,CAAC,MAAM,EAAEwC,UAAU,CAAChD,IAAI,CAACoC,UAAU,CAAC,CAAC;QAC5D;MACF,CAAC,MAAM,IAAIrB,KAAK,GAAGgC,gBAAgB,EAAE;QACnC;QACAO,QAAQ,CAAC9C,YAAY,CAAC,IAAI,EAAEnB,WAAW,CAACW,IAAI,CAACoC,UAAU,CAAC,CAAC;MAC3D;IACF,CAAC;IAED/C,WAAW,CAACW,IAAI,CAACuD,WAAW,CAACH,MAAM,CAAC;IACpC,OAAO,MAAM/D,WAAW,CAACW,IAAI,CAACwD,cAAc,CAACJ,MAAM,CAAC;EACtD,CAAC,EAAE,CAAC/D,WAAW,EAAEmB,YAAY,CAAC,CAAC;;EAE/B;EACAzC,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,IAAI,CAACkB,UAAU,IAAIA,UAAU,KAAKlB,WAAW,CAACW,IAAI,EAAE;MAClE,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,MAAMoD,MAAM,GAAIC,SAAoB,IAAK;MACvC,MAAM;QAAEC,QAAQ;QAAEvC;MAAM,CAAC,GAAGsC,SAAS;MACrC,MAAML,UAAU,GAAGtD,aAAa,CAACR,OAAO;MACxC,IAAI,CAAC8D,UAAU,EAAE;MACjB,MAAM,MAASE,eAAe,CAAC,GAAGF,UAAU,CAACnD,IAAI;MACjD,IAAIkB,KAAK,IAAImC,eAAe,EAAE;QAC5B;QACAI,QAAQ,CAAC9C,YAAY,CAAC,MAAM,EAAED,UAAU,CAAC6B,UAAU,CAAC,CAAC;MACvD;IACF,CAAC;IAED7B,UAAU,CAACgD,WAAW,CAACH,MAAM,CAAC;IAC9B,OAAO,MAAM7C,UAAU,CAACiD,cAAc,CAACJ,MAAM,CAAC;EAChD,CAAC,EAAE,CAAC/D,WAAW,EAAEmB,YAAY,EAAED,UAAU,CAAC,CAAC;;EAE3C;EACAxC,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,WAAW,EAAE,OAAO,MAAM,CAAC,CAAC;IACjC,OAAO,MAAM;MACX;MACA,MAAMoE,MAAM,GAAGhE,SAAS,CAACP,OAAO;MAChC,IAAI,CAACuE,MAAM,EAAE;MACb,MAAM,MAASV,gBAAgB,EAAEW,aAAa,CAAC,GAAGrE,WAAW,CAACQ,IAAI;MAClE,MAAM8D,OAAO,GAAG;QACd9C,MAAM,EAAExB,WAAW,CAACW,IAAI,CAACc,EAAE;QAC3BC,KAAK,EAAEgC,gBAAgB;QACvBjC,EAAE,EAAE4C;MACN,CAAC;MACD,IAAIC,OAAO,CAAC7C,EAAE,KAAK2C,MAAM,CAAC3C,EAAE,IAAI6C,OAAO,CAAC5C,KAAK,KAAK0C,MAAM,CAAC1C,KAAK,EAAE;MAChEpB,YAAY,CAACT,OAAO,CAACyE,OAAO,EAAEF,MAAM,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,CAACpE,WAAW,CAAC,CAAC;AACnB,CAAC;AAED,eAAeF,aAAa"}

package/dist/esm/utils/useDroppable.js

@@ -7,8 +7,6 @@ export const DroppableContext = /*#__PURE__*/React.createContext({
   onMouseDown: () => {},
   onTouchStart: () => {}
 });
-
 const useDroppable = () => useContext(DroppableContext);
-
 export default useDroppable;
 //# sourceMappingURL=useDroppable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDroppable.js","names":["React","useContext","DroppableContext","createContext","registerNode","current","deregisterNode","onMouseDown","onTouchStart","useDroppable"],"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,OAAOA,KAAP,IAAgBC,UAAhB,QAA0D,OAA1D;AAUA,OAAO,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,aAAN,CAA2C;EACzEC,YAAY,EAAE,MACZ,CAAC,IAAD,EAAO,IAAP,EAAa;IAAEC,OAAO,EAAE;EAAX,CAAb,EAAgC,MAAM,CAAE,CAAxC,EAA0C,CAAC,CAA3C,EAA8C,IAA9C,CAFuE;EAGzEC,cAAc,EAAE,MAAM,CAAE,CAHiD;EAIzEC,WAAW,EAAE,MAAM,CAAE,CAJoD;EAKzEC,YAAY,EAAE,MAAM,CAAE;AALmD,CAA3C,CAAzB;;AAQP,MAAMC,YAAY,GAAG,MAA6BR,UAAU,CAACC,gBAAD,CAA5D;;AAEA,eAAeO,YAAf"}
+{"version":3,"file":"useDroppable.js","names":["React","useContext","DroppableContext","createContext","registerNode","current","deregisterNode","onMouseDown","onTouchStart","useDroppable"],"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,OAAOA,KAAK,IAAIC,UAAU,QAAgC,OAAO;AAUjE,OAAO,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,aAAa,CAAwB;EACzEC,YAAY,EAAE,MACZ,CAAC,IAAI,EAAE,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAiB;EACrEC,cAAc,EAAE,MAAM,CAAC,CAAC;EACxBC,WAAW,EAAE,MAAM,CAAC,CAAC;EACrBC,YAAY,EAAE,MAAM,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAG,MAA6BR,UAAU,CAACC,gBAAgB,CAAC;AAE9E,eAAeO,YAAY"}

package/dist/esm/utils/useGeneratedId.js

@@ -1,6 +1,4 @@
 import { useMemo } from 'react';
-
 const useGeneratedId = () => useMemo(() => Math.random().toString(16).slice(2), []);
-
 export default useGeneratedId;
 //# sourceMappingURL=useGeneratedId.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGeneratedId.js","names":["useMemo","useGeneratedId","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,SAASA,OAAT,QAAwB,OAAxB;;AAEA,MAAMC,cAAc,GAAG,MACrBD,OAAO,CAAC,MAAME,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAAP,EAA4C,EAA5C,CADT;;AAGA,eAAeJ,cAAf"}
+{"version":3,"file":"useGeneratedId.js","names":["useMemo","useGeneratedId","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,SAASA,OAAO,QAAQ,OAAO;AAE/B,MAAMC,cAAc,GAAG,MACrBD,OAAO,CAAC,MAAME,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAExD,eAAeJ,cAAc"}

package/dist/esm/utils/useGetNodeStyle.js

@@ -1,5 +1,4 @@
 import { useCallback, useEffect, useRef } from 'react';
-
 const useGetNodeStyle = size => {
   const sizeRef = useRef(size);
   useEffect(() => {
@@ -15,6 +14,5 @@ const useGetNodeStyle = size => {
     return style;
   }, []);
 };
-
 export default useGetNodeStyle;
 //# sourceMappingURL=useGetNodeStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGetNodeStyle.js","names":["useCallback","useEffect","useRef","useGetNodeStyle","size","sizeRef","current","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,SAAwBA,WAAxB,EAAqCC,SAArC,EAAgDC,MAAhD,QAA8D,OAA9D;;AAYA,MAAMC,eAAe,GAAIC,IAAD,IAA4C;EAClE,MAAMC,OAAO,GAAGH,MAAM,CAACE,IAAD,CAAtB;EAEAH,SAAS,CAAC,MAAM;IACdI,OAAO,CAACC,OAAR,GAAkBF,IAAlB;EACD,CAFQ,EAEN,CAACA,IAAD,CAFM,CAAT;EAIA,OAAOJ,WAAW,CAAkB,CAACO,IAAD,EAAOC,UAAP,KAAsB;IACxD,IAAID,IAAI,KAAK,MAAT,IAAmB,CAACF,OAAO,CAACC,OAAhC,EAAyC,OAAO,EAAP;IAEzC,MAAMG,WAAW,GAAGD,UAAU,GAAG,YAAH,GAAkB,YAAhD;IACA,MAAME,QAAQ,GAAGF,UAAU,GAAG,WAAH,GAAiB,YAA5C;IACA,MAAMG,IAAI,GAAGJ,IAAI,KAAK,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CAApC;IAEA,MAAMK,KAAoB,GAAG,EAA7B;IACAA,KAAK,CAACC,SAAN,GAAmB,GAAEJ,WAAY,IAAGE,IAAI,GAAGN,OAAO,CAACC,OAAR,CAAgBI,QAAhB,CAA0B,KAArE;IAEA,OAAOE,KAAP;EACD,CAXiB,EAWf,EAXe,CAAlB;AAYD,CAnBD;;AAqBA,eAAeT,eAAf"}
+{"version":3,"file":"useGetNodeStyle.js","names":["useCallback","useEffect","useRef","useGetNodeStyle","size","sizeRef","current","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,SAAwBA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAYrE,MAAMC,eAAe,GAAIC,IAAqB,IAAsB;EAClE,MAAMC,OAAO,GAAGH,MAAM,CAACE,IAAI,CAAC;EAE5BH,SAAS,CAAC,MAAM;IACdI,OAAO,CAACC,OAAO,GAAGF,IAAI;EACxB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAOJ,WAAW,CAAkB,CAACO,IAAI,EAAEC,UAAU,KAAK;IACxD,IAAID,IAAI,KAAK,MAAM,IAAI,CAACF,OAAO,CAACC,OAAO,EAAE,OAAO,CAAC,CAAC;IAElD,MAAMG,WAAW,GAAGD,UAAU,GAAG,YAAY,GAAG,YAAY;IAC5D,MAAME,QAAQ,GAAGF,UAAU,GAAG,WAAW,GAAG,YAAY;IACxD,MAAMG,IAAI,GAAGJ,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,MAAMK,KAAoB,GAAG,CAAC,CAAC;IAC/BA,KAAK,CAACC,SAAS,GAAI,GAAEJ,WAAY,IAAGE,IAAI,GAAGN,OAAO,CAACC,OAAO,CAACI,QAAQ,CAAE,KAAI;IAEzE,OAAOE,KAAK;EACd,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED,eAAeT,eAAe"}

package/dist/esm/utils/useInitRect.js

@@ -1,5 +1,4 @@
 import { useMemo } from 'react';
-
 const useInitRect = ref => useMemo(() => {
   if (!ref || !ref.current) return null;
   const rect = ref.current.getBoundingClientRect();
@@ -10,6 +9,5 @@ const useInitRect = ref => useMemo(() => {
     initHeight: rect.height
   };
 }, [ref]);
-
 export default useInitRect;
 //# sourceMappingURL=useInitRect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInitRect.js","names":["useMemo","useInitRect","ref","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,SAAoBA,OAApB,QAAmC,OAAnC;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAClBF,OAAO,CAAC,MAAM;EACZ,IAAI,CAACE,GAAD,IAAQ,CAACA,GAAG,CAACC,OAAjB,EAA0B,OAAO,IAAP;EAE1B,MAAMC,IAAI,GAAGF,GAAG,CAACC,OAAJ,CAAYE,qBAAZ,EAAb;EAEA,OAAO;IACLC,KAAK,EAAEF,IAAI,CAACG,CADP;IAELC,KAAK,EAAEJ,IAAI,CAACK,CAFP;IAGLC,SAAS,EAAEN,IAAI,CAACO,KAHX;IAILC,UAAU,EAAER,IAAI,CAACS;EAJZ,CAAP;AAMD,CAXM,EAWJ,CAACX,GAAD,CAXI,CADT;;AAcA,eAAeD,WAAf"}
+{"version":3,"file":"useInitRect.js","names":["useMemo","useInitRect","ref","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,SAAoBA,OAAO,QAAQ,OAAO;AAE1C,MAAMC,WAAW,GAAIC,GAA4B,IAC/CF,OAAO,CAAC,MAAM;EACZ,IAAI,CAACE,GAAG,IAAI,CAACA,GAAG,CAACC,OAAO,EAAE,OAAO,IAAI;EAErC,MAAMC,IAAI,GAAGF,GAAG,CAACC,OAAO,CAACE,qBAAqB,EAAE;EAEhD,OAAO;IACLC,KAAK,EAAEF,IAAI,CAACG,CAAC;IACbC,KAAK,EAAEJ,IAAI,CAACK,CAAC;IACbC,SAAS,EAAEN,IAAI,CAACO,KAAK;IACrBC,UAAU,EAAER,IAAI,CAACS;EACnB,CAAC;AACH,CAAC,EAAE,CAACX,GAAG,CAAC,CAAC;AAEX,eAAeD,WAAW"}

package/dist/esm/utils/useInitScrollOffset.js

@@ -1,6 +1,5 @@
 import { useMemo } from 'react';
 import getElementScroll from './getElementScroll';
-
 const useInitScrollOffset = ref => useMemo(() => {
   if (!ref || !ref.current) return null;
   const scrollOffset = getElementScroll(ref.current);
@@ -9,6 +8,5 @@ const useInitScrollOffset = ref => useMemo(() => {
     initScrollTop: scrollOffset.scrollTop
   };
 }, [ref]);
-
 export default useInitScrollOffset;
 //# sourceMappingURL=useInitScrollOffset.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInitScrollOffset.js","names":["useMemo","getElementScroll","useInitScrollOffset","ref","current","scrollOffset","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,SAAoBA,OAApB,QAAmC,OAAnC;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;;AAEA,MAAMC,mBAAmB,GAAIC,GAAD,IAC1BH,OAAO,CAAC,MAAM;EACZ,IAAI,CAACG,GAAD,IAAQ,CAACA,GAAG,CAACC,OAAjB,EAA0B,OAAO,IAAP;EAE1B,MAAMC,YAAY,GAAGJ,gBAAgB,CAACE,GAAG,CAACC,OAAL,CAArC;EAEA,OAAO;IACLE,cAAc,EAAED,YAAY,CAACE,UADxB;IAELC,aAAa,EAAEH,YAAY,CAACI;EAFvB,CAAP;AAID,CATM,EASJ,CAACN,GAAD,CATI,CADT;;AAYA,eAAeD,mBAAf"}
+{"version":3,"file":"useInitScrollOffset.js","names":["useMemo","getElementScroll","useInitScrollOffset","ref","current","scrollOffset","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,SAAoBA,OAAO,QAAQ,OAAO;AAC1C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,mBAAmB,GAAIC,GAA4B,IACvDH,OAAO,CAAC,MAAM;EACZ,IAAI,CAACG,GAAG,IAAI,CAACA,GAAG,CAACC,OAAO,EAAE,OAAO,IAAI;EAErC,MAAMC,YAAY,GAAGJ,gBAAgB,CAACE,GAAG,CAACC,OAAO,CAAC;EAElD,OAAO;IACLE,cAAc,EAAED,YAAY,CAACE,UAAU;IACvCC,aAAa,EAAEH,YAAY,CAACI;EAC9B,CAAC;AACH,CAAC,EAAE,CAACN,GAAG,CAAC,CAAC;AAEX,eAAeD,mBAAmB"}