@bsol-oss/react-datatable5 1.0.63 → 2.0.0

package/dist/types/components/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnDef, ColumnFiltersState, FilterFn, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+import { ColumnDef, ColumnFiltersState, ColumnOrderState, FilterFn, GlobalFilterTableState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { RankingInfo } from "@tanstack/match-sorter-utils";
 import { DensityState } from "../Controls/DensityFeature";
 declare module "@tanstack/react-table" {
@@ -18,16 +18,21 @@ export interface DataTableProps<TData> {
     enableMultiRowSelection?: boolean;
     enableSubRowSelection?: boolean;
     onRowSelect?: (rowSelectionState: RowSelectionState, data: TData[]) => void;
-    columnOrder?: string[];
-    columnFilters?: ColumnFiltersState;
-    globalFilter?: string;
-    density?: DensityState;
-    pagination?: {
-        pageIndex: number;
-        pageSize: number;
-    };
-    sorting?: SortingState;
-    rowSelection?: RowSelectionState;
-    columnVisibility?: VisibilityState;
+    columnOrder: ColumnOrderState;
+    columnFilters: ColumnFiltersState;
+    globalFilter: GlobalFilterTableState;
+    density: DensityState;
+    pagination: PaginationState;
+    sorting: SortingState;
+    rowSelection: RowSelectionState;
+    columnVisibility: VisibilityState;
+    setPagination: OnChangeFn<PaginationState>;
+    setSorting: OnChangeFn<SortingState>;
+    setColumnFilters: OnChangeFn<ColumnFiltersState>;
+    setRowSelection: OnChangeFn<RowSelectionState>;
+    setGlobalFilter: OnChangeFn<GlobalFilterTableState>;
+    setColumnOrder: OnChangeFn<ColumnOrderState>;
+    setDensity: OnChangeFn<DensityState>;
+    setColumnVisibility: OnChangeFn<VisibilityState>;
 }
-export declare const DataTable: <TData>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder: defaultColumnOrder, columnFilters: defaultColumnFilter, density, globalFilter: defaultGlobalFilter, pagination: defaultPagination, sorting: defaultSorting, rowSelection: defaultRowSelection, columnVisibility: defaultColumnVisibility, children, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DataTableContext.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { Table } from "@tanstack/react-table";
+import { GlobalFilterTableState, OnChangeFn, Table } from "@tanstack/react-table";
 export interface DataTableContext<TData> {
     table: Table<TData>;
     refreshData: () => void;
-    globalFilter: string;
-    setGlobalFilter: (filter: string) => void;
+    globalFilter: GlobalFilterTableState;
+    setGlobalFilter: OnChangeFn<GlobalFilterTableState>;
     loading: boolean;
+    hasError: boolean;
 }
 export declare const TableContext: import("react").Context<DataTableContext<any>>;

package/dist/types/components/DataTable/DataTableServer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnDef, ColumnFiltersState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+import { ColumnDef, ColumnFiltersState, ColumnOrderState, GlobalFilterTableState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { DensityState } from "../Controls/DensityFeature";
 export interface DataTableServerProps<TData> {
     children: JSX.Element | JSX.Element[];
@@ -9,18 +9,22 @@ export interface DataTableServerProps<TData> {
     enableMultiRowSelection?: boolean;
     enableSubRowSelection?: boolean;
     onRowSelect?: (rowSelectionState: RowSelectionState, data: TData[]) => void;
-    columnOrder?: string[];
-    columnFilters?: ColumnFiltersState;
-    globalFilter?: string;
-    density?: DensityState;
-    pagination?: {
-        pageIndex: number;
-        pageSize: number;
-    };
-    sorting?: SortingState;
-    rowSelection?: RowSelectionState;
-    loadingComponent?: JSX.Element;
-    columnVisibility?: VisibilityState;
+    columnOrder: ColumnOrderState;
+    columnFilters: ColumnFiltersState;
+    globalFilter: GlobalFilterTableState;
+    density: DensityState;
+    pagination: PaginationState;
+    sorting: SortingState;
+    rowSelection: RowSelectionState;
+    columnVisibility: VisibilityState;
+    setPagination: OnChangeFn<PaginationState>;
+    setSorting: OnChangeFn<SortingState>;
+    setColumnFilters: OnChangeFn<ColumnFiltersState>;
+    setRowSelection: OnChangeFn<RowSelectionState>;
+    setGlobalFilter: OnChangeFn<GlobalFilterTableState>;
+    setColumnOrder: OnChangeFn<ColumnOrderState>;
+    setDensity: OnChangeFn<DensityState>;
+    setColumnVisibility: OnChangeFn<VisibilityState>;
 }
 export interface Result<T> {
     results: T[];
@@ -30,4 +34,4 @@ export interface DataResponse<T> extends Result<T> {
     count: number;
     filterCount: number;
 }
-export declare const DataTableServer: <TData>({ columns, url, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder: defaultColumnOrder, columnFilters: defaultColumnFilter, density, globalFilter: defaultGlobalFilter, pagination: defaultPagination, sorting: defaultSorting, rowSelection: defaultRowSelection, columnVisibility: defaultColumnVisibility, children, }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableServer: <TData>({ columns, url, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/useDataTable.d.ts

@@ -1,7 +1,33 @@
-export declare const useDataTable: () => {
-    table: import("@tanstack/table-core").Table<any>;
-    refreshData: () => void;
-    globalFilter: string;
-    setGlobalFilter: (filter: string) => void;
-    loading: boolean;
-};
+import { ColumnFiltersState, ColumnOrderState, GlobalFilterTableState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+import { DensityState } from "../Controls/DensityFeature";
+export interface UseDataTableProps {
+    default: {
+        sorting?: SortingState;
+        columnFilters?: ColumnFiltersState;
+        pagination?: PaginationState;
+        rowSelection?: RowSelectionState;
+        columnOrder?: ColumnOrderState;
+        globalFilter?: GlobalFilterTableState;
+        columnVisibility?: VisibilityState;
+        density?: DensityState;
+    };
+}
+export interface UseDataTableReturn {
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    pagination: PaginationState;
+    rowSelection: RowSelectionState;
+    columnOrder: ColumnOrderState;
+    globalFilter: GlobalFilterTableState;
+    columnVisibility: VisibilityState;
+    density: DensityState;
+    setPagination: OnChangeFn<PaginationState>;
+    setSorting: OnChangeFn<SortingState>;
+    setColumnFilters: OnChangeFn<ColumnFiltersState>;
+    setRowSelection: OnChangeFn<RowSelectionState>;
+    setGlobalFilter: OnChangeFn<GlobalFilterTableState>;
+    setColumnOrder: OnChangeFn<ColumnOrderState>;
+    setDensity: OnChangeFn<DensityState>;
+    setColumnVisibility: OnChangeFn<VisibilityState>;
+}
+export declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;

package/dist/types/components/DataTable/useDataTableContext.d.ts

@@ -0,0 +1,8 @@
+export declare const useDataTableContext: () => {
+    table: import("@tanstack/table-core").Table<any>;
+    refreshData: () => void;
+    globalFilter: import("@tanstack/table-core").GlobalFilterTableState;
+    setGlobalFilter: import("@tanstack/table-core").OnChangeFn<import("@tanstack/table-core").GlobalFilterTableState>;
+    loading: boolean;
+    hasError: boolean;
+};

package/dist/types/index.d.ts

@@ -2,36 +2,68 @@
 import { Column, RowData } from "@tanstack/react-table";
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData extends RowData, TValue> {
+        /**
+         * The display name of the column, used for rendering headers.
+         */
         displayName?: string;
         /**
-         * @note you should provide a proper `filterfn` to handle the filtering when choosing `boolean`, `dateRange` and `custom`
+         * Specifies the type of filter to be used for the column.
+         *
+         * @remarks You should provide a proper `filterfn` to handle filtering when choosing `boolean`, `dateRange`, and `custom`.
+         *
+         * @remarks You should decide `renderFilter` to display filter ui when choosing `custom`.
+         *
+         * Possible values:
+         * - "text": A text input filter.
+         * - "range": A numerical range filter.
+         * - "select": A dropdown select filter.
+         * - "tag": A tag-based filter.
+         * - "boolean": A true/false filter.
+         * - "dateRange": A date range filter.
+         * - "custom": A custom filter function.
          */
         filterVariant?: "text" | "range" | "select" | "tag" | "boolean" | "dateRange" | "custom";
+        /**
+         * Options for the select filter variant, if applicable.
+         */
         filterOptions?: string[];
+        /**
+         * Configuration for the range filter variant, if applicable.
+         *
+         * Properties:
+         * - `min`: Minimum value for the range.
+         * - `max`: Maximum value for the range.
+         * - `step`: Step increment for the range.
+         * - `defaultValue`: Default range values for the filter.
+         */
         filterRangeConfig?: {
             min: number;
             max: number;
             step: number;
             defaultValue: [number, number];
         };
+        /**
+         * A function that renders the filter component for the column.
+         *
+         * @param column - The column for which the filter is being rendered.
+         * @returns A JSX element representing the filter UI.
+         */
         renderFilter?: (column: Column<TData>) => JSX.Element;
     }
 }
-export * from "./components/DataTable/DataTable";
-export * from "./components/DataTable/DataTableServer";
-export * from "./components/DataTable/DefaultTable";
 export * from "./components/Controls/DensityToggleButton";
 export * from "./components/Controls/EditFilterButton";
 export * from "./components/Controls/EditOrderButton";
 export * from "./components/Controls/EditSortingButton";
 export * from "./components/Controls/EditViewButton";
-export * from "./components/Filter/FilterOptions";
-export * from "./components/Filter/GlobalFilter";
 export * from "./components/Controls/PageSizeControl";
 export * from "./components/Controls/ResetFilteringButton";
 export * from "./components/Controls/ResetSelectionButton";
 export * from "./components/Controls/ResetSortingButton";
 export * from "./components/Controls/RowCountText";
+export * from "./components/DataTable/DataTable";
+export * from "./components/DataTable/DataTableServer";
+export * from "./components/DataTable/DefaultTable";
 export * from "./components/DataTable/Table";
 export * from "./components/DataTable/TableBody";
 export * from "./components/DataTable/TableCardContainer";
@@ -51,4 +83,6 @@ export * from "./components/DataTable/TableSorter";
 export * from "./components/DataTable/TableViewer";
 export * from "./components/DataTable/TextCell";
 export * from "./components/DataTable/useDataFromUrl";
-export * from "./components/DataTable/useDataTable";
+export * from "./components/DataTable/useDataTableContext";
+export * from "./components/Filter/FilterOptions";
+export * from "./components/Filter/GlobalFilter";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "1.0.63",
+  "version": "2.0.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/types/components/DataTable.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { ColumnDef, ColumnFiltersState, FilterFn, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { RankingInfo } from "@tanstack/match-sorter-utils";
-import { DensityState } from "./DensityFeature";
-declare module "@tanstack/react-table" {
-    interface FilterFns {
-        fuzzy: FilterFn<unknown>;
-    }
-    interface FilterMeta {
-        itemRank: RankingInfo;
-    }
-}
-export interface DataTableProps<TData> {
-    children?: JSX.Element | JSX.Element[];
-    data: TData[];
-    columns: ColumnDef<TData, any>[];
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSubRowSelection?: boolean;
-    onRowSelect?: (rowSelectionState: RowSelectionState, data: TData[]) => void;
-    columnOrder?: string[];
-    columnFilters?: ColumnFiltersState;
-    globalFilter?: string;
-    density?: DensityState;
-    pagination?: {
-        pageIndex: number;
-        pageSize: number;
-    };
-    sorting?: SortingState;
-    rowSelection?: RowSelectionState;
-    columnVisibility?: VisibilityState;
-}
-export declare const DataTable: <TData>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder: defaultColumnOrder, columnFilters: defaultColumnFilter, density, globalFilter: defaultGlobalFilter, pagination: defaultPagination, sorting: defaultSorting, rowSelection: defaultRowSelection, columnVisibility: defaultColumnVisibility, children, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTableContext.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Table } from "@tanstack/react-table";
-export interface DataTableContext<TData> {
-    table: Table<TData>;
-    refreshData: () => void;
-    globalFilter: string;
-    setGlobalFilter: (filter: string) => void;
-    loading: boolean;
-}
-export declare const TableContext: import("react").Context<DataTableContext<any>>;

package/dist/types/components/DataTableServer.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { ColumnDef, ColumnFiltersState, RowData, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "./DensityFeature";
-export interface DataTableServerProps<TData> {
-    children: JSX.Element | JSX.Element[];
-    url: string;
-    columns: ColumnDef<TData, any>[];
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSubRowSelection?: boolean;
-    onRowSelect?: (rowSelectionState: RowSelectionState, data: TData[]) => void;
-    columnOrder?: string[];
-    columnFilters?: ColumnFiltersState;
-    globalFilter?: string;
-    density?: DensityState;
-    pagination?: {
-        pageIndex: number;
-        pageSize: number;
-    };
-    sorting?: SortingState;
-    rowSelection?: RowSelectionState;
-    loadingComponent?: JSX.Element;
-    columnVisibility?: VisibilityState;
-}
-export interface Result<T> {
-    results: T[];
-}
-export interface DataResponse<T> extends Result<T> {
-    success: boolean;
-    count: number;
-    filterCount: number;
-}
-declare module "@tanstack/react-table" {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        displayName?: string;
-    }
-}
-export declare const DataTableServer: <TData>({ columns, url, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder: defaultColumnOrder, columnFilters: defaultColumnFilter, density, globalFilter: defaultGlobalFilter, pagination: defaultPagination, sorting: defaultSorting, rowSelection: defaultRowSelection, columnVisibility: defaultColumnVisibility, children, }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DefaultTable.d.ts

@@ -1,5 +0,0 @@
-import { TableControlsProps } from "./TableControls";
-export interface DefaultTableProps extends TableControlsProps {
-    showFooter?: boolean;
-}
-export declare const DefaultTable: ({ totalText, showFilter, showFooter, fitTableWidth, fitTableHeight, isMobile, filterOptions, showFilterTags, showFilterName, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DensityFeature.d.ts

@@ -1,23 +0,0 @@
-import { OnChangeFn, Updater, RowData, TableFeature } from "@tanstack/react-table";
-export type DensityState = "sm" | "md" | "lg";
-export interface DensityTableState {
-    density: DensityState;
-}
-export interface DensityOptions {
-    enableDensity?: boolean;
-    onDensityChange?: OnChangeFn<DensityState>;
-}
-export interface DensityInstance {
-    setDensity: (updater: Updater<DensityState>) => void;
-    toggleDensity: (value?: DensityState) => void;
-    getDensityValue: (value?: DensityState) => number;
-}
-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>;

package/dist/types/components/DensityToggle.d.ts

@@ -1 +0,0 @@
-export declare const SelectAllRowsToggle: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DensityToggleButton.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface DensityToggleButtonProps {
-    icon?: React.ReactElement;
-    text?: string;
-}
-export declare const DensityToggleButton: ({ text, icon, }: DensityToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditFilterButton.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface EditFilterButtonProps {
-    text?: string;
-    title?: string;
-    closeText?: string;
-    resetText?: string;
-    icon?: React.ReactElement;
-}
-export declare const EditFilterButton: ({ text, title, closeText, resetText, icon, ...props }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditOrderButton.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface EditOrderButtonProps {
-    title?: string;
-    icon?: React.ReactElement;
-    text?: string;
-}
-export declare const EditOrderButton: ({ text, icon, title, }: EditOrderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditSortingButton.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface EditSortingButtonProps {
-    title?: string;
-    icon?: React.ReactElement;
-    text?: string;
-}
-export declare const EditSortingButton: ({ text, icon, title, }: EditSortingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/EditViewButton.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface EditViewButtonProps {
-    text?: string;
-    icon?: React.ReactElement;
-    title?: string;
-}
-export declare const EditViewButton: ({ text, icon, title, }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FilterOptions.d.ts

@@ -1,4 +0,0 @@
-export interface FilterOptionsProps {
-    column: string;
-}
-export declare const FilterOptions: ({ column }: FilterOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/GlobalFilter.d.ts

@@ -1,3 +0,0 @@
-export declare const GlobalFilter: ({ icon }: {
-    icon?: import("react-icons/lib").IconType | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PageSizeControl.d.ts

@@ -1,4 +0,0 @@
-export interface PageSizeControlProps {
-    pageSizes?: number[];
-}
-export declare const PageSizeControl: ({ pageSizes, }: PageSizeControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ResetFilteringButton.d.ts

@@ -1,4 +0,0 @@
-export interface ResetFilteringButtonProps {
-    text?: string;
-}
-export declare const ResetFilteringButton: ({ text, }: ResetFilteringButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ResetSelectionButton.d.ts

@@ -1,4 +0,0 @@
-export interface ResetSelectionButtonProps {
-    text?: string;
-}
-export declare const ResetSelectionButton: ({ text, }: ResetSelectionButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ResetSortingButton.d.ts

@@ -1,4 +0,0 @@
-export interface ResetSortingButtonProps {
-    text?: string;
-}
-export declare const ResetSortingButton: ({ text, }: ResetSortingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/RowCountText.d.ts

@@ -1 +0,0 @@
-export declare const RowCountText: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/SelectAllRowsToggle.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface SelectAllRowsToggleProps {
-    selectAllIcon: React.ReactElement;
-    clearAllIcon: React.ReactElement;
-    selectAllText: string;
-    clearAllText: string;
-}
-export declare const SelectAllRowsToggle: ({ selectAllIcon, clearAllIcon, selectAllText, clearAllText, }: SelectAllRowsToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Table.d.ts

@@ -1,8 +0,0 @@
-import { TableProps as ChakraTableProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
-export interface TableProps extends ChakraTableProps {
-    showLoading?: boolean;
-    loadingComponent?: JSX.Element;
-    children: ReactNode;
-}
-export declare const Table: ({ children, showLoading, loadingComponent, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +0,0 @@
-import { Row } from "@tanstack/react-table";
-export interface TableBodyProps {
-    pinnedBgColor?: {
-        light: string;
-        dark: string;
-    };
-}
-export interface TableRowSelectorProps<TData> {
-    index: number;
-    row: Row<TData>;
-    hoveredRow: number;
-    pinnedBgColor?: {
-        light: string;
-        dark: string;
-    };
-}
-export declare const TableBody: ({ pinnedBgColor, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableCardContainer.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridProps } from "@chakra-ui/react";
-export interface TableCardContainerProps extends GridProps {
-    children: JSX.Element;
-}
-export declare const TableCardContainer: ({ children, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableCards.d.ts

@@ -1,4 +0,0 @@
-export interface TableCardsProps {
-    isSelectable?: boolean;
-}
-export declare const TableCards: ({ isSelectable }: TableCardsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableComponent.d.ts

@@ -1,6 +0,0 @@
-import { Table } from "@tanstack/react-table";
-import React from "react";
-export interface TableRendererProps<TData> {
-    render: (render: Table<TData>) => React.ReactElement;
-}
-export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/dist/types/components/TableComponentRenderer.d.ts

@@ -1,6 +0,0 @@
-import { Table } from "@tanstack/react-table";
-import React from "react";
-export interface TableRendererProps<TData> {
-    render: (render: Table<TData>) => React.ReactElement;
-}
-export declare const TableComponentRenderer: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/dist/types/components/TableControls.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface TableControlsProps {
-    totalText?: string;
-    showFilter?: boolean;
-    fitTableWidth?: boolean;
-    fitTableHeight?: boolean;
-    isMobile?: boolean;
-    children?: JSX.Element;
-    showFilterName?: boolean;
-    showFilterTags?: boolean;
-    filterOptions?: string[];
-}
-export declare const TableControls: ({ totalText, showFilter, fitTableWidth, fitTableHeight, isMobile, children, showFilterName, showFilterTags, filterOptions, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableFilter.d.ts

@@ -1,8 +0,0 @@
-import { RowData } from "@tanstack/react-table";
-declare module "@tanstack/react-table" {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        filterVariant?: "text" | "range" | "select";
-        filterOptions?: string[];
-    }
-}
-export declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableFilterTags.d.ts

@@ -1 +0,0 @@
-export declare const TableFilterTags: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableFooter.d.ts

@@ -1,7 +0,0 @@
-export interface TableFooterProps {
-    pinnedBgColor?: {
-        light: string;
-        dark: string;
-    };
-}
-export declare const TableFooter: ({ pinnedBgColor, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableHeader.d.ts

@@ -1,8 +0,0 @@
-export interface TableHeaderProps {
-    canResize?: boolean;
-    pinnedBgColor?: {
-        light: string;
-        dark: string;
-    };
-}
-export declare const TableHeader: ({ canResize, pinnedBgColor, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableLoadingComponent.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export interface TableLoadingComponentProps {
-    render: (loading: boolean) => JSX.Element;
-}
-export declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableOrderer.d.ts

@@ -1 +0,0 @@
-export declare const TableOrderer: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TablePagination.d.ts

@@ -1,3 +0,0 @@
-export interface PaginationProps {
-}
-export declare const TablePagination: ({}: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableReloadButton.d.ts

@@ -1,4 +0,0 @@
-export interface ReloadButtonProps {
-    text?: string;
-}
-export declare const ReloadButton: ({ text }: ReloadButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableSelector.d.ts

@@ -1 +0,0 @@
-export declare const TableSelector: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableSorter.d.ts

@@ -1 +0,0 @@
-export declare const TableSorter: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TableViewer.d.ts

@@ -1 +0,0 @@
-export declare const TableViewer: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/TextCell.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TextProps, TooltipProps } from "@chakra-ui/react";
-export interface TextCellProps extends TextProps {
-    label?: string;
-    noOfLines?: number[];
-    padding?: string;
-    children: string | number | JSX.Element | JSX.Element[];
-    tooltipProps?: TooltipProps;
-}
-export declare const TextCell: ({ label, noOfLines, padding, children, tooltipProps, ...props }: TextCellProps) => import("react/jsx-runtime").JSX.Element;