@alfalab/core-components-input-autocomplete 9.3.16 → 9.3.18
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-3885b0d7.d.ts +169 -0
- package/Component.mobile.d.ts +371 -2
- package/Component.mobile.js +1 -1
- package/Component.responsive.d.ts +1 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.js +1 -1
- package/autocomplete-mobile-field/index.css +8 -8
- package/cssm/Component-3885b0d7.d.ts +169 -0
- package/cssm/Component.mobile.d.ts +371 -2
- package/cssm/Component.responsive.d.ts +1 -1
- package/cssm/index-ebda875c.d.ts +56 -22
- package/cssm/types-ebda875c.d.ts +113 -0
- package/esm/Component-3885b0d7.d.ts +169 -0
- package/esm/Component.mobile.d.ts +371 -2
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.responsive.d.ts +1 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/index-ebda875c.d.ts +56 -22
- package/esm/mobile.css +4 -4
- package/esm/types-ebda875c.d.ts +113 -0
- package/index-ebda875c.d.ts +56 -22
- package/mobile.css +4 -4
- package/modern/Component-3885b0d7.d.ts +169 -0
- package/modern/Component.mobile.d.ts +371 -2
- package/modern/Component.mobile.js +1 -1
- package/modern/Component.responsive.d.ts +1 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/index-ebda875c.d.ts +56 -22
- package/modern/mobile.css +4 -4
- package/modern/types-ebda875c.d.ts +113 -0
- package/package.json +2 -2
- package/types-ebda875c.d.ts +113 -0
- package/Component-7ca84eff.d.ts +0 -5
- package/cssm/Component-7ca84eff.d.ts +0 -5
- package/cssm/index-7ca84eff.d.ts +0 -215
- package/cssm/index-bdb4c6b9.d.ts +0 -207
- package/cssm/index-e81c389f.d.ts +0 -341
- package/esm/Component-7ca84eff.d.ts +0 -5
- package/esm/index-7ca84eff.d.ts +0 -215
- package/esm/index-bdb4c6b9.d.ts +0 -207
- package/esm/index-e81c389f.d.ts +0 -341
- package/index-7ca84eff.d.ts +0 -215
- package/index-bdb4c6b9.d.ts +0 -207
- package/index-e81c389f.d.ts +0 -341
- package/modern/Component-7ca84eff.d.ts +0 -5
- package/modern/index-7ca84eff.d.ts +0 -215
- package/modern/index-bdb4c6b9.d.ts +0 -207
- package/modern/index-e81c389f.d.ts +0 -341
package/index-e81c389f.d.ts
DELETED
|
@@ -1,341 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/* eslint-disable complexity */
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { FC, ReactNode, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, AnchorHTMLAttributes } from "react";
|
|
5
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
6
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Вид компонента
|
|
9
|
-
*/
|
|
10
|
-
view: "desktop" | "mobile";
|
|
11
|
-
/**
|
|
12
|
-
* Дополнительный класс
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Позиция крестика
|
|
17
|
-
*/
|
|
18
|
-
align?: "left" | "right";
|
|
19
|
-
/**
|
|
20
|
-
* Фиксирует крестик
|
|
21
|
-
*/
|
|
22
|
-
sticky?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Иконка
|
|
25
|
-
*/
|
|
26
|
-
icon?: ElementType;
|
|
27
|
-
/**
|
|
28
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
29
|
-
*/
|
|
30
|
-
dataTestId?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Коллбэк закрытия.
|
|
33
|
-
*/
|
|
34
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
35
|
-
}
|
|
36
|
-
declare const Closer: FC<CloserProps>;
|
|
37
|
-
type NavigationBarProps = {
|
|
38
|
-
/**
|
|
39
|
-
* Контент шапки
|
|
40
|
-
*/
|
|
41
|
-
children?: ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Заголовок шапки
|
|
44
|
-
*/
|
|
45
|
-
title?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Подзаголовок (доступен только в мобильной версии)
|
|
48
|
-
*/
|
|
49
|
-
subtitle?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Размер заголовка (compact доступен только в мобильной версии)
|
|
52
|
-
*/
|
|
53
|
-
titleSize?: "default" | "compact";
|
|
54
|
-
/**
|
|
55
|
-
* Доп. класс для аддонов
|
|
56
|
-
*/
|
|
57
|
-
addonClassName?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Слот слева
|
|
60
|
-
*/
|
|
61
|
-
leftAddons?: ReactNode;
|
|
62
|
-
/**
|
|
63
|
-
* Слот справа
|
|
64
|
-
*/
|
|
65
|
-
rightAddons?: ReactNode;
|
|
66
|
-
/**
|
|
67
|
-
* Дополнительный класс для closer
|
|
68
|
-
*/
|
|
69
|
-
closerClassName?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Слот снизу
|
|
72
|
-
*/
|
|
73
|
-
bottomAddons?: ReactNode;
|
|
74
|
-
/**
|
|
75
|
-
* Наличие компонента крестика
|
|
76
|
-
*/
|
|
77
|
-
hasCloser?: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Наличие кнопки "Назад"
|
|
80
|
-
*/
|
|
81
|
-
hasBackButton?: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Дополнительный класс для правого аддона
|
|
84
|
-
*/
|
|
85
|
-
backButtonClassName?: string;
|
|
86
|
-
/**
|
|
87
|
-
* Дополнительный класс
|
|
88
|
-
*/
|
|
89
|
-
className?: string;
|
|
90
|
-
/**
|
|
91
|
-
* Дополнительный класс для контента
|
|
92
|
-
*/
|
|
93
|
-
contentClassName?: string;
|
|
94
|
-
/**
|
|
95
|
-
* Дополнительный класс для нижнего аддона
|
|
96
|
-
*/
|
|
97
|
-
bottomAddonsClassName?: string;
|
|
98
|
-
/**
|
|
99
|
-
* Выравнивание заголовка
|
|
100
|
-
*/
|
|
101
|
-
align?: "left" | "center";
|
|
102
|
-
/**
|
|
103
|
-
* Обрезать ли заголовок
|
|
104
|
-
*/
|
|
105
|
-
trim?: boolean;
|
|
106
|
-
/**
|
|
107
|
-
* Фиксирует шапку
|
|
108
|
-
*/
|
|
109
|
-
sticky?: boolean;
|
|
110
|
-
/**
|
|
111
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
112
|
-
*/
|
|
113
|
-
dataTestId?: string;
|
|
114
|
-
/**
|
|
115
|
-
* Фоновое изображение
|
|
116
|
-
*/
|
|
117
|
-
imageUrl?: string;
|
|
118
|
-
/**
|
|
119
|
-
* Иконка closer.
|
|
120
|
-
*/
|
|
121
|
-
closerIcon?: React.ElementType;
|
|
122
|
-
/**
|
|
123
|
-
* Обработчик закрытия
|
|
124
|
-
*/
|
|
125
|
-
onClose?: CloserProps["onClose"];
|
|
126
|
-
/**
|
|
127
|
-
* обработчик клика по кнопке "назад"
|
|
128
|
-
*/
|
|
129
|
-
onBack?: () => void;
|
|
130
|
-
/**
|
|
131
|
-
* Вид шапки - мобильный или десктоп
|
|
132
|
-
*/
|
|
133
|
-
view: "desktop" | "mobile";
|
|
134
|
-
/**
|
|
135
|
-
* Ссылка на родительскую ноду overflow: auto
|
|
136
|
-
*/
|
|
137
|
-
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
138
|
-
};
|
|
139
|
-
declare const NavigationBar: FC<NavigationBarProps>;
|
|
140
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
141
|
-
/**
|
|
142
|
-
* Текст после иконки
|
|
143
|
-
*/
|
|
144
|
-
text?: string;
|
|
145
|
-
/**
|
|
146
|
-
* Дополнительный класс
|
|
147
|
-
*/
|
|
148
|
-
className?: string;
|
|
149
|
-
/**
|
|
150
|
-
* Вид компонента
|
|
151
|
-
*/
|
|
152
|
-
view: "mobile" | "desktop";
|
|
153
|
-
/**
|
|
154
|
-
* Прозрачность текста
|
|
155
|
-
*/
|
|
156
|
-
textOpacity?: number;
|
|
157
|
-
/**
|
|
158
|
-
* Обработчик клика
|
|
159
|
-
*/
|
|
160
|
-
onClick?: () => void;
|
|
161
|
-
}
|
|
162
|
-
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
163
|
-
declare const colors: readonly [
|
|
164
|
-
"tertiary",
|
|
165
|
-
"disabled",
|
|
166
|
-
"accent",
|
|
167
|
-
"primary",
|
|
168
|
-
"attention",
|
|
169
|
-
"positive",
|
|
170
|
-
"secondary",
|
|
171
|
-
"tertiary-inverted",
|
|
172
|
-
"primary-inverted",
|
|
173
|
-
"secondary-inverted",
|
|
174
|
-
"link",
|
|
175
|
-
"negative",
|
|
176
|
-
"static-primary-light",
|
|
177
|
-
"static-secondary-light",
|
|
178
|
-
"static-tertiary-light",
|
|
179
|
-
"static-primary-dark",
|
|
180
|
-
"static-secondary-dark",
|
|
181
|
-
"static-tertiary-dark",
|
|
182
|
-
"static-accent"
|
|
183
|
-
];
|
|
184
|
-
type Color = (typeof colors)[number];
|
|
185
|
-
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
186
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
187
|
-
type TextBaseProps = {
|
|
188
|
-
/**
|
|
189
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
190
|
-
*/
|
|
191
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
192
|
-
/**
|
|
193
|
-
* Цвет текста
|
|
194
|
-
*/
|
|
195
|
-
color?: Color;
|
|
196
|
-
/**
|
|
197
|
-
* Толщина шрифта
|
|
198
|
-
*/
|
|
199
|
-
weight?: "regular" | "medium" | "bold";
|
|
200
|
-
/**
|
|
201
|
-
* Делает цифры моноширинными
|
|
202
|
-
*/
|
|
203
|
-
monospaceNumbers?: boolean;
|
|
204
|
-
/**
|
|
205
|
-
* HTML тег
|
|
206
|
-
*/
|
|
207
|
-
tag?: "span" | "div";
|
|
208
|
-
/**
|
|
209
|
-
* Css-класс для стилизации (native prop)
|
|
210
|
-
*/
|
|
211
|
-
className?: string;
|
|
212
|
-
/**
|
|
213
|
-
* Id компонента для тестов
|
|
214
|
-
*/
|
|
215
|
-
dataTestId?: string;
|
|
216
|
-
/**
|
|
217
|
-
* Контент (native prop)
|
|
218
|
-
*/
|
|
219
|
-
children?: React.ReactNode;
|
|
220
|
-
/**
|
|
221
|
-
* Добавляет отступы к тэгу 'p'
|
|
222
|
-
*/
|
|
223
|
-
defaultMargins?: never;
|
|
224
|
-
/**
|
|
225
|
-
* Количество строк (не поддерживает IE)
|
|
226
|
-
*/
|
|
227
|
-
rowLimit?: 1 | 2 | 3;
|
|
228
|
-
};
|
|
229
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
230
|
-
tag?: "p";
|
|
231
|
-
defaultMargins?: boolean;
|
|
232
|
-
};
|
|
233
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
234
|
-
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
235
|
-
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
236
|
-
/**
|
|
237
|
-
* HTML тег
|
|
238
|
-
*/
|
|
239
|
-
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
240
|
-
/**
|
|
241
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
242
|
-
*/
|
|
243
|
-
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
244
|
-
/**
|
|
245
|
-
* Цвет текста
|
|
246
|
-
*/
|
|
247
|
-
color?: Color;
|
|
248
|
-
/**
|
|
249
|
-
* Толщина шрифта
|
|
250
|
-
*/
|
|
251
|
-
weight?: "regular" | "medium" | "bold";
|
|
252
|
-
/**
|
|
253
|
-
* Шрифт текста
|
|
254
|
-
*/
|
|
255
|
-
font?: "styrene" | "system";
|
|
256
|
-
/**
|
|
257
|
-
* Добавляет отступы
|
|
258
|
-
*/
|
|
259
|
-
defaultMargins?: boolean;
|
|
260
|
-
/**
|
|
261
|
-
* Css-класс для стилизации (native prop)
|
|
262
|
-
*/
|
|
263
|
-
className?: string;
|
|
264
|
-
/**
|
|
265
|
-
* Id компонента для тестов
|
|
266
|
-
*/
|
|
267
|
-
dataTestId?: string;
|
|
268
|
-
/**
|
|
269
|
-
* Контент (native prop)
|
|
270
|
-
*/
|
|
271
|
-
children?: React.ReactNode;
|
|
272
|
-
/**
|
|
273
|
-
* Количество строк (не поддерживает IE)
|
|
274
|
-
*/
|
|
275
|
-
rowLimit?: 1 | 2 | 3;
|
|
276
|
-
};
|
|
277
|
-
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
278
|
-
declare const Typography: {
|
|
279
|
-
Title: FC<TitleProps>;
|
|
280
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
281
|
-
TitleResponsive: FC<TitleProps>;
|
|
282
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
283
|
-
};
|
|
284
|
-
declare const typographyPresets: {
|
|
285
|
-
mobile: {
|
|
286
|
-
list: {
|
|
287
|
-
text: {
|
|
288
|
-
primary: {
|
|
289
|
-
tag: string;
|
|
290
|
-
view: string;
|
|
291
|
-
};
|
|
292
|
-
secondary: {
|
|
293
|
-
tag: string;
|
|
294
|
-
color: string;
|
|
295
|
-
view: string;
|
|
296
|
-
};
|
|
297
|
-
};
|
|
298
|
-
};
|
|
299
|
-
};
|
|
300
|
-
};
|
|
301
|
-
declare const TitleResponsive: FC<TitleProps>;
|
|
302
|
-
type IconButtonProps = {
|
|
303
|
-
/**
|
|
304
|
-
* Компонент иконки
|
|
305
|
-
*/
|
|
306
|
-
icon: ElementType<{
|
|
307
|
-
className?: string;
|
|
308
|
-
}>;
|
|
309
|
-
/**
|
|
310
|
-
* Тип кнопки
|
|
311
|
-
*/
|
|
312
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
313
|
-
/**
|
|
314
|
-
* Размер компонента
|
|
315
|
-
*/
|
|
316
|
-
size?: "xxs" | "xs" | "s";
|
|
317
|
-
/**
|
|
318
|
-
* Дополнительный класс
|
|
319
|
-
*/
|
|
320
|
-
className?: string;
|
|
321
|
-
/**
|
|
322
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
323
|
-
*/
|
|
324
|
-
dataTestId?: string;
|
|
325
|
-
/**
|
|
326
|
-
* Набор цветов для компонента
|
|
327
|
-
*/
|
|
328
|
-
colors?: "default" | "inverted";
|
|
329
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
330
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
331
|
-
icon: ElementType<{
|
|
332
|
-
className?: string;
|
|
333
|
-
}>;
|
|
334
|
-
view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
|
|
335
|
-
size?: "s" | "xs" | "xxs" | undefined;
|
|
336
|
-
className?: string | undefined;
|
|
337
|
-
dataTestId?: string | undefined;
|
|
338
|
-
colors?: "default" | "inverted" | undefined;
|
|
339
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
340
|
-
export { NavigationBar, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, CloserProps, Closer };
|
|
341
|
-
export type { TitleProps, TextProps, Color, NavigationBarProps };
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
/// <reference types="react-transition-group" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
|
|
5
|
-
import { TransitionProps } from "react-transition-group/Transition";
|
|
6
|
-
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
7
|
-
import { NavigationBarProps } from "./index-e81c389f";
|
|
8
|
-
import { SwipeableHandlers } from "react-swipeable/types";
|
|
9
|
-
import { BackdropProps } from "./index-ebda875c";
|
|
10
|
-
type BottomSheetTitleAlign = "center" | "left";
|
|
11
|
-
type BottomSheetProps = {
|
|
12
|
-
/**
|
|
13
|
-
* Контент
|
|
14
|
-
*/
|
|
15
|
-
children?: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Управление видимостью
|
|
18
|
-
*/
|
|
19
|
-
open: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Заголовок
|
|
22
|
-
*/
|
|
23
|
-
title?: ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
* Размер заголовка
|
|
26
|
-
*/
|
|
27
|
-
titleSize?: NavigationBarProps["titleSize"];
|
|
28
|
-
/**
|
|
29
|
-
* Подзаголовок.
|
|
30
|
-
*/
|
|
31
|
-
subtitle?: NavigationBarProps["subtitle"];
|
|
32
|
-
/**
|
|
33
|
-
* Кнопка действия (обычно, это кнопка закрытия)
|
|
34
|
-
*/
|
|
35
|
-
actionButton?: ReactNode;
|
|
36
|
-
/**
|
|
37
|
-
* Нода, компонент или функция возвращающая их
|
|
38
|
-
*
|
|
39
|
-
* Контейнер к которому будут добавляться порталы
|
|
40
|
-
*/
|
|
41
|
-
container?: BaseModalProps["container"];
|
|
42
|
-
/**
|
|
43
|
-
* Дополнительный класс
|
|
44
|
-
*/
|
|
45
|
-
className?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Дополнительный класс
|
|
48
|
-
*/
|
|
49
|
-
contentClassName?: string;
|
|
50
|
-
/**
|
|
51
|
-
* Дополнительные пропсы на контейнер.
|
|
52
|
-
*/
|
|
53
|
-
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
54
|
-
/**
|
|
55
|
-
* Дополнительный класс
|
|
56
|
-
*/
|
|
57
|
-
containerClassName?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Дополнительный класс шапки
|
|
60
|
-
*/
|
|
61
|
-
headerClassName?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Дополнительный класс футера
|
|
64
|
-
*/
|
|
65
|
-
footerClassName?: string;
|
|
66
|
-
/**
|
|
67
|
-
* Дополнительный класс для аддонов
|
|
68
|
-
*/
|
|
69
|
-
addonClassName?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Дополнительный класс для компонента крестика
|
|
72
|
-
*/
|
|
73
|
-
closerClassName?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Дополнительный класс для компонента стрелки назад
|
|
76
|
-
*/
|
|
77
|
-
backerClassName?: string;
|
|
78
|
-
/**
|
|
79
|
-
* Дополнительный класс для компонента модального окна
|
|
80
|
-
*/
|
|
81
|
-
modalClassName?: string;
|
|
82
|
-
/**
|
|
83
|
-
* Дополнительный класс для обертки модального окна
|
|
84
|
-
*/
|
|
85
|
-
modalWrapperClassName?: string;
|
|
86
|
-
/**
|
|
87
|
-
* TransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
88
|
-
*/
|
|
89
|
-
transitionProps?: Partial<TransitionProps>;
|
|
90
|
-
/**
|
|
91
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
92
|
-
*/
|
|
93
|
-
dataTestId?: string;
|
|
94
|
-
/**
|
|
95
|
-
* z-index компонента
|
|
96
|
-
*/
|
|
97
|
-
zIndex?: number;
|
|
98
|
-
/**
|
|
99
|
-
* Будет ли свайпаться шторка
|
|
100
|
-
* @default true
|
|
101
|
-
*/
|
|
102
|
-
swipeable?: boolean;
|
|
103
|
-
/**
|
|
104
|
-
* Слот слева
|
|
105
|
-
*/
|
|
106
|
-
leftAddons?: ReactNode;
|
|
107
|
-
/**
|
|
108
|
-
* Слот справа
|
|
109
|
-
*/
|
|
110
|
-
rightAddons?: ReactNode;
|
|
111
|
-
/**
|
|
112
|
-
* Слот снизу
|
|
113
|
-
*/
|
|
114
|
-
bottomAddons?: ReactNode;
|
|
115
|
-
/**
|
|
116
|
-
* Наличие компонента крестика
|
|
117
|
-
*/
|
|
118
|
-
hasCloser?: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* Наличие компонента стрелки назад
|
|
121
|
-
*/
|
|
122
|
-
hasBacker?: boolean;
|
|
123
|
-
/**
|
|
124
|
-
* Выравнивание заголовка
|
|
125
|
-
*/
|
|
126
|
-
titleAlign?: BottomSheetTitleAlign;
|
|
127
|
-
/**
|
|
128
|
-
* Фиксирует шапку
|
|
129
|
-
*/
|
|
130
|
-
stickyHeader?: boolean;
|
|
131
|
-
/**
|
|
132
|
-
* Фиксирует футер
|
|
133
|
-
*/
|
|
134
|
-
stickyFooter?: boolean;
|
|
135
|
-
/**
|
|
136
|
-
* Высота шторки
|
|
137
|
-
*/
|
|
138
|
-
initialHeight?: "default" | "full";
|
|
139
|
-
/**
|
|
140
|
-
* Будет ли виден оверлэй
|
|
141
|
-
*/
|
|
142
|
-
hideOverlay?: boolean;
|
|
143
|
-
/**
|
|
144
|
-
* Будет ли видна шапка
|
|
145
|
-
*/
|
|
146
|
-
hideHeader?: boolean;
|
|
147
|
-
/**
|
|
148
|
-
* Будет ли обрезан заголовок
|
|
149
|
-
*/
|
|
150
|
-
trimTitle?: boolean;
|
|
151
|
-
/**
|
|
152
|
-
* Запретить закрытие шторки кликом на оверлэй
|
|
153
|
-
*/
|
|
154
|
-
disableOverlayClick?: boolean;
|
|
155
|
-
/**
|
|
156
|
-
* Отключает блокировку скролла при открытии модального окна
|
|
157
|
-
*/
|
|
158
|
-
disableBlockingScroll?: boolean;
|
|
159
|
-
/**
|
|
160
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
161
|
-
* Не анимировать шторку при изменении размера вьюпорта
|
|
162
|
-
*/
|
|
163
|
-
ignoreScreenChange?: boolean;
|
|
164
|
-
/**
|
|
165
|
-
* Свойства для Бэкдропа
|
|
166
|
-
*/
|
|
167
|
-
backdropProps?: BaseModalProps["backdropProps"];
|
|
168
|
-
/**
|
|
169
|
-
* Реф на контейнер, в котором происходит скролл
|
|
170
|
-
*/
|
|
171
|
-
scrollableContainerRef?: RefObject<HTMLElement>;
|
|
172
|
-
/**
|
|
173
|
-
* Обработчик закрытия
|
|
174
|
-
*/
|
|
175
|
-
onClose: () => void;
|
|
176
|
-
/**
|
|
177
|
-
* Обработчик нажатия на стрелку назад
|
|
178
|
-
*/
|
|
179
|
-
onBack?: () => void;
|
|
180
|
-
};
|
|
181
|
-
/* Верхний отступ шторки, если она открыта на максимальную высоту */
|
|
182
|
-
declare const HEADER_OFFSET = 24;
|
|
183
|
-
declare const CLOSE_OFFSET = 0.2;
|
|
184
|
-
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
185
|
-
type FooterProps = {
|
|
186
|
-
/**
|
|
187
|
-
* Контент футера
|
|
188
|
-
*/
|
|
189
|
-
children?: ReactNode;
|
|
190
|
-
/**
|
|
191
|
-
* Фиксирует футер
|
|
192
|
-
*/
|
|
193
|
-
sticky?: boolean;
|
|
194
|
-
/**
|
|
195
|
-
* Дополнительный класс
|
|
196
|
-
*/
|
|
197
|
-
className?: string;
|
|
198
|
-
};
|
|
199
|
-
declare const Footer: FC<FooterProps>;
|
|
200
|
-
type SwipeableBackdropProps = BackdropProps & {
|
|
201
|
-
/**
|
|
202
|
-
* Прозрачность бэкдропа
|
|
203
|
-
*/
|
|
204
|
-
opacity?: number;
|
|
205
|
-
/**
|
|
206
|
-
* Обработчики свайпа
|
|
207
|
-
*/
|
|
208
|
-
handlers?: SwipeableHandlers;
|
|
209
|
-
/**
|
|
210
|
-
* Время анимации opacity
|
|
211
|
-
*/
|
|
212
|
-
opacityTimeout?: number;
|
|
213
|
-
};
|
|
214
|
-
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
215
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|