@npm-questionpro/wick-ui-lib 1.37.1 → 1.38.0

package/dist/src/components/table/hooks/useTableCore.d.ts

@@ -1,10 +1,19 @@
+import { ExpandedState } from '@tanstack/react-table';
+import { default as React } from 'react';
 import { IWuTableRowSelection } from '../types/IWuRowSelection';
 import { IWuTableColumnDef } from '../types/IWuTableColumnDef';
-export declare function useWuTableCore<T>({ data, columns, rowSelection, }: {
+export declare function useWuTableCore<T>({ data, columns, rowSelection, isRowExpandable, }: {
     data: T[];
     columns: IWuTableColumnDef<T>[];
     rowSelection?: IWuTableRowSelection<T>;
+    isRowExpandable?: boolean;
 }): {
     finalColumns: IWuTableColumnDef<T>[];
     rowSelectionState: Record<number, boolean>;
+    sortableColumns: string[];
+    selectedRowCount: number;
+    columnsWithExpand: IWuTableColumnDef<T>[];
+    expanded: ExpandedState;
+    setExpanded: React.Dispatch<React.SetStateAction<ExpandedState>>;
+    handleRowSelectionChange: (updater: React.SetStateAction<Record<number, boolean>>) => void;
 };

package/dist/src/components/table/hooks/useTableScroll.d.ts

@@ -0,0 +1,6 @@
+export declare function useTableScroll(): {
+    scrollContainerRef: React.RefObject<HTMLDivElement | null>;
+    isScrolledLeft: boolean;
+    isScrolledRight: boolean;
+    handleScroll: () => void;
+};

package/dist/src/components/table/types/IWuTableColumnDef.d.ts

@@ -7,4 +7,5 @@ export type IWuTableColumnDef<Data> = ColumnDef<Data> & {
     headerAlign?: 'left' | 'right' | 'center';
     cellAlign?: 'left' | 'right' | 'center';
     expandableRowContent?: (row: Row<Data>) => React.ReactNode;
+    sticky?: 'left' | 'right';
 };

package/dist/src/components/table/ui/_body.d.ts

@@ -8,6 +8,8 @@ interface IWuTableBodyProps<T> {
     CustomLoader?: React.ReactNode;
     isRowDisabled?: (row: T) => boolean;
     isRowExpandable?: boolean;
+    isScrolledLeft?: boolean;
+    isScrolledRight?: boolean;
 }
-export declare const WuTableBody: <T>({ table, size, NoDataContent, isLoading, CustomLoader, isRowDisabled, isRowExpandable, }: IWuTableBodyProps<T>) => React.JSX.Element;
+export declare const WuTableBody: <T>({ table, size, NoDataContent, isLoading, CustomLoader, isRowDisabled, isRowExpandable, isScrolledLeft, isScrolledRight, }: IWuTableBodyProps<T>) => React.JSX.Element;
 export {};

package/dist/src/components/table/ui/_header.d.ts

@@ -1,7 +1,7 @@
 import { Table } from '@tanstack/react-table';
 import { default as React } from 'react';
 import { IColumnDefaultSorting } from '../types/IColumnDefaultSorting';
-export declare const WuTableHeader: <T>({ table, sortableColumns, manual, onSort, size, isRowSelected, HeaderAction, isStickyHeader, asVirtualContent, isRowExpandable, }: {
+export declare const WuTableHeader: <T>({ table, sortableColumns, manual, onSort, size, isRowSelected, HeaderAction, isStickyHeader, asVirtualContent, isRowExpandable, isScrolledLeft, isScrolledRight, }: {
     table: Table<T>;
     sortableColumns: string[];
     manual?: boolean;
@@ -12,4 +12,6 @@ export declare const WuTableHeader: <T>({ table, sortableColumns, manual, onSort
     isStickyHeader?: boolean;
     asVirtualContent?: boolean;
     isRowExpandable?: boolean;
+    isScrolledLeft?: boolean;
+    isScrolledRight?: boolean;
 }) => React.JSX.Element;

package/dist/src/components/table/ui/_virtualBody.d.ts

@@ -12,5 +12,7 @@ export interface IWuVirtualTableBodyProps<T> {
     manual?: boolean;
     onSort?: (meta: IColumnDefaultSorting) => void;
     tableLayout?: 'fixed' | 'auto';
+    isScrolledLeft?: boolean;
+    isScrolledRight?: boolean;
 }
-export declare const WuVirtualTableBody: <T>({ table, size, isRowDisabled, containerHeight, sortableColumns, HeaderAction, isRowSelected, manual, onSort, tableLayout, }: IWuVirtualTableBodyProps<T>) => React.JSX.Element;
+export declare const WuVirtualTableBody: <T>({ table, size, isRowDisabled, containerHeight, sortableColumns, HeaderAction, isRowSelected, manual, onSort, tableLayout, isScrolledLeft, isScrolledRight, }: IWuVirtualTableBodyProps<T>) => React.JSX.Element;

package/dist/src/components/table/utils/tableHelpers.d.ts

@@ -1,8 +1,16 @@
-import { Column, Row } from '@tanstack/react-table';
+import { Cell, Column, Row } from '@tanstack/react-table';
 import { default as React } from 'react';
 import { IWuTableColumnDef } from '../types/IWuTableColumnDef';
 export declare const EXPANDER_COLUMN_SIZE = 48;
 export declare const EXPANDER_COLUMN_ID = "expander";
 export declare function createExpanderColumn<T>(isRowExpandable: boolean | undefined, finalColumns: IWuTableColumnDef<T>[]): IWuTableColumnDef<T>[];
 export declare function getExpandedContent<T>(row: Row<T>, columns: Column<T>[]): React.ReactNode | undefined;
+export type IStickyMeta = {
+    sticky: 'left' | 'right';
+    offset: number;
+    isStickyEdge: boolean;
+};
+export declare function buildStickyColumnMap<T>(visibleColumns: Column<T>[]): Map<string, IStickyMeta>;
+export declare function renderStickyEdgeShadow(sticky: 'left' | 'right' | undefined, isStickyEdge: boolean, isScrolledLeft?: boolean, isScrolledRight?: boolean): React.ReactNode;
 export declare function shouldVirtualizeTable(enabled: boolean | undefined, threshold: number | undefined, dataLength: number): boolean;
+export declare function renderTableCellContent<T>(cell: Cell<T, unknown>, columnDef: IWuTableColumnDef<T>): React.ReactNode;

package/dist/src/components/table/utils/tableStyles.d.ts

@@ -1,5 +1,5 @@
-export declare const getTableRowClasses: (isSelected: boolean, isDisabled: boolean) => string;
-export declare const getTableCellClasses: (columnId: string, size?: "compact" | "default", cellAlign?: "left" | "center" | "right") => string;
+export declare const getTableRowClasses: (isDisabled?: boolean) => string;
+export declare const getTableCellClasses: (size?: "compact" | "default", cellAlign?: "left" | "center" | "right") => string;
 export declare const getHeaderHeightClass: (size?: "compact" | "default") => string;
 export declare const getHeaderAlignClasses: (headerAlign?: "left" | "center" | "right") => string;
 export declare const getSortIconAlignClasses: (headerAlign?: "left" | "center" | "right") => string;