munza-x-data-grid 3.0.0-beta.9 → 3.0.1

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/package/components/feedback/NoDataFoundMsg.d.ts

@@ -0,0 +1,2 @@
+declare const NoDataFoundMsg: () => import("react").JSX.Element;
+export default NoDataFoundMsg;

package/dist/package/components/feedback/TableError.d.ts

@@ -0,0 +1,2 @@
+declare const TableError: () => import("react").JSX.Element;
+export default TableError;

package/dist/package/components/feedback/TableErrorMsg.d.ts

@@ -0,0 +1,2 @@
+declare const TableErrorMsg: () => import("react").JSX.Element;
+export default TableErrorMsg;

package/dist/package/components/feedback/TableLeftNoData.d.ts

@@ -0,0 +1,2 @@
+declare const TableLeftNoData: () => import("react").JSX.Element;
+export default TableLeftNoData;

package/dist/package/components/feedback/TableLeftSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const TableLeftSkeleton: () => import("react").JSX.Element;
+export default TableLeftSkeleton;

package/dist/package/components/feedback/TableNoData.d.ts

@@ -0,0 +1,2 @@
+declare const TableNoData: () => import("react").JSX.Element;
+export default TableNoData;

package/dist/package/components/feedback/TableRightNoData.d.ts

@@ -0,0 +1,2 @@
+declare const TableRightNoData: () => import("react").JSX.Element;
+export default TableRightNoData;

package/dist/package/components/feedback/TableRightSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const TableRightSkeleton: () => import("react").JSX.Element;
+export default TableRightSkeleton;

package/dist/package/components/feedback/TableRowSkeleton.d.ts

@@ -0,0 +1,7 @@
+import { Column } from '@tanstack/react-table';
+declare const TableRowSkeleton: ({ column, i, j, }: {
+    column: Column<unknown, unknown>;
+    i: number;
+    j: number;
+}) => import("react").JSX.Element;
+export default TableRowSkeleton;

package/dist/package/components/feedback/TableSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const TableSkeleton: () => import("react").JSX.Element;
+export default TableSkeleton;

package/dist/package/components/header/HeaderFilter.d.ts

@@ -0,0 +1,5 @@
+import { Column } from '@tanstack/react-table';
+declare const HeaderFilter: <T>({ column }: {
+    column: Column<T, unknown>;
+}) => import("react").JSX.Element | null;
+export default HeaderFilter;

package/dist/package/components/header/HeaderMenu.d.ts

@@ -0,0 +1,5 @@
+import { Header } from '@tanstack/react-table';
+declare const HeaderMenu: <T>({ header }: {
+    header: Header<T, unknown>;
+}) => import("react").JSX.Element | null;
+export default HeaderMenu;

package/dist/package/components/header/HeaderResizing.d.ts

@@ -0,0 +1,5 @@
+import { Header } from '@tanstack/react-table';
+declare const HeaderResizing: <T>({ header }: {
+    header: Header<T, unknown>;
+}) => import("react").JSX.Element;
+export default HeaderResizing;

package/dist/package/components/header/HeaderSort.d.ts

@@ -0,0 +1,5 @@
+import { Header } from '@tanstack/react-table';
+declare const HeaderSort: <T>({ header }: {
+    header: Header<T, unknown>;
+}) => import("react").JSX.Element;
+export default HeaderSort;

package/dist/package/components/pagination/index.d.ts

@@ -0,0 +1,4 @@
+declare const Pagination: ({ pagination }: {
+    pagination: number[];
+}) => import("react").JSX.Element;
+export default Pagination;

package/dist/package/components/table/TBody.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TBody: () => React.JSX.Element;
+export default TBody;

package/dist/package/components/table/TCell.d.ts

@@ -0,0 +1,6 @@
+import { Cell } from '@tanstack/react-table';
+interface TCellProps<T> {
+    cell: Cell<T, unknown>;
+}
+declare const TCell: <T>({ cell }: TCellProps<T>) => import("react").JSX.Element;
+export default TCell;

package/dist/package/components/table/TGetLeftBody.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TGetLeftBody: () => React.JSX.Element;
+export default TGetLeftBody;

package/dist/package/components/table/TGetLeftHeader.d.ts

@@ -0,0 +1,2 @@
+declare const TGetLeftHeader: () => import("react").JSX.Element;
+export default TGetLeftHeader;

package/dist/package/components/table/TGetLeftMain.d.ts

@@ -0,0 +1,2 @@
+declare const TGetLeftMain: () => import("react").JSX.Element;
+export default TGetLeftMain;

package/dist/package/components/table/TGetRightBody.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TGetRightBody: () => React.JSX.Element;
+export default TGetRightBody;

package/dist/package/components/table/TGetRightHeader.d.ts

@@ -0,0 +1,2 @@
+declare const TGetRightHeader: () => import("react").JSX.Element;
+export default TGetRightHeader;

package/dist/package/components/table/TGetRightMain.d.ts

@@ -0,0 +1,2 @@
+declare const TGetRightMain: () => import("react").JSX.Element;
+export default TGetRightMain;

package/dist/package/components/table/THead.d.ts

@@ -0,0 +1,6 @@
+import { Header } from '@tanstack/react-table';
+interface THeadProps<T> {
+    header: Header<T, unknown>;
+}
+declare const THead: <T>({ header }: THeadProps<T>) => import("react").JSX.Element;
+export default THead;

package/dist/package/components/table/THeader.d.ts

@@ -0,0 +1,2 @@
+declare const THeader: () => import("react").JSX.Element;
+export default THeader;

package/dist/package/components/table/TMain.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TMain: () => React.JSX.Element;
+export default TMain;

package/dist/package/components/table/TableCellPin.d.ts

@@ -0,0 +1,6 @@
+import { Row, Table } from '@tanstack/react-table';
+export declare function TableCellPin({ row, table, isSplit, }: {
+    row: Row<any>;
+    table: Table<any>;
+    isSplit: boolean;
+}): import("react").JSX.Element;

package/dist/package/components/table/TableLeftCellPin.d.ts

@@ -0,0 +1,5 @@
+import { Row, Table } from '@tanstack/react-table';
+export declare function TableLeftCellPin({ row, table, }: {
+    row: Row<any>;
+    table: Table<any>;
+}): import("react").JSX.Element;

package/dist/package/components/table/TableRightCellPin.d.ts

@@ -0,0 +1,5 @@
+import { Row, Table } from '@tanstack/react-table';
+export declare function TableRightCellPin({ row, table, }: {
+    row: Row<any>;
+    table: Table<any>;
+}): import("react").JSX.Element;

package/dist/package/components/toolbar/ToolbarColumns.d.ts

@@ -0,0 +1,2 @@
+declare const ToolbarColumns: () => import("react").JSX.Element;
+export default ToolbarColumns;

package/dist/package/components/toolbar/ToolbarDnd.d.ts

@@ -0,0 +1,2 @@
+declare const ToolbarDnd: () => import("react").JSX.Element;
+export default ToolbarDnd;

package/dist/package/components/toolbar/ToolbarFilters.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ToolbarFilters: () => React.JSX.Element;
+export default ToolbarFilters;

package/dist/package/components/toolbar/ToolbarRows.d.ts

@@ -0,0 +1,2 @@
+declare const ToolbarRows: () => import("react").JSX.Element;
+export default ToolbarRows;

package/dist/package/components/toolbar/ToolbarSettings.d.ts

@@ -0,0 +1,2 @@
+declare const ToolbarSettings: () => import("react").JSX.Element;
+export default ToolbarSettings;

package/dist/package/components/toolbar/index.d.ts

@@ -0,0 +1,4 @@
+declare const Toolbar: ({ height }: {
+    height: number;
+}) => import("react").JSX.Element;
+export default Toolbar;

package/dist/package/contexts/GridContext.d.ts

@@ -0,0 +1,56 @@
+import { ColumnPinningState, OnChangeFn, PaginationState, Row, RowSelectionState, SortingState, TableState, ColumnDef, ColumnFiltersState, Table } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { DensityState } from '../features/rowDensity';
+export interface GridContextProps<T> {
+    table: Table<T>;
+    paneRef1: React.RefObject<HTMLDivElement | null>;
+    paneRef2: React.RefObject<HTMLDivElement | null>;
+    paneRef3: React.RefObject<HTMLDivElement | null>;
+    paneRef4: React.RefObject<HTMLDivElement | null>;
+    paneRef5: React.RefObject<HTMLDivElement | null>;
+    paneRef6: React.RefObject<HTMLDivElement | null>;
+    density: DensityState;
+    isFetching?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    isSplit: boolean;
+    setIsSplit: React.Dispatch<React.SetStateAction<boolean>>;
+    columnPinning: ColumnPinningState;
+    gridWrapperRef: React.RefObject<HTMLDivElement | null>;
+    globalFilter: string;
+    refetch?: () => void;
+    height?: string;
+    renderSubComponent?: (props: {
+        row: Row<T>;
+    }) => React.ReactElement;
+    setGlobalFilter?: React.Dispatch<React.SetStateAction<string>>;
+}
+interface GridContextProviderProps<T> {
+    children: React.ReactNode;
+    payload?: {
+        data: T[];
+        total: number;
+    };
+    columns: ColumnDef<T>[];
+    state?: Partial<TableState>;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    onPaginationChange?: OnChangeFn<PaginationState>;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    onSortingChange?: OnChangeFn<SortingState>;
+    manualPagination?: boolean;
+    enableRowSelection?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    isFetching?: boolean;
+    refetch?: () => void;
+    setGlobalFilter?: React.Dispatch<React.SetStateAction<string>>;
+    renderSubComponent?: (props: {
+        row: Row<T>;
+    }) => React.ReactElement;
+    getRowCanExpand?: (row: Row<T>) => boolean;
+    name?: string;
+    height?: string;
+}
+export declare const GridContextProvider: <T>({ children, payload, columns, state, onColumnFiltersChange, onPaginationChange, onSortingChange, onRowSelectionChange, setGlobalFilter, manualPagination, enableRowSelection, isError, isLoading, isFetching, refetch, getRowCanExpand, renderSubComponent, name, height, }: GridContextProviderProps<T>) => React.JSX.Element;
+export declare function useGrid(): GridContextProps<unknown>;
+export {};

package/dist/package/core/index.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from '../types';
+declare const Grid: <T>({ columns, payload, state, onColumnFiltersChange, onPaginationChange, onSortingChange, onRowSelectionChange, isLoading, isError, setGlobalFilter, getRowCanExpand, renderSubComponent, manualPagination, enableRowSelection, isFetching, refetch, height, isToolbar, isPagination, children, name, }: GridProps<T>) => import("react").JSX.Element;
+export { Grid };

package/dist/package/features/columnOrder.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredColumnOrder(gridId: string, defaultOrder: string[]): string[];
+export declare function setStoredColumnOrder(gridId: string, order: string[]): void;
+export declare function useColumnOrderState(gridId: string, defaultOrder: string[]): readonly [string[], Dispatch<SetStateAction<string[]>>];

package/dist/package/features/columnPinning.d.ts

@@ -0,0 +1,5 @@
+import { ColumnPinningState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredColumnPinning(gridId: string): ColumnPinningState;
+export declare function setStoredColumnPinning(gridId: string, pinning: ColumnPinningState): void;
+export declare function useColumnPinningState(gridId: string): readonly [ColumnPinningState, Dispatch<SetStateAction<ColumnPinningState>>];

package/dist/package/features/columnSizing.d.ts

@@ -0,0 +1,5 @@
+import { ColumnSizingState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredColumnSizing(gridId: string): ColumnSizingState;
+export declare function setStoredColumnSizing(gridId: string, sizing: ColumnSizingState): void;
+export declare function useColumnSizingState(gridId: string): readonly [ColumnSizingState, Dispatch<SetStateAction<ColumnSizingState>>];

package/dist/package/features/columnVisibility.d.ts

@@ -0,0 +1,5 @@
+import { VisibilityState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredColumnVisibility(gridId: string): VisibilityState;
+export declare function setStoredColumnVisibility(gridId: string, visibility: VisibilityState): void;
+export declare function useColumnVisibilityState(gridId: string): readonly [VisibilityState, Dispatch<SetStateAction<VisibilityState>>];

package/dist/package/features/rowDensity.d.ts

@@ -0,0 +1,24 @@
+import { OnChangeFn, RowData, TableFeature, Updater } from '@tanstack/react-table';
+export type DensityState = 'sm' | 'md' | 'lg';
+export interface DensityTableState {
+    density: DensityState;
+}
+export interface DensityOptions {
+    enableDensity?: boolean;
+    onDensityChange?: OnChangeFn<DensityState>;
+    gridId?: string;
+}
+export interface DensityInstance {
+    setDensity: (updater: Updater<DensityState>) => void;
+    toggleDensity: (value?: DensityState) => void;
+}
+declare module '@tanstack/react-table' {
+    interface TableState extends DensityTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends DensityOptions {
+    }
+    interface Table<TData extends RowData> extends DensityInstance {
+    }
+}
+export declare const DensityFeature: TableFeature<any>;
+export declare const getStoredDensity: (gridId: string) => DensityState;

package/dist/package/features/rowPinning.d.ts

@@ -0,0 +1,5 @@
+import { RowPinningState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredRowPinning(gridId: string): RowPinningState;
+export declare function setStoredRowPinning(gridId: string, pinning: RowPinningState): void;
+export declare function useRowPinningState(gridId: string): readonly [RowPinningState, Dispatch<SetStateAction<RowPinningState>>];

package/dist/package/features/splitView.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function getStoredIsSplit(gridId: string): boolean;
+export declare function setStoredIsSplit(gridId: string, isSplit: boolean): void;
+export declare function useSplitViewState(gridId: string): readonly [boolean, Dispatch<SetStateAction<boolean>>];

package/dist/package/hooks/useGridState.d.ts

@@ -0,0 +1,19 @@
+import { ColumnFiltersState, PaginationState, RowSelectionState, SortingState } from '@tanstack/react-table';
+import { default as React } from 'react';
+export declare const useGridState: () => {
+    state: {
+        columnFilters: ColumnFiltersState;
+        globalFilter: string;
+        pagination: PaginationState;
+        sorting: SortingState;
+        rowSelection: RowSelectionState;
+    };
+    handlers: {
+        onColumnFiltersChange: React.Dispatch<React.SetStateAction<ColumnFiltersState>>;
+        onPaginationChange: React.Dispatch<React.SetStateAction<PaginationState>>;
+        onSortingChange: React.Dispatch<React.SetStateAction<SortingState>>;
+        setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
+        onRowSelectionChange: React.Dispatch<React.SetStateAction<RowSelectionState>>;
+    };
+    rowSelection: RowSelectionState;
+};

package/dist/package/hooks/useQueryArgs.d.ts

@@ -0,0 +1,12 @@
+import { ColumnFiltersState, PaginationState, SortingState } from '@tanstack/react-table';
+export declare const useQueryArgs: (state: {
+    columnFilters: ColumnFiltersState;
+    globalFilter: string;
+    pagination: PaginationState;
+    sorting: SortingState;
+}) => {
+    pagination: PaginationState;
+    queryParams: string;
+    sort: string;
+    globalFilter: string;
+};

package/dist/package/hooks/useSyncScroll.d.ts

@@ -0,0 +1,7 @@
+type Axis = 'x' | 'y' | 'both';
+interface Props {
+    refs: React.RefObject<HTMLElement | null>[];
+    axis?: Axis;
+}
+declare const useSyncScroll: ({ refs, axis }: Props) => void;
+export default useSyncScroll;

package/dist/package/index.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState } from '@tanstack/react-table';
+export { useGrid, type GridContextProps } from './contexts/GridContext';
+export { Grid } from './core/index';
+export { useGridState } from './hooks/useGridState';
+export { useQueryArgs } from './hooks/useQueryArgs';
+export type { GridProps } from './types';
+export { URLSearch } from './utils/URLSearch';
+export type { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState, };