@bsol-oss/react-datatable5 13.0.1-beta.9 → 13.0.1

package/dist/types/components/Form/components/MediaLibraryBrowser.d.ts

@@ -18,5 +18,5 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
     onSelectedFileChange?: (files: FilePickerMediaFile[]) => void;
 };
 export type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
-export declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/Form/components/core/DefaultForm.d.ts

@@ -1,7 +1,6 @@
-import { FormRootProps } from "./FormRoot";
-import { FieldValues } from "react-hook-form";
+import { FormRootProps } from './FormRoot';
+import { FieldValues } from 'react-hook-form';
 export interface DefaultFormProps<TData extends FieldValues> {
-    formConfig: Omit<FormRootProps<TData>, "children">;
-    showTitle?: boolean;
+    formConfig: Omit<FormRootProps<TData>, 'children'>;
 }
 export declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultFormProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/core/FormRoot.d.ts

@@ -1,34 +1,38 @@
-import { ForeignKeyProps } from '@/components/Form/components/fields/StringInputField';
-import { AxiosRequestConfig } from 'axios';
 import { JSONSchema7 } from 'json-schema';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
-import { Translate } from '../../useForm';
-import { CustomJSONSchema7, DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, TimePickerLabels } from '../types/CustomJSONSchema7';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { CustomJSONSchema7, DateTimePickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, IdPickerLabels, TimePickerLabels } from '../types/CustomJSONSchema7';
 export interface FormRootProps<TData extends FieldValues> {
+    /**
+     * JSON Schema with support for errorMessages in properties.
+     * Each property can define errorMessages object with keys like:
+     * - required: Error message when field is required but missing
+     * - minLength, maxLength: Error messages for string length validation
+     * - minimum, maximum: Error messages for number range validation
+     * - format: Error message for format validation (email, date, etc.)
+     * - pattern: Error message for pattern validation
+     * - type: Error message for type validation
+     *
+     * @example
+     * {
+     *   type: 'object',
+     *   properties: {
+     *     username: {
+     *       type: 'string',
+     *       minLength: 3,
+     *       errorMessages: {
+     *         required: 'Username is required',
+     *         minLength: 'Username must be at least 3 characters'
+     *       }
+     *     }
+     *   }
+     * }
+     */
     schema: CustomJSONSchema7;
-    requestUrl?: string;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    form: UseFormReturn;
-    /** Translate object for fallback text (components prefer label objects) */
-    translate: Translate;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
+    form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
-    order?: string[];
-    ignore?: string[];
-    include?: string[];
-    onSubmit?: SubmitHandler<TData>;
-    rowNumber?: number | string;
-    requestOptions?: AxiosRequestConfig;
-    getUpdatedData?: () => TData | Promise<TData> | void;
-    customErrorRenderer?: (error: unknown) => ReactNode;
-    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
-    displayConfig?: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
-    requireConfirmation?: boolean;
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
@@ -39,15 +43,9 @@ export interface FormRootProps<TData extends FieldValues> {
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
-    in_table: string;
-    column_ref: string;
     gridColumn: string;
     gridRow: string;
-    foreign_key: ForeignKeyProps;
+    customQueryFn: any;
     children: ReactNode;
 }
-export declare const idPickerSanityCheck: (column: string, foreign_key?: {
-    table?: string | undefined;
-    column?: string | undefined;
-} | undefined) => void;
-export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/fields/StringInputField.d.ts

@@ -1,29 +1,4 @@
 import { InputDefaultProps } from './types';
 export interface StringInputFieldProps extends InputDefaultProps {
 }
-export interface CustomQueryFnResponse {
-    /**
-     * The data of the query
-     */
-    data: any;
-    /**
-     * The id map of the data
-     */
-    idMap: Record<string, any>;
-}
-export interface CustomQueryFnParams {
-    searching: string;
-    limit: number;
-    offset: number;
-    where?: Array<{
-        id: string;
-        value: string | string[];
-    }>;
-}
-export type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
-export interface ForeignKeyProps {
-    column: string;
-    table: string;
-    customQueryFn?: CustomQueryFn;
-}
 export declare const StringInputField: ({ column, schema, prefix, }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/fields/useIdPickerData.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CustomJSONSchema7, LoadInitialValuesParams, LoadInitialValuesResult } from '../types/CustomJSONSchema7';
+import { CustomJSONSchema7, IdPickerLabels, LoadInitialValuesParams, LoadInitialValuesResult } from '../types/CustomJSONSchema7';
 export interface RecordType {
     [key: string]: any;
 }
@@ -38,14 +38,13 @@ export interface UseIdPickerDataReturn {
         value: string;
         raw: RecordType;
     }>) => void;
-    idMap: Record<string, object>;
-    idPickerLabels: any;
+    idMap: Record<string, unknown>;
+    idPickerLabels?: IdPickerLabels;
     insideDialog: boolean;
     renderDisplay: ((item: RecordType) => React.ReactNode) | undefined;
     itemToValue: (item: RecordType) => string;
     itemToString: (item: RecordType) => string;
     loadInitialValues: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
-    column_ref: string;
     errors: any;
     setValue: (name: string, value: any) => void;
 }

package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts

@@ -1,14 +1,20 @@
 import { JSONSchema7 } from 'json-schema';
 import { ReactNode } from 'react';
-import { ForeignKeyProps } from '../fields/StringInputField';
 import { UseFormReturn } from 'react-hook-form';
-import { ValidationErrorType } from '../../utils/buildErrorMessages';
 import React from 'react';
+export type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
 export interface DateTimePickerLabels {
     monthNamesShort?: string[];
     weekdayNamesShort?: string[];
     backButtonLabel?: string;
     forwardButtonLabel?: string;
+    selectDateLabel?: string;
+    quickActionLabels?: {
+        yesterday?: string;
+        today?: string;
+        tomorrow?: string;
+        plus7Days?: string;
+    };
 }
 export interface IdPickerLabels {
     undefined?: string;
@@ -60,24 +66,25 @@ export interface FormButtonLabels {
 export interface TimePickerLabels {
     placeholder?: string;
     emptyMessage?: string;
+    selectTimeLabel?: string;
 }
-export interface LoadInitialValuesParams {
+export interface LoadInitialValuesParams<TRecord = unknown> {
     ids: string[];
-    foreign_key: ForeignKeyProps;
-    setIdMap: React.Dispatch<React.SetStateAction<Record<string, object>>>;
+    customQueryFn: CustomQueryFn<TRecord>;
+    setIdMap: React.Dispatch<React.SetStateAction<Record<string, TRecord>>>;
 }
-export interface LoadInitialValuesResult {
+export interface LoadInitialValuesResult<TRecord = unknown> {
     data: {
-        data: Record<string, any>[];
+        data: TRecord[];
         count: number;
     };
-    idMap: Record<string, object>;
+    idMap: Record<string, TRecord>;
 }
-export interface CustomJSONSchema7 extends JSONSchema7 {
+export interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems' | 'properties' | 'additionalProperties' | 'definitions' | 'patternProperties' | 'dependencies' | 'allOf' | 'anyOf' | 'oneOf' | 'not' | 'if' | 'then' | 'else' | 'contains'> {
     gridColumn?: string;
     gridRow?: string;
-    foreign_key?: ForeignKeyProps;
-    variant?: string;
+    customQueryFn?: CustomQueryFn;
+    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
     renderDisplay?: (item: unknown) => ReactNode;
     itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
@@ -100,45 +107,147 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
     showLabel?: boolean;
     formatOptions?: Intl.NumberFormatOptions;
     numberStorageType?: 'string' | 'number';
-    errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
+    errorMessage?: Record<Partial<ValidationErrorType> | string, string | Record<string, string>>;
     filePicker?: FilePickerProps;
-    tagPicker?: {
-        queryFn?: (params: {
-            in_table: string;
-            where?: {
-                id: string;
-                value: string[];
-            }[];
-            limit?: number;
-            offset?: number;
-            searching?: string;
-        }) => Promise<{
-            data: {
-                data: any[];
-                count: number;
-            };
-            idMap?: Record<string, object>;
-        }>;
+    dateTimePicker?: {
+        showQuickActions?: boolean;
+        quickActionLabels?: {
+            yesterday?: string;
+            today?: string;
+            tomorrow?: string;
+            plus7Days?: string;
+        };
+        showTimezoneSelector?: boolean;
+    };
+    items?: CustomJSONSchema7 | CustomJSONSchema7[];
+    additionalItems?: CustomJSONSchema7;
+    properties?: {
+        [key: string]: CustomJSONSchema7;
+    };
+    additionalProperties?: boolean | CustomJSONSchema7;
+    definitions?: {
+        [key: string]: CustomJSONSchema7;
     };
+    patternProperties?: {
+        [key: string]: CustomJSONSchema7;
+    };
+    dependencies?: {
+        [key: string]: CustomJSONSchema7 | string[];
+    };
+    allOf?: CustomJSONSchema7[];
+    anyOf?: CustomJSONSchema7[];
+    oneOf?: CustomJSONSchema7[];
+    not?: CustomJSONSchema7;
+    if?: CustomJSONSchema7;
+    then?: CustomJSONSchema7;
+    else?: CustomJSONSchema7;
+    contains?: CustomJSONSchema7;
 }
 export declare const defaultRenderDisplay: (item: unknown) => ReactNode;
-export interface TagPickerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
+/**
+ * Expected shape of a media file returned by `onFetchFiles` and used by
+ * the Media Library Browser and File Picker components.
+ *
+ * @example
+ * ```ts
+ * {
+ *   id: 'file-1',
+ *   name: 'photo.jpg',
+ *   url: 'https://cdn.example.com/photo.jpg',
+ *   size: 102400,
+ *   comment: 'Profile photo',
+ *   type: 'image/jpeg',
+ * }
+ * ```
+ */
 export interface FilePickerMediaFile {
+    /** Unique identifier for the file (required) */
     id: string;
+    /** Display name of the file (required) */
     name: string;
+    /** URL for image preview; required for thumbnails in media library */
     url?: string;
+    /** File size in bytes (number) or human-readable string (e.g. "1.2 MB") */
     size?: string | number;
+    /** Optional description or metadata */
     comment?: string;
+    /** MIME type (e.g. "image/jpeg", "application/pdf") */
     type?: string;
 }
+/**
+ * JSON Schema definition for FilePickerMediaFile.
+ * Use this to document or validate the expected structure in your API/schema.
+ */
+export declare const FilePickerMediaFileSchema: {
+    readonly type: "object";
+    readonly required: readonly ["id", "name"];
+    readonly properties: {
+        readonly id: {
+            readonly type: "string";
+            readonly description: "Unique identifier for the file";
+        };
+        readonly name: {
+            readonly type: "string";
+            readonly description: "Display name of the file";
+        };
+        readonly url: {
+            readonly type: "string";
+            readonly format: "uri";
+            readonly description: "URL for image preview; required for thumbnails in media library";
+        };
+        readonly size: {
+            readonly oneOf: readonly [{
+                readonly type: "number";
+            }, {
+                readonly type: "string";
+            }];
+            readonly description: "File size in bytes (number) or human-readable string";
+        };
+        readonly comment: {
+            readonly type: "string";
+            readonly description: "Optional description or metadata";
+        };
+        readonly type: {
+            readonly type: "string";
+            readonly description: "MIME type (e.g. \"image/jpeg\", \"application/pdf\")";
+        };
+    };
+};
 export interface FilePickerProps {
+    /**
+     * Fetches files from your media library/API. Must return FilePickerMediaFile[].
+     * The search string can be used to filter results.
+     */
     onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
+    /** When true, adds a "Browse Library" button to the file picker (file-picker variant only) */
     enableMediaLibrary?: boolean;
+    /** When true, only shows image files (jpg, jpeg, png, gif, bmp, webp, svg) */
     filterImageOnly?: boolean;
+    /** When true, shows an upload tab in the media library dialog */
     enableUpload?: boolean;
+    /** Upload handler; must return the new file's ID string */
     onUploadFile?: (file: File) => Promise<string>;
 }
+export interface CustomQueryFnResponse<TRecord = unknown> {
+    /**
+     * The data of the query
+     */
+    data: {
+        data: TRecord[];
+        count: number;
+    };
+    /**
+     * The id map of the data
+     */
+    idMap: Record<string, TRecord>;
+}
+export interface CustomQueryFnParams {
+    searching: string;
+    limit: number;
+    offset: number;
+    where?: Array<{
+        id: string;
+        value: string | string[];
+    }>;
+}
+export type CustomQueryFn<TRecord = unknown> = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse<TRecord>>;

package/dist/types/components/Form/components/viewers/FileViewer.d.ts

@@ -1,5 +1,7 @@
-export declare const FileViewer: ({ column, schema, prefix }: {
-    column: any;
-    schema: any;
-    prefix: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
+export interface FileViewerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const FileViewer: ({ column, schema, prefix }: FileViewerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/useForm.d.ts

@@ -1,20 +1,12 @@
 /// <reference types="react" />
 import { FieldValues } from 'react-hook-form';
-import { JSONSchema7 } from 'json-schema';
-export interface Translate {
-    t: (key: string, options?: any) => string;
-    i18n?: any;
-    ready?: boolean;
+import { CustomJSONSchema7 } from './components/types/CustomJSONSchema7';
+export interface UseFormProps<T> {
+    preLoadedValues?: T | undefined;
+    schema: CustomJSONSchema7;
 }
-export interface UseFormProps {
-    preLoadedValues?: FieldValues | undefined;
-    keyPrefix?: string;
-    namespace?: string;
-    schema?: JSONSchema7;
-}
-export declare const useForm: ({ preLoadedValues, keyPrefix: _keyPrefix, namespace: _namespace, schema, }: UseFormProps) => {
-    form: import("react-hook-form").UseFormReturn<FieldValues, any, undefined>;
-    idMap: Record<string, object>;
-    setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, object>>>;
-    translate: Translate;
+export declare function useForm<T extends FieldValues = any>({ preLoadedValues, schema, }: UseFormProps<T>): {
+    form: import("react-hook-form").UseFormReturn<T, any, T>;
+    idMap: Record<string, unknown>;
+    setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
 };

package/dist/types/components/Form/utils/ajvResolver.d.ts

@@ -10,4 +10,8 @@ export declare const convertAjvErrorsToFieldErrors: (errors: ErrorObject<string,
     params?: Record<string, unknown>;
     message?: string;
 }>;
+/**
+ * AJV resolver for react-hook-form
+ * Integrates AJV validation with react-hook-form's validation system
+ */
 export declare const ajvResolver: <T extends FieldValues>(schema: CustomJSONSchema7) => Resolver<T>;

package/dist/types/components/Form/utils/getNestedError.d.ts

@@ -0,0 +1,12 @@
+import { FieldErrors } from 'react-hook-form';
+/**
+ * Get nested error message from react-hook-form errors object.
+ * For nested fields like 'address.street', errors are stored as
+ * errors.address.street, not errors['address.street'].
+ * This utility traverses the nested structure to find the error.
+ *
+ * @param errors - The errors object from react-hook-form
+ * @param path - The field path (e.g., 'address.street' or 'contact.info.email')
+ * @returns The error message string or undefined if no error
+ */
+export declare const getNestedError: (errors: FieldErrors, path: string) => string | undefined;

package/dist/types/components/Form/utils/getTableData.d.ts

@@ -1,5 +1,4 @@
 export interface GetTableDataConfig {
-    in_table: string;
     limit?: number;
     offset?: number;
     where?: {
@@ -12,4 +11,4 @@ export interface GetTableResponse {
     data?: object[];
     count: number;
 }
-export declare const getTableData: ({ in_table, searching, where, limit, offset, }: GetTableDataConfig) => Promise<never>;
+export declare const getTableData: ({}: GetTableDataConfig) => Promise<never>;

package/dist/types/components/Form/utils/useFormLabel.d.ts

@@ -0,0 +1,12 @@
+import { CustomJSONSchema7 } from '../components/types/CustomJSONSchema7';
+export declare const useFormLabel: (column: string, prefix: string | undefined, schema: CustomJSONSchema7) => {
+    /**
+     * The constructed column label (prefix + column)
+     */
+    colLabel: string;
+    /**
+     * Get the field label from schema title property.
+     * Logs a debug message if title is missing.
+     */
+    label: () => string;
+};

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

@@ -1,22 +1,7 @@
-import type React from "react";
-interface CustomTextareaProps {
+import { Textarea as ChakraTextarea } from '@chakra-ui/react';
+import * as React from 'react';
+export interface TextAreaProps extends Omit<React.ComponentProps<typeof ChakraTextarea>, 'onChange' | 'value'> {
     value?: string;
-    defaultValue?: string;
-    placeholder?: string;
     onChange?: (value: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    className?: string;
-    rows?: number;
-    maxLength?: number;
-    autoFocus?: boolean;
-    invalid?: boolean;
-    required?: boolean;
-    label?: string;
-    helperText?: string;
-    errorText?: string;
 }
-declare const Textarea: React.ForwardRefExoticComponent<CustomTextareaProps & React.RefAttributes<HTMLDivElement>>;
-export { Textarea };
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,51 +1,23 @@
-import { Dispatch, SetStateAction } from 'react';
+import React from 'react';
 import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
-type TimePickerProps12h = {
-    format?: '12h';
-    value?: string;
-    onChange?: (value: string | undefined) => void;
-    hour?: number | null;
-    setHour?: Dispatch<SetStateAction<number | null>>;
-    minute?: number | null;
-    setMinute?: Dispatch<SetStateAction<number | null>>;
-    meridiem?: 'am' | 'pm' | null;
-    setMeridiem?: Dispatch<SetStateAction<'am' | 'pm' | null>>;
-    second?: never;
-    setSecond?: never;
-    onTimeChange?: (newValue: {
+export interface TimePickerProps {
+    hour: number | null;
+    setHour: (hour: number | null) => void;
+    minute: number | null;
+    setMinute: (minute: number | null) => void;
+    meridiem: 'am' | 'pm' | null;
+    setMeridiem: (meridiem: 'am' | 'pm' | null) => void;
+    onChange?: (params: {
         hour: number | null;
         minute: number | null;
         meridiem: 'am' | 'pm' | null;
     }) => void;
+    format?: '12h' | '24h';
+    showSeconds?: boolean;
     startTime?: string;
     selectedDate?: string;
     timezone?: string;
     portalled?: boolean;
     labels?: TimePickerLabels;
-};
-type TimePickerProps24h = {
-    format: '24h';
-    value?: string;
-    onChange?: (value: string | undefined) => void;
-    hour?: number | null;
-    setHour?: Dispatch<SetStateAction<number | null>>;
-    minute?: number | null;
-    setMinute?: Dispatch<SetStateAction<number | null>>;
-    second?: number | null;
-    setSecond?: Dispatch<SetStateAction<number | null>>;
-    meridiem?: never;
-    setMeridiem?: never;
-    onTimeChange?: (newValue: {
-        hour: number | null;
-        minute: number | null;
-        second: number | null;
-    }) => void;
-    startTime?: string;
-    selectedDate?: string;
-    timezone?: string;
-    portalled?: boolean;
-    labels?: TimePickerLabels;
-};
-export type TimePickerProps = TimePickerProps12h | TimePickerProps24h;
-export declare const TimePicker: (props: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+}
+export declare const TimePicker: React.FC<TimePickerProps>;

package/dist/types/index.d.ts

@@ -76,6 +76,16 @@ declare module '@tanstack/react-table' {
          * Only applies when canResize={false}.
          */
         responsivePriority?: number;
+        /**
+         * Grid column span for data display layout.
+         * Used in DataDisplay component.
+         */
+        gridColumn?: string | string[];
+        /**
+         * Grid row span for data display layout.
+         * Used in DataDisplay component.
+         */
+        gridRow?: string | object;
     }
 }
 export type { TableHeaderTexts } from './components/DataTable/display/TableHeader';
@@ -113,19 +123,17 @@ export * from './components/DataTable/display/ErrorAlert';
 export * from './components/DataTable/useDataTable';
 export * from './components/DataTable/useDataTableServer';
 export * from './components/DataTable/context/useDataTableContext';
-export * from './components/DataTable/utils/getColumns';
 export * from './components/Form/components/core/DefaultForm';
 export * from './components/Form/components/core/FormRoot';
-export * from './components/Form/components/core/FormTitle';
 export * from './components/Form/components/core/FormBody';
 export * from './components/Form/components/types/CustomJSONSchema7';
 export * from './components/Form/components/MediaLibraryBrowser';
 export * from './components/Form/useForm';
-export * from './components/Form/utils/buildErrorMessages';
 export * from './components/DatePicker/DatePicker';
 export * from './components/DatePicker/getMultiDates';
 export * from './components/DatePicker/getRangeDates';
 export * from './components/DatePicker/RangeDatePicker';
+export * from './components/DatePicker/TimeRangeZoom';
 export * from './components/DataTable/display/RecordDisplay';
 export * from './components/DataTable/display/TableDataDisplay';
 export * from './components/DataTable/DefaultTable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "13.0.1-beta.9",
+  "version": "13.0.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -40,11 +40,13 @@
   },
   "peerDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
-    "@chakra-ui/react": "^3.19.1",
+    "@chakra-ui/react": "^3.34.0",
     "@emotion/react": "^11.13.5",
+    "@internationalized/date": "^3.7.0",
     "@tanstack/match-sorter-utils": "^8.15.1",
     "@tanstack/react-query": "^5.66.9",
     "@tanstack/react-table": "^8.21.2",
+    "@tanstack/react-virtual": "^3.13.0",
     "@uidotdev/usehooks": "^2.4.1",
     "ajv": "^8.12.0",
     "ajv-errors": "^3.0.0",
@@ -59,11 +61,15 @@
     "tiny-invariant": "^1.3.3"
   },
   "devDependencies": {
+    "@chakra-ui/react": "^3.34.0",
+    "@emotion/react": "^11.14.0",
+    "@internationalized/date": "^3.12.0",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-docs": "^10.0.7",
     "@storybook/addon-onboarding": "^10.0.7",
     "@storybook/react-vite": "^10.0.7",
+    "@tanstack/react-virtual": "^3.13.18",
     "@types/ajv-errors": "^2.0.0",
     "@types/json-schema": "^7.0.15",
     "@types/react": "19.0.2",
@@ -91,5 +97,8 @@
     "*.{ts,js,json,md,tsx}": [
       "prettier --config ./.prettierrc --write"
     ]
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2"
   }
 }