@pallasoft/ps-table-components 1.25.0 → 1.27.0

package/dist/esm/services/ps-server-rows-service.js

@@ -0,0 +1,36 @@
+import { PsServerRowsConfig } from '../constants/ps-server-rows-config';
+import { PsTableQueryService } from './ps-table-query-service';
+export class PsServerRowsService {
+    static queryKey(query, search, pageSize) {
+        const filters = Object.entries(query.filters)
+            .filter(([, value]) => PsTableQueryService.isActive(value))
+            .sort(([left], [right]) => left.localeCompare(right));
+        return JSON.stringify([filters, search.trim(), query.sort, pageSize]);
+    }
+    static cacheKey(queryKey, cursor) {
+        return `${queryKey}|${cursor === null ? '' : cursor}`;
+    }
+    static remember(cache, key, page) {
+        cache.delete(key);
+        cache.set(key, page);
+        for (const oldest of cache.keys()) {
+            if (cache.size <= PsServerRowsConfig.cacheSize)
+                return;
+            cache.delete(oldest);
+        }
+    }
+    static recall(cache, key) {
+        const page = cache.get(key);
+        if (page === undefined)
+            return undefined;
+        cache.delete(key);
+        cache.set(key, page);
+        return page;
+    }
+    static preview(rows, columns, query, getSearchText) {
+        return PsTableQueryService.apply(rows, columns, query.filters, query.search, getSearchText, query.sort);
+    }
+    static pageCount(total, pageSize) {
+        return Math.max(Math.ceil(total / pageSize), 1);
+    }
+}

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

@@ -33,6 +33,18 @@ export class PsTableReorderService {
         next.splice(to, 0, moved);
         return next;
     }
+    static measure(activator) {
+        const target = activator === null ? null : activator.target;
+        const row = target instanceof Element ? target.closest('tr') : null;
+        if (row === null)
+            return null;
+        const rect = row.getBoundingClientRect();
+        return {
+            columnWidths: Array.from(row.children).map((cell) => cell.getBoundingClientRect().width),
+            height: rect.height,
+            width: rect.width,
+        };
+    }
     static pointerY(event, deltaY) {
         if (event instanceof MouseEvent)
             return event.clientY + deltaY;

package/dist/hooks/use-ps-server-rows.d.ts

@@ -0,0 +1,3 @@
+import type { PsServerRowsInput } from '../interfaces/ps-server-rows-input';
+import type { PsServerRowsResult } from '../interfaces/ps-server-rows-result';
+export declare const usePsServerRows: <RowData>({ columns, debounceMs, getSearchText, initialPage, initialQuery, isPrefetching, load, pageSize, }: PsServerRowsInput<RowData>) => PsServerRowsResult<RowData>;

package/dist/hooks/use-ps-server-rows.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsServerRows = void 0;
+const react_1 = require("react");
+const ps_server_rows_config_1 = require("../constants/ps-server-rows-config");
+const ps_server_rows_service_1 = require("../services/ps-server-rows-service");
+const scheduleIdle = (run) => {
+    if (typeof window.requestIdleCallback === 'function') {
+        const handle = window.requestIdleCallback(run, { timeout: ps_server_rows_config_1.PsServerRowsConfig.idleTimeoutMs });
+        return () => window.cancelIdleCallback(handle);
+    }
+    const timer = window.setTimeout(run, ps_server_rows_config_1.PsServerRowsConfig.idleFallbackMs);
+    return () => window.clearTimeout(timer);
+};
+const usePsServerRows = ({ columns, debounceMs = ps_server_rows_config_1.PsServerRowsConfig.debounceMs, getSearchText, initialPage = null, initialQuery, isPrefetching = true, load, pageSize, }) => {
+    const [query, setQuery] = (0, react_1.useState)(initialQuery);
+    const [search, setSearch] = (0, react_1.useState)(initialQuery.search);
+    const [reloadToken, setReloadToken] = (0, react_1.useState)(0);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(initialPage === null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const queryKey = ps_server_rows_service_1.PsServerRowsService.queryKey(query, search, pageSize);
+    const [navigation, setNavigation] = (0, react_1.useState)({
+        cursor: null,
+        pageNumber: 1,
+        queryKey,
+    });
+    const [entry, setEntry] = (0, react_1.useState)(() => initialPage === null
+        ? null
+        : {
+            key: ps_server_rows_service_1.PsServerRowsService.cacheKey(queryKey, null),
+            page: initialPage,
+            queryKey,
+        });
+    const cache = (0, react_1.useRef)(new Map());
+    const inflight = (0, react_1.useRef)(new Map());
+    const loadRef = (0, react_1.useRef)(load);
+    const limitRef = (0, react_1.useRef)(pageSize);
+    const queryRef = (0, react_1.useRef)(query);
+    const searchRef = (0, react_1.useRef)(search);
+    const isPrimed = (0, react_1.useRef)(false);
+    loadRef.current = load;
+    limitRef.current = pageSize;
+    queryRef.current = query;
+    searchRef.current = search;
+    if (initialPage !== null && !isPrimed.current) {
+        isPrimed.current = true;
+        ps_server_rows_service_1.PsServerRowsService.remember(cache.current, ps_server_rows_service_1.PsServerRowsService.cacheKey(queryKey, null), initialPage);
+    }
+    if (navigation.queryKey !== queryKey)
+        setNavigation({ cursor: null, pageNumber: 1, queryKey });
+    (0, react_1.useEffect)(() => {
+        if (query.search === search)
+            return;
+        const timer = window.setTimeout(() => setSearch(query.search), debounceMs);
+        return () => window.clearTimeout(timer);
+    }, [debounceMs, query.search, search]);
+    const fetchPage = (0, react_1.useCallback)((cursor, signal, key) => {
+        const pending = inflight.current.get(key);
+        if (pending !== undefined)
+            return pending;
+        const request = loadRef.current({ ...queryRef.current, search: searchRef.current }, cursor, signal, limitRef.current);
+        const tracked = request.then((page) => {
+            inflight.current.delete(key);
+            if (!signal.aborted)
+                ps_server_rows_service_1.PsServerRowsService.remember(cache.current, key, page);
+            return page;
+        }, (failure) => {
+            inflight.current.delete(key);
+            throw failure;
+        });
+        inflight.current.set(key, tracked);
+        return tracked;
+    }, []);
+    const generation = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const controller = new AbortController();
+        generation.current = controller;
+        return () => {
+            controller.abort();
+            inflight.current.clear();
+        };
+    }, [queryKey, reloadToken]);
+    (0, react_1.useEffect)(() => {
+        const controller = generation.current;
+        if (controller === null)
+            return;
+        const key = ps_server_rows_service_1.PsServerRowsService.cacheKey(queryKey, navigation.cursor);
+        const cached = ps_server_rows_service_1.PsServerRowsService.recall(cache.current, key);
+        let isStale = false;
+        if (cached !== undefined) {
+            setEntry({ key, page: cached, queryKey });
+            setIsLoading(false);
+            setError(null);
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        fetchPage(navigation.cursor, controller.signal, key).then((page) => {
+            if (isStale || controller.signal.aborted)
+                return;
+            setEntry({ key, page, queryKey });
+            setIsLoading(false);
+        }, (failure) => {
+            if (isStale || controller.signal.aborted)
+                return;
+            setError(failure);
+            setIsLoading(false);
+        });
+        return () => {
+            isStale = true;
+        };
+    }, [fetchPage, navigation.cursor, queryKey, reloadToken]);
+    const nextCursor = entry !== null && entry.queryKey === queryKey ? entry.page.nextCursor : null;
+    const prefetch = (0, react_1.useCallback)(() => {
+        const controller = generation.current;
+        if (controller === null || controller.signal.aborted || nextCursor === null)
+            return;
+        const key = ps_server_rows_service_1.PsServerRowsService.cacheKey(queryKey, nextCursor);
+        if (cache.current.has(key) || inflight.current.has(key))
+            return;
+        fetchPage(nextCursor, controller.signal, key).catch(() => undefined);
+    }, [fetchPage, nextCursor, queryKey]);
+    (0, react_1.useEffect)(() => {
+        if (!isPrefetching || isLoading || nextCursor === null)
+            return;
+        return scheduleIdle(prefetch);
+    }, [isLoading, isPrefetching, nextCursor, prefetch]);
+    const onQueryChange = (0, react_1.useCallback)((next) => setQuery(next), []);
+    const goNext = (0, react_1.useCallback)(() => {
+        if (nextCursor === null)
+            return;
+        setNavigation((current) => ({
+            ...current,
+            cursor: nextCursor,
+            pageNumber: current.pageNumber + 1,
+        }));
+    }, [nextCursor]);
+    const previousCursor = entry !== null && entry.queryKey === queryKey ? entry.page.prevCursor : null;
+    const goPrevious = (0, react_1.useCallback)(() => {
+        if (previousCursor === null)
+            return;
+        setNavigation((current) => ({
+            ...current,
+            cursor: previousCursor,
+            pageNumber: Math.max(current.pageNumber - 1, 1),
+        }));
+    }, [previousCursor]);
+    const reload = (0, react_1.useCallback)(() => {
+        cache.current.clear();
+        setNavigation((current) => ({ ...current, cursor: null, pageNumber: 1 }));
+        setReloadToken((current) => current + 1);
+    }, []);
+    const retry = (0, react_1.useCallback)(() => setReloadToken((current) => current + 1), []);
+    const updateRows = (0, react_1.useCallback)((update, totalDelta = 0) => {
+        setEntry((current) => {
+            if (current === null)
+                return current;
+            const page = {
+                ...current.page,
+                rows: update(current.page.rows),
+                total: Math.max(current.page.total + totalDelta, 0),
+            };
+            cache.current.clear();
+            ps_server_rows_service_1.PsServerRowsService.remember(cache.current, current.key, page);
+            return { ...current, page };
+        });
+    }, []);
+    const isCurrent = entry !== null &&
+        entry.queryKey === queryKey &&
+        entry.key === ps_server_rows_service_1.PsServerRowsService.cacheKey(queryKey, navigation.cursor);
+    const baseRows = (0, react_1.useMemo)(() => (entry === null ? [] : entry.page.rows), [entry]);
+    const isSameQuery = entry !== null && entry.queryKey === queryKey;
+    const rows = (0, react_1.useMemo)(() => isSameQuery ? baseRows : ps_server_rows_service_1.PsServerRowsService.preview(baseRows, columns, query, getSearchText), [baseRows, columns, getSearchText, isSameQuery, query]);
+    const total = entry === null ? 0 : entry.page.total;
+    const totalIsEstimate = entry === null ? false : entry.page.totalIsEstimate;
+    const isPending = isLoading || query.search !== search || !isCurrent;
+    const cursorPaging = (0, react_1.useMemo)(() => ({
+        hasNext: nextCursor !== null,
+        hasPrevious: previousCursor !== null,
+        isEstimate: totalIsEstimate,
+        isPending,
+        onNext: goNext,
+        onNextIntent: prefetch,
+        onPrevious: goPrevious,
+        pageNumber: navigation.pageNumber,
+    }), [
+        goNext,
+        goPrevious,
+        isPending,
+        navigation.pageNumber,
+        nextCursor,
+        prefetch,
+        previousCursor,
+        totalIsEstimate,
+    ]);
+    return {
+        cursorPaging,
+        error,
+        hasFailed: error !== null,
+        isPending,
+        onQueryChange,
+        pageCount: ps_server_rows_service_1.PsServerRowsService.pageCount(total, pageSize),
+        pageNumber: navigation.pageNumber,
+        query,
+        reload,
+        retry,
+        rows,
+        total,
+        totalIsEstimate,
+        updateRows,
+    };
+};
+exports.usePsServerRows = usePsServerRows;

package/dist/hooks/use-ps-table-reorder.d.ts

@@ -1,4 +1,5 @@
 import { type DndContextProps } from '@dnd-kit/core';
+import type { PsTableDragSize } from '../interfaces/table-drag-size';
 import type { PsTableDrop } from '../interfaces/table-drop';
 import type { PsTableReorderAnnouncements } from '../interfaces/table-reorder-announcements';
 import type { PsTableReorderItem } from '../interfaces/table-reorder-item';
@@ -15,6 +16,7 @@ export interface UsePsTableReorderInput {
 export interface PsTableReorderState {
     activeId: string | null;
     activeRunId: string | null;
+    activeSize: PsTableDragSize | null;
     contextProps: Omit<DndContextProps, 'children'>;
     blockedReason: string | null;
     drop: PsTableDrop | null;

package/dist/hooks/use-ps-table-reorder.js

@@ -12,6 +12,7 @@ const pointerThenCenter = (args) => {
 };
 const usePsTableReorder = ({ announcements: texts, enabled, instructions, items, nesting, onReorder, }) => {
     const [activeId, setActiveId] = (0, react_1.useState)(null);
+    const [activeSize, setActiveSize] = (0, react_1.useState)(null);
     const [drop, setDrop] = (0, react_1.useState)(null);
     const [blockedReason, setBlockedReason] = (0, react_1.useState)(null);
     const dropRef = (0, react_1.useRef)(null);
@@ -104,6 +105,7 @@ const usePsTableReorder = ({ announcements: texts, enabled, instructions, items,
         const { active, over } = event;
         const target = resolveDrop(event);
         setActiveId(null);
+        setActiveSize(null);
         setDrop(null);
         setBlockedReason(null);
         dropRef.current = null;
@@ -125,6 +127,7 @@ const usePsTableReorder = ({ announcements: texts, enabled, instructions, items,
     };
     return {
         activeId,
+        activeSize,
         blockedReason,
         activeRunId: activePlacement === undefined ? null : activePlacement.runId,
         contextProps: {
@@ -133,13 +136,17 @@ const usePsTableReorder = ({ announcements: texts, enabled, instructions, items,
             modifiers: [ps_table_reorder_service_1.PsTableReorderService.lockToVerticalAxis],
             onDragCancel: () => {
                 setActiveId(null);
+                setActiveSize(null);
                 setDrop(null);
                 setBlockedReason(null);
                 dropRef.current = null;
             },
             onDragEnd: handleDragEnd,
             onDragMove: nesting === undefined ? undefined : handleDragMove,
-            onDragStart: ({ active }) => setActiveId(String(active.id)),
+            onDragStart: ({ active, activatorEvent }) => {
+                setActiveSize(ps_table_reorder_service_1.PsTableReorderService.measure(activatorEvent));
+                setActiveId(String(active.id));
+            },
             sensors,
         },
         drop,

package/dist/index.d.ts

@@ -47,3 +47,15 @@ export * from './interfaces/table-reorder-nesting';
 export * from './interfaces/table-nesting-announcements';
 export * from './constants/ps-table-drop-placement';
 export * from './services/ps-table-reorder-service';
+export * from './constants/ps-table-pagination-position';
+export * from './interfaces/table-drag-size';
+export * from './components/ps-select-all-matching-banner';
+export * from './constants/ps-server-rows-config';
+export * from './hooks/use-ps-server-rows';
+export * from './interfaces/ps-server-entry';
+export * from './interfaces/ps-server-page';
+export * from './interfaces/ps-server-rows-input';
+export * from './interfaces/ps-server-rows-result';
+export * from './interfaces/ps-table-cursor-paging';
+export * from './interfaces/ps-table-select-all-matching';
+export * from './services/ps-server-rows-service';

package/dist/index.js

@@ -63,3 +63,15 @@ __exportStar(require("./interfaces/table-reorder-nesting"), exports);
 __exportStar(require("./interfaces/table-nesting-announcements"), exports);
 __exportStar(require("./constants/ps-table-drop-placement"), exports);
 __exportStar(require("./services/ps-table-reorder-service"), exports);
+__exportStar(require("./constants/ps-table-pagination-position"), exports);
+__exportStar(require("./interfaces/table-drag-size"), exports);
+__exportStar(require("./components/ps-select-all-matching-banner"), exports);
+__exportStar(require("./constants/ps-server-rows-config"), exports);
+__exportStar(require("./hooks/use-ps-server-rows"), exports);
+__exportStar(require("./interfaces/ps-server-entry"), exports);
+__exportStar(require("./interfaces/ps-server-page"), exports);
+__exportStar(require("./interfaces/ps-server-rows-input"), exports);
+__exportStar(require("./interfaces/ps-server-rows-result"), exports);
+__exportStar(require("./interfaces/ps-table-cursor-paging"), exports);
+__exportStar(require("./interfaces/ps-table-select-all-matching"), exports);
+__exportStar(require("./services/ps-server-rows-service"), exports);

package/dist/interfaces/ps-server-entry.d.ts

@@ -0,0 +1,6 @@
+import type { PsServerPage } from './ps-server-page';
+export interface PsServerEntry<RowData> {
+    key: string;
+    page: PsServerPage<RowData>;
+    queryKey: string;
+}

package/dist/interfaces/ps-server-entry.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-server-page.d.ts

@@ -0,0 +1,7 @@
+export interface PsServerPage<RowData> {
+    nextCursor: string | null;
+    prevCursor: string | null;
+    rows: RowData[];
+    total: number;
+    totalIsEstimate: boolean;
+}

package/dist/interfaces/ps-server-page.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-server-rows-input.d.ts

@@ -0,0 +1,13 @@
+import type { PsServerPage } from './ps-server-page';
+import type { PsTableColumn } from './table-column';
+import type { PsTableQuery } from './table-query';
+export interface PsServerRowsInput<RowData> {
+    columns: PsTableColumn<RowData>[];
+    debounceMs?: number;
+    getSearchText?: (row: RowData) => string;
+    initialPage?: PsServerPage<RowData> | null;
+    initialQuery: PsTableQuery;
+    isPrefetching?: boolean;
+    load: (query: PsTableQuery, cursor: string | null, signal: AbortSignal, limit: number) => Promise<PsServerPage<RowData>>;
+    pageSize: number;
+}

package/dist/interfaces/ps-server-rows-input.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-server-rows-result.d.ts

@@ -0,0 +1,18 @@
+import type { PsTableCursorPaging } from './ps-table-cursor-paging';
+import type { PsTableQuery } from './table-query';
+export interface PsServerRowsResult<RowData> {
+    cursorPaging: PsTableCursorPaging;
+    error: unknown;
+    hasFailed: boolean;
+    isPending: boolean;
+    onQueryChange: (query: PsTableQuery) => void;
+    pageCount: number;
+    pageNumber: number;
+    query: PsTableQuery;
+    reload: () => void;
+    retry: () => void;
+    rows: RowData[];
+    total: number;
+    totalIsEstimate: boolean;
+    updateRows: (update: (rows: RowData[]) => RowData[], totalDelta?: number) => void;
+}

package/dist/interfaces/ps-server-rows-result.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-table-cursor-paging.d.ts

@@ -0,0 +1,12 @@
+export interface PsTableCursorPaging {
+    hasNext: boolean;
+    hasPrevious: boolean;
+    isEstimate: boolean;
+    isPending?: boolean;
+    onNext: () => void;
+    onNextIntent?: () => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    onPrevious: () => void;
+    pageNumber: number;
+    pageSizeOptions?: number[];
+}

package/dist/interfaces/ps-table-cursor-paging.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ps-table-select-all-matching.d.ts

@@ -0,0 +1,7 @@
+export interface PsTableSelectAllMatching {
+    isActive: boolean;
+    noun?: string;
+    onActivate: () => void;
+    onDeactivate: () => void;
+    total: number;
+}

package/dist/interfaces/ps-table-select-all-matching.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/table-drag-size.d.ts

@@ -0,0 +1,5 @@
+export interface PsTableDragSize {
+    columnWidths: number[];
+    height: number;
+    width: number;
+}

package/dist/interfaces/table-drag-size.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/table-reorder-item.d.ts

@@ -2,5 +2,6 @@ export interface PsTableReorderItem {
     groupKey: string;
     handleLabel: string;
     id: string;
+    isDraggable: boolean;
     label: string;
 }

package/dist/interfaces/table-reorder.d.ts

@@ -9,6 +9,7 @@ export interface PsTableReorder<RowData> {
     getHandleLabel: (rowLabel: string) => string;
     groupKey?: (row: RowData) => string;
     instructions: string;
+    isRowDraggable?: (row: RowData) => boolean;
     nesting?: PsTableReorderNesting<RowData>;
     onReorder?: (groupKey: string, orderedIds: string[]) => void;
 }

package/dist/services/ps-server-rows-service.d.ts

@@ -0,0 +1,11 @@
+import type { PsServerPage } from '../interfaces/ps-server-page';
+import type { PsTableColumn } from '../interfaces/table-column';
+import type { PsTableQuery } from '../interfaces/table-query';
+export declare class PsServerRowsService {
+    static queryKey(query: PsTableQuery, search: string, pageSize: number): string;
+    static cacheKey(queryKey: string, cursor: string | null): string;
+    static remember<RowData>(cache: Map<string, PsServerPage<RowData>>, key: string, page: PsServerPage<RowData>): void;
+    static recall<RowData>(cache: Map<string, PsServerPage<RowData>>, key: string): PsServerPage<RowData> | undefined;
+    static preview<RowData>(rows: RowData[], columns: PsTableColumn<RowData>[], query: PsTableQuery, getSearchText: ((row: RowData) => string) | undefined): RowData[];
+    static pageCount(total: number, pageSize: number): number;
+}

package/dist/services/ps-server-rows-service.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsServerRowsService = void 0;
+const ps_server_rows_config_1 = require("../constants/ps-server-rows-config");
+const ps_table_query_service_1 = require("./ps-table-query-service");
+class PsServerRowsService {
+    static queryKey(query, search, pageSize) {
+        const filters = Object.entries(query.filters)
+            .filter(([, value]) => ps_table_query_service_1.PsTableQueryService.isActive(value))
+            .sort(([left], [right]) => left.localeCompare(right));
+        return JSON.stringify([filters, search.trim(), query.sort, pageSize]);
+    }
+    static cacheKey(queryKey, cursor) {
+        return `${queryKey}|${cursor === null ? '' : cursor}`;
+    }
+    static remember(cache, key, page) {
+        cache.delete(key);
+        cache.set(key, page);
+        for (const oldest of cache.keys()) {
+            if (cache.size <= ps_server_rows_config_1.PsServerRowsConfig.cacheSize)
+                return;
+            cache.delete(oldest);
+        }
+    }
+    static recall(cache, key) {
+        const page = cache.get(key);
+        if (page === undefined)
+            return undefined;
+        cache.delete(key);
+        cache.set(key, page);
+        return page;
+    }
+    static preview(rows, columns, query, getSearchText) {
+        return ps_table_query_service_1.PsTableQueryService.apply(rows, columns, query.filters, query.search, getSearchText, query.sort);
+    }
+    static pageCount(total, pageSize) {
+        return Math.max(Math.ceil(total / pageSize), 1);
+    }
+}
+exports.PsServerRowsService = PsServerRowsService;

package/dist/services/ps-table-reorder-service.d.ts

@@ -1,6 +1,7 @@
 import type { Modifier } from '@dnd-kit/core';
 import type { SortingStrategy } from '@dnd-kit/sortable';
 import { PsTableDropPlacement } from '../constants/ps-table-drop-placement';
+import type { PsTableDragSize } from '../interfaces/table-drag-size';
 import type { PsTableReorderApi } from '../interfaces/table-reorder-api';
 import type { PsTableReorderPlacement } from '../interfaces/table-reorder-placement';
 import type { PsTableReorderRun } from '../interfaces/table-reorder-run';
@@ -11,6 +12,7 @@ export declare class PsTableReorderService {
     static runs<Item>(items: Item[], getKey: (item: Item) => string, getId: (item: Item) => string): PsTableReorderRun<Item>[];
     static placements<Item>(runs: PsTableReorderRun<Item>[], getId: (item: Item) => string): Map<string, PsTableReorderPlacement>;
     static move(ids: string[], activeId: string, overId: string): string[];
+    static measure(activator: Event | null): PsTableDragSize | null;
     static pointerY(event: Event | null, deltaY: number): number | null;
     static dropPlacement(pointerY: number | null, rect: {
         height: number;

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

@@ -36,6 +36,18 @@ class PsTableReorderService {
         next.splice(to, 0, moved);
         return next;
     }
+    static measure(activator) {
+        const target = activator === null ? null : activator.target;
+        const row = target instanceof Element ? target.closest('tr') : null;
+        if (row === null)
+            return null;
+        const rect = row.getBoundingClientRect();
+        return {
+            columnWidths: Array.from(row.children).map((cell) => cell.getBoundingClientRect().width),
+            height: rect.height,
+            width: rect.width,
+        };
+    }
     static pointerY(event, deltaY) {
         if (event instanceof MouseEvent)
             return event.clientY + deltaY;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-table-components",
-	"version": "1.25.0",
+	"version": "1.27.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -78,7 +78,7 @@
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@pallasoft/ps-core-components": "^2.23.0",
+		"@pallasoft/ps-core-components": "^2.32.0",
 		"@pallasoft/ps-icons": "^1.5.4",
 		"@pallasoft/ps-input-components": "^1.14.0 || ^2.0.0",
 		"@pallasoft/ps-motion-components": "^1.2.0",