@bsol-oss/react-datatable5 12.0.0-beta.3 → 12.0.0-beta.31

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

@@ -1,7 +1,7 @@
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, FilterFn, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { ReactNode } from "react";
 import { RankingInfo } from "@tanstack/match-sorter-utils";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { UseTranslationResponse } from "react-i18next";
 declare module "@tanstack/react-table" {
     interface FilterFns {

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

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { UseQueryResult } from "@tanstack/react-query";
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { DataResponse } from "./useDataTableServer";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableServerProps<TData extends DataResponse = DataResponse<unknown>> {

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

@@ -1,18 +1,15 @@
-import { TableHeaderProps as ChakraHeaderProps } from "@chakra-ui/react";
-import { TableBodyProps } from "./TableBody";
-import { TableControlsProps } from "./TableControls";
-import { TableFooterProps } from "./TableFooter";
-import { TableHeaderProps } from "./TableHeader";
-import { TableProps } from "./Table";
+import { TableControlsProps } from "./controls/TableControls";
+import { TableProps } from "./display/Table";
+import { TableBodyProps } from "./display/TableBody";
+import { TableFooterProps } from "./display/TableFooter";
+import { TableHeaderProps } from "./display/TableHeader";
 export interface DefaultTableProps {
     showFooter?: boolean;
-    showSelector?: boolean;
     tableProps?: Omit<TableProps, "children">;
-    tHeadProps?: ChakraHeaderProps;
-    controlProps?: TableControlsProps;
-    tableFooterProps?: TableFooterProps;
-    tableBodyProps?: TableBodyProps;
     tableHeaderProps?: TableHeaderProps;
+    tableBodyProps?: TableBodyProps;
+    tableFooterProps?: TableFooterProps;
+    controlProps?: TableControlsProps;
     variant?: "" | "greedy";
 }
-export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, controlProps, tableFooterProps, variant, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { FlexProps, TextProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TextCellProps {
+    label?: string;
+    noOfLines?: number[];
+    children: string | number | ReactNode | ReactNode[];
+    containerProps?: FlexProps;
+    textProps?: TextProps;
+}
+export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { OnChangeFn, Table } from "@tanstack/react-table";
 import { UseTranslationResponse } from "react-i18next";
-export interface DataTableContext<TData = unknown> {
+import { DataTableProps } from "../DataTable";
+export interface DataTableContext<TData = unknown> extends DataTableProps {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
     type: "client" | "server";
-    translate: UseTranslationResponse<any, any>;
+    translate: UseTranslationResponse<any, unknown>;
 }
 export declare const DataTableContext: import("react").Context<DataTableContext<unknown>>;

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

@@ -0,0 +1,23 @@
+import { OnChangeFn, Updater, RowData, TableFeature } from "@tanstack/react-table";
+export type DensityState = "sm" | "md" | "lg";
+export interface DensityTableState {
+    density: DensityState;
+}
+export interface DensityOptions {
+    enableDensity?: boolean;
+    onDensityChange?: OnChangeFn<DensityState>;
+}
+export interface DensityInstance {
+    setDensity: (updater: Updater<DensityState>) => void;
+    toggleDensity: (value?: DensityState) => void;
+    getDensityValue: (value?: DensityState) => number;
+}
+declare module "@tanstack/react-table" {
+    interface TableState extends DensityTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends DensityOptions {
+    }
+    interface Table<TData extends RowData> extends DensityInstance {
+    }
+}
+export declare const DensityFeature: TableFeature<any>;

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface DensityToggleButtonProps {
+    icon?: React.ReactElement;
+    text?: string;
+}
+export declare const DensityToggleButton: ({ text, icon, }: DensityToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface EditSortingButtonProps {
+    title?: string;
+    icon?: React.ReactElement;
+    text?: string;
+}
+export declare const EditSortingButton: ({ text, icon, title, }: EditSortingButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface EditFilterButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const FilterDialog: ({ icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface PageSizeControlProps {
+    pageSizes?: number[];
+}
+export declare const PageSizeControl: ({ pageSizes, }: PageSizeControlProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const Pagination: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface ReloadButtonProps {
+    text?: string;
+    variant?: string;
+}
+export declare const ReloadButton: ({ text, variant, }: ReloadButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ResetFilteringButtonProps {
+    text?: string;
+}
+export declare const ResetFilteringButton: ({ text, }: ResetFilteringButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ResetSelectionButtonProps {
+    text?: string;
+}
+export declare const ResetSelectionButton: ({ text, }: ResetSelectionButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ResetSortingButtonProps {
+    text?: string;
+}
+export declare const ResetSortingButton: ({ text, }: ResetSortingButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const RowCountText: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface SelectAllRowsToggleProps {
+    selectAllIcon?: React.ReactElement;
+    clearAllIcon?: React.ReactElement;
+    selectAllText?: string;
+    clearAllText?: string;
+}
+export declare const SelectAllRowsToggle: ({ selectAllIcon, clearAllIcon, selectAllText, clearAllText, }: SelectAllRowsToggleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { GridProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableControlsProps {
+    totalText?: string;
+    fitTableWidth?: boolean;
+    fitTableHeight?: boolean;
+    children?: ReactNode;
+    showGlobalFilter?: boolean;
+    showFilter?: boolean;
+    showFilterName?: boolean;
+    showFilterTags?: boolean;
+    showReload?: boolean;
+    showPagination?: boolean;
+    showPageSizeControl?: boolean;
+    showPageCountText?: boolean;
+    showView?: boolean;
+    filterOptions?: string[];
+    extraItems?: ReactNode;
+    loading?: boolean;
+    hasError?: boolean;
+    gridProps?: GridProps;
+}
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const TableFilterTags: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const TableSelector: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const TableSorter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const TableViewer: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface EditViewButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const ViewDialog: ({ icon }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ImageProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { IconType } from "react-icons";
+export interface CardHeaderProps<TData> {
+    row: Row<TData>;
+    imageColumnId?: keyof TData;
+    titleColumnId?: keyof TData;
+    tagColumnId?: keyof TData;
+    tagIcon?: IconType;
+    showTag?: boolean;
+    imageProps?: ImageProps;
+}
+export declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumnId, tagIcon, showTag, imageProps, }: CardHeaderProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { UseTranslationResponse } from "react-i18next";
+export interface DataDisplayProps {
+    variant?: "horizontal" | "stats" | "";
+    translate?: UseTranslationResponse<any, any>;
+}
+export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface EmptyStateProps {
+    title?: string;
+    description?: string;
+}
+export declare const EmptyState: ({ title, description, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ErrorAlertProps {
+    showMessage?: boolean;
+}
+export declare const ErrorAlert: ({ showMessage }: ErrorAlertProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { BoxProps } from "@chakra-ui/react";
+import { UseTranslationResponse } from "react-i18next";
+export interface RecordDisplayProps {
+    object: object | null;
+    boxProps?: BoxProps;
+    translate?: UseTranslationResponse<any, any>;
+    prefix?: string;
+}
+export declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { TableRootProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableProps extends TableRootProps {
+    showLoading?: boolean;
+    loadingComponent?: ReactNode;
+    emptyComponent?: ReactNode;
+    canResize?: boolean;
+    children: ReactNode;
+}
+export declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+import { Row } from "@tanstack/react-table";
+export interface TableBodyProps {
+    pinnedBgColor?: {
+        light: string;
+        dark: string;
+    };
+    showSelector?: boolean;
+    alwaysShowSelector?: boolean;
+    canResize?: boolean;
+}
+export interface TableRowSelectorProps<TData> {
+    index: number;
+    row: Row<TData>;
+    hoveredRow: number;
+    pinnedBgColor?: {
+        light: string;
+        dark: string;
+    };
+    alwaysShowSelector?: boolean;
+}
+export declare const TableBody: ({ showSelector, alwaysShowSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { GridProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableCardContainerProps extends GridProps {
+    children: ReactNode;
+    variant?: "carousel" | "";
+}
+export declare const TableCardContainer: ({ children, variant, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { CardBodyProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { ReactNode } from "react";
+export interface TableCardsProps<TData> {
+    isSelectable?: boolean;
+    showDisplayNameOnly?: boolean;
+    renderTitle?: (row: Row<TData>) => ReactNode | undefined;
+    cardBodyProps?: CardBodyProps;
+}
+export declare const DefaultCardTitle: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { Table } from "@tanstack/react-table";
+import React from "react";
+export interface TableRendererProps<TData> {
+    render: (render: Table<TData>) => React.ReactElement;
+}
+export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface TableDataDisplayProps {
+    colorPalette?: string;
+    emptyComponent?: ReactNode;
+}
+export declare const TableDataDisplay: ({ colorPalette, emptyComponent, }: TableDataDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface TableFooterProps {
+    showSelector?: boolean;
+    alwaysShowSelector?: boolean;
+}
+export declare const TableFooter: ({ showSelector, alwaysShowSelector, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { TableHeaderProps as ChakraTableHeaderProps, TableRowProps } from "@chakra-ui/react";
+export interface TableHeaderProps {
+    canResize?: boolean;
+    showSelector?: boolean;
+    isSticky?: boolean;
+    tableHeaderProps?: ChakraTableHeaderProps;
+    tableRowProps?: TableRowProps;
+}
+export declare const TableHeader: ({ canResize, showSelector, isSticky, tableHeaderProps, tableRowProps, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface TableLoadingComponentProps {
+    render: (loading: boolean) => ReactNode;
+}
+export declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { FlexProps, TextProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TextCellProps {
+    label?: string;
+    noOfLines?: number[];
+    children: string | number | ReactNode | ReactNode[];
+    containerProps?: FlexProps;
+    textProps?: TextProps;
+}
+export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableDefaultState {
     sorting?: SortingState;

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;
+export declare const DefaultForm: <TData extends FieldValues>({ formConfig, showTitle, }: DefaultFormProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,8 +4,9 @@ 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 } from "../types/CustomJSONSchema7";
 export interface FormRootProps<TData extends FieldValues> {
-    schema: JSONSchema7;
+    schema: CustomJSONSchema7;
     serverUrl: string;
     requestUrl?: string;
     idMap: Record<string, object>;

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/FilePicker.d.ts

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

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

@@ -1,8 +1,5 @@
-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 ForeignKeyProps {
     column: string;

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/fields/TimePicker.d.ts

@@ -0,0 +1,7 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+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,12 +1,27 @@
 import { JSONSchema7 } from "json-schema";
 import { ReactNode } from "react";
 import { ForeignKeyProps } from "../fields/StringInputField";
+import { UseFormReturn } from "react-hook-form";
 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;
 }
 export interface TagPickerProps {
     column: 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/TextAreaViewer.d.ts

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

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

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

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

@@ -0,0 +1,19 @@
+interface TimePickerProps {
+    hour: number;
+    setHour: (hour: number) => void;
+    minute: number;
+    setMinute: (minute: number) => void;
+    meridiem: "am" | "pm";
+    setMeridiem: (meridiem: "am" | "pm") => void;
+    onChange?: (newValue: {
+        hour: number;
+        minute: number;
+        meridiem: "am" | "pm";
+    }) => void;
+    meridiemLabel?: {
+        am: string;
+        pm: string;
+    };
+}
+export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel, onChange, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};