@itcase/forms 1.1.62 → 1.1.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants/index.d.ts +7 -0
- package/dist/constants/messages.constant.d.ts +10 -0
- package/dist/constants/messages.interface.d.ts +5 -0
- package/dist/css/form/Form/Form.css +1 -1
- package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts +4 -0
- package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts +18 -0
- package/dist/form/Field/Checkbox/appearance/default.d.ts +3 -0
- package/dist/form/Field/Checkbox/index.d.ts +3 -0
- package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts +43 -0
- package/dist/form/Field/Chips/FormFieldChips.d.ts +3 -0
- package/dist/form/Field/Chips/FormFieldChips.interface.d.ts +27 -0
- package/dist/form/Field/Chips/appearance/default.d.ts +3 -0
- package/dist/form/Field/Chips/index.d.ts +3 -0
- package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts +30 -0
- package/dist/form/Field/Chips/stories/__mock__/index.d.ts +76 -0
- package/dist/form/Field/Choice/FormFieldChoice.d.ts +4 -0
- package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts +23 -0
- package/dist/form/Field/Choice/appearance/default.d.ts +3 -0
- package/dist/form/Field/Choice/index.d.ts +3 -0
- package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts +48 -0
- package/dist/form/Field/Code/FormFieldCode.d.ts +4 -0
- package/dist/form/Field/Code/FormFieldCode.interface.d.ts +16 -0
- package/dist/form/Field/Code/appearance/default.d.ts +3 -0
- package/dist/form/Field/Code/index.d.ts +3 -0
- package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts +45 -0
- package/dist/form/Field/Custom/FormFieldCustom.d.ts +4 -0
- package/dist/form/Field/Custom/FormFieldCustom.interface.d.ts +18 -0
- package/dist/form/Field/Custom/index.d.ts +2 -0
- package/dist/form/Field/Dadata/FormFieldDadataInput.d.ts +4 -0
- package/dist/form/Field/Dadata/FormFieldDadataInput.interface.d.ts +19 -0
- package/dist/form/Field/Dadata/appearance/default.d.ts +3 -0
- package/dist/form/Field/Dadata/index.d.ts +3 -0
- package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts +34 -0
- package/dist/form/Field/DatePicker/FormFieldDatePicker.d.ts +3 -0
- package/dist/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts +10 -0
- package/dist/form/Field/DatePicker/appearance/default.d.ts +12 -0
- package/dist/form/Field/DatePicker/index.d.ts +3 -0
- package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts +58 -0
- package/dist/form/Field/FileInput/FormFieldFileInputDropzone.d.ts +2 -0
- package/dist/form/Field/FileInput/appearance/default.d.ts +19 -0
- package/dist/form/Field/FileInput/index.d.ts +4 -0
- package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts +51 -0
- package/dist/form/Field/Group/FormGroup.d.ts +4 -0
- package/dist/form/Field/Group/FormGroup.interface.d.ts +47 -0
- package/dist/form/Field/Group/appearance/default.d.ts +3 -0
- package/dist/form/Field/Group/index.d.ts +3 -0
- package/dist/form/Field/Input/FormFieldInput.d.ts +4 -0
- package/dist/form/Field/Input/FormFieldInput.interface.d.ts +25 -0
- package/dist/form/Field/Input/appearance/default.d.ts +3 -0
- package/dist/form/Field/Input/index.d.ts +3 -0
- package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts +128 -0
- package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts +128 -0
- package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts +128 -0
- package/dist/form/Field/InputNumber/FormFieldInputNumber.d.ts +4 -0
- package/dist/form/Field/InputNumber/FormFieldInputNumber.interface.d.ts +20 -0
- package/dist/form/Field/InputNumber/appearance/default.d.ts +3 -0
- package/dist/form/Field/InputNumber/index.d.ts +3 -0
- package/dist/form/Field/MaskedInput/FormFieldMaskedInput.d.ts +4 -0
- package/dist/form/Field/MaskedInput/FormFieldMaskedInput.interface.d.ts +27 -0
- package/dist/form/Field/MaskedInput/appearance/default.d.ts +3 -0
- package/dist/form/Field/MaskedInput/index.d.ts +3 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts +71 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts +63 -0
- package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFloating.stories.d.ts +63 -0
- package/dist/form/Field/Password/FormFieldPassword.d.ts +4 -0
- package/dist/form/Field/Password/FormFieldPassword.interface.d.ts +17 -0
- package/dist/form/Field/Password/appearance/default.d.ts +3 -0
- package/dist/form/Field/Password/index.d.ts +3 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordClassic.stories.d.ts +48 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordFTA.stories.d.ts +48 -0
- package/dist/form/Field/Password/stories/FormFieldPasswordFloating.stories.d.ts +48 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroup.d.ts +4 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroup.interface.d.ts +23 -0
- package/dist/form/Field/RadioGroup/FormFieldRadioGroupList.d.ts +3 -0
- package/dist/form/Field/RadioGroup/appearance/default.d.ts +3 -0
- package/dist/form/Field/RadioGroup/index.d.ts +3 -0
- package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts +44 -0
- package/dist/form/Field/Segmented/FormFieldSegmented.d.ts +3 -0
- package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts +15 -0
- package/dist/form/Field/Segmented/appearance/default.d.ts +3 -0
- package/dist/form/Field/Segmented/index.d.ts +3 -0
- package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts +45 -0
- package/dist/form/Field/Select/FormFieldSelect.d.ts +4 -0
- package/dist/form/Field/Select/FormFieldSelect.interface.d.ts +33 -0
- package/dist/form/Field/Select/appearance/default.d.ts +3 -0
- package/dist/form/Field/Select/index.d.ts +3 -0
- package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts +45 -0
- package/dist/form/Field/Switch/FormFieldSwitch.d.ts +5 -0
- package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts +16 -0
- package/dist/form/Field/Switch/appearance/default.d.ts +3 -0
- package/dist/form/Field/Switch/index.d.ts +3 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts +30 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts +42 -0
- package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts +42 -0
- package/dist/form/Field/Textarea/FormFieldTextarea.d.ts +4 -0
- package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts +13 -0
- package/dist/form/Field/Textarea/appearance/default.d.ts +3 -0
- package/dist/form/Field/Textarea/index.d.ts +3 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts +48 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts +48 -0
- package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts +48 -0
- package/dist/form/Field/index.d.ts +20 -0
- package/dist/form/FieldWrapper/FieldWrapper.d.ts +4 -0
- package/dist/form/FieldWrapper/FieldWrapper.interface.d.ts +77 -0
- package/dist/form/FieldWrapper/appearance/default.d.ts +7 -0
- package/dist/form/FieldWrapper/index.d.ts +3 -0
- package/dist/form/Form/FinalForm.d.ts +4 -0
- package/dist/form/Form/FinalForm.interface.d.ts +119 -0
- package/dist/form/generator/generator.constants.d.ts +25 -0
- package/dist/form/generator/generator.d.ts +3 -0
- package/dist/form/generator/generator.interface.d.ts +62 -0
- package/dist/form/generator/index.d.ts +4 -0
- package/dist/form/index.d.ts +5 -0
- package/dist/form/utils.d.ts +22 -0
- package/dist/hooks/form/form.d.ts +3 -0
- package/dist/hooks/form/index.d.ts +2 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/useFieldValidationState/index.d.ts +2 -0
- package/dist/hooks/useFieldValidationState/useFieldValidationState.d.ts +9 -0
- package/dist/hooks/useFieldValidationState/useFieldValidationState.interface.d.ts +8 -0
- package/dist/hooks/useValidationAppearanceInputProps/index.d.ts +2 -0
- package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.d.ts +3 -0
- package/dist/hooks/useValidationAppearanceInputProps/useValidationAppearanceInputProps.interface.d.ts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/itcase-forms.cjs.js +3 -3767
- package/dist/itcase-forms.esm.js +3 -3688
- package/dist/services/index.d.ts +2 -0
- package/dist/services/utils.d.ts +4 -0
- package/dist/validators/index.d.ts +2 -0
- package/dist/validators/validation.d.ts +6 -0
- package/dist/validators/validation.interface.d.ts +6 -0
- package/package.json +12 -6
|
@@ -0,0 +1,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, };
|
|
@@ -0,0 +1,44 @@
|
|
|
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 { FormField as component };
|
|
24
|
+
export namespace args {
|
|
25
|
+
namespace config {
|
|
26
|
+
namespace FormFieldSegmented {
|
|
27
|
+
let type: any;
|
|
28
|
+
let name: string;
|
|
29
|
+
let fieldProps: any;
|
|
30
|
+
let inputProps: {
|
|
31
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
32
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
33
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
34
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
35
|
+
};
|
|
36
|
+
let options: {
|
|
37
|
+
label: string;
|
|
38
|
+
desc: string;
|
|
39
|
+
value: string;
|
|
40
|
+
}[];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -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,45 @@
|
|
|
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 { FormFieldSegmented as component };
|
|
24
|
+
export namespace args {
|
|
25
|
+
namespace config {
|
|
26
|
+
export namespace FormFieldSegmented_1 {
|
|
27
|
+
let type: any;
|
|
28
|
+
let name: string;
|
|
29
|
+
let fieldProps: any;
|
|
30
|
+
let inputProps: {
|
|
31
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
32
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
33
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
|
|
34
|
+
width: import("@itcase/types-ui").WidthProps;
|
|
35
|
+
};
|
|
36
|
+
let options: {
|
|
37
|
+
label: string;
|
|
38
|
+
value: string;
|
|
39
|
+
}[];
|
|
40
|
+
}
|
|
41
|
+
export { FormFieldSegmented_1 as FormFieldSegmented };
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
import { FormFieldSegmented } from '../index';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { FieldRenderProps } from 'react-final-form';
|
|
2
|
+
import { SelectInstance } from 'react-select';
|
|
3
|
+
import { Option } from '@itcase/types-core';
|
|
4
|
+
import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
|
|
5
|
+
import { SelectProps } from '@itcase/ui-web/components/Select';
|
|
6
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
7
|
+
import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
|
|
8
|
+
type SelectField = BaseField & {
|
|
9
|
+
onChange: SelectProps<Option>['onChange'];
|
|
10
|
+
options: Option[];
|
|
11
|
+
selectProps: BaseField['inputProps'];
|
|
12
|
+
type: Extract<FormTypes, 'select'>;
|
|
13
|
+
};
|
|
14
|
+
type FormFieldSelectProps = SelectField & {
|
|
15
|
+
initialValue?: object;
|
|
16
|
+
onInputChange?: SelectProps<Option>['onInputChange'];
|
|
17
|
+
selectRef?: React.ForwardedRef<SelectInstance<Option>>;
|
|
18
|
+
};
|
|
19
|
+
type OptionValue = number | string;
|
|
20
|
+
type GetDefaultValueParams = {
|
|
21
|
+
options: Array<Option & {
|
|
22
|
+
options?: Option[];
|
|
23
|
+
}>;
|
|
24
|
+
selectValue: OptionValue | OptionValue[];
|
|
25
|
+
};
|
|
26
|
+
type SelectFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
|
|
27
|
+
type DefaultSelectProps = {
|
|
28
|
+
appearance: CompositeAppearanceStateDefault;
|
|
29
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
30
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
31
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
32
|
+
};
|
|
33
|
+
export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectField, SelectFieldRenderProps, };
|
|
@@ -0,0 +1,45 @@
|
|
|
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 { FormFieldSelect as component };
|
|
24
|
+
export namespace args {
|
|
25
|
+
namespace config {
|
|
26
|
+
export namespace FormFieldSelect_1 {
|
|
27
|
+
let type: any;
|
|
28
|
+
let name: string;
|
|
29
|
+
let fieldProps: any;
|
|
30
|
+
let options: {
|
|
31
|
+
label: string;
|
|
32
|
+
value: string;
|
|
33
|
+
}[];
|
|
34
|
+
let selectProps: {
|
|
35
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
36
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
37
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
38
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
export { FormFieldSelect_1 as FormFieldSelect };
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
import { FormFieldSelect } from '../index';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { defaultSwitchProps } from './appearance/default';
|
|
3
|
+
import { FormFieldSwitchProps } from './FormFieldSwitch.interface';
|
|
4
|
+
declare const FormFieldSwitch: React.NamedExoticComponent<FormFieldSwitchProps>;
|
|
5
|
+
export { defaultSwitchProps, FormFieldSwitch };
|