@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,16 @@
1
+ import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
2
+ import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
3
+ type SwitchField = BaseField & {
4
+ type: Extract<FormTypes, 'switch'>;
5
+ };
6
+ type FormFieldSwitchProps = SwitchField & {
7
+ name: string;
8
+ onChange?: (isChecked: boolean, name: string) => void;
9
+ };
10
+ type DefaultSwitchProps = {
11
+ appearance: CompositeAppearanceStateDefault;
12
+ errorAppearance: CompositeAppearanceStateDefault;
13
+ requiredAppearance: CompositeAppearanceStateDefault;
14
+ successAppearance: CompositeAppearanceStateDefault;
15
+ };
16
+ export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField };
@@ -0,0 +1,3 @@
1
+ import { DefaultSwitchProps } from '../FormFieldSwitch.interface';
2
+ declare const defaultSwitchProps: DefaultSwitchProps;
3
+ export { defaultSwitchProps };
@@ -0,0 +1,3 @@
1
+ import { defaultSwitchProps } from './appearance/default';
2
+ import { FormFieldSwitch } from './FormFieldSwitch';
3
+ export { defaultSwitchProps, FormFieldSwitch };
@@ -0,0 +1,30 @@
1
+ export default meta;
2
+ export namespace Demo {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Skeleton {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ declare namespace meta {
10
+ export let title: string;
11
+ export { FormFieldSwitch as component };
12
+ export namespace args {
13
+ namespace config {
14
+ export namespace FormFieldSwitch_1 {
15
+ let type: any;
16
+ let fieldProps: any;
17
+ let inputProps: {
18
+ title: string;
19
+ desc: string;
20
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
21
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
22
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
23
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
24
+ };
25
+ }
26
+ export { FormFieldSwitch_1 as FormFieldSwitch };
27
+ }
28
+ }
29
+ }
30
+ import { FormFieldSwitch } from '../index';
@@ -0,0 +1,42 @@
1
+ export default meta;
2
+ export namespace Default {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Error {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ export namespace Success {
10
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
11
+ export { render_2 as render };
12
+ }
13
+ export namespace Require {
14
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
15
+ export { render_3 as render };
16
+ }
17
+ export namespace Disabled {
18
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
19
+ export { render_4 as render };
20
+ }
21
+ declare namespace meta {
22
+ export let title: string;
23
+ export { FormFieldSwitch as component };
24
+ export namespace args {
25
+ namespace config {
26
+ export namespace FormFieldSwitch_1 {
27
+ let type: any;
28
+ let fieldProps: any;
29
+ let inputProps: {
30
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
31
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
32
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
33
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
34
+ title: string;
35
+ desc: string;
36
+ };
37
+ }
38
+ export { FormFieldSwitch_1 as FormFieldSwitch };
39
+ }
40
+ }
41
+ }
42
+ import { FormFieldSwitch } from '../index';
@@ -0,0 +1,42 @@
1
+ export default meta;
2
+ export namespace Default {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Error {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ export namespace Success {
10
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
11
+ export { render_2 as render };
12
+ }
13
+ export namespace Require {
14
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
15
+ export { render_3 as render };
16
+ }
17
+ export namespace Disabled {
18
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
19
+ export { render_4 as render };
20
+ }
21
+ declare namespace meta {
22
+ export let title: string;
23
+ export { FormFieldSwitch as component };
24
+ export namespace args {
25
+ namespace config {
26
+ export namespace FormFieldSwitch_1 {
27
+ let type: any;
28
+ let fieldProps: any;
29
+ let inputProps: {
30
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
31
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
32
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
33
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
34
+ title: string;
35
+ desc: string;
36
+ };
37
+ }
38
+ export { FormFieldSwitch_1 as FormFieldSwitch };
39
+ }
40
+ }
41
+ }
42
+ import { FormFieldSwitch } from '../index';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormFieldTextareaProps } from './FormFieldTextarea.interface';
3
+ declare const FormFieldTextarea: React.NamedExoticComponent<FormFieldTextareaProps>;
4
+ export { FormFieldTextarea };
@@ -0,0 +1,13 @@
1
+ import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
2
+ import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
3
+ type TextareaField = BaseField & {
4
+ type: Extract<FormTypes, 'textarea'>;
5
+ };
6
+ type FormFieldTextareaProps = TextareaField & {};
7
+ type DefaultTextareaProps = {
8
+ appearance: CompositeAppearanceStateDefault;
9
+ errorAppearance: CompositeAppearanceStateDefault;
10
+ requiredAppearance: CompositeAppearanceStateDefault;
11
+ successAppearance: CompositeAppearanceStateDefault;
12
+ };
13
+ export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField };
@@ -0,0 +1,3 @@
1
+ import { DefaultTextareaProps } from '../FormFieldTextarea.interface';
2
+ declare const defaultTextareaProps: DefaultTextareaProps;
3
+ export { defaultTextareaProps };
@@ -0,0 +1,3 @@
1
+ import { defaultTextareaProps } from './appearance/default';
2
+ import { FormFieldTextarea } from './FormFieldTextarea';
3
+ export { defaultTextareaProps, FormFieldTextarea };
@@ -0,0 +1,48 @@
1
+ export default meta;
2
+ export namespace Default {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Error {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ export namespace Filled {
10
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
11
+ export { render_2 as render };
12
+ }
13
+ export namespace Require {
14
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
15
+ export { render_3 as render };
16
+ }
17
+ export namespace Disabled {
18
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
19
+ export { render_4 as render };
20
+ }
21
+ declare namespace meta {
22
+ export let title: string;
23
+ export { FormFieldTextarea as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: any;
28
+ let name: string;
29
+ let fieldProps: any;
30
+ let inputProps: {
31
+ placeholder: string;
32
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
33
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
34
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
35
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
36
+ };
37
+ }
38
+ }
39
+ let validationSchema: yup.ObjectSchema<{
40
+ input: string;
41
+ }, yup.AnyObject, {
42
+ input: undefined;
43
+ }, "">;
44
+ function onSubmit(): void;
45
+ }
46
+ }
47
+ import { FormFieldTextarea } from '../index';
48
+ import * as yup from 'yup';
@@ -0,0 +1,48 @@
1
+ export default meta;
2
+ export namespace Default {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Error {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ export namespace Filled {
10
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
11
+ export { render_2 as render };
12
+ }
13
+ export namespace Require {
14
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
15
+ export { render_3 as render };
16
+ }
17
+ export namespace Disabled {
18
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
19
+ export { render_4 as render };
20
+ }
21
+ declare namespace meta {
22
+ export let title: string;
23
+ export { FormFieldTextarea as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: any;
28
+ let name: string;
29
+ let fieldProps: any;
30
+ let inputProps: {
31
+ placeholder: string;
32
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
33
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
34
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
35
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
36
+ };
37
+ }
38
+ }
39
+ let validationSchema: yup.ObjectSchema<{
40
+ input: string;
41
+ }, yup.AnyObject, {
42
+ input: undefined;
43
+ }, "">;
44
+ function onSubmit(): void;
45
+ }
46
+ }
47
+ import { FormFieldTextarea } from '../index';
48
+ import * as yup from 'yup';
@@ -0,0 +1,48 @@
1
+ export default meta;
2
+ export namespace Default {
3
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
4
+ }
5
+ export namespace Error {
6
+ export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
7
+ export { render_1 as render };
8
+ }
9
+ export namespace Filled {
10
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
11
+ export { render_2 as render };
12
+ }
13
+ export namespace Require {
14
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
15
+ export { render_3 as render };
16
+ }
17
+ export namespace Disabled {
18
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
19
+ export { render_4 as render };
20
+ }
21
+ declare namespace meta {
22
+ export let title: string;
23
+ export { FormFieldTextarea as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: any;
28
+ let name: string;
29
+ let fieldProps: any;
30
+ let inputProps: {
31
+ placeholder: string;
32
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
33
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
34
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
35
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
36
+ };
37
+ }
38
+ }
39
+ let validationSchema: yup.ObjectSchema<{
40
+ input: string;
41
+ }, yup.AnyObject, {
42
+ input: undefined;
43
+ }, "">;
44
+ function onSubmit(): void;
45
+ }
46
+ }
47
+ import { FormFieldTextarea } from '../index';
48
+ import * as yup from 'yup';
@@ -0,0 +1,20 @@
1
+ import { Field } from 'react-final-form';
2
+ export { Field };
3
+ export { defaultCheckboxProps, FormFieldCheckbox } from './Checkbox';
4
+ export { defaultChipsProps, FormFieldChips } from './Chips';
5
+ export { defaultChoiceProps, FormFieldChoice } from './Choice';
6
+ export { defaultCodeProps, FormFieldCode } from './Code';
7
+ export { FormFieldCustom } from './Custom';
8
+ export { defaultDadataInputProps, FormFieldDadataInput } from './Dadata';
9
+ export { defaultDatepickerProps, FormFieldDatePicker } from './DatePicker';
10
+ export { defaultDropzoneProps, FormFieldFileInput } from './FileInput';
11
+ export { defaultGroupProps, FormGroup } from './Group';
12
+ export { defaultInputProps, FormFieldInput } from './Input';
13
+ export { defaultInputNumberProps, FormFieldInputNumber } from './InputNumber';
14
+ export { FormFieldMaskedInput } from './MaskedInput';
15
+ export { defaultPasswordProps, FormFieldPassword } from './Password';
16
+ export { defaultRadioProps, FormFieldRadioGroup } from './RadioGroup';
17
+ export { defaultSegmentedProps, FormFieldSegmented } from './Segmented';
18
+ export { defaultSelectProps, FormFieldSelect } from './Select';
19
+ export { defaultSwitchProps, FormFieldSwitch } from './Switch';
20
+ export { defaultTextareaProps, FormFieldTextarea } from './Textarea';
@@ -0,0 +1,4 @@
1
+ import { FieldWrapperBaseProps, FieldWrapperProps } from './FieldWrapper.interface';
2
+ declare function FieldWrapperBase(props: FieldWrapperBaseProps): import("react/jsx-runtime").JSX.Element;
3
+ declare function FieldWrapper(props: FieldWrapperProps): import("react/jsx-runtime").JSX.Element;
4
+ export { FieldWrapper, FieldWrapperBase };
@@ -0,0 +1,77 @@
1
+ import { DirectionProps, WidthProps } from '@itcase/types-ui';
2
+ import { DividerProps } from '@itcase/ui-web/components/Divider';
3
+ import { TextProps } from '@itcase/ui-web/components/Text';
4
+ import { FormTypes } from '../generator/generator.interface';
5
+ type FieldWrapperProps = FieldWrapperBaseProps & {
6
+ inputName: string;
7
+ };
8
+ type FieldWrapperBaseProps = {
9
+ id?: string;
10
+ after?: React.ReactNode;
11
+ afterItem?: React.ReactNode;
12
+ before?: React.ReactNode;
13
+ beforeItem?: React.ReactNode;
14
+ children?: React.ReactNode;
15
+ className?: string;
16
+ dataTestId?: string;
17
+ dataTour?: string;
18
+ desc?: string;
19
+ descTextColor?: TextProps['textColor'];
20
+ descTextSize?: TextProps['size'];
21
+ descTextWeight?: TextProps['textWeight'];
22
+ dividerDirection?: DividerProps['direction'];
23
+ dividerFill?: DividerProps['fill'];
24
+ dividerSize?: DividerProps['size'];
25
+ dividerWidth?: DividerProps['width'];
26
+ errorKey?: 'error' | 'required';
27
+ errorMessage?: string;
28
+ errorMessageTextColor?: TextProps['textColor'];
29
+ errorMessageTextSize?: TextProps['size'];
30
+ errorMessageTextWeight?: TextProps['textWeight'];
31
+ fieldClassName?: string;
32
+ helpText?: string;
33
+ helpTextColor?: TextProps['textColor'];
34
+ helpTextColorSuccess?: TextProps['textColor'];
35
+ helpTextSize?: TextProps['size'];
36
+ helpTextSizeMobile?: TextProps['size'];
37
+ helpTextWeight?: TextProps['textWeight'];
38
+ inputName?: string;
39
+ inputValue?: boolean | object | string;
40
+ isDisabled?: boolean;
41
+ isErrorState?: boolean;
42
+ isHidden?: boolean;
43
+ isRequired?: boolean;
44
+ isValidState?: boolean;
45
+ label?: string;
46
+ labelHidden?: string;
47
+ labelTextColor?: TextProps['textColor'];
48
+ labelTextSize?: TextProps['size'];
49
+ labelTextWeight?: TextProps['textWeight'];
50
+ messageTextSize?: TextProps['size'];
51
+ metaActive?: boolean;
52
+ metaError?: boolean;
53
+ requiredMessageTextColor?: TextProps['textColor'];
54
+ requiredMessageTextSize?: TextProps['size'];
55
+ requiredMessageTextWeight?: TextProps['textWeight'];
56
+ showDivider?: boolean;
57
+ showMessage?: boolean;
58
+ tag?: 'div' | 'label';
59
+ type?: FormTypes;
60
+ };
61
+ type FieldBaseProps = {
62
+ direction?: DirectionProps;
63
+ dividerFill?: DividerProps['fill'];
64
+ errorMessageTextColor?: TextProps['textColor'];
65
+ helpTextColor?: TextProps['textColor'];
66
+ labelTextColor?: TextProps['textColor'];
67
+ messageTextColor?: TextProps['textColor'];
68
+ requiredMessageTextColor?: TextProps['textColor'];
69
+ showMessage?: boolean;
70
+ width?: WidthProps;
71
+ };
72
+ type FieldProps = FieldBaseProps & FieldWrapperBaseProps & {
73
+ errorMessageTextSize?: TextProps['size'];
74
+ requiredMessageTextSize?: TextProps['size'];
75
+ size?: TextProps['size'];
76
+ };
77
+ export type { FieldBaseProps, FieldProps, FieldWrapperBaseProps, FieldWrapperProps, };
@@ -0,0 +1,7 @@
1
+ import { FieldBaseProps, FieldProps } from '../FieldWrapper.interface';
2
+ declare const defaultFieldProps: FieldBaseProps;
3
+ declare const defaultFieldSizeS: FieldProps;
4
+ declare const defaultFieldSizeM: FieldProps;
5
+ declare const defaultFieldSizeL: FieldProps;
6
+ declare const defaultFieldSizeXL: FieldProps;
7
+ export { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, };
@@ -0,0 +1,3 @@
1
+ import { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL } from './appearance/default';
2
+ import { FieldWrapper, FieldWrapperBase } from './FieldWrapper';
3
+ export { defaultFieldProps, defaultFieldSizeL, defaultFieldSizeM, defaultFieldSizeS, defaultFieldSizeXL, FieldWrapper, FieldWrapperBase, };
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FinalFormProps } from './FinalForm.interface';
3
+ declare const FinalForm: React.ForwardRefExoticComponent<FinalFormProps & React.RefAttributes<unknown>>;
4
+ export default FinalForm;
@@ -0,0 +1,119 @@
1
+ import type { Config } from 'final-form';
2
+ import type { FormProps, UseFormStateParams } from 'react-final-form';
3
+ import * as yup from 'yup';
4
+ import { DirectionProps, ElevationProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
5
+ import { ButtonProps } from '@itcase/ui-web/components/Button';
6
+ import { GroupProps } from '@itcase/ui-web/components/Group';
7
+ import { LoaderProps } from '@itcase/ui-web/components/Loader';
8
+ import { NotificationProps } from '@itcase/ui-web/components/Notification';
9
+ import { TextProps } from '@itcase/ui-web/components/Text';
10
+ import { TitleProps } from '@itcase/ui-web/components/Title';
11
+ import { ButtonFields, FormTypes, GeneratorField } from '../generator/generator.interface';
12
+ interface FinalFormAppearanceProps {
13
+ buttonDirection?: DirectionProps;
14
+ buttonFill?: FillProps;
15
+ buttonGap?: string;
16
+ buttonJustifyContent?: JustifyContentProps;
17
+ buttonPadding?: string;
18
+ buttonPosition?: 'bottom' | 'sticky';
19
+ descSize?: TextProps['size'];
20
+ descTextColor?: TextProps['textColor'];
21
+ descTextWeight?: TextProps['textWeight'];
22
+ direction?: DirectionProps;
23
+ elevation?: ElevationProps;
24
+ fill?: FillProps;
25
+ height?: HeightProps;
26
+ loader?: React.ReactNode;
27
+ primaryButtonAppearance?: ButtonProps['appearance'];
28
+ primaryButtonFill?: ButtonProps['fill'];
29
+ primaryButtonFillHover?: ButtonProps['fillHover'];
30
+ primaryButtonHtmlType?: ButtonProps['htmlType'];
31
+ primaryButtonIsDisabled?: ButtonProps['isDisabled'];
32
+ primaryButtonIsLoading?: ButtonProps['isLoading'];
33
+ primaryButtonLabel?: ButtonProps['label'];
34
+ primaryButtonLabelSize?: ButtonProps['labelTextSize'];
35
+ primaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
36
+ primaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
37
+ primaryButtonSize?: ButtonProps['size'];
38
+ primarySecondaryHtmlType?: ButtonProps['htmlType'];
39
+ secondaryButtonAppearance?: ButtonProps['appearance'];
40
+ secondaryButtonFill?: ButtonProps['fill'];
41
+ secondaryButtonFillHover?: ButtonProps['fillHover'];
42
+ secondaryButtonIsDisabled?: ButtonProps['isDisabled'];
43
+ secondaryButtonIsLoading?: ButtonProps['isLoading'];
44
+ secondaryButtonLabel?: ButtonProps['label'];
45
+ secondaryButtonLabelSize?: ButtonProps['labelTextSize'];
46
+ secondaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
47
+ secondaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
48
+ secondaryButtonSize?: ButtonProps['size'];
49
+ shape?: ShapeProps;
50
+ shapeStrength?: ShapeProps;
51
+ titleFill?: TitleProps['fill'];
52
+ titlePosition?: TitleProps['position'];
53
+ titleTextColor?: TitleProps['textColor'];
54
+ titleTextSize?: TitleProps['size'];
55
+ titleTextWeight?: TitleProps['textWeight'];
56
+ width?: WidthProps;
57
+ }
58
+ interface FinalFormProps extends FinalFormAppearanceProps {
59
+ isLoading?: boolean;
60
+ onChangeFormValues?: UseFormStateParams['onChange'];
61
+ onClickSecondaryButton?: ButtonProps['onClick'];
62
+ onClickTertiaryButton?: ButtonProps['onClick'];
63
+ onSubmit: Config['onSubmit'];
64
+ after?: React.ReactNode;
65
+ before?: React.ReactNode;
66
+ className?: string;
67
+ config: {
68
+ buttons: Record<string, ButtonFields>;
69
+ fields: Record<string, GeneratorField>;
70
+ form: Record<string, string>;
71
+ };
72
+ dataTestId?: string;
73
+ dataTestIdButtons?: string;
74
+ dataTestIdPrimaryButton?: string;
75
+ dataTestIdSecondaryButton?: string;
76
+ dataTestIdTertiaryButton?: string;
77
+ dataTour?: string;
78
+ dataTourButtons?: GroupProps['dataTour'];
79
+ dataTourPrimaryButton?: ButtonProps['dataTour'];
80
+ dataTourSecondaryButton?: ButtonProps['dataTour'];
81
+ dataTourTertiaryButton?: ButtonProps['dataTour'];
82
+ desc?: string;
83
+ disableFieldsAutoComplete?: boolean;
84
+ fieldsGap?: GroupProps['gap'];
85
+ groupGap?: GroupProps['gap'];
86
+ initialValues: FormProps['initialValues'];
87
+ initialValuesEqual: FormProps['initialValuesEqual'];
88
+ language?: string;
89
+ loaderAppearance?: LoaderProps['appearance'];
90
+ loaderFill?: LoaderProps['fill'];
91
+ loaderItemFill?: LoaderProps['itemFill'];
92
+ loaderShape?: LoaderProps['shape'];
93
+ loaderSize?: LoaderProps['size'];
94
+ loaderText?: LoaderProps['text'];
95
+ loaderType?: LoaderProps['type'];
96
+ mutators: Config['mutators'];
97
+ notificationCloseButton?: NotificationProps['closeIcon'];
98
+ notificationType?: NotificationProps['type'];
99
+ primaryButton?: ButtonProps['children'];
100
+ renderFieldsWrapper?: (children: React.ReactNode) => React.ReactNode;
101
+ secondaryButton?: ButtonProps['children'];
102
+ secondaryButtonHtmlType?: ButtonProps['htmlType'];
103
+ tertiaryButton?: ButtonProps['children'];
104
+ tertiaryButtonAppearance?: ButtonProps['appearance'];
105
+ tertiaryButtonFill?: ButtonProps['fill'];
106
+ tertiaryButtonFillHover?: ButtonProps['fillHover'];
107
+ tertiaryButtonHtmlType?: ButtonProps['htmlType'];
108
+ tertiaryButtonIsDisabled?: ButtonProps['isDisabled'];
109
+ tertiaryButtonIsLoading?: ButtonProps['isLoading'];
110
+ tertiaryButtonLabel?: ButtonProps['label'];
111
+ tertiaryButtonLabelSize?: ButtonProps['labelTextSize'];
112
+ tertiaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
113
+ tertiaryButtonLabelTextWeight?: ButtonProps['labelTextWeight'];
114
+ tertiaryButtonSize?: ButtonProps['size'];
115
+ title?: string;
116
+ type?: FormTypes;
117
+ validationSchema?: yup.ObjectSchema<object>;
118
+ }
119
+ export type { FinalFormProps };
@@ -0,0 +1,25 @@
1
+ declare const formTypes: {
2
+ readonly secondaryButton: "secondaryButton";
3
+ readonly primaryButton: "primaryButton";
4
+ readonly tertiaryButton: "tertiaryButton";
5
+ readonly checkbox: "checkbox";
6
+ readonly chips: "chips";
7
+ readonly choice: "choice";
8
+ readonly code: "code";
9
+ readonly custom: "custom";
10
+ readonly dadataInput: "dadataInput";
11
+ readonly datePicker: "datePicker";
12
+ readonly dateRangePicker: "dateRangePicker";
13
+ readonly fileInput: "fileInput";
14
+ readonly group: "group";
15
+ readonly inputNumber: "inputNumber";
16
+ readonly maskedInput: "maskedInput";
17
+ readonly password: "password";
18
+ readonly radioGroup: "radioGroup";
19
+ readonly segmented: "segmented";
20
+ readonly select: "select";
21
+ readonly switch: "switch";
22
+ readonly text: "text";
23
+ readonly textarea: "textarea";
24
+ };
25
+ export { formTypes };
@@ -0,0 +1,3 @@
1
+ import { GeneratorConfig, GeneratorField } from './generator.interface';
2
+ declare function generateField(field: GeneratorField, props: GeneratorConfig): import("react/jsx-runtime").JSX.Element;
3
+ export { generateField };