@wheelhouse/ui 0.2.3 → 0.2.5

package/dist/components/sortable/sortable.js

@@ -48,7 +48,7 @@ function useIsClient() {
  *
  * Renders the default element as a `div` with `data-slot="sortable"` (see Base UI `useRender` / `render` prop).
  */
-function Sortable({ value, onValueChange, getItemValue, className, render, onMove, strategy = 'vertical', onDragStart, onDragEnd, modifiers, children, ...props }) {
+function Sortable({ value, onValueChange, getItemValue, className, render, onMove, strategy = 'vertical', onDragStart, onDragEnd, modifiers, collisionDetection, children, ...props }) {
     const [activeId, setActiveId] = useState(null);
     const isClient = useIsClient();
     const sensors = useSensors(useSensor(MouseSensor, {
@@ -76,6 +76,8 @@ function Sortable({ value, onValueChange, getItemValue, className, render, onMov
         // Handle item reordering
         const activeIndex = value.findIndex((item) => getItemValue(item) === active.id);
         const overIndex = value.findIndex((item) => getItemValue(item) === over.id);
+        if (activeIndex < 0 || overIndex < 0)
+            return;
         if (activeIndex !== overIndex) {
             if (onMove) {
                 onMove({ event, activeIndex, overIndex });
@@ -125,7 +127,7 @@ function Sortable({ value, onValueChange, getItemValue, className, render, onMov
         });
         return result;
     }, [activeId, children]);
-    return (_jsx(SortableInternalContext.Provider, { value: contextValue, children: _jsxs(DndContext, { sensors: sensors, modifiers: modifiers, measuring: {
+    return (_jsx(SortableInternalContext.Provider, { value: contextValue, children: _jsxs(DndContext, { sensors: sensors, modifiers: modifiers, ...(collisionDetection !== undefined ? { collisionDetection } : {}), measuring: {
                 droppable: {
                     strategy: MeasuringStrategy.Always,
                 },