@itcase/forms 1.1.62 → 1.1.64

package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts

@@ -0,0 +1,104 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: "textarea";
+                let name: string;
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts

@@ -0,0 +1,104 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: "textarea";
+                let name: string;
+                let fieldProps: {
+                    type: string;
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts

@@ -0,0 +1,104 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldTextarea as component };
+    export namespace args {
+        namespace config {
+            namespace field {
+                let type: "textarea";
+                let name: string;
+                let fieldProps: {
+                    type: string;
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            input: string;
+        }, yup.AnyObject, {
+            input: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+import { FormFieldTextarea } from '../index';
+import * as yup from 'yup';

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

@@ -0,0 +1,20 @@
+import { Field } from 'react-final-form';
+export { Field };
+export { defaultCheckboxProps, FormFieldCheckbox } from './Checkbox';
+export { defaultChipsProps, FormFieldChips } from './Chips';
+export { defaultChoiceProps, FormFieldChoice } from './Choice';
+export { defaultCodeProps, FormFieldCode } from './Code';
+export { FormFieldCustom } from './Custom';
+export { defaultDadataInputProps, FormFieldDadataInput } from './Dadata';
+export { defaultDatepickerProps, FormFieldDatePicker } from './DatePicker';
+export { defaultDropzoneProps, FormFieldFileInput } from './FileInput';
+export { defaultGroupProps, FormGroup } from './Group';
+export { defaultInputProps, FormFieldInput } from './Input';
+export { defaultInputNumberProps, FormFieldInputNumber } from './InputNumber';
+export { FormFieldMaskedInput } from './MaskedInput';
+export { defaultPasswordProps, FormFieldPassword } from './Password';
+export { defaultRadioProps, FormFieldRadioGroup } from './RadioGroup';
+export { defaultSegmentedProps, FormFieldSegmented } from './Segmented';
+export { defaultSelectProps, FormFieldSelect } from './Select';
+export { defaultSwitchProps, FormFieldSwitch } from './Switch';
+export { defaultTextareaProps, FormFieldTextarea } from './Textarea';

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

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

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

@@ -0,0 +1,77 @@
+import { DirectionProps, WidthProps } from '@itcase/types-ui';
+import { DividerProps } from '@itcase/ui-web/components/Divider';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { FormTypes } from '../generator/generator.interface';
+type FieldWrapperProps = FieldWrapperBaseProps & {
+    inputName: string;
+};
+type FieldWrapperBaseProps = {
+    id?: string;
+    after?: React.ReactNode;
+    afterItem?: React.ReactNode;
+    before?: React.ReactNode;
+    beforeItem?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    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;
+    helpText?: string;
+    helpTextColor?: TextProps['textColor'];
+    helpTextColorSuccess?: TextProps['textColor'];
+    helpTextSize?: TextProps['size'];
+    helpTextSizeMobile?: TextProps['size'];
+    helpTextWeight?: TextProps['textWeight'];
+    inputName?: string;
+    inputValue?: boolean | object | string;
+    isDisabled?: boolean;
+    isErrorState?: boolean;
+    isHidden?: boolean;
+    isRequired?: boolean;
+    isValidState?: boolean;
+    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'];
+    showDivider?: boolean;
+    showMessage?: boolean;
+    tag?: 'div' | 'label';
+    type?: FormTypes;
+};
+type FieldBaseProps = {
+    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'];
+    size?: TextProps['size'];
+};
+export type { FieldBaseProps, FieldProps, FieldWrapperBaseProps, FieldWrapperProps, };

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

@@ -0,0 +1,7 @@
+import { 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/form/FieldWrapper/index.d.ts

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

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

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

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

@@ -0,0 +1,119 @@
+import type { Config } from 'final-form';
+import type { FormProps, UseFormStateParams } from 'react-final-form';
+import * as yup from 'yup';
+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 { ButtonFields, FormTypes, GeneratorField } from '../generator/generator.interface';
+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;
+    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: {
+        buttons: Record<string, ButtonFields>;
+        fields: Record<string, GeneratorField>;
+        form: Record<string, string>;
+    };
+    dataTestId?: string;
+    dataTestIdButtons?: string;
+    dataTestIdPrimaryButton?: string;
+    dataTestIdSecondaryButton?: string;
+    dataTestIdTertiaryButton?: string;
+    dataTour?: string;
+    dataTourButtons?: GroupProps['dataTour'];
+    dataTourPrimaryButton?: ButtonProps['dataTour'];
+    dataTourSecondaryButton?: ButtonProps['dataTour'];
+    dataTourTertiaryButton?: ButtonProps['dataTour'];
+    desc?: string;
+    disableFieldsAutoComplete?: boolean;
+    fieldsGap?: GroupProps['gap'];
+    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'];
+    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?: FormTypes;
+    validationSchema?: yup.ObjectSchema<object>;
+}
+export type { FinalFormProps };

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

@@ -0,0 +1,25 @@
+declare const formTypes: {
+    readonly secondaryButton: "secondaryButton";
+    readonly primaryButton: "primaryButton";
+    readonly tertiaryButton: "tertiaryButton";
+    readonly checkbox: "checkbox";
+    readonly chips: "chips";
+    readonly choice: "choice";
+    readonly code: "code";
+    readonly custom: "custom";
+    readonly dadataInput: "dadataInput";
+    readonly datePicker: "datePicker";
+    readonly dateRangePicker: "dateRangePicker";
+    readonly fileInput: "fileInput";
+    readonly group: "group";
+    readonly inputNumber: "inputNumber";
+    readonly maskedInput: "maskedInput";
+    readonly password: "password";
+    readonly radioGroup: "radioGroup";
+    readonly segmented: "segmented";
+    readonly select: "select";
+    readonly switch: "switch";
+    readonly text: "text";
+    readonly textarea: "textarea";
+};
+export { formTypes };

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

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

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

@@ -0,0 +1,62 @@
+import { CheckboxField } from '../Field/Checkbox/FormFieldCheckbox.interface';
+import { ChipsField } from '../Field/Chips/FormFieldChips.interface';
+import { ChoiceField } from '../Field/Choice/FormFieldChoice.interface';
+import { CodeField } from '../Field/Code/FormFieldCode.interface';
+import { CustomField } from '../Field/Custom/FormFieldCustom.interface';
+import { DadataField } from '../Field/Dadata/FormFieldDadataInput.interface';
+import { DatePickerField } from '../Field/DatePicker/FormFieldDatePicker.interface';
+import { GroupField } from '../Field/Group/FormGroup.interface';
+import { InputField } from '../Field/Input/FormFieldInput.interface';
+import { InputNumberField } from '../Field/InputNumber/FormFieldInputNumber.interface';
+import { MaskedInputField } from '../Field/MaskedInput/FormFieldMaskedInput.interface';
+import { PasswordField } from '../Field/Password/FormFieldPassword.interface';
+import { RadioGroupField } from '../Field/RadioGroup/FormFieldRadioGroup.interface';
+import { SegmentedField } from '../Field/Segmented/FormFieldSegmented.interface';
+import { SelectField } from '../Field/Select/FormFieldSelect.interface';
+import { SwitchField } from '../Field/Switch/FormFieldSwitch.interface';
+import { TextareaField } from '../Field/Textarea/FormFieldTextarea.interface';
+import { FieldProps } from '../FieldWrapper/FieldWrapper.interface';
+import { FinalFormProps } from '../Form/FinalForm.interface';
+import { formTypes } from './generator.constants';
+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 = {
+    dataTestId?: string;
+    primaryButtonHtmlType?: FinalFormProps['primaryButtonHtmlType'];
+    primaryButtonIsDisabled?: FinalFormProps['primaryButtonIsDisabled'];
+    primaryButtonIsLoading?: FinalFormProps['primaryButtonIsLoading'];
+    type: Extract<FormTypes, 'primaryButton'>;
+};
+type ButtonSecondaryField = {
+    dataTestId?: string;
+    onClickSecondaryButton?: FinalFormProps['onClickSecondaryButton'];
+    secondaryButtonHtmlType?: FinalFormProps['secondaryButtonHtmlType'];
+    secondaryButtonIsDisabled?: FinalFormProps['secondaryButtonIsDisabled'];
+    secondaryButtonIsLoading?: FinalFormProps['secondaryButtonIsLoading'];
+    type: Extract<FormTypes, 'secondaryButton'>;
+};
+type ButtonTertiaryField = {
+    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 = ButtonPrimaryField | ButtonSecondaryField | ButtonTertiaryField | CheckboxField | ChipsField | ChoiceField | CodeField | CustomField | DadataField | DatePickerField | GroupField | InputField | InputNumberField | MaskedInputField | PasswordField | RadioGroupField | SegmentedField | SelectField | SwitchField | TextareaField;
+export type { BaseField, ButtonFields, FormTypes, GeneratorConfig, GeneratorField, };