@rentnerkev/table 0.0.0-stage → 0.0.2

package/dist/shared/Table/Hooks/useDataTableLogic.js

@@ -0,0 +1,201 @@
+'use client';
+import { useCallback, useEffect, useId, useMemo, useState } from 'react';
+import { useTable } from '@tanstack/react-table';
+import { rentnerTableFeatures } from '../../../lib/Table/table.js';
+import { getColumnLabel, getTableView, prepareTableColumns, } from '../../../lib/Table/presentation.js';
+import { resolveTableMessages } from '../../../lib/Messages/tableMessages.js';
+import { useTableRowOrder } from './useTableRowOrder.js';
+const defaultPageSizes = [10, 25, 50, 100];
+export function useDataTableLogic({ data, columns, getRowId, locale = 'en', messages: overrides, pagination = true, pageSize = 10, pageSizeOptions = defaultPageSizes, selectable = false, renderExpandedRow, initialShowFilters = false, tableOptions, portalContainer, resizableColumns = false, reorderableRows = false, onRowOrderChange, }) {
+    const id = useId();
+    const ordered = useTableRowOrder({
+        data,
+        getRowId,
+        reorderableRows,
+        onRowOrderChange,
+    });
+    const [showFilters, setShowFilters] = useState(initialShowFilters);
+    const [root, setRoot] = useState(null);
+    const messages = useMemo(() => resolveTableMessages(locale, overrides), [locale, overrides]);
+    const preparedColumns = useMemo(() => prepareTableColumns(columns), [columns]);
+    const manualPagination = !pagination || tableOptions?.manualPagination === true;
+    const table = useTable({
+        globalFilterFn: 'text',
+        autoResetPageIndex: false,
+        autoResetExpanded: reorderableRows ? false : undefined,
+        columnResizeMode: 'onChange',
+        enableColumnResizing: resizableColumns,
+        ...tableOptions,
+        defaultColumn: resizableColumns
+            ? { minSize: 64, maxSize: 2000, ...tableOptions?.defaultColumn }
+            : tableOptions?.defaultColumn,
+        features: rentnerTableFeatures,
+        data: ordered.state.data,
+        columns: preparedColumns,
+        getRowId,
+        enableRowSelection: selectable,
+        getRowCanExpand: tableOptions?.getRowCanExpand ?? (() => Boolean(renderExpandedRow)),
+        manualPagination,
+        initialState: {
+            ...tableOptions?.initialState,
+            pagination: {
+                pageIndex: 0,
+                pageSize,
+                ...tableOptions?.initialState?.pagination,
+            },
+        },
+    });
+    const currentPageSize = table.state.pagination.pageSize;
+    const pageIndex = table.state.pagination.pageIndex;
+    const pageCount = table.getPageCount();
+    const setPageIndex = table.setPageIndex;
+    const firstPage = table.firstPage;
+    const { sorting, columnFilters, globalFilter, pagination: paginationState, } = table.atoms;
+    const resetOnQueryChange = tableOptions?.autoResetPageIndex !== false;
+    const resetPageIfNeeded = useCallback(() => {
+        if (pagination && paginationState.get().pageIndex > 0)
+            firstPage();
+    }, [pagination, paginationState, firstPage]);
+    useEffect(() => {
+        if (!pagination || !resetOnQueryChange)
+            return;
+        let previousSorting = sorting.get();
+        let previousFilters = columnFilters.get();
+        let previousSearch = globalFilter.get();
+        const handleQueryChange = () => {
+            const nextSorting = sorting.get();
+            const nextFilters = columnFilters.get();
+            const nextSearch = globalFilter.get();
+            const sameSorting = previousSorting.length === nextSorting.length &&
+                previousSorting.every((item, index) => item.id === nextSorting[index]?.id &&
+                    item.desc === nextSorting[index]?.desc);
+            const sameFilters = previousFilters.length === nextFilters.length &&
+                previousFilters.every((item, index) => item.id === nextFilters[index]?.id &&
+                    Object.is(item.value, nextFilters[index]?.value));
+            const sameSearch = Object.is(previousSearch, nextSearch);
+            previousSorting = nextSorting;
+            previousFilters = nextFilters;
+            previousSearch = nextSearch;
+            // Derived atoms can notify on option updates without a query change.
+            if (!sameSorting || !sameFilters || !sameSearch)
+                resetPageIfNeeded();
+        };
+        const subscriptions = [sorting, columnFilters, globalFilter].map((atom) => atom.subscribe(handleQueryChange));
+        return () => {
+            for (const subscription of subscriptions)
+                subscription.unsubscribe();
+        };
+    }, [
+        pagination,
+        resetOnQueryChange,
+        sorting,
+        columnFilters,
+        globalFilter,
+        resetPageIfNeeded,
+    ]);
+    useEffect(() => {
+        if (!manualPagination && pageIndex > Math.max(0, pageCount - 1))
+            setPageIndex(Math.max(0, pageCount - 1));
+    }, [manualPagination, pageCount, pageIndex, setPageIndex]);
+    const allColumns = table.getAllLeafColumns();
+    const visibleColumns = table.getVisibleLeafColumns();
+    const canHideColumns = tableOptions?.enableHiding !== false;
+    const columnItems = useMemo(() => allColumns.map((column) => ({
+        id: column.id,
+        type: 'checkbox',
+        label: getColumnLabel(column),
+        checked: column.getIsVisible(),
+        closeOnSelect: false,
+        disabled: !canHideColumns ||
+            !column.getCanHide() ||
+            (column.getIsVisible() && visibleColumns.length === 1),
+        onCheckedChange: (checked) => column.toggleVisibility(checked),
+    })), [allColumns, visibleColumns, canHideColumns]);
+    const pageSizes = useMemo(() => [...new Set([...pageSizeOptions, currentPageSize])]
+        .toSorted((left, right) => left - right)
+        .map((value) => ({ value, label: String(value) })), [pageSizeOptions, currentPageSize]);
+    if (!Number.isInteger(currentPageSize) ||
+        currentPageSize < 1 ||
+        pageSizeOptions.some((size) => !Number.isInteger(size) || size < 1))
+        throw new Error('Table page sizes must be positive integers');
+    const search = typeof table.state.globalFilter === 'string'
+        ? table.state.globalFilter
+        : '';
+    const selectionEnabled = selectable !== false;
+    const selectedRows = selectionEnabled
+        ? table.getFilteredSelectedRowModel().rows
+        : [];
+    const view = getTableView(table, messages, Number(selectionEnabled) +
+        Number(Boolean(renderExpandedRow)) +
+        Number(reorderableRows));
+    const totalRows = tableOptions?.manualPagination
+        ? (tableOptions.rowCount ?? null)
+        : table.getRowCount();
+    const firstRow = view.rows.length > 0
+        ? (pagination ? pageIndex * currentPageSize : 0) + 1
+        : 0;
+    const lastRow = view.rows.length > 0 ? firstRow + view.rows.length - 1 : 0;
+    const handleResetFilters = () => {
+        table.setGlobalFilter('');
+        table.setColumnFilters([]);
+        resetPageIfNeeded();
+    };
+    const handleSearch = (value) => {
+        const previous = globalFilter.get();
+        table.setGlobalFilter(value);
+        if (resetOnQueryChange && !Object.is(previous, value))
+            resetPageIfNeeded();
+    };
+    const handlePageSize = (value) => {
+        table.setPageSize(value);
+        resetPageIfNeeded();
+    };
+    return {
+        table,
+        state: {
+            ...view,
+            id,
+            search,
+            showFilters,
+            hasFilters: search.trim().length > 0 ||
+                table.state.columnFilters.length > 0,
+            filterCount: table.state.columnFilters.length,
+            filterColumns: visibleColumns,
+            columnItems,
+            selectedRows,
+            selectionCount: selectedRows.length,
+            selectionEnabled,
+            canSelectPage: selectionEnabled && view.rows.some((row) => row.getCanSelect()),
+            allPageSelected: selectionEnabled && table.getIsAllPageRowsSelected(),
+            somePageSelected: selectionEnabled && table.getIsSomePageRowsSelected(),
+            firstRow,
+            lastRow: totalRows === null ? lastRow : Math.min(lastRow, totalRows),
+            totalRows,
+            totalPages: pageCount < 0 ? null : Math.max(1, pageCount),
+            page: pageIndex + 1,
+            pageSize: currentPageSize,
+            pageSizes,
+            canPreviousPage: table.getCanPreviousPage(),
+            canNextPage: table.getCanNextPage(),
+            portalContainer: portalContainer === undefined ? root : portalContainer,
+        },
+        handler: {
+            handleSearch,
+            handleResetFilters,
+            handlePageSize,
+            handleToggleFilters: () => setShowFilters((current) => !current),
+            handleClearSelection: () => table.resetRowSelection(true),
+            handleSelectPage: () => table.toggleAllPageRowsSelected(!table.getIsAllPageRowsSelected()),
+            handleFirstPage: table.firstPage,
+            handlePreviousPage: table.previousPage,
+            handleNextPage: table.nextPage,
+            handleLastPage: table.lastPage,
+            handleRowReorder: (activeId, overId) => {
+                if (table.state.sorting.length === 0)
+                    ordered.handler.handleReorder(activeId, overId);
+            },
+        },
+        refs: { root: setRoot },
+    };
+}
+//# sourceMappingURL=useDataTableLogic.js.map

package/dist/shared/Table/Hooks/useDataTableLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableLogic.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useDataTableLogic.ts"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useId, useMemo, useState } from 'react'\nimport { useTable } from '@tanstack/react-table'\nimport type { RowData } from '@tanstack/react-table'\nimport type { MenuItem } from '@rentnerkev/menu'\nimport { rentnerTableFeatures } from '../../../lib/Table/table.ts'\nimport {\n    getColumnLabel,\n    getTableView,\n    prepareTableColumns,\n} from '../../../lib/Table/presentation.ts'\nimport { resolveTableMessages } from '../../../lib/Messages/tableMessages.ts'\nimport type {\n    DataTableLogicOptions,\n    DataTableLogicResult,\n} from '../Types/dataTable.types.ts'\nimport { useTableRowOrder } from './useTableRowOrder.ts'\n\nconst defaultPageSizes = [10, 25, 50, 100] as const\n\nexport function useDataTableLogic<TData extends RowData>({\n    data,\n    columns,\n    getRowId,\n    locale = 'en',\n    messages: overrides,\n    pagination = true,\n    pageSize = 10,\n    pageSizeOptions = defaultPageSizes,\n    selectable = false,\n    renderExpandedRow,\n    initialShowFilters = false,\n    tableOptions,\n    portalContainer,\n    resizableColumns = false,\n    reorderableRows = false,\n    onRowOrderChange,\n}: DataTableLogicOptions<TData>): DataTableLogicResult<TData> {\n    const id = useId()\n    const ordered = useTableRowOrder({\n        data,\n        getRowId,\n        reorderableRows,\n        onRowOrderChange,\n    })\n    const [showFilters, setShowFilters] = useState(initialShowFilters)\n    const [root, setRoot] = useState<HTMLElement | null>(null)\n    const messages = useMemo(\n        () => resolveTableMessages(locale, overrides),\n        [locale, overrides],\n    )\n    const preparedColumns = useMemo(\n        () => prepareTableColumns(columns),\n        [columns],\n    )\n    const manualPagination =\n        !pagination || tableOptions?.manualPagination === true\n    const table = useTable({\n        globalFilterFn: 'text',\n        autoResetPageIndex: false,\n        autoResetExpanded: reorderableRows ? false : undefined,\n        columnResizeMode: 'onChange',\n        enableColumnResizing: resizableColumns,\n        ...tableOptions,\n        defaultColumn: resizableColumns\n            ? { minSize: 64, maxSize: 2000, ...tableOptions?.defaultColumn }\n            : tableOptions?.defaultColumn,\n        features: rentnerTableFeatures,\n        data: ordered.state.data,\n        columns: preparedColumns,\n        getRowId,\n        enableRowSelection: selectable,\n        getRowCanExpand:\n            tableOptions?.getRowCanExpand ?? (() => Boolean(renderExpandedRow)),\n        manualPagination,\n        initialState: {\n            ...tableOptions?.initialState,\n            pagination: {\n                pageIndex: 0,\n                pageSize,\n                ...tableOptions?.initialState?.pagination,\n            },\n        },\n    })\n    const currentPageSize = table.state.pagination.pageSize\n    const pageIndex = table.state.pagination.pageIndex\n    const pageCount = table.getPageCount()\n    const setPageIndex = table.setPageIndex\n    const firstPage = table.firstPage\n    const {\n        sorting,\n        columnFilters,\n        globalFilter,\n        pagination: paginationState,\n    } = table.atoms\n    const resetOnQueryChange = tableOptions?.autoResetPageIndex !== false\n    const resetPageIfNeeded = useCallback(() => {\n        if (pagination && paginationState.get().pageIndex > 0) firstPage()\n    }, [pagination, paginationState, firstPage])\n    useEffect(() => {\n        if (!pagination || !resetOnQueryChange) return\n        let previousSorting = sorting.get()\n        let previousFilters = columnFilters.get()\n        let previousSearch = globalFilter.get()\n        const handleQueryChange = () => {\n            const nextSorting = sorting.get()\n            const nextFilters = columnFilters.get()\n            const nextSearch = globalFilter.get()\n            const sameSorting =\n                previousSorting.length === nextSorting.length &&\n                previousSorting.every(\n                    (item, index) =>\n                        item.id === nextSorting[index]?.id &&\n                        item.desc === nextSorting[index]?.desc,\n                )\n            const sameFilters =\n                previousFilters.length === nextFilters.length &&\n                previousFilters.every(\n                    (item, index) =>\n                        item.id === nextFilters[index]?.id &&\n                        Object.is(item.value, nextFilters[index]?.value),\n                )\n            const sameSearch = Object.is(previousSearch, nextSearch)\n            previousSorting = nextSorting\n            previousFilters = nextFilters\n            previousSearch = nextSearch\n            // Derived atoms can notify on option updates without a query change.\n            if (!sameSorting || !sameFilters || !sameSearch) resetPageIfNeeded()\n        }\n        const subscriptions = [sorting, columnFilters, globalFilter].map(\n            (atom) => atom.subscribe(handleQueryChange),\n        )\n        return () => {\n            for (const subscription of subscriptions) subscription.unsubscribe()\n        }\n    }, [\n        pagination,\n        resetOnQueryChange,\n        sorting,\n        columnFilters,\n        globalFilter,\n        resetPageIfNeeded,\n    ])\n    useEffect(() => {\n        if (!manualPagination && pageIndex > Math.max(0, pageCount - 1))\n            setPageIndex(Math.max(0, pageCount - 1))\n    }, [manualPagination, pageCount, pageIndex, setPageIndex])\n\n    const allColumns = table.getAllLeafColumns()\n    const visibleColumns = table.getVisibleLeafColumns()\n    const canHideColumns = tableOptions?.enableHiding !== false\n    const columnItems = useMemo(\n        (): MenuItem[] =>\n            allColumns.map((column) => ({\n                id: column.id,\n                type: 'checkbox',\n                label: getColumnLabel(column),\n                checked: column.getIsVisible(),\n                closeOnSelect: false,\n                disabled:\n                    !canHideColumns ||\n                    !column.getCanHide() ||\n                    (column.getIsVisible() && visibleColumns.length === 1),\n                onCheckedChange: (checked) => column.toggleVisibility(checked),\n            })),\n        [allColumns, visibleColumns, canHideColumns],\n    )\n    const pageSizes = useMemo(\n        () =>\n            [...new Set([...pageSizeOptions, currentPageSize])]\n                .toSorted((left, right) => left - right)\n                .map((value) => ({ value, label: String(value) })),\n        [pageSizeOptions, currentPageSize],\n    )\n\n    if (\n        !Number.isInteger(currentPageSize) ||\n        currentPageSize < 1 ||\n        pageSizeOptions.some((size) => !Number.isInteger(size) || size < 1)\n    )\n        throw new Error('Table page sizes must be positive integers')\n    const search =\n        typeof table.state.globalFilter === 'string'\n            ? table.state.globalFilter\n            : ''\n    const selectionEnabled = selectable !== false\n    const selectedRows = selectionEnabled\n        ? table.getFilteredSelectedRowModel().rows\n        : []\n    const view = getTableView(\n        table,\n        messages,\n        Number(selectionEnabled) +\n            Number(Boolean(renderExpandedRow)) +\n            Number(reorderableRows),\n    )\n    const totalRows = tableOptions?.manualPagination\n        ? (tableOptions.rowCount ?? null)\n        : table.getRowCount()\n    const firstRow =\n        view.rows.length > 0\n            ? (pagination ? pageIndex * currentPageSize : 0) + 1\n            : 0\n    const lastRow = view.rows.length > 0 ? firstRow + view.rows.length - 1 : 0\n    const handleResetFilters = () => {\n        table.setGlobalFilter('')\n        table.setColumnFilters([])\n        resetPageIfNeeded()\n    }\n    const handleSearch = (value: string) => {\n        const previous = globalFilter.get()\n        table.setGlobalFilter(value)\n        if (resetOnQueryChange && !Object.is(previous, value))\n            resetPageIfNeeded()\n    }\n    const handlePageSize = (value: number) => {\n        table.setPageSize(value)\n        resetPageIfNeeded()\n    }\n    return {\n        table,\n        state: {\n            ...view,\n            id,\n            search,\n            showFilters,\n            hasFilters:\n                search.trim().length > 0 ||\n                table.state.columnFilters.length > 0,\n            filterCount: table.state.columnFilters.length,\n            filterColumns: visibleColumns,\n            columnItems,\n            selectedRows,\n            selectionCount: selectedRows.length,\n            selectionEnabled,\n            canSelectPage:\n                selectionEnabled && view.rows.some((row) => row.getCanSelect()),\n            allPageSelected:\n                selectionEnabled && table.getIsAllPageRowsSelected(),\n            somePageSelected:\n                selectionEnabled && table.getIsSomePageRowsSelected(),\n            firstRow,\n            lastRow:\n                totalRows === null ? lastRow : Math.min(lastRow, totalRows),\n            totalRows,\n            totalPages: pageCount < 0 ? null : Math.max(1, pageCount),\n            page: pageIndex + 1,\n            pageSize: currentPageSize,\n            pageSizes,\n            canPreviousPage: table.getCanPreviousPage(),\n            canNextPage: table.getCanNextPage(),\n            portalContainer:\n                portalContainer === undefined ? root : portalContainer,\n        },\n        handler: {\n            handleSearch,\n            handleResetFilters,\n            handlePageSize,\n            handleToggleFilters: () => setShowFilters((current) => !current),\n            handleClearSelection: () => table.resetRowSelection(true),\n            handleSelectPage: () =>\n                table.toggleAllPageRowsSelected(\n                    !table.getIsAllPageRowsSelected(),\n                ),\n            handleFirstPage: table.firstPage,\n            handlePreviousPage: table.previousPage,\n            handleNextPage: table.nextPage,\n            handleLastPage: table.lastPage,\n            handleRowReorder: (activeId, overId) => {\n                if (table.state.sorting.length === 0)\n                    ordered.handler.handleReorder(activeId, overId)\n            },\n        },\n        refs: { root: setRoot },\n    }\n}\n"]}

package/dist/shared/Table/Hooks/useTableCheckboxLogic.d.ts

@@ -0,0 +1,3 @@
+import type { TableCheckboxLogicResult } from '../Types/dataTable.types.ts';
+export declare function useTableCheckboxLogic(indeterminate: boolean): TableCheckboxLogicResult;
+//# sourceMappingURL=useTableCheckboxLogic.d.ts.map

package/dist/shared/Table/Hooks/useTableCheckboxLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCheckboxLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableCheckboxLogic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,wBAAgB,qBAAqB,CACjC,aAAa,EAAE,OAAO,GACvB,wBAAwB,CAM1B"}

package/dist/shared/Table/Hooks/useTableCheckboxLogic.js

@@ -0,0 +1,10 @@
+import { useEffect, useRef } from 'react';
+export function useTableCheckboxLogic(indeterminate) {
+    const input = useRef(null);
+    useEffect(() => {
+        if (input.current)
+            input.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    return { refs: { input } };
+}
+//# sourceMappingURL=useTableCheckboxLogic.js.map

package/dist/shared/Table/Hooks/useTableCheckboxLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCheckboxLogic.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableCheckboxLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,UAAU,qBAAqB,CACjC,aAAsB;IAEtB,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAA;IAClE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IACnB,OAAO,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAA;AAC9B,CAAC","sourcesContent":["import { useEffect, useRef } from 'react'\nimport type { TableCheckboxLogicResult } from '../Types/dataTable.types.ts'\n\nexport function useTableCheckboxLogic(\n    indeterminate: boolean,\n): TableCheckboxLogicResult {\n    const input = useRef<HTMLInputElement>(null)\n    useEffect(() => {\n        if (input.current) input.current.indeterminate = indeterminate\n    }, [indeterminate])\n    return { refs: { input } }\n}\n"]}

package/dist/shared/Table/Hooks/useTableColumnResizeLogic.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'react';
+import type { RowData } from '@tanstack/react-table';
+import type { RentnerTableInstance } from '../Types/table.types.ts';
+import type { ColumnResizeLogicResult } from '../Types/interaction.types.ts';
+export declare function useTableColumnResizeLogic<TData extends RowData>(table: RentnerTableInstance<TData>, enabled: boolean, extraWidth: number, forwardedRef?: Ref<HTMLTableElement>): ColumnResizeLogicResult;
+//# sourceMappingURL=useTableColumnResizeLogic.d.ts.map

package/dist/shared/Table/Hooks/useTableColumnResizeLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableColumnResizeLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableColumnResizeLogic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAE5E,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,OAAO,EAC3D,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,GACrC,uBAAuB,CAyCzB"}

package/dist/shared/Table/Hooks/useTableColumnResizeLogic.js

@@ -0,0 +1,40 @@
+import { useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';
+export function useTableColumnResizeLogic(table, enabled, extraWidth, forwardedRef) {
+    const element = useRef(null);
+    useImperativeHandle(forwardedRef, () => {
+        if (!element.current)
+            throw new Error('The table must be mounted before accessing its ref');
+        return element.current;
+    }, []);
+    const [ready, setReady] = useState(false);
+    const columns = table.getVisibleLeafColumns();
+    useLayoutEffect(() => {
+        if (!enabled || ready || !element.current)
+            return;
+        const measured = {};
+        for (const row of element.current.tHead?.rows ?? []) {
+            for (const header of row.cells) {
+                const id = header.dataset.columnId;
+                const column = id ? table.getColumn(id) : undefined;
+                if (column && column.columns.length === 0)
+                    measured[column.id] =
+                        header.getBoundingClientRect().width || column.getSize();
+            }
+        }
+        table.setColumnSizing((current) => ({ ...measured, ...current }));
+        setReady(true);
+    }, [enabled, ready, table]);
+    const widths = columns.map((column) => ({
+        id: column.id,
+        width: column.getSize(),
+    }));
+    return {
+        state: {
+            fixed: enabled && ready,
+            width: widths.reduce((sum, column) => sum + column.width, extraWidth),
+            widths,
+        },
+        refs: { table: element },
+    };
+}
+//# sourceMappingURL=useTableColumnResizeLogic.js.map

package/dist/shared/Table/Hooks/useTableColumnResizeLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableColumnResizeLogic.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableColumnResizeLogic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAM9E,MAAM,UAAU,yBAAyB,CACrC,KAAkC,EAClC,OAAgB,EAChB,UAAkB,EAClB,YAAoC;IAEpC,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACrD,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;QACnC,IAAI,CAAC,OAAO,CAAC,OAAO;YAChB,MAAM,IAAI,KAAK,CACX,oDAAoD,CACvD,CAAA;QACL,OAAO,OAAO,CAAC,OAAO,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;IAC7C,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,OAAO,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAM;QACjD,MAAM,QAAQ,GAA2B,EAAE,CAAA;QAC3C,KAAK,MAAM,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC;YAClD,KAAK,MAAM,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAA;gBAClC,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACnD,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;oBACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;wBACf,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,CAAA;YACpE,CAAC;QACL,CAAC;QACD,KAAK,CAAC,eAAe,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAA;QACjE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAC3B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACpC,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE;KAC1B,CAAC,CAAC,CAAA;IACH,OAAO;QACH,KAAK,EAAE;YACH,KAAK,EAAE,OAAO,IAAI,KAAK;YACvB,KAAK,EAAE,MAAM,CAAC,MAAM,CAChB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,EACnC,UAAU,CACb;YACD,MAAM;SACT;QACD,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;KAC3B,CAAA;AACL,CAAC","sourcesContent":["import { useImperativeHandle, useLayoutEffect, useRef, useState } from 'react'\nimport type { Ref } from 'react'\nimport type { RowData } from '@tanstack/react-table'\nimport type { RentnerTableInstance } from '../Types/table.types.ts'\nimport type { ColumnResizeLogicResult } from '../Types/interaction.types.ts'\n\nexport function useTableColumnResizeLogic<TData extends RowData>(\n    table: RentnerTableInstance<TData>,\n    enabled: boolean,\n    extraWidth: number,\n    forwardedRef?: Ref<HTMLTableElement>,\n): ColumnResizeLogicResult {\n    const element = useRef<HTMLTableElement | null>(null)\n    useImperativeHandle(forwardedRef, () => {\n        if (!element.current)\n            throw new Error(\n                'The table must be mounted before accessing its ref',\n            )\n        return element.current\n    }, [])\n    const [ready, setReady] = useState(false)\n    const columns = table.getVisibleLeafColumns()\n    useLayoutEffect(() => {\n        if (!enabled || ready || !element.current) return\n        const measured: Record<string, number> = {}\n        for (const row of element.current.tHead?.rows ?? []) {\n            for (const header of row.cells) {\n                const id = header.dataset.columnId\n                const column = id ? table.getColumn(id) : undefined\n                if (column && column.columns.length === 0)\n                    measured[column.id] =\n                        header.getBoundingClientRect().width || column.getSize()\n            }\n        }\n        table.setColumnSizing((current) => ({ ...measured, ...current }))\n        setReady(true)\n    }, [enabled, ready, table])\n    const widths = columns.map((column) => ({\n        id: column.id,\n        width: column.getSize(),\n    }))\n    return {\n        state: {\n            fixed: enabled && ready,\n            width: widths.reduce(\n                (sum, column) => sum + column.width,\n                extraWidth,\n            ),\n            widths,\n        },\n        refs: { table: element },\n    }\n}\n"]}

package/dist/shared/Table/Hooks/useTableDragLogic.d.ts

@@ -0,0 +1,21 @@
+import type { CollisionDetection, DragStartEvent, DragEndEvent, Announcements } from '@dnd-kit/core';
+import type { TableReorderProviderProps, TableDragOptions, TableRowPreview } from '../Types/interaction.types.ts';
+export declare function useTableDragLogic({ rows, disabled, disabledReason, getLabel, onReorder, messages, }: TableReorderProviderProps): {
+    state: {
+        items: string[];
+        sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+        preview: TableRowPreview | null;
+        announcements: Announcements;
+        collisionDetection: CollisionDetection;
+        dragOptions: TableDragOptions;
+    };
+    handler: {
+        handleStart: (event: DragStartEvent) => void;
+        handleEnd: ({ active, over }: DragEndEvent) => void;
+        handleCancel: () => void;
+    };
+    refs: {
+        preview: (element: HTMLDivElement | null) => void;
+    };
+};
+//# sourceMappingURL=useTableDragLogic.d.ts.map

package/dist/shared/Table/Hooks/useTableDragLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableDragLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableDragLogic.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACR,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,aAAa,EAChB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EACR,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,EAClB,MAAM,+BAA+B,CAAA;AAqDtC,wBAAgB,iBAAiB,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,GACX,EAAE,yBAAyB;;;;;;;;;;6BAoBI,cAAc;sCAGL,YAAY;;;;QA4DrC,OAAO,YA/CL,cAAc,GAAG,IAAI;;EAiDtC"}

package/dist/shared/Table/Hooks/useTableDragLogic.js

@@ -0,0 +1,110 @@
+import { useCallback, useMemo, useState } from 'react';
+import { closestCenter, pointerWithin, MouseSensor, TouchSensor, KeyboardSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import { isTableEventElement } from '../../../lib/Table/events.js';
+const defaultMoveLabel = (label) => `Move ${label}`;
+function snapshotRow(target) {
+    if (!isTableEventElement(target))
+        return null;
+    const source = target.closest('tbody[data-sortable-row]');
+    const table = source?.closest('table');
+    if (!source || !table)
+        return null;
+    const viewport = table.parentElement;
+    if (!viewport)
+        return null;
+    const bounds = source.getBoundingClientRect();
+    const viewportBounds = viewport.getBoundingClientRect();
+    const left = Math.max(bounds.left, viewportBounds.left + viewport.clientLeft);
+    const right = Math.min(bounds.right, viewportBounds.left + viewport.clientLeft + viewport.clientWidth);
+    const preview = table.ownerDocument.createElement('table');
+    preview.className = table.className;
+    preview.dataset.size = table.dataset.size;
+    preview.dataset.striped = table.dataset.striped;
+    preview.style.width = `${bounds.width}px`;
+    preview.style.marginLeft = `${bounds.left - left}px`;
+    preview.style.tableLayout = 'fixed';
+    preview.style.background = 'var(--rentner-surface, #181a1f)';
+    const columns = table.ownerDocument.createElement('colgroup');
+    for (const cell of source.firstElementChild?.children ?? []) {
+        const column = table.ownerDocument.createElement('col');
+        column.style.width = `${cell.getBoundingClientRect().width}px`;
+        columns.appendChild(column);
+    }
+    const clone = source.ownerDocument.importNode(source, true);
+    clone.style.transform = '';
+    clone.style.transition = '';
+    clone.style.opacity = '1';
+    clone.removeAttribute('data-dragging');
+    for (const element of [clone, ...clone.querySelectorAll('[id], [name]')]) {
+        element.removeAttribute('id');
+        element.removeAttribute('name');
+    }
+    preview.append(columns, clone);
+    return { element: preview, left, width: Math.max(0, right - left) };
+}
+const detectRow = (args) => args.pointerCoordinates ? pointerWithin(args) : closestCenter(args);
+export function useTableDragLogic({ rows, disabled, disabledReason, getLabel, onReorder, messages, }) {
+    const dragOptions = useMemo(() => ({
+        disabled,
+        reason: disabledReason,
+        moveRow: messages.moveRow ?? defaultMoveLabel,
+    }), [disabled, disabledReason, messages.moveRow]);
+    const [preview, setPreview] = useState(null);
+    const items = useMemo(() => rows.map((row) => row.id), [rows]);
+    const sensors = useSensors(useSensor(MouseSensor, { activationConstraint: { distance: 6 } }), useSensor(TouchSensor, {
+        activationConstraint: { delay: 180, tolerance: 8 },
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const handleStart = (event) => {
+        if (!disabled)
+            setPreview(snapshotRow(event.activatorEvent.target));
+    };
+    const handleEnd = ({ active, over }) => {
+        setPreview(null);
+        if (!disabled &&
+            typeof active.id === 'string' &&
+            typeof over?.id === 'string' &&
+            items.includes(active.id) &&
+            items.includes(over.id) &&
+            active.id !== over.id)
+            onReorder?.(active.id, over.id);
+    };
+    const previewRef = useCallback((element) => {
+        if (element)
+            element.replaceChildren(...(preview ? [preview.element] : []));
+    }, [preview]);
+    const announcements = {
+        onDragStart: ({ active }) => messages.dragStart?.(getLabel(String(active.id))) ??
+            `Moving ${getLabel(String(active.id))}.`,
+        onDragOver: ({ active, over }) => over
+            ? (messages.dragOver?.(getLabel(String(active.id)), items.indexOf(String(over.id)) + 1, items.length) ??
+                `Position ${items.indexOf(String(over.id)) + 1} of ${items.length}.`)
+            : undefined,
+        onDragEnd: ({ active, over }) => over
+            ? (messages.dragEnd?.(getLabel(String(active.id)), items.indexOf(String(over.id)) + 1, items.length) ??
+                `Moved to position ${items.indexOf(String(over.id)) + 1}.`)
+            : (messages.dragCancel?.(getLabel(String(active.id))) ??
+                'Move cancelled.'),
+        onDragCancel: ({ active }) => messages.dragCancel?.(getLabel(String(active.id))) ??
+            'Move cancelled.',
+    };
+    return {
+        state: {
+            items,
+            sensors,
+            preview,
+            announcements,
+            collisionDetection: detectRow,
+            dragOptions,
+        },
+        handler: {
+            handleStart,
+            handleEnd,
+            handleCancel: () => setPreview(null),
+        },
+        refs: { preview: previewRef },
+    };
+}
+//# sourceMappingURL=useTableDragLogic.js.map

package/dist/shared/Table/Hooks/useTableDragLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableDragLogic.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableDragLogic.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n    closestCenter,\n    pointerWithin,\n    MouseSensor,\n    TouchSensor,\n    KeyboardSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core'\nimport type {\n    CollisionDetection,\n    DragStartEvent,\n    DragEndEvent,\n    Announcements,\n} from '@dnd-kit/core'\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport { isTableEventElement } from '../../../lib/Table/events.ts'\nimport type {\n    TableReorderProviderProps,\n    TableDragOptions,\n    TableRowPreview,\n} from '../Types/interaction.types.ts'\n\nconst defaultMoveLabel = (label: string) => `Move ${label}`\n\nfunction snapshotRow(target: EventTarget | null): TableRowPreview | null {\n    if (!isTableEventElement(target)) return null\n    const source = target.closest<HTMLTableSectionElement>(\n        'tbody[data-sortable-row]',\n    )\n    const table = source?.closest('table')\n    if (!source || !table) return null\n    const viewport = table.parentElement\n    if (!viewport) return null\n    const bounds = source.getBoundingClientRect()\n    const viewportBounds = viewport.getBoundingClientRect()\n    const left = Math.max(\n        bounds.left,\n        viewportBounds.left + viewport.clientLeft,\n    )\n    const right = Math.min(\n        bounds.right,\n        viewportBounds.left + viewport.clientLeft + viewport.clientWidth,\n    )\n    const preview = table.ownerDocument.createElement('table')\n    preview.className = table.className\n    preview.dataset.size = table.dataset.size\n    preview.dataset.striped = table.dataset.striped\n    preview.style.width = `${bounds.width}px`\n    preview.style.marginLeft = `${bounds.left - left}px`\n    preview.style.tableLayout = 'fixed'\n    preview.style.background = 'var(--rentner-surface, #181a1f)'\n    const columns = table.ownerDocument.createElement('colgroup')\n    for (const cell of source.firstElementChild?.children ?? []) {\n        const column = table.ownerDocument.createElement('col')\n        column.style.width = `${cell.getBoundingClientRect().width}px`\n        columns.appendChild(column)\n    }\n    const clone = source.ownerDocument.importNode(source, true)\n    clone.style.transform = ''\n    clone.style.transition = ''\n    clone.style.opacity = '1'\n    clone.removeAttribute('data-dragging')\n    for (const element of [clone, ...clone.querySelectorAll('[id], [name]')]) {\n        element.removeAttribute('id')\n        element.removeAttribute('name')\n    }\n    preview.append(columns, clone)\n    return { element: preview, left, width: Math.max(0, right - left) }\n}\n\nconst detectRow: CollisionDetection = (args) =>\n    args.pointerCoordinates ? pointerWithin(args) : closestCenter(args)\n\nexport function useTableDragLogic({\n    rows,\n    disabled,\n    disabledReason,\n    getLabel,\n    onReorder,\n    messages,\n}: TableReorderProviderProps) {\n    const dragOptions = useMemo(\n        (): TableDragOptions => ({\n            disabled,\n            reason: disabledReason,\n            moveRow: messages.moveRow ?? defaultMoveLabel,\n        }),\n        [disabled, disabledReason, messages.moveRow],\n    )\n    const [preview, setPreview] = useState<TableRowPreview | null>(null)\n    const items = useMemo(() => rows.map((row) => row.id), [rows])\n    const sensors = useSensors(\n        useSensor(MouseSensor, { activationConstraint: { distance: 6 } }),\n        useSensor(TouchSensor, {\n            activationConstraint: { delay: 180, tolerance: 8 },\n        }),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        }),\n    )\n    const handleStart = (event: DragStartEvent) => {\n        if (!disabled) setPreview(snapshotRow(event.activatorEvent.target))\n    }\n    const handleEnd = ({ active, over }: DragEndEvent) => {\n        setPreview(null)\n        if (\n            !disabled &&\n            typeof active.id === 'string' &&\n            typeof over?.id === 'string' &&\n            items.includes(active.id) &&\n            items.includes(over.id) &&\n            active.id !== over.id\n        )\n            onReorder?.(active.id, over.id)\n    }\n    const previewRef = useCallback(\n        (element: HTMLDivElement | null) => {\n            if (element)\n                element.replaceChildren(...(preview ? [preview.element] : []))\n        },\n        [preview],\n    )\n    const announcements: Announcements = {\n        onDragStart: ({ active }) =>\n            messages.dragStart?.(getLabel(String(active.id))) ??\n            `Moving ${getLabel(String(active.id))}.`,\n        onDragOver: ({ active, over }) =>\n            over\n                ? (messages.dragOver?.(\n                      getLabel(String(active.id)),\n                      items.indexOf(String(over.id)) + 1,\n                      items.length,\n                  ) ??\n                  `Position ${items.indexOf(String(over.id)) + 1} of ${items.length}.`)\n                : undefined,\n        onDragEnd: ({ active, over }) =>\n            over\n                ? (messages.dragEnd?.(\n                      getLabel(String(active.id)),\n                      items.indexOf(String(over.id)) + 1,\n                      items.length,\n                  ) ??\n                  `Moved to position ${items.indexOf(String(over.id)) + 1}.`)\n                : (messages.dragCancel?.(getLabel(String(active.id))) ??\n                  'Move cancelled.'),\n        onDragCancel: ({ active }) =>\n            messages.dragCancel?.(getLabel(String(active.id))) ??\n            'Move cancelled.',\n    }\n    return {\n        state: {\n            items,\n            sensors,\n            preview,\n            announcements,\n            collisionDetection: detectRow,\n            dragOptions,\n        },\n        handler: {\n            handleStart,\n            handleEnd,\n            handleCancel: () => setPreview(null),\n        },\n        refs: { preview: previewRef },\n    }\n}\n"]}

package/dist/shared/Table/Hooks/useTableLogic.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { TableLogicOptions, TableLogicResult } from '../Types/table.types.ts';
+export declare function useTableLogic<TData extends RowData>({ data, columns, getRowId, enableSorting, initialSorting, locale, messages, resizableColumns, }: TableLogicOptions<TData>): TableLogicResult<TData>;
+//# sourceMappingURL=useTableLogic.d.ts.map

package/dist/shared/Table/Hooks/useTableLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableLogic.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAIpD,OAAO,KAAK,EACR,iBAAiB,EACjB,gBAAgB,EACnB,MAAM,yBAAyB,CAAA;AAEhC,wBAAgB,aAAa,CAAC,KAAK,SAAS,OAAO,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAoB,EACpB,cAAc,EACd,MAAa,EACb,QAAQ,EACR,gBAAwB,GAC3B,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAmBpD"}

package/dist/shared/Table/Hooks/useTableLogic.js

@@ -0,0 +1,26 @@
+'use client';
+import { useTable } from '@tanstack/react-table';
+import { rentnerTableFeatures } from '../../../lib/Table/table.js';
+import { getTableView } from '../../../lib/Table/presentation.js';
+import { resolveTableMessages } from '../../../lib/Messages/tableMessages.js';
+export function useTableLogic({ data, columns, getRowId, enableSorting = true, initialSorting, locale = 'en', messages, resizableColumns = false, }) {
+    const table = useTable({
+        features: rentnerTableFeatures,
+        data,
+        columns,
+        getRowId,
+        enableSorting,
+        enableColumnResizing: resizableColumns,
+        columnResizeMode: 'onChange',
+        defaultColumn: resizableColumns
+            ? { minSize: 64, maxSize: 2000 }
+            : undefined,
+        manualPagination: true,
+        initialState: { sorting: initialSorting ?? [] },
+    });
+    return {
+        table,
+        state: getTableView(table, resolveTableMessages(locale, messages)),
+    };
+}
+//# sourceMappingURL=useTableLogic.js.map

package/dist/shared/Table/Hooks/useTableLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableLogic.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableLogic.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAA;AAM7E,MAAM,UAAU,aAAa,CAAwB,EACjD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,cAAc,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,gBAAgB,GAAG,KAAK,GACD;IACvB,MAAM,KAAK,GAAG,QAAQ,CAAC;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,aAAa;QACb,oBAAoB,EAAE,gBAAgB;QACtC,gBAAgB,EAAE,UAAU;QAC5B,aAAa,EAAE,gBAAgB;YAC3B,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAChC,CAAC,CAAC,SAAS;QACf,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,EAAE,OAAO,EAAE,cAAc,IAAI,EAAE,EAAE;KAClD,CAAC,CAAA;IACF,OAAO;QACH,KAAK;QACL,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;KACrE,CAAA;AACL,CAAC","sourcesContent":["'use client'\n\nimport { useTable } from '@tanstack/react-table'\nimport type { RowData } from '@tanstack/react-table'\nimport { rentnerTableFeatures } from '../../../lib/Table/table.ts'\nimport { getTableView } from '../../../lib/Table/presentation.ts'\nimport { resolveTableMessages } from '../../../lib/Messages/tableMessages.ts'\nimport type {\n    TableLogicOptions,\n    TableLogicResult,\n} from '../Types/table.types.ts'\n\nexport function useTableLogic<TData extends RowData>({\n    data,\n    columns,\n    getRowId,\n    enableSorting = true,\n    initialSorting,\n    locale = 'en',\n    messages,\n    resizableColumns = false,\n}: TableLogicOptions<TData>): TableLogicResult<TData> {\n    const table = useTable({\n        features: rentnerTableFeatures,\n        data,\n        columns,\n        getRowId,\n        enableSorting,\n        enableColumnResizing: resizableColumns,\n        columnResizeMode: 'onChange',\n        defaultColumn: resizableColumns\n            ? { minSize: 64, maxSize: 2000 }\n            : undefined,\n        manualPagination: true,\n        initialState: { sorting: initialSorting ?? [] },\n    })\n    return {\n        table,\n        state: getTableView(table, resolveTableMessages(locale, messages)),\n    }\n}\n"]}

package/dist/shared/Table/Hooks/useTableOverlay.d.ts

@@ -0,0 +1,3 @@
+export declare const TableOverlayContext: import("react").Context<DocumentFragment | Element | null | undefined>;
+export declare function useTableOverlay(): DocumentFragment | Element | null | undefined;
+//# sourceMappingURL=useTableOverlay.d.ts.map

package/dist/shared/Table/Hooks/useTableOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableOverlay.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableOverlay.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,wEAEpB,CAAA;AAEZ,wBAAgB,eAAe,kDAE9B"}

package/dist/shared/Table/Hooks/useTableOverlay.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'react';
+export const TableOverlayContext = createContext(undefined);
+export function useTableOverlay() {
+    return useContext(TableOverlayContext);
+}
+//# sourceMappingURL=useTableOverlay.js.map

package/dist/shared/Table/Hooks/useTableOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableOverlay.js","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAE9C,SAAS,CAAC,CAAA;AAEZ,MAAM,UAAU,eAAe;IAC3B,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import { createContext, useContext } from 'react'\n\nexport const TableOverlayContext = createContext<\n    Element | DocumentFragment | null | undefined\n>(undefined)\n\nexport function useTableOverlay() {\n    return useContext(TableOverlayContext)\n}\n"]}

package/dist/shared/Table/Hooks/useTableResizeHandleLogic.d.ts

@@ -0,0 +1,20 @@
+import type { KeyboardEvent, MouseEvent, TouchEvent } from 'react';
+import type { RowData } from '@tanstack/react-table';
+import type { TableColumnResizeHandleProps } from '../Types/interaction.types.ts';
+export declare function useTableResizeHandleLogic<TData extends RowData>({ table, header, messages, disabled, }: TableColumnResizeHandleProps<TData>): {
+    state: {
+        label: string;
+        resetLabel: string;
+        min: number;
+        max: number;
+        size: number;
+        isResizing: boolean;
+        offset: number;
+    };
+    handler: {
+        handleStart: (event: MouseEvent<HTMLElement> | TouchEvent<HTMLElement>) => void;
+        handleReset: () => void;
+        handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    };
+};
+//# sourceMappingURL=useTableResizeHandleLogic.d.ts.map

package/dist/shared/Table/Hooks/useTableResizeHandleLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableResizeHandleLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useTableResizeHandleLogic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAA;AAEjF,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,OAAO,EAAE,EAC7D,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GACX,EAAE,4BAA4B,CAAC,KAAK,CAAC;;;;;;;;;;;6BAQvB,UAAU,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC;;+BAS9B,aAAa,CAAC,WAAW,CAAC;;EA2C3D"}