@dnd-kit/solid 0.3.0-beta-20260216014448 → 0.3.0-beta-20260427213741
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/README.md +6 -6
- package/index.cjs +4 -3
- package/index.js +5 -4
- package/package.json +4 -4
- package/sortable.cjs +0 -4
- package/sortable.d.ts +1 -1
- package/sortable.js +1 -1
package/README.md
CHANGED
|
@@ -45,11 +45,11 @@ function App() {
|
|
|
45
45
|
|
|
46
46
|
## Hooks
|
|
47
47
|
|
|
48
|
-
| Hook
|
|
49
|
-
|
|
50
|
-
| `useDraggable` | `@dnd-kit/solid`
|
|
51
|
-
| `useDroppable` | `@dnd-kit/solid`
|
|
52
|
-
| `useSortable`
|
|
48
|
+
| Hook | Import | Description |
|
|
49
|
+
|---|---|---|
|
|
50
|
+
| `useDraggable` | `@dnd-kit/solid` | Make an element draggable |
|
|
51
|
+
| `useDroppable` | `@dnd-kit/solid` | Create a drop target |
|
|
52
|
+
| `useSortable` | `@dnd-kit/solid/sortable` | Combine drag and drop with sorting |
|
|
53
53
|
|
|
54
54
|
## Components
|
|
55
55
|
|
|
@@ -58,4 +58,4 @@ function App() {
|
|
|
58
58
|
|
|
59
59
|
## Documentation
|
|
60
60
|
|
|
61
|
-
Visit [dndkit.com](https://dndkit.com/solid) for full documentation, guides, and interactive examples.
|
|
61
|
+
Visit [next.dndkit.com](https://next.dndkit.com/solid) for full documentation, guides, and interactive examples.
|
package/index.cjs
CHANGED
|
@@ -115,11 +115,12 @@ function DragDropProvider(props) {
|
|
|
115
115
|
}
|
|
116
116
|
});
|
|
117
117
|
solidJs.createEffect(() => {
|
|
118
|
+
var _a, _b, _c;
|
|
118
119
|
const _manager = manager();
|
|
119
120
|
_manager.renderer = renderer;
|
|
120
|
-
_manager.plugins =
|
|
121
|
-
_manager.sensors =
|
|
122
|
-
_manager.modifiers =
|
|
121
|
+
_manager.plugins = (_a = props.plugins) != null ? _a : dom.defaultPreset.plugins;
|
|
122
|
+
_manager.sensors = (_b = props.sensors) != null ? _b : dom.defaultPreset.sensors;
|
|
123
|
+
_manager.modifiers = (_c = props.modifiers) != null ? _c : dom.defaultPreset.modifiers;
|
|
123
124
|
});
|
|
124
125
|
solidJs.createEffect(() => {
|
|
125
126
|
const disposers = [];
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createComponent, Dynamic, memo } from 'solid-js/web';
|
|
2
2
|
import { createContext, createMemo, onCleanup, createEffect, useContext, createSignal, Show, on, batch } from 'solid-js';
|
|
3
|
-
import { DragDropManager,
|
|
3
|
+
import { DragDropManager, defaultPreset, Draggable, Feedback, Droppable } from '@dnd-kit/dom';
|
|
4
4
|
export { KeyboardSensor, PointerSensor } from '@dnd-kit/dom';
|
|
5
5
|
import { isSortable } from '@dnd-kit/dom/sortable';
|
|
6
6
|
import { effect, untracked } from '@dnd-kit/state';
|
|
@@ -114,11 +114,12 @@ function DragDropProvider(props) {
|
|
|
114
114
|
}
|
|
115
115
|
});
|
|
116
116
|
createEffect(() => {
|
|
117
|
+
var _a, _b, _c;
|
|
117
118
|
const _manager = manager();
|
|
118
119
|
_manager.renderer = renderer;
|
|
119
|
-
_manager.plugins =
|
|
120
|
-
_manager.sensors =
|
|
121
|
-
_manager.modifiers =
|
|
120
|
+
_manager.plugins = (_a = props.plugins) != null ? _a : defaultPreset.plugins;
|
|
121
|
+
_manager.sensors = (_b = props.sensors) != null ? _b : defaultPreset.sensors;
|
|
122
|
+
_manager.modifiers = (_c = props.modifiers) != null ? _c : defaultPreset.modifiers;
|
|
122
123
|
});
|
|
123
124
|
createEffect(() => {
|
|
124
125
|
const disposers = [];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dnd-kit/solid",
|
|
3
|
-
"version": "0.3.0-beta-
|
|
3
|
+
"version": "0.3.0-beta-20260427213741",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"module": "./index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@dnd-kit/abstract": "0.3.0-beta-
|
|
59
|
-
"@dnd-kit/dom": "0.3.0-beta-
|
|
60
|
-
"@dnd-kit/state": "0.3.0-beta-
|
|
58
|
+
"@dnd-kit/abstract": "0.3.0-beta-20260427213741",
|
|
59
|
+
"@dnd-kit/dom": "0.3.0-beta-20260427213741",
|
|
60
|
+
"@dnd-kit/state": "0.3.0-beta-20260427213741",
|
|
61
61
|
"tslib": "^2.6.2"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
package/sortable.cjs
CHANGED
|
@@ -114,10 +114,6 @@ Object.defineProperty(exports, "isSortable", {
|
|
|
114
114
|
enumerable: true,
|
|
115
115
|
get: function () { return sortable.isSortable; }
|
|
116
116
|
});
|
|
117
|
-
Object.defineProperty(exports, "isSortableOperation", {
|
|
118
|
-
enumerable: true,
|
|
119
|
-
get: function () { return sortable.isSortableOperation; }
|
|
120
|
-
});
|
|
121
117
|
exports.useSortable = useSortable;
|
|
122
118
|
//# sourceMappingURL=sortable.cjs.map
|
|
123
119
|
//# sourceMappingURL=sortable.cjs.map
|
package/sortable.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as solid_js from 'solid-js';
|
|
2
2
|
import { Data } from '@dnd-kit/abstract';
|
|
3
3
|
import { SortableInput, Sortable } from '@dnd-kit/dom/sortable';
|
|
4
|
-
export { isSortable
|
|
4
|
+
export { isSortable } from '@dnd-kit/dom/sortable';
|
|
5
5
|
|
|
6
6
|
interface UseSortableInput<T extends Data = Data> extends Omit<SortableInput<T>, 'handle' | 'element' | 'source' | 'target'> {
|
|
7
7
|
handle?: Element;
|
package/sortable.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defaultSortableTransition, Sortable } from '@dnd-kit/dom/sortable';
|
|
2
|
-
export { isSortable
|
|
2
|
+
export { isSortable } from '@dnd-kit/dom/sortable';
|
|
3
3
|
import { batch } from '@dnd-kit/state';
|
|
4
4
|
import { createSignal, createEffect, on } from 'solid-js';
|
|
5
5
|
import { useDeepSignal } from '@dnd-kit/solid/hooks';
|