@alfalab/core-components-international-phone-input 1.2.2 → 1.2.3
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/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
- package/Component.mobile-ebda875c.d.ts +6 -0
- package/{cssm/index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
- package/Component.responsive.d.ts +10 -10
- package/Component.responsive.js +4 -4
- package/components/base-international-phone-input/Component.d.ts +3 -3
- package/components/base-international-phone-input/Component.js +1 -1
- package/components/base-international-phone-input/index.css +2 -2
- package/components/country-select/Component.js +1 -1
- package/components/country-select/index.css +8 -8
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/cssm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
- package/cssm/Component.mobile-ebda875c.d.ts +6 -0
- package/{esm/index-8b2c2707.d.ts → cssm/Component.responsive-8566963f.d.ts} +4 -4
- package/cssm/Component.responsive.d.ts +10 -10
- package/cssm/Component.responsive.js +4 -4
- package/cssm/components/base-international-phone-input/Component.d.ts +3 -3
- package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +15 -15
- package/cssm/desktop/index.d.ts +1 -1
- package/cssm/desktop/index.js +3 -3
- package/cssm/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +2 -1
- package/cssm/index-89f0cb07.d.ts +2 -2
- package/cssm/index-ebda875c.d.ts +138 -13
- package/cssm/index.js +3 -3
- package/cssm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
- package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +12 -12
- package/cssm/mobile/index.d.ts +1 -1
- package/cssm/mobile/index.js +2 -2
- package/cssm/types.d.ts +1 -1
- package/cssm/typings-e63ec8aa.d.ts +1819 -0
- package/cssm/utils-d2597f31.d.ts +1 -1
- package/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/{Component.desktop.js → desktop/Component.desktop.js} +11 -11
- package/desktop/index.d.ts +1 -1
- package/desktop/index.js +3 -3
- package/esm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
- package/esm/Component.mobile-ebda875c.d.ts +6 -0
- package/{index-8b2c2707.d.ts → esm/Component.responsive-8566963f.d.ts} +4 -4
- package/esm/Component.responsive.d.ts +10 -10
- package/esm/Component.responsive.js +3 -3
- package/esm/components/base-international-phone-input/Component.d.ts +3 -3
- package/esm/components/base-international-phone-input/Component.js +1 -1
- package/esm/components/base-international-phone-input/index.css +2 -2
- package/esm/components/country-select/Component.js +1 -1
- package/esm/components/country-select/index.css +8 -8
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/esm/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
- package/esm/desktop/index.d.ts +1 -1
- package/esm/desktop/index.js +2 -2
- package/{modern/Component.desktop-0aa4e915.d.ts → esm/index-8566963f.d.ts} +2 -1
- package/esm/index-89f0cb07.d.ts +2 -2
- package/esm/index-ebda875c.d.ts +138 -13
- package/esm/index.js +3 -3
- package/esm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
- package/esm/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/esm/mobile/index.d.ts +1 -1
- package/esm/mobile/index.js +1 -1
- package/esm/types.d.ts +1 -1
- package/esm/typings-e63ec8aa.d.ts +1819 -0
- package/esm/utils-d2597f31.d.ts +1 -1
- package/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +2 -1
- package/index-89f0cb07.d.ts +2 -2
- package/index-ebda875c.d.ts +138 -13
- package/index.js +3 -3
- package/{modern → mobile}/Component.mobile.d.ts +1 -1
- package/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/mobile/index.d.ts +1 -1
- package/mobile/index.js +2 -2
- package/modern/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/modern/{index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
- package/modern/Component.responsive.d.ts +10 -10
- package/modern/Component.responsive.js +3 -3
- package/modern/components/base-international-phone-input/Component.d.ts +3 -3
- package/modern/components/base-international-phone-input/Component.js +1 -1
- package/modern/components/base-international-phone-input/index.css +2 -2
- package/modern/components/country-select/Component.js +1 -1
- package/modern/components/country-select/index.css +8 -8
- package/modern/components/flag-icon/component.js +1 -1
- package/modern/components/flag-icon/index.css +3 -3
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/modern/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
- package/modern/desktop/index.d.ts +1 -1
- package/modern/desktop/index.js +2 -2
- package/{esm/Component.desktop-0aa4e915.d.ts → modern/index-8566963f.d.ts} +2 -1
- package/modern/index-89f0cb07.d.ts +2 -2
- package/modern/index-ebda875c.d.ts +138 -13
- package/modern/index.js +3 -3
- package/{Component.mobile.d.ts → modern/mobile/Component.mobile.d.ts} +1 -1
- package/modern/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/modern/mobile/index.d.ts +1 -1
- package/modern/mobile/index.js +1 -1
- package/modern/types.d.ts +1 -1
- package/modern/typings-e63ec8aa.d.ts +1819 -0
- package/modern/utils-d2597f31.d.ts +1 -1
- package/package.json +4 -4
- package/src/Component.responsive.tsx +2 -2
- package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +3 -3
- package/src/desktop/index.ts +1 -1
- package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +5 -2
- package/src/mobile/index.ts +1 -1
- package/types.d.ts +1 -1
- package/typings-e63ec8aa.d.ts +1819 -0
- package/utils-d2597f31.d.ts +1 -1
- package/Component-8b2c2707.d.ts +0 -71
- package/Component.responsive-785df74d.d.ts +0 -28
- package/cssm/Component-8b2c2707.d.ts +0 -71
- package/cssm/Component.responsive-785df74d.d.ts +0 -28
- package/cssm/index-136acbb1.d.ts +0 -28
- package/cssm/index-72dda473.d.ts +0 -12
- package/cssm/index-bdb4c6b9.d.ts +0 -183
- package/cssm/index-c44170fe.d.ts +0 -2
- package/cssm/index-c76d6398.d.ts +0 -319
- package/cssm/types-72dda473.d.ts +0 -276
- package/cssm/typings-0816e61d.d.ts +0 -894
- package/cssm/typings-c44170fe.d.ts +0 -91
- package/esm/Component-8b2c2707.d.ts +0 -71
- package/esm/Component.responsive-785df74d.d.ts +0 -28
- package/esm/index-136acbb1.d.ts +0 -28
- package/esm/index-72dda473.d.ts +0 -12
- package/esm/index-bdb4c6b9.d.ts +0 -183
- package/esm/index-c44170fe.d.ts +0 -2
- package/esm/index-c76d6398.d.ts +0 -319
- package/esm/types-72dda473.d.ts +0 -276
- package/esm/typings-0816e61d.d.ts +0 -894
- package/esm/typings-c44170fe.d.ts +0 -91
- package/index-136acbb1.d.ts +0 -28
- package/index-72dda473.d.ts +0 -12
- package/index-bdb4c6b9.d.ts +0 -183
- package/index-c44170fe.d.ts +0 -2
- package/index-c76d6398.d.ts +0 -319
- package/modern/Component-8b2c2707.d.ts +0 -71
- package/modern/Component.responsive-785df74d.d.ts +0 -28
- package/modern/index-136acbb1.d.ts +0 -28
- package/modern/index-72dda473.d.ts +0 -12
- package/modern/index-bdb4c6b9.d.ts +0 -183
- package/modern/index-c44170fe.d.ts +0 -2
- package/modern/index-c76d6398.d.ts +0 -319
- package/modern/types-72dda473.d.ts +0 -276
- package/modern/typings-0816e61d.d.ts +0 -894
- package/modern/typings-c44170fe.d.ts +0 -91
- package/types-72dda473.d.ts +0 -276
- package/typings-0816e61d.d.ts +0 -894
- package/typings-c44170fe.d.ts +0 -91
- /package/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/cssm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/esm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
package/typings-0816e61d.d.ts
DELETED
|
@@ -1,894 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react-transition-group" />
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { FC, ReactNode, CSSProperties, MutableRefObject, RefObject, AriaAttributes, FocusEvent, MouseEvent, ReactElement, RefAttributes, SVGProps } from "react";
|
|
5
|
-
import { BottomSheetProps } from "./types-72dda473";
|
|
6
|
-
import { BottomSheetProps as BottomSheetProps$0 } from "./types-72dda473";
|
|
7
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
8
|
-
import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
|
|
9
|
-
import { NavigationBarProps } from "./index-c76d6398";
|
|
10
|
-
import { CSSTransitionProps } from "react-transition-group/CSSTransition";
|
|
11
|
-
import { BasePlacement, VariationPlacement } from "@popperjs/core";
|
|
12
|
-
import { SwipeableHandlers } from "react-swipeable";
|
|
13
|
-
import { BackdropProps } from "./index-ebda875c";
|
|
14
|
-
import { FormControlProps } from "./index-c44170fe";
|
|
15
|
-
import { InputProps } from "@alfalab/core-components-input";
|
|
16
|
-
import { UseSelectWithApplyProps } from "./typings-c44170fe";
|
|
17
|
-
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
declare const CLOSE_OFFSET = 0.2;
|
|
19
|
-
declare const HEADER_OFFSET = 24;
|
|
20
|
-
type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
|
|
21
|
-
type ModalDesktopProps = BaseModalProps & {
|
|
22
|
-
/**
|
|
23
|
-
* Ширина модального окна
|
|
24
|
-
* @default "m"
|
|
25
|
-
*/
|
|
26
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen";
|
|
27
|
-
/**
|
|
28
|
-
* Растягивает модальное окно на весь экран
|
|
29
|
-
* @deprecated Используйте размер fullscreen
|
|
30
|
-
*/
|
|
31
|
-
fullscreen?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Фиксирует позицию модального окна после открытия,
|
|
34
|
-
* предотвращая скачки, если контент внутри будет меняться
|
|
35
|
-
*/
|
|
36
|
-
fixedPosition?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Управление наличием закрывающего крестика
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
hasCloser?: boolean;
|
|
42
|
-
};
|
|
43
|
-
type ModalResponsiveProps = ModalDesktopProps & {
|
|
44
|
-
/**
|
|
45
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
46
|
-
* @default 1024
|
|
47
|
-
*/
|
|
48
|
-
breakpoint?: number;
|
|
49
|
-
};
|
|
50
|
-
type View = "desktop" | "mobile";
|
|
51
|
-
type TResponsiveModalContext = {
|
|
52
|
-
view: View;
|
|
53
|
-
size: NonNullable<ModalDesktopProps["size"]>;
|
|
54
|
-
};
|
|
55
|
-
type ContentProps = {
|
|
56
|
-
/**
|
|
57
|
-
* Контент
|
|
58
|
-
*/
|
|
59
|
-
children?: ReactNode;
|
|
60
|
-
/**
|
|
61
|
-
* Дополнительный класс
|
|
62
|
-
*/
|
|
63
|
-
className?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Растягивает контент на всю высоту
|
|
66
|
-
*/
|
|
67
|
-
flex?: boolean;
|
|
68
|
-
};
|
|
69
|
-
type FooterProps = {
|
|
70
|
-
/**
|
|
71
|
-
* Контент футера
|
|
72
|
-
*/
|
|
73
|
-
children?: ReactNode;
|
|
74
|
-
/**
|
|
75
|
-
* Дополнительный класс
|
|
76
|
-
*/
|
|
77
|
-
className?: string;
|
|
78
|
-
/**
|
|
79
|
-
* Фиксирует футер
|
|
80
|
-
*/
|
|
81
|
-
sticky?: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Выравнивание элементов футера
|
|
84
|
-
*/
|
|
85
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
86
|
-
/**
|
|
87
|
-
* Отступы между элементами футера
|
|
88
|
-
*/
|
|
89
|
-
gap?: 16 | 24 | 32;
|
|
90
|
-
};
|
|
91
|
-
declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
|
|
92
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
|
|
93
|
-
fullscreen?: boolean | undefined;
|
|
94
|
-
fixedPosition?: boolean | undefined;
|
|
95
|
-
hasCloser?: boolean | undefined;
|
|
96
|
-
} & {
|
|
97
|
-
breakpoint?: number | undefined;
|
|
98
|
-
} & React.RefAttributes<HTMLDivElement>> & {
|
|
99
|
-
Header: React.FC<HeaderProps>;
|
|
100
|
-
Content: React.FC<ContentProps>;
|
|
101
|
-
Footer: React.FC<FooterProps>;
|
|
102
|
-
};
|
|
103
|
-
declare const ModalContext: import("react").Context<BaseModalContext>;
|
|
104
|
-
type RefElement = HTMLElement | null;
|
|
105
|
-
type Position = BasePlacement | VariationPlacement;
|
|
106
|
-
type PopoverProps = {
|
|
107
|
-
/**
|
|
108
|
-
* Управление состоянием поповера (открыт/закрыт)
|
|
109
|
-
*/
|
|
110
|
-
open: boolean;
|
|
111
|
-
/**
|
|
112
|
-
* Элемент, относительного которого появляется поповер
|
|
113
|
-
*/
|
|
114
|
-
anchorElement: RefElement;
|
|
115
|
-
/**
|
|
116
|
-
* Использовать ширину родительского элемента
|
|
117
|
-
*/
|
|
118
|
-
useAnchorWidth?: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* Позиционирование поповера
|
|
121
|
-
*/
|
|
122
|
-
position?: Position;
|
|
123
|
-
/**
|
|
124
|
-
* Запрещает поповеру менять свою позицию.
|
|
125
|
-
* Например, если места снизу недостаточно,то он все равно будет показан снизу
|
|
126
|
-
*/
|
|
127
|
-
preventFlip?: boolean;
|
|
128
|
-
/**
|
|
129
|
-
* Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
|
|
130
|
-
*/
|
|
131
|
-
preventOverflow?: boolean;
|
|
132
|
-
/**
|
|
133
|
-
* Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
|
|
134
|
-
*/
|
|
135
|
-
availableHeight?: boolean;
|
|
136
|
-
/**
|
|
137
|
-
* Если `true`, будет отрисована стрелочка
|
|
138
|
-
*/
|
|
139
|
-
withArrow?: boolean;
|
|
140
|
-
/**
|
|
141
|
-
* Смещение поповера.
|
|
142
|
-
* Если позиционирование top, bottom, то [x, y].
|
|
143
|
-
* Если позиционирование left, right то [y, x].
|
|
144
|
-
*/
|
|
145
|
-
offset?: [
|
|
146
|
-
number,
|
|
147
|
-
number
|
|
148
|
-
];
|
|
149
|
-
/**
|
|
150
|
-
* Дополнительный класс для поповера
|
|
151
|
-
*/
|
|
152
|
-
popperClassName?: string;
|
|
153
|
-
/**
|
|
154
|
-
* Дополнительный класс для стрелочки
|
|
155
|
-
*/
|
|
156
|
-
arrowClassName?: string;
|
|
157
|
-
/**
|
|
158
|
-
* Функция, возвращающая контейнер, в который будет рендериться поповер
|
|
159
|
-
*/
|
|
160
|
-
getPortalContainer?: () => HTMLElement;
|
|
161
|
-
/**
|
|
162
|
-
* CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
163
|
-
*/
|
|
164
|
-
transition?: CSSTransitionProps;
|
|
165
|
-
/**
|
|
166
|
-
* Выставляет кастомное свойство transition-duration
|
|
167
|
-
*/
|
|
168
|
-
transitionDuration?: CSSProperties["transitionDuration"];
|
|
169
|
-
/**
|
|
170
|
-
* Рендерит компонент, обернутый в Transition
|
|
171
|
-
*/
|
|
172
|
-
withTransition?: boolean;
|
|
173
|
-
/**
|
|
174
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
175
|
-
*/
|
|
176
|
-
dataTestId?: string;
|
|
177
|
-
/**
|
|
178
|
-
* Хранит функцию, с помощью которой можно обновить положение компонента
|
|
179
|
-
*/
|
|
180
|
-
update?: MutableRefObject<() => void>;
|
|
181
|
-
/**
|
|
182
|
-
* Дополнительный класс
|
|
183
|
-
*/
|
|
184
|
-
className?: string;
|
|
185
|
-
/**
|
|
186
|
-
* z-index компонента
|
|
187
|
-
*/
|
|
188
|
-
zIndex?: number;
|
|
189
|
-
/**
|
|
190
|
-
* Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
|
|
191
|
-
* по очереди для каждой позиции из этого списка.
|
|
192
|
-
* Если не передавать, то поповер открывается в противоположном направлении от переданного position.
|
|
193
|
-
*/
|
|
194
|
-
fallbackPlacements?: Position[];
|
|
195
|
-
/**
|
|
196
|
-
* Контент
|
|
197
|
-
*/
|
|
198
|
-
children?: ReactNode;
|
|
199
|
-
};
|
|
200
|
-
declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
201
|
-
type FooterProps$0 = {
|
|
202
|
-
/**
|
|
203
|
-
* Контент футера
|
|
204
|
-
*/
|
|
205
|
-
children?: ReactNode;
|
|
206
|
-
/**
|
|
207
|
-
* Фиксирует футер
|
|
208
|
-
*/
|
|
209
|
-
sticky?: boolean;
|
|
210
|
-
/**
|
|
211
|
-
* Дополнительный класс
|
|
212
|
-
*/
|
|
213
|
-
className?: string;
|
|
214
|
-
};
|
|
215
|
-
declare const Footer$0: FC<FooterProps$0>;
|
|
216
|
-
type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
|
|
217
|
-
headerRef: RefObject<HTMLDivElement>;
|
|
218
|
-
headerOffset: number;
|
|
219
|
-
};
|
|
220
|
-
declare const Header$0: FC<HeaderProps$0>;
|
|
221
|
-
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
222
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
|
|
223
|
-
fullscreen?: boolean | undefined;
|
|
224
|
-
fixedPosition?: boolean | undefined;
|
|
225
|
-
hasCloser?: boolean | undefined;
|
|
226
|
-
} & {
|
|
227
|
-
view: View;
|
|
228
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
229
|
-
type SwipeableBackdropProps = BackdropProps & {
|
|
230
|
-
/**
|
|
231
|
-
* Прозрачность бэкдропа
|
|
232
|
-
*/
|
|
233
|
-
opacity?: number;
|
|
234
|
-
/**
|
|
235
|
-
* Обработчики свайпа
|
|
236
|
-
*/
|
|
237
|
-
handlers?: SwipeableHandlers;
|
|
238
|
-
/**
|
|
239
|
-
* Время анимации opacity
|
|
240
|
-
*/
|
|
241
|
-
opacityTimeout?: number;
|
|
242
|
-
};
|
|
243
|
-
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
244
|
-
declare const Content: FC<ContentProps>;
|
|
245
|
-
declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
|
|
246
|
-
type AnyObject = Record<string, any>;
|
|
247
|
-
type OptionShape = {
|
|
248
|
-
/**
|
|
249
|
-
* Текстовое представление пункта
|
|
250
|
-
*/
|
|
251
|
-
key: string;
|
|
252
|
-
/**
|
|
253
|
-
* Контент, который будет отрисован в выпадающем списке и в поле при выборе
|
|
254
|
-
*/
|
|
255
|
-
content?: ReactNode;
|
|
256
|
-
/**
|
|
257
|
-
* Блокирует данный пункт для выбора
|
|
258
|
-
*/
|
|
259
|
-
disabled?: boolean;
|
|
260
|
-
/**
|
|
261
|
-
* Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
|
|
262
|
-
*/
|
|
263
|
-
showCheckMark?: boolean;
|
|
264
|
-
/**
|
|
265
|
-
* Дополнительные данные
|
|
266
|
-
*/
|
|
267
|
-
value?: any;
|
|
268
|
-
};
|
|
269
|
-
type GroupShape = {
|
|
270
|
-
/**
|
|
271
|
-
* Заголовок группы
|
|
272
|
-
*/
|
|
273
|
-
label?: string;
|
|
274
|
-
/**
|
|
275
|
-
* Дочерние элементы
|
|
276
|
-
*/
|
|
277
|
-
options: OptionShape[];
|
|
278
|
-
};
|
|
279
|
-
type BaseSelectChangePayload = {
|
|
280
|
-
selected: OptionShape | null;
|
|
281
|
-
selectedMultiple: OptionShape[];
|
|
282
|
-
initiator: OptionShape | null;
|
|
283
|
-
name?: string;
|
|
284
|
-
};
|
|
285
|
-
type BaseSelectProps = {
|
|
286
|
-
/**
|
|
287
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
288
|
-
*/
|
|
289
|
-
dataTestId?: string;
|
|
290
|
-
/**
|
|
291
|
-
* Дополнительный класс
|
|
292
|
-
*/
|
|
293
|
-
className?: string;
|
|
294
|
-
/**
|
|
295
|
-
* Дополнительный класс для поля
|
|
296
|
-
*/
|
|
297
|
-
fieldClassName?: string;
|
|
298
|
-
/**
|
|
299
|
-
* Дополнительный класс выпадающего меню
|
|
300
|
-
*/
|
|
301
|
-
optionsListClassName?: string;
|
|
302
|
-
/**
|
|
303
|
-
* Дополнительный класс для пункта меню
|
|
304
|
-
*/
|
|
305
|
-
optionClassName?: string;
|
|
306
|
-
/**
|
|
307
|
-
* Дополнительный класс для компонента группы пунктов
|
|
308
|
-
*/
|
|
309
|
-
optionGroupClassName?: string;
|
|
310
|
-
/**
|
|
311
|
-
* Дополнительный класс для поповера
|
|
312
|
-
*/
|
|
313
|
-
popperClassName?: string;
|
|
314
|
-
/**
|
|
315
|
-
* Список вариантов выбора
|
|
316
|
-
*/
|
|
317
|
-
options: Array<OptionShape | GroupShape>;
|
|
318
|
-
/**
|
|
319
|
-
* Атрибут id
|
|
320
|
-
*/
|
|
321
|
-
id?: string;
|
|
322
|
-
/**
|
|
323
|
-
* Атрибут name
|
|
324
|
-
*/
|
|
325
|
-
name?: string;
|
|
326
|
-
/**
|
|
327
|
-
* Управление возможностью выбора значения
|
|
328
|
-
*/
|
|
329
|
-
disabled?: boolean;
|
|
330
|
-
/**
|
|
331
|
-
* Начальное состояние селекта
|
|
332
|
-
*/
|
|
333
|
-
defaultOpen?: boolean;
|
|
334
|
-
/**
|
|
335
|
-
* Управление открытием
|
|
336
|
-
*/
|
|
337
|
-
open?: boolean;
|
|
338
|
-
/**
|
|
339
|
-
* Возможность выбрать несколько значений
|
|
340
|
-
*/
|
|
341
|
-
multiple?: boolean;
|
|
342
|
-
/**
|
|
343
|
-
* Размер компонента
|
|
344
|
-
*/
|
|
345
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
346
|
-
/**
|
|
347
|
-
* Размер пунктов меню
|
|
348
|
-
*/
|
|
349
|
-
optionsSize?: 's' | 'm' | 'l' | 'xl';
|
|
350
|
-
/**
|
|
351
|
-
* Растягивает компонент на ширину контейнера
|
|
352
|
-
*/
|
|
353
|
-
block?: boolean;
|
|
354
|
-
/**
|
|
355
|
-
* Управляет шириной выпадающего меню.
|
|
356
|
-
* Ширину определяет контент, либо ширина равна ширине поля
|
|
357
|
-
*/
|
|
358
|
-
optionsListWidth?: 'content' | 'field';
|
|
359
|
-
/**
|
|
360
|
-
* Лейбл поля
|
|
361
|
-
*/
|
|
362
|
-
label?: ReactNode;
|
|
363
|
-
/**
|
|
364
|
-
* Вид лейбла внутри / снаружи
|
|
365
|
-
*/
|
|
366
|
-
labelView?: 'inner' | 'outer';
|
|
367
|
-
/**
|
|
368
|
-
* Плейсхолдер поля
|
|
369
|
-
*/
|
|
370
|
-
placeholder?: string;
|
|
371
|
-
/**
|
|
372
|
-
* Отображение ошибки
|
|
373
|
-
*/
|
|
374
|
-
error?: ReactNode | boolean;
|
|
375
|
-
/**
|
|
376
|
-
* Подсказка под полем
|
|
377
|
-
*/
|
|
378
|
-
hint?: ReactNode;
|
|
379
|
-
/**
|
|
380
|
-
* Возможность использовать селект как input-autocomplete
|
|
381
|
-
*/
|
|
382
|
-
autocomplete?: boolean;
|
|
383
|
-
/**
|
|
384
|
-
* Позволяет снять выбранное значение
|
|
385
|
-
*/
|
|
386
|
-
allowUnselect?: boolean;
|
|
387
|
-
/**
|
|
388
|
-
* Закрывать меню после выбора?
|
|
389
|
-
*/
|
|
390
|
-
closeOnSelect?: boolean;
|
|
391
|
-
/**
|
|
392
|
-
* При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.
|
|
393
|
-
*/
|
|
394
|
-
circularNavigation?: boolean;
|
|
395
|
-
/**
|
|
396
|
-
* Запрещает поповеру менять свою позицию.
|
|
397
|
-
* Например, если места снизу недостаточно,то он все равно будет показан снизу
|
|
398
|
-
*/
|
|
399
|
-
preventFlip?: boolean;
|
|
400
|
-
/**
|
|
401
|
-
* Список value выбранных пунктов (controlled-селект)
|
|
402
|
-
*/
|
|
403
|
-
selected?: Array<string | OptionShape> | string | OptionShape | null;
|
|
404
|
-
/**
|
|
405
|
-
* Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)
|
|
406
|
-
*/
|
|
407
|
-
nativeSelect?: boolean;
|
|
408
|
-
/**
|
|
409
|
-
* Позиционирование выпадающего списка
|
|
410
|
-
*/
|
|
411
|
-
popoverPosition?: PopoverProps['position'];
|
|
412
|
-
/**
|
|
413
|
-
* Количество видимых пунктов меню (5 = 5.5)
|
|
414
|
-
*/
|
|
415
|
-
visibleOptions?: number;
|
|
416
|
-
/**
|
|
417
|
-
* Кастомный рендер выбранного пункта
|
|
418
|
-
*/
|
|
419
|
-
valueRenderer?: ({ selected, selectedMultiple, }: {
|
|
420
|
-
selected?: OptionShape;
|
|
421
|
-
selectedMultiple: OptionShape[];
|
|
422
|
-
}) => ReactNode;
|
|
423
|
-
/**
|
|
424
|
-
* Компонент стрелки
|
|
425
|
-
*/
|
|
426
|
-
Arrow?: FC<ArrowProps> | null | false;
|
|
427
|
-
/**
|
|
428
|
-
* Компонент поля
|
|
429
|
-
*/
|
|
430
|
-
Field?: FC<FieldProps>;
|
|
431
|
-
/**
|
|
432
|
-
* Пропсы, которые будут прокинуты в компонент поля
|
|
433
|
-
*/
|
|
434
|
-
fieldProps?: unknown;
|
|
435
|
-
/**
|
|
436
|
-
* Пропсы, которые будут прокинуты в компонент списка
|
|
437
|
-
*/
|
|
438
|
-
optionsListProps?: unknown;
|
|
439
|
-
/**
|
|
440
|
-
* Пропсы, которые будут прокинуты в компонент пункта меню
|
|
441
|
-
*/
|
|
442
|
-
optionProps?: unknown;
|
|
443
|
-
/**
|
|
444
|
-
* Компонент выпадающего меню
|
|
445
|
-
*/
|
|
446
|
-
OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
|
|
447
|
-
/**
|
|
448
|
-
* Компонент группы
|
|
449
|
-
*/
|
|
450
|
-
Optgroup?: FC<OptgroupProps>;
|
|
451
|
-
/**
|
|
452
|
-
* Компонент пункта меню
|
|
453
|
-
*/
|
|
454
|
-
Option?: FC<OptionProps>;
|
|
455
|
-
/**
|
|
456
|
-
* Включает отображение поиска
|
|
457
|
-
*/
|
|
458
|
-
showSearch?: boolean;
|
|
459
|
-
/**
|
|
460
|
-
* Компонент поиска
|
|
461
|
-
*/
|
|
462
|
-
Search?: FC<SearchProps>;
|
|
463
|
-
/**
|
|
464
|
-
* Настройки поиска
|
|
465
|
-
*/
|
|
466
|
-
searchProps?: {
|
|
467
|
-
componentProps?: SearchProps;
|
|
468
|
-
accessor?: (option: OptionShape) => string;
|
|
469
|
-
filterFn?: (optionText: string, search: string) => boolean;
|
|
470
|
-
value?: string;
|
|
471
|
-
onChange?: (value: string) => void;
|
|
472
|
-
};
|
|
473
|
-
/**
|
|
474
|
-
* Обработчик выбора
|
|
475
|
-
*/
|
|
476
|
-
onChange?: (payload: BaseSelectChangePayload) => void;
|
|
477
|
-
/**
|
|
478
|
-
* Обработчик открытия\закрытия селекта
|
|
479
|
-
*/
|
|
480
|
-
onOpen?: (payload: {
|
|
481
|
-
open?: boolean;
|
|
482
|
-
name?: string;
|
|
483
|
-
}) => void;
|
|
484
|
-
/**
|
|
485
|
-
* Обработчик фокуса поля
|
|
486
|
-
*/
|
|
487
|
-
onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
|
|
488
|
-
/**
|
|
489
|
-
* Обработчик блюра поля
|
|
490
|
-
*/
|
|
491
|
-
onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
|
|
492
|
-
/**
|
|
493
|
-
* Обработчик скрола
|
|
494
|
-
*/
|
|
495
|
-
onScroll?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
496
|
-
/**
|
|
497
|
-
* Хранит функцию, с помощью которой можно обновить положение поповера
|
|
498
|
-
*/
|
|
499
|
-
updatePopover?: PopoverProps['update'];
|
|
500
|
-
/**
|
|
501
|
-
* z-index поповера
|
|
502
|
-
*/
|
|
503
|
-
zIndexPopover?: PopoverProps['zIndex'];
|
|
504
|
-
/**
|
|
505
|
-
* Показывать OptionsList, если он пустой
|
|
506
|
-
*/
|
|
507
|
-
showEmptyOptionsList?: boolean;
|
|
508
|
-
};
|
|
509
|
-
type FieldProps = {
|
|
510
|
-
/**
|
|
511
|
-
* Дополнительный класс
|
|
512
|
-
*/
|
|
513
|
-
className?: string;
|
|
514
|
-
/**
|
|
515
|
-
* Выбранный пункт
|
|
516
|
-
*/
|
|
517
|
-
selected?: OptionShape;
|
|
518
|
-
/**
|
|
519
|
-
* Список выбранных пунктов
|
|
520
|
-
*/
|
|
521
|
-
selectedMultiple?: OptionShape[];
|
|
522
|
-
/**
|
|
523
|
-
* Метод для ручной установки выбранных пунктов
|
|
524
|
-
*/
|
|
525
|
-
setSelectedItems: (selected: OptionShape[]) => void;
|
|
526
|
-
/**
|
|
527
|
-
* Метод переключающий видимость выпадающего списка
|
|
528
|
-
*/
|
|
529
|
-
toggleMenu: () => void;
|
|
530
|
-
/**
|
|
531
|
-
* Флаг, можно ли выбрать несколько значений
|
|
532
|
-
*/
|
|
533
|
-
multiple?: boolean;
|
|
534
|
-
/**
|
|
535
|
-
* Флаг, открыто ли меню
|
|
536
|
-
*/
|
|
537
|
-
open?: boolean;
|
|
538
|
-
/**
|
|
539
|
-
* Флаг, поле заблокировано
|
|
540
|
-
*/
|
|
541
|
-
disabled?: boolean;
|
|
542
|
-
/**
|
|
543
|
-
* Лейбл поля
|
|
544
|
-
*/
|
|
545
|
-
label?: ReactNode;
|
|
546
|
-
/**
|
|
547
|
-
* Вид лейбла внутри / снаружи
|
|
548
|
-
*/
|
|
549
|
-
labelView?: 'inner' | 'outer';
|
|
550
|
-
/**
|
|
551
|
-
* Плейсхолдер поля
|
|
552
|
-
*/
|
|
553
|
-
placeholder?: string;
|
|
554
|
-
/**
|
|
555
|
-
* Отображение ошибки
|
|
556
|
-
*/
|
|
557
|
-
error?: ReactNode | boolean;
|
|
558
|
-
/**
|
|
559
|
-
* Отображение иконки успеха
|
|
560
|
-
*/
|
|
561
|
-
success?: boolean;
|
|
562
|
-
/**
|
|
563
|
-
* Подсказка под полем
|
|
564
|
-
*/
|
|
565
|
-
hint?: ReactNode;
|
|
566
|
-
/**
|
|
567
|
-
* Компонент стрелки
|
|
568
|
-
*/
|
|
569
|
-
Arrow?: ReactElement | false | null;
|
|
570
|
-
/**
|
|
571
|
-
* Кастомный рендер выбранного пункта
|
|
572
|
-
*/
|
|
573
|
-
valueRenderer?: BaseSelectProps['valueRenderer'];
|
|
574
|
-
/**
|
|
575
|
-
* Внутренние свойства, которые должны быть установлены компоненту.
|
|
576
|
-
*/
|
|
577
|
-
innerProps: {
|
|
578
|
-
onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
|
|
579
|
-
onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
|
|
580
|
-
onClick?: (event: MouseEvent<HTMLDivElement | HTMLInputElement>) => void;
|
|
581
|
-
tabIndex?: number;
|
|
582
|
-
id: string;
|
|
583
|
-
} & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
|
|
584
|
-
/**
|
|
585
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
586
|
-
*/
|
|
587
|
-
dataTestId?: string;
|
|
588
|
-
} & AnyObject;
|
|
589
|
-
type ArrowProps = {
|
|
590
|
-
/**
|
|
591
|
-
* Дополнительный класс
|
|
592
|
-
*/
|
|
593
|
-
className?: string;
|
|
594
|
-
/**
|
|
595
|
-
* Флаг, открыто ли меню
|
|
596
|
-
*/
|
|
597
|
-
open?: boolean;
|
|
598
|
-
};
|
|
599
|
-
type OptionsListProps = {
|
|
600
|
-
/**
|
|
601
|
-
* Дополнительный класс
|
|
602
|
-
*/
|
|
603
|
-
className?: string;
|
|
604
|
-
/**
|
|
605
|
-
* Дополнительный класс для компонента группы пунктов
|
|
606
|
-
*/
|
|
607
|
-
optionGroupClassName?: string;
|
|
608
|
-
/**
|
|
609
|
-
* Дополнительный класс для скроллбара
|
|
610
|
-
*/
|
|
611
|
-
scrollbarClassName?: string;
|
|
612
|
-
/**
|
|
613
|
-
* Размер компонента
|
|
614
|
-
*/
|
|
615
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
616
|
-
/**
|
|
617
|
-
* Компонент пункта меню
|
|
618
|
-
*/
|
|
619
|
-
Option: FC<OptionProps>;
|
|
620
|
-
/**
|
|
621
|
-
* Функция для получения пропсов для ячейки
|
|
622
|
-
*/
|
|
623
|
-
getOptionProps: (option: OptionShape, index: number) => OptionProps;
|
|
624
|
-
/**
|
|
625
|
-
* Список выбранных пунктов
|
|
626
|
-
*/
|
|
627
|
-
selectedItems?: OptionShape[];
|
|
628
|
-
/**
|
|
629
|
-
* Метод для ручной установки выбранных пунктов
|
|
630
|
-
*/
|
|
631
|
-
setSelectedItems: (selected: OptionShape[]) => void;
|
|
632
|
-
/**
|
|
633
|
-
* Метод переключающий видимость выпадающего списка
|
|
634
|
-
*/
|
|
635
|
-
toggleMenu: () => void;
|
|
636
|
-
/**
|
|
637
|
-
* Контент шапки
|
|
638
|
-
*/
|
|
639
|
-
header?: ReactNode;
|
|
640
|
-
/**
|
|
641
|
-
* Контент футера
|
|
642
|
-
*/
|
|
643
|
-
footer?: ReactNode;
|
|
644
|
-
/**
|
|
645
|
-
* Список вариантов выбора
|
|
646
|
-
*/
|
|
647
|
-
options?: Array<OptionShape | GroupShape>;
|
|
648
|
-
/**
|
|
649
|
-
* Плоский список пунктов меню (например, нужно для виртуализации)
|
|
650
|
-
*/
|
|
651
|
-
flatOptions?: OptionShape[];
|
|
652
|
-
/**
|
|
653
|
-
* Индекс выделенного пункта
|
|
654
|
-
*/
|
|
655
|
-
highlightedIndex?: number;
|
|
656
|
-
/**
|
|
657
|
-
* Флаг, открыто ли меню
|
|
658
|
-
*/
|
|
659
|
-
open?: boolean;
|
|
660
|
-
/**
|
|
661
|
-
* Компонент группы
|
|
662
|
-
*/
|
|
663
|
-
Optgroup?: BaseSelectProps['Optgroup'];
|
|
664
|
-
/**
|
|
665
|
-
* Будет отображаться, если компонент пустой
|
|
666
|
-
*/
|
|
667
|
-
emptyPlaceholder?: ReactNode;
|
|
668
|
-
/**
|
|
669
|
-
* Количество видимых пунктов меню (5 = 5.5)
|
|
670
|
-
*/
|
|
671
|
-
visibleOptions?: number;
|
|
672
|
-
/**
|
|
673
|
-
* Обработчик скрола
|
|
674
|
-
*/
|
|
675
|
-
onScroll?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
676
|
-
/**
|
|
677
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
678
|
-
*/
|
|
679
|
-
dataTestId?: string;
|
|
680
|
-
/**
|
|
681
|
-
* Дополнительные пропсы для Input'a, находящегося внутри кастомного OptionsList
|
|
682
|
-
*/
|
|
683
|
-
inputProps?: InputProps;
|
|
684
|
-
/**
|
|
685
|
-
* Нужно ли показывать футер
|
|
686
|
-
*/
|
|
687
|
-
showFooter?: boolean;
|
|
688
|
-
/**
|
|
689
|
-
* Нужно ли использовать нативный скроллбар
|
|
690
|
-
*/
|
|
691
|
-
nativeScrollbar?: boolean;
|
|
692
|
-
/**
|
|
693
|
-
* Управляет шириной выпадающего меню.
|
|
694
|
-
* Ширину определяет контент, либо ширина равна ширине поля
|
|
695
|
-
*/
|
|
696
|
-
optionsListWidth?: BaseSelectProps['optionsListWidth'];
|
|
697
|
-
/**
|
|
698
|
-
* Обработчик подтверждения изменений
|
|
699
|
-
*/
|
|
700
|
-
onApply?: () => void;
|
|
701
|
-
/**
|
|
702
|
-
* Обработчик отмены изменений
|
|
703
|
-
*/
|
|
704
|
-
onClear?: () => void;
|
|
705
|
-
/**
|
|
706
|
-
* Указать индекс пункта для hover состояния
|
|
707
|
-
*/
|
|
708
|
-
setHighlightedIndex?: (index: number) => void;
|
|
709
|
-
};
|
|
710
|
-
type OptgroupProps = {
|
|
711
|
-
/**
|
|
712
|
-
* Дополнительный класс для компонента группы пунктов
|
|
713
|
-
*/
|
|
714
|
-
className?: string;
|
|
715
|
-
/**
|
|
716
|
-
* Размер компонента
|
|
717
|
-
*/
|
|
718
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
719
|
-
/**
|
|
720
|
-
* Заголовок группы
|
|
721
|
-
*/
|
|
722
|
-
label?: string;
|
|
723
|
-
/**
|
|
724
|
-
* Дочерние элементы
|
|
725
|
-
*/
|
|
726
|
-
children?: ReactNode;
|
|
727
|
-
};
|
|
728
|
-
type OptionProps = {
|
|
729
|
-
/**
|
|
730
|
-
* Дополнительный класс
|
|
731
|
-
*/
|
|
732
|
-
className?: string;
|
|
733
|
-
/**
|
|
734
|
-
* Размер компонента
|
|
735
|
-
*/
|
|
736
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
737
|
-
/**
|
|
738
|
-
* Контент пункта меню
|
|
739
|
-
*/
|
|
740
|
-
children?: ReactNode;
|
|
741
|
-
/**
|
|
742
|
-
* Данные пункта меню
|
|
743
|
-
*/
|
|
744
|
-
option: OptionShape;
|
|
745
|
-
/**
|
|
746
|
-
* Индекс пункта
|
|
747
|
-
*/
|
|
748
|
-
index: number;
|
|
749
|
-
/**
|
|
750
|
-
* Флаг, выбран ли данный пункт
|
|
751
|
-
*/
|
|
752
|
-
selected?: boolean;
|
|
753
|
-
/**
|
|
754
|
-
* Флаг, подсвечен ли данный пункт
|
|
755
|
-
*/
|
|
756
|
-
highlighted?: boolean;
|
|
757
|
-
/**
|
|
758
|
-
* Флаг, заблокирован ли данный пункт
|
|
759
|
-
*/
|
|
760
|
-
disabled?: boolean;
|
|
761
|
-
/**
|
|
762
|
-
* Флаг множественного выбора
|
|
763
|
-
*/
|
|
764
|
-
multiple?: boolean;
|
|
765
|
-
/**
|
|
766
|
-
* Компонент пункта меню
|
|
767
|
-
*/
|
|
768
|
-
Checkmark?: FC<CheckmarkProps> | null;
|
|
769
|
-
/**
|
|
770
|
-
* Внутренние свойства, которые должны быть установлены компоненту.
|
|
771
|
-
*/
|
|
772
|
-
innerProps: {
|
|
773
|
-
id: string;
|
|
774
|
-
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
775
|
-
onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
776
|
-
onMouseMove?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
777
|
-
role?: string;
|
|
778
|
-
} & RefAttributes<HTMLDivElement> & AriaAttributes;
|
|
779
|
-
/**
|
|
780
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
781
|
-
*/
|
|
782
|
-
dataTestId?: string;
|
|
783
|
-
/**
|
|
784
|
-
* Позиция иконки "галочки"
|
|
785
|
-
*/
|
|
786
|
-
checkmarkPosition?: 'before' | 'after';
|
|
787
|
-
/**
|
|
788
|
-
* Мобильная верcия option.
|
|
789
|
-
*/
|
|
790
|
-
mobile?: boolean;
|
|
791
|
-
};
|
|
792
|
-
type CheckmarkProps = {
|
|
793
|
-
/**
|
|
794
|
-
* Флаг, данный пункт выбран
|
|
795
|
-
*/
|
|
796
|
-
selected?: boolean;
|
|
797
|
-
/**
|
|
798
|
-
* Флаг, данный пункт задизейблен
|
|
799
|
-
*/
|
|
800
|
-
disabled?: boolean;
|
|
801
|
-
/**
|
|
802
|
-
* Дополнительный класс
|
|
803
|
-
*/
|
|
804
|
-
className?: string;
|
|
805
|
-
/**
|
|
806
|
-
* Флаг множественного выбора
|
|
807
|
-
*/
|
|
808
|
-
multiple?: boolean;
|
|
809
|
-
/**
|
|
810
|
-
* Расположение отметки
|
|
811
|
-
*/
|
|
812
|
-
position?: 'before' | 'after';
|
|
813
|
-
/**
|
|
814
|
-
* Иконка выбранного пункта
|
|
815
|
-
*/
|
|
816
|
-
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
817
|
-
};
|
|
818
|
-
type SearchProps = InputProps & RefAttributes<HTMLInputElement>;
|
|
819
|
-
type SelectFieldProps = Omit<FormControlProps, 'size'> & Record<string, unknown>;
|
|
820
|
-
type AdditionalMobileProps = {
|
|
821
|
-
/**
|
|
822
|
-
* Показывать кнопку 'Сбросить' в футере мобильного компонента
|
|
823
|
-
*/
|
|
824
|
-
showClear?: UseSelectWithApplyProps['showClear'];
|
|
825
|
-
/**
|
|
826
|
-
* Показывать пункт "Выбрать все"
|
|
827
|
-
*/
|
|
828
|
-
showSelectAll?: UseSelectWithApplyProps['showSelectAll'];
|
|
829
|
-
/**
|
|
830
|
-
* Показывать пункт "Выбрать все" в заголовке списка у мобильного компонента
|
|
831
|
-
*/
|
|
832
|
-
showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
|
|
833
|
-
/**
|
|
834
|
-
* Использовать ли хук useSelectWithApply в мобильном компоненте
|
|
835
|
-
*/
|
|
836
|
-
useWithApplyHook?: boolean;
|
|
837
|
-
};
|
|
838
|
-
type BottomSheetSelectMobileProps = {
|
|
839
|
-
/**
|
|
840
|
-
* Футер
|
|
841
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
842
|
-
*/
|
|
843
|
-
footer?: ReactNode;
|
|
844
|
-
/**
|
|
845
|
-
* Будет ли свайпаться шторка
|
|
846
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
847
|
-
*/
|
|
848
|
-
swipeable?: boolean;
|
|
849
|
-
/**
|
|
850
|
-
* Дополнительные пропсы шторки
|
|
851
|
-
*/
|
|
852
|
-
bottomSheetProps?: Partial<BottomSheetProps$0>;
|
|
853
|
-
};
|
|
854
|
-
type ModalSelectMobileProps = {
|
|
855
|
-
/**
|
|
856
|
-
* Дополнительные пропсы шапки модалки
|
|
857
|
-
*/
|
|
858
|
-
modalHeaderProps?: Partial<ModalHeaderProps>;
|
|
859
|
-
/**
|
|
860
|
-
* Дополнительные пропсы модалки
|
|
861
|
-
*/
|
|
862
|
-
modalProps?: Partial<ModalProps & RefAttributes<HTMLDivElement>>;
|
|
863
|
-
/**
|
|
864
|
-
* Дополнительные пропсы футера модалки
|
|
865
|
-
*/
|
|
866
|
-
modalFooterProps?: Partial<ModalFooterProps>;
|
|
867
|
-
};
|
|
868
|
-
type ConditionalMobileProps = ({
|
|
869
|
-
isBottomSheet?: true;
|
|
870
|
-
} & BottomSheetSelectMobileProps) | ({
|
|
871
|
-
isBottomSheet: false;
|
|
872
|
-
} & ModalSelectMobileProps);
|
|
873
|
-
type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark'> & AdditionalMobileProps & ModalSelectMobileProps;
|
|
874
|
-
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark'> & AdditionalMobileProps & ConditionalMobileProps;
|
|
875
|
-
type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
|
|
876
|
-
/**
|
|
877
|
-
* Пропсы, которые будут прокинуты в компонент поля
|
|
878
|
-
*/
|
|
879
|
-
fieldProps?: SelectFieldProps;
|
|
880
|
-
};
|
|
881
|
-
type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobileProps & {
|
|
882
|
-
/**
|
|
883
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
884
|
-
* @default 1024
|
|
885
|
-
*/
|
|
886
|
-
breakpoint?: number;
|
|
887
|
-
/**
|
|
888
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
889
|
-
*/
|
|
890
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
891
|
-
};
|
|
892
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Content, ResponsiveContext, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
893
|
-
export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
|
|
894
|
-
export type { HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, ContentProps as ModalContentProps };
|