@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,10 @@
|
|
|
1
|
+
import { Messages } from './messages.interface';
|
|
2
|
+
declare const DEFAULT_MESSAGES_REQUIRED: Messages;
|
|
3
|
+
declare const DEFAULT_MESSAGES_ERROR: Messages;
|
|
4
|
+
declare const DEFAULT_MESSAGES_URL: Messages;
|
|
5
|
+
declare const DEFAULT_MESSAGES_PASSWORD: Messages;
|
|
6
|
+
declare const DEFAULT_MESSAGES_NUMBER: Messages;
|
|
7
|
+
declare const DEFAULT_MESSAGES_MIN_MAX: Messages;
|
|
8
|
+
declare const DEFAULT_MESSAGES_PHONE: Messages;
|
|
9
|
+
declare const DEFAULT_MESSAGES_EMAIL: Messages;
|
|
10
|
+
export { DEFAULT_MESSAGES_EMAIL, DEFAULT_MESSAGES_ERROR, DEFAULT_MESSAGES_MIN_MAX, DEFAULT_MESSAGES_NUMBER, DEFAULT_MESSAGES_PASSWORD, DEFAULT_MESSAGES_PHONE, DEFAULT_MESSAGES_REQUIRED, DEFAULT_MESSAGES_URL, };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
2
|
+
import { FieldWrapperBaseProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
|
|
3
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
4
|
+
type CheckboxField = BaseField & {
|
|
5
|
+
onChange: (isChecked: boolean, name: string) => void;
|
|
6
|
+
type: Extract<FormTypes, 'checkbox'>;
|
|
7
|
+
};
|
|
8
|
+
type FormFieldCheckboxProps = CheckboxField & {
|
|
9
|
+
fieldProps?: FieldWrapperBaseProps;
|
|
10
|
+
initialValue?: {};
|
|
11
|
+
};
|
|
12
|
+
type DefaultCheckboxProps = {
|
|
13
|
+
appearance: CompositeAppearanceStateDefault;
|
|
14
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
15
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
16
|
+
width?: WidthProps;
|
|
17
|
+
};
|
|
18
|
+
export type { CheckboxField, DefaultCheckboxProps, FormFieldCheckboxProps };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
namespace parameters {
|
|
4
|
+
let error: boolean;
|
|
5
|
+
}
|
|
6
|
+
function render(args: any): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
}
|
|
8
|
+
export namespace Error {
|
|
9
|
+
export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { render_1 as render };
|
|
11
|
+
}
|
|
12
|
+
export namespace Success {
|
|
13
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { render_2 as render };
|
|
15
|
+
}
|
|
16
|
+
export namespace Require {
|
|
17
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { render_3 as render };
|
|
19
|
+
}
|
|
20
|
+
export namespace Disabled {
|
|
21
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export { render_4 as render };
|
|
23
|
+
}
|
|
24
|
+
declare namespace meta {
|
|
25
|
+
let title: string;
|
|
26
|
+
namespace args {
|
|
27
|
+
namespace config {
|
|
28
|
+
namespace checkbox {
|
|
29
|
+
let type: any;
|
|
30
|
+
let name: string;
|
|
31
|
+
let fieldProps: any;
|
|
32
|
+
let inputProps: {
|
|
33
|
+
label: string;
|
|
34
|
+
desc: string;
|
|
35
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
36
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
37
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
38
|
+
width?: import("@itcase/types-ui").WidthProps;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FieldRenderProps } from 'react-final-form';
|
|
2
|
+
import { Option } from '@itcase/types-core';
|
|
3
|
+
import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
4
|
+
import { TextProps } from '@itcase/ui-web/components/Text';
|
|
5
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
6
|
+
import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
|
|
7
|
+
type ChipsField = BaseField & {
|
|
8
|
+
options: Array<Option & {
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
}>;
|
|
11
|
+
type: Extract<FormTypes, 'chips'>;
|
|
12
|
+
};
|
|
13
|
+
type FormFieldChipsProps = ChipsField & {
|
|
14
|
+
emptyMessage?: string;
|
|
15
|
+
emptyMessageTextColor?: TextProps['textColor'];
|
|
16
|
+
emptyMessageTextSize?: TextProps['size'];
|
|
17
|
+
initialValue?: string[];
|
|
18
|
+
onChange?: (values: string[]) => void;
|
|
19
|
+
};
|
|
20
|
+
type ChipsFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
|
|
21
|
+
type DefaultChipsProps = {
|
|
22
|
+
appearance: CompositeAppearanceKeys;
|
|
23
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
24
|
+
requiredAppearance: CompositeAppearanceKeys;
|
|
25
|
+
width?: WidthProps;
|
|
26
|
+
};
|
|
27
|
+
export type { ChipsField, ChipsFieldRenderProps, DefaultChipsProps, FormFieldChipsProps, };
|
|
@@ -0,0 +1,30 @@
|
|
|
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 { FormFieldChips as component };
|
|
24
|
+
export { FormFieldChipsMock as args };
|
|
25
|
+
export namespace parameters {
|
|
26
|
+
let layout: string;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
import { FormFieldChips } from '../index';
|
|
30
|
+
import { FormFieldChipsMock } from './__mock__';
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export namespace FormFieldChipsMock {
|
|
2
|
+
namespace config {
|
|
3
|
+
namespace chips {
|
|
4
|
+
let type: any;
|
|
5
|
+
let name: string;
|
|
6
|
+
let fieldProps: {
|
|
7
|
+
label: string;
|
|
8
|
+
direction?: import("@itcase/types-ui").DirectionProps;
|
|
9
|
+
dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
|
|
10
|
+
errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
11
|
+
helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
12
|
+
labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
13
|
+
messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
14
|
+
requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
15
|
+
showMessage?: boolean;
|
|
16
|
+
width?: import("@itcase/types-ui").WidthProps;
|
|
17
|
+
id?: string;
|
|
18
|
+
after?: React.ReactNode;
|
|
19
|
+
afterItem?: React.ReactNode;
|
|
20
|
+
before?: React.ReactNode;
|
|
21
|
+
beforeItem?: React.ReactNode;
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
className?: string;
|
|
24
|
+
dataTestId?: string;
|
|
25
|
+
dataTour?: string;
|
|
26
|
+
desc?: string;
|
|
27
|
+
descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
28
|
+
descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
29
|
+
descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
|
|
30
|
+
dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
|
|
31
|
+
dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
|
|
32
|
+
dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
|
|
33
|
+
errorKey?: "error" | "required";
|
|
34
|
+
errorMessage?: string;
|
|
35
|
+
errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
36
|
+
errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
|
|
37
|
+
fieldClassName?: string;
|
|
38
|
+
helpText?: string;
|
|
39
|
+
helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
|
|
40
|
+
helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
41
|
+
helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
42
|
+
helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
|
|
43
|
+
inputName?: string;
|
|
44
|
+
inputValue?: boolean | object | string;
|
|
45
|
+
isDisabled?: boolean;
|
|
46
|
+
isErrorState?: boolean;
|
|
47
|
+
isHidden?: boolean;
|
|
48
|
+
isRequired?: boolean;
|
|
49
|
+
isValidState?: boolean;
|
|
50
|
+
labelHidden?: string;
|
|
51
|
+
labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
52
|
+
labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
|
|
53
|
+
messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
54
|
+
metaActive?: boolean;
|
|
55
|
+
metaError?: boolean;
|
|
56
|
+
requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
57
|
+
requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
|
|
58
|
+
showDivider?: boolean;
|
|
59
|
+
tag?: "div" | "label";
|
|
60
|
+
type?: import("../../../../generator/generator.interface").FormTypes;
|
|
61
|
+
size?: import("@itcase/ui-web/components/Text").TextProps["size"];
|
|
62
|
+
};
|
|
63
|
+
let inputProps: {
|
|
64
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceKeys;
|
|
65
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
66
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
|
|
67
|
+
width?: import("@itcase/types-ui").WidthProps;
|
|
68
|
+
};
|
|
69
|
+
let options: {
|
|
70
|
+
label: string;
|
|
71
|
+
value: string;
|
|
72
|
+
}[];
|
|
73
|
+
let isRequired: boolean;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FieldRenderProps } from 'react-final-form';
|
|
2
|
+
import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
3
|
+
import { ChoiceProps } from '@itcase/ui-web/components/Choice';
|
|
4
|
+
import { FieldWrapperProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
|
|
5
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
6
|
+
type ChoiceField = BaseField & {
|
|
7
|
+
onChange: (value: string, name: string, isChecked?: boolean) => void;
|
|
8
|
+
options: ChoiceProps['options'];
|
|
9
|
+
type: Extract<FormTypes, 'choice'>;
|
|
10
|
+
};
|
|
11
|
+
type FormFieldChoiceProps = ChoiceField & {
|
|
12
|
+
initialValue?: string;
|
|
13
|
+
isCheckbox?: boolean;
|
|
14
|
+
label?: FieldWrapperProps['label'];
|
|
15
|
+
};
|
|
16
|
+
type ChoiceFieldRenderProps = FieldRenderProps<string>;
|
|
17
|
+
type DefaultChoiceProps = {
|
|
18
|
+
appearance: CompositeAppearanceStateDefault;
|
|
19
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
20
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
21
|
+
width?: WidthProps;
|
|
22
|
+
};
|
|
23
|
+
export type { ChoiceField, ChoiceFieldRenderProps, DefaultChoiceProps, FormFieldChoiceProps, };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
namespace parameters {
|
|
4
|
+
let _default: boolean;
|
|
5
|
+
export { _default as default };
|
|
6
|
+
}
|
|
7
|
+
function render(args: any): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
export namespace Error {
|
|
10
|
+
export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { render_1 as render };
|
|
12
|
+
}
|
|
13
|
+
export namespace Success {
|
|
14
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { render_2 as render };
|
|
16
|
+
}
|
|
17
|
+
export namespace Require {
|
|
18
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export { render_3 as render };
|
|
20
|
+
}
|
|
21
|
+
export namespace Disabled {
|
|
22
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { render_4 as render };
|
|
24
|
+
}
|
|
25
|
+
declare namespace meta {
|
|
26
|
+
export let title: string;
|
|
27
|
+
export { FormFieldChoice as component };
|
|
28
|
+
export namespace args {
|
|
29
|
+
namespace config {
|
|
30
|
+
namespace choice {
|
|
31
|
+
let type: any;
|
|
32
|
+
let name: string;
|
|
33
|
+
let fieldProps: any;
|
|
34
|
+
let inputProps: {
|
|
35
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
36
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
37
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
38
|
+
width?: import("@itcase/types-ui").WidthProps;
|
|
39
|
+
};
|
|
40
|
+
let options: {
|
|
41
|
+
label: string;
|
|
42
|
+
value: string;
|
|
43
|
+
}[];
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
import { FormFieldChoice } from '../index';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
|
|
2
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
3
|
+
type CodeField = BaseField & {
|
|
4
|
+
type: Extract<FormTypes, 'code'>;
|
|
5
|
+
};
|
|
6
|
+
type FormFieldCodeProps = CodeField & {
|
|
7
|
+
initialValue?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
};
|
|
10
|
+
type DefaultCodeProps = {
|
|
11
|
+
appearance: CompositeAppearanceStateDefault;
|
|
12
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
13
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
14
|
+
width?: WidthProps;
|
|
15
|
+
};
|
|
16
|
+
export type { CodeField, DefaultCodeProps, FormFieldCodeProps };
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export let title: string;
|
|
3
|
+
export { FormFieldCode as component };
|
|
4
|
+
export namespace args {
|
|
5
|
+
namespace config {
|
|
6
|
+
export namespace FormFieldCode_1 {
|
|
7
|
+
let type: any;
|
|
8
|
+
let name: string;
|
|
9
|
+
let fieldProps: any;
|
|
10
|
+
let inputProps: {
|
|
11
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
12
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
13
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
14
|
+
width?: import("@itcase/types-ui").WidthProps;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export { FormFieldCode_1 as FormFieldCode };
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export namespace parameters {
|
|
21
|
+
let maxWidth: string;
|
|
22
|
+
let layout: string;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
export default _default;
|
|
26
|
+
export namespace Default {
|
|
27
|
+
function render(args: any): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
}
|
|
29
|
+
export namespace Error {
|
|
30
|
+
export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export { render_1 as render };
|
|
32
|
+
}
|
|
33
|
+
export namespace Success {
|
|
34
|
+
export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export { render_2 as render };
|
|
36
|
+
}
|
|
37
|
+
export namespace Require {
|
|
38
|
+
export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export { render_3 as render };
|
|
40
|
+
}
|
|
41
|
+
export namespace Disabled {
|
|
42
|
+
export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export { render_4 as render };
|
|
44
|
+
}
|
|
45
|
+
import { FormFieldCode } from '../index';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { IconProps } from '@itcase/ui-web/components/Icon';
|
|
2
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
3
|
+
type CustomField = BaseField & {
|
|
4
|
+
Component: React.ComponentType<Partial<Record<string, boolean | object | string>>>;
|
|
5
|
+
type: Extract<FormTypes, 'custom'>;
|
|
6
|
+
};
|
|
7
|
+
type FormFieldCustomProps = CustomField & {
|
|
8
|
+
classNameGroupItem?: string;
|
|
9
|
+
clearIcon?: IconProps['SvgImage'];
|
|
10
|
+
clearIconFill?: IconProps['iconFill'];
|
|
11
|
+
clearIconFillHover?: IconProps['iconFillHover'];
|
|
12
|
+
clearIconShape?: IconProps['shape'];
|
|
13
|
+
clearIconSize?: IconProps['size'];
|
|
14
|
+
dataTestId?: string;
|
|
15
|
+
initialValue?: object;
|
|
16
|
+
onClickClearIcon?: IconProps['onClick'];
|
|
17
|
+
};
|
|
18
|
+
export type { CustomField, FormFieldCustomProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
|
|
2
|
+
import { DadataProps } from '@itcase/ui-web/components/Dadata';
|
|
3
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
4
|
+
type DadataField = BaseField & {
|
|
5
|
+
token: DadataProps['token'];
|
|
6
|
+
type: Extract<FormTypes, 'dadataInput'>;
|
|
7
|
+
};
|
|
8
|
+
type FormFieldDadataInputProps = DadataField & {
|
|
9
|
+
initialValue?: string;
|
|
10
|
+
onDadataAutocomplete?: DadataProps['setValue'];
|
|
11
|
+
parse?: (value: number, name: string) => string;
|
|
12
|
+
};
|
|
13
|
+
type DefaultDadataProps = {
|
|
14
|
+
appearance: CompositeAppearanceStateDefault;
|
|
15
|
+
errorAppearance: CompositeAppearanceStateDefault;
|
|
16
|
+
requiredAppearance: CompositeAppearanceStateDefault;
|
|
17
|
+
successAppearance: CompositeAppearanceStateDefault;
|
|
18
|
+
};
|
|
19
|
+
export type { DadataField, DefaultDadataProps, FormFieldDadataInputProps };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export default meta;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
export { Component as render };
|
|
4
|
+
}
|
|
5
|
+
declare namespace meta {
|
|
6
|
+
export let title: string;
|
|
7
|
+
export { FormFieldDadataInput as component };
|
|
8
|
+
export namespace args {
|
|
9
|
+
namespace config {
|
|
10
|
+
namespace company {
|
|
11
|
+
let type: any;
|
|
12
|
+
let name: string;
|
|
13
|
+
let fieldProps: any;
|
|
14
|
+
let inputProps: {
|
|
15
|
+
placeholder: string;
|
|
16
|
+
appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
17
|
+
errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
18
|
+
requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
19
|
+
successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
|
|
20
|
+
};
|
|
21
|
+
let token: string;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
let validationSchema: yup.ObjectSchema<{
|
|
25
|
+
company: string;
|
|
26
|
+
}, yup.AnyObject, {
|
|
27
|
+
company: undefined;
|
|
28
|
+
}, "">;
|
|
29
|
+
function onSubmit(): void;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
declare function Component(args: any): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
import { FormFieldDadataInput } from '../index';
|
|
34
|
+
import * as yup from 'yup';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DatePickerInputProps } from '@itcase/ui-web/components/DatePicker';
|
|
2
|
+
import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
|
|
3
|
+
type DatePickerField = BaseField & {
|
|
4
|
+
type: Extract<FormTypes, 'datePicker'>;
|
|
5
|
+
};
|
|
6
|
+
type FormFieldDatePickerProps = DatePickerField & {
|
|
7
|
+
datePickerProps?: DatePickerInputProps['datePickerProps'];
|
|
8
|
+
onChange?: DatePickerInputProps['onChange'];
|
|
9
|
+
};
|
|
10
|
+
export type { DatePickerField, FormFieldDatePickerProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export namespace defaultDatepickerProps {
|
|
2
|
+
let appearance: string;
|
|
3
|
+
let dateFormat: string;
|
|
4
|
+
let readOnly: boolean;
|
|
5
|
+
let selectsRange: boolean;
|
|
6
|
+
let showTimeSelect: boolean;
|
|
7
|
+
let timeCaption: string;
|
|
8
|
+
let timeFormat: string;
|
|
9
|
+
let timeIntervals: number;
|
|
10
|
+
let isClearable: boolean;
|
|
11
|
+
let isStartDefaultNull: boolean;
|
|
12
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
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 { FormFieldDatePicker as component };
|
|
24
|
+
export namespace args {
|
|
25
|
+
namespace config {
|
|
26
|
+
namespace datePickerField {
|
|
27
|
+
let type: any;
|
|
28
|
+
let name: string;
|
|
29
|
+
let datePickerProps: {
|
|
30
|
+
appearance: string;
|
|
31
|
+
dateFormat: string;
|
|
32
|
+
readOnly: boolean;
|
|
33
|
+
selectsRange: boolean;
|
|
34
|
+
showTimeSelect: boolean;
|
|
35
|
+
timeCaption: string;
|
|
36
|
+
timeFormat: string;
|
|
37
|
+
timeIntervals: number;
|
|
38
|
+
isClearable: boolean;
|
|
39
|
+
isStartDefaultNull: boolean;
|
|
40
|
+
};
|
|
41
|
+
let fieldProps: any;
|
|
42
|
+
let inputProps: {
|
|
43
|
+
appearance: string;
|
|
44
|
+
dateFormat: string;
|
|
45
|
+
readOnly: boolean;
|
|
46
|
+
selectsRange: boolean;
|
|
47
|
+
showTimeSelect: boolean;
|
|
48
|
+
timeCaption: string;
|
|
49
|
+
timeFormat: string;
|
|
50
|
+
timeIntervals: number;
|
|
51
|
+
isClearable: boolean;
|
|
52
|
+
isStartDefaultNull: boolean;
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
import { FormFieldDatePicker } from '../index';
|