@bsol-oss/react-datatable5 12.0.0-beta.59 → 12.0.0-beta.60

package/dist/index.d.ts

@@ -11,12 +11,10 @@ import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { UseQueryResult } from '@tanstack/react-query';
 import { JSONSchema7 } from 'json-schema';
 import { ForeignKeyProps as ForeignKeyProps$1 } from '@/components/Form/components/fields/StringInputField';
-import { SupportedLocale as SupportedLocale$1 } from '@/components/Form/utils/validation';
 import { AxiosRequestConfig } from 'axios';
 import * as react_hook_form from 'react-hook-form';
 import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
 import { RenderProps, Props } from '@bsol-oss/dayzed-react19';
-import * as ajv_i18n_localize_types from 'ajv-i18n/localize/types';
 
 interface DensityToggleButtonProps {
     icon?: React__default.ReactElement;
@@ -549,7 +547,6 @@ interface FormRootProps<TData extends FieldValues> {
     requestOptions?: AxiosRequestConfig;
     getUpdatedData?: () => TData | Promise<TData> | void;
     customErrorRenderer?: (error: unknown) => ReactNode;
-    validationLocale?: SupportedLocale$1;
 }
 interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
@@ -566,7 +563,7 @@ declare const idPickerSanityCheck: (column: string, foreign_key?: {
     column?: string | undefined;
     display_column?: string | undefined;
 } | undefined) => void;
-declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, validationLocale, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
     formConfig: Omit<FormRootProps<TData>, "children">;
@@ -664,54 +661,6 @@ interface RecordDisplayProps {
 }
 declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => react_jsx_runtime.JSX.Element;
 
-declare const localize: {
-    en: () => void;
-    'zh-HK': ajv_i18n_localize_types.Localize;
-    'zh-TW': ajv_i18n_localize_types.Localize;
-    'zh-CN': ajv_i18n_localize_types.Localize;
-    zh: ajv_i18n_localize_types.Localize;
-};
-type SupportedLocale = keyof typeof localize;
-interface ValidationError {
-    field: string;
-    message: string;
-    value?: unknown;
-    schemaPath?: string;
-}
-interface ValidationResult {
-    isValid: boolean;
-    errors: ValidationError[];
-}
-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
- */
-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
- */
-declare const createSchemaValidator: (schema: JSONSchema7, locale?: SupportedLocale) => (data: unknown) => ValidationResult;
-/**
- * Get available locales for validation error messages
- * @returns Array of supported locale codes
- */
-declare const getSupportedLocales: () => SupportedLocale[];
-/**
- * Check if a locale is supported
- * @param locale - The locale to check
- * @returns Boolean indicating if the locale is supported
- */
-declare const isLocaleSupported: (locale: string) => locale is "en" | "zh-HK" | "zh-TW" | "zh-CN" | "zh";
-
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData extends RowData, TValue> {
         /**
@@ -784,4 +733,4 @@ declare module "@tanstack/react-table" {
     }
 }
 
-export { type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, type DatePickerLabels, type DatePickerProps, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, ErrorAlert, type ErrorAlertProps, FilterDialog, FormBody, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, PageSizeControl, type PageSizeControlProps, Pagination, type RangeCalendarProps, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, type SupportedLocale, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationError, type ValidationOptions, type ValidationResult, ViewDialog, createSchemaValidator, getColumns, getMultiDates, getRangeDates, getSupportedLocales, idPickerSanityCheck, isLocaleSupported, useDataTable, useDataTableContext, useDataTableServer, useForm, validateData, widthSanityCheck };
+export { type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, type DatePickerLabels, type DatePickerProps, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, ErrorAlert, type ErrorAlertProps, FilterDialog, FormBody, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, PageSizeControl, type PageSizeControlProps, Pagination, type RangeCalendarProps, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, ViewDialog, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };

package/dist/index.js

@@ -29,14 +29,13 @@ var gr = require('react-icons/gr');
 var reactI18next = require('react-i18next');
 var axios = require('axios');
 var reactHookForm = require('react-hook-form');
-var Ajv = require('ajv');
-var addFormats = require('ajv-formats');
-var zh_TW = require('ajv-i18n/localize/zh-TW');
-var zh_CN = require('ajv-i18n/localize/zh');
 var dayjs = require('dayjs');
 var utc = require('dayjs/plugin/utc');
 var timezone = require('dayjs/plugin/timezone');
 var ti = require('react-icons/ti');
+var Ajv = require('ajv');
+var addFormats = require('ajv-formats');
+var addErrors = require('ajv-errors');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -3693,7 +3692,6 @@ const SchemaFormContext = React.createContext({
     onSubmit: async () => { },
     rowNumber: 0,
     requestOptions: {},
-    validationLocale: 'en',
     timezone: 'Asia/Hong_Kong',
 });
 
@@ -3705,179 +3703,6 @@ const clearEmptyString = (object) => {
     return Object.fromEntries(Object.entries(object).filter(([, value]) => value !== ""));
 };
 
-// AJV i18n support
-const localize = {
-    en: () => { }, // English is default, no localization needed
-    'zh-HK': zh_TW, // Use zh-TW for Hong Kong Traditional Chinese
-    'zh-TW': zh_TW, // Traditional Chinese (Taiwan)
-    'zh-CN': zh_CN, // Simplified Chinese
-    'zh': zh_CN, // Simplified Chinese (short form)
-};
-// Create AJV instance with format support
-const createValidator = () => {
-    const ajv = new Ajv({
-        allErrors: true,
-        verbose: true,
-        removeAdditional: false,
-        strict: false,
-        messages: false, // Disable default messages for i18n
-    });
-    // Add format validation support (date, time, email, etc.)
-    addFormats(ajv);
-    return ajv;
-};
-/**
- * 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
- */
-const validateData = (data, schema, options = {}) => {
-    const { locale = 'en' } = options;
-    const ajv = createValidator();
-    try {
-        const validate = ajv.compile(schema);
-        const isValid = validate(data);
-        if (isValid) {
-            return {
-                isValid: true,
-                errors: [],
-            };
-        }
-        // Apply localization if not English
-        if (locale !== 'en' && validate.errors && localize[locale]) {
-            try {
-                localize[locale](validate.errors);
-            }
-            catch (error) {
-                console.warn(`Failed to localize validation errors to ${locale}:`, error);
-            }
-        }
-        const errors = (validate.errors || []).map((error) => {
-            const field = error.instancePath?.replace(/^\//, '') || error.schemaPath?.split('/').pop() || 'root';
-            let message = error.message || 'Validation error';
-            // Enhanced error messages for better UX (only if using English or localization failed)
-            if (locale === 'en' || !error.message) {
-                switch (error.keyword) {
-                    case 'required':
-                        message = `${error.params?.missingProperty || 'Field'} is required`;
-                        break;
-                    case 'format':
-                        message = `Invalid ${error.params?.format} format`;
-                        break;
-                    case 'type':
-                        message = `Expected ${error.params?.type}, got ${typeof error.data}`;
-                        break;
-                    case 'minLength':
-                        message = `Must be at least ${error.params?.limit} characters`;
-                        break;
-                    case 'maxLength':
-                        message = `Must be no more than ${error.params?.limit} characters`;
-                        break;
-                    case 'minimum':
-                        message = `Must be at least ${error.params?.limit}`;
-                        break;
-                    case 'maximum':
-                        message = `Must be no more than ${error.params?.limit}`;
-                        break;
-                    case 'pattern':
-                        message = `Does not match required pattern`;
-                        break;
-                    case 'enum':
-                        message = `Must be one of: ${error.params?.allowedValues?.join(', ')}`;
-                        break;
-                    default:
-                        message = error.message || 'Validation error';
-                }
-            }
-            return {
-                field: field || error.instancePath || 'unknown',
-                message,
-                value: error.data,
-                schemaPath: error.schemaPath,
-            };
-        });
-        return {
-            isValid: false,
-            errors,
-        };
-    }
-    catch (error) {
-        // Handle AJV compilation errors
-        const errorMessage = locale === 'zh-HK' || locale === 'zh-TW'
-            ? `架構驗證錯誤: ${error instanceof Error ? error.message : '未知錯誤'}`
-            : locale === 'zh-CN' || locale === 'zh'
-                ? `模式验证错误: ${error instanceof Error ? error.message : '未知错误'}`
-                : `Schema validation error: ${error instanceof Error ? error.message : 'Unknown error'}`;
-        return {
-            isValid: false,
-            errors: [
-                {
-                    field: 'schema',
-                    message: errorMessage,
-                },
-            ],
-        };
-    }
-};
-/**
- * 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
- */
-const createSchemaValidator = (schema, locale = 'en') => {
-    const ajv = createValidator();
-    const validate = ajv.compile(schema);
-    return (data) => {
-        const isValid = validate(data);
-        if (isValid) {
-            return {
-                isValid: true,
-                errors: [],
-            };
-        }
-        // Apply localization if not English
-        if (locale !== 'en' && validate.errors && localize[locale]) {
-            try {
-                localize[locale](validate.errors);
-            }
-            catch (error) {
-                console.warn(`Failed to localize validation errors to ${locale}:`, error);
-            }
-        }
-        const errors = (validate.errors || []).map((error) => {
-            const field = error.instancePath?.replace(/^\//, '') || 'root';
-            return {
-                field,
-                message: error.message || 'Validation error',
-                value: error.data,
-                schemaPath: error.schemaPath,
-            };
-        });
-        return {
-            isValid: false,
-            errors,
-        };
-    };
-};
-/**
- * Get available locales for validation error messages
- * @returns Array of supported locale codes
- */
-const getSupportedLocales = () => {
-    return Object.keys(localize);
-};
-/**
- * Check if a locale is supported
- * @param locale - The locale to check
- * @returns Boolean indicating if the locale is supported
- */
-const isLocaleSupported = (locale) => {
-    return locale in localize;
-};
-
 const idPickerSanityCheck = (column, foreign_key) => {
     if (!!foreign_key == false) {
         throw new Error(`The key foreign_key does not exist in properties of column ${column} when using id-picker.`);
@@ -3893,7 +3718,7 @@ const idPickerSanityCheck = (column, foreign_key) => {
         throw new Error(`The key column does not exist in properties of column ${column} when using id-picker.`);
     }
 };
-const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, children, order = [], ignore = [], include = [], onSubmit = undefined, rowNumber = undefined, requestOptions = {}, getUpdatedData = () => { }, customErrorRenderer, validationLocale = 'en', }) => {
+const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, children, order = [], ignore = [], include = [], onSubmit = undefined, rowNumber = undefined, requestOptions = {}, getUpdatedData = () => { }, customErrorRenderer, }) => {
     const [isSuccess, setIsSuccess] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [isSubmiting, setIsSubmiting] = React.useState(false);
@@ -3927,7 +3752,6 @@ const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, childre
             setError,
             getUpdatedData,
             customErrorRenderer,
-            validationLocale,
         }, children: jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: children }) }));
 };
 
@@ -6008,24 +5832,20 @@ const ColumnViewer = ({ column, properties, prefix, }) => {
 };
 
 const SubmitButton = () => {
-    const { translate, setValidatedData, setIsError, setIsConfirming, setError, schema, validationLocale } = useSchemaContext();
+    const { translate, setValidatedData, setIsError, setIsConfirming, setError, schema, } = useSchemaContext();
     const methods = reactHookForm.useFormContext();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onValid = (data) => {
         // Validate data using AJV before proceeding to confirmation
-        const validationResult = validateData(data, schema, { locale: validationLocale });
-        if (!validationResult.isValid) {
-            // Set validation errors with i18n support
-            const validationErrorMessage = {
-                type: 'validation',
-                errors: validationResult.errors,
-                message: validationLocale === 'zh-HK' || validationLocale === 'zh-TW'
-                    ? '表單驗證失敗'
-                    : validationLocale === 'zh-CN' || validationLocale === 'zh'
-                        ? '表单验证失败'
-                        : 'Form validation failed'
-            };
-            setError(validationErrorMessage);
+        const validate = new Ajv({
+            strict: false,
+            allErrors: true,
+        }).compile(schema);
+        const validationResult = validate(data);
+        // @ts-expect-error TODO: find appropriate type
+        const errors = validationResult.errors;
+        if (errors && errors.length > 0) {
+            setError(errors);
             setIsError(true);
             return;
         }
@@ -6040,7 +5860,7 @@ const SubmitButton = () => {
 };
 
 const FormBody = () => {
-    const { schema, requestUrl, order, ignore, include, onSubmit, rowNumber, translate, requestOptions, isSuccess, setIsSuccess, isError, setIsError, isSubmiting, setIsSubmiting, isConfirming, setIsConfirming, validatedData, setValidatedData, error, setError, getUpdatedData, customErrorRenderer, validationLocale, } = useSchemaContext();
+    const { schema, requestUrl, order, ignore, include, onSubmit, rowNumber, translate, requestOptions, isSuccess, setIsSuccess, isError, setIsError, isSubmiting, setIsSubmiting, isConfirming, setIsConfirming, validatedData, setValidatedData, error, setError, getUpdatedData, customErrorRenderer, } = useSchemaContext();
     const methods = reactHookForm.useFormContext();
     const { properties } = schema;
     const onBeforeSubmit = () => {
@@ -6059,23 +5879,31 @@ const FormBody = () => {
     // Enhanced validation function using AJV with i18n support
     const validateFormData = (data) => {
         try {
-            const validationResult = validateData(data, schema, {
-                locale: validationLocale,
+            const ajv = new Ajv({
+                strict: false,
+                allErrors: true,
             });
-            return validationResult;
+            addFormats(ajv);
+            addErrors(ajv);
+            const validate = ajv.compile(schema);
+            const validationResult = validate(data);
+            const errors = validate.errors;
+            console.log({
+                isValid: validationResult,
+                errors,
+            }, "plkdfs");
+            return {
+                isValid: validationResult,
+                errors,
+            };
         }
         catch (error) {
-            const errorMessage = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-                ? `驗證錯誤: ${error instanceof Error ? error.message : "未知驗證錯誤"}`
-                : validationLocale === "zh-CN" || validationLocale === "zh"
-                    ? `验证错误: ${error instanceof Error ? error.message : "未知验证错误"}`
-                    : `Validation error: ${error instanceof Error ? error.message : "Unknown validation error"}`;
             return {
                 isValid: false,
                 errors: [
                     {
                         field: "validation",
-                        message: errorMessage,
+                        message: error instanceof Error ? error.message : "Unknown error",
                     },
                 ],
             };
@@ -6112,11 +5940,7 @@ const FormBody = () => {
             const validationErrorMessage = {
                 type: "validation",
                 errors: validationResult.errors,
-                message: validationLocale === "zh-HK" || validationLocale === "zh-TW"
-                    ? "表單驗證失敗"
-                    : validationLocale === "zh-CN" || validationLocale === "zh"
-                        ? "表单验证失败"
-                        : "Form validation failed",
+                message: translate.t("validation_error"),
             };
             onSubmitError(validationErrorMessage);
             return;
@@ -6129,22 +5953,7 @@ const FormBody = () => {
     };
     // Custom error renderer for validation errors with i18n support
     const renderValidationErrors = (validationErrors) => {
-        const title = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? `表單驗證失敗 (${validationErrors.length} 個錯誤${validationErrors.length > 1 ? "" : ""})`
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? `表单验证失败 (${validationErrors.length} 个错误${validationErrors.length > 1 ? "" : ""})`
-                : `Form Validation Failed (${validationErrors.length} error${validationErrors.length > 1 ? "s" : ""})`;
-        const formLabel = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? "表單"
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? "表单"
-                : "Form";
-        const currentValueLabel = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? "目前值:"
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? "当前值:"
-                : "Current value:";
-        return (jsxRuntime.jsx(AccordionRoot, { collapsible: true, defaultValue: [], children: jsxRuntime.jsxs(AccordionItem, { value: "validation-errors", children: [jsxRuntime.jsx(AccordionItemTrigger, { children: title }), jsxRuntime.jsx(AccordionItemContent, { children: validationErrors.map((err, index) => (jsxRuntime.jsxs(react.Box, { mb: 2, p: 2, bg: "red.50", borderLeft: "4px solid", borderColor: "red.500", children: [jsxRuntime.jsxs(react.Text, { fontWeight: "bold", color: "red.700", children: [err.field === "root" ? formLabel : err.field, ":"] }), jsxRuntime.jsx(react.Text, { color: "red.600", children: err.message }), err.value !== undefined && (jsxRuntime.jsxs(react.Text, { fontSize: "sm", color: "red.500", mt: 1, whiteSpace: "pre-wrap", wordBreak: "break-all", children: [currentValueLabel, " ", JSON.stringify(err.value, null, 2)] }))] }, index))) })] }) }));
+        return (jsxRuntime.jsx(AccordionRoot, { colorPalette: "red", collapsible: true, defaultValue: [], children: jsxRuntime.jsxs(AccordionItem, { value: "validation-errors", children: [jsxRuntime.jsx(AccordionItemTrigger, { children: translate.t("validation_error") }), jsxRuntime.jsx(AccordionItemContent, { display: "flex", flexFlow: "column", gap: "2", children: validationErrors.map((err, index) => (jsxRuntime.jsxs(react.AlertRoot, { status: "error", children: [jsxRuntime.jsx(react.AlertIndicator, {}), jsxRuntime.jsxs(react.AlertContent, { children: [jsxRuntime.jsx(react.AlertTitle, { fontWeight: "bold", children: err.instancePath }), jsxRuntime.jsx(react.AlertDescription, { children: err.message }), err.params !== undefined && (jsxRuntime.jsx(react.AlertDescription, { whiteSpace: "pre-wrap", wordBreak: "break-all", children: JSON.stringify(err.data, null, 2) }))] })] }))) })] }) }));
     };
     const renderColumns = ({ order, keys, ignore, include, }) => {
         const included = include.length > 0 ? include : keys;
@@ -6276,16 +6085,12 @@ exports.TableSorter = TableSorter;
 exports.TableViewer = TableViewer;
 exports.TextCell = TextCell;
 exports.ViewDialog = ViewDialog;
-exports.createSchemaValidator = createSchemaValidator;
 exports.getColumns = getColumns;
 exports.getMultiDates = getMultiDates;
 exports.getRangeDates = getRangeDates;
-exports.getSupportedLocales = getSupportedLocales;
 exports.idPickerSanityCheck = idPickerSanityCheck;
-exports.isLocaleSupported = isLocaleSupported;
 exports.useDataTable = useDataTable;
 exports.useDataTableContext = useDataTableContext;
 exports.useDataTableServer = useDataTableServer;
 exports.useForm = useForm;
-exports.validateData = validateData;
 exports.widthSanityCheck = widthSanityCheck;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button as Button$1, AbsoluteCenter, Spinner, Span, IconButton, Portal, Dialog, Flex, Text, useDisclosure, DialogBackdrop, RadioGroup as RadioGroup$1, Grid, Box, Slider as Slider$1, HStack, For, Tag as Tag$1, Input, Menu, createRecipeContext, createContext as createContext$1, Pagination as Pagination$1, usePaginationContext, CheckboxCard as CheckboxCard$1, Image, EmptyState as EmptyState$2, VStack, Alert, Card, Group, InputElement, Tooltip as Tooltip$1, Icon, List, Table as Table$1, Checkbox as Checkbox$1, MenuRoot as MenuRoot$1, MenuTrigger as MenuTrigger$1, Accordion, Field as Field$1, Popover, NumberInput, Show, RadioCard, CheckboxGroup, Textarea, Center, Heading } from '@chakra-ui/react';
+import { Button as Button$1, AbsoluteCenter, Spinner, Span, IconButton, Portal, Dialog, Flex, Text, useDisclosure, DialogBackdrop, RadioGroup as RadioGroup$1, Grid, Box, Slider as Slider$1, HStack, For, Tag as Tag$1, Input, Menu, createRecipeContext, createContext as createContext$1, Pagination as Pagination$1, usePaginationContext, CheckboxCard as CheckboxCard$1, Image, EmptyState as EmptyState$2, VStack, Alert, Card, Group, InputElement, Tooltip as Tooltip$1, Icon, List, Table as Table$1, Checkbox as Checkbox$1, MenuRoot as MenuRoot$1, MenuTrigger as MenuTrigger$1, Accordion, Field as Field$1, Popover, NumberInput, Show, RadioCard, CheckboxGroup, Textarea, Center, AlertRoot, AlertIndicator, AlertContent, AlertTitle, AlertDescription, Heading } from '@chakra-ui/react';
 import { AiOutlineColumnWidth } from 'react-icons/ai';
 import * as React from 'react';
 import React__default, { createContext, useContext, useState, useEffect, useRef } from 'react';
@@ -28,14 +28,13 @@ import { GrAscend, GrDescend } from 'react-icons/gr';
 import { useTranslation } from 'react-i18next';
 import axios from 'axios';
 import { FormProvider, useFormContext, useForm as useForm$1 } from 'react-hook-form';
-import Ajv from 'ajv';
-import addFormats from 'ajv-formats';
-import zh_TW from 'ajv-i18n/localize/zh-TW';
-import zh_CN from 'ajv-i18n/localize/zh';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
 import { TiDeleteOutline } from 'react-icons/ti';
+import Ajv from 'ajv';
+import addFormats from 'ajv-formats';
+import addErrors from 'ajv-errors';
 
 const DataTableContext = createContext({
     table: {},
@@ -3673,7 +3672,6 @@ const SchemaFormContext = createContext({
     onSubmit: async () => { },
     rowNumber: 0,
     requestOptions: {},
-    validationLocale: 'en',
     timezone: 'Asia/Hong_Kong',
 });
 
@@ -3685,179 +3683,6 @@ const clearEmptyString = (object) => {
     return Object.fromEntries(Object.entries(object).filter(([, value]) => value !== ""));
 };
 
-// AJV i18n support
-const localize = {
-    en: () => { }, // English is default, no localization needed
-    'zh-HK': zh_TW, // Use zh-TW for Hong Kong Traditional Chinese
-    'zh-TW': zh_TW, // Traditional Chinese (Taiwan)
-    'zh-CN': zh_CN, // Simplified Chinese
-    'zh': zh_CN, // Simplified Chinese (short form)
-};
-// Create AJV instance with format support
-const createValidator = () => {
-    const ajv = new Ajv({
-        allErrors: true,
-        verbose: true,
-        removeAdditional: false,
-        strict: false,
-        messages: false, // Disable default messages for i18n
-    });
-    // Add format validation support (date, time, email, etc.)
-    addFormats(ajv);
-    return ajv;
-};
-/**
- * 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
- */
-const validateData = (data, schema, options = {}) => {
-    const { locale = 'en' } = options;
-    const ajv = createValidator();
-    try {
-        const validate = ajv.compile(schema);
-        const isValid = validate(data);
-        if (isValid) {
-            return {
-                isValid: true,
-                errors: [],
-            };
-        }
-        // Apply localization if not English
-        if (locale !== 'en' && validate.errors && localize[locale]) {
-            try {
-                localize[locale](validate.errors);
-            }
-            catch (error) {
-                console.warn(`Failed to localize validation errors to ${locale}:`, error);
-            }
-        }
-        const errors = (validate.errors || []).map((error) => {
-            const field = error.instancePath?.replace(/^\//, '') || error.schemaPath?.split('/').pop() || 'root';
-            let message = error.message || 'Validation error';
-            // Enhanced error messages for better UX (only if using English or localization failed)
-            if (locale === 'en' || !error.message) {
-                switch (error.keyword) {
-                    case 'required':
-                        message = `${error.params?.missingProperty || 'Field'} is required`;
-                        break;
-                    case 'format':
-                        message = `Invalid ${error.params?.format} format`;
-                        break;
-                    case 'type':
-                        message = `Expected ${error.params?.type}, got ${typeof error.data}`;
-                        break;
-                    case 'minLength':
-                        message = `Must be at least ${error.params?.limit} characters`;
-                        break;
-                    case 'maxLength':
-                        message = `Must be no more than ${error.params?.limit} characters`;
-                        break;
-                    case 'minimum':
-                        message = `Must be at least ${error.params?.limit}`;
-                        break;
-                    case 'maximum':
-                        message = `Must be no more than ${error.params?.limit}`;
-                        break;
-                    case 'pattern':
-                        message = `Does not match required pattern`;
-                        break;
-                    case 'enum':
-                        message = `Must be one of: ${error.params?.allowedValues?.join(', ')}`;
-                        break;
-                    default:
-                        message = error.message || 'Validation error';
-                }
-            }
-            return {
-                field: field || error.instancePath || 'unknown',
-                message,
-                value: error.data,
-                schemaPath: error.schemaPath,
-            };
-        });
-        return {
-            isValid: false,
-            errors,
-        };
-    }
-    catch (error) {
-        // Handle AJV compilation errors
-        const errorMessage = locale === 'zh-HK' || locale === 'zh-TW'
-            ? `架構驗證錯誤: ${error instanceof Error ? error.message : '未知錯誤'}`
-            : locale === 'zh-CN' || locale === 'zh'
-                ? `模式验证错误: ${error instanceof Error ? error.message : '未知错误'}`
-                : `Schema validation error: ${error instanceof Error ? error.message : 'Unknown error'}`;
-        return {
-            isValid: false,
-            errors: [
-                {
-                    field: 'schema',
-                    message: errorMessage,
-                },
-            ],
-        };
-    }
-};
-/**
- * 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
- */
-const createSchemaValidator = (schema, locale = 'en') => {
-    const ajv = createValidator();
-    const validate = ajv.compile(schema);
-    return (data) => {
-        const isValid = validate(data);
-        if (isValid) {
-            return {
-                isValid: true,
-                errors: [],
-            };
-        }
-        // Apply localization if not English
-        if (locale !== 'en' && validate.errors && localize[locale]) {
-            try {
-                localize[locale](validate.errors);
-            }
-            catch (error) {
-                console.warn(`Failed to localize validation errors to ${locale}:`, error);
-            }
-        }
-        const errors = (validate.errors || []).map((error) => {
-            const field = error.instancePath?.replace(/^\//, '') || 'root';
-            return {
-                field,
-                message: error.message || 'Validation error',
-                value: error.data,
-                schemaPath: error.schemaPath,
-            };
-        });
-        return {
-            isValid: false,
-            errors,
-        };
-    };
-};
-/**
- * Get available locales for validation error messages
- * @returns Array of supported locale codes
- */
-const getSupportedLocales = () => {
-    return Object.keys(localize);
-};
-/**
- * Check if a locale is supported
- * @param locale - The locale to check
- * @returns Boolean indicating if the locale is supported
- */
-const isLocaleSupported = (locale) => {
-    return locale in localize;
-};
-
 const idPickerSanityCheck = (column, foreign_key) => {
     if (!!foreign_key == false) {
         throw new Error(`The key foreign_key does not exist in properties of column ${column} when using id-picker.`);
@@ -3873,7 +3698,7 @@ const idPickerSanityCheck = (column, foreign_key) => {
         throw new Error(`The key column does not exist in properties of column ${column} when using id-picker.`);
     }
 };
-const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, children, order = [], ignore = [], include = [], onSubmit = undefined, rowNumber = undefined, requestOptions = {}, getUpdatedData = () => { }, customErrorRenderer, validationLocale = 'en', }) => {
+const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, children, order = [], ignore = [], include = [], onSubmit = undefined, rowNumber = undefined, requestOptions = {}, getUpdatedData = () => { }, customErrorRenderer, }) => {
     const [isSuccess, setIsSuccess] = useState(false);
     const [isError, setIsError] = useState(false);
     const [isSubmiting, setIsSubmiting] = useState(false);
@@ -3907,7 +3732,6 @@ const FormRoot = ({ schema, idMap, setIdMap, form, serverUrl, translate, childre
             setError,
             getUpdatedData,
             customErrorRenderer,
-            validationLocale,
         }, children: jsx(FormProvider, { ...form, children: children }) }));
 };
 
@@ -5988,24 +5812,20 @@ const ColumnViewer = ({ column, properties, prefix, }) => {
 };
 
 const SubmitButton = () => {
-    const { translate, setValidatedData, setIsError, setIsConfirming, setError, schema, validationLocale } = useSchemaContext();
+    const { translate, setValidatedData, setIsError, setIsConfirming, setError, schema, } = useSchemaContext();
     const methods = useFormContext();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onValid = (data) => {
         // Validate data using AJV before proceeding to confirmation
-        const validationResult = validateData(data, schema, { locale: validationLocale });
-        if (!validationResult.isValid) {
-            // Set validation errors with i18n support
-            const validationErrorMessage = {
-                type: 'validation',
-                errors: validationResult.errors,
-                message: validationLocale === 'zh-HK' || validationLocale === 'zh-TW'
-                    ? '表單驗證失敗'
-                    : validationLocale === 'zh-CN' || validationLocale === 'zh'
-                        ? '表单验证失败'
-                        : 'Form validation failed'
-            };
-            setError(validationErrorMessage);
+        const validate = new Ajv({
+            strict: false,
+            allErrors: true,
+        }).compile(schema);
+        const validationResult = validate(data);
+        // @ts-expect-error TODO: find appropriate type
+        const errors = validationResult.errors;
+        if (errors && errors.length > 0) {
+            setError(errors);
             setIsError(true);
             return;
         }
@@ -6020,7 +5840,7 @@ const SubmitButton = () => {
 };
 
 const FormBody = () => {
-    const { schema, requestUrl, order, ignore, include, onSubmit, rowNumber, translate, requestOptions, isSuccess, setIsSuccess, isError, setIsError, isSubmiting, setIsSubmiting, isConfirming, setIsConfirming, validatedData, setValidatedData, error, setError, getUpdatedData, customErrorRenderer, validationLocale, } = useSchemaContext();
+    const { schema, requestUrl, order, ignore, include, onSubmit, rowNumber, translate, requestOptions, isSuccess, setIsSuccess, isError, setIsError, isSubmiting, setIsSubmiting, isConfirming, setIsConfirming, validatedData, setValidatedData, error, setError, getUpdatedData, customErrorRenderer, } = useSchemaContext();
     const methods = useFormContext();
     const { properties } = schema;
     const onBeforeSubmit = () => {
@@ -6039,23 +5859,31 @@ const FormBody = () => {
     // Enhanced validation function using AJV with i18n support
     const validateFormData = (data) => {
         try {
-            const validationResult = validateData(data, schema, {
-                locale: validationLocale,
+            const ajv = new Ajv({
+                strict: false,
+                allErrors: true,
             });
-            return validationResult;
+            addFormats(ajv);
+            addErrors(ajv);
+            const validate = ajv.compile(schema);
+            const validationResult = validate(data);
+            const errors = validate.errors;
+            console.log({
+                isValid: validationResult,
+                errors,
+            }, "plkdfs");
+            return {
+                isValid: validationResult,
+                errors,
+            };
         }
         catch (error) {
-            const errorMessage = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-                ? `驗證錯誤: ${error instanceof Error ? error.message : "未知驗證錯誤"}`
-                : validationLocale === "zh-CN" || validationLocale === "zh"
-                    ? `验证错误: ${error instanceof Error ? error.message : "未知验证错误"}`
-                    : `Validation error: ${error instanceof Error ? error.message : "Unknown validation error"}`;
             return {
                 isValid: false,
                 errors: [
                     {
                         field: "validation",
-                        message: errorMessage,
+                        message: error instanceof Error ? error.message : "Unknown error",
                     },
                 ],
             };
@@ -6092,11 +5920,7 @@ const FormBody = () => {
             const validationErrorMessage = {
                 type: "validation",
                 errors: validationResult.errors,
-                message: validationLocale === "zh-HK" || validationLocale === "zh-TW"
-                    ? "表單驗證失敗"
-                    : validationLocale === "zh-CN" || validationLocale === "zh"
-                        ? "表单验证失败"
-                        : "Form validation failed",
+                message: translate.t("validation_error"),
             };
             onSubmitError(validationErrorMessage);
             return;
@@ -6109,22 +5933,7 @@ const FormBody = () => {
     };
     // Custom error renderer for validation errors with i18n support
     const renderValidationErrors = (validationErrors) => {
-        const title = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? `表單驗證失敗 (${validationErrors.length} 個錯誤${validationErrors.length > 1 ? "" : ""})`
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? `表单验证失败 (${validationErrors.length} 个错误${validationErrors.length > 1 ? "" : ""})`
-                : `Form Validation Failed (${validationErrors.length} error${validationErrors.length > 1 ? "s" : ""})`;
-        const formLabel = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? "表單"
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? "表单"
-                : "Form";
-        const currentValueLabel = validationLocale === "zh-HK" || validationLocale === "zh-TW"
-            ? "目前值:"
-            : validationLocale === "zh-CN" || validationLocale === "zh"
-                ? "当前值:"
-                : "Current value:";
-        return (jsx(AccordionRoot, { collapsible: true, defaultValue: [], children: jsxs(AccordionItem, { value: "validation-errors", children: [jsx(AccordionItemTrigger, { children: title }), jsx(AccordionItemContent, { children: validationErrors.map((err, index) => (jsxs(Box, { mb: 2, p: 2, bg: "red.50", borderLeft: "4px solid", borderColor: "red.500", children: [jsxs(Text, { fontWeight: "bold", color: "red.700", children: [err.field === "root" ? formLabel : err.field, ":"] }), jsx(Text, { color: "red.600", children: err.message }), err.value !== undefined && (jsxs(Text, { fontSize: "sm", color: "red.500", mt: 1, whiteSpace: "pre-wrap", wordBreak: "break-all", children: [currentValueLabel, " ", JSON.stringify(err.value, null, 2)] }))] }, index))) })] }) }));
+        return (jsx(AccordionRoot, { colorPalette: "red", collapsible: true, defaultValue: [], children: jsxs(AccordionItem, { value: "validation-errors", children: [jsx(AccordionItemTrigger, { children: translate.t("validation_error") }), jsx(AccordionItemContent, { display: "flex", flexFlow: "column", gap: "2", children: validationErrors.map((err, index) => (jsxs(AlertRoot, { status: "error", children: [jsx(AlertIndicator, {}), jsxs(AlertContent, { children: [jsx(AlertTitle, { fontWeight: "bold", children: err.instancePath }), jsx(AlertDescription, { children: err.message }), err.params !== undefined && (jsx(AlertDescription, { whiteSpace: "pre-wrap", wordBreak: "break-all", children: JSON.stringify(err.data, null, 2) }))] })] }))) })] }) }));
     };
     const renderColumns = ({ order, keys, ignore, include, }) => {
         const included = include.length > 0 ? include : keys;
@@ -6215,4 +6024,4 @@ const getMultiDates = ({ selected, selectedDate, selectedDates, selectable, }) =
     }
 };
 
-export { CardHeader, DataDisplay, DataTable, DataTableServer, DefaultCardTitle, DefaultForm, DefaultTable, DensityToggleButton, EditSortingButton, EmptyState$1 as EmptyState, ErrorAlert, FilterDialog, FormBody, FormRoot, FormTitle, GlobalFilter, PageSizeControl, Pagination, RecordDisplay, ReloadButton, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, RowCountText, Table, TableBody, TableCardContainer, TableCards, TableComponent, TableControls, TableDataDisplay, TableFilter, TableFilterTags, TableFooter, TableHeader, TableLoadingComponent, TableSelector, TableSorter, TableViewer, TextCell, ViewDialog, createSchemaValidator, getColumns, getMultiDates, getRangeDates, getSupportedLocales, idPickerSanityCheck, isLocaleSupported, useDataTable, useDataTableContext, useDataTableServer, useForm, validateData, widthSanityCheck };
+export { CardHeader, DataDisplay, DataTable, DataTableServer, DefaultCardTitle, DefaultForm, DefaultTable, DensityToggleButton, EditSortingButton, EmptyState$1 as EmptyState, ErrorAlert, FilterDialog, FormBody, FormRoot, FormTitle, GlobalFilter, PageSizeControl, Pagination, RecordDisplay, ReloadButton, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, RowCountText, Table, TableBody, TableCardContainer, TableCards, TableComponent, TableControls, TableDataDisplay, TableFilter, TableFilterTags, TableFooter, TableHeader, TableLoadingComponent, TableSelector, TableSorter, TableViewer, TextCell, ViewDialog, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };

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

@@ -3,7 +3,6 @@ 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;
@@ -31,7 +30,6 @@ 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,5 +1,4 @@
 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";
@@ -23,7 +22,6 @@ 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;
@@ -40,4 +38,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, validationLocale, }: 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, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,67 @@
 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;
+declare const errorMessages: {
+    en: {
+        required: (field: string) => string;
+        format: (format: string) => string;
+        type: (expectedType: string, actualType: string) => string;
+        minLength: (limit: number) => string;
+        maxLength: (limit: number) => string;
+        minimum: (limit: number) => string;
+        maximum: (limit: number) => string;
+        pattern: () => string;
+        enum: (allowedValues: string[]) => string;
+        default: () => string;
+    };
+    'zh-HK': {
+        required: (field: string) => string;
+        format: (format: string) => string;
+        type: (expectedType: string, actualType: string) => string;
+        minLength: (limit: number) => string;
+        maxLength: (limit: number) => string;
+        minimum: (limit: number) => string;
+        maximum: (limit: number) => string;
+        pattern: () => string;
+        enum: (allowedValues: string[]) => string;
+        default: () => string;
+    };
+    'zh-TW': {
+        required: (field: string) => string;
+        format: (format: string) => string;
+        type: (expectedType: string, actualType: string) => string;
+        minLength: (limit: number) => string;
+        maxLength: (limit: number) => string;
+        minimum: (limit: number) => string;
+        maximum: (limit: number) => string;
+        pattern: () => string;
+        enum: (allowedValues: string[]) => string;
+        default: () => string;
+    };
+    'zh-CN': {
+        required: (field: string) => string;
+        format: (format: string) => string;
+        type: (expectedType: string, actualType: string) => string;
+        minLength: (limit: number) => string;
+        maxLength: (limit: number) => string;
+        minimum: (limit: number) => string;
+        maximum: (limit: number) => string;
+        pattern: () => string;
+        enum: (allowedValues: string[]) => string;
+        default: () => string;
+    };
+    zh: {
+        required: (field: string) => string;
+        format: (format: string) => string;
+        type: (expectedType: string, actualType: string) => string;
+        minLength: (limit: number) => string;
+        maxLength: (limit: number) => string;
+        minimum: (limit: number) => string;
+        maximum: (limit: number) => string;
+        pattern: () => string;
+        enum: (allowedValues: string[]) => string;
+        default: () => string;
+    };
 };
-export type SupportedLocale = keyof typeof localize;
+export type SupportedLocale = keyof typeof errorMessages;
 export interface ValidationError {
     field: string;
     message: string;

package/dist/types/index.d.ts

@@ -121,5 +121,3 @@ 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.59",
+  "version": "12.0.0-beta.60",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -44,8 +44,8 @@
     "@tanstack/react-table": "^8.21.2",
     "@uidotdev/usehooks": "^2.4.1",
     "ajv": "^8.12.0",
+    "ajv-errors": "^3.0.0",
     "ajv-formats": "^3.0.1",
-    "ajv-i18n": "^4.2.0",
     "axios": "^1.7.9",
     "dayjs": "^1.11.13",
     "next-themes": "^0.4.4",
@@ -66,6 +66,7 @@
     "@storybook/react": "^8.4.7",
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
+    "@types/ajv-errors": "^2.0.0",
     "@types/json-schema": "^7.0.15",
     "@types/react": "19.0.2",
     "@types/react-beautiful-dnd": "^13.1.8",
@@ -75,7 +76,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "ajv": "^8.12.0",
     "ajv-formats": "^3.0.1",
-    "ajv-i18n": "^4.2.0",
+    "ajv-errors": "^3.0.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",