@ozen-ui/kit 0.60.0 → 0.61.0
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/__inner__/cjs/components/Autocomplete/helper.d.ts +7 -72
- package/__inner__/cjs/components/Autocomplete/types.d.ts +11 -17
- package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +7 -77
- package/__inner__/cjs/components/AutocompleteNext/types.d.ts +10 -16
- package/__inner__/cjs/components/DatePicker/DatePicker.d.ts +2 -36
- package/__inner__/cjs/components/DatePicker/types.d.ts +5 -14
- package/__inner__/cjs/components/Segment/Segment.js +1 -1
- package/__inner__/cjs/components/Segment/components/SegmentItem/SegmentItem.js +1 -1
- package/__inner__/cjs/components/Select/Select.css +6 -0
- package/__inner__/cjs/components/Select/Select.js +41 -59
- package/__inner__/cjs/components/Select/components/SelectInput/SelectInput.js +5 -6
- package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.d.ts +5 -0
- package/__inner__/cjs/components/Select/components/{SelectConsumer/SelectInputConsumer.js → SelectInputContextConsumer/SelectInputContextConsumer.js} +3 -3
- package/__inner__/cjs/components/Select/components/SelectInputContextConsumer/index.d.ts +1 -0
- package/__inner__/cjs/components/Select/components/{SelectConsumer → SelectInputContextConsumer}/index.js +1 -1
- package/__inner__/cjs/components/Select/helpers/types.d.ts +5 -8
- package/__inner__/cjs/components/Select/helpers/types.js +5 -1
- package/__inner__/cjs/components/Select/types.d.ts +43 -41
- package/__inner__/cjs/components/Stack/types.d.ts +2 -2
- package/__inner__/esm/components/Autocomplete/helper.d.ts +7 -72
- package/__inner__/esm/components/Autocomplete/types.d.ts +11 -17
- package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +7 -77
- package/__inner__/esm/components/AutocompleteNext/types.d.ts +10 -16
- package/__inner__/esm/components/DatePicker/DatePicker.d.ts +2 -36
- package/__inner__/esm/components/DatePicker/types.d.ts +5 -14
- package/__inner__/esm/components/Segment/Segment.js +1 -1
- package/__inner__/esm/components/Segment/components/SegmentItem/SegmentItem.js +1 -1
- package/__inner__/esm/components/Select/Select.css +6 -0
- package/__inner__/esm/components/Select/Select.js +42 -60
- package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js +5 -6
- package/__inner__/esm/components/Select/components/SelectInputContextConsumer/SelectInputContextConsumer.d.ts +5 -0
- package/__inner__/esm/components/Select/components/{SelectConsumer/SelectInputConsumer.js → SelectInputContextConsumer/SelectInputContextConsumer.js} +1 -1
- package/__inner__/esm/components/Select/components/SelectInputContextConsumer/index.d.ts +1 -0
- package/__inner__/esm/components/Select/components/SelectInputContextConsumer/index.js +1 -0
- package/__inner__/esm/components/Select/helpers/types.d.ts +5 -8
- package/__inner__/esm/components/Select/helpers/types.js +2 -0
- package/__inner__/esm/components/Select/types.d.ts +43 -41
- package/__inner__/esm/components/Stack/types.d.ts +2 -2
- package/package.json +4 -4
- package/__inner__/cjs/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts +0 -5
- package/__inner__/cjs/components/Select/components/SelectConsumer/index.d.ts +0 -1
- package/__inner__/esm/components/Select/components/SelectConsumer/SelectInputConsumer.d.ts +0 -5
- package/__inner__/esm/components/Select/components/SelectConsumer/index.d.ts +0 -1
- package/__inner__/esm/components/Select/components/SelectConsumer/index.js +0 -1
|
@@ -2,76 +2,13 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
|
|
|
2
2
|
export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
|
|
3
3
|
export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
|
|
4
4
|
export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
|
|
5
|
-
export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>):
|
|
5
|
+
export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): {
|
|
6
6
|
options: OPTION[];
|
|
7
7
|
size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
|
|
8
8
|
value?: import("./types").AutocompletePropValue<OPTION>;
|
|
9
9
|
defaultValue?: import("./types").AutocompletePropValue<OPTION>;
|
|
10
|
-
onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
|
|
11
|
-
inputValue?: string;
|
|
12
|
-
onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
|
|
13
|
-
renderInput?: import("./types").AutocompleteRenderInput;
|
|
14
|
-
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
15
|
-
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
16
|
-
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
17
|
-
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
18
|
-
disableCloseOnSelect?: boolean;
|
|
19
|
-
allowCustomValue?: boolean;
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
noOptionsText?: import("react").ReactNode;
|
|
22
|
-
clearText?: string;
|
|
23
|
-
openText?: string;
|
|
24
|
-
closeText?: string;
|
|
25
|
-
loadingText?: import("react").ReactNode;
|
|
26
|
-
onClose?: () => void;
|
|
27
|
-
onOpen?: () => void;
|
|
28
|
-
disableClearButton?: boolean;
|
|
29
|
-
searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
|
|
30
|
-
disableShowEmptyOptionsList?: boolean;
|
|
31
|
-
disableShowChevron?: boolean;
|
|
32
|
-
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
|
|
33
|
-
} & {
|
|
34
|
-
error?: boolean | undefined;
|
|
35
|
-
label?: string | undefined;
|
|
36
|
-
style?: import("react").CSSProperties | undefined;
|
|
37
|
-
className?: string | undefined;
|
|
38
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
39
|
-
autoFocus?: boolean | undefined;
|
|
40
|
-
disabled?: boolean | undefined;
|
|
41
|
-
placeholder?: string | undefined;
|
|
42
|
-
required?: boolean | undefined;
|
|
43
|
-
fullWidth?: boolean | undefined;
|
|
44
|
-
disableStroke?: boolean | undefined;
|
|
45
|
-
hint?: string | null | undefined;
|
|
46
|
-
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
47
|
-
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
48
|
-
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
49
|
-
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
50
|
-
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
51
|
-
} & {
|
|
52
10
|
open?: boolean;
|
|
53
|
-
defaultOpen?:
|
|
54
|
-
} & (OPTION extends {
|
|
55
|
-
label: AutocompleteDefaultOption["label"];
|
|
56
|
-
} ? Record<string, unknown> : {
|
|
57
|
-
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
58
|
-
}) & (OPTION extends {
|
|
59
|
-
id: AutocompleteDefaultOption["id"];
|
|
60
|
-
} ? Record<string, unknown> : {
|
|
61
|
-
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
62
|
-
}) & (OPTION extends {
|
|
63
|
-
disabled: AutocompleteDefaultOption["disabled"];
|
|
64
|
-
} ? Record<string, unknown> : {
|
|
65
|
-
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
66
|
-
}) & {
|
|
67
|
-
getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
|
|
68
|
-
getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
|
|
69
|
-
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
70
|
-
}) | ({
|
|
71
|
-
options: OPTION[];
|
|
72
|
-
size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
|
|
73
|
-
value?: import("./types").AutocompletePropValue<OPTION>;
|
|
74
|
-
defaultValue?: import("./types").AutocompletePropValue<OPTION>;
|
|
11
|
+
defaultOpen?: boolean;
|
|
75
12
|
onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
|
|
76
13
|
inputValue?: string;
|
|
77
14
|
onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
|
|
@@ -95,6 +32,7 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
|
|
|
95
32
|
disableShowEmptyOptionsList?: boolean;
|
|
96
33
|
disableShowChevron?: boolean;
|
|
97
34
|
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
|
|
35
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
98
36
|
} & {
|
|
99
37
|
error?: boolean | undefined;
|
|
100
38
|
label?: string | undefined;
|
|
@@ -113,23 +51,20 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
|
|
|
113
51
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
114
52
|
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
115
53
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
116
|
-
} & {
|
|
117
|
-
open?: never;
|
|
118
|
-
defaultOpen?: boolean;
|
|
119
54
|
} & (OPTION extends {
|
|
120
55
|
label: AutocompleteDefaultOption["label"];
|
|
121
|
-
} ?
|
|
56
|
+
} ? object : {
|
|
122
57
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
123
58
|
}) & (OPTION extends {
|
|
124
59
|
id: AutocompleteDefaultOption["id"];
|
|
125
|
-
} ?
|
|
60
|
+
} ? object : {
|
|
126
61
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
127
62
|
}) & (OPTION extends {
|
|
128
63
|
disabled: AutocompleteDefaultOption["disabled"];
|
|
129
|
-
} ?
|
|
64
|
+
} ? object : {
|
|
130
65
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
131
66
|
}) & {
|
|
132
67
|
getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
|
|
133
68
|
getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
|
|
134
69
|
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
135
|
-
}
|
|
70
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ChangeEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
|
|
1
|
+
import type { ChangeEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
|
|
2
2
|
import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
|
|
3
3
|
import type { DataListProps } from '../DataList';
|
|
4
4
|
import type { InputProps } from '../Input';
|
|
@@ -18,18 +18,6 @@ export type AutocompleteDefaultOption = {
|
|
|
18
18
|
};
|
|
19
19
|
export type AutocompleteSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
|
|
20
20
|
export type AutocompleteRenderInput = (props: InputProps) => ReactNode;
|
|
21
|
-
type AutocompleteOpenControlledProps = {
|
|
22
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
23
|
-
open?: boolean;
|
|
24
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
25
|
-
defaultOpen?: never;
|
|
26
|
-
};
|
|
27
|
-
type AutocompleteOpenUncontrolledProps = {
|
|
28
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
29
|
-
open?: never;
|
|
30
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
31
|
-
defaultOpen?: boolean;
|
|
32
|
-
};
|
|
33
21
|
type AutocompleteInputProps = Pick<InputProps, 'placeholder' | 'autoFocus' | 'fullWidth' | 'disabled' | 'label' | 'required' | 'disableStroke' | 'style' | 'error' | 'hint' | 'renderLeft' | 'renderRight' | 'className' | 'inputProps' | 'hintProps' | 'bodyProps' | 'onKeyDown'>;
|
|
34
22
|
type AutocompleteDataListProps = Partial<Omit<DataListProps, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
|
|
35
23
|
export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
@@ -41,6 +29,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
41
29
|
value?: AutocompletePropValue<OPTION>;
|
|
42
30
|
/** Выбранное значение опции по умолчанию */
|
|
43
31
|
defaultValue?: AutocompletePropValue<OPTION>;
|
|
32
|
+
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
33
|
+
open?: boolean;
|
|
34
|
+
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
35
|
+
defaultOpen?: boolean;
|
|
44
36
|
/** Функция обратного вызова, которая будет вызвана при выборе значения */
|
|
45
37
|
onChange?: (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
|
|
46
38
|
/** Введённое значение в текстовом поле */
|
|
@@ -87,17 +79,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
87
79
|
disableShowChevron?: boolean;
|
|
88
80
|
/** Свойства компонента DataList */
|
|
89
81
|
dataListProps?: AutocompleteDataListProps;
|
|
90
|
-
|
|
82
|
+
/** Ссылка на HTML элемент */
|
|
83
|
+
ref?: Ref<HTMLDivElement>;
|
|
84
|
+
} & AutocompleteInputProps & (OPTION extends {
|
|
91
85
|
label: AutocompleteDefaultOption['label'];
|
|
92
|
-
} ?
|
|
86
|
+
} ? object : {
|
|
93
87
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
|
|
94
88
|
}) & (OPTION extends {
|
|
95
89
|
id: AutocompleteDefaultOption['id'];
|
|
96
|
-
} ?
|
|
90
|
+
} ? object : {
|
|
97
91
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
98
92
|
}) & (OPTION extends {
|
|
99
93
|
disabled: AutocompleteDefaultOption['disabled'];
|
|
100
|
-
} ?
|
|
94
|
+
} ? object : {
|
|
101
95
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
102
96
|
});
|
|
103
97
|
export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption>(props: AutocompleteProps<OPTION>) => ReactElement | null;
|
|
@@ -2,7 +2,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, Auto
|
|
|
2
2
|
export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
|
|
3
3
|
export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
|
|
4
4
|
export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
|
|
5
|
-
export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>):
|
|
5
|
+
export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
|
|
6
6
|
multiple?: MULTIPLE | undefined;
|
|
7
7
|
limitTags?: number | "responsive";
|
|
8
8
|
renderTag?: import("./types").AutocompletePropRenderTag;
|
|
@@ -11,76 +11,8 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
11
11
|
size?: import("./types").AutocompletePropSize;
|
|
12
12
|
value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
13
13
|
defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
14
|
-
onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
|
|
15
|
-
inputValue?: string;
|
|
16
|
-
onInputChange?: import("./types").AutocompleteOnInputChange;
|
|
17
|
-
renderInput?: import("./types").AutocompletePropRenderInput;
|
|
18
|
-
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
19
|
-
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
20
|
-
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
21
|
-
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
22
|
-
disableCloseOnSelect?: boolean;
|
|
23
|
-
allowCustomValue?: boolean;
|
|
24
|
-
loading?: boolean;
|
|
25
|
-
noOptionsText?: import("react").ReactNode;
|
|
26
|
-
clearText?: string;
|
|
27
|
-
openText?: string;
|
|
28
|
-
closeText?: string;
|
|
29
|
-
loadingText?: import("react").ReactNode;
|
|
30
|
-
onClose?(): void;
|
|
31
|
-
onOpen?(): void;
|
|
32
|
-
disableClearButton?: boolean;
|
|
33
|
-
searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
|
|
34
|
-
disableShowEmptyOptionsList?: boolean;
|
|
35
|
-
disableShowChevron?: boolean;
|
|
36
|
-
popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
|
|
37
|
-
listProps?: import("./components").AutocompleteDropdownProps["listProps"];
|
|
38
|
-
} & {
|
|
39
|
-
error?: boolean | undefined;
|
|
40
|
-
label?: string | undefined;
|
|
41
|
-
style?: import("react").CSSProperties | undefined;
|
|
42
|
-
className?: string | undefined;
|
|
43
|
-
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
44
|
-
autoFocus?: boolean | undefined;
|
|
45
|
-
disabled?: boolean | undefined;
|
|
46
|
-
placeholder?: string | undefined;
|
|
47
|
-
required?: boolean | undefined;
|
|
48
|
-
fullWidth?: boolean | undefined;
|
|
49
|
-
disableStroke?: boolean | undefined;
|
|
50
|
-
hint?: string | null | undefined;
|
|
51
|
-
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
52
|
-
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
53
|
-
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
54
|
-
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
55
|
-
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
56
|
-
} & {
|
|
57
14
|
open?: boolean;
|
|
58
|
-
defaultOpen?:
|
|
59
|
-
} & (OPTION extends {
|
|
60
|
-
label: AutocompleteDefaultOption["label"];
|
|
61
|
-
} ? Record<string, unknown> : {
|
|
62
|
-
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
63
|
-
}) & (OPTION extends {
|
|
64
|
-
id: AutocompleteDefaultOption["id"];
|
|
65
|
-
} ? Record<string, unknown> : {
|
|
66
|
-
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
67
|
-
}) & (OPTION extends {
|
|
68
|
-
disabled: AutocompleteDefaultOption["disabled"];
|
|
69
|
-
} ? Record<string, unknown> : {
|
|
70
|
-
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
71
|
-
}) & {
|
|
72
|
-
getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
|
|
73
|
-
getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
|
|
74
|
-
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
75
|
-
}) | ({
|
|
76
|
-
multiple?: MULTIPLE | undefined;
|
|
77
|
-
limitTags?: number | "responsive";
|
|
78
|
-
renderTag?: import("./types").AutocompletePropRenderTag;
|
|
79
|
-
renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
|
|
80
|
-
options: OPTION[];
|
|
81
|
-
size?: import("./types").AutocompletePropSize;
|
|
82
|
-
value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
83
|
-
defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
15
|
+
defaultOpen?: boolean;
|
|
84
16
|
onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
|
|
85
17
|
inputValue?: string;
|
|
86
18
|
onInputChange?: import("./types").AutocompleteOnInputChange;
|
|
@@ -105,6 +37,7 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
105
37
|
disableShowChevron?: boolean;
|
|
106
38
|
popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
|
|
107
39
|
listProps?: import("./components").AutocompleteDropdownProps["listProps"];
|
|
40
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
108
41
|
} & {
|
|
109
42
|
error?: boolean | undefined;
|
|
110
43
|
label?: string | undefined;
|
|
@@ -123,25 +56,22 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
123
56
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
124
57
|
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
125
58
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
126
|
-
} & {
|
|
127
|
-
open?: never;
|
|
128
|
-
defaultOpen?: boolean;
|
|
129
59
|
} & (OPTION extends {
|
|
130
60
|
label: AutocompleteDefaultOption["label"];
|
|
131
|
-
} ?
|
|
61
|
+
} ? object : {
|
|
132
62
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
133
63
|
}) & (OPTION extends {
|
|
134
64
|
id: AutocompleteDefaultOption["id"];
|
|
135
|
-
} ?
|
|
65
|
+
} ? object : {
|
|
136
66
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
137
67
|
}) & (OPTION extends {
|
|
138
68
|
disabled: AutocompleteDefaultOption["disabled"];
|
|
139
|
-
} ?
|
|
69
|
+
} ? object : {
|
|
140
70
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
141
71
|
}) & {
|
|
142
72
|
getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
|
|
143
73
|
getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
|
|
144
74
|
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
145
|
-
}
|
|
75
|
+
};
|
|
146
76
|
export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
|
|
147
77
|
export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;
|
|
@@ -33,18 +33,6 @@ export type AutocompleteRenderMoreTagProps<OPTION> = {
|
|
|
33
33
|
omittedValues?: AutocompletePropValue<OPTION, true>;
|
|
34
34
|
};
|
|
35
35
|
export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
|
|
36
|
-
type AutocompleteOpenControlledProps = {
|
|
37
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
38
|
-
open?: boolean;
|
|
39
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
40
|
-
defaultOpen?: never;
|
|
41
|
-
};
|
|
42
|
-
type AutocompleteOpenUncontrolledProps = {
|
|
43
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
44
|
-
open?: never;
|
|
45
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
46
|
-
defaultOpen?: boolean;
|
|
47
|
-
};
|
|
48
36
|
type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
|
|
49
37
|
export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
|
|
50
38
|
export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
|
|
@@ -67,6 +55,10 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
67
55
|
value?: AutocompletePropValue<OPTION, MULTIPLE>;
|
|
68
56
|
/** Выбранное значение опции по умолчанию */
|
|
69
57
|
defaultValue?: AutocompletePropValue<OPTION, MULTIPLE>;
|
|
58
|
+
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
59
|
+
open?: boolean;
|
|
60
|
+
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
61
|
+
defaultOpen?: boolean;
|
|
70
62
|
/** Функция обратного вызова, которая будет вызвана при выборе значения */
|
|
71
63
|
onChange?: AutocompleteOnChange<OPTION, MULTIPLE>;
|
|
72
64
|
/** Введённое значение в текстовом поле */
|
|
@@ -115,17 +107,19 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
115
107
|
popoverProps?: AutocompleteDropdownProps['popoverProps'];
|
|
116
108
|
/** Свойства компонента List */
|
|
117
109
|
listProps?: AutocompleteDropdownProps['listProps'];
|
|
118
|
-
|
|
110
|
+
/** Ссылка на HTML элемент */
|
|
111
|
+
ref?: Ref<HTMLDivElement>;
|
|
112
|
+
} & AutocompleteInputProps & (OPTION extends {
|
|
119
113
|
label: AutocompleteDefaultOption['label'];
|
|
120
|
-
} ?
|
|
114
|
+
} ? object : {
|
|
121
115
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
|
|
122
116
|
}) & (OPTION extends {
|
|
123
117
|
id: AutocompleteDefaultOption['id'];
|
|
124
|
-
} ?
|
|
118
|
+
} ? object : {
|
|
125
119
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
126
120
|
}) & (OPTION extends {
|
|
127
121
|
disabled: AutocompleteDefaultOption['disabled'];
|
|
128
|
-
} ?
|
|
122
|
+
} ? object : {
|
|
129
123
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
130
124
|
});
|
|
131
125
|
export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;
|
|
@@ -1,39 +1,5 @@
|
|
|
1
1
|
import './DatePicker.css';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import type {
|
|
3
|
+
import type { DatePickerProps } from './types';
|
|
4
4
|
export declare const cnDatePicker: import("@bem-react/classname").ClassNameFormatter;
|
|
5
|
-
export declare const DatePicker: React.ForwardRefExoticComponent<
|
|
6
|
-
value?: Date | null;
|
|
7
|
-
defaultValue?: Date | null;
|
|
8
|
-
onChange?: DatePickerOnChange;
|
|
9
|
-
onInputChange?: import("./types").DatePickerOnInputChange;
|
|
10
|
-
onClose?: () => void;
|
|
11
|
-
onOpen?: () => void;
|
|
12
|
-
calendarProps?: import("../Calendar").CalendarProps;
|
|
13
|
-
popoverProps?: import("../Popover").PopoverBaseProps;
|
|
14
|
-
clearText?: string;
|
|
15
|
-
disableClearButton?: boolean;
|
|
16
|
-
onError?: import("./types").DatePickerPropOnError;
|
|
17
|
-
} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
|
|
18
|
-
open?: boolean;
|
|
19
|
-
defaultOpen?: never;
|
|
20
|
-
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
-
}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref"> | Omit<{
|
|
23
|
-
value?: Date | null;
|
|
24
|
-
defaultValue?: Date | null;
|
|
25
|
-
onChange?: DatePickerOnChange;
|
|
26
|
-
onInputChange?: import("./types").DatePickerOnInputChange;
|
|
27
|
-
onClose?: () => void;
|
|
28
|
-
onOpen?: () => void;
|
|
29
|
-
calendarProps?: import("../Calendar").CalendarProps;
|
|
30
|
-
popoverProps?: import("../Popover").PopoverBaseProps;
|
|
31
|
-
clearText?: string;
|
|
32
|
-
disableClearButton?: boolean;
|
|
33
|
-
onError?: import("./types").DatePickerPropOnError;
|
|
34
|
-
} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
|
|
35
|
-
open?: never;
|
|
36
|
-
defaultOpen?: boolean;
|
|
37
|
-
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
38
|
-
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
39
|
-
}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -15,24 +15,16 @@ export type DatePickerPropOnError = (props: {
|
|
|
15
15
|
inputValue?: string;
|
|
16
16
|
value?: Date | null;
|
|
17
17
|
}) => void;
|
|
18
|
-
type DatePickerOpenControlledProps = {
|
|
19
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
20
|
-
open?: boolean;
|
|
21
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
22
|
-
defaultOpen?: never;
|
|
23
|
-
};
|
|
24
|
-
type DatePickerOpenUncontrolledProps = {
|
|
25
|
-
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
26
|
-
open?: never;
|
|
27
|
-
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
28
|
-
defaultOpen?: boolean;
|
|
29
|
-
};
|
|
30
18
|
export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
|
|
31
19
|
export type DatePickerProps = ExtendableComponentPropsWithRef<{
|
|
32
20
|
/** Выбранная дата */
|
|
33
21
|
value?: Date | null;
|
|
34
22
|
/** Выбранная дата по умолчанию (неконтролируемое состояние) */
|
|
35
23
|
defaultValue?: Date | null;
|
|
24
|
+
/** Текущее состояние списка. Если `true`, список отображается. */
|
|
25
|
+
open?: boolean;
|
|
26
|
+
/** Состояние открытие по умолчанию (неконтролируемый компонент) */
|
|
27
|
+
defaultOpen?: boolean;
|
|
36
28
|
/** Функция обратного вызова, которая будет вызвана при выборе значения */
|
|
37
29
|
onChange?: DatePickerOnChange;
|
|
38
30
|
/** Введённое значение в текстовом поле */
|
|
@@ -51,5 +43,4 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
51
43
|
disableClearButton?: boolean;
|
|
52
44
|
/** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
|
|
53
45
|
onError?: DatePickerPropOnError;
|
|
54
|
-
} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'
|
|
55
|
-
export {};
|
|
46
|
+
} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'>, typeof FIELD_CONTROL_DEFAULT_TAG>;
|
|
@@ -32,7 +32,7 @@ exports.Segment = (0, react_1.forwardRef)(function (inProps, ref) {
|
|
|
32
32
|
selected: valueState,
|
|
33
33
|
onChange: handleChange,
|
|
34
34
|
}); }, [name, disabled, iconSize, selectedColor, valueState, handleChange]);
|
|
35
|
-
return (react_1.default.createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)(
|
|
35
|
+
return (react_1.default.createElement("fieldset", tslib_1.__assign({ ref: ref, disabled: disabled, className: (0, exports.cnSegment)({
|
|
36
36
|
size: size,
|
|
37
37
|
variant: variant,
|
|
38
38
|
disabled: disabled,
|
|
@@ -15,7 +15,7 @@ exports.SegmentItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
15
15
|
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
16
16
|
onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(event);
|
|
17
17
|
};
|
|
18
|
-
return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)(
|
|
18
|
+
return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnSegmentItem)(tslib_1.__assign({ disabled: disabled, selected: selected }, (selected && { selectedColor: selectedColor })), [className]), "data-testid": dataTestId }, labelProps),
|
|
19
19
|
Icon && (react_1.default.createElement(Icon, { className: (0, exports.cnSegmentItem)('Icon'), ref: iconRef, size: iconSize })),
|
|
20
20
|
children,
|
|
21
21
|
react_1.default.createElement("input", tslib_1.__assign({ disabled: disabled, type: "radio", name: nameProp || name, className: (0, exports.cnSegmentItem)('Radio'), onChange: handleChange, checked: selected, value: value, "data-testid": inputTestId }, other, { ref: inputRef })),
|