@bsol-oss/react-datatable5 13.0.1-beta.26 → 13.0.1-beta.28

package/dist/index.d.ts

@@ -7,7 +7,6 @@ import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, Table
 import { IconType } from 'react-icons';
 import { UseQueryResult } from '@tanstack/react-query';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
-import { AxiosRequestConfig } from 'axios';
 import { JSONSchema7 } from 'json-schema';
 import * as react_hook_form from 'react-hook-form';
 import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
@@ -591,7 +590,7 @@ interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems
     gridColumn?: string;
     gridRow?: string;
     customQueryFn?: CustomQueryFn;
-    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'tag-picker' | 'file-picker' | 'date-range' | 'enum-picker';
+    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'tag-picker' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
     renderDisplay?: (item: unknown) => ReactNode;
     itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
@@ -614,7 +613,7 @@ interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems
     showLabel?: boolean;
     formatOptions?: Intl.NumberFormatOptions;
     numberStorageType?: 'string' | 'number';
-    errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
+    errorMessage?: Record<Partial<ValidationErrorType> | string, string | Record<string, string>>;
     filePicker?: FilePickerProps;
     tagPicker?: {
         queryFn?: (params: {
@@ -716,20 +715,11 @@ interface FormRootProps<TData extends FieldValues> {
      * }
      */
     schema: CustomJSONSchema7;
-    requestUrl?: string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    form: UseFormReturn;
+    form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
-    order?: string[];
-    ignore?: string[];
-    include?: string[];
     onSubmit?: SubmitHandler<TData>;
-    rowNumber?: number | string;
-    requestOptions?: AxiosRequestConfig;
-    getUpdatedData?: () => TData | Promise<TData> | void;
-    customErrorRenderer?: (error: unknown) => ReactNode;
-    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
     displayConfig?: {
         showSubmitButton?: boolean;
         showResetButton?: boolean;
@@ -750,7 +740,7 @@ interface CustomJSONSchema7Definition extends JSONSchema7 {
     customQueryFn: any;
     children: ReactNode;
 }
-declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, onSubmit, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
     formConfig: Omit<FormRootProps<TData>, "children">;
@@ -783,17 +773,12 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
 type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
 declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element | null;
 
-interface Translate {
-    t: (key: string, options?: any) => string;
-    i18n?: any;
-    ready?: boolean;
-}
-interface UseFormProps {
-    preLoadedValues?: FieldValues | undefined;
+interface UseFormProps<T> {
+    preLoadedValues?: T | undefined;
     schema?: CustomJSONSchema7;
 }
-declare const useForm: ({ preLoadedValues, schema }: UseFormProps) => {
-    form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
+declare function useForm<T extends FieldValues = any>({ preLoadedValues, schema, }: UseFormProps<T>): {
+    form: react_hook_form.UseFormReturn<T, any, T>;
     idMap: Record<string, object>;
     setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
 };
@@ -1259,4 +1244,4 @@ declare module '@tanstack/react-table' {
     }
 }
 
-export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerContext, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, type TableFilterTagsProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type Translate, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm };
+export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerContext, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, type TableFilterTagsProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm };

package/dist/index.js

@@ -31,9 +31,7 @@ var customParseFormat = require('dayjs/plugin/customParseFormat');
 var timezone = require('dayjs/plugin/timezone');
 var utc = require('dayjs/plugin/utc');
 var ti = require('react-icons/ti');
-var Ajv = require('ajv');
-var addFormats = require('ajv-formats');
-var AjvErrors = require('ajv-errors');
+var ajv = require('@hookform/resolvers/ajv');
 var matchSorterUtils = require('@tanstack/match-sorter-utils');
 
 function _interopNamespaceDefault(e) {
@@ -1153,7 +1151,7 @@ function getElementFromPointWithoutHoneypot(client) {
 var maxZIndex = 2147483647;
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var honeyPotSize = 2;
 var halfHoneyPotSize = honeyPotSize / 2;
 
@@ -2258,8 +2256,8 @@ function addAttribute(element, _ref) {
 }
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function copyReverse(array) {
@@ -2563,11 +2561,11 @@ function makeDropTarget(_ref) {
   };
 }
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function makeMonitor() {
   var registry = new Set();
   var dragging = null;
@@ -4189,20 +4187,13 @@ const useDataTableServer = (props) => {
 //@ts-expect-error TODO: find appropriate type
 const SchemaFormContext = React.createContext({
     schema: {},
-    requestUrl: '',
-    order: [],
-    ignore: [],
-    include: [],
     onSubmit: async () => { },
-    rowNumber: 0,
-    requestOptions: {},
     timezone: 'Asia/Hong_Kong',
     displayConfig: {
         showSubmitButton: true,
         showResetButton: true,
         showTitle: true,
     },
-    onFormSubmit: async () => { },
 });
 
 const useSchemaContext = () => {
@@ -4231,8 +4222,8 @@ const useFormLabel = (column, prefix = '', schema) => {
                 prefix,
                 schema: {
                     type: schema.type,
-                    errorMessages: schema.errorMessages
-                        ? Object.keys(schema.errorMessages)
+                    errorMessage: schema.errorMessage
+                        ? Object.keys(schema.errorMessage)
                         : undefined,
                 },
             });
@@ -4244,8 +4235,8 @@ const useFormLabel = (column, prefix = '', schema) => {
 
 const ArrayRenderer = ({ schema, column, prefix, }) => {
     const { gridRow, gridColumn = '1/span 12', required, items } = schema;
-    // @ts-expect-error TODO: find suitable types
-    const { type } = items;
+    const itemsSchema = Array.isArray(items) ? items[0] : items;
+    const { type } = itemsSchema ?? {};
     const colLabel = `${prefix}${column}`;
     const isRequired = required?.some((columnId) => columnId === column);
     const formI18n = useFormLabel(column, prefix, schema);
@@ -4257,8 +4248,10 @@ const ArrayRenderer = ({ schema, column, prefix, }) => {
                         _dark: 'colorPalette.800',
                     }, children: [jsxRuntime.jsx(react.Grid, { gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: jsxRuntime.jsx(SchemaRenderer, { column: `${index}`,
                                 prefix: `${colLabel}.`,
-                                // @ts-expect-error find suitable types
-                                schema: { showLabel: false, ...(items ?? {}) } }) }), jsxRuntime.jsx(react.Flex, { justifyContent: 'end', children: jsxRuntime.jsx(react.Button, { variant: 'ghost', onClick: () => {
+                                schema: {
+                                    showLabel: false,
+                                    ...(Array.isArray(items) ? items[0] : items ?? {}),
+                                } }) }), jsxRuntime.jsx(react.Flex, { justifyContent: 'end', children: jsxRuntime.jsx(react.Button, { variant: 'ghost', onClick: () => {
                                     setValue(colLabel, fields.filter((_, curIndex) => {
                                         return curIndex !== index;
                                     }));
@@ -5341,16 +5334,13 @@ const FileDropzone = ({ children = undefined, gridProps = {}, onDrop = () => { }
             element: el,
             onDragEnter: () => setIsDraggedOver(true),
             onDragLeave: () => setIsDraggedOver(false),
-            //   canDrop: some(containsFiles, containsText),
             onDrop: ({ source }) => {
                 const files = getFiles({ source });
                 const text = getText({ source });
-                console.log(files, text, 'dfposa');
                 onDrop({ files, text });
             },
         });
     }, [onDrop]);
-    // const isDark = (location + location) % 2 === 1;
     function getColor(isDraggedOver) {
         if (isDraggedOver) {
             return {
@@ -5360,7 +5350,6 @@ const FileDropzone = ({ children = undefined, gridProps = {}, onDrop = () => { }
                 },
             };
         }
-        // return isDark ? "lightgrey" : "white";
         return {
             backgroundColor: undefined,
             _dark: {
@@ -6243,11 +6232,9 @@ const ObjectInput = ({ schema, column, prefix }) => {
                     base: 'colorPalette.200',
                     _dark: 'colorPalette.800',
                 }, gap: "4", padding: '4', gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: Object.keys(properties ?? {}).map((key) => {
-                    return (
-                    // @ts-expect-error find suitable types
-                    jsxRuntime.jsx(ColumnRenderer, { column: `${key}`,
+                    return (jsxRuntime.jsx(ColumnRenderer, { column: `${key}`,
                         prefix: `${prefix}${column}.`,
-                        properties,
+                        properties: properties ?? {},
                         parentRequired: required }, `form-${colLabel}-${key}`));
                 }) })] }));
 };
@@ -7989,7 +7976,8 @@ const SchemaRenderer = ({ schema, prefix, column, }) => {
         }
         if (variant === 'enum-picker') {
             const { items, title } = colSchema;
-            const { enum: enumItems } = items;
+            const itemsSchema = Array.isArray(items) ? items[0] : items;
+            const { enum: enumItems } = itemsSchema ?? {};
             // Use renderDisplay from parent schema only
             const renderDisplay = colSchema.renderDisplay;
             const enumSchema = {
@@ -8026,15 +8014,15 @@ const ColumnRenderer = ({ column, properties, prefix, parentRequired, }) => {
 };
 
 const SubmitButton = () => {
-    const { setValidatedData, setIsError, onFormSubmit, formButtonLabels } = useSchemaContext();
+    const { onSubmit, formButtonLabels } = useSchemaContext();
     const methods = reactHookForm.useFormContext();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const onValid = (data) => {
+    const onValid = async (data) => {
         // Validation is handled by react-hook-form
         // This function will only be called if validation passes
-        setValidatedData(data);
-        setIsError(false);
-        onFormSubmit(data);
+        if (onSubmit) {
+            await onSubmit(data);
+        }
     };
     return (jsxRuntime.jsx(react.Button, { onClick: () => {
             methods.handleSubmit(onValid)();
@@ -8042,33 +8030,21 @@ const SubmitButton = () => {
 };
 
 const FormBody = () => {
-    const { schema, order, ignore, include, isError, error, customErrorRenderer, displayConfig, formButtonLabels, } = useSchemaContext();
+    const { schema, displayConfig, formButtonLabels } = useSchemaContext();
     const { showSubmitButton, showResetButton } = displayConfig;
     const methods = reactHookForm.useFormContext();
-    console.log(methods.formState.errors);
+    console.log('errors', methods.formState.errors);
     const { properties } = schema;
-    const renderColumns = ({ order, keys, ignore, include, }) => {
-        const included = include.length > 0 ? include : keys;
-        const not_exist = included.filter((columnA) => !order.some((columnB) => columnA === columnB));
-        const ordered = [...order, ...not_exist];
-        const ignored = ordered.filter((column) => !ignore.some((shouldIgnore) => column === shouldIgnore));
-        return ignored;
-    };
-    const ordered = renderColumns({
-        order,
-        keys: Object.keys(properties),
-        ignore,
-        include,
-    });
+    const ordered = Object.keys(properties);
     return (jsxRuntime.jsxs(react.Flex, { flexFlow: 'column', gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: "4", gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: ordered.map((column) => {
-                    return (jsxRuntime.jsx(ColumnRenderer
-                    // @ts-expect-error find suitable types
-                    , { 
-                        // @ts-expect-error find suitable types
-                        properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
+                    if (!properties) {
+                        console.error('properties is undefined when using FormBody', schema);
+                        return null;
+                    }
+                    return (jsxRuntime.jsx(ColumnRenderer, { properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
                 }) }), jsxRuntime.jsxs(react.Flex, { justifyContent: 'end', gap: "2", children: [showResetButton && (jsxRuntime.jsx(react.Button, { onClick: () => {
                             methods.reset();
-                        }, variant: 'subtle', children: formButtonLabels?.reset ?? 'Reset' })), showSubmitButton && jsxRuntime.jsx(SubmitButton, {})] }), isError && customErrorRenderer && customErrorRenderer(error)] }));
+                        }, variant: 'subtle', children: formButtonLabels?.reset ?? 'Reset' })), showSubmitButton && jsxRuntime.jsx(SubmitButton, {})] })] }));
 };
 
 const FormTitle = () => {
@@ -8087,96 +8063,18 @@ const FormTitle = () => {
     return jsxRuntime.jsx(react.Heading, { children: schema.title ?? 'Form' });
 };
 
-const clearEmptyString = (object) => {
-    return Object.fromEntries(Object.entries(object).filter(([, value]) => value !== ""));
-};
-
-const FormRoot = ({ schema, idMap, setIdMap, form, children, order = [], ignore = [], include = [], onSubmit = undefined, rowNumber = undefined, requestOptions = {}, getUpdatedData = () => { }, customErrorRenderer, customSuccessRenderer, displayConfig = {
+const FormRoot = ({ schema, idMap, setIdMap, form, children, onSubmit = undefined, displayConfig = {
     showSubmitButton: true,
     showResetButton: true,
     showTitle: true,
 }, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog = false, }) => {
-    const [isSuccess, setIsSuccess] = React.useState(false);
-    const [isError, setIsError] = React.useState(false);
-    const [isSubmiting, setIsSubmiting] = React.useState(false);
-    const [validatedData, setValidatedData] = React.useState();
-    const [error, setError] = React.useState();
-    const onBeforeSubmit = () => {
-        setIsSubmiting(true);
-    };
-    const onAfterSubmit = () => {
-        setIsSubmiting(false);
-    };
-    const onSubmitError = (error) => {
-        setIsError(true);
-        setError(error);
-    };
-    const onSubmitSuccess = () => {
-        setIsSuccess(true);
-    };
-    const defaultOnSubmit = async (promise) => {
-        try {
-            console.log('onBeforeSubmit');
-            onBeforeSubmit();
-            await promise;
-            console.log('onSubmitSuccess');
-            onSubmitSuccess();
-        }
-        catch (error) {
-            console.log('onSubmitError', error);
-            onSubmitError(error);
-        }
-        finally {
-            onAfterSubmit();
-        }
-    };
-    const defaultSubmitPromise = (data) => {
-        if (!requestOptions.url) {
-            throw new Error('requestOptions.url is required when onSubmit is not provided');
-        }
-        const options = {
-            method: 'POST',
-            data: clearEmptyString(data),
-            ...requestOptions,
-        };
-        return axios.request(options);
-    };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const onFormSubmit = async (data) => {
-        // Validation is handled by react-hook-form
-        // This function will only be called if validation passes
-        if (onSubmit === undefined) {
-            await defaultOnSubmit(Promise.resolve(defaultSubmitPromise(data)));
-            return;
-        }
-        await defaultOnSubmit(Promise.resolve(onSubmit(data)));
-    };
     return (jsxRuntime.jsx(SchemaFormContext.Provider, { value: {
             schema,
-            order,
-            ignore,
-            include,
             // @ts-expect-error TODO: find appropriate types
             onSubmit,
-            rowNumber,
             idMap,
             setIdMap,
-            requestOptions,
-            isSuccess,
-            setIsSuccess,
-            isError,
-            setIsError,
-            isSubmiting,
-            setIsSubmiting,
-            validatedData,
-            setValidatedData,
-            error,
-            setError,
-            getUpdatedData,
-            customErrorRenderer,
-            customSuccessRenderer,
             displayConfig,
-            onFormSubmit,
             dateTimePickerLabels,
             idPickerLabels,
             enumPickerLabels,
@@ -8192,223 +8090,15 @@ const DefaultForm = ({ formConfig, }) => {
     return (jsxRuntime.jsx(FormRoot, { ...formConfig, children: jsxRuntime.jsxs(react.Grid, { gap: "2", children: [showTitle && jsxRuntime.jsx(FormTitle, {}), jsxRuntime.jsx(FormBody, {})] }) }));
 };
 
-const validateData = (data, schema) => {
-    const ajv = new Ajv({
-        strict: false,
-        allErrors: true,
-    });
-    addFormats(ajv);
-    AjvErrors(ajv); // Load ajv-errors plugin to process errorMessage format
-    const validate = ajv.compile(schema);
-    const validationResult = validate(data);
-    const errors = validate.errors;
-    return {
-        isValid: validationResult,
-        validate,
-        errors,
-    };
-};
-
-/**
- * Gets the schema node for a given field path
- */
-const getSchemaNodeForField = (schema, fieldPath) => {
-    if (!fieldPath || fieldPath === '') {
-        return schema;
-    }
-    const pathParts = fieldPath.split('.');
-    let currentSchema = schema;
-    for (const part of pathParts) {
-        if (currentSchema &&
-            currentSchema.properties &&
-            currentSchema.properties[part] &&
-            typeof currentSchema.properties[part] === 'object' &&
-            currentSchema.properties[part] !== null) {
-            currentSchema = currentSchema.properties[part];
-        }
-        else {
-            return undefined;
-        }
-    }
-    return currentSchema;
-};
-/**
- * Strips null, undefined, and empty string values from an object
- */
-const stripEmptyValues = (obj) => {
-    if (obj === null || obj === undefined) {
-        return undefined;
-    }
-    if (typeof obj === 'string' && obj.trim() === '') {
-        return undefined;
-    }
-    if (Array.isArray(obj)) {
-        const filtered = obj
-            .map(stripEmptyValues)
-            .filter((item) => item !== undefined);
-        return filtered.length > 0 ? filtered : undefined;
-    }
-    if (typeof obj === 'object' && obj !== null) {
-        const result = {};
-        let hasValues = false;
-        for (const [key, value] of Object.entries(obj)) {
-            const cleanedValue = stripEmptyValues(value);
-            if (cleanedValue !== undefined) {
-                result[key] = cleanedValue;
-                hasValues = true;
-            }
-        }
-        return hasValues ? result : undefined;
-    }
-    return obj;
-};
-/**
- * Converts AJV error objects to react-hook-form field errors format
- */
-const convertAjvErrorsToFieldErrors = (errors, schema) => {
-    if (!errors || errors.length === 0) {
-        return {};
-    }
-    const fieldErrors = {};
-    errors.forEach((error) => {
-        let fieldName = '';
-        // Special handling for required keyword: map to the specific missing property
-        if (error.keyword === 'required') {
-            const basePath = (error.instancePath || '')
-                .replace(/^\//, '')
-                .replace(/\//g, '.');
-            const missingProperty = error.params && error.params.missingProperty;
-            if (missingProperty) {
-                fieldName = basePath
-                    ? `${basePath}.${missingProperty}`
-                    : missingProperty;
-            }
-            else {
-                // Fallback to schemaPath conversion if missingProperty is unavailable
-                fieldName = (error.schemaPath || '')
-                    .replace(/^#\//, '#.')
-                    .replace(/\//g, '.');
-            }
-        }
-        else {
-            const fieldPath = error.instancePath || error.schemaPath;
-            if (fieldPath) {
-                fieldName = fieldPath.replace(/^\//, '').replace(/\//g, '.');
-            }
-        }
-        if (fieldName) {
-            // Get the schema node for this field to check for custom error messages
-            const fieldSchema = getSchemaNodeForField(schema, fieldName);
-            const customMessage = fieldSchema?.errorMessages?.[error.keyword];
-            // Debug log when error message is missing
-            if (!customMessage) {
-                console.debug(`[Form Validation] Missing error message for field '${fieldName}' with keyword '${error.keyword}'. Add errorMessages.${error.keyword} to schema for field '${fieldName}'`, {
-                    fieldName,
-                    keyword: error.keyword,
-                    instancePath: error.instancePath,
-                    schemaPath: error.schemaPath,
-                    params: error.params,
-                    fieldSchema: fieldSchema
-                        ? {
-                            type: fieldSchema.type,
-                            errorMessages: fieldSchema
-                                .errorMessages,
-                        }
-                        : undefined,
-                });
-            }
-            // Provide helpful fallback message if no custom message is provided
-            const fallbackMessage = customMessage ||
-                `Missing error message for ${error.keyword}. Add errorMessages.${error.keyword} to schema for field '${fieldName}'`;
-            if (error.keyword === 'required') {
-                // Required errors override any existing non-required errors for this field
-                fieldErrors[fieldName] = {
-                    type: 'required',
-                    keyword: error.keyword,
-                    params: error.params,
-                    message: fallbackMessage,
-                };
-            }
-            else {
-                const existing = fieldErrors[fieldName];
-                if (existing) {
-                    // Do not override required errors
-                    if (existing.type === 'required') {
-                        return;
-                    }
-                    // Combine messages if multiple errors for same field
-                    existing.message = existing.message
-                        ? `${existing.message}; ${fallbackMessage}`
-                        : fallbackMessage;
-                }
-                else {
-                    fieldErrors[fieldName] = {
-                        type: error.keyword,
-                        keyword: error.keyword,
-                        params: error.params,
-                        message: fallbackMessage,
-                    };
-                }
-            }
-        }
-    });
-    return fieldErrors;
-};
-/**
- * AJV resolver for react-hook-form
- * Integrates AJV validation with react-hook-form's validation system
- */
-const ajvResolver = (schema) => {
-    return async (values) => {
-        try {
-            // Strip empty values before validation
-            const cleanedValues = stripEmptyValues(values);
-            // Use empty object for validation if all values were stripped
-            const valuesToValidate = cleanedValues === undefined ? {} : cleanedValues;
-            const { isValid, errors } = validateData(valuesToValidate, schema);
-            console.debug('AJV Validation Result:', {
-                isValid,
-                errors,
-                cleanedValues,
-                valuesToValidate,
-            });
-            if (isValid) {
-                return {
-                    values: (cleanedValues || {}),
-                    errors: {},
-                };
-            }
-            const fieldErrors = convertAjvErrorsToFieldErrors(errors, schema);
-            console.debug('AJV Validation Failed:', {
-                errors,
-                fieldErrors,
-                cleanedValues,
-                valuesToValidate,
-            });
-            return {
-                values: {},
-                errors: fieldErrors,
-            };
-        }
-        catch (error) {
-            return {
-                values: {},
-                errors: {
-                    root: {
-                        type: 'validation',
-                        message: error instanceof Error ? error.message : 'Validation failed',
-                    },
-                },
-            };
-        }
-    };
-};
-
-const useForm = ({ preLoadedValues, schema }) => {
+function useForm({ preLoadedValues, schema, }) {
     const form = reactHookForm.useForm({
         values: preLoadedValues,
         mode: 'onSubmit',
-        resolver: schema ? ajvResolver(schema) : undefined,
+        resolver: schema
+            ? ajv.ajvResolver(schema, {
+                strict: false,
+            })
+            : undefined,
         reValidateMode: 'onChange',
     });
     const [idMap, setIdMap] = React.useState({});
@@ -8417,7 +8107,7 @@ const useForm = ({ preLoadedValues, schema }) => {
         idMap,
         setIdMap,
     };
-};
+}
 
 const getMultiDates = ({ selected, selectedDate, selectedDates, selectable, }) => {
     if (!selectable) {