@dnd-kit/react 0.0.8-beta-20250203225129 → 0.0.8-beta-20250204011854

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.cjs CHANGED
@@ -178,7 +178,7 @@ function useDragDropManager() {
178
178
  function useInstance(initializer) {
179
179
  var _a;
180
180
  const manager = (_a = useDragDropManager()) != null ? _a : void 0;
181
- const [instance] = react.useState(() => initializer(void 0));
181
+ const [instance] = react.useState(() => initializer(manager));
182
182
  if (instance.manager !== manager) {
183
183
  instance.manager = manager;
184
184
  }
@@ -192,6 +192,7 @@ function useDraggable(input) {
192
192
  const draggable = useInstance(
193
193
  (manager) => new dom.Draggable(
194
194
  __spreadProps(__spreadValues({}, input), {
195
+ register: false,
195
196
  handle: utilities.currentValue(handle),
196
197
  element: utilities.currentValue(element)
197
198
  }),
@@ -199,7 +200,6 @@ function useDraggable(input) {
199
200
  )
200
201
  );
201
202
  const trackedDraggable = hooks.useDeepSignal(draggable);
202
- hooks.useComputed(() => draggable.status, [draggable]);
203
203
  hooks.useOnValueChange(id, () => draggable.id = id);
204
204
  hooks.useOnElementChange(handle, (handle2) => draggable.handle = handle2);
205
205
  hooks.useOnElementChange(element, (element2) => draggable.element = element2);
@@ -309,6 +309,7 @@ function useDroppable(input) {
309
309
  const droppable = useInstance(
310
310
  (manager) => new dom.Droppable(
311
311
  __spreadProps(__spreadValues({}, input), {
312
+ register: false,
312
313
  element: utilities.currentValue(element)
313
314
  }),
314
315
  manager
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { createContext, useState, useEffect, startTransition, useContext, useCallback, useRef, useMemo, useTransition, useLayoutEffect } from 'react';
2
2
  import { DragDropManager, defaultPreset, Draggable, Feedback, Droppable } from '@dnd-kit/dom';
3
- import { useLatest, useOnValueChange, useIsomorphicLayoutEffect, useDeepSignal, useComputed, useOnElementChange, useConstant } from '@dnd-kit/react/hooks';
3
+ import { useLatest, useOnValueChange, useIsomorphicLayoutEffect, useDeepSignal, useOnElementChange, useComputed, useConstant } from '@dnd-kit/react/hooks';
4
4
  import { deepEqual } from '@dnd-kit/state';
5
5
  import { jsx } from 'react/jsx-runtime';
6
6
  import { currentValue } from '@dnd-kit/react/utilities';
@@ -176,7 +176,7 @@ function useDragDropManager() {
176
176
  function useInstance(initializer) {
177
177
  var _a;
178
178
  const manager = (_a = useDragDropManager()) != null ? _a : void 0;
179
- const [instance] = useState(() => initializer(void 0));
179
+ const [instance] = useState(() => initializer(manager));
180
180
  if (instance.manager !== manager) {
181
181
  instance.manager = manager;
182
182
  }
@@ -190,6 +190,7 @@ function useDraggable(input) {
190
190
  const draggable = useInstance(
191
191
  (manager) => new Draggable(
192
192
  __spreadProps(__spreadValues({}, input), {
193
+ register: false,
193
194
  handle: currentValue(handle),
194
195
  element: currentValue(element)
195
196
  }),
@@ -197,7 +198,6 @@ function useDraggable(input) {
197
198
  )
198
199
  );
199
200
  const trackedDraggable = useDeepSignal(draggable);
200
- useComputed(() => draggable.status, [draggable]);
201
201
  useOnValueChange(id, () => draggable.id = id);
202
202
  useOnElementChange(handle, (handle2) => draggable.handle = handle2);
203
203
  useOnElementChange(element, (element2) => draggable.element = element2);
@@ -307,6 +307,7 @@ function useDroppable(input) {
307
307
  const droppable = useInstance(
308
308
  (manager) => new Droppable(
309
309
  __spreadProps(__spreadValues({}, input), {
310
+ register: false,
310
311
  element: currentValue(element)
311
312
  }),
312
313
  manager
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dnd-kit/react",
3
- "version": "0.0.8-beta-20250203225129",
3
+ "version": "0.0.8-beta-20250204011854",
4
4
  "main": "./index.cjs",
5
5
  "module": "./index.js",
6
6
  "type": "module",
@@ -56,9 +56,9 @@
56
56
  "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
57
57
  },
58
58
  "dependencies": {
59
- "@dnd-kit/abstract": "0.0.8-beta-20250203225129",
60
- "@dnd-kit/dom": "0.0.8-beta-20250203225129",
61
- "@dnd-kit/state": "0.0.8-beta-20250203225129",
59
+ "@dnd-kit/abstract": "0.0.8-beta-20250204011854",
60
+ "@dnd-kit/dom": "0.0.8-beta-20250204011854",
61
+ "@dnd-kit/state": "0.0.8-beta-20250204011854",
62
62
  "tslib": "^2.6.2"
63
63
  },
64
64
  "peerDependencies": {
package/sortable.cjs CHANGED
@@ -48,6 +48,7 @@ function useSortable(input) {
48
48
  const sortable$1 = react.useInstance((manager) => {
49
49
  return new sortable.Sortable(
50
50
  __spreadProps(__spreadValues({}, input), {
51
+ register: false,
51
52
  handle: utilities.currentValue(handle),
52
53
  element: utilities.currentValue(element),
53
54
  target: utilities.currentValue(target),
package/sortable.js CHANGED
@@ -46,6 +46,7 @@ function useSortable(input) {
46
46
  const sortable = useInstance((manager) => {
47
47
  return new Sortable(
48
48
  __spreadProps(__spreadValues({}, input), {
49
+ register: false,
49
50
  handle: currentValue(handle),
50
51
  element: currentValue(element),
51
52
  target: currentValue(target),