@pallasoft/ps-table-components 1.22.1 → 1.23.0

package/dist/services/ps-table-reorder-service.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsTableReorderService = void 0;
+const ps_table_drop_placement_1 = require("../constants/ps-table-drop-placement");
 class PsTableReorderService {
     static runs(items, getKey, getId) {
         const runs = [];
@@ -35,12 +36,48 @@ class PsTableReorderService {
         next.splice(to, 0, moved);
         return next;
     }
+    static pointerY(event, deltaY) {
+        if (event instanceof MouseEvent)
+            return event.clientY + deltaY;
+        if (typeof TouchEvent !== 'undefined' &&
+            event instanceof TouchEvent &&
+            event.touches.length > 0)
+            return event.touches[0].clientY + deltaY;
+        return null;
+    }
+    static dropPlacement(pointerY, rect, fallback, isAllowed) {
+        const allowed = PsTableReorderService.candidates(pointerY, rect, fallback).find(isAllowed);
+        return allowed === undefined ? null : allowed;
+    }
+    static candidates(pointerY, rect, fallback) {
+        if (pointerY === null || rect.height <= 0)
+            return [fallback];
+        const ratio = (pointerY - rect.top) / rect.height;
+        if (ratio < PsTableReorderService.edgeRatio)
+            return [ps_table_drop_placement_1.PsTableDropPlacement.before, ps_table_drop_placement_1.PsTableDropPlacement.into];
+        if (ratio > 1 - PsTableReorderService.edgeRatio)
+            return [ps_table_drop_placement_1.PsTableDropPlacement.after, ps_table_drop_placement_1.PsTableDropPlacement.into];
+        return [
+            ps_table_drop_placement_1.PsTableDropPlacement.into,
+            ratio < 0.5 ? ps_table_drop_placement_1.PsTableDropPlacement.before : ps_table_drop_placement_1.PsTableDropPlacement.after,
+        ];
+    }
 }
 exports.PsTableReorderService = PsTableReorderService;
+PsTableReorderService.edgeRatio = 0.25;
+PsTableReorderService.treeKey = 'tree';
 PsTableReorderService.plain = {
     Row: 'tr',
     isActive: false,
-    rowProps: (rowId) => ({ handleLabel: '', hasHandle: false, isDisabled: true, rowId }),
+    rowProps: (rowId) => ({
+        dropPlacement: null,
+        handleLabel: '',
+        hasHandle: false,
+        isDisabled: true,
+        isDropTarget: false,
+        rowId,
+    }),
     run: (_runId, _ids, children) => children,
 };
+PsTableReorderService.still = () => null;
 PsTableReorderService.lockToVerticalAxis = ({ transform }) => ({ ...transform, x: 0 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-table-components",
-	"version": "1.22.1",
+	"version": "1.23.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -39,6 +39,7 @@
 		"@commitlint/config-conventional": "^20.0.0",
 		"@eslint/compat": "^2.0.0",
 		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+		"@pallasoft/ps-design-system": "^1.14.0",
 		"@semantic-release/changelog": "^6.0.3",
 		"@semantic-release/commit-analyzer": "^13.0.0",
 		"@semantic-release/git": "^10.0.1",
@@ -78,7 +79,6 @@
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
 		"@pallasoft/ps-core-components": "^2.23.0",
-		"@pallasoft/ps-design-system": "^1.5.0",
 		"@pallasoft/ps-icons": "^1.5.4",
 		"@pallasoft/ps-input-components": "^1.14.0 || ^2.0.0",
 		"@pallasoft/ps-motion-components": "^1.2.0",