@bsol-oss/react-datatable5 12.0.0-beta.9 → 12.0.0-beta.91

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

@@ -0,0 +1,15 @@
+import { DatePickerLabels } from './DatePicker';
+interface DateTimePickerProps {
+    value?: string;
+    onChange?: (date?: string) => void;
+    format?: 'date-time' | 'iso-date-time';
+    showSeconds?: boolean;
+    labels?: DatePickerLabels;
+    timezone?: string;
+    startTime?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    portalled?: boolean;
+}
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, startTime, minDate, maxDate, portalled, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+interface DurationPickerProps {
+    value?: string | null;
+    onChange?: (duration: string | null) => void;
+    showYears?: boolean;
+    showMonths?: boolean;
+    showDays?: boolean;
+    showHours?: boolean;
+    showMinutes?: boolean;
+    showSeconds?: boolean;
+}
+export declare function DurationPicker({ value, onChange, showYears, showMonths, showDays, showHours, showMinutes, showSeconds, }: DurationPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { Dispatch, SetStateAction } from 'react';
+interface IsoTimePickerProps {
+    hour: number | null;
+    setHour: Dispatch<SetStateAction<number | null>>;
+    minute: number | null;
+    setMinute: Dispatch<SetStateAction<number | null>>;
+    second: number | null;
+    setSecond: Dispatch<SetStateAction<number | null>>;
+    onChange?: (newValue: {
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+    }) => void;
+    startTime?: string;
+    selectedDate?: string;
+    timezone?: string;
+    portalled?: boolean;
+}
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, portalled, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare function PickerDemo(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { Props, RenderProps } from "@bsol-oss/dayzed-react19";
-import React from "react";
+import { Props, RenderProps } from '@bsol-oss/dayzed-react19';
+import React from 'react';
 export interface RangeCalendarProps extends RenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     selected?: Date[];
@@ -10,9 +10,65 @@ export interface GetStyleProps {
     unavailable: boolean;
     isInRange: boolean;
 }
-export interface RangeDatePickerProps extends Props, RangeCalendarProps {
+export interface RangeDatePickerLabels {
+    monthNamesFull: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
 }
-declare class RangeDatePicker extends React.Component<RangeDatePickerProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+export interface RangeDatePickerProps extends Props {
+    onDateSelected?: (obj: {
+        selected: Date[];
+        selectable: boolean;
+        date: Date;
+    }) => void;
+    selected?: Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    labels?: RangeDatePickerLabels;
+    /**
+     * Whether to render the calendar in a popover with a trigger button.
+     * @default true
+     */
+    withPopover?: boolean;
+    /**
+     * Controlled open state for the popover.
+     */
+    open?: boolean;
+    /**
+     * Callback when the popover open state changes.
+     */
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    /**
+     * The trigger button element. If not provided, a default button will be rendered.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Format string for displaying the selected date range in the trigger button.
+     * @default "YYYY-MM-DD"
+     */
+    displayFormat?: string;
+    /**
+     * Placeholder text for the trigger button when no dates are selected.
+     */
+    placeholder?: string;
+    /**
+     * Whether to close the popover when clicking outside.
+     * @default true
+     */
+    closeOnInteractOutside?: boolean;
+    /**
+     * Whether to portal the popover content.
+     * @default true
+     */
+    portalled?: boolean;
+    render?: (dayzedData: RenderProps) => React.ReactNode;
 }
+declare const RangeDatePicker: React.FC<RangeDatePickerProps>;
 export default RangeDatePicker;

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

@@ -0,0 +1,9 @@
+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 {};

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

@@ -0,0 +1,8 @@
+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 type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps, } from './DatePicker';

package/dist/types/components/Filter/TagFilter.d.ts

@@ -1,7 +1,11 @@
-import React from "react";
+import React from 'react';
 interface TagFilterProps {
-    availableTags: string[];
+    availableTags: {
+        label?: string;
+        value: string;
+    }[];
     selectedTags: string[];
+    selectOne?: boolean;
     onTagChange: (tags: string[]) => void;
 }
 export declare const TagFilter: React.FC<TagFilterProps>;

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

@@ -1,8 +1,9 @@
-import { AxiosRequestConfig } from "axios";
-import { JSONSchema7 } from "json-schema";
-import { Dispatch, SetStateAction } from "react";
-import { FieldValues } from "react-hook-form";
-import { UseTranslationResponse } from "react-i18next";
+import { AxiosRequestConfig } from 'axios';
+import { JSONSchema7 } from 'json-schema';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { FieldValues, Resolver } from 'react-hook-form';
+import { UseTranslationResponse } from 'react-i18next';
+import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
@@ -14,7 +15,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
     rowNumber?: number | string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    translate: UseTranslationResponse<any, any>;
+    translate: UseTranslationResponse<string, string>;
     requestOptions: AxiosRequestConfig;
     isSuccess: boolean;
     setIsSuccess: Dispatch<SetStateAction<boolean>>;
@@ -29,5 +30,21 @@ export interface SchemaFormContext<TData extends FieldValues> {
     error: unknown;
     setError: Dispatch<SetStateAction<unknown>>;
     getUpdatedData: () => TData | Promise<TData>;
+    customErrorRenderer?: (error: unknown) => ReactNode;
+    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
+    timezone?: string;
+    displayConfig: {
+        showSubmitButton?: boolean;
+        showResetButton?: boolean;
+        showTitle?: boolean;
+    };
+    requireConfirmation: boolean;
+    onFormSubmit: (data: TData) => Promise<void>;
+    dateTimePickerLabels?: DateTimePickerLabels;
+    idPickerLabels?: IdPickerLabels;
+    enumPickerLabels?: EnumPickerLabels;
+    filePickerLabels?: FilePickerLabels;
+    ajvResolver: Resolver<FieldValues>;
+    insideDialog?: boolean;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;

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

@@ -1,5 +1,5 @@
-import { GridProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
+import { GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export interface FileDropzoneProps {
     children?: ReactNode;
     onDrop?: ({ files, text }: {

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

@@ -0,0 +1,22 @@
+import { FilePickerMediaFile, FilePickerLabels } from './types/CustomJSONSchema7';
+type MediaLibraryBrowserPropsBase = {
+    onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
+    filterImageOnly?: boolean;
+    labels?: FilePickerLabels;
+    enabled?: boolean;
+};
+type MediaLibraryBrowserPropsSingle = MediaLibraryBrowserPropsBase & {
+    multiple?: false;
+    onFileSelect?: (file: FilePickerMediaFile) => void;
+    selectedFile?: FilePickerMediaFile;
+    onSelectedFileChange?: (file: FilePickerMediaFile | undefined) => void;
+};
+type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
+    multiple: true;
+    onFileSelect?: (files: FilePickerMediaFile[]) => void;
+    selectedFile?: FilePickerMediaFile[];
+    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 {};

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

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

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

@@ -1 +1,2 @@
-export declare const FormBody: <TData extends object>() => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const FormBody: <TData extends object>() => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -1,11 +1,12 @@
-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 { UseTranslationResponse } from "react-i18next";
+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 { UseTranslationResponse } from 'react-i18next';
+import { CustomJSONSchema7, DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels } from '../types/CustomJSONSchema7';
 export interface FormRootProps<TData extends FieldValues> {
-    schema: JSONSchema7;
+    schema: CustomJSONSchema7;
     serverUrl: string;
     requestUrl?: string;
     idMap: Record<string, object>;
@@ -20,6 +21,19 @@ export interface FormRootProps<TData extends FieldValues> {
     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;
+    filePickerLabels?: FilePickerLabels;
+    insideDialog?: boolean;
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
@@ -36,4 +50,4 @@ export declare const idPickerSanityCheck: (column: string, foreign_key?: {
     column?: string | undefined;
     display_column?: string | undefined;
 } | undefined) => void;
-export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export 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, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface DatePickerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,7 +1,8 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface ColumnRendererProps {
     column: string;
     properties: Record<string, CustomJSONSchema7>;
     prefix: string;
+    parentRequired?: string[];
 }
-export declare const ColumnRenderer: ({ column, properties, prefix, }: ColumnRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnRenderer: ({ column, properties, prefix, parentRequired, }: ColumnRendererProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const CustomInput: ({ column, schema, prefix }: DatePickerProps) => import("react").ReactNode;

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

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

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

@@ -0,0 +1,2 @@
+import { InputDefaultProps } from './types';
+export declare const DateRangePicker: ({ column, schema, prefix, }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { InputDefaultProps } from './types';
+export declare const DateTimePicker: ({ column, schema, prefix, }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface IdPickerProps {
     column: string;
     isMultiple?: boolean;
     schema: CustomJSONSchema7;
     prefix: string;
+    showTotalAndLimit?: boolean;
 }
-export declare const EnumPicker: ({ column, isMultiple, schema, prefix, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnumPicker: ({ column, isMultiple, schema, prefix, showTotalAndLimit, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,18 @@
-export declare const FilePicker: ({ column, schema, prefix }: {
-    column: any;
-    schema: any;
-    prefix: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { FilePickerMediaFile, FilePickerLabels } from '../types/CustomJSONSchema7';
+import { InputDefaultProps } from './types';
+interface MediaBrowserDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (file: FilePickerMediaFile) => void;
+    title: string;
+    filterImageOnly?: boolean;
+    onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
+    onUploadFile?: (file: File) => Promise<string>;
+    enableUpload?: boolean;
+    labels?: FilePickerLabels;
+    translate: (key: string) => string;
+    colLabel: string;
+}
+export declare function MediaBrowserDialog({ open, onClose, onSelect, title, filterImageOnly, onFetchFiles, onUploadFile, enableUpload, labels, translate, colLabel, }: 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/FormMediaLibraryBrowser.d.ts

@@ -0,0 +1,2 @@
+import { InputDefaultProps } from './types';
+export declare const FormMediaLibraryBrowser: ({ column, schema, prefix, }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface IdPickerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface NumberInputFieldProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface ObjectInputProps {
     schema: CustomJSONSchema7;
     column: string;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface DatePickerProps {
     schema: CustomJSONSchema7;
     column: string;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface SchemaRendererProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,12 +1,30 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
-export interface StringInputFieldProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
+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;
     display_column: string;
+    customQueryFn?: CustomQueryFn;
 }
 export declare const StringInputField: ({ column, schema, prefix, }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
+export interface TextAreaInputProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export interface ForeignKeyProps {
+    column: string;
+    table: string;
+    display_column: string;
+}
+export declare const TextAreaInput: ({ column, schema, prefix, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/{DatePicker.d.ts → fields/TimePicker.d.ts}

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

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

@@ -0,0 +1,6 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export type InputDefaultProps = {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+};

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

@@ -1,15 +1,94 @@
-import { JSONSchema7 } from "json-schema";
-import { ReactNode } from "react";
-import { ForeignKeyProps } from "../fields/StringInputField";
+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';
+export interface DateTimePickerLabels {
+    monthNamesShort?: string[];
+    weekdayNamesShort?: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
+}
+export interface IdPickerLabels {
+    undefined?: string;
+    addMore?: string;
+    typeToSearch?: string;
+    total?: string;
+    showing?: string;
+    perPage?: string;
+    emptySearchResult?: string;
+    initialResults?: string;
+}
+export interface EnumPickerLabels {
+    undefined?: string;
+    addMore?: string;
+    typeToSearch?: string;
+    total?: string;
+    showing?: string;
+    perPage?: string;
+    emptySearchResult?: string;
+    initialResults?: string;
+}
+export interface FilePickerLabels {
+    fileDropzone?: string;
+    browseLibrary?: string;
+    dialogTitle?: string;
+    searchPlaceholder?: string;
+    loading?: string;
+    loadingFailed?: string;
+    noFilesFound?: string;
+    cancel?: string;
+    select?: string;
+    uploadTab?: string;
+    browseTab?: string;
+    uploading?: string;
+    uploadFailed?: string;
+}
 export interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
     gridRow?: string;
     foreign_key?: ForeignKeyProps;
     variant?: string;
-    renderDisplay: (item: unknown) => ReactNode;
+    renderDisplay?: (item: unknown) => ReactNode;
+    inputRender?: (props: {
+        column: string;
+        schema: CustomJSONSchema7;
+        prefix: string;
+        formContext: UseFormReturn;
+    }) => ReactNode;
+    inputViewerRender?: (props: {
+        column: string;
+        schema: CustomJSONSchema7;
+        prefix: string;
+        formContext: UseFormReturn;
+    }) => ReactNode;
+    dateFormat?: string;
+    displayDateFormat?: string;
+    timeFormat?: string;
+    displayTimeFormat?: string;
+    showLabel?: boolean;
+    formatOptions?: Intl.NumberFormatOptions;
+    numberStorageType?: 'string' | 'number';
+    errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
+    filePicker?: FilePickerProps;
 }
 export interface TagPickerProps {
     column: string;
     schema: CustomJSONSchema7;
     prefix: string;
 }
+export interface FilePickerMediaFile {
+    id: string;
+    name: string;
+    url?: string;
+    size?: string | number;
+    comment?: string;
+    type?: string;
+}
+export interface FilePickerProps {
+    onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
+    enableMediaLibrary?: boolean;
+    filterImageOnly?: boolean;
+    enableUpload?: boolean;
+    onUploadFile?: (file: File) => Promise<string>;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const CustomViewer: ({ column, schema, prefix }: DatePickerProps) => import("react").ReactNode;

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

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

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface NumberInputFieldProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface SchemaRendererProps {
     column: string;
     schema: CustomJSONSchema7;