update useDraggableItem to allow function passing to impact drag behavior

This commit is contained in:
Gigiaj 2025-06-18 01:12:17 -05:00
parent 37638ff818
commit 0c2f1952d3

View file

@ -224,7 +224,8 @@ const useDraggableItem = (
item: SidebarDraggable,
targetRef: RefObject<HTMLElement>,
onDragging: (item?: SidebarDraggable) => void,
dragHandleRef?: RefObject<HTMLElement>
dragHandleRef?: RefObject<HTMLElement>,
onActualDragStart?: () => void
): boolean => {
const [dragging, setDragging] = useState(false);
@ -241,13 +242,16 @@ const useDraggableItem = (
onDragStart: () => {
setDragging(true);
onDragging?.(item);
if (typeof onActualDragStart === 'function') {
onActualDragStart();
}
},
onDrop: () => {
setDragging(false);
onDragging?.(undefined);
},
});
}, [targetRef, dragHandleRef, item, onDragging]);
}, [targetRef, dragHandleRef, item, onDragging, onActualDragStart]);
return dragging;
};