@pdg/react-form 1.0.57 → 1.0.58

package/dist/@private/PrivateDatePicker/PrivateDatePicker.types.d.ts

@@ -3,10 +3,9 @@ import { DesktopDatePickerProps } from '@mui/x-date-pickers';
 import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
 import { Dayjs } from 'dayjs';
 export type PrivateDatePickerValue = Dayjs | null;
-export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange'>>, Omit<FormValueItemProps, 'value' | 'onChange'> {
+export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange'>>, FormValueItemProps<PrivateDatePickerValue, false> {
     type: FormDateType;
     time?: FormTimeType;
-    value?: PrivateDatePickerValue;
     hours?: number[];
     minutes?: number[];
     seconds?: number[];
@@ -22,9 +21,7 @@ export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<Desk
     align?: 'left' | 'center' | 'right';
     readOnlyInput?: boolean;
     hidden?: boolean;
-    onChange?(value: PrivateDatePickerValue): void;
-    onValidate?(value: PrivateDatePickerValue): boolean | string;
 }
-export declare const PrivateDatePickerDefaultProps: Pick<PrivateDatePickerProps, 'showDaysOutsideCurrentMonth' | 'align'>;
-export interface PrivateDatePickerCommands extends FormValueItemBaseCommands<PrivateDatePickerValue>, FormDateValueItemCommands {
+export declare const PrivateDatePickerDefaultProps: Pick<PrivateDatePickerProps, 'showDaysOutsideCurrentMonth' | 'align' | 'value'>;
+export interface PrivateDatePickerCommands extends FormValueItemBaseCommands<PrivateDatePickerValue, false>, FormDateValueItemCommands {
 }

package/dist/@private/PrivateDateTimePicker/PrivateDateTimePicker.types.d.ts

@@ -3,10 +3,9 @@ import { DesktopDateTimePickerProps } from '@mui/x-date-pickers';
 import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
 import { Dayjs } from 'dayjs';
 export type PrivateDateTimePickerValue = Dayjs | null;
-export interface PrivateDateTimePickerProps extends CommonSxProps, Partial<Omit<DesktopDateTimePickerProps<Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange' | 'openTo' | 'view' | 'viewRenderers' | 'components' | 'componentsProps' | 'slots' | 'slotProps'>>, Omit<FormValueItemProps, 'value' | 'onChange'> {
+export interface PrivateDateTimePickerProps extends CommonSxProps, Partial<Omit<DesktopDateTimePickerProps<Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange' | 'openTo' | 'view' | 'viewRenderers' | 'components' | 'componentsProps' | 'slots' | 'slotProps'>>, FormValueItemProps<PrivateDateTimePickerValue, false> {
     type: FormDateType;
     time?: FormTimeType;
-    value?: PrivateDateTimePickerValue;
     hours?: number[];
     minutes?: number[];
     seconds?: number[];
@@ -22,9 +21,7 @@ export interface PrivateDateTimePickerProps extends CommonSxProps, Partial<Omit<
     align?: 'left' | 'center' | 'right';
     readOnlyInput?: boolean;
     hidden?: boolean;
-    onChange?(value: PrivateDateTimePickerValue): void;
-    onValidate?(value: PrivateDateTimePickerValue): boolean | string;
 }
-export declare const PrivateDateTimePickerDefaultProps: Pick<PrivateDateTimePickerProps, 'showDaysOutsideCurrentMonth' | 'align'>;
-export interface PrivateDateTimePickerCommands extends FormValueItemBaseCommands<PrivateDateTimePickerValue>, FormDateValueItemCommands {
+export declare const PrivateDateTimePickerDefaultProps: Pick<PrivateDateTimePickerProps, 'showDaysOutsideCurrentMonth' | 'align' | 'value'>;
+export interface PrivateDateTimePickerCommands extends FormValueItemBaseCommands<PrivateDateTimePickerValue, false>, FormDateValueItemCommands {
 }

package/dist/@types/types.d.ts

@@ -13,19 +13,19 @@ export interface CommonProps {
 export interface CommonSxProps extends CommonProps {
     sx?: SxProps<Theme>;
 }
-export type FormItemValue = any;
 export type FormValue = string | number | boolean;
 export interface FormValueMap {
     [key: string]: FormValue;
 }
+export type FormValueType = 'single' | 'multiple' | 'any';
 export type FormValueItemData = Record<string, any>;
-export interface FormValueItemBaseCommands<ValueType = FormItemValue> {
+export interface FormValueItemBaseCommands<T, AllowUndefinedValue extends boolean, V = AllowUndefinedValue extends true ? T | undefined : T> {
     getType(): 'default' | 'FormCheckbox' | 'FormToggleButtonGroup' | 'FormRadioGroup' | 'FormRating' | 'FormTextEditor' | 'FormAutocomplete' | 'FormDatePicker' | 'FormDateTimePicker' | 'FormTimePicker' | 'FormDateRangePicker' | 'FormFile';
     getName(): string;
-    getReset(): ValueType;
+    getReset(): V;
     reset(): void;
-    getValue(): ValueType;
-    setValue(value: ValueType): void;
+    getValue(): V;
+    setValue(value: V): void;
     getData(): FormValueItemData | undefined;
     setData(data?: FormValueItemData): void;
     isExceptValue(): boolean;
@@ -40,15 +40,15 @@ export interface FormArrayValueItemCommands {
     isFormValueSort(): boolean;
     getFormValueSeparator(): string | undefined;
 }
-export interface FormItemsValueItemCommands<ItemType> {
-    getItems(): ItemType[] | undefined;
-    setItems(items: ItemType[]): void;
+export interface FormItemsValueItemCommands<T> {
+    getItems(): T[] | undefined;
+    setItems(items: T[] | undefined): void;
 }
-export interface FormCheckValueItemCommands {
+export interface FormCheckValueItemCommands<T> {
     getChecked(): boolean;
     setChecked(checked: boolean): void;
-    getUncheckedValue(): FormItemValue;
-    setUncheckedValue(uncheckedValue: FormItemValue): void;
+    getUncheckedValue(): T;
+    setUncheckedValue(uncheckedValue: T): void;
 }
 export interface FormMultipleValueItemCommands {
     isMultiple(): boolean;
@@ -70,14 +70,14 @@ export interface FormDateRangeValueItemCommands {
     getFormValueStartName(): string;
     getFormValueEndName(): string;
 }
-export interface FormValueItemCommands<ValueType = FormItemValue, ItemType = any> extends FormValueItemBaseCommands<ValueType>, Partial<FormArrayValueItemCommands>, Partial<FormItemsValueItemCommands<ItemType>>, Partial<FormCheckValueItemCommands>, Partial<FormMultipleValueItemCommands>, Partial<FormLoadingValueItemCommands>, Partial<FormDateValueItemCommands>, Partial<FormDateRangeValueItemCommands> {
+export interface FormValueItemCommands<T, AllowUndefinedValue extends boolean = true, ItemType = any> extends FormValueItemBaseCommands<T, AllowUndefinedValue>, Partial<FormArrayValueItemCommands>, Partial<FormItemsValueItemCommands<ItemType>>, Partial<FormCheckValueItemCommands<T>>, Partial<FormMultipleValueItemCommands>, Partial<FormLoadingValueItemCommands>, Partial<FormDateValueItemCommands>, Partial<FormDateRangeValueItemCommands> {
 }
-export interface FormValueItemCommandsMap<ValueType = FormItemValue, ItemType = any> {
-    [key: string]: FormValueItemCommands<ValueType, ItemType> | undefined;
+export interface FormValueItemCommandsMap<T, AllowUndefinedValue extends boolean = true, ItemType = any> {
+    [key: string]: FormValueItemCommands<T, AllowUndefinedValue, ItemType> | undefined;
 }
-export interface FormValueItemProps extends PartialPick<FormContextValue, 'variant' | 'size' | 'color' | 'focused'> {
+export interface FormValueItemProps<T, AllowUndefinedValue extends boolean = true, V = AllowUndefinedValue extends true ? T | undefined : T> extends PartialPick<FormContextValue<T>, 'variant' | 'size' | 'color' | 'focused'> {
     name: string;
-    value?: FormItemValue;
+    value?: T;
     labelIcon?: string;
     label?: ReactNode;
     width?: string | number;
@@ -88,6 +88,6 @@ export interface FormValueItemProps extends PartialPick<FormContextValue, 'varia
     exceptValue?: boolean;
     helperText?: ReactNode;
     data?: FormValueItemData;
-    onChange?(value: FormItemValue): void;
-    onValidate?(value: FormItemValue): boolean | string;
+    onChange?(value: V): void;
+    onValidate?(value: V): true | string;
 }

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { FormControlProps, GridProps, InputLabelProps } from '@mui/material';
-import { PartialPick, CommonSxProps, FormItemValue, FormValue, FormValueMap, FormValueItemCommands, FormValueItemBaseCommands } from '../@types';
+import { PartialPick, CommonSxProps, FormValue, FormValueMap, FormValueItemCommands, FormValueItemBaseCommands } from '../@types';
 export interface FormInvalidItemInfo {
     name: string;
-    commands: FormValueItemCommands;
+    commands: FormValueItemCommands<any>;
 }
 export type FormInvalidItems = FormInvalidItemInfo[];
 export interface FormProps extends CommonSxProps, PartialPick<FormControlProps, 'variant' | 'size' | 'color' | 'focused'>, PartialPick<GridProps, 'spacing'> {
@@ -13,22 +13,22 @@ export interface FormProps extends CommonSxProps, PartialPick<FormControlProps,
     formColGap?: number;
     onSubmit?(data: FormValueMap): void;
     onInvalid?(invalidItems: FormInvalidItems): void;
-    onValueChange?(name: string, value: FormItemValue): void;
-    onValueChangeByUser?(name: string, value: FormItemValue): void;
+    onValueChange?(name: string, value: any): void;
+    onValueChangeByUser?(name: string, value: any): void;
 }
 export declare const FormDefaultProps: Pick<FormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'fullWidth' | 'fullHeight'>;
 export interface FormCommands {
     submit(): void;
     getAllFormValue(): FormValueMap;
     resetAll(): void;
-    getItem<T extends FormValueItemBaseCommands = FormValueItemCommands>(name: string): T | undefined;
+    getItem<T extends FormValueItemBaseCommands<any, true> = FormValueItemCommands<any>>(name: string): T | undefined;
     exists(name: string): boolean;
-    getReset(name: string): FormItemValue;
+    getReset(name: string): any;
     getFormReset(name: string, subKey?: string): FormValue;
     reset(name: string): void;
-    getValue(name: string): FormItemValue;
+    getValue(name: string): any;
     getFormValue(name: string, subKey?: string): FormValue;
-    setValue(name: string, value: FormItemValue): void;
+    setValue(name: string, value: any): void;
     isExceptValue(name: string): boolean;
     isDisabled(name: string): boolean;
     setDisabled(name: string, disabled: boolean): void;

package/dist/FormContext/FormContext.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormContextValue } from './FormContext.types';
-declare const FormContext: import("react").Context<FormContextValue>;
+declare const FormContext: import("react").Context<FormContextValue<any, true>>;
 export default FormContext;

package/dist/FormContext/FormContext.types.d.ts

@@ -1,13 +1,13 @@
-import { PartialPick, FormValueItemCommands, FormItemValue } from '../@types';
+import { PartialPick, FormValueItemCommands } from '../@types';
 import { FormProps } from '../Form/Form.types';
-export interface FormContextValue extends PartialPick<FormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
+export interface FormContextValue<T = any, AllowUndefinedValue extends boolean = true> extends PartialPick<FormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
     id: string;
     fullHeight?: boolean;
-    onAddValueItem(id: string, commands: FormValueItemCommands): void;
+    onAddValueItem(id: string, commands: FormValueItemCommands<T, AllowUndefinedValue>): void;
     onRemoveValueItem(id: string): void;
-    onValueChange(name: string, value: FormItemValue): void;
-    onValueChangeByUser(name: string, value: FormItemValue): void;
-    onRequestSearchSubmit(name: string, value: FormItemValue): void;
+    onValueChange(name: string, value: T): void;
+    onValueChangeByUser(name: string, value: T): void;
+    onRequestSearchSubmit(name: string, value: T): void;
     formColAutoXs?: number;
     formColWidth?: number;
     onAddFormCol?(id: string, xs: number | undefined): void;

package/dist/FormContext/useFormState.d.ts

@@ -1,2 +1,2 @@
 import { FormContextValue } from './FormContext.types';
-export default function useFormState(): FormContextValue;
+export default function useFormState<T, AllowUndefinedValue extends boolean = true>(): FormContextValue<T, AllowUndefinedValue>;

package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
-import { FormAutocompleteProps as Props, FormAutocompleteCommands } from './FormAutocomplete.types';
-declare const FormAutocomplete: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormAutocompleteCommands>>;
+import { FormAutocompleteProps, FormAutocompleteCommands } from './FormAutocomplete.types';
+import { FormValueType } from '../../@types';
+interface WithForwardRefType<T, VT extends FormValueType = 'single'> extends React.FC<FormAutocompleteProps<T, VT>> {
+    <T, VT extends FormValueType = 'single'>(props: FormAutocompleteProps<T, VT> & React.RefAttributes<FormAutocompleteCommands<T, VT>>): ReturnType<React.FC<FormAutocompleteProps<T, VT>>>;
+}
+declare const FormAutocomplete: WithForwardRefType<any, 'any'>;
 export default FormAutocomplete;

package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.types.d.ts

@@ -1,19 +1,19 @@
 import React, { ReactNode } from 'react';
-import { CommonSxProps, FormMultipleValueItemCommands } from '../../@types';
+import { CommonSxProps, FormMultipleValueItemCommands, FormValueType } from '../../@types';
 import { FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
 import { FormTextFieldProps } from '../../FormItemTextFieldBase';
-export type FormAutocompleteItemValue = string | number;
-export interface FormAutocompleteItem {
+export interface FormAutocompleteItem<T> {
     label: string;
-    value: FormAutocompleteItemValue;
+    value: T;
     disabled?: boolean;
     [key: string]: any;
 }
-export type FormAutocompleteValue = FormAutocompleteItemValue | FormAutocompleteItemValue[] | undefined;
-export type FormAutocompleteComponentValue = FormAutocompleteItem | FormAutocompleteItem[] | null;
-export interface FormAutocompleteProps extends CommonSxProps, Omit<FormValueItemProps, 'value'>, Pick<FormTextFieldProps, 'required' | 'focused' | 'labelShrink'> {
-    value?: FormAutocompleteValue;
-    items?: FormAutocompleteItem[];
+export type FormAutocompleteItems<T> = FormAutocompleteItem<T>[];
+export type FormAutocompleteValue<T, VT extends FormValueType = 'single', V = VT extends 'single' ? T : VT extends 'multiple' ? T[] : T | T[]> = V | undefined;
+export type FormAutocompleteComponentValue<T, VT extends FormValueType = 'single', V = VT extends 'single' ? FormAutocompleteItem<T> : VT extends 'multiple' ? FormAutocompleteItem<T>[] : FormAutocompleteItem<T> | FormAutocompleteItem<T>[]> = V | null;
+export interface FormAutocompleteProps<T, VT extends FormValueType = 'single'> extends CommonSxProps, Omit<FormValueItemProps<FormAutocompleteValue<T, VT>>, 'value'>, Pick<FormTextFieldProps<T>, 'required' | 'focused' | 'labelShrink'> {
+    value?: FormAutocompleteValue<T, VT>;
+    items?: FormAutocompleteItems<T>;
     multiple?: boolean;
     formValueSeparator?: string;
     formValueSort?: boolean;
@@ -27,14 +27,14 @@ export interface FormAutocompleteProps extends CommonSxProps, Omit<FormValueItem
     disableClearable?: boolean;
     async?: boolean;
     hidden?: boolean;
-    onLoadItems?: (inputValue?: string) => Promise<FormAutocompleteItem[]>;
-    onAsyncLoadValueItem?: (value: FormAutocompleteValue) => Promise<FormAutocompleteComponentValue>;
-    onRenderItem?: (item: FormAutocompleteItem) => ReactNode;
-    onRenderTag?: (item: FormAutocompleteItem) => ReactNode;
-    onValue?: (value: FormAutocompleteValue) => FormAutocompleteValue;
-    onAddItem?: (item: FormAutocompleteItem) => boolean | Promise<boolean>;
-    getOptionDisabled?: (item: FormAutocompleteItem) => boolean;
+    onLoadItems?: (inputValue?: string) => Promise<FormAutocompleteItems<T>>;
+    onAsyncLoadValueItem?: (value: FormAutocompleteValue<T, VT>) => Promise<FormAutocompleteComponentValue<T, VT>>;
+    onRenderItem?: (item: FormAutocompleteItem<T>) => ReactNode;
+    onRenderTag?: (item: FormAutocompleteItem<T>) => ReactNode;
+    onValue?: (value: FormAutocompleteValue<T, VT>) => FormAutocompleteValue<T, VT>;
+    onAddItem?: (item: FormAutocompleteItem<T>) => boolean | Promise<boolean>;
+    getOptionDisabled?: (item: FormAutocompleteItem<T>) => boolean;
 }
-export declare const FormAutocompleteDefaultProps: Pick<FormAutocompleteProps, 'formValueSeparator' | 'noOptionsText'>;
-export interface FormAutocompleteCommands extends FormValueItemBaseCommands, FormArrayValueItemCommands, FormItemsValueItemCommands<FormAutocompleteItem>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
+export declare const FormAutocompleteDefaultProps: Pick<FormAutocompleteProps<any>, 'formValueSeparator' | 'noOptionsText'>;
+export interface FormAutocompleteCommands<T, VT extends FormValueType = 'single'> extends FormValueItemBaseCommands<FormAutocompleteValue<T, VT>, true>, FormArrayValueItemCommands, FormItemsValueItemCommands<FormAutocompleteItem<T>>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
 }

package/dist/FormItemCustom/FormCheckbox/FormCheckbox.types.d.ts

@@ -1,9 +1,13 @@
 import { ReactNode, RefObject } from 'react';
 import { ButtonBaseActions, CheckboxProps } from '@mui/material';
-import { CommonSxProps, FormCheckValueItemCommands, FormItemValue, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
-export interface FormCheckboxProps extends CommonSxProps, Omit<CheckboxProps, 'color' | 'name' | 'inputRef' | 'action' | 'required' | 'onChange'>, Omit<FormValueItemProps, 'value' | 'onChange'> {
-    value?: FormItemValue;
-    uncheckedValue?: FormItemValue;
+import { CommonSxProps, FormCheckValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
+export type FormCheckboxValue = string | number | boolean;
+export interface FormCheckboxCommands extends Omit<FormValueItemBaseCommands<FormCheckboxValue, false>, 'getReset'>, FormCheckValueItemCommands<FormCheckboxValue> {
+    getReset(): boolean;
+}
+export interface FormCheckboxProps extends CommonSxProps, Omit<CheckboxProps, 'color' | 'name' | 'inputRef' | 'action' | 'required' | 'onChange'>, Omit<FormValueItemProps<FormCheckboxValue, false>, 'value' | 'onChange'> {
+    value?: FormCheckboxValue;
+    uncheckedValue?: FormCheckboxValue;
     text?: ReactNode;
     inputRef?: RefObject<HTMLInputElement>;
     action?: RefObject<ButtonBaseActions>;
@@ -11,6 +15,3 @@ export interface FormCheckboxProps extends CommonSxProps, Omit<CheckboxProps, 'c
     onChange?(checked: boolean): void;
 }
 export declare const FormCheckboxDefaultProps: Pick<FormCheckboxProps, 'checked' | 'value' | 'uncheckedValue'>;
-export interface FormCheckboxCommands extends Omit<FormValueItemBaseCommands, 'getReset'>, FormCheckValueItemCommands {
-    getReset(): FormCheckboxProps['checked'];
-}

package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts

@@ -7,7 +7,7 @@ import { InputDatePickerProps } from './InputDatePicker';
 export type FormDateRangePickerDateValue = CustomDatePickerDateValue;
 export type FormDateRangePickerValue = [FormDateRangePickerDateValue, FormDateRangePickerDateValue];
 export type FormDateRangePickerCalendarCount = CustomDatePickerContainerCalendarCount;
-export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueItemProps, 'label' | 'labelIcon' | 'value' | 'width' | 'onChange'>, Pick<InputDatePickerProps, 'align'> {
+export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormDateRangePickerValue>, 'label' | 'labelIcon' | 'value' | 'width' | 'onChange'>, Pick<InputDatePickerProps, 'align'> {
     value?: FormDateRangePickerValue;
     startLabel?: ReactNode;
     startLabelIcon?: string;
@@ -47,8 +47,8 @@ export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueI
         end: Dayjs;
     }[];
     onChange?(value: FormDateRangePickerValue): void;
-    onValidate?(value: FormDateRangePickerValue): boolean | string;
+    onValidate?(value: FormDateRangePickerValue): true | string;
 }
 export declare const FormDateRangePickerDefaultProps: Required<Pick<FormDateRangePickerProps, 'calendarCount' | 'format' | 'formValueFormat' | 'formValueStartNameSuffix' | 'formValueEndNameSuffix' | 'align'>>;
-export interface FormDateRangePickerCommands extends FormValueItemBaseCommands<FormDateRangePickerValue>, FormDateValueItemCommands, FormDateRangeValueItemCommands {
+export interface FormDateRangePickerCommands extends FormValueItemBaseCommands<FormDateRangePickerValue, false>, FormDateValueItemCommands, FormDateRangeValueItemCommands {
 }

package/dist/FormItemCustom/FormDateRangePicker/InputDatePicker/InputDatePicker.types.d.ts

@@ -4,7 +4,7 @@ import { TextFieldProps } from '@mui/material';
 import { FormValueItemProps } from '../../../@types';
 import { DateValidationError } from '@mui/x-date-pickers';
 export type InputDatePickerValue = Dayjs | null;
-export interface InputDatePickerProps extends Pick<FormValueItemProps, 'variant' | 'size' | 'color' | 'focused' | 'fullWidth' | 'readOnly' | 'label' | 'labelIcon' | 'error'> {
+export interface InputDatePickerProps extends Pick<FormValueItemProps<InputDatePickerValue>, 'variant' | 'size' | 'color' | 'focused' | 'fullWidth' | 'readOnly' | 'label' | 'labelIcon' | 'error'> {
     className?: string;
     style?: CSSProperties;
     value: InputDatePickerValue;

package/dist/FormItemCustom/FormFile/FormFile.types.d.ts

@@ -1,6 +1,7 @@
 import { CommonSxProps, FormValueItemCommands, FormValueItemProps } from '../../@types';
 import { ReactNode } from 'react';
-export interface FormFileProps extends CommonSxProps, FormValueItemProps {
+export type FormFileValue = string;
+export interface FormFileProps extends CommonSxProps, FormValueItemProps<FormFileValue, false> {
     required?: boolean;
     accept?: string;
     hideUrl?: boolean;
@@ -23,5 +24,5 @@ export interface FormFileProps extends CommonSxProps, FormValueItemProps {
     onFile?(file: File): Promise<string>;
     onLink?(url: string): Promise<string>;
 }
-export declare const FormFileDefaultProps: {};
-export type FormFileCommands = FormValueItemCommands;
+export declare const FormFileDefaultProps: Pick<FormFileProps, 'value'>;
+export type FormFileCommands = FormValueItemCommands<FormFileValue, false>;

package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-import { FormRadioGroupProps as Props, FormRadioGroupCommands } from './FormRadioGroup.types';
-declare const FormRadioGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormRadioGroupCommands>>;
+import { FormRadioGroupProps, FormRadioGroupCommands } from './FormRadioGroup.types';
+interface WithForwardRefType<T> extends React.FC<FormRadioGroupProps<T>> {
+    <T>(props: FormRadioGroupProps<T> & React.RefAttributes<FormRadioGroupCommands<T>>): ReturnType<React.FC<FormRadioGroupProps<T>>>;
+}
+declare const FormRadioGroup: WithForwardRefType<any>;
 export default FormRadioGroup;

package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.types.d.ts

@@ -1,23 +1,23 @@
 import { ReactNode } from 'react';
-import { RadioGroupProps } from '@mui/material';
 import { CommonSxProps, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
-export type FormRadioGroupValue = string | number | undefined;
-export interface FormRadioGroupItem {
+export interface FormRadioGroupItem<T> {
     label: ReactNode;
-    value: string | number;
+    value: T;
     disabled?: boolean;
 }
-export interface FormRadioGroupProps extends CommonSxProps, Omit<FormValueItemProps, 'value'> {
-    value?: FormRadioGroupValue;
-    items?: FormRadioGroupItem[];
+export type FormRadioGroupItems<T> = FormRadioGroupItem<T>[];
+export type FormRadioGroupValue<T> = T | undefined;
+export interface FormRadioGroupProps<T> extends CommonSxProps, Omit<FormValueItemProps<T>, 'value'> {
+    value?: T;
+    items?: FormRadioGroupItem<T>[];
     required?: boolean;
     inline?: boolean;
     loading?: boolean;
     nowrap?: boolean;
     hidden?: boolean;
-    onLoadItems?(): Promise<FormRadioGroupItem[]>;
-    onValue?(value: RadioGroupProps['value']): RadioGroupProps['value'];
+    onLoadItems?(): Promise<FormRadioGroupItem<T>[]>;
+    onValue?(value: FormRadioGroupValue<T>): FormRadioGroupValue<T>;
 }
-export declare const FormRadioGroupDefaultProps: Pick<FormRadioGroupProps, 'inline'>;
-export interface FormRadioGroupCommands extends FormValueItemBaseCommands<FormRadioGroupValue>, FormItemsValueItemCommands<FormRadioGroupItem>, FormLoadingValueItemCommands {
+export declare const FormRadioGroupDefaultProps: Pick<FormRadioGroupProps<any>, 'inline'>;
+export interface FormRadioGroupCommands<T> extends FormValueItemBaseCommands<T, true>, FormItemsValueItemCommands<FormRadioGroupItem<T>>, FormLoadingValueItemCommands {
 }

package/dist/FormItemCustom/FormRating/FormRating.types.d.ts

@@ -2,15 +2,13 @@ import { RatingProps } from '@mui/material';
 import { PartialPick, FormValueItemProps, FormValueItemBaseCommands } from '../../@types';
 import { CommonSxProps } from '../../@types';
 export type FormRatingValue = number;
-export interface FormRatingProps extends CommonSxProps, PartialPick<RatingProps, 'highlightSelectedOnly' | 'max' | 'precision'>, Omit<FormValueItemProps, 'value' | 'fullWidth' | 'onChange'> {
-    value?: FormRatingValue;
+export interface FormRatingProps extends CommonSxProps, PartialPick<RatingProps, 'highlightSelectedOnly' | 'max' | 'precision'>, Omit<FormValueItemProps<FormRatingValue, false>, 'fullWidth'> {
     required?: boolean;
     icon?: string;
     emptyIcon?: string;
     hidden?: boolean;
-    onChange?(value: number): void;
-    onValue?(value: number): number;
+    onValue?(value: FormRatingValue): FormRatingValue;
 }
 export declare const FormRatingDefaultProps: Pick<FormRatingProps, 'value' | 'precision'>;
-export interface FormRatingCommands extends FormValueItemBaseCommands<FormRatingValue> {
+export interface FormRatingCommands extends FormValueItemBaseCommands<FormRatingValue, false> {
 }

package/dist/FormItemCustom/FormTextEditor/FormTextEditor.types.d.ts

@@ -1,10 +1,11 @@
 import { CommonSxProps, FormValueItemCommands, FormValueItemProps } from '../../@types';
-export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemProps, 'fullWidth'> {
+export type FormTextEditorValue = string;
+export type FormTextEditorCommands = FormValueItemCommands<FormTextEditorValue, false>;
+export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemProps<FormTextEditorValue, false>, 'fullWidth'> {
     required?: boolean;
     menubar?: boolean;
     height?: number;
     hidden?: boolean;
     onImageUpload?(blob: Blob, success: (url: string) => void, failure: (err: string) => void, progress?: (percent: number) => void): void;
 }
-export declare const FormTextEditorDefaultProps: Pick<FormTextEditorProps, 'menubar' | 'height'>;
-export type FormTextEditorCommands = FormValueItemCommands;
+export declare const FormTextEditorDefaultProps: Pick<FormTextEditorProps, 'value' | 'menubar' | 'height'>;

package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
-import { FormToggleButtonGroupProps as Props, FormToggleButtonGroupCommands } from './FormToggleButtonGroup.types';
+import { FormValueType } from '../../@types';
+import { FormToggleButtonGroupProps, FormToggleButtonGroupCommands } from './FormToggleButtonGroup.types';
 import './FormToggleButtonGroup.scss';
-declare const FormToggleButtonGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormToggleButtonGroupCommands>>;
+interface WithForwardRefType<T, VT extends FormValueType = 'single'> extends React.FC<FormToggleButtonGroupProps<T, VT>> {
+    <T, VT extends FormValueType = 'single'>(props: FormToggleButtonGroupProps<T, VT> & React.RefAttributes<FormToggleButtonGroupCommands<T, VT>>): ReturnType<React.FC<FormToggleButtonGroupProps<T, VT>>>;
+}
+declare const FormToggleButtonGroup: WithForwardRefType<any, 'any'>;
 export default FormToggleButtonGroup;

package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.types.d.ts

@@ -1,19 +1,19 @@
 import { ReactNode } from 'react';
 import { ToggleButtonProps } from '@mui/material';
-import { PartialPick, CommonSxProps, FormMultipleValueItemCommands, FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
+import { PartialPick, CommonSxProps, FormMultipleValueItemCommands, FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps, FormValueType } from '../../@types';
 import { FormItemBaseProps } from '../FormItemBase';
-export type FormToggleButtonGroupItemValue = string | number;
-export interface FormToggleButtonGroupItem {
+export interface FormToggleButtonGroupItem<T> {
     label: ReactNode;
-    value: FormToggleButtonGroupItemValue;
+    value: T;
     disabled?: boolean;
     color?: ToggleButtonProps['color'];
 }
-export type FormToggleButtonGroupValue = FormToggleButtonGroupItemValue | FormToggleButtonGroupItemValue[] | undefined;
-export interface FormToggleButtonGroupProps extends CommonSxProps, Omit<FormValueItemProps, 'value'>, PartialPick<FormItemBaseProps, 'required' | 'focused'> {
+export type FormToggleButtonGroupItems<T> = FormToggleButtonGroupItem<T>[];
+export type FormToggleButtonGroupValue<T, VT extends FormValueType = 'single', V = VT extends 'single' ? T : VT extends 'multiple' ? T[] : T | T[]> = V | undefined;
+export interface FormToggleButtonGroupProps<T, VT extends FormValueType = 'single'> extends CommonSxProps, Omit<FormValueItemProps<FormToggleButtonGroupValue<T, VT>>, 'value'>, PartialPick<FormItemBaseProps, 'required' | 'focused'> {
     type?: 'button' | 'checkbox' | 'radio';
-    value?: FormToggleButtonGroupValue;
-    items?: FormToggleButtonGroupItem[];
+    value?: FormToggleButtonGroupValue<T, VT>;
+    items?: FormToggleButtonGroupItem<T>[];
     multiple?: boolean;
     notAllowEmptyValue?: boolean;
     formValueSeparator?: string;
@@ -21,11 +21,11 @@ export interface FormToggleButtonGroupProps extends CommonSxProps, Omit<FormValu
     loading?: boolean;
     hidden?: boolean;
     itemWidth?: number | string;
-    onLoadItems?: () => Promise<FormToggleButtonGroupItem[]>;
-    onValue?: (value: FormToggleButtonGroupValue) => FormToggleButtonGroupValue;
+    onLoadItems?: () => Promise<FormToggleButtonGroupItem<T>[]>;
+    onValue?: (value: FormToggleButtonGroupValue<T, VT>) => FormToggleButtonGroupValue<T, VT>;
 }
-export declare const FormToggleButtonGroupDefaultProps: Pick<FormToggleButtonGroupProps, 'type' | 'formValueSeparator'>;
-export interface FormToggleButtonGroupExtraCommands extends FormArrayValueItemCommands, FormItemsValueItemCommands<FormToggleButtonGroupItem>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
+export declare const FormToggleButtonGroupDefaultProps: Pick<FormToggleButtonGroupProps<any, 'any'>, 'type' | 'formValueSeparator'>;
+export interface FormToggleButtonGroupExtraCommands<T> extends FormArrayValueItemCommands, FormItemsValueItemCommands<FormToggleButtonGroupItem<T>>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
 }
-export interface FormToggleButtonGroupCommands extends FormValueItemBaseCommands<FormToggleButtonGroupValue>, FormToggleButtonGroupExtraCommands {
+export interface FormToggleButtonGroupCommands<T, VT extends FormValueType = 'single'> extends FormValueItemBaseCommands<FormToggleButtonGroupValue<T, VT>, true>, FormToggleButtonGroupExtraCommands<T> {
 }

package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import { FormValueItemBaseCommands } from '../../@types';
-declare const FormCompanyNo: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type" | "value" | "maxLength"> & {
-    value?: string | undefined;
-} & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+import { FormCompanyNoProps as Props } from './FormCompanyNo.types';
+declare const FormCompanyNo: React.ForwardRefExoticComponent<Props & React.RefAttributes<import("../FormText").FormTextCommands>>;
 export default FormCompanyNo;

package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.types.d.ts

@@ -1,5 +1,5 @@
-import { FormTextProps } from '../FormText';
-export type FormCompanyNoProps = Omit<FormTextProps, 'type' | 'value' | 'maxLength'> & {
-    value?: string;
-};
-export declare const FormCompanyNoDefaultProps: Pick<FormTextProps, 'validPattern'>;
+import { FormTextProps, FormTextCommands, FormTextValue } from '../FormText';
+export type FormCompanyNoValue = FormTextValue;
+export type FormCompanyNoCommands = FormTextCommands;
+export type FormCompanyNoProps = Omit<FormTextProps, 'type' | 'maxLength'>;
+export declare const FormCompanyNoDefaultProps: Pick<FormCompanyNoProps, 'validPattern'>;

package/dist/FormItemTextFieldBase/FormEmail/FormEmail.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { FormEmailProps } from './FormEmail.types';
-import { FormValueItemBaseCommands } from '../../@types';
-declare const FormEmail: React.ForwardRefExoticComponent<FormEmailProps & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+declare const FormEmail: React.ForwardRefExoticComponent<FormEmailProps & React.RefAttributes<import("../FormText").FormTextCommands>>;
 export default FormEmail;

package/dist/FormItemTextFieldBase/FormEmail/FormEmail.types.d.ts

@@ -1,3 +1,5 @@
-import { FormTextProps } from '../FormText';
+import { FormTextProps, FormTextCommands } from '../FormText';
+export type FormEmailValue = string;
+export type FormEmailCommands = FormTextCommands;
 export type FormEmailProps = Omit<FormTextProps, 'type'>;
 export declare const FormEmailDefaultProps: Pick<FormEmailProps, 'validPattern'>;

package/dist/FormItemTextFieldBase/FormHidden/FormHidden.types.d.ts

@@ -1,6 +1,5 @@
-import { FormTextProps } from '../FormText';
-import { FormValueItemBaseCommands } from '../../@types';
-export type FormHiddenProps = Pick<FormTextProps, 'className' | 'name' | 'value' | 'error' | 'required' | 'exceptValue' | 'onChange' | 'onValidate'>;
+import { FormTextFieldCommands, FormTextFieldProps } from '../FormTextField';
+export type FormHiddenValue = any;
+export type FormHiddenCommands = FormTextFieldCommands<FormHiddenValue>;
+export type FormHiddenProps = Pick<FormTextFieldProps<FormHiddenValue>, 'className' | 'name' | 'value' | 'error' | 'required' | 'exceptValue' | 'onChange' | 'onValue' | 'onValidate'>;
 export declare const FormHiddenDefaultProps: {};
-export interface FormHiddenCommands extends FormValueItemBaseCommands {
-}

package/dist/FormItemTextFieldBase/FormMobile/FormMobile.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-import { FormValueItemBaseCommands } from '../../@types';
-declare const FormMobile: React.ForwardRefExoticComponent<Omit<import("..").FormTextProps, "type" | "value" | "maxLength"> & {
-    value?: string | undefined;
-} & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+declare const FormMobile: React.ForwardRefExoticComponent<import("../FormTel").FormTelProps & React.RefAttributes<import("..").FormTextCommands>>;
 export default FormMobile;

package/dist/FormItemTextFieldBase/FormMobile/FormMobile.types.d.ts

@@ -1,3 +1,5 @@
-import { FormTelProps } from '../FormTel';
+import { FormTelProps, FormTelCommands, FormTelValue } from '../FormTel';
+export type FormMobileValue = FormTelValue;
+export type FormMobileCommands = FormTelCommands;
 export type FormMobileProps = FormTelProps;
 export declare const FormMobileDefaultProps: Pick<FormMobileProps, 'validPattern'>;

package/dist/FormItemTextFieldBase/FormNumber/FormNumber.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FormValueItemBaseCommands } from '../../@types';
-declare const FormNumber: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type"> & {
+import { FormNumberCommands, FormNumberValue } from './FormNumber.types';
+declare const FormNumber: React.ForwardRefExoticComponent<Omit<import("../FormTextField").FormTextFieldProps<FormNumberValue, false, FormNumberValue>, "type"> & {
     allowLeadingZeros?: boolean | undefined;
     allowNegative?: boolean | undefined;
     thousandSeparator?: boolean | undefined;
@@ -8,5 +8,5 @@ declare const FormNumber: React.ForwardRefExoticComponent<Omit<import("../FormTe
     decimalScale?: number | undefined;
     prefix?: string | undefined;
     suffix?: string | undefined;
-} & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+} & React.RefAttributes<FormNumberCommands>>;
 export default FormNumber;

package/dist/FormItemTextFieldBase/FormNumber/FormNumber.types.d.ts

@@ -1,5 +1,7 @@
-import { FormTextProps } from '../FormText';
-export type FormNumberProps = Omit<FormTextProps, 'type'> & {
+import { FormTextFieldCommands, FormTextFieldProps } from '../FormTextField';
+export type FormNumberValue = string | number;
+export type FormNumberCommands = FormTextFieldCommands<FormNumberValue, false>;
+export type FormNumberProps = Omit<FormTextFieldProps<FormNumberValue, false>, 'type'> & {
     allowLeadingZeros?: boolean;
     allowNegative?: boolean;
     thousandSeparator?: boolean;
@@ -8,7 +10,4 @@ export type FormNumberProps = Omit<FormTextProps, 'type'> & {
     prefix?: string;
     suffix?: string;
 };
-export declare const FormNumberDefaultProps: {
-    value?: unknown;
-    clear?: boolean | undefined;
-};
+export declare const FormNumberDefaultProps: Pick<FormNumberProps, 'value' | 'clear'>;