@bsol-oss/react-datatable5 12.0.0-beta.5 → 12.0.0-beta.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Row, Table as Table$1, OnChangeFn, RowData, Updater, FilterFn, ColumnDef, RowSelectionState, ColumnOrderState, ColumnFiltersState, PaginationState, SortingState, VisibilityState, Column } from '@tanstack/react-table';
+import { Row, RowData, OnChangeFn, Updater, FilterFn, ColumnDef, RowSelectionState, ColumnOrderState, ColumnFiltersState, PaginationState, SortingState, VisibilityState, Table as Table$1, Column } from '@tanstack/react-table';
 import * as React$1 from 'react';
 import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -85,23 +85,6 @@ interface ErrorAlertProps {
 }
 declare const ErrorAlert: ({ showMessage }: ErrorAlertProps) => react_jsx_runtime.JSX.Element;
 
-interface DataTableContext<TData = unknown> {
-    table: Table$1<TData>;
-    globalFilter: string;
-    setGlobalFilter: OnChangeFn<string>;
-    type: "client" | "server";
-    translate: UseTranslationResponse<any, any>;
-}
-declare const DataTableContext: React$1.Context<DataTableContext<unknown>>;
-
-declare const useDataTableContext: <TData>() => DataTableContext<TData>;
-
-interface DataDisplayProps {
-    variant?: "horizontal" | "stats" | "";
-    translate?: UseTranslationResponse<any, any>;
-}
-declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
-
 type DensityState = "sm" | "md" | "lg";
 interface DensityTableState {
     density: DensityState;
@@ -183,6 +166,23 @@ interface DataTableProps<TData = unknown> {
  */
 declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
+interface DataTableContext<TData = unknown> extends DataTableProps {
+    table: Table$1<TData>;
+    globalFilter: string;
+    setGlobalFilter: OnChangeFn<string>;
+    type: "client" | "server";
+    translate: UseTranslationResponse<any, any>;
+}
+declare const DataTableContext: React$1.Context<DataTableContext<unknown>>;
+
+declare const useDataTableContext: <TData>() => DataTableContext<TData>;
+
+interface DataDisplayProps {
+    variant?: "horizontal" | "stats" | "";
+    translate?: UseTranslationResponse<any, any>;
+}
+declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
+
 interface DataTableDefaultState {
     sorting?: SortingState;
     columnFilters?: ColumnFiltersState;

package/dist/index.js

@@ -2814,6 +2814,21 @@ function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSel
             setGlobalFilter,
             type: "client",
             translate,
+            columns,
+            sorting,
+            setSorting,
+            columnFilters,
+            setColumnFilters,
+            pagination,
+            setPagination,
+            rowSelection,
+            setRowSelection,
+            columnOrder,
+            setColumnOrder,
+            density,
+            setDensity,
+            columnVisibility,
+            setColumnVisibility,
         }, children: children }));
 }
 
@@ -2882,6 +2897,21 @@ function DataTableServer({ columns, enableRowSelection = true, enableMultiRowSel
             setGlobalFilter,
             type: "server",
             translate,
+            columns,
+            sorting,
+            setSorting,
+            columnFilters,
+            setColumnFilters,
+            pagination,
+            setPagination,
+            rowSelection,
+            setRowSelection,
+            columnOrder,
+            setColumnOrder,
+            density,
+            setDensity,
+            columnVisibility,
+            setColumnVisibility,
         }, children: jsxRuntime.jsx(DataTableServerContext.Provider, { value: { url, query }, children: children }) }));
 }
 
@@ -2891,6 +2921,7 @@ const Checkbox = React__namespace.forwardRef(function Checkbox(props, ref) {
 });
 
 const TableBody = ({ pinnedBgColor = { light: "gray.50", dark: "gray.700" }, showSelector = false, alwaysShowSelector = true, canResize = true, }) => {
+    "use no memo";
     const { table } = useDataTableContext();
     const SELECTION_BOX_WIDTH = 20;
     const [hoveredRow, setHoveredRow] = React.useState(-1);

package/dist/index.mjs

@@ -2794,6 +2794,21 @@ function DataTable({ columns, data, enableRowSelection = true, enableMultiRowSel
             setGlobalFilter,
             type: "client",
             translate,
+            columns,
+            sorting,
+            setSorting,
+            columnFilters,
+            setColumnFilters,
+            pagination,
+            setPagination,
+            rowSelection,
+            setRowSelection,
+            columnOrder,
+            setColumnOrder,
+            density,
+            setDensity,
+            columnVisibility,
+            setColumnVisibility,
         }, children: children }));
 }
 
@@ -2862,6 +2877,21 @@ function DataTableServer({ columns, enableRowSelection = true, enableMultiRowSel
             setGlobalFilter,
             type: "server",
             translate,
+            columns,
+            sorting,
+            setSorting,
+            columnFilters,
+            setColumnFilters,
+            pagination,
+            setPagination,
+            rowSelection,
+            setRowSelection,
+            columnOrder,
+            setColumnOrder,
+            density,
+            setDensity,
+            columnVisibility,
+            setColumnVisibility,
         }, children: jsx(DataTableServerContext.Provider, { value: { url, query }, children: children }) }));
 }
 
@@ -2871,6 +2901,7 @@ const Checkbox = React.forwardRef(function Checkbox(props, ref) {
 });
 
 const TableBody = ({ pinnedBgColor = { light: "gray.50", dark: "gray.700" }, showSelector = false, alwaysShowSelector = true, canResize = true, }) => {
+    "use no memo";
     const { table } = useDataTableContext();
     const SELECTION_BOX_WIDTH = 20;
     const [hoveredRow, setHoveredRow] = useState(-1);

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

@@ -1,7 +1,7 @@
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, FilterFn, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { ReactNode } from "react";
 import { RankingInfo } from "@tanstack/match-sorter-utils";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { UseTranslationResponse } from "react-i18next";
 declare module "@tanstack/react-table" {
     interface FilterFns {

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

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { UseQueryResult } from "@tanstack/react-query";
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { DataResponse } from "./useDataTableServer";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableServerProps<TData extends DataResponse = DataResponse<unknown>> {

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

@@ -1,9 +1,9 @@
 import { TableHeaderProps as ChakraHeaderProps } from "@chakra-ui/react";
-import { TableBodyProps } from "./TableBody";
-import { TableControlsProps } from "./TableControls";
-import { TableFooterProps } from "./TableFooter";
-import { TableHeaderProps } from "./TableHeader";
-import { TableProps } from "./Table";
+import { TableBodyProps } from "./display/TableBody";
+import { TableControlsProps } from "./controls/TableControls";
+import { TableFooterProps } from "./display/TableFooter";
+import { TableHeaderProps } from "./display/TableHeader";
+import { TableProps } from "./display/Table";
 export interface DefaultTableProps {
     showFooter?: boolean;
     showSelector?: boolean;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { OnChangeFn, Table } from "@tanstack/react-table";
 import { UseTranslationResponse } from "react-i18next";
-export interface DataTableContext<TData = unknown> {
+import { DataTableProps } from "../DataTable";
+export interface DataTableContext<TData = unknown> extends DataTableProps {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;

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

@@ -0,0 +1,23 @@
+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/DataTable/controls/DensityToggleButton.d.ts

@@ -0,0 +1,6 @@
+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/DataTable/controls/EditSortingButton.d.ts

@@ -0,0 +1,7 @@
+/// <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/DataTable/controls/FilterDialog.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface EditFilterButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const FilterDialog: ({ icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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/DataTable/controls/TableControls.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+export interface TableControlsProps {
+    totalText?: string;
+    fitTableWidth?: boolean;
+    fitTableHeight?: boolean;
+    children?: ReactNode;
+    showGlobalFilter?: boolean;
+    showFilter?: boolean;
+    showFilterName?: boolean;
+    showFilterTags?: boolean;
+    showReload?: boolean;
+    showPagination?: boolean;
+    showPageSizeControl?: boolean;
+    showPageCountText?: boolean;
+    showView?: boolean;
+    filterOptions?: string[];
+    extraItems?: ReactNode;
+    loading?: boolean;
+    hasError?: boolean;
+}
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { ImageProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { IconType } from "react-icons";
+export interface CardHeaderProps<TData> {
+    row: Row<TData>;
+    imageColumnId?: keyof TData;
+    titleColumnId?: keyof TData;
+    tagColumnId?: keyof TData;
+    tagIcon?: IconType;
+    showTag?: boolean;
+    imageProps?: ImageProps;
+}
+export declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumnId, tagIcon, showTag, imageProps, }: CardHeaderProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { UseTranslationResponse } from "react-i18next";
+export interface DataDisplayProps {
+    variant?: "horizontal" | "stats" | "";
+    translate?: UseTranslationResponse<any, any>;
+}
+export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface EmptyStateProps {
+    title?: string;
+    description?: string;
+}
+export declare const EmptyState: ({ title, description, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import { BoxProps } from "@chakra-ui/react";
+import { UseTranslationResponse } from "react-i18next";
+export interface RecordDisplayProps {
+    object: object | null;
+    boxProps?: BoxProps;
+    translate?: UseTranslationResponse<any, any>;
+    prefix?: string;
+}
+export declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { TableRootProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableProps extends TableRootProps {
+    showLoading?: boolean;
+    loadingComponent?: ReactNode;
+    emptyComponent?: ReactNode;
+    canResize?: boolean;
+    children: ReactNode;
+}
+export declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -0,0 +1,7 @@
+import { GridProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableCardContainerProps extends GridProps {
+    children: ReactNode;
+    variant?: "carousel" | "";
+}
+export declare const TableCardContainer: ({ children, variant, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { CardBodyProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { ReactNode } from "react";
+export interface TableCardsProps<TData> {
+    isSelectable?: boolean;
+    showDisplayNameOnly?: boolean;
+    renderTitle?: (row: Row<TData>) => ReactNode | undefined;
+    cardBodyProps?: CardBodyProps;
+}
+export declare const DefaultCardTitle: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+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<unknown, string | React.JSXElementConstructor<any>>;

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { TableHeaderProps as ChakraTableHeaderProps } from "@chakra-ui/react";
+export interface TableHeaderProps {
+    canResize?: boolean;
+    pinnedBgColor?: {
+        light: string;
+        dark: string;
+    };
+    showSelector?: boolean;
+    isSticky?: boolean;
+    alwaysShowSelector?: boolean;
+    tHeadProps?: ChakraTableHeaderProps;
+}
+export declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import { FlexProps, TextProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TextCellProps {
+    label?: string;
+    noOfLines?: number[];
+    children: string | number | ReactNode | ReactNode[];
+    containerProps?: FlexProps;
+    textProps?: TextProps;
+}
+export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableDefaultState {
     sorting?: SortingState;

package/dist/types/index.d.ts

@@ -57,40 +57,40 @@ declare module "@tanstack/react-table" {
         renderFilter?: (column: Column<TData>) => ReactNode;
     }
 }
-export * from "./components/Controls/DensityToggleButton";
-export * from "./components/Controls/EditSortingButton";
-export * from "./components/Controls/FilterDialog";
-export * from "./components/Controls/PageSizeControl";
-export * from "./components/Controls/Pagination";
-export * from "./components/Controls/ResetFilteringButton";
-export * from "./components/Controls/ResetSelectionButton";
-export * from "./components/Controls/ResetSortingButton";
-export * from "./components/Controls/RowCountText";
-export * from "./components/Controls/ViewDialog";
-export * from "./components/DataTable/CardHeader";
-export * from "./components/DataTable/components/EmptyState";
-export * from "./components/DataTable/components/ErrorAlert";
+export * from "./components/DataTable/controls/DensityToggleButton";
+export * from "./components/DataTable/controls/EditSortingButton";
+export * from "./components/DataTable/controls/FilterDialog";
+export * from "./components/DataTable/controls/PageSizeControl";
+export * from "./components/DataTable/controls/Pagination";
+export * from "./components/DataTable/controls/ResetFilteringButton";
+export * from "./components/DataTable/controls/ResetSelectionButton";
+export * from "./components/DataTable/controls/ResetSortingButton";
+export * from "./components/DataTable/controls/RowCountText";
+export * from "./components/DataTable/controls/ViewDialog";
+export * from "./components/DataTable/display/CardHeader";
+export * from "./components/DataTable/display/EmptyState";
+export * from "./components/DataTable/display/ErrorAlert";
 export * from "./components/DataTable/context/useDataTableContext";
-export * from "./components/DataTable/DataDisplay";
+export * from "./components/DataTable/display/DataDisplay";
 export * from "./components/DataTable/DataTable";
 export * from "./components/DataTable/DataTableServer";
 export * from "./components/DataTable/DefaultTable";
-export * from "./components/DataTable/ReloadButton";
-export * from "./components/DataTable/Table";
-export * from "./components/DataTable/TableBody";
-export * from "./components/DataTable/TableCardContainer";
-export * from "./components/DataTable/TableCards";
-export * from "./components/DataTable/TableComponent";
-export * from "./components/DataTable/TableControls";
-export * from "./components/DataTable/TableFilters";
-export * from "./components/DataTable/TableFilterTags";
-export * from "./components/DataTable/TableFooter";
-export * from "./components/DataTable/TableHeader";
-export * from "./components/DataTable/TableLoadingComponent";
-export * from "./components/DataTable/TableSelector";
-export * from "./components/DataTable/TableSorter";
-export * from "./components/DataTable/TableViewer";
-export * from "./components/DataTable/components/TextCell";
+export * from "./components/DataTable/controls/ReloadButton";
+export * from "./components/DataTable/display/Table";
+export * from "./components/DataTable/display/TableBody";
+export * from "./components/DataTable/display/TableCardContainer";
+export * from "./components/DataTable/display/TableCards";
+export * from "./components/DataTable/display/TableComponent";
+export * from "./components/DataTable/controls/TableControls";
+export * from "./components/DataTable/controls/TableFilters";
+export * from "./components/DataTable/controls/TableFilterTags";
+export * from "./components/DataTable/display/TableFooter";
+export * from "./components/DataTable/display/TableHeader";
+export * from "./components/DataTable/display/TableLoadingComponent";
+export * from "./components/DataTable/controls/TableSelector";
+export * from "./components/DataTable/controls/TableSorter";
+export * from "./components/DataTable/controls/TableViewer";
+export * from "./components/DataTable/display/TextCell";
 export * from "./components/DataTable/useDataTable";
 export * from "./components/DataTable/useDataTableServer";
 export * from "./components/DataTable/utils/getColumns";
@@ -105,4 +105,4 @@ export * from "./components/DatePicker/DatePicker";
 export * from "./components/DatePicker/getMultiDates";
 export * from "./components/DatePicker/getRangeDates";
 export * from "./components/DatePicker/RangeDatePicker";
-export * from "./components/DataTable/components/RecordDisplay";
+export * from "./components/DataTable/display/RecordDisplay";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.5",
+  "version": "12.0.0-beta.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -41,7 +41,7 @@
     "@emotion/react": "^11.13.5",
     "@tanstack/match-sorter-utils": "^8.15.1",
     "@tanstack/react-query": "^5.66.9",
-    "@tanstack/react-table": "^8.16.0",
+    "@tanstack/react-table": "^8.21.2",
     "@uidotdev/usehooks": "^2.4.1",
     "axios": "^1.7.9",
     "dayjs": "^1.11.13",