@itcase/forms 1.1.62 → 1.1.64

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 (137) 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/Field/Checkbox/FormFieldCheckbox.css +6 -2
  5. package/dist/css/form/Field/Code/FormFieldCode.css +7 -5
  6. package/dist/css/form/Field/Input/FormFieldInput.css +2 -0
  7. package/dist/css/form/Form/Form.css +2 -2
  8. package/dist/css/form/Form/css/form-notification/form-notification.css +1 -1
  9. package/dist/css/form/FormField/FormField.css +25 -12
  10. package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts +4 -0
  11. package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts +18 -0
  12. package/dist/form/Field/Checkbox/appearance/default.d.ts +3 -0
  13. package/dist/form/Field/Checkbox/index.d.ts +3 -0
  14. package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts +99 -0
  15. package/dist/form/Field/Chips/FormFieldChips.d.ts +3 -0
  16. package/dist/form/Field/Chips/FormFieldChips.interface.d.ts +27 -0
  17. package/dist/form/Field/Chips/appearance/default.d.ts +3 -0
  18. package/dist/form/Field/Chips/index.d.ts +3 -0
  19. package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts +30 -0
  20. package/dist/form/Field/Chips/stories/__mock__/index.d.ts +76 -0
  21. package/dist/form/Field/Choice/FormFieldChoice.d.ts +4 -0
  22. package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts +23 -0
  23. package/dist/form/Field/Choice/appearance/default.d.ts +3 -0
  24. package/dist/form/Field/Choice/index.d.ts +3 -0
  25. package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts +104 -0
  26. package/dist/form/Field/Code/FormFieldCode.d.ts +4 -0
  27. package/dist/form/Field/Code/FormFieldCode.interface.d.ts +16 -0
  28. package/dist/form/Field/Code/appearance/default.d.ts +3 -0
  29. package/dist/form/Field/Code/index.d.ts +3 -0
  30. package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts +101 -0
  31. package/dist/form/Field/Custom/FormFieldCustom.d.ts +4 -0
  32. package/dist/form/Field/Custom/FormFieldCustom.interface.d.ts +18 -0
  33. package/dist/form/Field/Custom/index.d.ts +2 -0
  34. package/dist/form/Field/Dadata/FormFieldDadataInput.d.ts +4 -0
  35. package/dist/form/Field/Dadata/FormFieldDadataInput.interface.d.ts +19 -0
  36. package/dist/form/Field/Dadata/appearance/default.d.ts +3 -0
  37. package/dist/form/Field/Dadata/index.d.ts +3 -0
  38. package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts +90 -0
  39. package/dist/form/Field/DatePicker/FormFieldDatePicker.d.ts +3 -0
  40. package/dist/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts +10 -0
  41. package/dist/form/Field/DatePicker/appearance/default.d.ts +12 -0
  42. package/dist/form/Field/DatePicker/index.d.ts +3 -0
  43. package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts +114 -0
  44. package/dist/form/Field/FileInput/FormFieldFileInputDropzone.d.ts +2 -0
  45. package/dist/form/Field/FileInput/appearance/default.d.ts +19 -0
  46. package/dist/form/Field/FileInput/index.d.ts +4 -0
  47. package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts +51 -0
  48. package/dist/form/Field/Group/FormGroup.d.ts +4 -0
  49. package/dist/form/Field/Group/FormGroup.interface.d.ts +47 -0
  50. package/dist/form/Field/Group/appearance/default.d.ts +3 -0
  51. package/dist/form/Field/Group/index.d.ts +3 -0
  52. package/dist/form/Field/Input/FormFieldInput.d.ts +4 -0
  53. package/dist/form/Field/Input/FormFieldInput.interface.d.ts +25 -0
  54. package/dist/form/Field/Input/appearance/default.d.ts +3 -0
  55. package/dist/form/Field/Input/index.d.ts +3 -0
  56. package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts +296 -0
  57. package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts +296 -0
  58. package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts +296 -0
  59. package/dist/form/Field/InputNumber/FormFieldInputNumber.d.ts +4 -0
  60. package/dist/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts +20 -0
  61. package/dist/form/Field/InputNumber/appearance/default.d.ts +3 -0
  62. package/dist/form/Field/InputNumber/index.d.ts +3 -0
  63. package/dist/form/Field/MaskedInput/FormFieldMaskedInput.d.ts +4 -0
  64. package/dist/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts +27 -0
  65. package/dist/form/Field/MaskedInput/appearance/default.d.ts +3 -0
  66. package/dist/form/Field/MaskedInput/index.d.ts +3 -0
  67. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts +127 -0
  68. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts +119 -0
  69. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFloating.stories.d.ts +119 -0
  70. package/dist/form/Field/Password/FormFieldPassword.d.ts +4 -0
  71. package/dist/form/Field/Password/FormFieldPassword.interface.d.ts +17 -0
  72. package/dist/form/Field/Password/appearance/default.d.ts +3 -0
  73. package/dist/form/Field/Password/index.d.ts +3 -0
  74. package/dist/form/Field/Password/stories/FormFieldPasswordClassic.stories.d.ts +104 -0
  75. package/dist/form/Field/Password/stories/FormFieldPasswordFTA.stories.d.ts +104 -0
  76. package/dist/form/Field/Password/stories/FormFieldPasswordFloating.stories.d.ts +104 -0
  77. package/dist/form/Field/RadioGroup/FormFieldRadioGroup.d.ts +4 -0
  78. package/dist/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts +23 -0
  79. package/dist/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts +3 -0
  80. package/dist/form/Field/RadioGroup/appearance/default.d.ts +3 -0
  81. package/dist/form/Field/RadioGroup/index.d.ts +3 -0
  82. package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts +101 -0
  83. package/dist/form/Field/Segmented/FormFieldSegmented.d.ts +3 -0
  84. package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts +15 -0
  85. package/dist/form/Field/Segmented/appearance/default.d.ts +3 -0
  86. package/dist/form/Field/Segmented/index.d.ts +3 -0
  87. package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts +101 -0
  88. package/dist/form/Field/Select/FormFieldSelect.d.ts +4 -0
  89. package/dist/form/Field/Select/FormFieldSelect.interface.d.ts +33 -0
  90. package/dist/form/Field/Select/appearance/default.d.ts +3 -0
  91. package/dist/form/Field/Select/index.d.ts +3 -0
  92. package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts +101 -0
  93. package/dist/form/Field/Switch/FormFieldSwitch.d.ts +5 -0
  94. package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts +16 -0
  95. package/dist/form/Field/Switch/appearance/default.d.ts +3 -0
  96. package/dist/form/Field/Switch/index.d.ts +3 -0
  97. package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts +86 -0
  98. package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts +98 -0
  99. package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts +98 -0
  100. package/dist/form/Field/Textarea/FormFieldTextarea.d.ts +4 -0
  101. package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts +13 -0
  102. package/dist/form/Field/Textarea/appearance/default.d.ts +3 -0
  103. package/dist/form/Field/Textarea/index.d.ts +3 -0
  104. package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts +104 -0
  105. package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts +104 -0
  106. package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts +104 -0
  107. package/dist/form/Field/index.d.ts +20 -0
  108. package/dist/form/FieldWrapper/FieldWrapper.d.ts +4 -0
  109. package/dist/form/FieldWrapper/FieldWrapper.interface.d.ts +77 -0
  110. package/dist/form/FieldWrapper/appearance/default.d.ts +7 -0
  111. package/dist/form/FieldWrapper/index.d.ts +3 -0
  112. package/dist/form/Form/FinalForm.d.ts +4 -0
  113. package/dist/form/Form/FinalForm.interface.d.ts +119 -0
  114. package/dist/form/generator/generator.constants.d.ts +25 -0
  115. package/dist/form/generator/generator.d.ts +3 -0
  116. package/dist/form/generator/generator.interface.d.ts +62 -0
  117. package/dist/form/generator/index.d.ts +4 -0
  118. package/dist/form/index.d.ts +5 -0
  119. package/dist/form/utils.d.ts +22 -0
  120. package/dist/hooks/form/form.d.ts +3 -0
  121. package/dist/hooks/form/index.d.ts +2 -0
  122. package/dist/hooks/index.d.ts +4 -0
  123. package/dist/hooks/useFieldValidationState/index.d.ts +2 -0
  124. package/dist/hooks/useFieldValidationState/useFieldValidationState.d.ts +9 -0
  125. package/dist/hooks/useFieldValidationState/useFieldValidationState.interface.d.ts +8 -0
  126. package/dist/hooks/useValidationAppearanceInputProps/index.d.ts +2 -0
  127. package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.d.ts +3 -0
  128. package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.interface.d.ts +5 -0
  129. package/dist/index.d.ts +5 -0
  130. package/dist/itcase-forms.cjs.js +3 -3767
  131. package/dist/itcase-forms.esm.js +3 -3688
  132. package/dist/services/index.d.ts +2 -0
  133. package/dist/services/utils.d.ts +4 -0
  134. package/dist/validators/index.d.ts +2 -0
  135. package/dist/validators/validation.d.ts +6 -0
  136. package/dist/validators/validation.interface.d.ts +6 -0
  137. package/package.json +35 -20
@@ -0,0 +1,119 @@
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 namespace args {
11
+ namespace config {
12
+ namespace field {
13
+ let initialValue: string;
14
+ let type: "maskedInput";
15
+ let name: string;
16
+ let fieldProps: {
17
+ type: string;
18
+ label: string;
19
+ direction?: import("@itcase/types-ui").DirectionProps;
20
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
21
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
22
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
23
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
24
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
25
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
26
+ showMessage?: boolean;
27
+ width?: import("@itcase/types-ui").WidthProps;
28
+ id?: string;
29
+ after?: React.ReactNode;
30
+ afterItem?: React.ReactNode;
31
+ before?: React.ReactNode;
32
+ beforeItem?: React.ReactNode;
33
+ children?: React.ReactNode;
34
+ className?: string;
35
+ dataTestId?: string;
36
+ dataTour?: string;
37
+ desc?: string;
38
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
39
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
40
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
41
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
42
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
43
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
44
+ errorKey?: "error" | "required";
45
+ errorMessage?: string;
46
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
47
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
48
+ fieldClassName?: string;
49
+ helpText?: string;
50
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
51
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
52
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
53
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
54
+ inputName?: string;
55
+ inputValue?: boolean | object | string;
56
+ isDisabled?: boolean;
57
+ isErrorState?: boolean;
58
+ isHidden?: boolean;
59
+ isRequired?: boolean;
60
+ isValidState?: boolean;
61
+ labelHidden?: string;
62
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
63
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
64
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
65
+ metaActive?: boolean;
66
+ metaError?: boolean;
67
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
68
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
69
+ showDivider?: boolean;
70
+ tag?: "div" | "label";
71
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
72
+ };
73
+ let inputProps: {
74
+ placeholder: string;
75
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
76
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
77
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
78
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
79
+ width: import("@itcase/types-ui").WidthProps;
80
+ };
81
+ namespace optionsMask {
82
+ let lazy: boolean;
83
+ let mask: string;
84
+ }
85
+ let unmasked: string;
86
+ }
87
+ }
88
+ let validationSchema: yup.ObjectSchema<{
89
+ input: string;
90
+ }, yup.AnyObject, {
91
+ input: undefined;
92
+ }, "">;
93
+ function onSubmit(): void;
94
+ }
95
+ export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
96
+ export { render_2 as render };
97
+ }
98
+ export namespace Require {
99
+ export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
100
+ export { render_3 as render };
101
+ }
102
+ export namespace Disabled {
103
+ export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
104
+ export { render_4 as render };
105
+ }
106
+ declare namespace meta {
107
+ export let title: string;
108
+ export { FormFieldMaskedInput as component };
109
+ export { args };
110
+ }
111
+ import * as yup from 'yup';
112
+ import { FormFieldMaskedInput } from '../index';
113
+ declare namespace args_1 {
114
+ export namespace config_1 {
115
+ export namespace field_1 { }
116
+ export { field_1 as field };
117
+ }
118
+ export { config_1 as config };
119
+ }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormFieldPasswordProps } from './FormFieldPassword.interface';
3
+ declare const FormFieldPassword: React.NamedExoticComponent<FormFieldPasswordProps>;
4
+ export { FormFieldPassword };
@@ -0,0 +1,17 @@
1
+ import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
2
+ import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
3
+ type PasswordField = BaseField & {
4
+ type: Extract<FormTypes, 'password'>;
5
+ };
6
+ type FormFieldPasswordProps = PasswordField & {
7
+ initialValue?: object;
8
+ onChange?: (value: string, name: string) => void;
9
+ parse?: (value: string, name: string) => object;
10
+ };
11
+ type DefaultPasswordProps = {
12
+ appearance: CompositeAppearanceStateDefault;
13
+ errorAppearance: CompositeAppearanceStateDefault;
14
+ requiredAppearance: CompositeAppearanceStateDefault;
15
+ successAppearance: CompositeAppearanceStateDefault;
16
+ };
17
+ export type { DefaultPasswordProps, FormFieldPasswordProps, PasswordField };
@@ -0,0 +1,3 @@
1
+ import { DefaultPasswordProps } from '../FormFieldPassword.interface';
2
+ declare const defaultPasswordProps: DefaultPasswordProps;
3
+ export { defaultPasswordProps };
@@ -0,0 +1,3 @@
1
+ import { defaultPasswordProps } from './appearance/default';
2
+ import { FormFieldPassword } from './FormFieldPassword';
3
+ export { defaultPasswordProps, FormFieldPassword };
@@ -0,0 +1,104 @@
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 { FormFieldPassword as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: "password";
28
+ let name: string;
29
+ let fieldProps: {
30
+ direction?: import("@itcase/types-ui").DirectionProps;
31
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
32
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
33
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
34
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
35
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
36
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
37
+ showMessage?: boolean;
38
+ width?: import("@itcase/types-ui").WidthProps;
39
+ id?: string;
40
+ after?: React.ReactNode;
41
+ afterItem?: React.ReactNode;
42
+ before?: React.ReactNode;
43
+ beforeItem?: React.ReactNode;
44
+ children?: React.ReactNode;
45
+ className?: string;
46
+ dataTestId?: string;
47
+ dataTour?: string;
48
+ desc?: string;
49
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
50
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
51
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
52
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
53
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
54
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
55
+ errorKey?: "error" | "required";
56
+ errorMessage?: string;
57
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
58
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
59
+ fieldClassName?: string;
60
+ helpText: string;
61
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
62
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
63
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
64
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
65
+ inputName?: string;
66
+ inputValue?: boolean | object | string;
67
+ isDisabled?: boolean;
68
+ isErrorState?: boolean;
69
+ isHidden?: boolean;
70
+ isRequired?: boolean;
71
+ isValidState?: boolean;
72
+ label: string;
73
+ labelHidden?: string;
74
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
75
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
76
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
77
+ metaActive?: boolean;
78
+ metaError?: boolean;
79
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
80
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
81
+ showDivider?: boolean;
82
+ tag?: "div" | "label";
83
+ type?: import("../../../generator/generator.interface").FormTypes;
84
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
85
+ };
86
+ let inputProps: {
87
+ placeholder: string;
88
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
89
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
90
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
91
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
92
+ };
93
+ }
94
+ }
95
+ let validationSchema: yup.ObjectSchema<{
96
+ input: string;
97
+ }, yup.AnyObject, {
98
+ input: undefined;
99
+ }, "">;
100
+ function onSubmit(): void;
101
+ }
102
+ }
103
+ import { FormFieldPassword } from '../index';
104
+ import * as yup from 'yup';
@@ -0,0 +1,104 @@
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 { FormFieldPassword as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: "text";
28
+ let name: string;
29
+ let fieldProps: {
30
+ type: string;
31
+ label: string;
32
+ direction?: import("@itcase/types-ui").DirectionProps;
33
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
34
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
35
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
36
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
37
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
38
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
39
+ showMessage?: boolean;
40
+ width?: import("@itcase/types-ui").WidthProps;
41
+ id?: string;
42
+ after?: React.ReactNode;
43
+ afterItem?: React.ReactNode;
44
+ before?: React.ReactNode;
45
+ beforeItem?: React.ReactNode;
46
+ children?: React.ReactNode;
47
+ className?: string;
48
+ dataTestId?: string;
49
+ dataTour?: string;
50
+ desc?: string;
51
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
52
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
53
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
54
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
55
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
56
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
57
+ errorKey?: "error" | "required";
58
+ errorMessage?: string;
59
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ fieldClassName?: string;
62
+ helpText?: string;
63
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
64
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
65
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
66
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
67
+ inputName?: string;
68
+ inputValue?: boolean | object | string;
69
+ isDisabled?: boolean;
70
+ isErrorState?: boolean;
71
+ isHidden?: boolean;
72
+ isRequired?: boolean;
73
+ isValidState?: boolean;
74
+ labelHidden?: string;
75
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
77
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
78
+ metaActive?: boolean;
79
+ metaError?: boolean;
80
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
82
+ showDivider?: boolean;
83
+ tag?: "div" | "label";
84
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
85
+ };
86
+ let inputProps: {
87
+ placeholder: string;
88
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
89
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
90
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
91
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
92
+ };
93
+ }
94
+ }
95
+ let validationSchema: yup.ObjectSchema<{
96
+ input: string;
97
+ }, yup.AnyObject, {
98
+ input: undefined;
99
+ }, "">;
100
+ function onSubmit(): void;
101
+ }
102
+ }
103
+ import { FormFieldPassword } from '../index';
104
+ import * as yup from 'yup';
@@ -0,0 +1,104 @@
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 { FormFieldPassword as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace field {
27
+ let type: "text";
28
+ let name: string;
29
+ let fieldProps: {
30
+ type: string;
31
+ label: string;
32
+ direction?: import("@itcase/types-ui").DirectionProps;
33
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
34
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
35
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
36
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
37
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
38
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
39
+ showMessage?: boolean;
40
+ width?: import("@itcase/types-ui").WidthProps;
41
+ id?: string;
42
+ after?: React.ReactNode;
43
+ afterItem?: React.ReactNode;
44
+ before?: React.ReactNode;
45
+ beforeItem?: React.ReactNode;
46
+ children?: React.ReactNode;
47
+ className?: string;
48
+ dataTestId?: string;
49
+ dataTour?: string;
50
+ desc?: string;
51
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
52
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
53
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
54
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
55
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
56
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
57
+ errorKey?: "error" | "required";
58
+ errorMessage?: string;
59
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ fieldClassName?: string;
62
+ helpText?: string;
63
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
64
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
65
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
66
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
67
+ inputName?: string;
68
+ inputValue?: boolean | object | string;
69
+ isDisabled?: boolean;
70
+ isErrorState?: boolean;
71
+ isHidden?: boolean;
72
+ isRequired?: boolean;
73
+ isValidState?: boolean;
74
+ labelHidden?: string;
75
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
77
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
78
+ metaActive?: boolean;
79
+ metaError?: boolean;
80
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
82
+ showDivider?: boolean;
83
+ tag?: "div" | "label";
84
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
85
+ };
86
+ let inputProps: {
87
+ placeholder: string;
88
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
89
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
90
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
91
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
92
+ };
93
+ }
94
+ }
95
+ let validationSchema: yup.ObjectSchema<{
96
+ input: string;
97
+ }, yup.AnyObject, {
98
+ input: undefined;
99
+ }, "">;
100
+ function onSubmit(): void;
101
+ }
102
+ }
103
+ import { FormFieldPassword } from '../index';
104
+ import * as yup from 'yup';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormFieldRadioGroupProps } from './FormFieldRadioGroup.interface';
3
+ declare const FormFieldRadioGroup: React.NamedExoticComponent<FormFieldRadioGroupProps>;
4
+ export { FormFieldRadioGroup };
@@ -0,0 +1,23 @@
1
+ import { FieldInputProps } from 'react-final-form';
2
+ import { Option } from '@itcase/types-core';
3
+ import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
4
+ import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
5
+ type RadioGroupField = BaseField & {
6
+ onChange: (value: string, name: string) => void;
7
+ options: Option[];
8
+ type: Extract<FormTypes, 'radioGroup'>;
9
+ };
10
+ type FormFieldRadioGroupProps = RadioGroupField & {};
11
+ type FormFieldRadioGroupListProps = {
12
+ input: FieldInputProps<unknown>;
13
+ inputProps: FormFieldRadioGroupProps['inputProps'];
14
+ onChange?: FormFieldRadioGroupProps['onChange'];
15
+ options?: FormFieldRadioGroupProps['options'];
16
+ };
17
+ type DefaultRadioProps = {
18
+ appearance: CompositeAppearanceStateDefault;
19
+ errorAppearance: CompositeAppearanceStateDefault;
20
+ requiredAppearance: CompositeAppearanceStateDefault;
21
+ successAppearance: CompositeAppearanceStateDefault;
22
+ };
23
+ export type { DefaultRadioProps, FormFieldRadioGroupListProps, FormFieldRadioGroupProps, RadioGroupField, };
@@ -0,0 +1,3 @@
1
+ import { FormFieldRadioGroupListProps } from './FormFieldRadioGroup.interface';
2
+ declare function FormFieldRadioGroupList(props: FormFieldRadioGroupListProps): import("react/jsx-runtime").JSX.Element;
3
+ export { FormFieldRadioGroupList };
@@ -0,0 +1,3 @@
1
+ import { DefaultRadioProps } from '../FormFieldRadioGroup.interface';
2
+ declare const defaultRadioProps: DefaultRadioProps;
3
+ export { defaultRadioProps };
@@ -0,0 +1,3 @@
1
+ import { defaultRadioProps } from './appearance/default';
2
+ import { FormFieldRadioGroup } from './FormFieldRadioGroup';
3
+ export { defaultRadioProps, FormFieldRadioGroup };
@@ -0,0 +1,101 @@
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 { FormFieldRadioGroup as component };
24
+ export namespace args {
25
+ namespace config {
26
+ namespace FormFieldSegmented {
27
+ let type: "radioGroup";
28
+ let name: string;
29
+ let fieldProps: {
30
+ label: string;
31
+ direction?: import("@itcase/types-ui").DirectionProps;
32
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
33
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
34
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
35
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
36
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
37
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
38
+ showMessage?: boolean;
39
+ width?: import("@itcase/types-ui").WidthProps;
40
+ id?: string;
41
+ after?: React.ReactNode;
42
+ afterItem?: React.ReactNode;
43
+ before?: React.ReactNode;
44
+ beforeItem?: React.ReactNode;
45
+ children?: React.ReactNode;
46
+ className?: string;
47
+ dataTestId?: string;
48
+ dataTour?: string;
49
+ desc?: string;
50
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
51
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
52
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
53
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
54
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
55
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
56
+ errorKey?: "error" | "required";
57
+ errorMessage?: string;
58
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
59
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
60
+ fieldClassName?: string;
61
+ helpText?: string;
62
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
63
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
64
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
65
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
66
+ inputName?: string;
67
+ inputValue?: boolean | object | string;
68
+ isDisabled?: boolean;
69
+ isErrorState?: boolean;
70
+ isHidden?: boolean;
71
+ isRequired?: boolean;
72
+ isValidState?: boolean;
73
+ labelHidden?: string;
74
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
75
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
76
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
77
+ metaActive?: boolean;
78
+ metaError?: boolean;
79
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
80
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
81
+ showDivider?: boolean;
82
+ tag?: "div" | "label";
83
+ type?: import("../../../generator/generator.interface").FormTypes;
84
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
85
+ };
86
+ let inputProps: {
87
+ appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
88
+ errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
89
+ requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
90
+ successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
91
+ };
92
+ let options: {
93
+ label: string;
94
+ desc: string;
95
+ value: string;
96
+ }[];
97
+ }
98
+ }
99
+ }
100
+ }
101
+ import { FormFieldRadioGroup } from '../index';
@@ -0,0 +1,3 @@
1
+ import { FormFieldSegmentedProps } from './FormFieldSegmented.interface';
2
+ declare function FormFieldSegmented(props: FormFieldSegmentedProps): import("react/jsx-runtime").JSX.Element;
3
+ export { FormFieldSegmented };
@@ -0,0 +1,15 @@
1
+ import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
2
+ import { Segment } from '@itcase/ui-web/components/Segmented';
3
+ import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
4
+ type SegmentedField = BaseField & {
5
+ options: Segment[];
6
+ type: Extract<FormTypes, 'segmented'>;
7
+ };
8
+ type FormFieldSegmentedProps = SegmentedField & {};
9
+ type DefaultSegmentedProps = {
10
+ appearance: CompositeAppearanceStateDefault;
11
+ errorAppearance: CompositeAppearanceStateDefault;
12
+ requiredAppearance: CompositeAppearanceKeys;
13
+ width: WidthProps;
14
+ };
15
+ export type { DefaultSegmentedProps, FormFieldSegmentedProps, SegmentedField };
@@ -0,0 +1,3 @@
1
+ import { DefaultSegmentedProps } from '../FormFieldSegmented.interface';
2
+ declare const defaultSegmentedProps: DefaultSegmentedProps;
3
+ export { defaultSegmentedProps };
@@ -0,0 +1,3 @@
1
+ import { defaultSegmentedProps } from './appearance/default';
2
+ import { FormFieldSegmented } from './FormFieldSegmented';
3
+ export { FormFieldSegmented, defaultSegmentedProps };