@bsol-oss/react-datatable5 12.0.0-beta.94 → 13.0.1-beta.0

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

@@ -3,7 +3,6 @@ import { ReactNode } from 'react';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { DensityState } from './controls/DensityFeature';
 import { DataTableLabel } from './context/DataTableContext';
-import { UseTranslationResponse } from 'react-i18next';
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: FilterFn<unknown>;
@@ -52,7 +51,6 @@ export interface DataTableProps<TData = unknown> {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
-    translate: UseTranslationResponse<any, any>;
     tableLabel?: DataTableLabel;
 }
 /**
@@ -65,4 +63,4 @@ export interface DataTableProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-export declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, tableLabel, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, tableLabel, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
-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 { DataTableLabel } from "./context/DataTableContext";
-import { DataResponse } from "./useDataTableServer";
-import { UseTranslationResponse } from "react-i18next";
+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 { DataTableLabel } from './context/DataTableContext';
+import { DataResponse } from './useDataTableServer';
 export interface DataTableServerProps<TData = unknown> {
     children: ReactNode | ReactNode[];
     /**
@@ -36,7 +35,6 @@ export interface DataTableServerProps<TData = unknown> {
     setColumnVisibility: OnChangeFn<VisibilityState>;
     query: UseQueryResult<DataResponse<TData>>;
     url?: string;
-    translate: UseTranslationResponse<any, any>;
     tableLabel?: DataTableLabel;
 }
 /**
@@ -50,4 +48,4 @@ export interface DataTableServerProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-export declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, translate, children, tableLabel, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, children, tableLabel, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,7 @@ import { TableFooterProps } from './display/TableFooter';
 import { TableHeaderProps } from './display/TableHeader';
 export interface DefaultTableProps {
     showFooter?: boolean;
+    showHeader?: boolean;
     tableProps?: Omit<TableProps, 'children'>;
     tableHeaderProps?: TableHeaderProps;
     tableBodyProps?: TableBodyProps;
@@ -13,4 +14,4 @@ export interface DefaultTableProps {
     variant?: '' | 'greedy';
     isLoading?: boolean;
 }
-export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, isLoading, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTable: ({ showFooter, showHeader, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, isLoading, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { OnChangeFn, Table } from "@tanstack/react-table";
-import { UseTranslationResponse } from "react-i18next";
-import { DataTableProps } from "../DataTable";
+import { OnChangeFn, Table } from '@tanstack/react-table';
+import { DataTableProps } from '../DataTable';
 export interface DataTableLabel {
     view: string;
     edit: string;
@@ -19,12 +18,11 @@ export interface DataTableLabel {
     trueLabel: string;
     falseLabel: string;
 }
-export interface DataTableContextProps<TData = unknown> extends DataTableProps {
+export interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
-    type: "client" | "server";
-    translate: UseTranslationResponse<any, unknown>;
+    type: 'client' | 'server';
     tableLabel: DataTableLabel;
 }
 export declare const DataTableContext: import("react").Context<DataTableContextProps<unknown>>;

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

@@ -0,0 +1,29 @@
+import { GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+export interface MobileTableControlsProps {
+    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;
+    filterTagsOptions?: {
+        column: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+    extraItems?: ReactNode;
+    loading?: boolean;
+    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;

package/dist/types/components/DataTable/controls/TableControls.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 TableControlsProps {
     totalText?: string;
     fitTableWidth?: boolean;

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

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+export interface CalendarEvent<TData = unknown> {
+    data: TData;
+    date: Date;
+    title?: string;
+    color?: string;
+}
+export interface CalendarDisplayProps<TData = unknown> {
+    /**
+     * Column ID or accessor key that contains the date for each event
+     */
+    dateColumn: string;
+    /**
+     * Optional function to extract date from row data
+     * If not provided, will use the dateColumn to get the date
+     */
+    getDate?: (row: TData) => Date | string | number | null | undefined;
+    /**
+     * Optional function to get event title from row data
+     * If not provided, will use the first column's value
+     */
+    getEventTitle?: (row: TData) => string;
+    /**
+     * Optional function to get event color from row data
+     */
+    getEventColor?: (row: TData) => string;
+    /**
+     * Optional function to render event content
+     */
+    renderEvent?: (event: CalendarEvent<TData>) => React.ReactNode;
+    /**
+     * First day of week (0 = Sunday, 1 = Monday, etc.)
+     */
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Show days outside the current month
+     */
+    showOutsideDays?: boolean;
+    /**
+     * Number of months to display
+     */
+    monthsToDisplay?: number;
+    /**
+     * Calendar labels
+     */
+    labels?: {
+        monthNamesShort: string[];
+        weekdayNamesShort: string[];
+        backButtonLabel?: string;
+        forwardButtonLabel?: string;
+    };
+    /**
+     * Callback when a date is clicked
+     */
+    onDateClick?: (date: Date, events: CalendarEvent<TData>[]) => void;
+    /**
+     * Callback when an event is clicked
+     */
+    onEventClick?: (event: CalendarEvent<TData>) => void;
+    /**
+     * Maximum number of events to show per day before showing "+N more"
+     */
+    maxEventsPerDay?: number;
+    /**
+     * Color palette for the calendar
+     */
+    colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
+    /**
+     * Fixed placeholder text to show when width is too narrow
+     * @default "..."
+     */
+    eventPlaceholder?: string;
+    /**
+     * Minimum width (in pixels) before showing placeholder instead of title
+     * @default 80
+     */
+    minEventWidth?: number;
+    /**
+     * Minimum number of characters to show before ellipsis
+     * @default 2
+     */
+    minCharsBeforeEllipsis?: number;
+}
+export declare function CalendarDisplay<TData = unknown>({ dateColumn, getDate, getEventTitle, getEventColor, renderEvent, firstDayOfWeek, showOutsideDays, monthsToDisplay, labels, onDateClick, onEventClick, maxEventsPerDay, colorPalette, eventPlaceholder, minEventWidth, minCharsBeforeEllipsis, }: CalendarDisplayProps<TData>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,6 +1,4 @@
-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/MobileTableDisplay.d.ts

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

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

@@ -1,9 +1,7 @@
 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;
+export declare const RecordDisplay: ({ object, boxProps, prefix, }: RecordDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,7 @@ export interface TextCellProps {
     onClick?: () => void;
     isCopyable?: boolean;
     isBadge?: boolean;
+    alignEnd?: boolean;
     badgeColor?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
     colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
     label?: string;
@@ -14,4 +15,4 @@ export interface TextCellProps {
     containerProps?: FlexProps;
     textProps?: TextProps;
 }
-export declare const TextCell: ({ text, href, onClick, isCopyable, isBadge, badgeColor, colorPalette, label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextCell: ({ text, href, onClick, isCopyable, isBadge, badgeColor, colorPalette, alignEnd, label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+/**
+ * Hook to detect if the current window width is mobile (< 768px)
+ * @param breakpoint - The breakpoint in pixels to consider as mobile (default: 768)
+ * @returns boolean indicating if the window is mobile
+ */
+export declare const useIsMobile: (breakpoint?: number) => boolean;

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

@@ -1,6 +1,5 @@
-import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "./controls/DensityFeature";
-import { UseTranslationResponse } from "react-i18next";
+import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
+import { DensityState } from './controls/DensityFeature';
 export interface DataTableDefaultState {
     sorting?: SortingState;
     columnFilters?: ColumnFiltersState;
@@ -13,7 +12,6 @@ export interface DataTableDefaultState {
 }
 export interface UseDataTableProps {
     default?: DataTableDefaultState;
-    keyPrefix?: string;
 }
 export interface UseDataTableReturn {
     sorting: SortingState;
@@ -32,6 +30,5 @@ export interface UseDataTableReturn {
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
-    translate: UseTranslationResponse<any, any>;
 }
-export declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, keyPrefix, }?: UseDataTableProps) => UseDataTableReturn;
+export declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;

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 UseDataTableProps {
+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'> {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *

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

@@ -1,6 +1,5 @@
-import { ColumnDef, RowData } from "@tanstack/react-table";
-import { JSONSchema7 } from "json-schema";
-import { UseTranslationResponse } from "react-i18next";
+import { ColumnDef, RowData } from '@tanstack/react-table';
+import { JSONSchema7 } from 'json-schema';
 export interface GetColumnsConfigs<K extends RowData> {
     schema: JSONSchema7;
     include?: K[];
@@ -10,7 +9,6 @@ export interface GetColumnsConfigs<K extends RowData> {
         [key in K as string]?: object;
     };
     defaultWidth?: number;
-    translate?: UseTranslationResponse<any, any>;
 }
 export declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
-export declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, translate, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
+export declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];

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

@@ -1,6 +1,6 @@
-import { Props, RenderProps } from "@bsol-oss/dayzed-react19";
-import React from "react";
-export interface CalendarProps extends RenderProps {
+import React from 'react';
+import { type CalendarRenderProps } from './useCalendar';
+export interface CalendarProps extends CalendarRenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface GetDateColorProps {
@@ -13,9 +13,10 @@ export interface GetVariantProps {
     selected: boolean;
     selectable: boolean;
 }
-export interface DatePickerProps extends Props {
+export interface DatePickerProps {
     onDateSelected?: (obj: {
         date: Date;
+        selected: Date | Date[];
     }) => void;
     selected: Date | Date[];
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -30,7 +31,7 @@ export interface DatePickerProps extends Props {
         backButtonLabel?: string;
         forwardButtonLabel?: string;
     };
-    render?: (dayzedData: any) => React.ReactNode;
+    render?: (calendarData: CalendarRenderProps) => React.ReactNode;
 }
 export interface DatePickerLabels {
     monthNamesShort: string[];
@@ -38,7 +39,5 @@ export interface DatePickerLabels {
     backButtonLabel?: string;
     forwardButtonLabel?: string;
 }
-declare class DatePicker extends React.Component<DatePickerProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

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

@@ -1,15 +1,17 @@
 import { DatePickerLabels } from './DatePicker';
+import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
 interface DateTimePickerProps {
     value?: string;
     onChange?: (date?: string) => void;
     format?: 'date-time' | 'iso-date-time';
     showSeconds?: boolean;
     labels?: DatePickerLabels;
+    timePickerLabels?: TimePickerLabels;
     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 declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timePickerLabels, timezone, startTime, minDate, maxDate, portalled, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -15,6 +15,10 @@ interface IsoTimePickerProps {
     selectedDate?: string;
     timezone?: string;
     portalled?: boolean;
+    labels?: {
+        placeholder?: string;
+        emptyMessage?: string;
+    };
 }
-export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, portalled, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, portalled, labels, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-import { Props, RenderProps } from '@bsol-oss/dayzed-react19';
 import React from 'react';
-export interface RangeCalendarProps extends RenderProps {
+import { CalendarRenderProps } from './useCalendar';
+export interface RangeCalendarProps extends CalendarRenderProps {
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     selected?: Date[];
 }
@@ -16,7 +16,7 @@ export interface RangeDatePickerLabels {
     backButtonLabel?: string;
     forwardButtonLabel?: string;
 }
-export interface RangeDatePickerProps extends Props {
+export interface RangeDatePickerProps {
     onDateSelected?: (obj: {
         selected: Date[];
         selectable: boolean;
@@ -68,7 +68,7 @@ export interface RangeDatePickerProps extends Props {
      * @default true
      */
     portalled?: boolean;
-    render?: (dayzedData: RenderProps) => React.ReactNode;
+    render?: (calendarData: CalendarRenderProps) => React.ReactNode;
 }
 declare const RangeDatePicker: React.FC<RangeDatePickerProps>;
 export default RangeDatePicker;

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

@@ -0,0 +1,48 @@
+export interface CalendarDate {
+    date: Date;
+    selected: boolean;
+    selectable: boolean;
+    today: boolean;
+    isCurrentMonth: boolean;
+}
+export interface Calendar {
+    month: number;
+    year: number;
+    weeks: Array<Array<CalendarDate | null>>;
+}
+export interface UseCalendarProps {
+    selected?: Date | Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    onDateSelected?: (obj: {
+        date: Date;
+        selected: Date | Date[];
+    }) => void;
+}
+export interface CalendarRenderProps {
+    calendars: Calendar[];
+    getBackProps: (props?: {
+        calendars?: Calendar[];
+        offset?: number;
+    }) => {
+        onClick: () => void;
+    };
+    getForwardProps: (props?: {
+        calendars?: Calendar[];
+        offset?: number;
+    }) => {
+        onClick: () => void;
+    };
+    getDateProps: (props: {
+        dateObj: CalendarDate;
+        onMouseEnter?: () => void;
+    }) => {
+        onClick: () => void;
+        onMouseEnter?: () => void;
+    };
+}
+export declare function useCalendar({ selected, firstDayOfWeek, showOutsideDays, date, minDate, maxDate, monthsToDisplay, onDateSelected, }: UseCalendarProps): CalendarRenderProps;

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

@@ -2,8 +2,8 @@ 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, FormButtonLabels } from './components/types/CustomJSONSchema7';
+import { Translate } from './useForm';
+import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, TimePickerLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
@@ -15,7 +15,8 @@ export interface SchemaFormContext<TData extends FieldValues> {
     rowNumber?: number | string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    translate: UseTranslationResponse<string, string>;
+    /** Translate object for fallback text (components prefer label objects) */
+    translate: Translate;
     requestOptions: AxiosRequestConfig;
     isSuccess: boolean;
     setIsSuccess: Dispatch<SetStateAction<boolean>>;
@@ -45,6 +46,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
     formButtonLabels?: FormButtonLabels;
+    timePickerLabels?: TimePickerLabels;
     ajvResolver: Resolver<FieldValues>;
     insideDialog?: boolean;
 }

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

@@ -1,2 +1 @@
-/// <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;
+export declare const FormBody: () => import("react/jsx-runtime").JSX.Element;

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

@@ -3,8 +3,8 @@ 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, FormButtonLabels } from '../types/CustomJSONSchema7';
+import { Translate } from '../../useForm';
+import { CustomJSONSchema7, DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, TimePickerLabels } from '../types/CustomJSONSchema7';
 export interface FormRootProps<TData extends FieldValues> {
     schema: CustomJSONSchema7;
     serverUrl: string;
@@ -12,7 +12,8 @@ export interface FormRootProps<TData extends FieldValues> {
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
     form: UseFormReturn;
-    translate: UseTranslationResponse<any, any>;
+    /** Translate object for fallback text (components prefer label objects) */
+    translate: Translate;
     children: ReactNode;
     order?: string[];
     ignore?: string[];
@@ -34,6 +35,7 @@ export interface FormRootProps<TData extends FieldValues> {
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
     formButtonLabels?: FormButtonLabels;
+    timePickerLabels?: TimePickerLabels;
     insideDialog?: boolean;
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
@@ -49,4 +51,4 @@ 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, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, insideDialog, }: 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, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -10,9 +10,8 @@ interface MediaBrowserDialogProps {
     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 function MediaBrowserDialog({ open, onClose, onSelect, title, filterImageOnly, onFetchFiles, onUploadFile, enableUpload, labels, 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/IdPicker.d.ts

@@ -5,4 +5,12 @@ export interface IdPickerProps {
     prefix: string;
     isMultiple?: boolean;
 }
+/**
+ * IdPicker component - supports both single and multiple selection
+ *
+ * @deprecated For better type safety and clarity, use IdPickerSingle or IdPickerMultiple directly
+ * This component is kept for backward compatibility
+ */
 export declare const IdPicker: ({ column, schema, prefix, isMultiple, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
+export { IdPickerSingle } from './IdPickerSingle';
+export { IdPickerMultiple } from './IdPickerMultiple';

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

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

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

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

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

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
+export interface RecordType {
+    [key: string]: any;
+}
+export interface UseIdPickerDataProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+    isMultiple: boolean;
+}
+export interface UseIdPickerDataReturn {
+    colLabel: string;
+    currentValue: string[];
+    searchText: string;
+    setSearchText: (text: string) => void;
+    debouncedSearchText: string;
+    isLoading: boolean;
+    isFetching: boolean;
+    isPending: boolean;
+    isError: boolean;
+    isSearching: boolean;
+    isLoadingInitialValues: boolean;
+    isFetchingInitialValues: boolean;
+    missingIds: string[];
+    comboboxItems: Array<{
+        label: string;
+        value: string;
+        raw: RecordType;
+    }>;
+    collection: any;
+    filter: (text: string) => void;
+    set: (items: Array<{
+        label: string;
+        value: string;
+        raw: RecordType;
+    }>) => void;
+    idMap: Record<string, object>;
+    idPickerLabels: any;
+    insideDialog: boolean;
+    renderDisplay: ((item: RecordType) => React.ReactNode) | undefined;
+    column_ref: string;
+    errors: any;
+    setValue: (name: string, value: any) => void;
+}
+export declare const useIdPickerData: ({ column, schema, prefix, isMultiple, }: UseIdPickerDataProps) => UseIdPickerDataReturn;