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

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, showQuickActions, 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

@@ -6,7 +6,6 @@ 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;
     requestUrl: string;
     order: string[];
     ignore: string[];

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

@@ -7,7 +7,6 @@ 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;
     requestUrl?: string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
@@ -51,4 +50,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, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+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;

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

@@ -1,4 +1,4 @@
-import { TagPickerProps } from "../types/CustomJSONSchema7";
+import { TagPickerProps } from '../types/CustomJSONSchema7';
 export interface Tag {
     id: string;
     name: string;

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

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
+import React from 'react';
+import { CustomJSONSchema7, LoadInitialValuesParams, LoadInitialValuesResult } from '../types/CustomJSONSchema7';
 export interface RecordType {
     [key: string]: any;
 }
+export type { LoadInitialValuesParams, LoadInitialValuesResult, } from '../types/CustomJSONSchema7';
 export interface UseIdPickerDataProps {
     column: string;
     schema: CustomJSONSchema7;
@@ -25,6 +26,7 @@ export interface UseIdPickerDataReturn {
     missingIds: string[];
     comboboxItems: Array<{
         label: string;
+        displayLabel: string;
         value: string;
         raw: RecordType;
     }>;
@@ -32,6 +34,7 @@ export interface UseIdPickerDataReturn {
     filter: (text: string) => void;
     set: (items: Array<{
         label: string;
+        displayLabel: string;
         value: string;
         raw: RecordType;
     }>) => void;
@@ -39,6 +42,9 @@ export interface UseIdPickerDataReturn {
     idPickerLabels: any;
     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

@@ -3,6 +3,7 @@ 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 interface DateTimePickerLabels {
     monthNamesShort?: string[];
     weekdayNamesShort?: string[];
@@ -60,12 +61,26 @@ export interface TimePickerLabels {
     placeholder?: string;
     emptyMessage?: string;
 }
+export interface LoadInitialValuesParams {
+    ids: string[];
+    foreign_key: ForeignKeyProps;
+    setIdMap: React.Dispatch<React.SetStateAction<Record<string, object>>>;
+}
+export interface LoadInitialValuesResult {
+    data: {
+        data: Record<string, any>[];
+        count: number;
+    };
+    idMap: Record<string, object>;
+}
 export interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
     gridRow?: string;
     foreign_key?: ForeignKeyProps;
     variant?: string;
     renderDisplay?: (item: unknown) => ReactNode;
+    itemToValue?: (item: unknown) => string;
+    loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
     inputRender?: (props: {
         column: string;
         schema: CustomJSONSchema7;
@@ -87,6 +102,34 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
     numberStorageType?: 'string' | 'number';
     errorMessages?: Partial<Record<ValidationErrorType | 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;
+    };
 }
 export declare const defaultRenderDisplay: (item: unknown) => ReactNode;
 export interface TagPickerProps {

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface Tag {
     id: string;
     name: string;

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

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

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

@@ -1,57 +1,41 @@
+import { CustomJSONSchema7 } from '../components/types/CustomJSONSchema7';
 /**
- * Custom hook for form field labels and fallback text.
- * Automatically handles colLabel construction and removeIndex logic.
- * Uses schema.title when available, otherwise falls back to translate function.
+ * Custom hook for form field labels.
+ * Automatically handles colLabel construction.
+ * Uses schema.title for labels and schema.errorMessages for error messages.
  *
  * @param column - The column name
  * @param prefix - The prefix for the field (usually empty string or parent path)
- * @param schema - Optional schema object with title property
+ * @param schema - Required schema object with title and errorMessages properties
  * @returns Object with label helper functions
  *
  * @example
  * ```tsx
  * const formI18n = useFormI18n(column, prefix, schema);
  *
- * // Get field label (prefers schema.title)
+ * // Get field label (from schema.title)
  * <Field label={formI18n.label()} />
  *
- * // Get required error message
+ * // Get required error message (from schema.errorMessages?.required)
  * <Text>{formI18n.required()}</Text>
  *
- * // Get custom text
- * <Text>{formI18n.t('add_more')}</Text>
- *
  * // Access the raw colLabel
  * const colLabel = formI18n.colLabel;
  * ```
  */
-export declare const useFormI18n: (column: string, prefix?: string, schema?: {
-    title?: string;
-}) => {
+export declare const useFormI18n: (column: string, prefix: string | undefined, schema: CustomJSONSchema7) => {
     /**
      * The constructed column label (prefix + column)
      */
     colLabel: string;
     /**
-     * Get the field label from schema title prop, or fall back to translate function
-     * Uses schema.title if available, otherwise: translate.t(removeIndex(`${colLabel}.field_label`))
-     */
-    label: (options?: any) => string;
-    /**
-     * Get the required error message
-     * Equivalent to: translate.t(removeIndex(`${colLabel}.field_required`))
-     */
-    required: (options?: any) => string;
-    /**
-     * Get text for any custom key relative to the field
-     * Equivalent to: translate.t(removeIndex(`${colLabel}.${key}`))
-     *
-     * @param key - The key suffix (e.g., 'add_more', 'total', etc.)
-     * @param options - Optional options (e.g., defaultValue, interpolation variables)
+     * Get the field label from schema title property.
+     * Logs a debug message if title is missing.
      */
-    t: (key: string, options?: any) => string;
+    label: () => string;
     /**
-     * Access to the original translate object for edge cases
+     * Get the required error message from schema.errorMessages?.required.
+     * Returns a helpful fallback message if not provided.
      */
-    translate: import("../useForm").Translate;
+    required: () => string;
 };

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

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

package/dist/types/index.d.ts

@@ -126,7 +126,6 @@ export * from './components/DatePicker/DatePicker';
 export * from './components/DatePicker/getMultiDates';
 export * from './components/DatePicker/getRangeDates';
 export * from './components/DatePicker/RangeDatePicker';
-export * from './components/DatePicker/DatePickerInput';
 export * from './components/DataTable/display/RecordDisplay';
 export * from './components/DataTable/display/TableDataDisplay';
 export * from './components/DataTable/DefaultTable';

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "13.0.1-beta.0",
+  "version": "13.0.1-beta.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "repository": "https://github.com/bsol-oss/react-datatable5.git",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bsol-oss/react-datatable5.git"
+  },
   "homepage": "https://github.com/bsol-oss/react-datatable5#react-datatable5",
   "author": "screw123",
   "license": "MIT",
@@ -46,7 +49,7 @@
     "ajv": "^8.12.0",
     "ajv-errors": "^3.0.0",
     "ajv-formats": "^3.0.1",
-    "axios": "^1.7.9",
+    "axios": "^1.13.2",
     "dayjs": "^1.11.13",
     "next-themes": "^0.4.4",
     "react": "^19.0.0",
@@ -80,7 +83,7 @@
     "lint-staged": "^16.2.5",
     "prettier": "3.2.5",
     "rollup-plugin-dts": "^6.1.0",
-    "storybook": "^10.0.7",
+    "storybook": "^10.1.11",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   },

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

@@ -1,18 +0,0 @@
-import { DatePickerLabels } from './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;
-}
-export declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +0,0 @@
-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;
-    labels?: {
-        placeholder?: string;
-        emptyMessage?: string;
-    };
-}
-export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, portalled, labels, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
-export {};