@bsol-oss/react-datatable5 13.0.1-beta.3 → 13.0.1-beta.30

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

@@ -17,6 +17,9 @@ export interface DataTableLabel {
     globalFilterPlaceholder: string;
     trueLabel: string;
     falseLabel: string;
+    noFiltersMatchText: string;
+    filterByLabel: string;
+    filterLabelsPlaceholder: string;
 }
 export interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
     table: Table<TData>;

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

@@ -0,0 +1,20 @@
+export interface ColumnFilterMenuLabels {
+    filterByLabel?: string;
+    filterLabelsPlaceholder?: string;
+    noFiltersMatchText?: string;
+}
+export interface ColumnFilterMenuProps {
+    displayName: string;
+    filterOptions: {
+        label: string;
+        value: string;
+    }[];
+    filterVariant?: 'select' | 'tag';
+    colorPalette: string;
+    value?: string[] | string | undefined;
+    onChange?: (value: string[] | string | undefined) => void;
+    labels?: ColumnFilterMenuLabels;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const ColumnFilterMenu: ({ displayName, filterOptions, filterVariant, colorPalette, value: controlledValue, onChange, labels, open: controlledOpen, onOpenChange, }: ColumnFilterMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -26,4 +26,4 @@ export interface MobileTableControlsProps {
     hasError?: boolean;
     gridProps?: GridProps;
 }
-export declare const MobileTableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: MobileTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileTableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: MobileTableControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,8 +7,6 @@ export interface TableControlsProps {
     children?: ReactNode;
     showGlobalFilter?: boolean;
     showFilter?: boolean;
-    showFilterName?: boolean;
-    showFilterTags?: boolean;
     showReload?: boolean;
     showPagination?: boolean;
     showPageSizeControl?: boolean;
@@ -26,4 +24,4 @@ export interface TableControlsProps {
     hasError?: boolean;
     gridProps?: GridProps;
 }
-export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,10 @@
-export declare const TableFilterTags: () => import("react/jsx-runtime").JSX.Element;
+export interface TableFilterTagsProps {
+    filterTagsOptions?: {
+        column: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+export declare const TableFilterTags: ({ filterTagsOptions, }?: TableFilterTagsProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,4 @@
 export interface DataDisplayProps {
     variant?: 'horizontal' | 'stats' | '';
 }
-export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataDisplay: ({}: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
-import { BoxProps, FlexProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
-export interface TableCardContainerProps extends BoxProps {
+import { FlexProps, GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+export interface TableCardContainerProps extends Omit<GridProps, 'direction'> {
     children: ReactNode;
-    variant?: "carousel" | "";
+    variant?: 'carousel' | '';
     gap?: string;
     gridTemplateColumns?: string;
-    direction?: FlexProps["direction"];
+    direction?: FlexProps['direction'];
 }
 export declare const TableCardContainer: ({ children, variant, gap, gridTemplateColumns, direction, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 interface UseResponsiveColumnVisibilityOptions {
-    containerRef: RefObject<HTMLElement>;
+    containerRef: RefObject<HTMLElement | null>;
     enabled: boolean;
     showSelector?: boolean;
 }

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

@@ -1,7 +1,7 @@
 import { UseQueryResult } from '@tanstack/react-query';
 import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
 import { UseDataTableProps, UseDataTableReturn } from './useDataTable';
-export interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
+export interface UseDataTableServerProps<TData> extends UseDataTableProps {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *

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

@@ -34,7 +34,7 @@ export declare function areSomePageRowsSelected<TData>(table: Table<TData>, rowS
 /**
  * Create a toggle handler for a specific row
  */
-export declare function createRowToggleHandler<TData>(row: Row<TData>, rowSelection: RowSelectionState, setRowSelection: OnChangeFn<RowSelectionState>): () => void;
+export declare function createRowToggleHandler<TData>(row: Row<TData>, _rowSelection: RowSelectionState, setRowSelection: OnChangeFn<RowSelectionState>): () => void;
 /**
  * Create a toggle handler for all rows
  */

package/dist/types/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,2 @@
+import { CalendarProps } from './DatePicker';
+export declare const Calendar: ({ calendars, getBackProps, getForwardProps, getDateProps, firstDayOfWeek, }: CalendarProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -30,6 +30,9 @@ export interface DatePickerProps {
         weekdayNamesShort: string[];
         backButtonLabel?: string;
         forwardButtonLabel?: string;
+        todayLabel?: string;
+        yesterdayLabel?: string;
+        tomorrowLabel?: string;
     };
     render?: (calendarData: CalendarRenderProps) => React.ReactNode;
 }
@@ -38,6 +41,30 @@ export interface DatePickerLabels {
     weekdayNamesShort: string[];
     backButtonLabel?: string;
     forwardButtonLabel?: string;
+    todayLabel?: string;
+    yesterdayLabel?: string;
+    tomorrowLabel?: string;
 }
+export declare const DatePickerContext: React.Context<{
+    labels: DatePickerLabels;
+}>;
 declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;
+export interface DatePickerInputProps {
+    value?: string | Date;
+    onChange?: (date?: string) => void;
+    placeholder?: string;
+    dateFormat?: string;
+    displayFormat?: string;
+    labels?: DatePickerLabels;
+    timezone?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    monthsToDisplay?: number;
+    insideDialog?: boolean;
+    readOnly?: boolean;
+    showHelperButtons?: boolean;
+}
+export declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, showHelperButtons, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DatePicker/DateTimePicker.d.ts

@@ -1,17 +1,33 @@
-import { DatePickerLabels } from './DatePicker';
-import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
+import { DateTimePickerLabels, TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
 interface DateTimePickerProps {
     value?: string;
     onChange?: (date?: string) => void;
     format?: 'date-time' | 'iso-date-time';
     showSeconds?: boolean;
-    labels?: DatePickerLabels;
+    labels?: DateTimePickerLabels;
     timePickerLabels?: TimePickerLabels;
     timezone?: string;
     startTime?: string;
     minDate?: Date;
     maxDate?: Date;
     portalled?: boolean;
+    defaultDate?: string;
+    defaultTime?: {
+        hour: number | null;
+        minute: number | null;
+        second?: number | null;
+        meridiem?: 'am' | 'pm' | null;
+    };
+    showQuickActions?: boolean;
+    quickActionLabels?: {
+        yesterday?: string;
+        today?: string;
+        tomorrow?: string;
+        plus7Days?: string;
+    };
+    showTimezoneSelector?: boolean;
+    timezoneOffset?: string;
+    onTimezoneOffsetChange?: (offset: string) => void;
 }
-export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone, startTime, minDate, maxDate, portalled, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone: tz, startTime, minDate, maxDate, portalled, defaultDate, defaultTime, quickActionLabels, showTimezoneSelector, timezoneOffset: controlledTimezoneOffset, onTimezoneOffsetChange, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DatePicker/UniversalPicker.d.ts

@@ -1,9 +1,8 @@
-type FormatType = "date" | "time" | "date-time" | "iso-time" | "iso-date-time" | "duration";
+type FormatType = 'date' | 'time' | 'date-time' | 'iso-time' | 'iso-date-time' | 'duration';
 interface UniversalPickerProps {
     format: FormatType;
     value?: string | null;
     onChange?: (value: string | null) => void;
-    placeholder?: string;
 }
-export declare function UniversalPicker({ format, value, onChange, placeholder, }: UniversalPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function UniversalPicker({ format, value, onChange, }: UniversalPickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DatePicker/index.d.ts

@@ -1,8 +1,7 @@
 export { default as DatePicker } from './DatePicker';
 export { TimePicker } from '../TimePicker/TimePicker';
-export { IsoTimePicker } from './IsoTimePicker';
 export { DateTimePicker } from './DateTimePicker';
 export { DurationPicker } from './DurationPicker';
 export { UniversalPicker } from './UniversalPicker';
-export { DatePickerInput } from './DatePickerInput';
+export { DatePickerInput } from './DatePicker';
 export type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps, } from './DatePicker';

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

@@ -1,52 +1,23 @@
-import { AxiosRequestConfig } from 'axios';
-import { JSONSchema7 } from 'json-schema';
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { FieldValues, Resolver } from 'react-hook-form';
-import { Translate } from './useForm';
-import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, TimePickerLabels } from './components/types/CustomJSONSchema7';
+import { Dispatch, SetStateAction } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { CustomJSONSchema7, DateTimePickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, IdPickerLabels, TimePickerLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
-    schema: JSONSchema7;
-    requestUrl: string;
-    order: string[];
-    ignore: string[];
-    include: string[];
+    schema: CustomJSONSchema7;
     onSubmit?: (data: TData) => Promise<void>;
-    rowNumber?: number | string;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    /** Translate object for fallback text (components prefer label objects) */
-    translate: Translate;
-    requestOptions: AxiosRequestConfig;
-    isSuccess: boolean;
-    setIsSuccess: Dispatch<SetStateAction<boolean>>;
-    isError: boolean;
-    setIsError: Dispatch<SetStateAction<boolean>>;
-    isSubmiting: boolean;
-    setIsSubmiting: Dispatch<SetStateAction<boolean>>;
-    isConfirming: boolean;
-    setIsConfirming: Dispatch<SetStateAction<boolean>>;
-    validatedData: TData | undefined;
-    setValidatedData: Dispatch<SetStateAction<TData>>;
-    error: unknown;
-    setError: Dispatch<SetStateAction<unknown>>;
-    getUpdatedData: () => TData | Promise<TData>;
-    customErrorRenderer?: (error: unknown) => ReactNode;
-    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     timezone?: string;
     displayConfig: {
         showSubmitButton?: boolean;
         showResetButton?: boolean;
         showTitle?: boolean;
     };
-    requireConfirmation: boolean;
-    onFormSubmit: (data: TData) => Promise<void>;
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
     formButtonLabels?: FormButtonLabels;
     timePickerLabels?: TimePickerLabels;
-    ajvResolver: Resolver<FieldValues>;
     insideDialog?: boolean;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;

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

@@ -1,34 +1,44 @@
-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 { 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 +49,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, onSubmit, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,6 +12,6 @@ interface MediaBrowserDialogProps {
     labels?: FilePickerLabels;
     colLabel: string;
 }
-export declare function MediaBrowserDialog({ open, onClose, onSelect, title, filterImageOnly, onFetchFiles, onUploadFile, enableUpload, labels, colLabel, }: MediaBrowserDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MediaBrowserDialog({ open, onClose, onSelect, title, filterImageOnly, onFetchFiles, onUploadFile, enableUpload, labels, }: MediaBrowserDialogProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const FilePicker: ({ column, schema, prefix }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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;
 }
@@ -26,6 +26,7 @@ export interface UseIdPickerDataReturn {
     missingIds: string[];
     comboboxItems: Array<{
         label: string;
+        displayLabel: string;
         value: string;
         raw: RecordType;
     }>;
@@ -33,15 +34,17 @@ export interface UseIdPickerDataReturn {
     filter: (text: string) => void;
     set: (items: Array<{
         label: string;
+        displayLabel: string;
         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,25 +66,27 @@ 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>;
     inputRender?: (props: {
         column: string;
@@ -99,33 +107,43 @@ 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;
-}
 export interface FilePickerMediaFile {
     id: string;
     name: string;
@@ -141,3 +159,26 @@ export interface FilePickerProps {
     enableUpload?: boolean;
     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/EnumViewer.d.ts

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface EnumViewerProps {
     column: string;
     isMultiple?: boolean;

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;