@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.
Files changed (132) hide show
  1. package/dist/constants/index.d.ts +7 -0
  2. package/dist/constants/messages.constant.d.ts +10 -0
  3. package/dist/constants/messages.interface.d.ts +5 -0
  4. package/dist/css/form/Form/Form.css +1 -1
  5. package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts +4 -0
  6. package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts +18 -0
  7. package/dist/form/Field/Checkbox/appearance/default.d.ts +3 -0
  8. package/dist/form/Field/Checkbox/index.d.ts +3 -0
  9. package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts +43 -0
  10. package/dist/form/Field/Chips/FormFieldChips.d.ts +3 -0
  11. package/dist/form/Field/Chips/FormFieldChips.interface.d.ts +27 -0
  12. package/dist/form/Field/Chips/appearance/default.d.ts +3 -0
  13. package/dist/form/Field/Chips/index.d.ts +3 -0
  14. package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts +30 -0
  15. package/dist/form/Field/Chips/stories/__mock__/index.d.ts +76 -0
  16. package/dist/form/Field/Choice/FormFieldChoice.d.ts +4 -0
  17. package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts +23 -0
  18. package/dist/form/Field/Choice/appearance/default.d.ts +3 -0
  19. package/dist/form/Field/Choice/index.d.ts +3 -0
  20. package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts +48 -0
  21. package/dist/form/Field/Code/FormFieldCode.d.ts +4 -0
  22. package/dist/form/Field/Code/FormFieldCode.interface.d.ts +16 -0
  23. package/dist/form/Field/Code/appearance/default.d.ts +3 -0
  24. package/dist/form/Field/Code/index.d.ts +3 -0
  25. package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts +45 -0
  26. package/dist/form/Field/Custom/FormFieldCustom.d.ts +4 -0
  27. package/dist/form/Field/Custom/FormFieldCustom.interface.d.ts +18 -0
  28. package/dist/form/Field/Custom/index.d.ts +2 -0
  29. package/dist/form/Field/Dadata/FormFieldDadataInput.d.ts +4 -0
  30. package/dist/form/Field/Dadata/FormFieldDadataInput.interface.d.ts +19 -0
  31. package/dist/form/Field/Dadata/appearance/default.d.ts +3 -0
  32. package/dist/form/Field/Dadata/index.d.ts +3 -0
  33. package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts +34 -0
  34. package/dist/form/Field/DatePicker/FormFieldDatePicker.d.ts +3 -0
  35. package/dist/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts +10 -0
  36. package/dist/form/Field/DatePicker/appearance/default.d.ts +12 -0
  37. package/dist/form/Field/DatePicker/index.d.ts +3 -0
  38. package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts +58 -0
  39. package/dist/form/Field/FileInput/FormFieldFileInputDropzone.d.ts +2 -0
  40. package/dist/form/Field/FileInput/appearance/default.d.ts +19 -0
  41. package/dist/form/Field/FileInput/index.d.ts +4 -0
  42. package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts +51 -0
  43. package/dist/form/Field/Group/FormGroup.d.ts +4 -0
  44. package/dist/form/Field/Group/FormGroup.interface.d.ts +47 -0
  45. package/dist/form/Field/Group/appearance/default.d.ts +3 -0
  46. package/dist/form/Field/Group/index.d.ts +3 -0
  47. package/dist/form/Field/Input/FormFieldInput.d.ts +4 -0
  48. package/dist/form/Field/Input/FormFieldInput.interface.d.ts +25 -0
  49. package/dist/form/Field/Input/appearance/default.d.ts +3 -0
  50. package/dist/form/Field/Input/index.d.ts +3 -0
  51. package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts +128 -0
  52. package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts +128 -0
  53. package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts +128 -0
  54. package/dist/form/Field/InputNumber/FormFieldInputNumber.d.ts +4 -0
  55. package/dist/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts +20 -0
  56. package/dist/form/Field/InputNumber/appearance/default.d.ts +3 -0
  57. package/dist/form/Field/InputNumber/index.d.ts +3 -0
  58. package/dist/form/Field/MaskedInput/FormFieldMaskedInput.d.ts +4 -0
  59. package/dist/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts +27 -0
  60. package/dist/form/Field/MaskedInput/appearance/default.d.ts +3 -0
  61. package/dist/form/Field/MaskedInput/index.d.ts +3 -0
  62. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts +71 -0
  63. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts +63 -0
  64. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFloating.stories.d.ts +63 -0
  65. package/dist/form/Field/Password/FormFieldPassword.d.ts +4 -0
  66. package/dist/form/Field/Password/FormFieldPassword.interface.d.ts +17 -0
  67. package/dist/form/Field/Password/appearance/default.d.ts +3 -0
  68. package/dist/form/Field/Password/index.d.ts +3 -0
  69. package/dist/form/Field/Password/stories/FormFieldPasswordClassic.stories.d.ts +48 -0
  70. package/dist/form/Field/Password/stories/FormFieldPasswordFTA.stories.d.ts +48 -0
  71. package/dist/form/Field/Password/stories/FormFieldPasswordFloating.stories.d.ts +48 -0
  72. package/dist/form/Field/RadioGroup/FormFieldRadioGroup.d.ts +4 -0
  73. package/dist/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts +23 -0
  74. package/dist/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts +3 -0
  75. package/dist/form/Field/RadioGroup/appearance/default.d.ts +3 -0
  76. package/dist/form/Field/RadioGroup/index.d.ts +3 -0
  77. package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts +44 -0
  78. package/dist/form/Field/Segmented/FormFieldSegmented.d.ts +3 -0
  79. package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts +15 -0
  80. package/dist/form/Field/Segmented/appearance/default.d.ts +3 -0
  81. package/dist/form/Field/Segmented/index.d.ts +3 -0
  82. package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts +45 -0
  83. package/dist/form/Field/Select/FormFieldSelect.d.ts +4 -0
  84. package/dist/form/Field/Select/FormFieldSelect.interface.d.ts +33 -0
  85. package/dist/form/Field/Select/appearance/default.d.ts +3 -0
  86. package/dist/form/Field/Select/index.d.ts +3 -0
  87. package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts +45 -0
  88. package/dist/form/Field/Switch/FormFieldSwitch.d.ts +5 -0
  89. package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts +16 -0
  90. package/dist/form/Field/Switch/appearance/default.d.ts +3 -0
  91. package/dist/form/Field/Switch/index.d.ts +3 -0
  92. package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts +30 -0
  93. package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts +42 -0
  94. package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts +42 -0
  95. package/dist/form/Field/Textarea/FormFieldTextarea.d.ts +4 -0
  96. package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts +13 -0
  97. package/dist/form/Field/Textarea/appearance/default.d.ts +3 -0
  98. package/dist/form/Field/Textarea/index.d.ts +3 -0
  99. package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts +48 -0
  100. package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts +48 -0
  101. package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts +48 -0
  102. package/dist/form/Field/index.d.ts +20 -0
  103. package/dist/form/FieldWrapper/FieldWrapper.d.ts +4 -0
  104. package/dist/form/FieldWrapper/FieldWrapper.interface.d.ts +77 -0
  105. package/dist/form/FieldWrapper/appearance/default.d.ts +7 -0
  106. package/dist/form/FieldWrapper/index.d.ts +3 -0
  107. package/dist/form/Form/FinalForm.d.ts +4 -0
  108. package/dist/form/Form/FinalForm.interface.d.ts +119 -0
  109. package/dist/form/generator/generator.constants.d.ts +25 -0
  110. package/dist/form/generator/generator.d.ts +3 -0
  111. package/dist/form/generator/generator.interface.d.ts +62 -0
  112. package/dist/form/generator/index.d.ts +4 -0
  113. package/dist/form/index.d.ts +5 -0
  114. package/dist/form/utils.d.ts +22 -0
  115. package/dist/hooks/form/form.d.ts +3 -0
  116. package/dist/hooks/form/index.d.ts +2 -0
  117. package/dist/hooks/index.d.ts +4 -0
  118. package/dist/hooks/useFieldValidationState/index.d.ts +2 -0
  119. package/dist/hooks/useFieldValidationState/useFieldValidationState.d.ts +9 -0
  120. package/dist/hooks/useFieldValidationState/useFieldValidationState.interface.d.ts +8 -0
  121. package/dist/hooks/useValidationAppearanceInputProps/index.d.ts +2 -0
  122. package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.d.ts +3 -0
  123. package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.interface.d.ts +5 -0
  124. package/dist/index.d.ts +5 -0
  125. package/dist/itcase-forms.cjs.js +3 -3767
  126. package/dist/itcase-forms.esm.js +3 -3688
  127. package/dist/services/index.d.ts +2 -0
  128. package/dist/services/utils.d.ts +4 -0
  129. package/dist/validators/index.d.ts +2 -0
  130. package/dist/validators/validation.d.ts +6 -0
  131. package/dist/validators/validation.interface.d.ts +6 -0
  132. 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,4 @@
1
+ import { generateField } from './generator';
2
+ import { formTypes } from './generator.constants';
3
+ export { formTypes };
4
+ export { generateField };
@@ -0,0 +1,5 @@
1
+ export * from './Field';
2
+ export * from './FieldWrapper';
3
+ export { default as FinalForm } from './Form/FinalForm';
4
+ export * from './generator';
5
+ export * from './utils';
@@ -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,3 @@
1
+ import { FinalFormProps } from 'src/form/Form/FinalForm.interface';
2
+ declare function useYupValidationSchema(schema: FinalFormProps['validationSchema'], language?: string): ((values: object) => Promise<any>) | undefined;
3
+ export { useYupValidationSchema };
@@ -0,0 +1,2 @@
1
+ import { useYupValidationSchema } from './form';
2
+ export { useYupValidationSchema };
@@ -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,2 @@
1
+ import { useFieldValidationState } from './useFieldValidationState';
2
+ export { useFieldValidationState };
@@ -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,2 @@
1
+ import { useValidationAppearanceInputProps } from './useValidationAppearanceInputProps';
2
+ export { useValidationAppearanceInputProps };
@@ -0,0 +1,3 @@
1
+ import { UseValidationAppearanceInputProps } from './useValidationAppearanceInputProps.interface';
2
+ declare function useValidationAppearanceInputProps<InputProps extends object>(props: UseValidationAppearanceInputProps<InputProps>): InputProps;
3
+ export { useValidationAppearanceInputProps };
@@ -0,0 +1,5 @@
1
+ type UseValidationAppearanceInputProps<InputProps> = {
2
+ inputProps: InputProps;
3
+ validationStateKey: string | null;
4
+ };
5
+ export type { UseValidationAppearanceInputProps };
@@ -0,0 +1,5 @@
1
+ export * from './constants';
2
+ export * from './form';
3
+ export * from './hooks/form/form';
4
+ export * from './services/utils';
5
+ export * from './validators/validation';