@dnd-kit/react 0.0.2-beta-20240604190117 → 0.0.2-beta-20240606024647
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 +13 -4
- package/index.js +15 -6
- package/package.json +3 -3
package/index.cjs
CHANGED
|
@@ -97,9 +97,7 @@ var DragDropProvider = react.forwardRef(
|
|
|
97
97
|
manager.monitor.addEventListener("collision", handleCollision)
|
|
98
98
|
];
|
|
99
99
|
return () => {
|
|
100
|
-
|
|
101
|
-
unsubscribe();
|
|
102
|
-
}
|
|
100
|
+
listeners.forEach((unsubscribe) => unsubscribe());
|
|
103
101
|
};
|
|
104
102
|
}, [manager]);
|
|
105
103
|
hooks.useOnValueChange(
|
|
@@ -108,9 +106,20 @@ var DragDropProvider = react.forwardRef(
|
|
|
108
106
|
);
|
|
109
107
|
hooks.useOnValueChange(modifiers, () => manager.modifiers = modifiers ?? []);
|
|
110
108
|
react.useImperativeHandle(ref, () => manager, [manager]);
|
|
111
|
-
return /* @__PURE__ */ jsxRuntime.
|
|
109
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DragDropContext.Provider, { value: manager, children: [
|
|
110
|
+
children,
|
|
111
|
+
/* @__PURE__ */ jsxRuntime.jsx(Lifecycle, { manager })
|
|
112
|
+
] });
|
|
112
113
|
}
|
|
113
114
|
);
|
|
115
|
+
var Lifecycle = class extends react.Component {
|
|
116
|
+
render() {
|
|
117
|
+
return null;
|
|
118
|
+
}
|
|
119
|
+
componentWillUnmount() {
|
|
120
|
+
this.props.manager.destroy();
|
|
121
|
+
}
|
|
122
|
+
};
|
|
114
123
|
function useDragDropManager() {
|
|
115
124
|
return react.useContext(DragDropContext);
|
|
116
125
|
}
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createContext, forwardRef, useEffect, useImperativeHandle, useTransition, useState, useRef, useContext, useCallback } from 'react';
|
|
1
|
+
import { createContext, forwardRef, useEffect, useImperativeHandle, Component, useTransition, useState, useRef, useContext, useCallback } from 'react';
|
|
2
2
|
import { DragDropManager, defaultPreset, Draggable, Droppable } from '@dnd-kit/dom';
|
|
3
3
|
import { useConstant, useLatest, useEvent, useOnValueChange, useComputed } from '@dnd-kit/react/hooks';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
import { getCurrentValue } from '@dnd-kit/react/utilities';
|
|
6
6
|
import { deepEqual } from '@dnd-kit/state';
|
|
7
7
|
|
|
@@ -95,9 +95,7 @@ var DragDropProvider = forwardRef(
|
|
|
95
95
|
manager.monitor.addEventListener("collision", handleCollision)
|
|
96
96
|
];
|
|
97
97
|
return () => {
|
|
98
|
-
|
|
99
|
-
unsubscribe();
|
|
100
|
-
}
|
|
98
|
+
listeners.forEach((unsubscribe) => unsubscribe());
|
|
101
99
|
};
|
|
102
100
|
}, [manager]);
|
|
103
101
|
useOnValueChange(
|
|
@@ -106,9 +104,20 @@ var DragDropProvider = forwardRef(
|
|
|
106
104
|
);
|
|
107
105
|
useOnValueChange(modifiers, () => manager.modifiers = modifiers ?? []);
|
|
108
106
|
useImperativeHandle(ref, () => manager, [manager]);
|
|
109
|
-
return /* @__PURE__ */
|
|
107
|
+
return /* @__PURE__ */ jsxs(DragDropContext.Provider, { value: manager, children: [
|
|
108
|
+
children,
|
|
109
|
+
/* @__PURE__ */ jsx(Lifecycle, { manager })
|
|
110
|
+
] });
|
|
110
111
|
}
|
|
111
112
|
);
|
|
113
|
+
var Lifecycle = class extends Component {
|
|
114
|
+
render() {
|
|
115
|
+
return null;
|
|
116
|
+
}
|
|
117
|
+
componentWillUnmount() {
|
|
118
|
+
this.props.manager.destroy();
|
|
119
|
+
}
|
|
120
|
+
};
|
|
112
121
|
function useDragDropManager() {
|
|
113
122
|
return useContext(DragDropContext);
|
|
114
123
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dnd-kit/react",
|
|
3
|
-
"version": "0.0.2-beta-
|
|
3
|
+
"version": "0.0.2-beta-20240606024647",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"module": "./index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@dnd-kit/abstract": "
|
|
60
|
-
"@dnd-kit/dom": "0.0.2-beta-
|
|
59
|
+
"@dnd-kit/abstract": "0.0.2-beta-20240606024647",
|
|
60
|
+
"@dnd-kit/dom": "0.0.2-beta-20240606024647",
|
|
61
61
|
"@dnd-kit/state": "*",
|
|
62
62
|
"tslib": "^2.6.2"
|
|
63
63
|
},
|