@dnd-kit/solid 0.3.0-beta-20260210131310 → 0.3.0-beta-20260211014834

package/index.cjs

@@ -6,7 +6,25 @@ var dom = require('@dnd-kit/dom');
 var sortable = require('@dnd-kit/dom/sortable');
 var state = require('@dnd-kit/state');
 
-// src/core/context/DragDropProvider.tsx
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var DragDropContext = solidJs.createContext(null);
 function useRenderer() {
   const [transitionCount, setTransitionCount] = solidJs.createSignal(0);
@@ -14,14 +32,14 @@ function useRenderer() {
   let resolver = null;
   solidJs.createEffect(
     solidJs.on(transitionCount, () => {
-      resolver?.();
+      resolver == null ? void 0 : resolver();
       rendering = null;
     })
   );
   return {
     renderer: {
       get rendering() {
-        return rendering ?? Promise.resolve();
+        return rendering != null ? rendering : Promise.resolve();
       }
     },
     trackRendering(callback) {
@@ -87,18 +105,22 @@ function DragDropProvider(props) {
     renderer,
     trackRendering
   } = useRenderer();
-  const manager = solidJs.createMemo(() => props.manager ?? new dom.DragDropManager(props));
+  const manager = solidJs.createMemo(() => {
+    var _a;
+    return (_a = props.manager) != null ? _a : new dom.DragDropManager(props);
+  });
   solidJs.onCleanup(() => {
     if (!props.manager) {
       manager().destroy();
     }
   });
   solidJs.createEffect(() => {
+    var _a, _b, _c;
     const _manager = manager();
     _manager.renderer = renderer;
-    _manager.plugins = props.plugins ?? dom.defaultPreset.plugins;
-    _manager.sensors = props.sensors ?? dom.defaultPreset.sensors;
-    _manager.modifiers = props.modifiers ?? dom.defaultPreset.modifiers;
+    _manager.plugins = (_a = props.plugins) != null ? _a : dom.defaultPreset.plugins;
+    _manager.sensors = (_b = props.sensors) != null ? _b : dom.defaultPreset.sensors;
+    _manager.modifiers = (_c = props.modifiers) != null ? _c : dom.defaultPreset.modifiers;
   });
   solidJs.createEffect(() => {
     const disposers = [];
@@ -112,7 +134,8 @@ function DragDropProvider(props) {
         trackRendering(() => callback(event, manager2));
       }
     }), monitor.addEventListener("dragstart", (event, manager2) => {
-      props.onDragStart?.(event, manager2);
+      var _a;
+      (_a = props.onDragStart) == null ? void 0 : _a.call(props, event, manager2);
     }), monitor.addEventListener("dragover", (event, manager2) => {
       const callback = props.onDragOver;
       if (callback) {
@@ -137,7 +160,8 @@ function DragDropProvider(props) {
       }
       clearPosition();
     }), monitor.addEventListener("collision", (event, manager2) => {
-      props.onCollision?.(event, manager2);
+      var _a;
+      (_a = props.onCollision) == null ? void 0 : _a.call(props, event, manager2);
     }));
     solidJs.onCleanup(() => {
       disposers.forEach((cleanup) => cleanup());
@@ -196,12 +220,13 @@ function useDragDropManager() {
 
 // src/core/hooks/useInstance.ts
 function useInstance(initializer) {
-  const manager = useDragDropManager() ?? void 0;
+  var _a;
+  const manager = (_a = useDragDropManager()) != null ? _a : void 0;
   const instance = initializer(manager);
   solidJs.createEffect(() => {
     instance.manager = manager;
     const cleanup = instance.register();
-    solidJs.onCleanup(() => cleanup?.());
+    solidJs.onCleanup(() => cleanup == null ? void 0 : cleanup());
   });
   return instance;
 }
@@ -210,12 +235,11 @@ function useInstance(initializer) {
 function useDraggable(input) {
   const draggable = useInstance(
     (manager) => new dom.Draggable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         element: input.element,
         handle: input.handle
-      },
+      }),
       manager
     )
   );
@@ -225,13 +249,14 @@ function useDraggable(input) {
   );
   const [handle, setHandle] = solidJs.createSignal(input.handle);
   solidJs.createEffect(() => {
+    var _a, _b;
     const el = element();
     if (el) draggable.element = el;
     const h = handle();
     if (h) draggable.handle = h;
     draggable.id = input.id;
-    draggable.disabled = input.disabled ?? false;
-    draggable.feedback = input.feedback ?? "default";
+    draggable.disabled = (_a = input.disabled) != null ? _a : false;
+    draggable.feedback = (_b = input.feedback) != null ? _b : "default";
     draggable.alignment = input.alignment;
     draggable.modifiers = input.modifiers;
     draggable.sensors = input.sensors;
@@ -255,12 +280,21 @@ function useDraggable(input) {
 function useDragOperation() {
   const manager = useDragDropManager();
   const trackedDragOperation = useDeepSignal(
-    () => manager?.dragOperation
+    () => manager == null ? void 0 : manager.dragOperation
   );
   return {
-    source: () => trackedDragOperation()?.source,
-    target: () => trackedDragOperation()?.target,
-    status: () => trackedDragOperation()?.status
+    source: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.source;
+    },
+    target: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.target;
+    },
+    status: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.status;
+    }
   };
 }
 
@@ -272,10 +306,11 @@ function DragOverlay(props) {
   const dragOperation = useDragOperation();
   const source = () => dragOperation.source();
   const isDisabled = () => {
+    var _a;
     if (typeof props.disabled === "function") {
       return props.disabled(source());
     }
-    return props.disabled ?? false;
+    return (_a = props.disabled) != null ? _a : false;
   };
   solidJs.createEffect(() => {
     if (!source()) {
@@ -350,11 +385,10 @@ function noop() {
 function useDroppable(input) {
   const droppable = useInstance(
     (manager) => new dom.Droppable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         element: input.element
-      },
+      }),
       manager
     )
   );
@@ -363,12 +397,13 @@ function useDroppable(input) {
     input.element
   );
   solidJs.createEffect(() => {
+    var _a;
     const el = element();
     if (el) droppable.element = el;
     droppable.id = input.id;
     droppable.accept = input.accept;
     droppable.type = input.type;
-    droppable.disabled = input.disabled ?? false;
+    droppable.disabled = (_a = input.disabled) != null ? _a : false;
     if (input.collisionDetector) {
       droppable.collisionDetector = input.collisionDetector;
     }

package/index.js

@@ -5,7 +5,25 @@ export { KeyboardSensor, PointerSensor } from '@dnd-kit/dom';
 import { isSortable } from '@dnd-kit/dom/sortable';
 import { effect, untracked } from '@dnd-kit/state';
 
-// src/core/context/DragDropProvider.tsx
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var DragDropContext = createContext(null);
 function useRenderer() {
   const [transitionCount, setTransitionCount] = createSignal(0);
@@ -13,14 +31,14 @@ function useRenderer() {
   let resolver = null;
   createEffect(
     on(transitionCount, () => {
-      resolver?.();
+      resolver == null ? void 0 : resolver();
       rendering = null;
     })
   );
   return {
     renderer: {
       get rendering() {
-        return rendering ?? Promise.resolve();
+        return rendering != null ? rendering : Promise.resolve();
       }
     },
     trackRendering(callback) {
@@ -86,18 +104,22 @@ function DragDropProvider(props) {
     renderer,
     trackRendering
   } = useRenderer();
-  const manager = createMemo(() => props.manager ?? new DragDropManager(props));
+  const manager = createMemo(() => {
+    var _a;
+    return (_a = props.manager) != null ? _a : new DragDropManager(props);
+  });
   onCleanup(() => {
     if (!props.manager) {
       manager().destroy();
     }
   });
   createEffect(() => {
+    var _a, _b, _c;
     const _manager = manager();
     _manager.renderer = renderer;
-    _manager.plugins = props.plugins ?? defaultPreset.plugins;
-    _manager.sensors = props.sensors ?? defaultPreset.sensors;
-    _manager.modifiers = props.modifiers ?? defaultPreset.modifiers;
+    _manager.plugins = (_a = props.plugins) != null ? _a : defaultPreset.plugins;
+    _manager.sensors = (_b = props.sensors) != null ? _b : defaultPreset.sensors;
+    _manager.modifiers = (_c = props.modifiers) != null ? _c : defaultPreset.modifiers;
   });
   createEffect(() => {
     const disposers = [];
@@ -111,7 +133,8 @@ function DragDropProvider(props) {
         trackRendering(() => callback(event, manager2));
       }
     }), monitor.addEventListener("dragstart", (event, manager2) => {
-      props.onDragStart?.(event, manager2);
+      var _a;
+      (_a = props.onDragStart) == null ? void 0 : _a.call(props, event, manager2);
     }), monitor.addEventListener("dragover", (event, manager2) => {
       const callback = props.onDragOver;
       if (callback) {
@@ -136,7 +159,8 @@ function DragDropProvider(props) {
       }
       clearPosition();
     }), monitor.addEventListener("collision", (event, manager2) => {
-      props.onCollision?.(event, manager2);
+      var _a;
+      (_a = props.onCollision) == null ? void 0 : _a.call(props, event, manager2);
     }));
     onCleanup(() => {
       disposers.forEach((cleanup) => cleanup());
@@ -195,12 +219,13 @@ function useDragDropManager() {
 
 // src/core/hooks/useInstance.ts
 function useInstance(initializer) {
-  const manager = useDragDropManager() ?? void 0;
+  var _a;
+  const manager = (_a = useDragDropManager()) != null ? _a : void 0;
   const instance = initializer(manager);
   createEffect(() => {
     instance.manager = manager;
     const cleanup = instance.register();
-    onCleanup(() => cleanup?.());
+    onCleanup(() => cleanup == null ? void 0 : cleanup());
   });
   return instance;
 }
@@ -209,12 +234,11 @@ function useInstance(initializer) {
 function useDraggable(input) {
   const draggable = useInstance(
     (manager) => new Draggable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         element: input.element,
         handle: input.handle
-      },
+      }),
       manager
     )
   );
@@ -224,13 +248,14 @@ function useDraggable(input) {
   );
   const [handle, setHandle] = createSignal(input.handle);
   createEffect(() => {
+    var _a, _b;
     const el = element();
     if (el) draggable.element = el;
     const h = handle();
     if (h) draggable.handle = h;
     draggable.id = input.id;
-    draggable.disabled = input.disabled ?? false;
-    draggable.feedback = input.feedback ?? "default";
+    draggable.disabled = (_a = input.disabled) != null ? _a : false;
+    draggable.feedback = (_b = input.feedback) != null ? _b : "default";
     draggable.alignment = input.alignment;
     draggable.modifiers = input.modifiers;
     draggable.sensors = input.sensors;
@@ -254,12 +279,21 @@ function useDraggable(input) {
 function useDragOperation() {
   const manager = useDragDropManager();
   const trackedDragOperation = useDeepSignal(
-    () => manager?.dragOperation
+    () => manager == null ? void 0 : manager.dragOperation
   );
   return {
-    source: () => trackedDragOperation()?.source,
-    target: () => trackedDragOperation()?.target,
-    status: () => trackedDragOperation()?.status
+    source: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.source;
+    },
+    target: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.target;
+    },
+    status: () => {
+      var _a;
+      return (_a = trackedDragOperation()) == null ? void 0 : _a.status;
+    }
   };
 }
 
@@ -271,10 +305,11 @@ function DragOverlay(props) {
   const dragOperation = useDragOperation();
   const source = () => dragOperation.source();
   const isDisabled = () => {
+    var _a;
     if (typeof props.disabled === "function") {
       return props.disabled(source());
     }
-    return props.disabled ?? false;
+    return (_a = props.disabled) != null ? _a : false;
   };
   createEffect(() => {
     if (!source()) {
@@ -349,11 +384,10 @@ function noop() {
 function useDroppable(input) {
   const droppable = useInstance(
     (manager) => new Droppable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         element: input.element
-      },
+      }),
       manager
     )
   );
@@ -362,12 +396,13 @@ function useDroppable(input) {
     input.element
   );
   createEffect(() => {
+    var _a;
     const el = element();
     if (el) droppable.element = el;
     droppable.id = input.id;
     droppable.accept = input.accept;
     droppable.type = input.type;
-    droppable.disabled = input.disabled ?? false;
+    droppable.disabled = (_a = input.disabled) != null ? _a : false;
     if (input.collisionDetector) {
       droppable.collisionDetector = input.collisionDetector;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnd-kit/solid",
-  "version": "0.3.0-beta-20260210131310",
+  "version": "0.3.0-beta-20260211014834",
   "main": "./index.cjs",
   "module": "./index.js",
   "type": "module",
@@ -55,9 +55,9 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
-    "@dnd-kit/abstract": "0.3.0-beta-20260210131310",
-    "@dnd-kit/dom": "0.3.0-beta-20260210131310",
-    "@dnd-kit/state": "0.3.0-beta-20260210131310",
+    "@dnd-kit/abstract": "0.3.0-beta-20260211014834",
+    "@dnd-kit/dom": "0.3.0-beta-20260211014834",
+    "@dnd-kit/state": "0.3.0-beta-20260211014834",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {

package/sortable.cjs

@@ -6,22 +6,36 @@ var solidJs = require('solid-js');
 var hooks = require('@dnd-kit/solid/hooks');
 var solid = require('@dnd-kit/solid');
 
-// src/sortable/useSortable.ts
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useSortable(input) {
-  const transition = {
-    ...sortable.defaultSortableTransition,
-    ...input.transition
-  };
+  const transition = __spreadValues(__spreadValues({}, sortable.defaultSortableTransition), input.transition);
   const sortable$1 = solid.useInstance((manager) => {
     return new sortable.Sortable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         transition,
         element: input.element,
         handle: input.handle,
         target: input.target
-      },
+      }),
       manager
     );
   });
@@ -33,6 +47,7 @@ function useSortable(input) {
   const [source, setSource] = solidJs.createSignal(input.source);
   const [target, setTarget] = solidJs.createSignal(input.target);
   solidJs.createEffect(() => {
+    var _a, _b;
     const el = element();
     if (el) sortable$1.element = el;
     const h = handle();
@@ -42,15 +57,15 @@ function useSortable(input) {
     const t = target();
     if (t) sortable$1.target = t;
     sortable$1.id = input.id;
-    sortable$1.disabled = input.disabled ?? false;
-    sortable$1.feedback = input.feedback ?? "default";
+    sortable$1.disabled = (_a = input.disabled) != null ? _a : false;
+    sortable$1.feedback = (_b = input.feedback) != null ? _b : "default";
     sortable$1.alignment = input.alignment;
     sortable$1.modifiers = input.modifiers;
     sortable$1.sensors = input.sensors;
     sortable$1.accept = input.accept;
     sortable$1.type = input.type;
     sortable$1.collisionPriority = input.collisionPriority;
-    sortable$1.transition = input.transition ? { ...sortable.defaultSortableTransition, ...input.transition } : sortable.defaultSortableTransition;
+    sortable$1.transition = input.transition ? __spreadValues(__spreadValues({}, sortable.defaultSortableTransition), input.transition) : sortable.defaultSortableTransition;
     if (input.collisionDetector) {
       sortable$1.collisionDetector = input.collisionDetector;
     }
@@ -73,7 +88,8 @@ function useSortable(input) {
     solidJs.on(
       () => input.index,
       () => {
-        if (sortable$1.manager?.dragOperation.status.idle && sortable$1.transition?.idle) {
+        var _a, _b;
+        if (((_a = sortable$1.manager) == null ? void 0 : _a.dragOperation.status.idle) && ((_b = sortable$1.transition) == null ? void 0 : _b.idle)) {
           sortable$1.refreshShape();
         }
       }

package/sortable.js

@@ -5,22 +5,36 @@ import { createSignal, createEffect, on } from 'solid-js';
 import { useDeepSignal } from '@dnd-kit/solid/hooks';
 import { useInstance } from '@dnd-kit/solid';
 
-// src/sortable/useSortable.ts
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useSortable(input) {
-  const transition = {
-    ...defaultSortableTransition,
-    ...input.transition
-  };
+  const transition = __spreadValues(__spreadValues({}, defaultSortableTransition), input.transition);
   const sortable = useInstance((manager) => {
     return new Sortable(
-      {
-        ...input,
+      __spreadProps(__spreadValues({}, input), {
         register: false,
         transition,
         element: input.element,
         handle: input.handle,
         target: input.target
-      },
+      }),
       manager
     );
   });
@@ -32,6 +46,7 @@ function useSortable(input) {
   const [source, setSource] = createSignal(input.source);
   const [target, setTarget] = createSignal(input.target);
   createEffect(() => {
+    var _a, _b;
     const el = element();
     if (el) sortable.element = el;
     const h = handle();
@@ -41,15 +56,15 @@ function useSortable(input) {
     const t = target();
     if (t) sortable.target = t;
     sortable.id = input.id;
-    sortable.disabled = input.disabled ?? false;
-    sortable.feedback = input.feedback ?? "default";
+    sortable.disabled = (_a = input.disabled) != null ? _a : false;
+    sortable.feedback = (_b = input.feedback) != null ? _b : "default";
     sortable.alignment = input.alignment;
     sortable.modifiers = input.modifiers;
     sortable.sensors = input.sensors;
     sortable.accept = input.accept;
     sortable.type = input.type;
     sortable.collisionPriority = input.collisionPriority;
-    sortable.transition = input.transition ? { ...defaultSortableTransition, ...input.transition } : defaultSortableTransition;
+    sortable.transition = input.transition ? __spreadValues(__spreadValues({}, defaultSortableTransition), input.transition) : defaultSortableTransition;
     if (input.collisionDetector) {
       sortable.collisionDetector = input.collisionDetector;
     }
@@ -72,7 +87,8 @@ function useSortable(input) {
     on(
       () => input.index,
       () => {
-        if (sortable.manager?.dragOperation.status.idle && sortable.transition?.idle) {
+        var _a, _b;
+        if (((_a = sortable.manager) == null ? void 0 : _a.dragOperation.status.idle) && ((_b = sortable.transition) == null ? void 0 : _b.idle)) {
           sortable.refreshShape();
         }
       }