@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 +3 -2
- package/index.js +4 -3
- package/package.json +4 -4
- package/sortable.cjs +1 -0
- package/sortable.js +1 -0
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(
|
|
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,
|
|
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(
|
|
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-
|
|
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-
|
|
60
|
-
"@dnd-kit/dom": "0.0.8-beta-
|
|
61
|
-
"@dnd-kit/state": "0.0.8-beta-
|
|
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),
|