@itcase/forms-web 0.0.0-stage → 1.1.117

package/dist/types/form/Field/Password/FormFieldPassword.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldPasswordProps } from './FormFieldPassword.interface';
+declare const FormFieldPassword: React.MemoExoticComponent<(props: FormFieldPasswordProps) => React.JSX.Element>;
+export { FormFieldPassword };

package/dist/types/form/Field/Password/FormFieldPassword.interface.d.ts

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import type { InputPasswordProps } from '@itcase/ui-web/components/InputPassword';
+import type { BaseField, FormTypes } from 'src/form';
+type PasswordInputProps = Partial<DefaultPasswordProps & InputPasswordProps>;
+type PasswordField = Omit<BaseField, 'inputProps'> & {
+    inputProps: PasswordInputProps;
+    type: Extract<FormTypes, 'password'>;
+};
+type FormFieldPasswordProps = PasswordField & {
+    initialValue?: string;
+    onChange?: (value: string, name: string) => void;
+    parse?: (value: string, name: string) => string;
+};
+type DefaultPasswordProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultPasswordProps, FormFieldPasswordProps, PasswordField, PasswordInputProps, };

package/dist/types/form/Field/Password/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultPasswordProps } from '../FormFieldPassword.interface';
+declare const defaultPasswordProps: DefaultPasswordProps;
+declare const defaultPasswordPropsSizeXL: DefaultPasswordProps;
+export { defaultPasswordProps, defaultPasswordPropsSizeXL };

package/dist/types/form/Field/Password/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultPasswordProps, defaultPasswordPropsSizeXL } from './appearance/default';
+import { FormFieldPassword } from './FormFieldPassword';
+export { defaultPasswordProps, defaultPasswordPropsSizeXL, FormFieldPassword };
+export type { DefaultPasswordProps, FormFieldPasswordProps, PasswordField, PasswordInputProps, } from './FormFieldPassword.interface';

package/dist/types/form/Field/RadioGroup/FormFieldRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldRadioGroupProps } from './FormFieldRadioGroup.interface';
+declare const FormFieldRadioGroup: React.MemoExoticComponent<(props: FormFieldRadioGroupProps) => React.JSX.Element>;
+export { FormFieldRadioGroup };

package/dist/types/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts

@@ -0,0 +1,31 @@
+import { FieldInputProps } from 'react-final-form';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import type { RadioProps } from '@itcase/ui-web/components/Radio';
+import type { BaseField, FormTypes } from 'src/form';
+type RadioGroupInputProps = Partial<DefaultRadioProps & RadioProps>;
+type RadioGroupField = Omit<BaseField, 'inputProps'> & {
+    inputProps: RadioGroupInputProps;
+    onChange: (value: string, name: string) => void;
+    options: (Option & {
+        desc?: string;
+    })[];
+    type: Extract<FormTypes, 'radioGroup'>;
+};
+type FormFieldRadioGroupProps = RadioGroupField & {
+    initialValue?: string;
+};
+type FormFieldRadioGroupListProps = {
+    input: FieldInputProps<unknown>;
+    inputProps: FormFieldRadioGroupProps['inputProps'];
+    isDisabled?: boolean;
+    onChange?: FormFieldRadioGroupProps['onChange'];
+    options?: FormFieldRadioGroupProps['options'];
+};
+type DefaultRadioProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultRadioProps, FormFieldRadioGroupListProps, FormFieldRadioGroupProps, RadioGroupField, RadioGroupInputProps, };

package/dist/types/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldRadioGroupListProps } from './FormFieldRadioGroup.interface';
+declare function FormFieldRadioGroupList(props: FormFieldRadioGroupListProps): React.JSX.Element;
+export { FormFieldRadioGroupList };

package/dist/types/form/Field/RadioGroup/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultRadioProps } from '../FormFieldRadioGroup.interface';
+declare const defaultRadioProps: DefaultRadioProps;
+export { defaultRadioProps };

package/dist/types/form/Field/RadioGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultRadioProps } from './appearance/default';
+import { FormFieldRadioGroup } from './FormFieldRadioGroup';
+export { defaultRadioProps, FormFieldRadioGroup };
+export type { DefaultRadioProps, FormFieldRadioGroupListProps, FormFieldRadioGroupProps, RadioGroupField, RadioGroupInputProps, } from './FormFieldRadioGroup.interface';

package/dist/types/form/Field/Segmented/FormFieldSegmented.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldSegmentedProps } from './FormFieldSegmented.interface';
+declare function FormFieldSegmented(props: FormFieldSegmentedProps): import("react").JSX.Element;
+export { FormFieldSegmented };

package/dist/types/form/Field/Segmented/FormFieldSegmented.interface.d.ts

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { Segment, SegmentedProps } from '@itcase/ui-web/components/Segmented';
+import type { BaseField, FormTypes } from 'src/form';
+type SegmentedInputProps = Partial<DefaultSegmentedProps & SegmentedProps>;
+type SegmentedField = Omit<BaseField, 'inputProps'> & {
+    inputProps: SegmentedInputProps;
+    options: Segment[];
+    type: Extract<FormTypes, 'segmented'>;
+};
+type FormFieldSegmentedProps = SegmentedField & {
+    initialValue?: string;
+};
+type DefaultSegmentedProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField, SegmentedInputProps, };

package/dist/types/form/Field/Segmented/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultSegmentedProps } from '../FormFieldSegmented.interface';
+declare const defaultSegmentedProps: DefaultSegmentedProps;
+declare const defaultSegmentedPropsSizeL: DefaultSegmentedProps;
+export { defaultSegmentedProps, defaultSegmentedPropsSizeL };

package/dist/types/form/Field/Segmented/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultSegmentedProps, defaultSegmentedPropsSizeL } from './appearance/default';
+import { FormFieldSegmented } from './FormFieldSegmented';
+export { defaultSegmentedProps, defaultSegmentedPropsSizeL, FormFieldSegmented };
+export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField, SegmentedInputProps, } from './FormFieldSegmented.interface';

package/dist/types/form/Field/Select/FormFieldSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldSelectProps } from './FormFieldSelect.interface';
+declare const FormFieldSelect: React.MemoExoticComponent<(props: FormFieldSelectProps) => React.JSX.Element>;
+export { FormFieldSelect };

package/dist/types/form/Field/Select/FormFieldSelect.interface.d.ts

@@ -0,0 +1,38 @@
+import { FieldRenderProps } from 'react-final-form';
+import { SelectInstance } from 'react-select';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { SelectProps } from '@itcase/ui-web/components/Select';
+import type { BaseField, FormTypes } from 'src/form';
+type SelectChangeValue = Array<Option['value']> | Option['value'] | null;
+interface SelectChangeMeta {
+    name: string;
+}
+type SelectFieldOnChange = (value: SelectChangeValue, meta: SelectChangeMeta) => void;
+type SelectInputProps = Partial<DefaultSelectProps> & Partial<SelectProps<Option>>;
+type SelectField = Omit<BaseField, 'inputProps'> & {
+    onChange: SelectFieldOnChange;
+    options: Option[];
+    selectProps: SelectInputProps;
+    type: Extract<FormTypes, 'select'>;
+};
+type FormFieldSelectProps = SelectField & {
+    initialValue?: object;
+    onInputChange?: SelectProps<Option>['onInputChange'];
+    selectRef?: React.ForwardedRef<SelectInstance<Option>>;
+};
+type OptionValue = number | string;
+type GetDefaultValueParams = {
+    options: Array<Option & {
+        options?: Option[];
+    }>;
+    selectValue: OptionValue | OptionValue[];
+};
+type SelectFieldRenderProps = FieldRenderProps<string | string[]>;
+type DefaultSelectProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectChangeValue, SelectField, SelectFieldOnChange, SelectFieldRenderProps, SelectInputProps, };

package/dist/types/form/Field/Select/appearance/default.d.ts

@@ -0,0 +1,4 @@
+import { DefaultSelectProps } from '../FormFieldSelect.interface';
+declare const defaultSelectProps: DefaultSelectProps;
+declare const defaultSelectPropsSizeXL: DefaultSelectProps;
+export { defaultSelectProps, defaultSelectPropsSizeXL };

package/dist/types/form/Field/Select/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultSelectProps, defaultSelectPropsSizeXL } from './appearance/default';
+import { FormFieldSelect } from './FormFieldSelect';
+export { defaultSelectProps, defaultSelectPropsSizeXL, FormFieldSelect };
+export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectField, SelectFieldRenderProps, SelectInputProps, } from './FormFieldSelect.interface';

package/dist/types/form/Field/Switch/FormFieldSwitch.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitchProps } from './FormFieldSwitch.interface';
+declare const FormFieldSwitch: React.MemoExoticComponent<(props: FormFieldSwitchProps) => React.JSX.Element>;
+export { defaultSwitchProps, FormFieldSwitch };

package/dist/types/form/Field/Switch/FormFieldSwitch.interface.d.ts

@@ -0,0 +1,20 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import type { SwitchProps } from '@itcase/ui-web/components/Switch';
+import type { BaseField, FormTypes } from 'src/form';
+type SwitchInputProps = Partial<DefaultSwitchProps & SwitchProps>;
+type SwitchField = Omit<BaseField, 'inputProps'> & {
+    inputProps: SwitchInputProps;
+    type: Extract<FormTypes, 'switch'>;
+};
+type FormFieldSwitchProps = SwitchField & {
+    initialValue?: boolean;
+    name: string;
+    onChange?: (isChecked: boolean, name: string) => void;
+};
+type DefaultSwitchProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField, SwitchInputProps, };

package/dist/types/form/Field/Switch/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSwitchProps } from '../FormFieldSwitch.interface';
+declare const defaultSwitchProps: DefaultSwitchProps;
+export { defaultSwitchProps };

package/dist/types/form/Field/Switch/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitch } from './FormFieldSwitch';
+export { defaultSwitchProps, FormFieldSwitch };
+export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField, SwitchInputProps, } from './FormFieldSwitch.interface';

package/dist/types/form/Field/Textarea/FormFieldTextarea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldTextareaProps } from './FormFieldTextarea.interface';
+declare const FormFieldTextarea: React.MemoExoticComponent<(props: FormFieldTextareaProps) => React.JSX.Element>;
+export { FormFieldTextarea };

package/dist/types/form/Field/Textarea/FormFieldTextarea.interface.d.ts

@@ -0,0 +1,18 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import type { TextareaProps } from '@itcase/ui-web/components/Textarea';
+import type { BaseField, FormTypes } from 'src/form';
+type TextareaInputProps = Partial<DefaultTextareaProps> & Partial<TextareaProps>;
+type TextareaField = Omit<BaseField, 'inputProps'> & {
+    inputProps: TextareaInputProps;
+    type: Extract<FormTypes, 'textarea'>;
+};
+type FormFieldTextareaProps = TextareaField & {
+    initialValue?: string;
+};
+type DefaultTextareaProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField, TextareaInputProps, };

package/dist/types/form/Field/Textarea/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTextareaProps } from '../FormFieldTextarea.interface';
+declare const defaultTextareaProps: DefaultTextareaProps;
+export { defaultTextareaProps };

package/dist/types/form/Field/Textarea/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultTextareaProps } from './appearance/default';
+import { FormFieldTextarea } from './FormFieldTextarea';
+export { defaultTextareaProps, FormFieldTextarea };
+export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField, TextareaInputProps, } from './FormFieldTextarea.interface';

package/dist/types/form/Field/index.d.ts

@@ -0,0 +1,42 @@
+import { Field } from 'react-final-form';
+export { Field };
+export { FormFieldBefore } from './Before';
+export type { FormFieldBeforeProps, FormFieldBeforeType } from './Before';
+export { defaultCheckboxProps, FormFieldCheckbox } from './Checkbox';
+export type { CheckboxField, CheckboxInputProps, DefaultCheckboxProps, FormFieldCheckboxProps, } from './Checkbox';
+export { defaultChipsProps, defaultChipsPropsSizeXL, FormFieldChips, } from './Chips';
+export type { ChipsField, ChipsInputProps, DefaultChipsProps, FormFieldChipsProps, } from './Chips';
+export { defaultChoiceProps, defaultChoicePropsSizeL, FormFieldChoice, } from './Choice';
+export type { ChoiceField, ChoiceInputProps, DefaultChoiceProps, FormFieldChoiceProps, } from './Choice';
+export { defaultCodeProps, defaultCodePropsSizeL, FormFieldCode } from './Code';
+export type { CodeField, CodeInputProps, DefaultCodeProps, FormFieldCodeProps, } from './Code';
+export { defaultColorInputProps, defaultColorInputPropsSizeXL, FormFieldColorInput, } from './ColorInput';
+export type { ColorInputColorInputProps, ColorInputField, DefaultColorInputProps, FormFieldColorInputProps, } from './ColorInput';
+export { FormFieldCustom } from './Custom';
+export type { CustomField, FormFieldCustomProps } from './Custom';
+export { defaultDadataInputProps, FormFieldDadataInput } from './Dadata';
+export type { DadataField, DadataInputProps, DefaultDadataProps, FormFieldDadataInputProps, } from './Dadata';
+export { defaultDatepickerInputProps, defaultDatepickerProps, FormFieldDatePicker, } from './DatePicker';
+export type { DatePickerField, DatePickerFieldInputProps, DefaultDatepickerInputProps, FormFieldDatePickerProps, } from './DatePicker';
+export { defaultDropzoneProps, FormFieldFileInput } from './FileInput';
+export type { FileInputField, FormFieldFileInputProps } from './FileInput';
+export { defaultGroupProps, FormGroup } from './Group';
+export type { DefaultAppearanceProps, FormGroupProps, GroupField, } from './Group';
+export { defaultInputProps, defaultInputPropsSizeXL, FormFieldInput, } from './Input';
+export type { DefaultInputProps, FormFieldInputProps, InputField, InputInputProps, } from './Input';
+export { defaultInputNumberProps, defaultInputNumberPropsSizeXL, FormFieldInputNumber, } from './InputNumber';
+export type { DefaultInputNumberProps, FormFieldInputNumberProps, InputNumberField, InputNumberInputProps, } from './InputNumber';
+export { defaultMaskedInputProps, defaultMaskedInputPropsSizeXL, FormFieldMaskedInput, } from './MaskedInput';
+export type { DefaultMaskedInputProps, FormFieldMaskedInputProps, MaskedInputField, MaskedInputInputProps, } from './MaskedInput';
+export { defaultPasswordProps, defaultPasswordPropsSizeXL, FormFieldPassword, } from './Password';
+export type { DefaultPasswordProps, FormFieldPasswordProps, PasswordField, PasswordInputProps, } from './Password';
+export { defaultRadioProps, FormFieldRadioGroup } from './RadioGroup';
+export type { DefaultRadioProps, FormFieldRadioGroupListProps, FormFieldRadioGroupProps, RadioGroupField, RadioGroupInputProps, } from './RadioGroup';
+export { defaultSegmentedProps, defaultSegmentedPropsSizeL, FormFieldSegmented, } from './Segmented';
+export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField, SegmentedInputProps, } from './Segmented';
+export { defaultSelectProps, defaultSelectPropsSizeXL, FormFieldSelect, } from './Select';
+export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectField, SelectFieldRenderProps, SelectInputProps, } from './Select';
+export { defaultSwitchProps, FormFieldSwitch } from './Switch';
+export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField, SwitchInputProps, } from './Switch';
+export { defaultTextareaProps, FormFieldTextarea } from './Textarea';
+export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField, TextareaInputProps, } from './Textarea';

package/dist/types/form/FieldWrapper/FieldWrapper.d.ts

@@ -0,0 +1,4 @@
+import type { FieldWrapperBaseProps, FieldWrapperProps } from './FieldWrapper.interface';
+declare function FieldWrapperBase(props: FieldWrapperBaseProps): import("react").JSX.Element;
+declare function FieldWrapper(props: FieldWrapperProps): import("react").JSX.Element;
+export { FieldWrapper, FieldWrapperBase };

package/dist/types/form/FieldWrapper/FieldWrapper.interface.d.ts

@@ -0,0 +1,90 @@
+import type { ReactNode } from 'react';
+import type { DirectionProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import type { DividerProps } from '@itcase/ui-web/components/Divider';
+import type { TextProps } from '@itcase/ui-web/components/Text';
+import type { FormTypes } from 'src/form';
+type FieldWrapperProps = FieldWrapperBaseProps & {
+    inputName: string;
+};
+interface FieldWrapperBaseProps {
+    id?: string;
+    isDisabled?: boolean;
+    isErrorState?: boolean;
+    isHidden?: boolean;
+    isRequired?: boolean;
+    isValidState?: boolean;
+    after?: ReactNode;
+    afterItem?: ReactNode;
+    before?: ReactNode;
+    beforeItem?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    desc?: string;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    direction?: DirectionProps;
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerSize?: DividerProps['size'];
+    dividerWidth?: DividerProps['width'];
+    errorKey?: 'error' | 'required';
+    errorMessage?: string;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    errorMessageTextWeight?: TextProps['textWeight'];
+    fieldClassName?: string;
+    fill?: FillProps;
+    helpText?: string;
+    helpTextColor?: TextProps['textColor'];
+    helpTextColorSuccess?: TextProps['textColor'];
+    helpTextSize?: TextProps['size'];
+    helpTextSizeMobile?: TextProps['size'];
+    helpTextWeight?: TextProps['textWeight'];
+    inputFill?: FillProps;
+    inputName?: string;
+    inputShape?: ShapeProps;
+    inputValue?: boolean | object | string;
+    label?: string;
+    labelHidden?: string;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    messageTextSize?: TextProps['size'];
+    metaActive?: boolean;
+    metaError?: boolean;
+    requiredMessageTextColor?: TextProps['textColor'];
+    requiredMessageTextSize?: TextProps['size'];
+    requiredMessageTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    showDivider?: boolean;
+    showMessage?: boolean;
+    size?: TextProps['size'];
+    tag?: 'div' | 'label';
+    type?: FormTypes;
+    width?: WidthProps;
+}
+interface FieldBaseProps {
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    direction?: DirectionProps;
+    dividerFill?: DividerProps['fill'];
+    errorMessageTextColor?: TextProps['textColor'];
+    helpTextColor?: TextProps['textColor'];
+    labelTextColor?: TextProps['textColor'];
+    messageTextColor?: TextProps['textColor'];
+    requiredMessageTextColor?: TextProps['textColor'];
+    showMessage?: boolean;
+    width?: WidthProps;
+}
+type FieldProps = FieldBaseProps & FieldWrapperBaseProps & {
+    errorMessageTextSize?: TextProps['size'];
+    requiredMessageTextSize?: TextProps['size'];
+};
+type FieldWrapperUnmountFormState = {
+    lastSubmittedValues?: object;
+    submitError?: string;
+    submitting: boolean;
+};
+export type { FieldBaseProps, FieldProps, FieldWrapperBaseProps, FieldWrapperProps, FieldWrapperUnmountFormState, };

package/dist/types/form/FieldWrapper/appearance/default.d.ts

@@ -0,0 +1,7 @@
+import type { FieldBaseProps, FieldProps } from '../FieldWrapper.interface';
+declare const defaultFieldProps: FieldBaseProps;
+declare const defaultFieldSizeS: FieldProps;
+declare const defaultFieldSizeM: FieldProps;
+declare const defaultFieldSizeL: FieldProps;
+declare const defaultFieldSizeXL: FieldProps;
+export { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, };

package/dist/types/form/FieldWrapper/index.d.ts

@@ -0,0 +1,5 @@
+import { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL } from './appearance/default';
+import { FieldWrapper, FieldWrapperBase } from './FieldWrapper';
+import type { FieldProps, FieldWrapperProps } from './FieldWrapper.interface';
+export { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, FieldWrapper, FieldWrapperBase, };
+export type { FieldProps, FieldWrapperProps };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FinalFormProps } from './FinalForm.interface';
+declare const FinalForm: React.ForwardRefExoticComponent<FinalFormProps & React.RefAttributes<unknown>>;
+export default FinalForm;
+export type { FinalFormProps };

package/dist/types/form/Form/FinalForm.interface.d.ts

@@ -0,0 +1,112 @@
+import type { Config } from 'final-form';
+import type { FormProps, UseFormStateParams } from 'react-final-form';
+import type { ObjectSchema } from 'yup';
+import type { FormConfig } from '@itcase/forms-core';
+import { DirectionProps, ElevationProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { ButtonProps } from '@itcase/ui-web/components/Button';
+import { GroupProps } from '@itcase/ui-web/components/Group';
+import { LoaderProps } from '@itcase/ui-web/components/Loader';
+import { NotificationProps } from '@itcase/ui-web/components/Notification';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { TitleProps } from '@itcase/ui-web/components/Title';
+import type { ButtonFields, GeneratorField } from 'src/form';
+interface FinalFormAppearanceProps {
+    buttonDirection?: DirectionProps;
+    buttonFill?: FillProps;
+    buttonGap?: string;
+    buttonJustifyContent?: JustifyContentProps;
+    buttonPadding?: string;
+    buttonPosition?: 'bottom' | 'sticky';
+    descSize?: TextProps['size'];
+    descTextColor?: TextProps['textColor'];
+    descTextWeight?: TextProps['textWeight'];
+    direction?: DirectionProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    height?: HeightProps;
+    loader?: React.ReactNode;
+    maxWidth?: WidthProps;
+    primaryButtonAppearance?: ButtonProps['appearance'];
+    primaryButtonFill?: ButtonProps['fill'];
+    primaryButtonFillHover?: ButtonProps['fillHover'];
+    primaryButtonHtmlType?: ButtonProps['htmlType'];
+    primaryButtonIsDisabled?: ButtonProps['isDisabled'];
+    primaryButtonIsLoading?: ButtonProps['isLoading'];
+    primaryButtonLabel?: ButtonProps['label'];
+    primaryButtonLabelSize?: ButtonProps['labelTextSize'];
+    primaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
+    primaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
+    primaryButtonSize?: ButtonProps['size'];
+    primarySecondaryHtmlType?: ButtonProps['htmlType'];
+    secondaryButtonAppearance?: ButtonProps['appearance'];
+    secondaryButtonFill?: ButtonProps['fill'];
+    secondaryButtonFillHover?: ButtonProps['fillHover'];
+    secondaryButtonIsDisabled?: ButtonProps['isDisabled'];
+    secondaryButtonIsLoading?: ButtonProps['isLoading'];
+    secondaryButtonLabel?: ButtonProps['label'];
+    secondaryButtonLabelSize?: ButtonProps['labelTextSize'];
+    secondaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
+    secondaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
+    secondaryButtonSize?: ButtonProps['size'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeProps;
+    titleFill?: TitleProps['fill'];
+    titlePosition?: TitleProps['position'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+    titleTextWeight?: TitleProps['textWeight'];
+    width?: WidthProps;
+}
+interface FinalFormProps extends FinalFormAppearanceProps {
+    isLoading?: boolean;
+    onChangeFormValues?: UseFormStateParams['onChange'];
+    onClickSecondaryButton?: ButtonProps['onClick'];
+    onClickTertiaryButton?: ButtonProps['onClick'];
+    onSubmit: Config['onSubmit'];
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    className?: string;
+    config: FormConfig<ButtonFields, GeneratorField>;
+    dataTestId?: string;
+    dataTestIdButtons?: string;
+    dataTestIdPrimaryButton?: string;
+    dataTestIdSecondaryButton?: string;
+    dataTestIdTertiaryButton?: string;
+    desc?: string;
+    disableFieldsAutoComplete?: boolean;
+    groupGap?: GroupProps['gap'];
+    initialValues: FormProps['initialValues'];
+    initialValuesEqual?: FormProps['initialValuesEqual'];
+    language?: string;
+    loaderAppearance?: LoaderProps['appearance'];
+    loaderFill?: LoaderProps['fill'];
+    loaderItemFill?: LoaderProps['itemFill'];
+    loaderShape?: LoaderProps['shape'];
+    loaderSize?: LoaderProps['size'];
+    loaderText?: LoaderProps['text'];
+    loaderType?: LoaderProps['type'];
+    mutators?: Config['mutators'];
+    notificationCloseButton?: NotificationProps['closeIcon'];
+    notificationTestAlign?: NotificationProps['textAlign'];
+    notificationType?: NotificationProps['type'];
+    primaryButton?: ButtonProps['children'];
+    renderFieldsWrapper?: (children: React.ReactNode) => React.ReactNode;
+    secondaryButton?: ButtonProps['children'];
+    secondaryButtonHtmlType?: ButtonProps['htmlType'];
+    tertiaryButton?: ButtonProps['children'];
+    tertiaryButtonAppearance?: ButtonProps['appearance'];
+    tertiaryButtonFill?: ButtonProps['fill'];
+    tertiaryButtonFillHover?: ButtonProps['fillHover'];
+    tertiaryButtonHtmlType?: ButtonProps['htmlType'];
+    tertiaryButtonIsDisabled?: ButtonProps['isDisabled'];
+    tertiaryButtonIsLoading?: ButtonProps['isLoading'];
+    tertiaryButtonLabel?: ButtonProps['label'];
+    tertiaryButtonLabelSize?: ButtonProps['labelTextSize'];
+    tertiaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
+    tertiaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
+    tertiaryButtonSize?: ButtonProps['size'];
+    title?: string;
+    type?: 'bottom-button' | 'sticky-button';
+    validationSchema: ObjectSchema<object>;
+}
+export type { FinalFormProps };

package/dist/types/form/generator/generateField.constants.d.ts

@@ -0,0 +1,23 @@
+import { FormFieldChips, FormFieldDatePicker, FormFieldSegmented } from 'src/form';
+declare const FORM_FIELDS: {
+    checkbox: import("react").MemoExoticComponent<(props: import("src/form").FormFieldCheckboxProps) => import("react").JSX.Element>;
+    chips: typeof FormFieldChips;
+    choice: import("react").MemoExoticComponent<(props: import("src/form").FormFieldChoiceProps) => import("react").JSX.Element>;
+    code: import("react").MemoExoticComponent<(props: import("src/form").FormFieldCodeProps) => import("react").JSX.Element>;
+    color: import("react").MemoExoticComponent<(props: import("src/form").FormFieldColorInputProps) => import("react").JSX.Element>;
+    custom: import("react").MemoExoticComponent<(props: import("src/form").FormFieldCustomProps) => import("react").JSX.Element>;
+    dadataInput: import("react").MemoExoticComponent<(props: import("src/form").FormFieldDadataInputProps) => import("react").JSX.Element>;
+    datePicker: typeof FormFieldDatePicker;
+    fileInput: import("react").MemoExoticComponent<(props: import("src/form").FormFieldFileInputProps) => import("react").JSX.Element>;
+    group: import("react").MemoExoticComponent<(props: import("src/form").FormGroupProps) => import("react").JSX.Element>;
+    inputNumber: import("react").MemoExoticComponent<(props: import("src/form").FormFieldInputNumberProps) => import("react").JSX.Element>;
+    maskedInput: import("react").MemoExoticComponent<(props: import("src/form").FormFieldMaskedInputProps) => import("react").JSX.Element>;
+    password: import("react").MemoExoticComponent<(props: import("src/form").FormFieldPasswordProps) => import("react").JSX.Element>;
+    radioGroup: import("react").MemoExoticComponent<(props: import("src/form").FormFieldRadioGroupProps) => import("react").JSX.Element>;
+    segmented: typeof FormFieldSegmented;
+    select: import("react").MemoExoticComponent<(props: import("src/form").FormFieldSelectProps) => import("react").JSX.Element>;
+    switch: import("react").MemoExoticComponent<(props: import("src/form").FormFieldSwitchProps) => import("react").JSX.Element>;
+    text: import("react").MemoExoticComponent<(props: import("src/form").FormFieldInputProps) => import("react").JSX.Element>;
+    textarea: import("react").MemoExoticComponent<(props: import("src/form").FormFieldTextareaProps) => import("react").JSX.Element>;
+};
+export { FORM_FIELDS };

package/dist/types/form/generator/generateField.d.ts

@@ -0,0 +1,3 @@
+import type { GeneratorConfig, GeneratorField } from './generateField.interface';
+declare const generateField: (field: GeneratorField, props: GeneratorConfig) => import("react").JSX.Element;
+export { generateField };

package/dist/types/form/generator/generateField.interface.d.ts

@@ -0,0 +1,45 @@
+import { formTypes } from '@itcase/forms-core';
+import type { ButtonProps } from '@itcase/ui-web/components/Button';
+import type { CheckboxField, ChipsField, ChoiceField, CodeField, ColorInputField, CustomField, DadataField, DatePickerField, FieldProps, FileInputField, FinalFormProps, GroupField, InputField, InputNumberField, MaskedInputField, PasswordField, RadioGroupField, SegmentedField, SelectField, SwitchField, TextareaField } from 'src/form';
+type FormTypes = keyof typeof formTypes;
+type GeneratorConfig = Omit<ButtonPrimaryField, 'type'> & Omit<ButtonSecondaryField, 'type'> & Omit<ButtonTertiaryField, 'type'> & {
+    key: string;
+};
+type BaseField = {
+    classNameGroupItem?: string;
+    dataTestId?: string;
+    fieldProps: FieldProps & {
+        showErrorsOnSubmit?: boolean;
+    };
+    inputProps: Record<string, string>;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    name: string;
+    showMessage?: boolean;
+};
+type ButtonPrimaryField = Omit<Partial<ButtonProps>, 'type'> & {
+    dataTestId?: string;
+    primaryButtonHtmlType?: FinalFormProps['primaryButtonHtmlType'];
+    primaryButtonIsDisabled?: FinalFormProps['primaryButtonIsDisabled'];
+    primaryButtonIsLoading?: FinalFormProps['primaryButtonIsLoading'];
+    type: Extract<FormTypes, 'primaryButton'>;
+};
+type ButtonSecondaryField = Omit<Partial<ButtonProps>, 'type'> & {
+    dataTestId?: string;
+    onClickSecondaryButton?: FinalFormProps['onClickSecondaryButton'];
+    secondaryButtonHtmlType?: FinalFormProps['secondaryButtonHtmlType'];
+    secondaryButtonIsDisabled?: FinalFormProps['secondaryButtonIsDisabled'];
+    secondaryButtonIsLoading?: FinalFormProps['secondaryButtonIsLoading'];
+    type: Extract<FormTypes, 'secondaryButton'>;
+};
+type ButtonTertiaryField = Omit<Partial<ButtonProps>, 'type'> & {
+    dataTestId?: string;
+    onClickTertiaryButton?: FinalFormProps['onClickTertiaryButton'];
+    tertiaryButtonHtmlType?: FinalFormProps['tertiaryButtonHtmlType'];
+    tertiaryButtonIsDisabled?: FinalFormProps['tertiaryButtonIsDisabled'];
+    tertiaryButtonIsLoading?: FinalFormProps['tertiaryButtonIsLoading'];
+    type: Extract<FormTypes, 'tertiaryButton'>;
+};
+type ButtonFields = ButtonPrimaryField | ButtonSecondaryField | ButtonTertiaryField;
+type GeneratorField = CheckboxField | ChipsField | ChoiceField | CodeField | ColorInputField | CustomField | DadataField | DatePickerField | FileInputField | GroupField | InputField | InputNumberField | MaskedInputField | PasswordField | RadioGroupField | SegmentedField | SelectField | SwitchField | TextareaField;
+export type { BaseField, ButtonFields, FormTypes, GeneratorConfig, GeneratorField, };

package/dist/types/form/generator/generateFormButtons.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonFields, GeneratorConfig } from './generateField.interface';
+declare function generateFormButtons(field: ButtonFields, props: GeneratorConfig): import("react").JSX.Element;
+export { generateFormButtons };