@pdg/react-form 1.1.5 → 1.1.7

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

@@ -20,8 +20,8 @@ export interface PrivateInputDatePickerProps extends PCommonSxProps, Pick<Deskto
     maxDate?: Dayjs;
     align?: 'left' | 'center' | 'right';
     enableKeyboardInput?: boolean;
-    onChange(newValue: PrivateInputDatePickerValue): void;
+    onChange: (newValue: PrivateInputDatePickerValue) => void;
     onFocus: TextFieldProps['onFocus'];
     onBlur?: TextFieldProps['onBlur'];
-    onError?(reason: DateValidationError, value: PrivateInputDatePickerValue): void;
+    onError?: (reason: DateValidationError, value: PrivateInputDatePickerValue) => void;
 }

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

@@ -11,5 +11,5 @@ export interface PrivateMonthPickerProps {
     disableFuture?: boolean;
     selectFromValue?: PrivateMonthPickerValue;
     selectToValue?: PrivateMonthPickerValue;
-    onChange(value: PrivateMonthPickerBaseValue, isMonthSelect: boolean): void;
+    onChange: (value: PrivateMonthPickerBaseValue, isMonthSelect: boolean) => void;
 }

package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.types.d.ts

@@ -9,5 +9,5 @@ export interface PrivateMonthPickerMonthProps extends Pick<ButtonProps, 'onMouse
     selectedStart?: boolean;
     selectedEnd?: boolean;
     selectedTemp?: boolean;
-    onClick?(month: number): void;
+    onClick?: (month: number) => void;
 }

package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonthList/PrivateMonthPickerMonthList.types.d.ts

@@ -3,5 +3,5 @@ export interface PrivateMonthPickerMonthListProps extends Pick<PrivateMonthPicke
     defaultValue?: PrivateMonthPickerValue;
     minAvailableValue: PrivateMonthPickerBaseValue;
     maxAvailableValue: PrivateMonthPickerBaseValue;
-    onChange(value: PrivateMonthPickerBaseValue): void;
+    onChange: (value: PrivateMonthPickerBaseValue) => void;
 }

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

@@ -11,5 +11,5 @@ export interface PrivateMonthRangePickerProps {
     maxValue?: PrivateMonthRangePickerBaseValue;
     disablePast?: boolean;
     disableFuture?: boolean;
-    onChange(value: PrivateMonthRangePickerValue, selectType: PrivateMonthRangePickerSelectType, isMonthSelect: boolean): void;
+    onChange: (value: PrivateMonthRangePickerValue, selectType: PrivateMonthRangePickerSelectType, isMonthSelect: boolean) => void;
 }

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

@@ -5,5 +5,5 @@ export interface PrivateMonthSelectProps {
     selectMonth: number | null;
     activeMonth: number;
     availableDate: PFormAvailableDate;
-    onSelect(month: number): void;
+    onSelect: (month: number) => void;
 }

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

@@ -12,8 +12,8 @@ export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps
     seconds?: number[];
     minuteInterval?: number;
     secondInterval?: number;
-    onChange(unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null): void;
-    onClose?(): void;
+    onChange: (unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null) => void;
+    onClose?: () => void;
 }
 export interface PrivateStaticDatePickerCommands {
 }

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

@@ -12,10 +12,10 @@ export interface PrivateStaticDateTimePickerProps extends Omit<StaticDateTimePic
     seconds?: number[];
     minuteInterval?: number;
     secondInterval?: number;
-    onChange(unit: PrivateStaticDateTimePickerUnit, newValue: Dayjs | null): void;
-    onClose?(): void;
+    onChange: (unit: PrivateStaticDateTimePickerUnit, newValue: Dayjs | null) => void;
+    onClose?: () => void;
 }
 export type TimeSelectScrollToDateUnit = 'hour' | 'minute' | 'second';
 export interface PrivateStaticDateTimePickerCommands {
-    timeSelectScrollToDate(date: Dayjs, times?: TimeSelectScrollToDateUnit[]): void;
+    timeSelectScrollToDate: (date: Dayjs, times?: TimeSelectScrollToDateUnit[]) => void;
 }

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

@@ -18,6 +18,6 @@ export interface PrivateTimeSectionProps {
     minuteInterval?: number;
     secondInterval?: number;
     value?: Dayjs | null;
-    onChange(unit: PrivateStaticDateTimePickerUnit, newValue: Dayjs | null): void;
-    onClose?(): void;
+    onChange: (unit: PrivateStaticDateTimePickerUnit, newValue: Dayjs | null) => void;
+    onClose?: () => void;
 }

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

@@ -5,8 +5,8 @@ export interface PrivateTimeSelectProps {
     cols?: 1 | 2 | 3;
     disableList?: number[];
     value?: number | null;
-    onSelect?(value: number): void;
+    onSelect?: (value: number) => void;
 }
 export interface PrivateTimeSelectCommands {
-    scrollToValue(value: number): void;
+    scrollToValue: (value: number) => void;
 }

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

@@ -11,5 +11,5 @@ export interface PrivateYearPickerProps {
     hideHeader?: boolean;
     selectFromYear?: PrivateYearPickerValue;
     selectToYear?: PrivateYearPickerValue;
-    onChange(value: PrivateYearPickerBaseValue, isClick: boolean): void;
+    onChange: (value: PrivateYearPickerBaseValue, isClick: boolean) => void;
 }

package/dist/@private/PrivateYearPicker/PrivateYearPickerYearList/PrivateYearPickerYearList.types.d.ts

@@ -2,5 +2,5 @@ import { PrivateYearPickerBaseValue, PrivateYearPickerProps, PrivateYearPickerVa
 export interface PrivateYearPickerYearListProps extends Pick<PrivateYearPickerProps, 'value' | 'disablePast' | 'disableFuture'>, Required<Pick<PrivateYearPickerProps, 'minYear' | 'maxYear'>> {
     selectFromYear?: PrivateYearPickerValue;
     selectToYear?: PrivateYearPickerValue;
-    onChange(year: PrivateYearPickerBaseValue): void;
+    onChange: (year: PrivateYearPickerBaseValue) => void;
 }

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

@@ -10,5 +10,5 @@ export interface PrivateYearRangePickerProps {
     disablePast?: boolean;
     disableFuture?: boolean;
     hideHeader?: boolean;
-    onChange(value: PrivateYearRangePickerValue, selectType: PrivateYearRangePickerSelectType): void;
+    onChange: (value: PrivateYearRangePickerValue, selectType: PrivateYearRangePickerSelectType) => void;
 }

package/dist/@private/PrivateYearRangePicker/PrivateYearRangePickerYearList/PrivateYearRangePickerYearList.types.d.ts

@@ -2,5 +2,5 @@ import { PrivateYearRangePickerBaseValue, PrivateYearRangePickerProps, PrivateYe
 export interface PrivateYearRangePickerYearListProps extends Pick<PrivateYearRangePickerProps, 'value' | 'disablePast' | 'disableFuture'>, Required<Pick<PrivateYearRangePickerProps, 'minYear' | 'maxYear'>> {
     selectType: PrivateYearRangePickerSelectType;
     displayValue: PrivateYearRangePickerBaseValue[];
-    onChange(year: number): void;
+    onChange: (year: number) => void;
 }

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

@@ -3,5 +3,5 @@ export interface PrivateYearSelectProps {
     selectYear: number | null;
     activeYear: number;
     availableDate: PFormAvailableDate;
-    onSelect(year: number): void;
+    onSelect: (year: number) => void;
 }

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

@@ -22,93 +22,93 @@ export interface PFormValueMap {
 }
 export type PFormValueItemData = Record<string, any>;
 export interface PFormValueItemBaseCommands<T, AllowUndefinedValue extends boolean, V = AllowUndefinedValue extends true ? T | undefined : T> {
-    getType(): 'default' | 'PFormCheckbox' | 'PFormToggleButtonGroup' | 'PFormRadioGroup' | 'PFormRating' | 'PFormTextEditor' | 'PFormAutocomplete' | 'PFormDatePicker' | 'PFormDateTimePicker' | 'PFormTimePicker' | 'PFormDateRangePicker' | 'PFormMonthPicker' | 'PFormMonthRangePicker' | 'PFormYearPicker' | 'PFormYearRangePicker' | 'PFormFile' | 'PFormSwitch';
-    getName(): string;
-    getReset(): V;
-    reset(): void;
-    getValue(): V;
-    setValue(value: V): void;
-    getData(): PFormValueItemData | undefined;
-    setData(data?: PFormValueItemData): void;
-    isExceptValue(): boolean;
-    isDisabled(): boolean;
-    setDisabled(disabled: boolean): void;
-    isHidden(): boolean;
-    setHidden(hidden: boolean): void;
-    focus(): void;
-    focusValidate(): void;
-    validate(): boolean;
-    setError(error: boolean, errorText: ReactNode | undefined): void;
+    getType: () => 'default' | 'PFormCheckbox' | 'PFormToggleButtonGroup' | 'PFormRadioGroup' | 'PFormRating' | 'PFormTextEditor' | 'PFormAutocomplete' | 'PFormDatePicker' | 'PFormDateTimePicker' | 'PFormTimePicker' | 'PFormDateRangePicker' | 'PFormMonthPicker' | 'PFormMonthRangePicker' | 'PFormYearPicker' | 'PFormYearRangePicker' | 'PFormFile' | 'PFormSwitch';
+    getName: () => string;
+    getReset: () => V;
+    reset: () => void;
+    getValue: () => V;
+    setValue: (value: V) => void;
+    getData: () => PFormValueItemData | undefined;
+    setData: (data?: PFormValueItemData) => void;
+    isExceptValue: () => boolean;
+    isDisabled: () => boolean;
+    setDisabled: (disabled: boolean) => void;
+    isHidden: () => boolean;
+    setHidden: (hidden: boolean) => void;
+    focus: () => void;
+    focusValidate: () => void;
+    validate: () => boolean;
+    setError: (error: boolean, errorText: ReactNode | undefined) => void;
 }
 export interface PFormArrayValueItemCommands {
-    isFormValueSort(): boolean;
-    getFormValueSeparator(): string;
+    isFormValueSort: () => boolean;
+    getFormValueSeparator: () => string;
 }
 export interface PFormItemsValueItemCommands<T> {
-    getItems(): T[] | undefined;
-    setItems(items: T[] | undefined): void;
+    getItems: () => T[] | undefined;
+    setItems: (items: T[] | undefined) => void;
 }
 export interface PFormCheckValueItemCommands<T> {
-    getChecked(): boolean;
-    setChecked(checked: boolean, notFireOnChange?: boolean): void;
-    getUncheckedValue(): T;
-    setUncheckedValue(uncheckedValue: T): void;
+    getChecked: () => boolean;
+    setChecked: (checked: boolean, notFireOnChange?: boolean) => void;
+    getUncheckedValue: () => T;
+    setUncheckedValue: (uncheckedValue: T) => void;
 }
 export interface PFormMultipleValueItemCommands {
-    isMultiple(): boolean;
+    isMultiple: () => boolean;
 }
 export interface PFormLoadingValueItemCommands {
-    getLoading(): boolean;
-    setLoading(loading: boolean): void;
+    getLoading: () => boolean;
+    setLoading: (loading: boolean) => void;
 }
 export interface PFormDateValueItemCommands {
-    getFormValueFormat(): string;
+    getFormValueFormat: () => string;
 }
 export interface PFormRangeValueItemCommands<T> {
-    getFromValue(): T | null;
-    setFromValue(value: T | null): void;
-    getToValue(): T | null;
-    setToValue(value: T | null): void;
+    getFromValue: () => T | null;
+    setFromValue: (value: T | null) => void;
+    getToValue: () => T | null;
+    setToValue: (value: T | null) => void;
 }
 export interface PFormRangeValueItemNameCommands {
-    getFormValueFromNameSuffix(): string;
-    getFormValueToNameSuffix(): string;
-    getFormValueFromName(): string;
-    getFormValueToName(): string;
+    getFormValueFromNameSuffix: () => string;
+    getFormValueToNameSuffix: () => string;
+    getFormValueFromName: () => string;
+    getFormValueToName: () => string;
 }
 export interface PFormYearMonthValueItemCommands {
-    getYear(): number | null;
-    setYear(year: number | null): void;
-    getMonth(): number | null;
-    setMonth(month: number | null): void;
+    getYear: () => number | null;
+    setYear: (year: number | null) => void;
+    getMonth: () => number | null;
+    setMonth: (month: number | null) => void;
 }
 export interface PFormYearMonthValueItemNameCommands {
-    getFormValueYearNameSuffix(): string;
-    getFormValueMonthNameSuffix(): string;
-    getFormValueYearName(): string;
-    getFormValueMonthName(): string;
+    getFormValueYearNameSuffix: () => string;
+    getFormValueMonthNameSuffix: () => string;
+    getFormValueYearName: () => string;
+    getFormValueMonthName: () => string;
 }
 export interface PFormYearMonthRangeValueItemCommands {
-    getFromYear(): number | null;
-    setFromYear(year: number | null): void;
-    getFromMonth(): number | null;
-    setFromMonth(month: number | null): void;
-    getToYear(): number | null;
-    setToYear(year: number | null): void;
-    getToMonth(): number | null;
-    setToMonth(month: number | null): void;
+    getFromYear: () => number | null;
+    setFromYear: (year: number | null) => void;
+    getFromMonth: () => number | null;
+    setFromMonth: (month: number | null) => void;
+    getToYear: () => number | null;
+    setToYear: (year: number | null) => void;
+    getToMonth: () => number | null;
+    setToMonth: (month: number | null) => void;
 }
 export interface PFormYearMonthRangeValueItemNameCommands {
-    getFormValueFromYearNameSuffix(): string;
-    getFormValueFromMonthNameSuffix(): string;
-    getFormValueToYearNameSuffix(): string;
-    getFormValueToMonthNameSuffix(): string;
-    getFormValueFromYearName(): string;
-    getFormValueFromMonthName(): string;
-    getFormValueToYearName(): string;
-    getFormValueToMonthName(): string;
+    getFormValueFromYearNameSuffix: () => string;
+    getFormValueFromMonthNameSuffix: () => string;
+    getFormValueToYearNameSuffix: () => string;
+    getFormValueToMonthNameSuffix: () => string;
+    getFormValueFromYearName: () => string;
+    getFormValueFromMonthName: () => string;
+    getFormValueToYearName: () => string;
+    getFormValueToMonthName: () => string;
 }
-export interface PFormValueItemCommands<T, AllowUndefinedValue extends boolean = true, ItemType = any> extends PFormValueItemBaseCommands<T, AllowUndefinedValue>, Partial<PFormArrayValueItemCommands>, Partial<PFormItemsValueItemCommands<ItemType>>, Partial<PFormCheckValueItemCommands<T>>, Partial<PFormMultipleValueItemCommands>, Partial<PFormLoadingValueItemCommands>, Partial<PFormDateValueItemCommands>, Partial<PFormRangeValueItemCommands<T>>, Partial<PFormRangeValueItemNameCommands>, Partial<PFormYearMonthValueItemCommands>, Partial<PFormYearMonthValueItemNameCommands>, Partial<PFormYearMonthRangeValueItemCommands>, Partial<PFormYearMonthRangeValueItemNameCommands> {
+export interface PFormValueItemCommands<T, AllowUndefinedValue extends boolean = true, ItemType = any, RangeItemValue = any> extends PFormValueItemBaseCommands<T, AllowUndefinedValue>, Partial<PFormArrayValueItemCommands>, Partial<PFormItemsValueItemCommands<ItemType>>, Partial<PFormCheckValueItemCommands<T>>, Partial<PFormMultipleValueItemCommands>, Partial<PFormLoadingValueItemCommands>, Partial<PFormDateValueItemCommands>, Partial<PFormRangeValueItemCommands<RangeItemValue>>, Partial<PFormRangeValueItemNameCommands>, Partial<PFormYearMonthValueItemCommands>, Partial<PFormYearMonthValueItemNameCommands>, Partial<PFormYearMonthRangeValueItemCommands>, Partial<PFormYearMonthRangeValueItemNameCommands> {
 }
 export interface PFormValueItemCommandsMap<T, AllowUndefinedValue extends boolean = true, ItemType = any> {
     [key: string]: PFormValueItemCommands<T, AllowUndefinedValue, ItemType> | undefined;
@@ -127,6 +127,6 @@ export interface PFormValueItemProps<T, AllowUndefinedValue extends boolean = tr
     exceptValue?: boolean;
     helperText?: ReactNode;
     data?: PFormValueItemData;
-    onChange?(value: V): void;
-    onValidate?(value: V): true | string;
+    onChange?: (value: V) => void;
+    onValidate?: (value: V) => true | string;
 }

package/dist/PForm/PForm.types.d.ts

@@ -13,29 +13,29 @@ export interface PFormProps extends PCommonSxProps, PartialPick<FormControlProps
     formColGap?: number;
     disabled?: boolean;
     submitWhenReturnKey?: boolean;
-    onSubmit?(data: PFormValueMap): void;
-    onInvalid?(invalidItems: PFormInvalidItems): void;
-    onValueChange?(name: string, value: any): void;
-    onValueChangeByUser?(name: string, value: any): void;
+    onSubmit?: (data: PFormValueMap) => void;
+    onInvalid?: (invalidItems: PFormInvalidItems) => void;
+    onValueChange?: (name: string, value: any) => void;
+    onValueChangeByUser?: (name: string, value: any) => void;
 }
 export interface PFormCommands {
-    submit(): void;
-    getAllFormValue(): PFormValueMap;
-    resetAll(): void;
-    getItem<T extends PFormValueItemBaseCommands<any, true> = PFormValueItemCommands<any>>(name: string): T | undefined;
-    exists(name: string): boolean;
-    getReset(name: string): any;
-    getFormReset(name: string, subKey?: string): PFormValue;
-    reset(name: string): void;
-    getValue(name: string): any;
-    getFormValue(name: string, subKey?: string): PFormValue;
-    setValue(name: string, value: any): void;
-    isExceptValue(name: string): boolean;
-    isDisabled(name: string): boolean;
-    setDisabled(name: string, disabled: boolean): void;
-    isHidden(name: string): boolean;
-    setHidden(name: string, hidden: boolean): void;
-    focus(name: string): void;
-    validate(name: string): boolean;
-    setError(name: string, error: boolean, helperText: ReactNode): void;
+    submit: () => void;
+    getAllFormValue: () => PFormValueMap;
+    resetAll: () => void;
+    getItem: <T extends PFormValueItemBaseCommands<any, true> = PFormValueItemCommands<any>>(name: string) => T | undefined;
+    exists: (name: string) => boolean;
+    getReset: (name: string) => any;
+    getFormReset: (name: string, subKey?: string) => PFormValue;
+    reset: (name: string) => void;
+    getValue: (name: string) => any;
+    getFormValue: (name: string, subKey?: string) => PFormValue;
+    setValue: (name: string, value: any) => void;
+    isExceptValue: (name: string) => boolean;
+    isDisabled: (name: string) => boolean;
+    setDisabled: (name: string, disabled: boolean) => void;
+    isHidden: (name: string) => boolean;
+    setHidden: (name: string, hidden: boolean) => void;
+    focus: (name: string) => void;
+    validate: (name: string) => boolean;
+    setError: (name: string, error: boolean, helperText: ReactNode) => void;
 }

package/dist/PFormContext/PFormContext.types.d.ts

@@ -1,21 +1,21 @@
 import { PartialPick, PFormValueItemCommands } from '../@types';
 import { PFormProps } from '../PForm/PForm.types';
-export interface PFormContextValue<T = any, AllowUndefinedValue extends boolean = true> extends PartialPick<PFormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
+export interface PFormContextValue<T = any, AllowUndefinedValue extends boolean = true, ItemValue = any, RangeItemValue = any> extends PartialPick<PFormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
     id: string;
     fullHeight?: boolean;
     disabled?: boolean;
     submitWhenReturnKey?: boolean;
-    onAddValueItem(id: string, commands: PFormValueItemCommands<T, AllowUndefinedValue>): void;
-    onRemoveValueItem(id: string): void;
-    onValueChange(name: string, value: T): void;
-    onValueChangeByUser(name: string, value: T): void;
-    onRequestSubmit(name: string, value: T): void;
-    onRequestSearchSubmit(name: string, value: T): void;
+    onAddValueItem: (id: string, commands: PFormValueItemCommands<T, AllowUndefinedValue, ItemValue, RangeItemValue>) => void;
+    onRemoveValueItem: (id: string) => void;
+    onValueChange: (name: string, value: T) => void;
+    onValueChangeByUser: (name: string, value: T) => void;
+    onRequestSubmit: (name: string, value: T) => void;
+    onRequestSearchSubmit: (name: string, value: T) => void;
     /** PFormRow */
     formColAutoXs?: number;
     formColWidth?: number;
-    onAddFormCol?(id: string, xs: number | undefined): void;
-    onRemoveFormCol?(id: string): void;
+    onAddFormCol?: (id: string, xs: number | undefined) => void;
+    onRemoveFormCol?: (id: string) => void;
     /** FormCol */
     formColXs?: number;
     formColWithLabel?: boolean;

package/dist/PFormContext/useFormState.d.ts

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

package/dist/PFormContextProvider/PFormContextProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PFormContextProviderProps as Props } from './PFormContextProvider.types';
-declare const PFormContextProvider: React.FC<Props>;
+declare function PFormContextProvider<T = any, AllowUndefinedValue extends boolean = true>({ children, value, }: Props<T, AllowUndefinedValue>): React.JSX.Element;
 export default PFormContextProvider;

package/dist/PFormContextProvider/PFormContextProvider.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { PFormContextValue } from '../PFormContext';
-export interface PFormContextProviderProps {
-    value: PFormContextValue;
+export interface PFormContextProviderProps<T = any, AllowUndefinedValue extends boolean = true> {
+    value: PFormContextValue<T, AllowUndefinedValue>;
     children: ReactNode;
 }

package/dist/PFormItemCustom/PFormCheckbox/PFormCheckbox.types.d.ts

@@ -3,7 +3,7 @@ import { ButtonBaseActions, CheckboxProps } from '@mui/material';
 import { PCommonSxProps, PFormCheckValueItemCommands, PFormValueItemBaseCommands, PFormValueItemProps } from '../../@types';
 export type PFormCheckboxValue = string | number | boolean;
 export interface PFormCheckboxCommands extends Omit<PFormValueItemBaseCommands<PFormCheckboxValue, false>, 'getReset'>, PFormCheckValueItemCommands<PFormCheckboxValue> {
-    getReset(): boolean;
+    getReset: () => boolean;
 }
 export interface PFormCheckboxProps extends PCommonSxProps, Omit<CheckboxProps, 'size' | 'color' | 'name' | 'inputRef' | 'action' | 'required' | 'onChange'>, Omit<PFormValueItemProps<PFormCheckboxValue, false>, 'value' | 'onChange'> {
     value?: PFormCheckboxValue;
@@ -11,5 +11,5 @@ export interface PFormCheckboxProps extends PCommonSxProps, Omit<CheckboxProps,
     text?: ReactNode;
     inputRef?: RefObject<HTMLInputElement>;
     action?: RefObject<ButtonBaseActions>;
-    onChange?(checked: boolean): void;
+    onChange?: (checked: boolean) => void;
 }

package/dist/PFormItemCustom/PFormDateRangePicker/PFormDateRangePicker.types.d.ts

@@ -38,11 +38,11 @@ export interface PFormDateRangePickerProps extends PCommonSxProps, Omit<PFormVal
     disableFuture?: boolean;
     minDate?: Dayjs;
     maxDate?: Dayjs;
-    onGetActionButtons?(): {
+    onGetActionButtons?: () => {
         label: string;
         start: Dayjs;
         end: Dayjs;
     }[];
 }
-export interface PFormDateRangePickerCommands extends PFormValueItemBaseCommands<PFormDateRangePickerValue, false>, PFormDateValueItemCommands, PFormRangeValueItemCommands<Dayjs>, PFormRangeValueItemNameCommands {
+export interface PFormDateRangePickerCommands extends PFormValueItemBaseCommands<PFormDateRangePickerValue, false>, PFormDateValueItemCommands, PFormRangeValueItemCommands<PFormDateRangePickerDateValue>, PFormRangeValueItemNameCommands {
 }

package/dist/PFormItemCustom/PFormDateRangePicker/PFormDateRangePickerTooltipPickerContainer/PFormDateRangePickerTooltipPicker/PFormDateRangePickerTooltipPicker.types.d.ts

@@ -14,12 +14,12 @@ export interface PFormDateRangePickerTooltipPickerProps {
     disableFuture?: boolean;
     minDate?: Dayjs;
     maxDate?: Dayjs;
-    onValueChange?(selectType: PFormDateRangePickerTooltipPickerSelectType, value: PFormDateRangePickerTooltipPickerDateValue): void;
-    onMouseEnterPickersDay?(date: PFormDateRangePickerTooltipPickerDateValue): void;
-    onMonthChange?(date: Dayjs): void;
+    onValueChange?: (selectType: PFormDateRangePickerTooltipPickerSelectType, value: PFormDateRangePickerTooltipPickerDateValue) => void;
+    onMouseEnterPickersDay?: (date: PFormDateRangePickerTooltipPickerDateValue) => void;
+    onMonthChange?: (date: Dayjs) => void;
 }
 export interface PFormDateRangePickerTooltipPickerCommands {
-    previousMonth(): void;
-    nextMonth(): void;
-    activeMonth(month: Dayjs): void;
+    previousMonth: () => void;
+    nextMonth: () => void;
+    activeMonth: (month: Dayjs) => void;
 }

package/dist/PFormItemCustom/PFormDateRangePicker/PFormDateRangePickerTooltipPickerContainer/PFormDateRangePickerTooltipPickerContainer.types.d.ts

@@ -11,17 +11,17 @@ export interface PFormDateRangePickerTooltipPickerContainerProps {
     disableFuture?: boolean;
     minDate?: Dayjs;
     maxDate?: Dayjs;
-    onGetActionButtons?(): {
+    onGetActionButtons?: () => {
         label: string;
         start: Dayjs;
         end: Dayjs;
     }[];
-    onChange(newValue: PFormDateRangePickerTooltipPickerValue): void;
-    onValueChange(selectType: PFormDateRangePickerTooltipPickerSelectType, newValue: PFormDateRangePickerTooltipPickerDateValue): void;
-    onMonthsChange(months: PFormDateRangePickerTooltipPickerContainerMonths): void;
+    onChange: (newValue: PFormDateRangePickerTooltipPickerValue) => void;
+    onValueChange: (selectType: PFormDateRangePickerTooltipPickerSelectType, newValue: PFormDateRangePickerTooltipPickerDateValue) => void;
+    onMonthsChange: (months: PFormDateRangePickerTooltipPickerContainerMonths) => void;
 }
 export interface PFormDateRangePickerTooltipPickerContainerCommands {
-    previousMonth(): void;
-    nextMonth(): void;
-    activeMonth(month: Dayjs): void;
+    previousMonth: () => void;
+    nextMonth: () => void;
+    activeMonth: (month: Dayjs) => void;
 }

package/dist/PFormItemCustom/PFormDateTimePicker/PFormDateTimePicker.types.d.ts

@@ -1,4 +1,5 @@
-import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@private';
+import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands, PrivateDateTimePickerValue } from '../../@private';
+export type PFormDateTimePickerValue = PrivateDateTimePickerValue;
 export interface PFormDateTimePickerProps extends Omit<PrivateDateTimePickerProps, 'type' | 'time'> {
     time: Required<PrivateDateTimePickerProps['time']>;
 }

package/dist/PFormItemCustom/PFormFile/PFormFile.types.d.ts

@@ -21,7 +21,7 @@ export interface PFormFileProps extends PCommonSxProps, PFormValueItemProps<PFor
     labelShrink?: boolean;
     maxFileSize?: number;
     preview?: ReactNode;
-    onFile?(file: File): Promise<string>;
-    onLink?(url: string): Promise<string>;
+    onFile?: (file: File) => Promise<string>;
+    onLink?: (url: string) => Promise<string>;
 }
 export type PFormFileCommands = PFormValueItemCommands<PFormFileValue, false>;

package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.types.d.ts

@@ -15,8 +15,8 @@ export interface PFormRadioGroupProps<T extends PFormRadioGroupSingleValue> exte
     inline?: boolean;
     loading?: boolean;
     nowrap?: boolean;
-    onLoadItems?(): Promise<PFormRadioGroupItem<T>[]>;
-    onValue?(value: PFormRadioGroupValue<T>): PFormRadioGroupValue<T>;
+    onLoadItems?: () => Promise<PFormRadioGroupItem<T>[]>;
+    onValue?: (value: PFormRadioGroupValue<T>) => PFormRadioGroupValue<T>;
 }
 export interface PFormRadioGroupCommands<T extends PFormRadioGroupSingleValue> extends PFormValueItemBaseCommands<T, true>, PFormItemsValueItemCommands<PFormRadioGroupItem<T>>, PFormLoadingValueItemCommands {
 }

package/dist/PFormItemCustom/PFormRating/PFormRating.types.d.ts

@@ -6,7 +6,7 @@ export interface PFormRatingProps extends PCommonSxProps, PartialPick<RatingProp
     required?: boolean;
     icon?: string;
     emptyIcon?: string;
-    onValue?(value: PFormRatingValue): PFormRatingValue;
+    onValue?: (value: PFormRatingValue) => PFormRatingValue;
 }
 export interface PFormRatingCommands extends PFormValueItemBaseCommands<PFormRatingValue, false> {
 }

package/dist/PFormItemCustom/PFormSwitch/PFormSwitch.types.d.ts

@@ -5,7 +5,7 @@ import { FormControlLabelProps } from '@mui/material';
 export interface PFormSwitchProps extends PCommonSxProps, Omit<PFormValueItemProps<boolean, false>, 'fullWidth'> {
     switchLabel?: ReactNode;
     switchLabelProps?: Omit<FormControlLabelProps, 'children' | 'control' | 'label' | 'required' | 'disabled'>;
-    onValue?(value: boolean): boolean;
+    onValue?: (value: boolean) => boolean;
 }
 export interface PFormSwitchCommands extends PFormValueItemBaseCommands<boolean, false> {
 }

package/dist/PFormItemCustom/PFormTextEditor/PFormTextEditor.types.d.ts

@@ -6,5 +6,5 @@ export interface PFormTextEditorProps extends PCommonSxProps, Omit<PFormValueIte
     required?: boolean;
     menubar?: boolean;
     height?: number;
-    onImageUpload?(blob: Blob, success: (url: string) => void, failure: (err: string) => void, progress?: (percent: number) => void): void;
+    onImageUpload?: (blob: Blob, success: (url: string) => void, failure: (err: string) => void, progress?: (percent: number) => void) => void;
 }

package/dist/PFormItemCustom/PFormTimePicker/PFormTimePicker.types.d.ts

@@ -1,4 +1,5 @@
-import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands } from '../../@private';
+import { PrivateDateTimePickerProps, PrivateDateTimePickerCommands, PrivateDateTimePickerValue } from '../../@private';
+export type PFormTimePickerValue = PrivateDateTimePickerValue;
 export interface PFormTimePickerProps extends Omit<PrivateDateTimePickerProps, 'type' | 'time'> {
     time: Required<PrivateDateTimePickerProps['time']>;
 }

package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PFormSelectCommands, PFormSelectSingleValue } from './PFormSelect.types';
+import { PFormSelectCommands, PFormSelectSingleValue, PFormSelectValue, PFormSelectItem } from './PFormSelect.types';
 import './PFormSelect.scss';
-declare const PFormSelect: (<T extends PFormSelectSingleValue, Multiple extends boolean | undefined>(props: Omit<import("../PFormTextField").PFormTextFieldProps<import("./PFormSelect.types").PFormSelectValue<T, Multiple>, false>, "type" | "clear"> & {
+declare const PFormSelect: (<T extends PFormSelectSingleValue, Multiple extends boolean | undefined>(props: Omit<import("../PFormTextField").PFormTextFieldProps<PFormSelectValue<T, Multiple>, false>, "type" | "clear"> & {
     items?: import("./PFormSelect.types").PFormSelectItems<T> | undefined;
     multiple?: Multiple | undefined;
     checkbox?: boolean;
@@ -9,6 +9,6 @@ declare const PFormSelect: (<T extends PFormSelectSingleValue, Multiple extends
     formValueSort?: boolean;
     minWidth?: string | number;
     loading?: boolean;
-    onLoadItems?: (() => Promise<import("./PFormSelect.types").PFormSelectItem<T>[]>) | undefined;
+    onLoadItems?: (() => Promise<PFormSelectItem<T>[]>) | undefined;
 } & React.RefAttributes<PFormSelectCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
 export default PFormSelect;

package/dist/PFormItemTextFieldBase/PFormTag/PFormTagText/PFormTagText.types.d.ts

@@ -1,5 +1,5 @@
 import { PFormTextProps } from '../../PFormText';
 export interface PFormTagTextProps extends Omit<PFormTextProps, 'value' | 'onChange'> {
     allowSpace?: boolean;
-    onAppendTag(tag: string): void;
+    onAppendTag: (tag: string) => void;
 }

package/dist/PFormItemTextFieldBase/PFormTextField/PFormTextField.types.d.ts

@@ -16,5 +16,5 @@ export type PFormTextFieldProps<T = PFormTextFieldValue, AllowUndefinedValue ext
     noFormValueItem?: boolean;
     disableReturnKey?: boolean;
     submitWhenReturnKey?: boolean;
-    onValue?(value: V): V;
+    onValue?: (value: V) => V;
 };

package/dist/PFormLayout/PFormDivider/PFormDivider.types.d.ts

@@ -14,5 +14,5 @@ export interface PFormDividerProps extends PCommonSxProps {
     collapseIn?: boolean;
     error?: boolean;
     warning?: boolean;
-    onCollapseChange?(collapseIn: boolean): void;
+    onCollapseChange?: (collapseIn: boolean) => void;
 }

package/dist/PSearch/PHashSearch/PHashSearch.types.d.ts

@@ -1,5 +1,5 @@
 import { PSearchProps } from '../PSearch';
 export interface PHashSearchProps extends Omit<PSearchProps, 'autoSubmit'> {
     noAutoSubmit?: boolean;
-    onRequestHashChange(hash: string): void;
+    onRequestHashChange: (hash: string) => void;
 }

package/dist/index.esm.js

@@ -84,10 +84,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
         throw new Error('useFormState should be used within FormContext.Provider');
     }
     return value;
-}var PFormContextProvider = function (_a) {
+}function PFormContextProvider(_a) {
     var children = _a.children, value = _a.value;
     return React.createElement(PFormContext.Provider, { value: value }, children);
-};/********************************************************************************************************************
+}/********************************************************************************************************************
  * getItemFormValue
  * ******************************************************************************************************************/
 var getItemFormValue = function (commands, reset) {
@@ -1463,7 +1463,9 @@ var PFormTag = React.forwardRef(function (_a, ref) {
      * Function - getCommands
      * ******************************************************************************************************************/
     var getCommands = useCallback(function (baseCommands) {
-        return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return updateValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) { return updateValue(newValue); }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
+        return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return updateValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) {
+                updateValue(newValue);
+            }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
     }, [getExtraCommands, getFinalValue, initValue, updateValue, valueRef, validate]);
     /********************************************************************************************************************
      * Function - appendTag, removeTag
@@ -1497,8 +1499,8 @@ var PFormTag = React.forwardRef(function (_a, ref) {
      * Event Handler
      * ******************************************************************************************************************/
     var handleAddValueItem = useCallback(function (id, commands) {
-        onAddValueItem(id, getCommands(commands));
-    }, [onAddValueItem, getCommands]);
+        onAddValueItem(id, commands);
+    }, [onAddValueItem]);
     var handleRef = useCallback(function (commands) {
         if (ref) {
             var finalCommands = getCommands(commands);
@@ -1667,6 +1669,12 @@ PFormMobile.displayName = 'PFormMobile';var NumberFormatCustom = React.forwardRe
         tabIndex,
         thousandSeparator,
     ]);
+    /********************************************************************************************************************
+     * Function
+     * ******************************************************************************************************************/
+    var getFinalValue = useCallback(function (value) {
+        return empty(value) || value === '-' || value === '.' ? undefined : Number(value);
+    }, []);
     /********************************************************************************************************************
      * Event Handler
      * ******************************************************************************************************************/
@@ -1718,10 +1726,32 @@ PFormMobile.displayName = 'PFormMobile';var NumberFormatCustom = React.forwardRe
             return true;
         }
     }, [onValidate]);
+    var handleRef = useCallback(function (commands) {
+        if (ref) {
+            var finalCommands = commands
+                ? __assign(__assign({}, commands), { getReset: function () { return initValue; }, getValue: function () { return getFinalValue(strValueRef.current); }, setValue: function (value) {
+                        var strValue = value !== undefined ? "".concat(value) : '';
+                        if (strValueRef.current === strValue) {
+                            strValueRef.current = "".concat(strValue, " ");
+                        }
+                        else {
+                            strValueRef.current = strValue;
+                        }
+                        onChange && onChange(value);
+                        forceUpdate();
+                    } }) : null;
+            if (typeof ref === 'function') {
+                return ref(finalCommands);
+            }
+            else {
+                ref.current = finalCommands;
+            }
+        }
+    }, [forceUpdate, getFinalValue, initValue, onChange, ref, strValueRef]);
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    return (React.createElement(PFormTextField, __assign({ ref: ref, className: classNames(className, 'PFormNumber'), disableReturnKey: true, labelShrink: strValueRef.current === '' || strValueRef.current === undefined ? labelShrink : true, slotProps: slotProps, readOnly: readOnly, clear: clear, value: strValueRef.current, onChange: handleChange, onValue: handleValue, onValidate: handleValidate }, props)));
+    return (React.createElement(PFormTextField, __assign({ ref: handleRef, className: classNames(className, 'PFormNumber'), disableReturnKey: true, labelShrink: strValueRef.current === '' || strValueRef.current === undefined ? labelShrink : true, slotProps: slotProps, readOnly: readOnly, clear: clear, value: strValueRef.current, onChange: handleChange, onValue: handleValue, onValidate: handleValidate }, props)));
 });
 PFormNumber.displayName = 'PFormNumber';insertStyle(".PFormSearch input[type=search]::-webkit-search-decoration,.PFormSearch input[type=search]::-webkit-search-cancel-button,.PFormSearch input[type=search]::-webkit-search-results-button,.PFormSearch input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}");var PFormSearch = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
@@ -10540,30 +10570,30 @@ var templateObject_1;var isReactFragment = function (child) {
         return false;
     }
 };
-var removeReactFragment = function (el) {
+var removeReactFragment = function (el, key) {
     if (isReactFragment(el)) {
         var children = el.props.children;
         if (children) {
             if (Array.isArray(children)) {
-                return children.map(function (child) {
+                return children.map(function (child, idx) {
                     if (React.isValidElement(child)) {
-                        return removeReactFragment(child);
+                        return removeReactFragment(child, idx);
                     }
                     else {
-                        return React.createElement(Grid, null, child);
+                        return React.createElement(Grid, { key: idx }, child);
                     }
                 });
             }
             else {
-                return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+                return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
             }
         }
         else {
-            return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+            return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
         }
     }
     else {
-        return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+        return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
     }
 };
 var PSearchGroup = function (_a) {

package/dist/index.js

@@ -84,10 +84,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
         throw new Error('useFormState should be used within FormContext.Provider');
     }
     return value;
-}var PFormContextProvider = function (_a) {
+}function PFormContextProvider(_a) {
     var children = _a.children, value = _a.value;
     return React.createElement(PFormContext.Provider, { value: value }, children);
-};/********************************************************************************************************************
+}/********************************************************************************************************************
  * getItemFormValue
  * ******************************************************************************************************************/
 var getItemFormValue = function (commands, reset) {
@@ -1463,7 +1463,9 @@ var PFormTag = React.forwardRef(function (_a, ref) {
      * Function - getCommands
      * ******************************************************************************************************************/
     var getCommands = React.useCallback(function (baseCommands) {
-        return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return updateValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) { return updateValue(newValue); }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
+        return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return updateValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) {
+                updateValue(newValue);
+            }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
     }, [getExtraCommands, getFinalValue, initValue, updateValue, valueRef, validate]);
     /********************************************************************************************************************
      * Function - appendTag, removeTag
@@ -1497,8 +1499,8 @@ var PFormTag = React.forwardRef(function (_a, ref) {
      * Event Handler
      * ******************************************************************************************************************/
     var handleAddValueItem = React.useCallback(function (id, commands) {
-        onAddValueItem(id, getCommands(commands));
-    }, [onAddValueItem, getCommands]);
+        onAddValueItem(id, commands);
+    }, [onAddValueItem]);
     var handleRef = React.useCallback(function (commands) {
         if (ref) {
             var finalCommands = getCommands(commands);
@@ -1667,6 +1669,12 @@ PFormMobile.displayName = 'PFormMobile';var NumberFormatCustom = React.forwardRe
         tabIndex,
         thousandSeparator,
     ]);
+    /********************************************************************************************************************
+     * Function
+     * ******************************************************************************************************************/
+    var getFinalValue = React.useCallback(function (value) {
+        return compare.empty(value) || value === '-' || value === '.' ? undefined : Number(value);
+    }, []);
     /********************************************************************************************************************
      * Event Handler
      * ******************************************************************************************************************/
@@ -1718,10 +1726,32 @@ PFormMobile.displayName = 'PFormMobile';var NumberFormatCustom = React.forwardRe
             return true;
         }
     }, [onValidate]);
+    var handleRef = React.useCallback(function (commands) {
+        if (ref) {
+            var finalCommands = commands
+                ? __assign(__assign({}, commands), { getReset: function () { return initValue; }, getValue: function () { return getFinalValue(strValueRef.current); }, setValue: function (value) {
+                        var strValue = value !== undefined ? "".concat(value) : '';
+                        if (strValueRef.current === strValue) {
+                            strValueRef.current = "".concat(strValue, " ");
+                        }
+                        else {
+                            strValueRef.current = strValue;
+                        }
+                        onChange && onChange(value);
+                        forceUpdate();
+                    } }) : null;
+            if (typeof ref === 'function') {
+                return ref(finalCommands);
+            }
+            else {
+                ref.current = finalCommands;
+            }
+        }
+    }, [forceUpdate, getFinalValue, initValue, onChange, ref, strValueRef]);
     /********************************************************************************************************************
      * Render
      * ******************************************************************************************************************/
-    return (React.createElement(PFormTextField, __assign({ ref: ref, className: classNames(className, 'PFormNumber'), disableReturnKey: true, labelShrink: strValueRef.current === '' || strValueRef.current === undefined ? labelShrink : true, slotProps: slotProps, readOnly: readOnly, clear: clear, value: strValueRef.current, onChange: handleChange, onValue: handleValue, onValidate: handleValidate }, props)));
+    return (React.createElement(PFormTextField, __assign({ ref: handleRef, className: classNames(className, 'PFormNumber'), disableReturnKey: true, labelShrink: strValueRef.current === '' || strValueRef.current === undefined ? labelShrink : true, slotProps: slotProps, readOnly: readOnly, clear: clear, value: strValueRef.current, onChange: handleChange, onValue: handleValue, onValidate: handleValidate }, props)));
 });
 PFormNumber.displayName = 'PFormNumber';insertStyle(".PFormSearch input[type=search]::-webkit-search-decoration,.PFormSearch input[type=search]::-webkit-search-cancel-button,.PFormSearch input[type=search]::-webkit-search-results-button,.PFormSearch input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}");var PFormSearch = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
@@ -10540,30 +10570,30 @@ var templateObject_1;var isReactFragment = function (child) {
         return false;
     }
 };
-var removeReactFragment = function (el) {
+var removeReactFragment = function (el, key) {
     if (isReactFragment(el)) {
         var children = el.props.children;
         if (children) {
             if (Array.isArray(children)) {
-                return children.map(function (child) {
+                return children.map(function (child, idx) {
                     if (React.isValidElement(child)) {
-                        return removeReactFragment(child);
+                        return removeReactFragment(child, idx);
                     }
                     else {
-                        return React.createElement(material.Grid, null, child);
+                        return React.createElement(material.Grid, { key: idx }, child);
                     }
                 });
             }
             else {
-                return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+                return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
             }
         }
         else {
-            return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+            return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
         }
     }
     else {
-        return React.createElement(StyledItem, { style: { display: el.type === PFormHidden ? 'none' : undefined } }, el);
+        return (React.createElement(StyledItem, { key: key, style: { display: el.type === PFormHidden ? 'none' : undefined } }, el));
     }
 };
 var PSearchGroup = function (_a) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-form",
   "title": "React Form",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "React Form",
   "type": "module",
   "types": "dist/index.d.ts",