@bsol-oss/react-datatable5 12.0.0-beta.95 → 13.0.1-beta.0

package/README.md

@@ -306,6 +306,7 @@ Additional documentation is available in the `docs/` directory:
 - **[DataTable Server Usage](./docs/DATATABLE_SERVER_USAGE.md)** - Server-side DataTable integration guide
 - **[DefaultForm Usage](./docs/DEFAULTFORM_USAGE.md)** - Comprehensive form component guide
 - **[Validation & i18n](./docs/VALIDATION_I18N.md)** - Validation and internationalization setup
+- **[i18n Migration Guide](./docs/I18N_MIGRATION_GUIDE.md)** - Migrate from react-i18next to label objects
 - **[Deployment Guide](./docs/deployment.md)** - Deployment instructions
 
 ### IdPicker Customization

package/dist/index.d.ts

@@ -5,16 +5,13 @@ import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, BoxProps, FlexProps, CardBodyProps, TextProps, ImageProps } from '@chakra-ui/react';
 import { IconType } from 'react-icons';
-import * as react_i18next from 'react-i18next';
-import { UseTranslationResponse } from 'react-i18next';
 import { UseQueryResult } from '@tanstack/react-query';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { JSONSchema7 } from 'json-schema';
 import { ForeignKeyProps as ForeignKeyProps$1 } from '@/components/Form/components/fields/StringInputField';
 import { AxiosRequestConfig } from 'axios';
 import * as react_hook_form from 'react-hook-form';
-import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
-import { RenderProps, Props } from '@bsol-oss/dayzed-react19';
+import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
 
 interface TableHeaderTexts {
     pinColumn?: string;
@@ -295,7 +292,6 @@ interface DataTableDefaultState {
 }
 interface UseDataTableProps {
     default?: DataTableDefaultState;
-    keyPrefix?: string;
 }
 interface UseDataTableReturn {
     sorting: SortingState;
@@ -314,11 +310,10 @@ interface UseDataTableReturn {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
-    translate: UseTranslationResponse<any, any>;
 }
-declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, keyPrefix, }?: UseDataTableProps) => UseDataTableReturn;
+declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
 
-interface UseDataTableServerProps<TData> extends UseDataTableProps {
+interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *
@@ -443,7 +438,6 @@ interface DataTableProps<TData = unknown> {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
-    translate: UseTranslationResponse<any, any>;
     tableLabel?: DataTableLabel;
 }
 /**
@@ -456,7 +450,7 @@ interface DataTableProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-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, tableLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+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, children, tableLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 interface DataTableLabel {
     view: string;
@@ -475,12 +469,11 @@ interface DataTableLabel {
     trueLabel: string;
     falseLabel: string;
 }
-interface DataTableContextProps<TData = unknown> extends DataTableProps {
+interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
     table: Table$1<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
-    type: "client" | "server";
-    translate: UseTranslationResponse<any, unknown>;
+    type: 'client' | 'server';
     tableLabel: DataTableLabel;
 }
 
@@ -495,10 +488,27 @@ interface GetColumnsConfigs<K extends RowData> {
         [key in K as string]?: object;
     };
     defaultWidth?: number;
-    translate?: UseTranslationResponse<any, any>;
 }
 declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
-declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, translate, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
+declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
+
+interface Translate {
+    t: (key: string, options?: any) => string;
+    i18n?: any;
+    ready?: boolean;
+}
+interface UseFormProps {
+    preLoadedValues?: FieldValues | undefined;
+    keyPrefix?: string;
+    namespace?: string;
+    schema?: JSONSchema7;
+}
+declare const useForm: ({ preLoadedValues, keyPrefix: _keyPrefix, namespace: _namespace, schema, }: UseFormProps) => {
+    form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
+    idMap: Record<string, object>;
+    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
+    translate: Translate;
+};
 
 interface CustomQueryFnResponse {
     /**
@@ -797,6 +807,15 @@ interface FormButtonLabels {
     cancel?: string;
     confirm?: string;
     submitAgain?: string;
+    submitSuccess?: string;
+    add?: string;
+    save?: string;
+    addNew?: string;
+    fieldRequired?: string;
+}
+interface TimePickerLabels {
+    placeholder?: string;
+    emptyMessage?: string;
 }
 interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
@@ -855,7 +874,8 @@ interface FormRootProps<TData extends FieldValues> {
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
     form: UseFormReturn;
-    translate: UseTranslationResponse<any, any>;
+    /** Translate object for fallback text (components prefer label objects) */
+    translate: Translate;
     children: ReactNode;
     order?: string[];
     ignore?: string[];
@@ -877,6 +897,7 @@ interface FormRootProps<TData extends FieldValues> {
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
     formButtonLabels?: FormButtonLabels;
+    timePickerLabels?: TimePickerLabels;
     insideDialog?: boolean;
 }
 interface CustomJSONSchema7Definition extends JSONSchema7 {
@@ -892,7 +913,7 @@ declare const idPickerSanityCheck: (column: string, foreign_key?: {
     table?: string | undefined;
     column?: string | undefined;
 } | undefined) => void;
-declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
     formConfig: Omit<FormRootProps<TData>, "children">;
@@ -902,7 +923,7 @@ declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultF
 
 declare const FormTitle: () => react_jsx_runtime.JSX.Element;
 
-declare const FormBody: <TData extends object>() => string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const FormBody: () => react_jsx_runtime.JSX.Element;
 
 type MediaLibraryBrowserPropsBase = {
     onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
@@ -925,20 +946,42 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
 type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
 declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element | null;
 
-interface UseFormProps {
-    preLoadedValues?: FieldValues | undefined;
-    keyPrefix?: string;
-    namespace?: string;
-    schema?: JSONSchema7;
+interface CalendarDate {
+    date: Date;
+    selected: boolean;
+    selectable: boolean;
+    today: boolean;
+    isCurrentMonth: boolean;
+}
+interface Calendar {
+    month: number;
+    year: number;
+    weeks: Array<Array<CalendarDate | null>>;
+}
+interface CalendarRenderProps {
+    calendars: Calendar[];
+    getBackProps: (props?: {
+        calendars?: Calendar[];
+        offset?: number;
+    }) => {
+        onClick: () => void;
+    };
+    getForwardProps: (props?: {
+        calendars?: Calendar[];
+        offset?: number;
+    }) => {
+        onClick: () => void;
+    };
+    getDateProps: (props: {
+        dateObj: CalendarDate;
+        onMouseEnter?: () => void;
+    }) => {
+        onClick: () => void;
+        onMouseEnter?: () => void;
+    };
 }
-declare const useForm: ({ preLoadedValues, keyPrefix, namespace, schema, }: UseFormProps) => {
-    form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
-    idMap: Record<string, object>;
-    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
-    translate: react_i18next.UseTranslationResponse<string, string>;
-};
 
-interface CalendarProps extends RenderProps {
+interface CalendarProps extends CalendarRenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 interface GetDateColorProps {
@@ -951,9 +994,10 @@ interface GetVariantProps {
     selected: boolean;
     selectable: boolean;
 }
-interface DatePickerProps extends Props {
+interface DatePickerProps {
     onDateSelected?: (obj: {
         date: Date;
+        selected: Date | Date[];
     }) => void;
     selected: Date | Date[];
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -968,7 +1012,7 @@ interface DatePickerProps extends Props {
         backButtonLabel?: string;
         forwardButtonLabel?: string;
     };
-    render?: (dayzedData: any) => React__default.ReactNode;
+    render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
 }
 interface DatePickerLabels {
     monthNamesShort: string[];
@@ -992,7 +1036,7 @@ interface GetRangeDatesProps {
 }
 declare const getRangeDates: ({ selectable, date, selectedDates, }: GetRangeDatesProps) => Date[] | undefined;
 
-interface RangeCalendarProps extends RenderProps {
+interface RangeCalendarProps extends CalendarRenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     selected?: Date[];
 }
@@ -1008,7 +1052,7 @@ interface RangeDatePickerLabels {
     backButtonLabel?: string;
     forwardButtonLabel?: string;
 }
-interface RangeDatePickerProps extends Props {
+interface RangeDatePickerProps {
     onDateSelected?: (obj: {
         selected: Date[];
         selectable: boolean;
@@ -1060,7 +1104,7 @@ interface RangeDatePickerProps extends Props {
      * @default true
      */
     portalled?: boolean;
-    render?: (dayzedData: RenderProps) => React__default.ReactNode;
+    render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
 }
 
 interface DatePickerInputProps {
@@ -1084,10 +1128,9 @@ declare function DatePickerInput({ value, onChange, placeholder, dateFormat, dis
 interface RecordDisplayProps {
     object: object | null;
     boxProps?: BoxProps;
-    translate?: UseTranslationResponse<any, any>;
     prefix?: string;
 }
-declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => react_jsx_runtime.JSX.Element;
+declare const RecordDisplay: ({ object, boxProps, prefix, }: RecordDisplayProps) => react_jsx_runtime.JSX.Element;
 
 interface TableDataDisplayProps {
     colorPalette?: string;
@@ -1133,10 +1176,93 @@ declare const DefaultTableServer: ({ isLoading: isLoadingOverride, ...props }: D
 
 interface DataDisplayProps {
     variant?: 'horizontal' | 'stats' | '';
-    translate?: UseTranslationResponse<any, any>;
 }
 declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
 
+interface CalendarEvent<TData = unknown> {
+    data: TData;
+    date: Date;
+    title?: string;
+    color?: string;
+}
+interface CalendarDisplayProps<TData = unknown> {
+    /**
+     * Column ID or accessor key that contains the date for each event
+     */
+    dateColumn: string;
+    /**
+     * Optional function to extract date from row data
+     * If not provided, will use the dateColumn to get the date
+     */
+    getDate?: (row: TData) => Date | string | number | null | undefined;
+    /**
+     * Optional function to get event title from row data
+     * If not provided, will use the first column's value
+     */
+    getEventTitle?: (row: TData) => string;
+    /**
+     * Optional function to get event color from row data
+     */
+    getEventColor?: (row: TData) => string;
+    /**
+     * Optional function to render event content
+     */
+    renderEvent?: (event: CalendarEvent<TData>) => React.ReactNode;
+    /**
+     * First day of week (0 = Sunday, 1 = Monday, etc.)
+     */
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Show days outside the current month
+     */
+    showOutsideDays?: boolean;
+    /**
+     * Number of months to display
+     */
+    monthsToDisplay?: number;
+    /**
+     * Calendar labels
+     */
+    labels?: {
+        monthNamesShort: string[];
+        weekdayNamesShort: string[];
+        backButtonLabel?: string;
+        forwardButtonLabel?: string;
+    };
+    /**
+     * Callback when a date is clicked
+     */
+    onDateClick?: (date: Date, events: CalendarEvent<TData>[]) => void;
+    /**
+     * Callback when an event is clicked
+     */
+    onEventClick?: (event: CalendarEvent<TData>) => void;
+    /**
+     * Maximum number of events to show per day before showing "+N more"
+     */
+    maxEventsPerDay?: number;
+    /**
+     * Color palette for the calendar
+     */
+    colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
+    /**
+     * Fixed placeholder text to show when width is too narrow
+     * @default "..."
+     */
+    eventPlaceholder?: string;
+    /**
+     * Minimum width (in pixels) before showing placeholder instead of title
+     * @default 80
+     */
+    minEventWidth?: number;
+    /**
+     * Minimum number of characters to show before ellipsis
+     * @default 2
+     */
+    minCharsBeforeEllipsis?: number;
+}
+declare function CalendarDisplay<TData = unknown>({ dateColumn, getDate, getEventTitle, getEventColor, renderEvent, firstDayOfWeek, showOutsideDays, monthsToDisplay, labels, onDateClick, onEventClick, maxEventsPerDay, colorPalette, eventPlaceholder, minEventWidth, minCharsBeforeEllipsis, }: CalendarDisplayProps<TData>): react_jsx_runtime.JSX.Element | null;
+
 interface DataTableServerProps<TData = unknown> {
     children: ReactNode | ReactNode[];
     /**
@@ -1168,7 +1294,6 @@ interface DataTableServerProps<TData = unknown> {
     setColumnVisibility: OnChangeFn<VisibilityState>;
     query: UseQueryResult<DataResponse<TData>>;
     url?: string;
-    translate: UseTranslationResponse<any, any>;
     tableLabel?: DataTableLabel;
 }
 /**
@@ -1182,7 +1307,7 @@ interface DataTableServerProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, translate, children, tableLabel, }: DataTableServerProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, children, tableLabel, }: DataTableServerProps<TData>): react_jsx_runtime.JSX.Element;
 
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
@@ -1263,4 +1388,4 @@ declare module '@tanstack/react-table' {
     }
 }
 
-export { type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, buildErrorMessages, buildFieldErrors, buildRequiredErrors, convertToAjvErrorsFormat, createErrorMessage, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };
+export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type Translate, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, buildErrorMessages, buildFieldErrors, buildRequiredErrors, convertToAjvErrorsFormat, createErrorMessage, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };