@mk-drag-and-drop/react 0.4.1 → 0.4.3
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 +10 -7
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -457,11 +457,13 @@ React uses the DOM package placement rules. Same-container sortable preview
|
|
|
457
457
|
keeps its movement-responsive first-placement behavior: forward movement places
|
|
458
458
|
after a newly active target, backward movement places before, and no
|
|
459
459
|
sortable-axis movement uses the target midpoint. When a sortable item first
|
|
460
|
-
enters a different DOM container, the initial side is based on the
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
460
|
+
enters a different DOM container, the initial side is based on the current
|
|
461
|
+
sortable placement position against the target midpoint on the sortable axis:
|
|
462
|
+
above or left of midpoint places before, while below or right of midpoint places
|
|
463
|
+
after. Pointer-based targeting uses the pointer as that position; rect-based
|
|
464
|
+
targeting such as `centerToCenter` uses the overlay center. `placementBoundary`
|
|
465
|
+
remains a same-target reversal and hysteresis control after preview placement
|
|
466
|
+
exists; it does not decide the initial side for cross-container sortable entry.
|
|
465
467
|
|
|
466
468
|
Examples may rerender a full list for simplicity, but granular state management,
|
|
467
469
|
external stores, server commits, and imperative rendering strategies are
|
|
@@ -563,8 +565,9 @@ or container entries before the targeting algorithm runs; the algorithm still
|
|
|
563
565
|
chooses from that narrowed measured list.
|
|
564
566
|
|
|
565
567
|
The before/after side follows the DOM package sortable placement behavior
|
|
566
|
-
described above, including midpoint initial placement for
|
|
567
|
-
and `placementBoundary` for later same-target reversal
|
|
568
|
+
described above, including placement-position-vs-midpoint initial placement for
|
|
569
|
+
cross-container entry and `placementBoundary` for later same-target reversal
|
|
570
|
+
behavior.
|
|
568
571
|
|
|
569
572
|
- `lockToXAxis()`
|
|
570
573
|
- `lockToYAxis()`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mk-drag-and-drop/react",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "React hooks and provider for the mk drag-and-drop DOM runtime.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://mkramer.dev",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
],
|
|
40
40
|
"sideEffects": false,
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@mk-drag-and-drop/dom": "^0.4.
|
|
42
|
+
"@mk-drag-and-drop/dom": "^0.4.3"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^19.0.0"
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"react-dom": "^19.2.7",
|
|
58
58
|
"vitest": "^2.1.9",
|
|
59
59
|
"typescript": "5.5.4",
|
|
60
|
-
"@repo/
|
|
61
|
-
"@repo/
|
|
60
|
+
"@repo/eslint-config": "0.0.0",
|
|
61
|
+
"@repo/typescript-config": "0.0.0"
|
|
62
62
|
},
|
|
63
63
|
"scripts": {
|
|
64
64
|
"clean": "node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"",
|