@pdg/react-form 1.0.57 → 1.0.59

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

@@ -1,8 +1,7 @@
 import { NumericFormatProps } from 'react-number-format';
-import { FormNumberProps } from './FormNumber.types';
 import React from 'react';
 interface NumberFormatCustomProps extends Omit<NumericFormatProps, 'onChange'> {
-    onChange: FormNumberProps['onChange'];
+    onChange: (value: any) => void;
 }
 declare const NumberFormatCustom: React.ForwardRefExoticComponent<NumberFormatCustomProps & React.RefAttributes<HTMLInputElement>>;
 export default NumberFormatCustom;

package/dist/FormItemTextFieldBase/FormPassword/FormPassword.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { FormValueItemBaseCommands } from '../../@types';
 import { FormPasswordProps as Props } from './FormPassword.types';
 import './FormPassword.scss';
-declare const FormPassword: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+declare const FormPassword: React.ForwardRefExoticComponent<Props & React.RefAttributes<import("../FormText").FormTextCommands>>;
 export default FormPassword;

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

@@ -1,5 +1,7 @@
-import { FormTextFieldProps } from '../FormTextField';
-export interface FormPasswordProps extends Omit<FormTextFieldProps, 'disableReturnKey' | 'type'> {
+import { FormTextCommands, FormTextProps, FormTextValue } from '../FormText';
+export type FormPasswordValue = FormTextValue;
+export type FormPasswordCommands = FormTextCommands;
+export interface FormPasswordProps extends Omit<FormTextProps, 'disableReturnKey' | 'type'> {
     eye?: boolean;
 }
-export declare const FormPasswordDefaultProps: Pick<FormPasswordProps, 'clear' | 'eye'>;
+export declare const FormPasswordDefaultProps: Pick<FormPasswordProps, 'clear' | 'eye' | 'value'>;

package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.d.ts

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

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

@@ -1,5 +1,7 @@
-import { FormTextProps } from '../FormText';
+import { FormTextProps, FormTextCommands } from '../FormText';
+export type FormPersonalNoValue = string;
+export type FormPersonalNoCommands = FormTextCommands;
 export type FormPersonalNoProps = Omit<FormTextProps, 'type' | 'value' | 'maxLength'> & {
     value?: string;
 };
-export declare const FormPersonalNoDefaultProps: Pick<FormTextProps, 'validPattern'>;
+export declare const FormPersonalNoDefaultProps: Pick<FormPersonalNoProps, 'validPattern'>;

package/dist/FormItemTextFieldBase/FormSearch/FormSearch.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { FormSearchProps as Props } from './FormSearch.types';
-import { FormValueItemBaseCommands } from '../../@types';
 import './FormSearch.scss';
-declare const FormSearch: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+declare const FormSearch: React.ForwardRefExoticComponent<Props & React.RefAttributes<import("../FormText").FormTextCommands>>;
 export default FormSearch;

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

@@ -1,6 +1,8 @@
-import { FormTextProps } from '../FormText';
+import { FormTextProps, FormTextValue, FormTextCommands } from '../FormText';
+export type FormSearchValue = FormTextValue;
+export type FormSearchCommands = FormTextCommands;
 export type FormSearchProps = Omit<FormTextProps, 'type'>;
 export declare const FormSearchDefaultProps: {
-    value?: unknown;
+    value?: string | undefined;
     clear?: boolean | undefined;
 };

package/dist/FormItemTextFieldBase/FormSelect/FormSelect.d.ts

@@ -1,16 +1,9 @@
 import React from 'react';
-import { FormValueItemCommands } from '../../@types';
-import { FormSelectItem, FormSelectValue } from './FormSelect.types';
+import { FormSelectProps, FormSelectCommands } from './FormSelect.types';
 import './FormSelect.scss';
-declare const FormSelect: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type" | "value" | "clear"> & {
-    items?: FormSelectItem[] | undefined;
-    value?: FormSelectValue;
-    multiple?: boolean | undefined;
-    checkbox?: boolean | undefined;
-    formValueSeparator?: string | undefined;
-    formValueSort?: boolean | undefined;
-    minWidth?: string | number | undefined;
-    loading?: boolean | undefined;
-    onLoadItems?: (() => Promise<FormSelectItem[]>) | undefined;
-} & React.RefAttributes<FormValueItemCommands<FormSelectItem, any>>>;
+import { FormValueType } from '../../@types';
+interface WithForwardRefType<T, VT extends FormValueType = 'single', AllowUndefinedValue extends boolean = true> extends React.FC<FormSelectProps<T, VT, AllowUndefinedValue>> {
+    <T, VT extends FormValueType = 'single', AllowUndefinedValue extends boolean = true>(props: FormSelectProps<T, VT, AllowUndefinedValue> & React.RefAttributes<FormSelectCommands<T, VT, AllowUndefinedValue>>): ReturnType<React.FC<FormSelectProps<T, VT, AllowUndefinedValue>>>;
+}
+declare const FormSelect: WithForwardRefType<any, 'any'>;
 export default FormSelect;

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

@@ -1,26 +1,25 @@
-import { FormTextProps } from '../FormText';
 import { ReactNode } from 'react';
-import { FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormMultipleValueItemCommands } from '../../@types';
-export type FormSelectItemValue = string | number;
-export interface FormSelectItem {
+import { FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormMultipleValueItemCommands, FormValueType } from '../../@types';
+import { FormTextFieldProps } from '../FormTextField';
+export type FormSelectValue<T, VT extends FormValueType = 'single', AllowUndefinedValue extends boolean = true, V = VT extends 'single' ? T : VT extends 'multiple' ? T[] : T | T[]> = V | (AllowUndefinedValue extends true ? undefined : never);
+export interface FormSelectExtraCommands<T> extends FormArrayValueItemCommands, FormItemsValueItemCommands<FormSelectItem<T>>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
+}
+export interface FormSelectCommands<T, VT extends FormValueType = 'single', AllowUndefinedValue extends boolean = true> extends FormValueItemBaseCommands<FormSelectValue<T, VT, AllowUndefinedValue>, AllowUndefinedValue>, FormSelectExtraCommands<T> {
+}
+export interface FormSelectItem<T> {
     label: ReactNode;
-    value: FormSelectItemValue;
+    value: T;
     disabled?: boolean;
 }
-export type FormSelectValue = FormSelectItemValue | FormSelectItemValue[] | undefined;
-export type FormSelectProps = Omit<FormTextProps, 'type' | 'value' | 'clear'> & {
-    items?: FormSelectItem[];
-    value?: FormSelectValue;
+export type FormSelectItems<T> = FormSelectItem<T>[];
+export type FormSelectProps<T, VT extends FormValueType = 'single', AllowUndefinedValue extends boolean = true> = Omit<FormTextFieldProps<FormSelectValue<T, VT, AllowUndefinedValue>, AllowUndefinedValue>, 'type' | 'clear'> & {
+    items?: FormSelectItems<T>;
     multiple?: boolean;
     checkbox?: boolean;
     formValueSeparator?: string;
     formValueSort?: boolean;
     minWidth?: string | number;
     loading?: boolean;
-    onLoadItems?: () => Promise<FormSelectItem[]>;
+    onLoadItems?: () => Promise<FormSelectItem<T>[]>;
 };
-export declare const FormSelectDefaultProps: Pick<FormSelectProps, 'formValueSeparator' | 'minWidth'>;
-export interface FormSelectExtraCommands extends FormArrayValueItemCommands, FormItemsValueItemCommands<FormSelectItem>, FormMultipleValueItemCommands, FormLoadingValueItemCommands {
-}
-export interface FormSelectCommands extends FormValueItemBaseCommands, FormSelectExtraCommands {
-}
+export declare const FormSelectDefaultProps: Pick<FormSelectProps<any>, 'formValueSeparator' | 'minWidth'>;

package/dist/FormItemTextFieldBase/FormTag/FormTag.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { FormTagCommands } from './FormTag.types';
+import { FormTagCommands, FormTagValue } from './FormTag.types';
 import './FormTag.scss';
-declare const FormTag: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type" | "value"> & {
-    value?: string[] | undefined;
+declare const FormTag: React.ForwardRefExoticComponent<Omit<import("..").FormTextFieldProps<FormTagValue, false, FormTagValue>, "type"> & {
     formValueSeparator?: string | undefined;
     formValueSort?: boolean | undefined;
 } & React.RefAttributes<FormTagCommands>>;

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

@@ -1,12 +1,10 @@
-import { FormTextProps } from '../FormText';
-import { FormArrayValueItemCommands, FormValueItemBaseCommands } from '../../@types';
-export type FormTagProps = Omit<FormTextProps, 'type' | 'value'> & {
-    value?: string[];
+import { FormArrayValueItemCommands } from '../../@types';
+import { FormTextFieldCommands, FormTextFieldProps } from '../FormTextField';
+export type FormTagValue = string[];
+export type FormTagExtraCommands = FormArrayValueItemCommands;
+export type FormTagCommands = FormTextFieldCommands<FormTagValue, false> & FormTagExtraCommands;
+export type FormTagProps = Omit<FormTextFieldProps<FormTagValue, false>, 'type'> & {
     formValueSeparator?: string;
     formValueSort?: boolean;
 };
 export declare const FormTagDefaultProps: Pick<FormTagProps, 'value' | 'clear' | 'formValueSeparator'>;
-export interface FormTagExtraCommands extends FormArrayValueItemCommands {
-}
-export interface FormTagCommands extends FormValueItemBaseCommands, FormTagExtraCommands {
-}

package/dist/FormItemTextFieldBase/FormTel/FormTel.d.ts

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

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

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

package/dist/FormItemTextFieldBase/FormText/FormText.d.ts

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

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

@@ -1,3 +1,5 @@
-import { FormTextFieldProps } from '../FormTextField';
-export type FormTextProps = Omit<FormTextFieldProps, 'disableReturnKey' | 'minRows' | 'maxRows'>;
+import { FormTextFieldProps, FormTextFieldCommands } from '../FormTextField';
+export type FormTextValue = string;
+export type FormTextCommands = FormTextFieldCommands<FormTextValue, false>;
+export type FormTextProps = Omit<FormTextFieldProps<FormTextValue, false>, 'disableReturnKey' | 'minRows' | 'maxRows'>;
 export declare const FormTextDefaultProps: Pick<FormTextProps, 'clear' | 'value'>;

package/dist/FormItemTextFieldBase/FormTextField/FormTextField.d.ts

@@ -1,18 +1,8 @@
 import React from 'react';
-import { FormTextFieldCommands } from './FormTextField.types';
+import { FormTextFieldProps, FormTextFieldCommands, FormTextFieldValue } from './FormTextField.types';
 import './FormTextField.scss';
-declare const FormTextField: React.ForwardRefExoticComponent<Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "ref" | "name" | "onChange"> & Omit<import("../../@types").FormValueItemProps, "disabled" | "error" | "fullWidth" | "label" | "value"> & {
-    icon?: string | undefined;
-    clear?: boolean | undefined;
-    maxLength?: number | undefined;
-    labelShrink?: boolean | undefined;
-    validPattern?: RegExp | undefined;
-    invalidPattern?: RegExp | undefined;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    noFormValueItem?: boolean | undefined;
-    hidden?: boolean | undefined;
-    disableReturnKey?: boolean | undefined;
-    onValue?(value: any): any;
-} & React.RefAttributes<FormTextFieldCommands>>;
+interface WithForwardRefType<T = FormTextFieldValue, AllowUndefinedValue extends boolean = true> extends React.FC<FormTextFieldProps<T, AllowUndefinedValue>> {
+    <T = FormTextFieldValue, AllowUndefinedValue extends boolean = true>(props: FormTextFieldProps<T, AllowUndefinedValue> & React.RefAttributes<FormTextFieldCommands<T, AllowUndefinedValue>>): ReturnType<React.FC<FormTextFieldProps<T, AllowUndefinedValue>>>;
+}
+declare const FormTextField: WithForwardRefType;
 export default FormTextField;

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

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material';
-import { FormItemValue, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
-export interface FormTextFieldCommands extends FormValueItemBaseCommands {
+import { FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
+export type FormTextFieldValue = any;
+export interface FormTextFieldCommands<T = FormTextFieldValue, AllowUndefinedValue extends boolean = true> extends FormValueItemBaseCommands<T, AllowUndefinedValue> {
 }
-export type FormTextFieldProps = Omit<TextFieldProps, 'ref' | 'name' | 'onChange'> & Omit<FormValueItemProps, 'value' | 'label' | 'fullWidth' | 'disabled' | 'error'> & {
+export type FormTextFieldProps<T = FormTextFieldValue, AllowUndefinedValue extends boolean = true, V = AllowUndefinedValue extends true ? T | undefined : T> = Omit<TextFieldProps, 'ref' | 'name' | 'value' | 'onChange'> & Omit<FormValueItemProps<T, AllowUndefinedValue>, 'label' | 'fullWidth' | 'disabled' | 'error'> & {
     icon?: string;
     clear?: boolean;
     maxLength?: number;
@@ -15,6 +16,6 @@ export type FormTextFieldProps = Omit<TextFieldProps, 'ref' | 'name' | 'onChange
     noFormValueItem?: boolean;
     hidden?: boolean;
     disableReturnKey?: boolean;
-    onValue?(value: FormItemValue): FormItemValue;
+    onValue?(value: V): V;
 };
 export declare const FormTextFieldDefaultProps: {};

package/dist/FormItemTextFieldBase/FormTextarea/FormTextarea.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { FormTextareaProps as Props } from './FormTextarea.types';
-import { FormValueItemBaseCommands } from '../../@types';
+import { FormTextareaProps as Props, FormTextareaCommands } from './FormTextarea.types';
 import './FormTextarea.scss';
-declare const FormTextarea: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormValueItemBaseCommands<any>>>;
+declare const FormTextarea: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormTextareaCommands>>;
 export default FormTextarea;

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

@@ -1,3 +1,5 @@
-import { FormTextFieldProps } from '../FormTextField';
-export type FormTextareaProps = Omit<FormTextFieldProps, 'disableReturnKey' | 'type' | 'multiline' | 'minRows' | 'maxRows'>;
+import { FormTextFieldProps, FormTextFieldCommands } from '../FormTextField';
+export type FormTextareaValue = string;
+export type FormTextareaCommands = FormTextFieldCommands<FormTextareaValue, false>;
+export type FormTextareaProps = Omit<FormTextFieldProps<FormTextareaValue, false>, 'disableReturnKey' | 'type' | 'multiline' | 'minRows' | 'maxRows'>;
 export declare const FormTextareaDefaultProps: Pick<FormTextareaProps, 'clear' | 'rows' | 'value'>;

package/dist/FormItemTextFieldBase/FormUrl/FormUrl.d.ts

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

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

@@ -1,3 +1,5 @@
-import { FormTextProps } from '../FormText';
+import { FormTextProps, FormTextValue, FormTextCommands } from '../FormText';
+export type FormUrlValue = FormTextValue;
+export type FormUrlCommands = FormTextCommands;
 export type FormUrlProps = Omit<FormTextProps, 'type'>;
 export declare const FormUrlDefaultProps: Pick<FormUrlProps, 'validPattern'>;