asma-ui-table 1.0.135 → 1.0.136

package/dist/src/components/TableBody.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="react" />
-import { type Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import type { StyledTableProps } from '../types';
+import type { MutableRefObject } from 'react';
+import type { ColumnWindow } from 'src/hooks/useColumnVirtualizer';
 export declare function TableBody<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ table, styledTableProps }: {
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, scrollRef, columnWindow, }: {
     table: Table<TData>;
     styledTableProps: StyledTableProps<TData, TCustomData>;
+    scrollRef?: MutableRefObject<HTMLDivElement | null>;
+    columnWindow: ColumnWindow;
 }): JSX.Element | null;

package/dist/src/components/TableRow.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { type Row } from '@tanstack/react-table';
 import { type StyledTableProps } from '../types';
+import type { ColumnWindow } from 'src/hooks/useColumnVirtualizer';
 export declare function TableRow<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, }: {
+}, TCustomData = Record<string, unknown>>({ styledTableProps, row, index, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     row: Row<TData>;
+    columnWindow: ColumnWindow;
     index: number;
 }): JSX.Element;
 export declare const Checkmark: () => JSX.Element;

package/dist/src/components/TableRows.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="react" />
-import { type Table } from '@tanstack/react-table';
+import type { Table } from '@tanstack/react-table';
 import type { StyledTableProps } from '../types';
+import type { MutableRefObject } from 'react';
+import type { ColumnWindow } from 'src/hooks/useColumnVirtualizer';
 export declare function TableRows<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, table }: {
+}, TCustomData = Record<string, unknown>>({ styledTableProps, table, scrollRef, columnWindow, }: {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     table: Table<TData>;
+    scrollRef?: MutableRefObject<HTMLDivElement | null>;
+    columnWindow: ColumnWindow;
 }): JSX.Element;

package/dist/src/components/table-header/TableHeader.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { type Table } from '@tanstack/react-table';
-import type { StyledTableProps } from 'src/types';
+import { type StyledTableProps } from 'src/types';
+import type { ColumnWindow } from 'src/hooks/useColumnVirtualizer';
 export declare function TableHeader<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ table, styledTableProps, tableCanResize, tableWidth, }: {
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, tableCanResize, tableWidth, columnWindow: { paddingLeft, paddingRight, indexes }, }: {
     table: Table<TData>;
     styledTableProps: StyledTableProps<TData, TCustomData>;
     tableCanResize: boolean;
     tableWidth: number | null;
+    columnWindow: ColumnWindow;
 }): JSX.Element;

package/dist/src/components/table-header/TableHeaderCell.d.ts

@@ -3,11 +3,10 @@ import { type Header } from '@tanstack/react-table';
 import { type StyledTableProps } from 'src/types';
 export declare function TableHeaderCell<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, header, tableCanResize, left, hasFixedLeftColumn, tableWidth, }: {
+}, TCustomData = Record<string, unknown>>({ styledTableProps, header, tableCanResize, left, tableWidth, }: {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     header: Header<TData, unknown>;
     tableCanResize: boolean;
     left: number;
-    hasFixedLeftColumn: boolean;
     tableWidth: number | null;
 }): JSX.Element;

package/dist/src/hooks/useColumnVirtualizer.d.ts

@@ -0,0 +1,16 @@
+import type { Table } from '@tanstack/react-table';
+import type { MutableRefObject } from 'react';
+export type ColumnWindow = {
+    indexes: number[];
+    paddingLeft: number;
+    paddingRight: number;
+};
+export declare function useColumnVirtualizer<TData extends {
+    id: string | number;
+}>(table: Table<TData>, scrollRef?: MutableRefObject<HTMLDivElement | null>): {
+    columnWindow: {
+        indexes: number[];
+        paddingLeft: number;
+        paddingRight: number;
+    };
+};

package/dist/src/hooks/useRowVirtualizer.d.ts

@@ -0,0 +1,20 @@
+import type { Row } from '@tanstack/react-table';
+import type { MutableRefObject } from 'react';
+export type RowWindow = {
+    indexes: number[];
+    paddingTop: number;
+    paddingBottom: number;
+};
+export declare function useRowVirtualizer<TData extends {
+    id: string | number;
+}>({ rows, rowHeight, scrollRef, }: {
+    rows: Row<TData>[];
+    rowHeight: number;
+    scrollRef?: MutableRefObject<HTMLDivElement | null>;
+}): {
+    rowWindow: {
+        indexes: number[];
+        paddingTop: number;
+        paddingBottom: number;
+    };
+};

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.0.135",
+    "version": "1.0.136",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -58,6 +58,7 @@
         "@fontsource/roboto": "^5.0.4",
         "@mui/material": "^5.13.7",
         "@tanstack/react-table": "^8.21.3",
+        "@tanstack/react-virtual": "^3.13.21",
         "clsx": "^1.2.1",
         "lodash-es": "^4.17.21",
         "react": "^18.2.0",