@bsol-oss/react-datatable5 12.0.0-beta.71 → 12.0.0-beta.73

package/README.md

@@ -22,7 +22,7 @@ The `DataTable` and `DataTableServer` utilize hook to add props.
 
 ```tsx
 const datatable = useDataTable();
-const datatableServer = useDataTableServer({ url: "<some-url>" });
+const datatableServer = useDataTableServer({ url: '<some-url>' });
 ```
 
 ### DataTable
@@ -66,9 +66,9 @@ GET http://localhost:8081/api/g/core_people?offset=0&limit=10&sorting[0][id]=id&
           <DefaultCard
             {...{
               row: row,
-              imageColumnId: "thumbnail",
-              titleColumnId: "title",
-              tagColumnId: "rating",
+              imageColumnId: 'thumbnail',
+              titleColumnId: 'title',
+              tagColumnId: 'rating',
               tagIcon: MdStarRate,
             }}
           />
@@ -111,45 +111,51 @@ The package now includes built-in JSON Schema validation using AJV (Another JSON
 #### Basic Usage with Internationalization
 
 ```tsx
-import { FormRoot, FormBody, validateData, SupportedLocale } from "@bsol-oss/react-datatable5";
+import {
+  FormRoot,
+  FormBody,
+  validateData,
+  SupportedLocale,
+} from '@bsol-oss/react-datatable5';
 
 const schema = {
-  type: "object",
-  required: ["email", "age"],
+  type: 'object',
+  required: ['email', 'age'],
   properties: {
     email: {
-      type: "string",
-      format: "email"
+      type: 'string',
+      format: 'email',
     },
     age: {
-      type: "integer",
+      type: 'integer',
       minimum: 18,
-      maximum: 120
+      maximum: 120,
     },
     name: {
-      type: "string",
+      type: 'string',
       minLength: 2,
-      maxLength: 50
-    }
-  }
+      maxLength: 50,
+    },
+  },
 };
 
 // Use Traditional Chinese (Hong Kong) for validation errors
-<FormRoot 
-  schema={schema} 
+<FormRoot
+  schema={schema}
   validationLocale="zh-HK"
   /* other props */
 >
   <FormBody />
-</FormRoot>
+</FormRoot>;
 ```
 
 #### Language-specific Examples
 
 **Traditional Chinese (Hong Kong):**
+
 ```tsx
-<FormRoot 
-  schema={schema} 
+<FormRoot
+  schema={schema}
   validationLocale="zh-HK"
   /* other props */
 >
@@ -158,9 +164,10 @@ const schema = {
 ```
 
 **Traditional Chinese (Taiwan):**
+
 ```tsx
-<FormRoot 
-  schema={schema} 
+<FormRoot
+  schema={schema}
   validationLocale="zh-TW"
   /* other props */
 >
@@ -169,9 +176,10 @@ const schema = {
 ```
 
 **Simplified Chinese:**
+
 ```tsx
-<FormRoot 
-  schema={schema} 
+<FormRoot
+  schema={schema}
   validationLocale="zh-CN"
   /* other props */
 >
@@ -184,20 +192,27 @@ const schema = {
 You can also use the validation utilities directly with language support:
 
 ```tsx
-import { validateData, ValidationResult, SupportedLocale } from "@bsol-oss/react-datatable5";
+import {
+  validateData,
+  ValidationResult,
+  SupportedLocale,
+} from '@bsol-oss/react-datatable5';
 
 // Validate with Traditional Chinese (Hong Kong) error messages
-const result: ValidationResult = validateData(formData, schema, { 
-  locale: 'zh-HK' 
+const result: ValidationResult = validateData(formData, schema, {
+  locale: 'zh-HK',
 });
 
 if (!result.isValid) {
-  console.log("驗證錯誤:", result.errors);
+  console.log('驗證錯誤:', result.errors);
   // Error messages will be in Traditional Chinese
 }
 
 // Check supported locales
-import { getSupportedLocales, isLocaleSupported } from "@bsol-oss/react-datatable5";
+import {
+  getSupportedLocales,
+  isLocaleSupported,
+} from '@bsol-oss/react-datatable5';
 
 const supportedLocales = getSupportedLocales(); // ['en', 'zh-HK', 'zh-TW', 'zh-CN', 'zh']
 const isSupported = isLocaleSupported('zh-HK'); // true
@@ -207,34 +222,37 @@ const isSupported = isLocaleSupported('zh-HK'); // true
 
 ```tsx
 interface ValidationError {
-  field: string;        // The field that failed validation
-  message: string;      // User-friendly error message (localized)
-  value?: unknown;      // The current value that failed
-  schemaPath?: string;  // JSON Schema path for debugging
+  field: string; // The field that failed validation
+  message: string; // User-friendly error message (localized)
+  value?: unknown; // The current value that failed
+  schemaPath?: string; // JSON Schema path for debugging
 }
 ```
 
 #### Dynamic Language Switching
 
 ```tsx
-import { SupportedLocale } from "@bsol-oss/react-datatable5";
+import { SupportedLocale } from '@bsol-oss/react-datatable5';
 
 const MyForm = () => {
   const [locale, setLocale] = useState<SupportedLocale>('zh-HK');
-  
+
   return (
     <div>
       {/* Language selector */}
-      <select value={locale} onChange={(e) => setLocale(e.target.value as SupportedLocale)}>
+      <select
+        value={locale}
+        onChange={(e) => setLocale(e.target.value as SupportedLocale)}
+      >
         <option value="en">English</option>
         <option value="zh-HK">繁體中文（香港）</option>
         <option value="zh-TW">繁體中文（台灣）</option>
         <option value="zh-CN">简体中文</option>
       </select>
-      
+
       {/* Form with dynamic locale */}
-      <FormRoot 
-        schema={schema} 
+      <FormRoot
+        schema={schema}
         validationLocale={locale}
         /* other props */
       >
@@ -248,16 +266,19 @@ const MyForm = () => {
 #### Example Validation Messages
 
 **English:**
+
 - "email is required"
 - "Invalid email format"
 - "Must be at least 18"
 
 **Traditional Chinese (Hong Kong/Taiwan):**
+
 - "email 為必填"
 - "無效的 email 格式"
 - "必須至少為 18"
 
 **Simplified Chinese:**
+
 - "email 为必填"
 - "无效的 email 格式"
 - "必须至少为 18"
@@ -281,4 +302,10 @@ For more details of props and examples, please review the stories in storybook p
 ```
 npm install
 npm run storybook
-```
+```
+
+## deployment
+
+```
+npm version prerelease --preid=beta
+```

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 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 from 'react';
+import react__default, { ReactNode, Dispatch, SetStateAction } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ImageProps, GridProps, TableRootProps, TableHeaderProps as TableHeaderProps$1, TableRowProps, BoxProps, FlexProps, CardBodyProps, TextProps } from '@chakra-ui/react';
 import { IconType } from 'react-icons';
@@ -17,7 +17,7 @@ import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
 import { RenderProps, Props } from '@bsol-oss/dayzed-react19';
 
 interface DensityToggleButtonProps {
-    icon?: React__default.ReactElement;
+    icon?: react__default.ReactElement;
     text?: string;
 }
 declare const DensityToggleButton: ({ text, icon, }: DensityToggleButtonProps) => react_jsx_runtime.JSX.Element;
@@ -50,7 +50,7 @@ declare const ResetSortingButton: () => react_jsx_runtime.JSX.Element;
 declare const RowCountText: () => react_jsx_runtime.JSX.Element;
 
 interface EditViewButtonProps {
-    icon?: React__default.ReactElement;
+    icon?: react__default.ReactElement;
 }
 declare const ViewDialog: ({ icon }: EditViewButtonProps) => react_jsx_runtime.JSX.Element;
 
@@ -386,7 +386,7 @@ interface TableProps extends TableRootProps {
     canResize?: boolean;
     children: ReactNode;
 }
-declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface TableBodyProps {
     pinnedBgColor?: {
@@ -500,9 +500,9 @@ declare const DefaultCardTitle: () => react_jsx_runtime.JSX.Element;
 declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface TableRendererProps<TData> {
-    render: (render: Table$1<TData>) => React__default.ReactElement;
+    render: (render: Table$1<TData>) => react__default.ReactElement;
 }
-declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
+declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => react__default.ReactElement<unknown, string | react__default.JSXElementConstructor<any>>;
 
 declare const TableFilter: () => react_jsx_runtime.JSX.Element;
 
@@ -573,6 +573,32 @@ interface ForeignKeyProps {
     customQueryFn?: CustomQueryFn;
 }
 
+interface DateTimePickerLabels {
+    monthNamesShort?: string[];
+    weekdayNamesShort?: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
+}
+interface IdPickerLabels {
+    undefined?: string;
+    addMore?: string;
+    typeToSearch?: string;
+    total?: string;
+    showing?: string;
+    perPage?: string;
+    emptySearchResult?: string;
+    initialResults?: string;
+}
+interface EnumPickerLabels {
+    undefined?: string;
+    addMore?: string;
+    typeToSearch?: string;
+    total?: string;
+    showing?: string;
+    perPage?: string;
+    emptySearchResult?: string;
+    initialResults?: string;
+}
 interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
     gridRow?: string;
@@ -620,11 +646,15 @@ interface FormRootProps<TData extends FieldValues> {
     requestOptions?: AxiosRequestConfig;
     getUpdatedData?: () => TData | Promise<TData> | void;
     customErrorRenderer?: (error: unknown) => ReactNode;
+    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
     displayConfig?: {
         showSubmitButton?: boolean;
         showResetButton?: boolean;
         showTitle?: boolean;
     };
+    dateTimePickerLabels?: DateTimePickerLabels;
+    idPickerLabels?: IdPickerLabels;
+    enumPickerLabels?: EnumPickerLabels;
 }
 interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
@@ -641,7 +671,7 @@ declare const idPickerSanityCheck: (column: string, foreign_key?: {
     column?: string | undefined;
     display_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, displayConfig, }: 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, dateTimePickerLabels, idPickerLabels, enumPickerLabels, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
     formConfig: Omit<FormRootProps<TData>, "children">;
@@ -651,19 +681,240 @@ declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultF
 
 declare const FormTitle: () => react_jsx_runtime.JSX.Element;
 
-declare const FormBody: <TData extends object>() => react_jsx_runtime.JSX.Element;
+declare const FormBody: <TData extends object>() => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 interface UseFormProps {
     preLoadedValues?: FieldValues | undefined;
     keyPrefix?: string;
+    namespace?: string;
 }
-declare const useForm: ({ preLoadedValues, keyPrefix }: UseFormProps) => {
+declare const useForm: ({ preLoadedValues, keyPrefix, namespace }: 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>;
+    setIdMap: react.Dispatch<react.SetStateAction<Record<string, object>>>;
+    translate: react_i18next.UseTranslationResponse<string, string>;
 };
 
+/**
+ * Type definitions for error message configuration
+ */
+/**
+ * Common validation error types that can be customized
+ */
+type ValidationErrorType = "minLength" | "maxLength" | "pattern" | "minimum" | "maximum" | "multipleOf" | "format" | "type" | "enum";
+/**
+ * Configuration for field-specific validation errors
+ */
+type FieldErrorConfig = Partial<Record<ValidationErrorType, string>>;
+/**
+ * Configuration for building error messages
+ */
+interface ErrorMessageConfig {
+    /**
+     * Required field error messages
+     * Maps field names to their required error messages
+     * Supports both plain strings and i18n translation keys
+     *
+     * @example
+     * ```typescript
+     * required: {
+     *   username: "Username is required", // plain string
+     *   email: "user.email.field_required" // i18n key
+     * }
+     * ```
+     */
+    required?: Record<string, string>;
+    /**
+     * Field-specific validation error messages
+     * Maps field names to their validation error configurations
+     *
+     * @example
+     * ```typescript
+     * properties: {
+     *   username: {
+     *     minLength: "Username must be at least 3 characters",
+     *     pattern: "Username can only contain letters and numbers"
+     *   },
+     *   age: {
+     *     minimum: "Age must be at least 18",
+     *     maximum: "Age cannot exceed 120"
+     *   }
+     * }
+     * ```
+     */
+    properties?: Record<string, FieldErrorConfig>;
+    /**
+     * Global fallback error messages for validation types
+     * These are used when no field-specific message is provided
+     *
+     * @example
+     * ```typescript
+     * {
+     *   minLength: "This field is too short",
+     *   minimum: "Value is too small"
+     * }
+     * ```
+     */
+    [key: string]: any;
+}
+/**
+ * Result of buildErrorMessages that follows ajv-errors format
+ */
+interface ErrorMessageResult {
+    required?: Record<string, string>;
+    properties?: Record<string, FieldErrorConfig>;
+    [key: string]: any;
+}
+/**
+ * Schema-level error message builder
+ *
+ * Builds a complete errorMessage object compatible with ajv-errors plugin.
+ * Supports both i18n translation keys and plain string messages.
+ *
+ * @param config - Error message configuration
+ * @returns Complete errorMessage object for JSON Schema
+ *
+ * @example
+ * ```typescript
+ * // Simple required field errors
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     username: "Username is required",
+ *     email: "user.email.field_required" // i18n key
+ *   }
+ * });
+ *
+ * // With validation rules
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     password: "Password is required"
+ *   },
+ *   properties: {
+ *     password: {
+ *       minLength: "Password must be at least 8 characters",
+ *       pattern: "Password must contain letters and numbers"
+ *     },
+ *     age: {
+ *       minimum: "Must be 18 or older",
+ *       maximum: "Must be under 120"
+ *     }
+ *   }
+ * });
+ *
+ * // With global fallbacks
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     email: "Email is required"
+ *   },
+ *   minLength: "This field is too short", // applies to all fields
+ *   minimum: "Value is too small"
+ * });
+ * ```
+ */
+declare const buildErrorMessages: (config: ErrorMessageConfig) => ErrorMessageResult;
+/**
+ * Helper function to build required field errors
+ *
+ * Simplifies creating required field error messages, especially useful
+ * for generating i18n translation keys following a pattern.
+ *
+ * @param fields - Array of required field names
+ * @param messageOrGenerator - Either a string template or function to generate messages
+ * @returns Required field error configuration
+ *
+ * @example
+ * ```typescript
+ * // Plain string messages
+ * const required = buildRequiredErrors(
+ *   ["username", "email", "password"],
+ *   (field) => `${field} is required`
+ * );
+ * // Result: { username: "username is required", email: "email is required", ... }
+ *
+ * // i18n translation keys
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   (field) => `user.${field}.field_required`
+ * );
+ * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
+ *
+ * // Same message for all fields
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   "This field is required"
+ * );
+ * // Result: { username: "This field is required", email: "This field is required" }
+ *
+ * // With keyPrefix for i18n
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   (field) => `${field}.field_required`,
+ *   "user"
+ * );
+ * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
+ * ```
+ */
+declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string), keyPrefix?: string) => Record<string, string>;
+/**
+ * Helper function to build field-specific validation errors
+ *
+ * Creates property-specific error messages for multiple fields at once.
+ *
+ * @param config - Maps field names to their validation error configurations
+ * @returns Properties error configuration
+ *
+ * @example
+ * ```typescript
+ * const properties = buildFieldErrors({
+ *   username: {
+ *     minLength: "Username must be at least 3 characters",
+ *     pattern: "Username can only contain letters and numbers"
+ *   },
+ *   age: {
+ *     minimum: "Must be 18 or older",
+ *     maximum: "Must be under 120"
+ *   },
+ *   email: {
+ *     format: "Please enter a valid email address"
+ *   }
+ * });
+ * ```
+ */
+declare const buildFieldErrors: (config: Record<string, FieldErrorConfig>) => Record<string, FieldErrorConfig>;
+/**
+ * Helper function to create a complete error message configuration in one call
+ *
+ * Convenient wrapper that combines required and validation errors.
+ *
+ * @param required - Required field error messages
+ * @param properties - Field-specific validation error messages
+ * @param globalFallbacks - Global fallback error messages
+ * @returns Complete error message configuration
+ *
+ * @example
+ * ```typescript
+ * const errorMessage = createErrorMessage(
+ *   {
+ *     username: "Username is required",
+ *     email: "Email is required"
+ *   },
+ *   {
+ *     username: {
+ *       minLength: "Username must be at least 3 characters"
+ *     },
+ *     email: {
+ *       format: "Please enter a valid email"
+ *     }
+ *   },
+ *   {
+ *     minLength: "This field is too short",
+ *     format: "Invalid format"
+ *   }
+ * );
+ * ```
+ */
+declare const createErrorMessage: (required?: Record<string, string>, properties?: Record<string, FieldErrorConfig>, globalFallbacks?: Partial<Record<ValidationErrorType, string>>) => ErrorMessageResult;
+
 interface CalendarProps extends RenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
@@ -694,7 +945,7 @@ interface DatePickerProps extends Props {
         backButtonLabel?: string;
         forwardButtonLabel?: string;
     };
-    render?: (dayzedData: any) => React__default.ReactNode;
+    render?: (dayzedData: any) => react__default.ReactNode;
 }
 interface DatePickerLabels {
     monthNamesShort: string[];
@@ -811,4 +1062,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, type DatePickerLabels, type DatePickerProps, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, ErrorAlert, type ErrorAlertProps, FilterDialog, FormBody, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, 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, ViewDialog, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };
+export { type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, FilterDialog, FormBody, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, 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, createErrorMessage, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };