@bsol-oss/react-datatable5 12.0.0-beta.56 → 12.0.0-beta.58

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

@@ -14,6 +14,29 @@ export interface GetVariantProps {
     selectable: boolean;
 }
 export interface DatePickerProps extends Props {
+    onDateSelected?: (obj: {
+        date: Date;
+    }) => void;
+    selected: Date | Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    labels?: {
+        monthNamesShort: string[];
+        weekdayNamesShort: string[];
+        backButtonLabel?: string;
+        forwardButtonLabel?: string;
+    };
+    render?: (dayzedData: any) => React.ReactNode;
+}
+export interface DatePickerLabels {
+    monthNamesShort: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
 }
 declare class DatePicker extends React.Component<DatePickerProps> {
     render(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { DatePickerLabels } from "./DatePicker";
+interface DateTimePickerProps {
+    value?: string;
+    onChange?: (date?: string) => void;
+    format?: "date-time" | "iso-date-time";
+    showSeconds?: boolean;
+    labels?: DatePickerLabels;
+    timezone?: string;
+}
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, }: 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,16 @@
+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;
+}
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, }: 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/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,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 type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps } from './DatePicker';

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

@@ -3,6 +3,7 @@ import { JSONSchema7 } from "json-schema";
 import { Dispatch, ReactNode, SetStateAction } from "react";
 import { FieldValues } from "react-hook-form";
 import { UseTranslationResponse } from "react-i18next";
+import { SupportedLocale } from "./utils/validation";
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
@@ -30,5 +31,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
     setError: Dispatch<SetStateAction<unknown>>;
     getUpdatedData: () => TData | Promise<TData>;
     customErrorRenderer?: (error: unknown) => ReactNode;
+    validationLocale?: SupportedLocale;
+    timezone?: string;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;

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

@@ -1,4 +1,5 @@
 import { ForeignKeyProps } from "@/components/Form/components/fields/StringInputField";
+import { SupportedLocale } from "@/components/Form/utils/validation";
 import { AxiosRequestConfig } from "axios";
 import { JSONSchema7 } from "json-schema";
 import { Dispatch, ReactNode, SetStateAction } from "react";
@@ -22,6 +23,7 @@ export interface FormRootProps<TData extends FieldValues> {
     requestOptions?: AxiosRequestConfig;
     getUpdatedData?: () => TData | Promise<TData> | void;
     customErrorRenderer?: (error: unknown) => ReactNode;
+    validationLocale?: SupportedLocale;
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
@@ -38,4 +40,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, customErrorRenderer, }: 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, validationLocale, }: FormRootProps<TData>) => 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/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/TimeViewer.d.ts

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

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

@@ -0,0 +1,49 @@
+import { JSONSchema7 } from "json-schema";
+declare const localize: {
+    en: () => void;
+    'zh-HK': import("ajv-i18n/localize/types").Localize;
+    'zh-TW': import("ajv-i18n/localize/types").Localize;
+    'zh-CN': import("ajv-i18n/localize/types").Localize;
+    zh: import("ajv-i18n/localize/types").Localize;
+};
+export type SupportedLocale = keyof typeof localize;
+export interface ValidationError {
+    field: string;
+    message: string;
+    value?: unknown;
+    schemaPath?: string;
+}
+export interface ValidationResult {
+    isValid: boolean;
+    errors: ValidationError[];
+}
+export interface ValidationOptions {
+    locale?: SupportedLocale;
+}
+/**
+ * Validates data against a JSON Schema using AJV with i18n support
+ * @param data - The data to validate
+ * @param schema - The JSON Schema to validate against
+ * @param options - Validation options including locale
+ * @returns ValidationResult containing validation status and errors
+ */
+export declare const validateData: (data: unknown, schema: JSONSchema7, options?: ValidationOptions) => ValidationResult;
+/**
+ * Creates a reusable validator function for a specific schema with i18n support
+ * @param schema - The JSON Schema to create validator for
+ * @param locale - The locale to use for error messages
+ * @returns A function that validates data against the schema
+ */
+export declare const createSchemaValidator: (schema: JSONSchema7, locale?: SupportedLocale) => (data: unknown) => ValidationResult;
+/**
+ * Get available locales for validation error messages
+ * @returns Array of supported locale codes
+ */
+export declare const getSupportedLocales: () => SupportedLocale[];
+/**
+ * Check if a locale is supported
+ * @param locale - The locale to check
+ * @returns Boolean indicating if the locale is supported
+ */
+export declare const isLocaleSupported: (locale: string) => locale is "en" | "zh-HK" | "zh-TW" | "zh-CN" | "zh";
+export {};

package/dist/types/index.d.ts

@@ -121,3 +121,5 @@ export * from "./components/DatePicker/getMultiDates";
 export * from "./components/DatePicker/getRangeDates";
 export * from "./components/DatePicker/RangeDatePicker";
 export * from "./components/DataTable/display/RecordDisplay";
+export * from "./components/Form/utils/validation";
+export type { SupportedLocale, ValidationOptions } from "./components/Form/utils/validation";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.56",
+  "version": "12.0.0-beta.58",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -43,6 +43,9 @@
     "@tanstack/react-query": "^5.66.9",
     "@tanstack/react-table": "^8.21.2",
     "@uidotdev/usehooks": "^2.4.1",
+    "ajv": "^8.12.0",
+    "ajv-formats": "^3.0.1",
+    "ajv-i18n": "^4.2.0",
     "axios": "^1.7.9",
     "dayjs": "^1.11.13",
     "next-themes": "^0.4.4",
@@ -70,6 +73,9 @@
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "ajv": "^8.12.0",
+    "ajv-formats": "^3.0.1",
+    "ajv-i18n": "^4.2.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",