Add activatorEvent to DragStartEvent

[anilanar]

Fixes #1139.

[changeset-bot]

🦋 Changeset detected

Latest commit: 545a41c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@dnd-kit/core	Minor
@dnd-kit/modifiers	Major
@dnd-kit/sortable	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[nicostombros]

@clauderic Is this something that can be merged in?

[Annoiiyed]

@clauderic Sorry to bump this again, but, I think due to #832 and this not being merged, right now it seems next to impossible to get information on the location of a drag start. Would it be possible to merge this? :)

[stnwk]

Pretty please?

[joacoespinosa]

🙏

[CreativeDive]

You can access the onDragStart event data using this way. Add an custom onMouseDown event to the handle and don't forget to pass the listeners.onMouseDown(e); too:

const ResizeHandle = ({ id, axis, side, onResizeStart, onResize }) => {
    const { attributes, listeners, setNodeRef, transform } = useDraggable({
        id,
    });

    useEffect(() => {
        if (transform) {
            onResize(transform, id);
        }
    }, [transform, onResize, id]);

    const handleMouseDown = (e) => {
        onResizeStart(e, id);
        if (listeners.onMouseDown) {
            listeners.onMouseDown(e);
        }
    };

    return (
        <div
            ref={setNodeRef}
            {...listeners}
            {...attributes}
            onMouseDown={handleMouseDown}
            className={`resize-handle resize-handle-${axis} resize-handle-${side}`}>
            <div className='wphave-handle' />
        </div>
    );
};

[Ethorsen]

Also need the activatorEvent in dragStart. Will implement a sketchy work-around for now