@alfalab/core-components-international-phone-input 2.7.21 → 2.8.1
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/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 +2 -1
- package/components/country-select/index.css +10 -10
- 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 +8 -8
- package/cssm/components/country-select/Component.js +1 -0
- package/cssm/typings-30750b73.d.ts +7 -1
- 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 +2 -1
- package/esm/components/country-select/index.css +10 -10
- 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 +8 -8
- package/esm/typings-30750b73.d.ts +7 -1
- 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 +2 -1
- package/modern/components/country-select/index.css +10 -10
- 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 +8 -8
- package/modern/typings-30750b73.d.ts +7 -1
- package/moderncssm/components/country-select/Component.js +1 -0
- package/moderncssm/typings-30750b73.d.ts +7 -1
- package/package.json +4 -4
- package/src/components/country-select/Component.tsx +1 -0
- package/typings-30750b73.d.ts +570 -11
- package/index-235f6347.d.ts +0 -277
- package/types-464d40a4.d.ts +0 -293
package/index-235f6347.d.ts
DELETED
|
@@ -1,277 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/* eslint-disable complexity */
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
5
|
-
import { IconButtonProps } from "./index-ebda875c";
|
|
6
|
-
import { TextSkeletonProps } from "./index-f48ccc7b";
|
|
7
|
-
import { Color } from "./colors-2c123cbc";
|
|
8
|
-
import { Title, TitleProps } from "./index-86dd1e48";
|
|
9
|
-
import { TitleMobile, TitleMobileProps } from "./index-281accb7";
|
|
10
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
11
|
-
/**
|
|
12
|
-
* Текст после иконки
|
|
13
|
-
*/
|
|
14
|
-
text?: string | null;
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительный класс
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Вид компонента
|
|
21
|
-
*/
|
|
22
|
-
view: "mobile" | "desktop";
|
|
23
|
-
/**
|
|
24
|
-
* Прозрачность текста
|
|
25
|
-
*/
|
|
26
|
-
textOpacity?: number;
|
|
27
|
-
/**
|
|
28
|
-
* Обработчик клика
|
|
29
|
-
*/
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
33
|
-
/**
|
|
34
|
-
* Вид компонента
|
|
35
|
-
*/
|
|
36
|
-
view: "desktop" | "mobile";
|
|
37
|
-
/**
|
|
38
|
-
* Дополнительный класс
|
|
39
|
-
*/
|
|
40
|
-
className?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Позиция крестика
|
|
43
|
-
*/
|
|
44
|
-
align?: "left" | "right";
|
|
45
|
-
/**
|
|
46
|
-
* Фиксирует крестик
|
|
47
|
-
*/
|
|
48
|
-
sticky?: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Иконка
|
|
51
|
-
*/
|
|
52
|
-
icon?: ElementType;
|
|
53
|
-
/**
|
|
54
|
-
* Набор цветов для компонента
|
|
55
|
-
*/
|
|
56
|
-
colors?: IconButtonProps["colors"];
|
|
57
|
-
/**
|
|
58
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
59
|
-
*/
|
|
60
|
-
dataTestId?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Коллбэк закрытия.
|
|
63
|
-
*/
|
|
64
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
65
|
-
}
|
|
66
|
-
type NavigationBarPrivateProps = {
|
|
67
|
-
/**
|
|
68
|
-
* Контент шапки
|
|
69
|
-
*/
|
|
70
|
-
children?: ReactNode;
|
|
71
|
-
/**
|
|
72
|
-
* Заголовок шапки
|
|
73
|
-
*/
|
|
74
|
-
title?: ReactNode;
|
|
75
|
-
/**
|
|
76
|
-
* Подзаголовок (доступен только в мобильной версии)
|
|
77
|
-
*/
|
|
78
|
-
subtitle?: ReactNode;
|
|
79
|
-
/**
|
|
80
|
-
* Размер заголовка (compact доступен только в мобильной версии)
|
|
81
|
-
*/
|
|
82
|
-
titleSize?: "default" | "compact";
|
|
83
|
-
/**
|
|
84
|
-
* Доп. класс для аддонов
|
|
85
|
-
*/
|
|
86
|
-
addonClassName?: string;
|
|
87
|
-
/**
|
|
88
|
-
* Слот слева
|
|
89
|
-
*/
|
|
90
|
-
leftAddons?: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* Слот справа
|
|
93
|
-
*/
|
|
94
|
-
rightAddons?: ReactNode;
|
|
95
|
-
/**
|
|
96
|
-
* Дополнительный класс для closer
|
|
97
|
-
*/
|
|
98
|
-
closerClassName?: string;
|
|
99
|
-
/**
|
|
100
|
-
* Слот снизу
|
|
101
|
-
*/
|
|
102
|
-
bottomAddons?: ReactNode;
|
|
103
|
-
/**
|
|
104
|
-
* Наличие компонента крестика
|
|
105
|
-
*/
|
|
106
|
-
hasCloser?: boolean;
|
|
107
|
-
/**
|
|
108
|
-
* Наличие кнопки "Назад"
|
|
109
|
-
*/
|
|
110
|
-
hasBackButton?: boolean;
|
|
111
|
-
/**
|
|
112
|
-
* Дополнительный класс для правого аддона
|
|
113
|
-
*/
|
|
114
|
-
backButtonClassName?: string;
|
|
115
|
-
/**
|
|
116
|
-
* Дополнительные пропсы для кнопки "Назад"
|
|
117
|
-
*/
|
|
118
|
-
backButtonProps?: Omit<BackArrowAddonProps, "view" | "textOpacity" | "onClick">;
|
|
119
|
-
/**
|
|
120
|
-
* Дополнительный класс
|
|
121
|
-
*/
|
|
122
|
-
className?: string;
|
|
123
|
-
/**
|
|
124
|
-
* Дополнительный класс для контента
|
|
125
|
-
*/
|
|
126
|
-
contentClassName?: string;
|
|
127
|
-
/**
|
|
128
|
-
* Дополнительный класс для нижнего аддона
|
|
129
|
-
*/
|
|
130
|
-
bottomAddonsClassName?: string;
|
|
131
|
-
/**
|
|
132
|
-
* Выравнивание заголовка
|
|
133
|
-
*/
|
|
134
|
-
align?: "left" | "center";
|
|
135
|
-
/**
|
|
136
|
-
* Обрезать ли заголовок
|
|
137
|
-
*/
|
|
138
|
-
trim?: boolean;
|
|
139
|
-
/**
|
|
140
|
-
* Фиксирует шапку
|
|
141
|
-
*/
|
|
142
|
-
sticky?: boolean;
|
|
143
|
-
/**
|
|
144
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
145
|
-
*/
|
|
146
|
-
dataTestId?: string;
|
|
147
|
-
/**
|
|
148
|
-
* Фоновое изображение
|
|
149
|
-
*/
|
|
150
|
-
imageUrl?: string;
|
|
151
|
-
/**
|
|
152
|
-
* Иконка closer.
|
|
153
|
-
*/
|
|
154
|
-
closerIcon?: React.ElementType;
|
|
155
|
-
/**
|
|
156
|
-
* Обработчик закрытия
|
|
157
|
-
*/
|
|
158
|
-
onClose?: CloserProps["onClose"];
|
|
159
|
-
/**
|
|
160
|
-
* Дополнительные пропсы для компонента Closer.
|
|
161
|
-
*/
|
|
162
|
-
closerProps?: Omit<CloserProps, "view" | "onClose">;
|
|
163
|
-
/**
|
|
164
|
-
* обработчик клика по кнопке "назад"
|
|
165
|
-
*/
|
|
166
|
-
onBack?: () => void;
|
|
167
|
-
/**
|
|
168
|
-
* Вид шапки - мобильный или десктоп
|
|
169
|
-
*/
|
|
170
|
-
view: "desktop" | "mobile";
|
|
171
|
-
/**
|
|
172
|
-
* Ссылка на родительскую ноду overflow: auto
|
|
173
|
-
*/
|
|
174
|
-
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
175
|
-
/**
|
|
176
|
-
* Data атрибут для компонента
|
|
177
|
-
*/
|
|
178
|
-
dataName?: string;
|
|
179
|
-
/**
|
|
180
|
-
* Дополнительный класс для title
|
|
181
|
-
*/
|
|
182
|
-
titleClassName?: string;
|
|
183
|
-
/**
|
|
184
|
-
* Ref для title элемента
|
|
185
|
-
*/
|
|
186
|
-
titleRef?: RefObject<HTMLDivElement>;
|
|
187
|
-
};
|
|
188
|
-
declare const NavigationBarPrivate: React.ForwardRefExoticComponent<NavigationBarPrivateProps & React.RefAttributes<HTMLDivElement>>;
|
|
189
|
-
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
190
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
191
|
-
type TextBaseProps = {
|
|
192
|
-
/**
|
|
193
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
194
|
-
*/
|
|
195
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps" | "tagline";
|
|
196
|
-
/**
|
|
197
|
-
* Цвет текста
|
|
198
|
-
*/
|
|
199
|
-
color?: Color;
|
|
200
|
-
/**
|
|
201
|
-
* Толщина шрифта
|
|
202
|
-
*/
|
|
203
|
-
weight?: "regular" | "medium" | "bold";
|
|
204
|
-
/**
|
|
205
|
-
* Делает цифры моноширинными
|
|
206
|
-
*/
|
|
207
|
-
monospaceNumbers?: boolean;
|
|
208
|
-
/**
|
|
209
|
-
* HTML тег
|
|
210
|
-
*/
|
|
211
|
-
tag?: "span" | "div";
|
|
212
|
-
/**
|
|
213
|
-
* Css-класс для стилизации (native prop)
|
|
214
|
-
*/
|
|
215
|
-
className?: string;
|
|
216
|
-
/**
|
|
217
|
-
* Id компонента для тестов
|
|
218
|
-
*/
|
|
219
|
-
dataTestId?: string;
|
|
220
|
-
/**
|
|
221
|
-
* Контент (native prop)
|
|
222
|
-
*/
|
|
223
|
-
children?: React.ReactNode;
|
|
224
|
-
/**
|
|
225
|
-
* Добавляет отступы к тэгу 'p'
|
|
226
|
-
*/
|
|
227
|
-
defaultMargins?: never;
|
|
228
|
-
/**
|
|
229
|
-
* Количество строк
|
|
230
|
-
*/
|
|
231
|
-
rowLimit?: 1 | 2 | 3;
|
|
232
|
-
/**
|
|
233
|
-
* Показать скелетон
|
|
234
|
-
*/
|
|
235
|
-
showSkeleton?: boolean;
|
|
236
|
-
/**
|
|
237
|
-
* Пропы для скелетона
|
|
238
|
-
*/
|
|
239
|
-
skeletonProps?: TextSkeletonProps;
|
|
240
|
-
/**
|
|
241
|
-
* Шрифт текста
|
|
242
|
-
*/
|
|
243
|
-
font?: "alfasans" | undefined | null;
|
|
244
|
-
};
|
|
245
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
246
|
-
tag?: "p";
|
|
247
|
-
defaultMargins?: boolean;
|
|
248
|
-
};
|
|
249
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
250
|
-
declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
|
|
251
|
-
declare const Typography: {
|
|
252
|
-
Title: FC<TitleProps>;
|
|
253
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
254
|
-
TitleResponsive: FC<TitleResponsiveProps>;
|
|
255
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
256
|
-
};
|
|
257
|
-
declare const typographyPresets: {
|
|
258
|
-
mobile: {
|
|
259
|
-
list: {
|
|
260
|
-
text: {
|
|
261
|
-
primary: {
|
|
262
|
-
tag: string;
|
|
263
|
-
view: string;
|
|
264
|
-
};
|
|
265
|
-
secondary: {
|
|
266
|
-
tag: string;
|
|
267
|
-
color: string;
|
|
268
|
-
view: string;
|
|
269
|
-
};
|
|
270
|
-
};
|
|
271
|
-
};
|
|
272
|
-
};
|
|
273
|
-
};
|
|
274
|
-
export { NavigationBarPrivate, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets };
|
|
275
|
-
export type { TitleProps } from "./index-86dd1e48";
|
|
276
|
-
export type { TextProps, NavigationBarPrivateProps };
|
|
277
|
-
export type { Color } from "./colors-2c123cbc";
|
package/types-464d40a4.d.ts
DELETED
|
@@ -1,293 +0,0 @@
|
|
|
1
|
-
/// <reference types="react-transition-group" />
|
|
2
|
-
import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
|
|
3
|
-
import { HandledEvents } from 'react-swipeable/es/types';
|
|
4
|
-
import { TransitionProps } from 'react-transition-group/Transition';
|
|
5
|
-
import { BaseModalProps } from "./index-11f20b2e";
|
|
6
|
-
import { NavigationBarPrivateProps as NavigationBarProps } from "./index-235f6347";
|
|
7
|
-
import { BackgroundColorType } from "./index-464d40a4";
|
|
8
|
-
type BottomSheetTitleAlign = 'center' | 'left';
|
|
9
|
-
type BottomSheetProps = {
|
|
10
|
-
/**
|
|
11
|
-
* Метод, позволяющий донастраивать высоту контейнера для BottomSheet, например с учётом safe-area
|
|
12
|
-
*/
|
|
13
|
-
adjustContainerHeight?: (height: number) => number;
|
|
14
|
-
/**
|
|
15
|
-
* Контент
|
|
16
|
-
*/
|
|
17
|
-
children?: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Управление видимостью
|
|
20
|
-
*/
|
|
21
|
-
open: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Заголовок
|
|
24
|
-
*/
|
|
25
|
-
title?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Размер заголовка
|
|
28
|
-
*/
|
|
29
|
-
titleSize?: NavigationBarProps['titleSize'];
|
|
30
|
-
/**
|
|
31
|
-
* Подзаголовок.
|
|
32
|
-
*/
|
|
33
|
-
subtitle?: NavigationBarProps['subtitle'];
|
|
34
|
-
/**
|
|
35
|
-
* Кнопка действия (обычно, это кнопка закрытия)
|
|
36
|
-
*/
|
|
37
|
-
actionButton?: ReactNode;
|
|
38
|
-
/**
|
|
39
|
-
* Нода, компонент или функция возвращающая их
|
|
40
|
-
*
|
|
41
|
-
* Контейнер к которому будут добавляться порталы
|
|
42
|
-
*/
|
|
43
|
-
container?: BaseModalProps['container'];
|
|
44
|
-
/**
|
|
45
|
-
* Рендерить ли в контейнер через портал.
|
|
46
|
-
*/
|
|
47
|
-
usePortal?: BaseModalProps['usePortal'];
|
|
48
|
-
/**
|
|
49
|
-
* Дополнительный класс
|
|
50
|
-
*/
|
|
51
|
-
className?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Дополнительный класс
|
|
54
|
-
*/
|
|
55
|
-
contentClassName?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Дополнительные пропсы на контейнер.
|
|
58
|
-
*/
|
|
59
|
-
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
60
|
-
/**
|
|
61
|
-
* Дополнительный класс
|
|
62
|
-
*/
|
|
63
|
-
containerClassName?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Цвет фона
|
|
66
|
-
*/
|
|
67
|
-
backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
|
|
68
|
-
/**
|
|
69
|
-
* Дополнительный класс шапки
|
|
70
|
-
*/
|
|
71
|
-
headerClassName?: string;
|
|
72
|
-
/**
|
|
73
|
-
* Дополнительный класс футера
|
|
74
|
-
*/
|
|
75
|
-
footerClassName?: string;
|
|
76
|
-
/**
|
|
77
|
-
* Дополнительный класс для аддонов
|
|
78
|
-
*/
|
|
79
|
-
addonClassName?: string;
|
|
80
|
-
/**
|
|
81
|
-
* Дополнительный класс для компонента крестика
|
|
82
|
-
*/
|
|
83
|
-
closerClassName?: string;
|
|
84
|
-
/**
|
|
85
|
-
* Дополнительный класс для компонента стрелки назад
|
|
86
|
-
*/
|
|
87
|
-
backerClassName?: string;
|
|
88
|
-
/**
|
|
89
|
-
* Дополнительный класс для компонента модального окна
|
|
90
|
-
*/
|
|
91
|
-
modalClassName?: string;
|
|
92
|
-
/**
|
|
93
|
-
* Дополнительный класс для обертки модального окна
|
|
94
|
-
*/
|
|
95
|
-
modalWrapperClassName?: string;
|
|
96
|
-
/**
|
|
97
|
-
* Дополнительный класс для маркера
|
|
98
|
-
*/
|
|
99
|
-
swipeableMarkerClassName?: string;
|
|
100
|
-
/**
|
|
101
|
-
* Кастомный маркер
|
|
102
|
-
*/
|
|
103
|
-
swipeableMarker?: ReactElement;
|
|
104
|
-
/**
|
|
105
|
-
* TransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
106
|
-
*/
|
|
107
|
-
transitionProps?: Partial<TransitionProps>;
|
|
108
|
-
/**
|
|
109
|
-
* Идентификатор для систем автоматизированного тестирования.
|
|
110
|
-
* Для заголовка используется модификатор -header
|
|
111
|
-
*/
|
|
112
|
-
dataTestId?: string;
|
|
113
|
-
/**
|
|
114
|
-
* z-index компонента
|
|
115
|
-
*/
|
|
116
|
-
zIndex?: number;
|
|
117
|
-
/**
|
|
118
|
-
* Будет ли свайпаться шторка
|
|
119
|
-
* @default true
|
|
120
|
-
*/
|
|
121
|
-
swipeable?: boolean;
|
|
122
|
-
/**
|
|
123
|
-
* Будет ли свайпаться контент
|
|
124
|
-
*/
|
|
125
|
-
swipeableContent?: boolean;
|
|
126
|
-
/**
|
|
127
|
-
* Порог свайпа
|
|
128
|
-
*/
|
|
129
|
-
swipeThreshold?: number;
|
|
130
|
-
/**
|
|
131
|
-
* Слот слева
|
|
132
|
-
*/
|
|
133
|
-
leftAddons?: ReactNode;
|
|
134
|
-
/**
|
|
135
|
-
* Слот справа
|
|
136
|
-
*/
|
|
137
|
-
rightAddons?: ReactNode;
|
|
138
|
-
/**
|
|
139
|
-
* Слот снизу
|
|
140
|
-
*/
|
|
141
|
-
bottomAddons?: ReactNode;
|
|
142
|
-
/**
|
|
143
|
-
* Наличие компонента крестика
|
|
144
|
-
*/
|
|
145
|
-
hasCloser?: boolean;
|
|
146
|
-
/**
|
|
147
|
-
* Наличие компонента стрелки назад
|
|
148
|
-
*/
|
|
149
|
-
hasBacker?: boolean;
|
|
150
|
-
/**
|
|
151
|
-
* Дополнительные пропсы для кнопки "Назад"
|
|
152
|
-
*/
|
|
153
|
-
backButtonProps?: NavigationBarProps['backButtonProps'];
|
|
154
|
-
/**
|
|
155
|
-
* Выравнивание заголовка
|
|
156
|
-
*/
|
|
157
|
-
titleAlign?: BottomSheetTitleAlign;
|
|
158
|
-
/**
|
|
159
|
-
* Фиксирует шапку
|
|
160
|
-
*/
|
|
161
|
-
stickyHeader?: boolean;
|
|
162
|
-
/**
|
|
163
|
-
* Фиксирует футер
|
|
164
|
-
*/
|
|
165
|
-
stickyFooter?: boolean;
|
|
166
|
-
/**
|
|
167
|
-
* Высота шторки
|
|
168
|
-
*/
|
|
169
|
-
initialHeight?: 'default' | 'full';
|
|
170
|
-
/**
|
|
171
|
-
* Будет ли виден оверлэй
|
|
172
|
-
*/
|
|
173
|
-
hideOverlay?: boolean;
|
|
174
|
-
/**
|
|
175
|
-
* Будет ли видна шапка
|
|
176
|
-
*/
|
|
177
|
-
hideHeader?: boolean;
|
|
178
|
-
/**
|
|
179
|
-
* Будет ли обрезан заголовок
|
|
180
|
-
*/
|
|
181
|
-
trimTitle?: boolean;
|
|
182
|
-
/**
|
|
183
|
-
* Запретить закрытие шторки кликом на оверлэй
|
|
184
|
-
*/
|
|
185
|
-
disableOverlayClick?: boolean;
|
|
186
|
-
/**
|
|
187
|
-
* Отключает блокировку скролла при открытии модального окна
|
|
188
|
-
*/
|
|
189
|
-
disableBlockingScroll?: boolean;
|
|
190
|
-
/**
|
|
191
|
-
* Отключает ловушку фокуса
|
|
192
|
-
*/
|
|
193
|
-
disableFocusLock?: boolean;
|
|
194
|
-
/**
|
|
195
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
196
|
-
* Не анимировать шторку при изменении размера вьюпорта
|
|
197
|
-
*/
|
|
198
|
-
ignoreScreenChange?: boolean;
|
|
199
|
-
/**
|
|
200
|
-
* Свойства для Бэкдропа
|
|
201
|
-
*/
|
|
202
|
-
backdropProps?: BaseModalProps['backdropProps'];
|
|
203
|
-
/**
|
|
204
|
-
* Реф на контейнер, в котором происходит скролл
|
|
205
|
-
*/
|
|
206
|
-
scrollableContainerRef?: RefObject<HTMLElement>;
|
|
207
|
-
/**
|
|
208
|
-
* Реф для управления компонентом.
|
|
209
|
-
*/
|
|
210
|
-
bottomSheetInstanceRef?: RefObject<{
|
|
211
|
-
scrollToArea: (idx: number) => void;
|
|
212
|
-
}>;
|
|
213
|
-
/**
|
|
214
|
-
* Реф на контейнер, в котором находится шторка
|
|
215
|
-
*/
|
|
216
|
-
sheetContainerRef?: RefObject<HTMLElement>;
|
|
217
|
-
/**
|
|
218
|
-
* Магнитные области видимой высоты шторки.
|
|
219
|
-
* Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
|
|
220
|
-
* По-умолчанию -[0, window.innerHeight - '24px']
|
|
221
|
-
* массив должен состоять минимум из 2 элементов
|
|
222
|
-
*/
|
|
223
|
-
magneticAreas?: Array<number | string>;
|
|
224
|
-
/**
|
|
225
|
-
* Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
|
|
226
|
-
*/
|
|
227
|
-
initialActiveAreaIndex?: number;
|
|
228
|
-
/**
|
|
229
|
-
* Отключает скролл контентной области.
|
|
230
|
-
*/
|
|
231
|
-
scrollLocked?: boolean;
|
|
232
|
-
/**
|
|
233
|
-
* Скрыть скроллбар внутри шторки
|
|
234
|
-
*/
|
|
235
|
-
hideScrollbar?: boolean;
|
|
236
|
-
/**
|
|
237
|
-
* Верхний отступ шторки, если она открыта на максимальную высоту
|
|
238
|
-
*/
|
|
239
|
-
headerOffset?: number;
|
|
240
|
-
/**
|
|
241
|
-
* Содержимое bottom-sheet всегда в DOM
|
|
242
|
-
*/
|
|
243
|
-
keepMounted?: boolean;
|
|
244
|
-
/**
|
|
245
|
-
* Отключает автоматический перевод фокуса на bottom-sheet при открытии
|
|
246
|
-
*/
|
|
247
|
-
disableAutoFocus?: boolean;
|
|
248
|
-
/**
|
|
249
|
-
* Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
|
|
250
|
-
*/
|
|
251
|
-
disableRestoreFocus?: boolean;
|
|
252
|
-
/**
|
|
253
|
-
* Отключает вызов `onClose` при нажатии Escape
|
|
254
|
-
*/
|
|
255
|
-
disableEscapeKeyDown?: boolean;
|
|
256
|
-
/**
|
|
257
|
-
* Обработчик закрытия
|
|
258
|
-
*/
|
|
259
|
-
onClose: () => void;
|
|
260
|
-
/**
|
|
261
|
-
* Обработчик нажатия на стрелку назад
|
|
262
|
-
*/
|
|
263
|
-
onBack?: () => void;
|
|
264
|
-
/**
|
|
265
|
-
* Вызывается в начале анимации притягивания к одной из `magneticAreas`
|
|
266
|
-
*/
|
|
267
|
-
onMagnetize?: (index: number) => void;
|
|
268
|
-
/**
|
|
269
|
-
* Вызывается после окончания анимации притягивания
|
|
270
|
-
*/
|
|
271
|
-
onMagnetizeEnd?: (index: number) => void;
|
|
272
|
-
/**
|
|
273
|
-
* Вызывается при изменении положения шторки
|
|
274
|
-
*/
|
|
275
|
-
onOffsetChange?: (offset: number, percent: number) => void;
|
|
276
|
-
/**
|
|
277
|
-
* Вызывается в начале свайпа
|
|
278
|
-
*/
|
|
279
|
-
onSwipeStart?: (event: HandledEvents) => void;
|
|
280
|
-
/**
|
|
281
|
-
* Вызывается после окончания свайпа
|
|
282
|
-
*/
|
|
283
|
-
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
284
|
-
/**
|
|
285
|
-
* Блокирует скролл когда модальное окно открыто. Работает только на iOS
|
|
286
|
-
*/
|
|
287
|
-
iOSLock?: boolean;
|
|
288
|
-
/**
|
|
289
|
-
* Учитывать высоту виртуальной клавиатуры
|
|
290
|
-
*/
|
|
291
|
-
virtualKeyboard?: boolean;
|
|
292
|
-
};
|
|
293
|
-
export { BottomSheetTitleAlign, BottomSheetProps };
|