8.3.15
[@mantine/dropzone]Updatereact-dropzoneto 15.0.0 (#8667)[@mantine/core]TagsInput: Fix duplicate checking bypass with splitChars (#8686)[@mantine/charts]Allow ChartTooltipvalueFormatterto returnReact.ReactNode(#8650)[@mantine/dates]DatePicker: Fix placeholder selector missing in Styles API (#8663)[@mantine/core]Add missing factory types exports (#8677)[@mantine/core]Fix inert attribute being ignored by Checkbox and Switch components (#8668)
Full Changelog: https://github.com/mantinedev/mantine/compare/8.3.14...8.3.15
@dnd-kit/helpers@0.3.0
-
e8ae539Thanks @clauderic! - Fix themoveandswaphelpers to support computed sortable IDs and optimistic sorting reconciliation for grouped records.When the ID-based lookup fails (e.g. when using computed IDs like
id={\sortable-${item.id}`}that don't match data items), the helpers now fall back to sortable index properties (initialIndex,index,group,initialGroup) to determine the correct positions. Additionally, grouped records now support optimistic sorting reconciliation—whensource.id === target.id` after optimistic sorting, the helpers use the sortable indices to determine the intended move.Added
initialIndex,group, andinitialGroupgetters toSortableDraggable, andindexandgroupgetters toSortableDroppable, so these properties are accessible from the operation'ssourceandtargetin drag events. -
Updated dependencies [
6a59647]:- @dnd-kit/abstract@0.3.0
@dnd-kit/collision@0.3.0
- Updated dependencies [
6a59647]:- @dnd-kit/abstract@0.3.0
- @dnd-kit/geometry@0.3.0
@dnd-kit/dom@0.3.0
-
6a59647Thanks @clauderic! - Allowplugins,sensors, andmodifiersto accept a function that receives the defaults, making it easy to extend or configure them without replacing the entire array.// Add a plugin alongside the defaults const manager = new DragDropManager({ plugins: (defaults) => [...defaults, MyPlugin], });
// Configure a default plugin in React <DragDropProvider plugins={(defaults) => [ ...defaults, Feedback.configure({dropAnimation: null}), ]} />
Previously, passing
plugins,sensors, ormodifierswould replace the defaults entirely, requiring consumers to import and spreaddefaultPreset. The function form receives the default values as an argument, so consumers can add, remove, or configure individual entries without needing to know or maintain the full default list. -
68e44deThanks @clauderic! - AddisSortableOperationtype guard and exportSortableDraggable/SortableDroppabletypes.isSortableOperation(operation)narrows aDragOperationSnapshotso thatsourceis typed asSortableDraggableandtargetasSortableDroppable, providing typed access to sortable-specific properties likeindex,initialIndex,group, andinitialGroup.Re-exported from all framework packages (
@dnd-kit/react/sortable,@dnd-kit/vue/sortable,@dnd-kit/svelte/sortable,@dnd-kit/solid/sortable).
-
5d64078Thanks @clauderic! - AdddropAnimationprop to theDragOverlaycomponent to allow consumers to disable or customize the drop animation that plays when a drag operation ends. Set tonullto disable, pass{duration, easing}to customize timing, or provide a custom animation function for full control. -
863ce2bThanks @clauderic! - Fix auto-scroll trigger zones and boundaries during pinch-to-zoom.Updated
getViewportBoundingRectangle,getVisibleBoundingRectangle, andgetScrollPositionto use the Visual Viewport API, so that scroll detection and element visibility clipping are based on the actual visible area rather than the layout viewport. This fixes auto-scroll not triggering near the visible edges and stopping before reaching the end of scrollable content when the page is zoomed in. -
863ce2bThanks @clauderic! - Fix drag overlay and debug overlay mispositioning in Safari during pinch-to-zoom.Safari anchors
position: fixedelements to the visual viewport rather than the layout viewport during pinch-to-zoom. Added agetFixedPositionOffset()utility that compensates for this by addingvisualViewport.offsetLeft/Topto the CSSleft/topvalues of fixed-positioned overlays. -
e8ae539Thanks @clauderic! - Fix themoveandswaphelpers to support computed sortable IDs and optimistic sorting reconciliation for grouped records.When the ID-based lookup fails (e.g. when using computed IDs like
id={\sortable-${item.id}`}that don't match data items), the helpers now fall back to sortable index properties (initialIndex,index,group,initialGroup) to determine the correct positions. Additionally, grouped records now support optimistic sorting reconciliation—whensource.id === target.id` after optimistic sorting, the helpers use the sortable indices to determine the intended move.Added
initialIndex,group, andinitialGroupgetters toSortableDraggable, andindexandgroupgetters toSortableDroppable, so these properties are accessible from the operation'ssourceandtargetin drag events. -
41d7e27Thanks @rjur11! - Fixed PointerSensor crash on Android caused by unhandled pointercancel events. -
Updated dependencies [
6a59647]:- @dnd-kit/abstract@0.3.0
- @dnd-kit/collision@0.3.0
- @dnd-kit/geometry@0.3.0
- @dnd-kit/state@0.3.0
@dnd-kit/react@0.3.0
-
6a59647Thanks @clauderic! - Allowplugins,sensors, andmodifiersto accept a function that receives the defaults, making it easy to extend or configure them without replacing the entire array.// Add a plugin alongside the defaults const manager = new DragDropManager({ plugins: (defaults) => [...defaults, MyPlugin], });
// Configure a default plugin in React <DragDropProvider plugins={(defaults) => [ ...defaults, Feedback.configure({dropAnimation: null}), ]} />
Previously, passing
plugins,sensors, ormodifierswould replace the defaults entirely, requiring consumers to import and spreaddefaultPreset. The function form receives the default values as an argument, so consumers can add, remove, or configure individual entries without needing to know or maintain the full default list. -
68e44deThanks @clauderic! - AddisSortableOperationtype guard and exportSortableDraggable/SortableDroppabletypes.isSortableOperation(operation)narrows aDragOperationSnapshotso thatsourceis typed asSortableDraggableandtargetasSortableDroppable, providing typed access to sortable-specific properties likeindex,initialIndex,group, andinitialGroup.Re-exported from all framework packages (
@dnd-kit/react/sortable,@dnd-kit/vue/sortable,@dnd-kit/svelte/sortable,@dnd-kit/solid/sortable).
-
5d64078Thanks @clauderic! - AdddropAnimationprop to theDragOverlaycomponent to allow consumers to disable or customize the drop animation that plays when a drag operation ends. Set tonullto disable, pass{duration, easing}to customize timing, or provide a custom animation function for full control. -
Updated dependencies [
6a59647,5d64078,863ce2b,863ce2b,e8ae539,41d7e27,68e44de]:- @dnd-kit/abstract@0.3.0
- @dnd-kit/dom@0.3.0
- @dnd-kit/state@0.3.0
@dnd-kit/solid@0.3.0
-
6a59647Thanks @clauderic! - Allowplugins,sensors, andmodifiersto accept a function that receives the defaults, making it easy to extend or configure them without replacing the entire array.// Add a plugin alongside the defaults const manager = new DragDropManager({ plugins: (defaults) => [...defaults, MyPlugin], });
// Configure a default plugin in React <DragDropProvider plugins={(defaults) => [ ...defaults, Feedback.configure({dropAnimation: null}), ]} />
Previously, passing
plugins,sensors, ormodifierswould replace the defaults entirely, requiring consumers to import and spreaddefaultPreset. The function form receives the default values as an argument, so consumers can add, remove, or configure individual entries without needing to know or maintain the full default list. -
#1881
69f2772Thanks @clauderic! - Add @dnd-kit/solid adapter package for SolidJS -
68e44deThanks @clauderic! - AddisSortableOperationtype guard and exportSortableDraggable/SortableDroppabletypes.isSortableOperation(operation)narrows aDragOperationSnapshotso thatsourceis typed asSortableDraggableandtargetasSortableDroppable, providing typed access to sortable-specific properties likeindex,initialIndex,group, andinitialGroup.Re-exported from all framework packages (
@dnd-kit/react/sortable,@dnd-kit/vue/sortable,@dnd-kit/svelte/sortable,@dnd-kit/solid/sortable).
-
5d64078Thanks @clauderic! - AdddropAnimationprop to theDragOverlaycomponent to allow consumers to disable or customize the drop animation that plays when a drag operation ends. Set tonullto disable, pass{duration, easing}to customize timing, or provide a custom animation function for full control. -
Updated dependencies [
6a59647,5d64078,863ce2b,863ce2b,e8ae539,41d7e27,68e44de]:- @dnd-kit/abstract@0.3.0
- @dnd-kit/dom@0.3.0
- @dnd-kit/state@0.3.0
@dnd-kit/vue@0.3.0
-
6a59647Thanks @clauderic! - Allowplugins,sensors, andmodifiersto accept a function that receives the defaults, making it easy to extend or configure them without replacing the entire array.// Add a plugin alongside the defaults const manager = new DragDropManager({ plugins: (defaults) => [...defaults, MyPlugin], });
// Configure a default plugin in React <DragDropProvider plugins={(defaults) => [ ...defaults, Feedback.configure({dropAnimation: null}), ]} />
Previously, passing
plugins,sensors, ormodifierswould replace the defaults entirely, requiring consumers to import and spreaddefaultPreset. The function form receives the default values as an argument, so consumers can add, remove, or configure individual entries without needing to know or maintain the full default list. -
68e44deThanks @clauderic! - AddisSortableOperationtype guard and exportSortableDraggable/SortableDroppabletypes.isSortableOperation(operation)narrows aDragOperationSnapshotso thatsourceis typed asSortableDraggableandtargetasSortableDroppable, providing typed access to sortable-specific properties likeindex,initialIndex,group, andinitialGroup.Re-exported from all framework packages (
@dnd-kit/react/sortable,@dnd-kit/vue/sortable,@dnd-kit/svelte/sortable,@dnd-kit/solid/sortable). -
#1880
a53b4c7Thanks @clauderic! - Add @dnd-kit/vue adapter package for Vue 3.5+ -
570c2a9Thanks @clauderic! - AddDragOverlaycomponent to@dnd-kit/vue.
@dnd-kit/svelte@0.3.0
-
6a59647Thanks @clauderic! - Allowplugins,sensors, andmodifiersto accept a function that receives the defaults, making it easy to extend or configure them without replacing the entire array.// Add a plugin alongside the defaults const manager = new DragDropManager({ plugins: (defaults) => [...defaults, MyPlugin], });
// Configure a default plugin in React <DragDropProvider plugins={(defaults) => [ ...defaults, Feedback.configure({dropAnimation: null}), ]} />
Previously, passing
plugins,sensors, ormodifierswould replace the defaults entirely, requiring consumers to import and spreaddefaultPreset. The function form receives the default values as an argument, so consumers can add, remove, or configure individual entries without needing to know or maintain the full default list. -
68e44deThanks @clauderic! - AddisSortableOperationtype guard and exportSortableDraggable/SortableDroppabletypes.isSortableOperation(operation)narrows aDragOperationSnapshotso thatsourceis typed asSortableDraggableandtargetasSortableDroppable, providing typed access to sortable-specific properties likeindex,initialIndex,group, andinitialGroup.Re-exported from all framework packages (
@dnd-kit/react/sortable,@dnd-kit/vue/sortable,@dnd-kit/svelte/sortable,@dnd-kit/solid/sortable). -
e630ec0Thanks @clauderic! - Initial release of @dnd-kit/svelte – a Svelte 5 adapter for dnd kit. ProvidesDragDropProvider,DragOverlay,createDraggable,createDroppable, andcreateSortableusing Svelte 5 runes and attachments ({@attach}).