@dnd-kit/[email protected]

@dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1600 d86bbc7 Thanks @github-actions! - Added alignment configuration option to draggable instances to let consumers decide how to align the draggable during the drop animation and while keyboard sorting. Defaults to the center of the target shape.

• #1600 2b76c19 Thanks @github-actions! - Added style and tag props to <DragOverlay> component.

• #1600 b8898bc Thanks @github-actions! - Re-export isSortable from @dnd-kit/react/sortable so React consumers don't have to import it from @dnd-kit/dom/sortable.

• #1600 c5f25c8 Thanks @github-actions! - Force synchronous re-render when isDragSource property is updated from true to false to enable seamless transition into idle state after drop animation. Without this change, the drop animation can finish before React has had a chance to update the drag source styles back to its idle state, which can cause some flickering.

• Updated dependencies [e36d954, bb4abcd, d86bbc7, f433fb2, 7dc0103, cff3c3c, b7f1cf8, f87d633, 860759b, 54e416f, 3e629cc, c51778d, 86ed6c8, afedea9, ce31da7]:

  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [e36d954, b7f1cf8, 3e629cc, ce31da7]:
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1600 60e7297 Thanks @github-actions! - Added aspectRatio property to Shape interface.

• #1600 8ae7014 Thanks @github-actions! - - Added corners getter to Rectangle instances to retrieve the coordinates of all four corners.

  • Added delta static method to the Rectangle constructor which makes it easy to calculate the delta between a given reference point of both shapes.

• Updated dependencies []:

  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1600 e36d954 Thanks @github-actions! - Added nativeEvent property to dragstart, dragmove and dragend events. This can be used to distinguish user triggered events from sensor triggered events, as user or plugin triggered events will typically not have an associated event attached.

• #1600 bb4abcd Thanks @github-actions! - Make sure the Feedback element is promoted to the top layer when synchronizing the placeholder and element position in the DOM.

• #1600 d86bbc7 Thanks @github-actions! - Added alignment configuration option to draggable instances to let consumers decide how to align the draggable during the drop animation and while keyboard sorting. Defaults to the center of the target shape.

• #1600 f433fb2 Thanks @github-actions! - Fixed a regression in the Feedback plugin where the initial translate style applied to the element being dragged was not properly accounted for anymore.

• #1600 7dc0103 Thanks @github-actions! - Removed some !important rules and updated the specificity of the Feedback plugin styles to 0-2-0 to make it easier for consumers to override certain styles, such as width and height.

• cff3c3c Thanks @clauderic! - Fixed a bug with the drop animation by using intrinsicWidth and intrinsicHeight to determine if the width and height of the source and target differ or not rather than the width and height properties which may be transformed.

• #1600 f87d633 Thanks @github-actions! - Fixed a regression introduced in 0.0.7 with optimistic updates not being persisted on drag end.

• 860759b Thanks @clauderic! - Added intrinsicWidth and intrinsicHeight properties on DOMRectangle, which return the intrinsic width and height of an element, before any transforms are applied.

• #1600 54e416f Thanks @github-actions! - Only handle dragmove events that have an associated KeyboardEvent as their event.nativeEvent property.

• #1600 c51778d Thanks @github-actions! - PointerSensor: Use capture listener to prevent dragstart events.

• #1600 86ed6c8 Thanks @github-actions! - Fixed a regression in the PointerSensor where the same drag operation could fire a dragend event twice due to a race condition between pointerup and lostpointercapture.

• #1600 afedea9 Thanks @github-actions! - PreventSelection: Remove text selection when a drag operation is initialized.

• Updated dependencies [e36d954, 60e7297, 3463da1, b7f1cf8, 3e629cc, 8ae7014, ce31da7]:

  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1600 3463da1 Thanks @github-actions! - Changed the closestCorners algorithm to use the corners of the drag operation shape instead of the center of the shape.

• #1600 8ae7014 Thanks @github-actions! - - Added corners getter to Rectangle instances to retrieve the coordinates of all four corners.

  • Added delta static method to the Rectangle constructor which makes it easy to calculate the delta between a given reference point of both shapes.

• Updated dependencies [e36d954, 60e7297, b7f1cf8, 3e629cc, 8ae7014, ce31da7]:

  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1600 e36d954 Thanks @github-actions! - Added nativeEvent property to dragstart, dragmove and dragend events. This can be used to distinguish user triggered events from sensor triggered events, as user or plugin triggered events will typically not have an associated event attached.

• #1600 b7f1cf8 Thanks @github-actions! - Fixed a bug in the CollisionObserver where the initial set of collisions when a drag operation is initiated were not being set and notified.

• #1600 3e629cc Thanks @github-actions! - Added the option to trigger move actions that are not propagated to dragmove listeners. This can be useful when firing a dragmove action in response to another dragmove event to avoid an infinite loop.

• #1600 ce31da7 Thanks @github-actions! - Added dragOperation.shape.initial to the list of dependencies that cause the transform and modifiers to be re-calculated.

• Updated dependencies [60e7297, 8ae7014]:

  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

@dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1598 426339d Thanks @github-actions! - Added the <DragOverlay> component to ease migration for consumers of @dnd-kit/core migrating to @dnd-kit/react

• #1598 3ea0d31 Thanks @github-actions! - Added optional register argument to instances of Entity to disable automatic registration of instances that have a manager supplied on initialization.

• #1598 e7fafec Thanks @github-actions! - Prevent the Feedback element that has the popover attribute from being accidentally closed during the drag operation, which would take it out of the top layer.

• #1597 6978d81 Thanks @clauderic! - Introduce useDeepSignal hook, which keeps track of which properties are read on an object and automatically re-renders the component when a read signal changes.

• Updated dependencies [0de7456, c9716cf, 3ea0d31, 3cf4db1, 74eedef, 42e7256]:

  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [c9716cf, 3ea0d31, 3cf4db1]:
  • @dnd-kit/[email protected]