@itcase/forms 1.1.61 → 1.1.63

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, };

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

@@ -0,0 +1,4 @@
+import { generateField } from './generator';
+import { formTypes } from './generator.constants';
+export { formTypes };
+export { generateField };

package/dist/form/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Field';
+export * from './FieldWrapper';
+export { default as FinalForm } from './Form/FinalForm';
+export * from './generator';
+export * from './utils';

package/dist/form/utils.d.ts

@@ -0,0 +1,22 @@
+import { AxiosError } from 'axios';
+import { FocusableInput } from 'final-form-focus';
+import { useForm, useFormState } from 'react-final-form';
+declare const focusOnError: (formElementsList: FocusableInput[], errors: object) => undefined;
+declare const focusOnErrorDecorator: import("final-form").Decorator<object, object>;
+declare const setErrorsMutator: (args: [string, {
+    error: string;
+    submitError: string;
+}], state: any) => void;
+declare const sendFormDataToServer: (url: string, data: unknown) => Promise<{
+    response: import("axios").AxiosResponse<any, any, {}>;
+    success: boolean;
+    error?: undefined;
+    formErrors?: undefined;
+} | {
+    error: AxiosError<string | Record<string, string[]>, any>;
+    formErrors: Record<string, string>;
+    success: boolean;
+    response?: undefined;
+}>;
+declare const createDataTestIdField: (fieldname: string, dataTestId?: string) => string;
+export { createDataTestIdField, focusOnError, focusOnErrorDecorator, sendFormDataToServer, setErrorsMutator, useForm, useFormState, };

package/dist/hooks/form/form.d.ts

@@ -0,0 +1,3 @@
+import { FinalFormProps } from 'src/form/Form/FinalForm.interface';
+declare function useYupValidationSchema(schema: FinalFormProps['validationSchema'], language?: string): ((values: object) => Promise<any>) | undefined;
+export { useYupValidationSchema };

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

@@ -0,0 +1,2 @@
+import { useYupValidationSchema } from './form';
+export { useYupValidationSchema };

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { useYupValidationSchema } from './form';
+import { useFieldValidationState } from './useFieldValidationState';
+import { useValidationAppearanceInputProps } from './useValidationAppearanceInputProps';
+export { useFieldValidationState, useValidationAppearanceInputProps, useYupValidationSchema, };

package/dist/hooks/useFieldValidationState/index.d.ts

@@ -0,0 +1,2 @@
+import { useFieldValidationState } from './useFieldValidationState';
+export { useFieldValidationState };

package/dist/hooks/useFieldValidationState/useFieldValidationState.d.ts

@@ -0,0 +1,9 @@
+import { UseFieldValidationStateParams } from './useFieldValidationState.interface';
+declare function useFieldValidationState(params: UseFieldValidationStateParams): {
+    errorKey: any;
+    errorMessage: string;
+    successKey: string;
+    isErrorState: boolean;
+    isValidState: boolean;
+};
+export { useFieldValidationState };

package/dist/hooks/useFieldValidationState/useFieldValidationState.interface.d.ts

@@ -0,0 +1,8 @@
+import { FieldInputProps, FieldMetaState } from 'react-final-form';
+import { BaseField } from 'src/form/generator/generator.interface';
+interface UseFieldValidationStateParams {
+    fieldProps: BaseField['fieldProps'];
+    input: FieldInputProps<number | object | string>;
+    meta: FieldMetaState<number | object | string>;
+}
+export type { UseFieldValidationStateParams };

package/dist/hooks/useValidationAppearanceInputProps/index.d.ts

@@ -0,0 +1,2 @@
+import { useValidationAppearanceInputProps } from './useValidationAppearanceInputProps';
+export { useValidationAppearanceInputProps };

package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.d.ts

@@ -0,0 +1,3 @@
+import { UseValidationAppearanceInputProps } from './useValidationAppearanceInputProps.interface';
+declare function useValidationAppearanceInputProps<InputProps extends object>(props: UseValidationAppearanceInputProps<InputProps>): InputProps;
+export { useValidationAppearanceInputProps };

package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.interface.d.ts

@@ -0,0 +1,5 @@
+type UseValidationAppearanceInputProps<InputProps> = {
+    inputProps: InputProps;
+    validationStateKey: string | null;
+};
+export type { UseValidationAppearanceInputProps };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './form';
+export * from './hooks/form/form';
+export * from './services/utils';
+export * from './validators/validation';