@itcase/forms 1.1.62 → 1.1.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants/index.d.ts +7 -0
- package/dist/constants/messages.constant.d.ts +10 -0
- package/dist/constants/messages.interface.d.ts +5 -0
- package/dist/css/form/Form/Form.css +1 -1
- package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts +4 -0
- package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts +18 -0
- package/dist/form/Field/Checkbox/appearance/default.d.ts +3 -0
- package/dist/form/Field/Checkbox/index.d.ts +3 -0
- package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts +43 -0
- package/dist/form/Field/Chips/FormFieldChips.d.ts +3 -0
- package/dist/form/Field/Chips/FormFieldChips.interface.d.ts +27 -0
- package/dist/form/Field/Chips/appearance/default.d.ts +3 -0
- package/dist/form/Field/Chips/index.d.ts +3 -0
- package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts +30 -0
- package/dist/form/Field/Chips/stories/__mock__/index.d.ts +76 -0
- package/dist/form/Field/Choice/FormFieldChoice.d.ts +4 -0
- package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts +23 -0
- package/dist/form/Field/Choice/appearance/default.d.ts +3 -0
- package/dist/form/Field/Choice/index.d.ts +3 -0
- package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts +48 -0
- package/dist/form/Field/Code/FormFieldCode.d.ts +4 -0
- package/dist/form/Field/Code/FormFieldCode.interface.d.ts +16 -0
- package/dist/form/Field/Code/appearance/default.d.ts +3 -0
- package/dist/form/Field/Code/index.d.ts +3 -0
- package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts +45 -0
- package/dist/form/Field/Custom/FormFieldCustom.d.ts +4 -0
- package/dist/form/Field/Custom/FormFieldCustom.interface.d.ts +18 -0
- package/dist/form/Field/Custom/index.d.ts +2 -0
- package/dist/form/Field/Dadata/FormFieldDadataInput.d.ts +4 -0
- package/dist/form/Field/Dadata/FormFieldDadataInput.interface.d.ts +19 -0
- package/dist/form/Field/Dadata/appearance/default.d.ts +3 -0
- package/dist/form/Field/Dadata/index.d.ts +3 -0
- package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts +34 -0
- package/dist/form/Field/DatePicker/FormFieldDatePicker.d.ts +3 -0
- package/dist/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts +10 -0
- package/dist/form/Field/DatePicker/appearance/default.d.ts +12 -0
- package/dist/form/Field/DatePicker/index.d.ts +3 -0
- package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts +58 -0
- package/dist/form/Field/FileInput/FormFieldFileInputDropzone.d.ts +2 -0
- package/dist/form/Field/FileInput/appearance/default.d.ts +19 -0
- package/dist/form/Field/FileInput/index.d.ts +4 -0
- package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts +51 -0
- package/dist/form/Field/Group/FormGroup.d.ts +4 -0
- package/dist/form/Field/Group/FormGroup.interface.d.ts +47 -0
- package/dist/form/Field/Group/appearance/default.d.ts +3 -0
- package/dist/form/Field/Group/index.d.ts +3 -0
- package/dist/form/Field/Input/FormFieldInput.d.ts +4 -0
- package/dist/form/Field/Input/FormFieldInput.interface.d.ts +25 -0
- package/dist/form/Field/Input/appearance/default.d.ts +3 -0
- package/dist/form/Field/Input/index.d.ts +3 -0
- package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts +128 -0
- package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts +128 -0
- package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts +128 -0
- package/dist/form/Field/InputNumber/FormFieldInputNumber.d.ts +4 -0
- package/dist/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts +20 -0
- package/dist/form/Field/InputNumber/appearance/default.d.ts +3 -0
- package/dist/form/Field/InputNumber/index.d.ts +3 -0
- package/dist/form/Field/MaskedInput/FormFieldMaskedInput.d.ts +4 -0
- package/dist/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts +27 -0
- package/dist/form/Field/MaskedInput/appearance/default.d.ts +3 -0
- package/dist/form/Field/MaskedInput/index.d.ts +3 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts +71 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts +63 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFloating.stories.d.ts +63 -0
- package/dist/form/Field/Password/FormFieldPassword.d.ts +4 -0
- package/dist/form/Field/Password/FormFieldPassword.interface.d.ts +17 -0
- package/dist/form/Field/Password/appearance/default.d.ts +3 -0
- package/dist/form/Field/Password/index.d.ts +3 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordClassic.stories.d.ts +48 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordFTA.stories.d.ts +48 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordFloating.stories.d.ts +48 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroup.d.ts +4 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts +23 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts +3 -0
- package/dist/form/Field/RadioGroup/appearance/default.d.ts +3 -0
- package/dist/form/Field/RadioGroup/index.d.ts +3 -0
- package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts +44 -0
- package/dist/form/Field/Segmented/FormFieldSegmented.d.ts +3 -0
- package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts +15 -0
- package/dist/form/Field/Segmented/appearance/default.d.ts +3 -0
- package/dist/form/Field/Segmented/index.d.ts +3 -0
- package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts +45 -0
- package/dist/form/Field/Select/FormFieldSelect.d.ts +4 -0
- package/dist/form/Field/Select/FormFieldSelect.interface.d.ts +33 -0
- package/dist/form/Field/Select/appearance/default.d.ts +3 -0
- package/dist/form/Field/Select/index.d.ts +3 -0
- package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts +45 -0
- package/dist/form/Field/Switch/FormFieldSwitch.d.ts +5 -0
- package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts +16 -0
- package/dist/form/Field/Switch/appearance/default.d.ts +3 -0
- package/dist/form/Field/Switch/index.d.ts +3 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts +30 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts +42 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts +42 -0
- package/dist/form/Field/Textarea/FormFieldTextarea.d.ts +4 -0
- package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts +13 -0
- package/dist/form/Field/Textarea/appearance/default.d.ts +3 -0
- package/dist/form/Field/Textarea/index.d.ts +3 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts +48 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts +48 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts +48 -0
- package/dist/form/Field/index.d.ts +20 -0
- package/dist/form/FieldWrapper/FieldWrapper.d.ts +4 -0
- package/dist/form/FieldWrapper/FieldWrapper.interface.d.ts +77 -0
- package/dist/form/FieldWrapper/appearance/default.d.ts +7 -0
- package/dist/form/FieldWrapper/index.d.ts +3 -0
- package/dist/form/Form/FinalForm.d.ts +4 -0
- package/dist/form/Form/FinalForm.interface.d.ts +119 -0
- package/dist/form/generator/generator.constants.d.ts +25 -0
- package/dist/form/generator/generator.d.ts +3 -0
- package/dist/form/generator/generator.interface.d.ts +62 -0
- package/dist/form/generator/index.d.ts +4 -0
- package/dist/form/index.d.ts +5 -0
- package/dist/form/utils.d.ts +22 -0
- package/dist/hooks/form/form.d.ts +3 -0
- package/dist/hooks/form/index.d.ts +2 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/useFieldValidationState/index.d.ts +2 -0
- package/dist/hooks/useFieldValidationState/useFieldValidationState.d.ts +9 -0
- package/dist/hooks/useFieldValidationState/useFieldValidationState.interface.d.ts +8 -0
- package/dist/hooks/useValidationAppearanceInputProps/index.d.ts +2 -0
- package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.d.ts +3 -0
- package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.interface.d.ts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/itcase-forms.cjs.js +3 -3767
- package/dist/itcase-forms.esm.js +3 -3688
- package/dist/services/index.d.ts +2 -0
- package/dist/services/utils.d.ts +4 -0
- package/dist/validators/index.d.ts +2 -0
- package/dist/validators/validation.d.ts +6 -0
- package/dist/validators/validation.interface.d.ts +6 -0
- package/package.json +12 -6
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { CheckboxField } from '../Field/Checkbox/FormFieldCheckbox.interface';
|
|
2
|
+
import { ChipsField } from '../Field/Chips/FormFieldChips.interface';
|
|
3
|
+
import { ChoiceField } from '../Field/Choice/FormFieldChoice.interface';
|
|
4
|
+
import { CodeField } from '../Field/Code/FormFieldCode.interface';
|
|
5
|
+
import { CustomField } from '../Field/Custom/FormFieldCustom.interface';
|
|
6
|
+
import { DadataField } from '../Field/Dadata/FormFieldDadataInput.interface';
|
|
7
|
+
import { DatePickerField } from '../Field/DatePicker/FormFieldDatePicker.interface';
|
|
8
|
+
import { GroupField } from '../Field/Group/FormGroup.interface';
|
|
9
|
+
import { InputField } from '../Field/Input/FormFieldInput.interface';
|
|
10
|
+
import { InputNumberField } from '../Field/InputNumber/FormFieldInputNumber.interface';
|
|
11
|
+
import { MaskedInputField } from '../Field/MaskedInput/FormFieldMaskedInput.interface';
|
|
12
|
+
import { PasswordField } from '../Field/Password/FormFieldPassword.interface';
|
|
13
|
+
import { RadioGroupField } from '../Field/RadioGroup/FormFieldRadioGroup.interface';
|
|
14
|
+
import { SegmentedField } from '../Field/Segmented/FormFieldSegmented.interface';
|
|
15
|
+
import { SelectField } from '../Field/Select/FormFieldSelect.interface';
|
|
16
|
+
import { SwitchField } from '../Field/Switch/FormFieldSwitch.interface';
|
|
17
|
+
import { TextareaField } from '../Field/Textarea/FormFieldTextarea.interface';
|
|
18
|
+
import { FieldProps } from '../FieldWrapper/FieldWrapper.interface';
|
|
19
|
+
import { FinalFormProps } from '../Form/FinalForm.interface';
|
|
20
|
+
import { formTypes } from './generator.constants';
|
|
21
|
+
type FormTypes = keyof typeof formTypes;
|
|
22
|
+
type GeneratorConfig = Omit<ButtonPrimaryField, 'type'> & Omit<ButtonSecondaryField, 'type'> & Omit<ButtonTertiaryField, 'type'> & {
|
|
23
|
+
key: string;
|
|
24
|
+
};
|
|
25
|
+
type BaseField = {
|
|
26
|
+
classNameGroupItem?: string;
|
|
27
|
+
dataTestId?: string;
|
|
28
|
+
fieldProps: FieldProps & {
|
|
29
|
+
showErrorsOnSubmit?: boolean;
|
|
30
|
+
};
|
|
31
|
+
inputProps: Record<string, string>;
|
|
32
|
+
isDisabled?: boolean;
|
|
33
|
+
isRequired?: boolean;
|
|
34
|
+
name: string;
|
|
35
|
+
showMessage?: boolean;
|
|
36
|
+
};
|
|
37
|
+
type ButtonPrimaryField = {
|
|
38
|
+
dataTestId?: string;
|
|
39
|
+
primaryButtonHtmlType?: FinalFormProps['primaryButtonHtmlType'];
|
|
40
|
+
primaryButtonIsDisabled?: FinalFormProps['primaryButtonIsDisabled'];
|
|
41
|
+
primaryButtonIsLoading?: FinalFormProps['primaryButtonIsLoading'];
|
|
42
|
+
type: Extract<FormTypes, 'primaryButton'>;
|
|
43
|
+
};
|
|
44
|
+
type ButtonSecondaryField = {
|
|
45
|
+
dataTestId?: string;
|
|
46
|
+
onClickSecondaryButton?: FinalFormProps['onClickSecondaryButton'];
|
|
47
|
+
secondaryButtonHtmlType?: FinalFormProps['secondaryButtonHtmlType'];
|
|
48
|
+
secondaryButtonIsDisabled?: FinalFormProps['secondaryButtonIsDisabled'];
|
|
49
|
+
secondaryButtonIsLoading?: FinalFormProps['secondaryButtonIsLoading'];
|
|
50
|
+
type: Extract<FormTypes, 'secondaryButton'>;
|
|
51
|
+
};
|
|
52
|
+
type ButtonTertiaryField = {
|
|
53
|
+
dataTestId?: string;
|
|
54
|
+
onClickTertiaryButton?: FinalFormProps['onClickTertiaryButton'];
|
|
55
|
+
tertiaryButtonHtmlType?: FinalFormProps['tertiaryButtonHtmlType'];
|
|
56
|
+
tertiaryButtonIsDisabled?: FinalFormProps['tertiaryButtonIsDisabled'];
|
|
57
|
+
tertiaryButtonIsLoading?: FinalFormProps['tertiaryButtonIsLoading'];
|
|
58
|
+
type: Extract<FormTypes, 'tertiaryButton'>;
|
|
59
|
+
};
|
|
60
|
+
type ButtonFields = ButtonPrimaryField | ButtonSecondaryField | ButtonTertiaryField;
|
|
61
|
+
type GeneratorField = ButtonPrimaryField | ButtonSecondaryField | ButtonTertiaryField | CheckboxField | ChipsField | ChoiceField | CodeField | CustomField | DadataField | DatePickerField | GroupField | InputField | InputNumberField | MaskedInputField | PasswordField | RadioGroupField | SegmentedField | SelectField | SwitchField | TextareaField;
|
|
62
|
+
export type { BaseField, ButtonFields, FormTypes, GeneratorConfig, GeneratorField, };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { AxiosError } from 'axios';
|
|
2
|
+
import { FocusableInput } from 'final-form-focus';
|
|
3
|
+
import { useForm, useFormState } from 'react-final-form';
|
|
4
|
+
declare const focusOnError: (formElementsList: FocusableInput[], errors: object) => undefined;
|
|
5
|
+
declare const focusOnErrorDecorator: import("final-form").Decorator<object, object>;
|
|
6
|
+
declare const setErrorsMutator: (args: [string, {
|
|
7
|
+
error: string;
|
|
8
|
+
submitError: string;
|
|
9
|
+
}], state: any) => void;
|
|
10
|
+
declare const sendFormDataToServer: (url: string, data: unknown) => Promise<{
|
|
11
|
+
response: import("axios").AxiosResponse<any, any, {}>;
|
|
12
|
+
success: boolean;
|
|
13
|
+
error?: undefined;
|
|
14
|
+
formErrors?: undefined;
|
|
15
|
+
} | {
|
|
16
|
+
error: AxiosError<string | Record<string, string[]>, any>;
|
|
17
|
+
formErrors: Record<string, string>;
|
|
18
|
+
success: boolean;
|
|
19
|
+
response?: undefined;
|
|
20
|
+
}>;
|
|
21
|
+
declare const createDataTestIdField: (fieldname: string, dataTestId?: string) => string;
|
|
22
|
+
export { createDataTestIdField, focusOnError, focusOnErrorDecorator, sendFormDataToServer, setErrorsMutator, useForm, useFormState, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { useYupValidationSchema } from './form';
|
|
2
|
+
import { useFieldValidationState } from './useFieldValidationState';
|
|
3
|
+
import { useValidationAppearanceInputProps } from './useValidationAppearanceInputProps';
|
|
4
|
+
export { useFieldValidationState, useValidationAppearanceInputProps, useYupValidationSchema, };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UseFieldValidationStateParams } from './useFieldValidationState.interface';
|
|
2
|
+
declare function useFieldValidationState(params: UseFieldValidationStateParams): {
|
|
3
|
+
errorKey: any;
|
|
4
|
+
errorMessage: string;
|
|
5
|
+
successKey: string;
|
|
6
|
+
isErrorState: boolean;
|
|
7
|
+
isValidState: boolean;
|
|
8
|
+
};
|
|
9
|
+
export { useFieldValidationState };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FieldInputProps, FieldMetaState } from 'react-final-form';
|
|
2
|
+
import { BaseField } from 'src/form/generator/generator.interface';
|
|
3
|
+
interface UseFieldValidationStateParams {
|
|
4
|
+
fieldProps: BaseField['fieldProps'];
|
|
5
|
+
input: FieldInputProps<number | object | string>;
|
|
6
|
+
meta: FieldMetaState<number | object | string>;
|
|
7
|
+
}
|
|
8
|
+
export type { UseFieldValidationStateParams };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { UseValidationAppearanceInputProps } from './useValidationAppearanceInputProps.interface';
|
|
2
|
+
declare function useValidationAppearanceInputProps<InputProps extends object>(props: UseValidationAppearanceInputProps<InputProps>): InputProps;
|
|
3
|
+
export { useValidationAppearanceInputProps };
|