@itcase/forms 1.1.61 → 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/Field/Input/FormFieldInput.css +0 -107
- package/dist/css/form/Field/Textarea/FormFieldTextarea.css +0 -107
- 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,128 @@
|
|
|
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 namespace args {
|
|
7
|
+
let validationSchema: yup.ObjectSchema<{
|
|
8
|
+
text: string;
|
|
9
|
+
}, yup.AnyObject, {
|
|
10
|
+
text: undefined;
|
|
11
|
+
}, "">;
|
|
12
|
+
}
|
|
13
|
+
export namespace parameters {
|
|
14
|
+
let error: boolean;
|
|
15
|
+
}
|
|
16
|
+
export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export { render_1 as render };
|
|
18
|
+
}
|
|
19
|
+
export namespace Filled {
|
|
20
|
+
export namespace args_1 {
|
|
21
|
+
let config: {
|
|
22
|
+
field: {
|
|
23
|
+
type: any;
|
|
24
|
+
name: string;
|
|
25
|
+
fieldProps: any;
|
|
26
|
+
inputProps: {
|
|
27
|
+
placeholder: string;
|
|
28
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
29
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
30
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
31
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
32
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
} & {
|
|
36
|
+
field: {
|
|
37
|
+
inputProps: {
|
|
38
|
+
value: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
export { args_1 as args };
|
|
44
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
export { render_2 as render };
|
|
46
|
+
}
|
|
47
|
+
export namespace Require {
|
|
48
|
+
export namespace args_2 {
|
|
49
|
+
let validationSchema_1: yup.ObjectSchema<{
|
|
50
|
+
text: string;
|
|
51
|
+
}, yup.AnyObject, {
|
|
52
|
+
text: undefined;
|
|
53
|
+
}, "">;
|
|
54
|
+
export { validationSchema_1 as validationSchema };
|
|
55
|
+
}
|
|
56
|
+
export { args_2 as args };
|
|
57
|
+
export namespace parameters_1 {
|
|
58
|
+
let require: boolean;
|
|
59
|
+
}
|
|
60
|
+
export { parameters_1 as parameters };
|
|
61
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
export { render_3 as render };
|
|
63
|
+
}
|
|
64
|
+
export namespace Disabled {
|
|
65
|
+
export namespace args_3 {
|
|
66
|
+
let config_1: {
|
|
67
|
+
field: {
|
|
68
|
+
type: any;
|
|
69
|
+
name: string;
|
|
70
|
+
fieldProps: any;
|
|
71
|
+
inputProps: {
|
|
72
|
+
placeholder: string;
|
|
73
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
74
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
75
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
76
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
77
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
} & {
|
|
81
|
+
field: {
|
|
82
|
+
inputProps: {
|
|
83
|
+
isDisabled: boolean;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
export { config_1 as config };
|
|
88
|
+
}
|
|
89
|
+
export { args_3 as args };
|
|
90
|
+
export namespace parameters_2 {
|
|
91
|
+
let disabled: boolean;
|
|
92
|
+
}
|
|
93
|
+
export { parameters_2 as parameters };
|
|
94
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
95
|
+
export { render_4 as render };
|
|
96
|
+
}
|
|
97
|
+
declare namespace meta {
|
|
98
|
+
export let title: string;
|
|
99
|
+
export { FormFieldInput as component };
|
|
100
|
+
export namespace args_4 {
|
|
101
|
+
export namespace config_2 {
|
|
102
|
+
namespace field {
|
|
103
|
+
let type: any;
|
|
104
|
+
let name: string;
|
|
105
|
+
let fieldProps: any;
|
|
106
|
+
let inputProps: {
|
|
107
|
+
placeholder: string;
|
|
108
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
109
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
110
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
111
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
112
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
export { config_2 as config };
|
|
117
|
+
export function onSubmit(): void;
|
|
118
|
+
}
|
|
119
|
+
export { args_4 as args };
|
|
120
|
+
export namespace parameters_3 {
|
|
121
|
+
let maxWidth: string;
|
|
122
|
+
let layout: string;
|
|
123
|
+
let formUrl: string;
|
|
124
|
+
}
|
|
125
|
+
export { parameters_3 as parameters };
|
|
126
|
+
}
|
|
127
|
+
import * as yup from 'yup';
|
|
128
|
+
import { FormFieldInput } from '../index';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
2
|
+
import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
|
|
3
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
4
|
+
type InputNumberField = BaseField & {
|
|
5
|
+
inputType: InputNumberProps['type'];
|
|
6
|
+
type: Extract<FormTypes, 'inputNumber'>;
|
|
7
|
+
};
|
|
8
|
+
type FormFieldInputNumberProps = InputNumberField & {
|
|
9
|
+
initialValue?: number | string;
|
|
10
|
+
onChange?: (value: string) => void;
|
|
11
|
+
parse?: (value: number, name: string) => number;
|
|
12
|
+
};
|
|
13
|
+
type DefaultInputNumberProps = {
|
|
14
|
+
appearance: CompositeAppearanceStateDefault;
|
|
15
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
16
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
17
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
18
|
+
width: WidthProps;
|
|
19
|
+
};
|
|
20
|
+
export type { DefaultInputNumberProps, FormFieldInputNumberProps, InputNumberField, };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
2
|
+
import { IconProps } from '@itcase/ui-web/components/Icon';
|
|
3
|
+
import { InputNumberProps } from '@itcase/ui-web/components/InputNumber';
|
|
4
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
5
|
+
type MaskedInputField = BaseField & {
|
|
6
|
+
inputType: InputNumberProps['type'];
|
|
7
|
+
type: Extract<FormTypes, 'maskedInput'>;
|
|
8
|
+
};
|
|
9
|
+
type FormFieldMaskedInputProps = MaskedInputField & {
|
|
10
|
+
clearIcon?: IconProps['SvgImage'];
|
|
11
|
+
clearIconFill?: IconProps['iconFill'];
|
|
12
|
+
clearIconFillHover?: IconProps['iconFillHover'];
|
|
13
|
+
clearIconShape?: IconProps['shape'];
|
|
14
|
+
clearIconSize?: IconProps['size'];
|
|
15
|
+
initialValue?: string;
|
|
16
|
+
onClickClearIcon?: IconProps['onClick'];
|
|
17
|
+
optionsMask?: object;
|
|
18
|
+
unmasked?: string;
|
|
19
|
+
};
|
|
20
|
+
type DefaultMaskedInputProps = {
|
|
21
|
+
appearance: CompositeAppearanceStateDefault;
|
|
22
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
23
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
24
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
25
|
+
width: WidthProps;
|
|
26
|
+
};
|
|
27
|
+
export type { DefaultMaskedInputProps, FormFieldMaskedInputProps, MaskedInputField, };
|
|
@@ -0,0 +1,71 @@
|
|
|
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: any;
|
|
15
|
+
let name: string;
|
|
16
|
+
let fieldProps: any;
|
|
17
|
+
let inputProps: {
|
|
18
|
+
placeholder: string;
|
|
19
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
20
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
21
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
22
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
23
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
24
|
+
};
|
|
25
|
+
namespace optionsMask {
|
|
26
|
+
let lazy: boolean;
|
|
27
|
+
let mask: string;
|
|
28
|
+
}
|
|
29
|
+
let unmasked: string;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
let validationSchema: yup.ObjectSchema<{
|
|
33
|
+
input: string;
|
|
34
|
+
}, yup.AnyObject, {
|
|
35
|
+
input: undefined;
|
|
36
|
+
}, "">;
|
|
37
|
+
function onSubmit(): void;
|
|
38
|
+
}
|
|
39
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export { render_2 as render };
|
|
41
|
+
}
|
|
42
|
+
export namespace Require {
|
|
43
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export { render_3 as render };
|
|
45
|
+
}
|
|
46
|
+
export namespace Disabled {
|
|
47
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export { render_4 as render };
|
|
49
|
+
}
|
|
50
|
+
declare namespace meta {
|
|
51
|
+
let validationSchema_1: yup.ObjectSchema<{
|
|
52
|
+
input: string;
|
|
53
|
+
}, yup.AnyObject, {
|
|
54
|
+
input: undefined;
|
|
55
|
+
}, "">;
|
|
56
|
+
export { validationSchema_1 as validationSchema };
|
|
57
|
+
export let title: string;
|
|
58
|
+
export { FormFieldMaskedInput as component };
|
|
59
|
+
export { args };
|
|
60
|
+
export function onSubmit_1(): void;
|
|
61
|
+
export { onSubmit_1 as onSubmit };
|
|
62
|
+
}
|
|
63
|
+
import * as yup from 'yup';
|
|
64
|
+
import { FormFieldMaskedInput } from '../index';
|
|
65
|
+
declare namespace args_1 {
|
|
66
|
+
export namespace config_1 {
|
|
67
|
+
export namespace field_1 { }
|
|
68
|
+
export { field_1 as field };
|
|
69
|
+
}
|
|
70
|
+
export { config_1 as config };
|
|
71
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
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: any;
|
|
15
|
+
let name: string;
|
|
16
|
+
let fieldProps: any;
|
|
17
|
+
let inputProps: {
|
|
18
|
+
placeholder: string;
|
|
19
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
20
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
21
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
22
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
23
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
24
|
+
};
|
|
25
|
+
namespace optionsMask {
|
|
26
|
+
let lazy: boolean;
|
|
27
|
+
let mask: string;
|
|
28
|
+
}
|
|
29
|
+
let unmasked: string;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
let validationSchema: yup.ObjectSchema<{
|
|
33
|
+
input: string;
|
|
34
|
+
}, yup.AnyObject, {
|
|
35
|
+
input: undefined;
|
|
36
|
+
}, "">;
|
|
37
|
+
function onSubmit(): void;
|
|
38
|
+
}
|
|
39
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export { render_2 as render };
|
|
41
|
+
}
|
|
42
|
+
export namespace Require {
|
|
43
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export { render_3 as render };
|
|
45
|
+
}
|
|
46
|
+
export namespace Disabled {
|
|
47
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export { render_4 as render };
|
|
49
|
+
}
|
|
50
|
+
declare namespace meta {
|
|
51
|
+
export let title: string;
|
|
52
|
+
export { FormFieldMaskedInput as component };
|
|
53
|
+
export { args };
|
|
54
|
+
}
|
|
55
|
+
import * as yup from 'yup';
|
|
56
|
+
import { FormFieldMaskedInput } from '../index';
|
|
57
|
+
declare namespace args_1 {
|
|
58
|
+
export namespace config_1 {
|
|
59
|
+
export namespace field_1 { }
|
|
60
|
+
export { field_1 as field };
|
|
61
|
+
}
|
|
62
|
+
export { config_1 as config };
|
|
63
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
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: any;
|
|
15
|
+
let name: string;
|
|
16
|
+
let fieldProps: any;
|
|
17
|
+
let inputProps: {
|
|
18
|
+
placeholder: string;
|
|
19
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
20
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
21
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
22
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
23
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
24
|
+
};
|
|
25
|
+
namespace optionsMask {
|
|
26
|
+
let lazy: boolean;
|
|
27
|
+
let mask: string;
|
|
28
|
+
}
|
|
29
|
+
let unmasked: string;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
let validationSchema: yup.ObjectSchema<{
|
|
33
|
+
input: string;
|
|
34
|
+
}, yup.AnyObject, {
|
|
35
|
+
input: undefined;
|
|
36
|
+
}, "">;
|
|
37
|
+
function onSubmit(): void;
|
|
38
|
+
}
|
|
39
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export { render_2 as render };
|
|
41
|
+
}
|
|
42
|
+
export namespace Require {
|
|
43
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export { render_3 as render };
|
|
45
|
+
}
|
|
46
|
+
export namespace Disabled {
|
|
47
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export { render_4 as render };
|
|
49
|
+
}
|
|
50
|
+
declare namespace meta {
|
|
51
|
+
export let title: string;
|
|
52
|
+
export { FormFieldMaskedInput as component };
|
|
53
|
+
export { args };
|
|
54
|
+
}
|
|
55
|
+
import * as yup from 'yup';
|
|
56
|
+
import { FormFieldMaskedInput } from '../index';
|
|
57
|
+
declare namespace args_1 {
|
|
58
|
+
export namespace config_1 {
|
|
59
|
+
export namespace field_1 { }
|
|
60
|
+
export { field_1 as field };
|
|
61
|
+
}
|
|
62
|
+
export { config_1 as config };
|
|
63
|
+
}
|
|
@@ -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,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 { FormFieldPassword 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 { FormFieldPassword } 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 { FormFieldPassword 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 { FormFieldPassword } 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 { FormFieldPassword 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 { FormFieldPassword } from '../index';
|
|
48
|
+
import * as yup from 'yup';
|
|
@@ -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, };
|