@alfalab/core-components-input-autocomplete 9.3.26 → 9.4.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/Component-3885b0d7.d.ts +1 -1
- package/Component-425c8522.d.ts +53 -0
- package/Component-4b555174.d.ts +18 -0
- package/Component-5e1b8383.d.ts +5 -0
- package/Component-bdb4c6b9.d.ts +12 -0
- package/Component-ebda875c.d.ts +101 -0
- package/Component-f12ee135.d.ts +71 -0
- package/Component.desktop.d.ts +1 -1
- package/Component.mobile-b2c0420d.d.ts +35 -0
- package/Component.mobile.d.ts +1 -1
- package/Component.mobile.js +6 -7
- package/Component.modal.mobile.d.ts +115 -0
- package/Component.modal.mobile.js +77 -0
- package/Component.responsive.d.ts +2 -2
- package/Component.responsive.js +1 -0
- package/Context-bdb4c6b9.d.ts +4 -0
- package/ResponsiveContext-baf4875b.d.ts +5 -0
- package/autocomplete-field/Component.d.ts +1 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.d.ts +1 -1
- package/autocomplete-mobile-field/Component.js +1 -1
- package/autocomplete-mobile-field/index.css +8 -8
- package/consts-f777ba1a.d.ts +2 -0
- package/cssm/Component-3885b0d7.d.ts +1 -1
- package/cssm/Component-425c8522.d.ts +53 -0
- package/cssm/Component-4b555174.d.ts +18 -0
- package/cssm/Component-5e1b8383.d.ts +5 -0
- package/cssm/Component-bdb4c6b9.d.ts +12 -0
- package/cssm/Component-ebda875c.d.ts +101 -0
- package/cssm/Component-f12ee135.d.ts +71 -0
- package/cssm/Component.desktop.d.ts +1 -1
- package/cssm/Component.mobile-b2c0420d.d.ts +35 -0
- package/cssm/Component.mobile.d.ts +1 -1
- package/cssm/Component.mobile.js +4 -3
- package/cssm/Component.modal.mobile.d.ts +115 -0
- package/cssm/Component.modal.mobile.js +79 -0
- package/cssm/Component.responsive.d.ts +2 -2
- package/cssm/Context-bdb4c6b9.d.ts +4 -0
- package/cssm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/cssm/autocomplete-field/Component.d.ts +1 -1
- package/cssm/autocomplete-mobile-field/Component.d.ts +1 -1
- package/cssm/consts-f777ba1a.d.ts +2 -0
- package/cssm/hook-4b555174.d.ts +62 -0
- package/cssm/index-136acbb1.d.ts +28 -0
- package/cssm/index-3e68f8db.d.ts +5 -0
- package/cssm/index-425c8522.d.ts +6 -0
- package/cssm/index-bdb4c6b9.d.ts +172 -0
- package/cssm/index-e81c389f.d.ts +3 -0
- package/cssm/index-ebda875c.d.ts +192 -53
- package/cssm/index-f12ee135.d.ts +7 -217
- package/cssm/mobile.d.ts +1 -0
- package/cssm/mobile.js +3 -0
- package/cssm/mobile.module.css +1 -1
- package/cssm/typings-5e1b8383.d.ts +550 -0
- package/cssm/typings-bdb4c6b9.d.ts +52 -0
- package/cssm/utils-5e1b8383.d.ts +38 -0
- package/esm/Component-3885b0d7.d.ts +1 -1
- package/esm/Component-425c8522.d.ts +53 -0
- package/esm/Component-4b555174.d.ts +18 -0
- package/esm/Component-5e1b8383.d.ts +5 -0
- package/esm/Component-bdb4c6b9.d.ts +8 -0
- package/esm/Component-ebda875c.d.ts +101 -0
- package/esm/Component-f12ee135.d.ts +71 -0
- package/esm/Component.desktop.d.ts +1 -1
- package/esm/Component.mobile-e81c389f.d.ts +38 -0
- package/esm/Component.mobile.d.ts +1 -1
- package/esm/Component.mobile.js +5 -6
- package/esm/Component.modal.mobile.d.ts +115 -0
- package/esm/Component.modal.mobile.js +66 -0
- package/esm/Component.responsive.d.ts +2 -2
- package/esm/Component.responsive.js +1 -0
- package/esm/Context-bdb4c6b9.d.ts +4 -0
- package/esm/ResponsiveContext-baf4875b.d.ts +5 -0
- package/esm/autocomplete-field/Component.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.d.ts +1 -1
- package/esm/autocomplete-mobile-field/Component.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/consts-f777ba1a.d.ts +2 -0
- package/esm/hook-4b555174.d.ts +62 -0
- package/esm/index-136acbb1.d.ts +28 -0
- package/esm/index-3e68f8db.d.ts +5 -0
- package/esm/index-425c8522.d.ts +6 -0
- package/esm/index-bdb4c6b9.d.ts +172 -0
- package/esm/index-e81c389f.d.ts +3 -0
- package/esm/index-ebda875c.d.ts +192 -53
- package/esm/index-f12ee135.d.ts +7 -217
- package/esm/index.js +1 -0
- package/esm/mobile.css +4 -4
- package/esm/mobile.d.ts +1 -0
- package/esm/mobile.js +3 -0
- package/esm/mobile.module-0ca7666f.js +4 -0
- package/esm/responsive.js +1 -0
- package/esm/typings-5e1b8383.d.ts +550 -0
- package/esm/typings-bdb4c6b9.d.ts +52 -0
- package/esm/utils-5e1b8383.d.ts +38 -0
- package/hook-4b555174.d.ts +62 -0
- package/index-136acbb1.d.ts +28 -0
- package/index-3e68f8db.d.ts +5 -0
- package/index-425c8522.d.ts +6 -0
- package/index-bdb4c6b9.d.ts +172 -0
- package/index-e81c389f.d.ts +3 -0
- package/index-ebda875c.d.ts +192 -53
- package/index-f12ee135.d.ts +7 -217
- package/index.js +1 -0
- package/mobile.css +4 -4
- package/mobile.d.ts +1 -0
- package/mobile.js +4 -0
- package/mobile.module-48c4c311.js +6 -0
- package/modern/Component-3885b0d7.d.ts +1 -1
- package/modern/Component-425c8522.d.ts +53 -0
- package/modern/Component-4b555174.d.ts +18 -0
- package/modern/Component-5e1b8383.d.ts +5 -0
- package/modern/Component-bdb4c6b9.d.ts +8 -0
- package/modern/Component-ebda875c.d.ts +101 -0
- package/modern/Component-f12ee135.d.ts +71 -0
- package/modern/Component.desktop.d.ts +5 -5
- package/modern/Component.mobile-e81c389f.d.ts +38 -0
- package/modern/Component.mobile.d.ts +1 -1
- package/modern/Component.mobile.js +5 -7
- package/modern/Component.modal.mobile.d.ts +115 -0
- package/modern/Component.modal.mobile.js +73 -0
- package/modern/Component.responsive.d.ts +6 -6
- package/modern/Component.responsive.js +1 -0
- package/modern/Context-bdb4c6b9.d.ts +4 -0
- package/modern/ResponsiveContext-baf4875b.d.ts +5 -0
- package/modern/autocomplete-field/Component.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.d.ts +1 -1
- package/modern/autocomplete-mobile-field/Component.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/consts-f777ba1a.d.ts +2 -0
- package/modern/hook-4b555174.d.ts +62 -0
- package/modern/index-136acbb1.d.ts +28 -0
- package/modern/index-3e68f8db.d.ts +5 -0
- package/modern/index-425c8522.d.ts +6 -0
- package/modern/index-bdb4c6b9.d.ts +172 -0
- package/modern/index-e81c389f.d.ts +3 -0
- package/modern/index-ebda875c.d.ts +192 -53
- package/modern/index-f12ee135.d.ts +7 -217
- package/modern/index.js +1 -0
- package/modern/mobile.css +4 -4
- package/modern/mobile.d.ts +1 -0
- package/modern/mobile.js +3 -0
- package/modern/mobile.module-95a2557d.js +4 -0
- package/modern/responsive.js +1 -0
- package/modern/typings-5e1b8383.d.ts +550 -0
- package/modern/typings-bdb4c6b9.d.ts +52 -0
- package/modern/utils-5e1b8383.d.ts +38 -0
- package/package.json +5 -5
- package/responsive.js +1 -0
- package/typings-5e1b8383.d.ts +550 -0
- package/typings-bdb4c6b9.d.ts +52 -0
- package/utils-5e1b8383.d.ts +38 -0
package/index-f12ee135.d.ts
CHANGED
|
@@ -1,174 +1,13 @@
|
|
|
1
1
|
/// <reference types="react-transition-group" />
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { HTMLAttributes, ReactNode, RefObject, FC
|
|
4
|
+
import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
|
|
5
5
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
6
|
-
import {
|
|
7
|
-
import { NavigationBarProps } from "./
|
|
6
|
+
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
7
|
+
import { NavigationBarProps } from "./index-e81c389f";
|
|
8
|
+
import { BackgroundColorType } from "./index-425c8522";
|
|
8
9
|
import { SwipeableHandlers } from "react-swipeable";
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Прозрачный бэкдроп
|
|
12
|
-
*/
|
|
13
|
-
invisible?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Управляет видимостью компонента
|
|
16
|
-
*/
|
|
17
|
-
open: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Обработчик клика по бэкдропу
|
|
20
|
-
*/
|
|
21
|
-
onClose?: (event: MouseEvent<HTMLElement>) => void;
|
|
22
|
-
/**
|
|
23
|
-
* Дополнительный класс
|
|
24
|
-
*/
|
|
25
|
-
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Классы анимации
|
|
28
|
-
*
|
|
29
|
-
* http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
|
|
30
|
-
*/
|
|
31
|
-
transitionClassNames?: string | CSSTransitionClassNames;
|
|
32
|
-
/**
|
|
33
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
34
|
-
*/
|
|
35
|
-
dataTestId?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Дочерние элементы.
|
|
38
|
-
*/
|
|
39
|
-
children?: ReactNode;
|
|
40
|
-
};
|
|
41
|
-
type PortalProps = {
|
|
42
|
-
/** Контент */
|
|
43
|
-
children?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
|
|
46
|
-
*/
|
|
47
|
-
getPortalContainer?: () => Element;
|
|
48
|
-
/**
|
|
49
|
-
* Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
|
|
50
|
-
*/
|
|
51
|
-
immediateMount?: boolean;
|
|
52
|
-
};
|
|
53
|
-
type BaseModalProps = {
|
|
54
|
-
/**
|
|
55
|
-
* Контент
|
|
56
|
-
*/
|
|
57
|
-
children?: ReactNode;
|
|
58
|
-
/**
|
|
59
|
-
* Компонент бэкдропа
|
|
60
|
-
*/
|
|
61
|
-
Backdrop?: FC<BackdropProps>;
|
|
62
|
-
/**
|
|
63
|
-
* Свойства для Бэкдропа
|
|
64
|
-
*/
|
|
65
|
-
backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
|
|
66
|
-
/**
|
|
67
|
-
* Нода, компонент или функция возвращающая их
|
|
68
|
-
*
|
|
69
|
-
* Контейнер к которому будут добавляться порталы
|
|
70
|
-
*/
|
|
71
|
-
container?: PortalProps["getPortalContainer"];
|
|
72
|
-
/**
|
|
73
|
-
* Отключает автоматический перевод фокуса на модалку при открытии
|
|
74
|
-
* @default false
|
|
75
|
-
*/
|
|
76
|
-
disableAutoFocus?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Отключает ловушку фокуса
|
|
79
|
-
* @default false
|
|
80
|
-
*/
|
|
81
|
-
disableFocusLock?: boolean;
|
|
82
|
-
/**
|
|
83
|
-
* Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
|
|
84
|
-
* @default false
|
|
85
|
-
*/
|
|
86
|
-
disableRestoreFocus?: boolean;
|
|
87
|
-
/**
|
|
88
|
-
* Отключает вызов `callback` при нажатии Escape
|
|
89
|
-
* @default false
|
|
90
|
-
*/
|
|
91
|
-
disableEscapeKeyDown?: boolean;
|
|
92
|
-
/**
|
|
93
|
-
* Отключает вызов `callback` при клике на бэкдроп
|
|
94
|
-
* @default false
|
|
95
|
-
*/
|
|
96
|
-
disableBackdropClick?: boolean;
|
|
97
|
-
/**
|
|
98
|
-
* Отключает блокировку скролла при открытии модального окна
|
|
99
|
-
* @default false
|
|
100
|
-
*/
|
|
101
|
-
disableBlockingScroll?: boolean;
|
|
102
|
-
/**
|
|
103
|
-
* Содержимое модалки всегда в DOM
|
|
104
|
-
* @default false
|
|
105
|
-
*/
|
|
106
|
-
keepMounted?: boolean;
|
|
107
|
-
/**
|
|
108
|
-
* Управление видимостью модалки
|
|
109
|
-
*/
|
|
110
|
-
open: boolean;
|
|
111
|
-
/**
|
|
112
|
-
* Дополнительный класс
|
|
113
|
-
*/
|
|
114
|
-
className?: string;
|
|
115
|
-
/**
|
|
116
|
-
* Дополнительный класс
|
|
117
|
-
*/
|
|
118
|
-
contentClassName?: string;
|
|
119
|
-
/**
|
|
120
|
-
* Дополнительный класс для обертки (Modal)
|
|
121
|
-
*/
|
|
122
|
-
wrapperClassName?: string;
|
|
123
|
-
/**
|
|
124
|
-
* Обработчик скролла контента
|
|
125
|
-
*/
|
|
126
|
-
scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
|
|
127
|
-
/**
|
|
128
|
-
* Пропсы для анимации (CSSTransition)
|
|
129
|
-
*/
|
|
130
|
-
transitionProps?: Partial<TransitionProps>;
|
|
131
|
-
/**
|
|
132
|
-
* Рендерить ли в контейнер через портал.
|
|
133
|
-
* @default true
|
|
134
|
-
*/
|
|
135
|
-
usePortal?: boolean;
|
|
136
|
-
/**
|
|
137
|
-
* Обработчик события нажатия на бэкдроп
|
|
138
|
-
*/
|
|
139
|
-
onBackdropClick?: (event: MouseEvent) => void;
|
|
140
|
-
/**
|
|
141
|
-
* Обработчик события нажатия на Escape
|
|
142
|
-
*
|
|
143
|
-
* Если `disableEscapeKeyDown` - false и модальное окно в фокусе
|
|
144
|
-
*/
|
|
145
|
-
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
146
|
-
/**
|
|
147
|
-
* Обработчик закрытия
|
|
148
|
-
*/
|
|
149
|
-
onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
150
|
-
/**
|
|
151
|
-
* Обработчик события onEntered компонента Transition
|
|
152
|
-
*/
|
|
153
|
-
onMount?: () => void;
|
|
154
|
-
/**
|
|
155
|
-
* Обработчик события onExited компонента Transition
|
|
156
|
-
*/
|
|
157
|
-
onUnmount?: () => void;
|
|
158
|
-
/**
|
|
159
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
160
|
-
*/
|
|
161
|
-
dataTestId?: string;
|
|
162
|
-
/**
|
|
163
|
-
* z-index компонента
|
|
164
|
-
*/
|
|
165
|
-
zIndex?: number;
|
|
166
|
-
/**
|
|
167
|
-
* Реф, который должен быть установлен компонентной области
|
|
168
|
-
*/
|
|
169
|
-
componentRef?: MutableRefObject<HTMLDivElement | null>;
|
|
170
|
-
};
|
|
171
|
-
type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
|
|
10
|
+
import { BackdropProps } from "./index-ebda875c";
|
|
172
11
|
type BottomSheetTitleAlign = "center" | "left";
|
|
173
12
|
type BottomSheetProps = {
|
|
174
13
|
/**
|
|
@@ -424,54 +263,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
424
263
|
opacityTimeout?: number;
|
|
425
264
|
};
|
|
426
265
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
* Значения выбраны по приоритету.
|
|
430
|
-
*/
|
|
431
|
-
declare const stackingOrder: {
|
|
432
|
-
FOCUSED: number;
|
|
433
|
-
DEFAULT: number;
|
|
434
|
-
POPOVER: number;
|
|
435
|
-
MODAL: number;
|
|
436
|
-
TOAST: number;
|
|
437
|
-
};
|
|
438
|
-
declare const StackingContext: import("react").Context<number>;
|
|
439
|
-
type StackProps = {
|
|
440
|
-
/**
|
|
441
|
-
* Render prop, в который передается функция.
|
|
442
|
-
* Функция принимает аргумент со значением z-index из текущего контекста.
|
|
443
|
-
*/
|
|
444
|
-
children: (value: number) => ReactNode;
|
|
445
|
-
/**
|
|
446
|
-
* Исходное значение для z-index.
|
|
447
|
-
* @default 5
|
|
448
|
-
*/
|
|
449
|
-
value?: number;
|
|
450
|
-
};
|
|
451
|
-
declare const Stack: FC<StackProps>;
|
|
452
|
-
declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
|
|
453
|
-
declare const getDefaultPortalContainer: () => Element;
|
|
454
|
-
declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
|
|
455
|
-
type SavedStyle = {
|
|
456
|
-
value: string;
|
|
457
|
-
key: string;
|
|
458
|
-
el: HTMLElement;
|
|
459
|
-
};
|
|
460
|
-
type RestoreStyle = {
|
|
461
|
-
container: HTMLElement;
|
|
462
|
-
modals: number;
|
|
463
|
-
styles: SavedStyle[];
|
|
464
|
-
};
|
|
465
|
-
declare class ModalStore {
|
|
466
|
-
private readonly restoreStyles;
|
|
467
|
-
constructor();
|
|
468
|
-
getRestoreStyles: () => RestoreStyle[];
|
|
469
|
-
}
|
|
470
|
-
declare const getModalStore: () => ModalStore;
|
|
471
|
-
declare class GlobalStore {
|
|
472
|
-
private readonly modalStore;
|
|
473
|
-
constructor();
|
|
474
|
-
getModalStore: () => ModalStore;
|
|
475
|
-
}
|
|
476
|
-
export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
|
|
477
|
-
export type { SavedStyle, BottomSheetProps, BottomSheetTitleAlign };
|
|
266
|
+
export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
267
|
+
export type { BottomSheetProps, BottomSheetTitleAlign };
|
package/index.js
CHANGED
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1wdha */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .input-
|
|
19
|
+
} .input-autocomplete__bottomAddonInput_m06ps {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_m06ps {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_m06ps > button + button {
|
|
25
25
|
margin-left: var(--gap-m);
|
|
26
26
|
}
|
package/mobile.d.ts
CHANGED
package/mobile.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var Component_mobile = require('./Component.mobile.js');
|
|
6
|
+
var Component_modal_mobile = require('./Component.modal.mobile.js');
|
|
6
7
|
require('tslib');
|
|
7
8
|
require('react');
|
|
8
9
|
require('react-merge-refs');
|
|
@@ -14,7 +15,10 @@ require('@alfalab/core-components-select');
|
|
|
14
15
|
require('./autocomplete-mobile-field/Component.js');
|
|
15
16
|
require('@alfalab/core-components-form-control');
|
|
16
17
|
require('@alfalab/hooks');
|
|
18
|
+
require('./mobile.module-48c4c311.js');
|
|
19
|
+
require('@alfalab/core-components-select/mobile');
|
|
17
20
|
|
|
18
21
|
|
|
19
22
|
|
|
20
23
|
exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
|
|
24
|
+
exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;
|
|
@@ -51,7 +51,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
|
51
51
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
52
52
|
type TextBaseProps = {
|
|
53
53
|
/**
|
|
54
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/
|
|
54
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
55
55
|
*/
|
|
56
56
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
57
57
|
/**
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BackgroundColorType, GraphicColorType } from "./index-425c8522";
|
|
4
|
+
type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
|
|
5
|
+
type BadgeProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Дополнительный класс
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Вид компонента
|
|
12
|
+
*/
|
|
13
|
+
view: 'icon' | 'count';
|
|
14
|
+
/**
|
|
15
|
+
* Размер компонента (только для view=icon)
|
|
16
|
+
* //deprecated(используйте height для view=count )
|
|
17
|
+
*/
|
|
18
|
+
size?: 's' | 'm' | 'l' | 'xl';
|
|
19
|
+
/**
|
|
20
|
+
* Видимость белой обводки вокруг иконки
|
|
21
|
+
*/
|
|
22
|
+
visibleIconOutline?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Видимость цветной обводки вокруг иконки (только для view=icon)
|
|
25
|
+
*/
|
|
26
|
+
visibleColorOutline?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Контент компонента
|
|
29
|
+
*/
|
|
30
|
+
content?: React.ReactElement | number;
|
|
31
|
+
/**
|
|
32
|
+
* Высота компонента, min = 16; max = 48 (только для view=count)
|
|
33
|
+
*/
|
|
34
|
+
height?: number;
|
|
35
|
+
/**
|
|
36
|
+
* Цветовое оформление бейджа при view='count'
|
|
37
|
+
*/
|
|
38
|
+
color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
|
|
39
|
+
/**
|
|
40
|
+
* Цветовое оформление бейджа при view='icon'
|
|
41
|
+
*/
|
|
42
|
+
iconColor?: IconColorType;
|
|
43
|
+
/**
|
|
44
|
+
* Цвет подложки под иконкой
|
|
45
|
+
*/
|
|
46
|
+
iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
|
|
47
|
+
/**
|
|
48
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
49
|
+
*/
|
|
50
|
+
dataTestId?: string;
|
|
51
|
+
};
|
|
52
|
+
declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => JSX.Element;
|
|
53
|
+
export { IconColorType, BadgeProps, Badge };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { OptionShape, OptionsListProps } from "./typings-5e1b8383";
|
|
3
|
+
import React from 'react';
|
|
4
|
+
type FooterProps = {
|
|
5
|
+
handleClear?: () => void;
|
|
6
|
+
handleApply?: () => void;
|
|
7
|
+
showClear?: boolean;
|
|
8
|
+
selectedDraft?: OptionShape[];
|
|
9
|
+
};
|
|
10
|
+
declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => JSX.Element;
|
|
11
|
+
declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
|
|
12
|
+
showClear?: boolean | undefined;
|
|
13
|
+
onClose?: (() => void) | undefined;
|
|
14
|
+
selectedDraft?: OptionShape[] | undefined;
|
|
15
|
+
OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
16
|
+
Footer?: React.FC<FooterProps> | undefined;
|
|
17
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export { FooterProps, Footer, OptionsListWithApply };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { OptionsListProps } from "./typings-5e1b8383";
|
|
4
|
+
declare const VirtualOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { VirtualOptionsList };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type FooterProps = {
|
|
3
|
+
handleClear?: () => void;
|
|
4
|
+
handleApply?: () => void;
|
|
5
|
+
showClear?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => JSX.Element;
|
|
8
|
+
export { FooterProps, Footer };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/// <reference types="react-transition-group" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { CSSProperties, MutableRefObject, ReactNode } from "react";
|
|
5
|
+
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
6
|
+
import { BasePlacement, VariationPlacement } from '@popperjs/core';
|
|
7
|
+
type RefElement = HTMLElement | null;
|
|
8
|
+
type Position = BasePlacement | VariationPlacement;
|
|
9
|
+
type PopoverProps = {
|
|
10
|
+
/**
|
|
11
|
+
* Управление состоянием поповера (открыт/закрыт)
|
|
12
|
+
*/
|
|
13
|
+
open: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Элемент, относительного которого появляется поповер
|
|
16
|
+
*/
|
|
17
|
+
anchorElement: RefElement;
|
|
18
|
+
/**
|
|
19
|
+
* Использовать ширину родительского элемента
|
|
20
|
+
*/
|
|
21
|
+
useAnchorWidth?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Позиционирование поповера
|
|
24
|
+
*/
|
|
25
|
+
position?: Position;
|
|
26
|
+
/**
|
|
27
|
+
* Запрещает поповеру менять свою позицию.
|
|
28
|
+
* Например, если места снизу недостаточно,то он все равно будет показан снизу
|
|
29
|
+
*/
|
|
30
|
+
preventFlip?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
|
|
33
|
+
*/
|
|
34
|
+
preventOverflow?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
|
|
37
|
+
*/
|
|
38
|
+
availableHeight?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Если `true`, будет отрисована стрелочка
|
|
41
|
+
*/
|
|
42
|
+
withArrow?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Смещение поповера.
|
|
45
|
+
* Если позиционирование top, bottom, то [x, y].
|
|
46
|
+
* Если позиционирование left, right то [y, x].
|
|
47
|
+
*/
|
|
48
|
+
offset?: [number, number];
|
|
49
|
+
/**
|
|
50
|
+
* Дополнительный класс для поповера
|
|
51
|
+
*/
|
|
52
|
+
popperClassName?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Дополнительный класс для стрелочки
|
|
55
|
+
*/
|
|
56
|
+
arrowClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Функция, возвращающая контейнер, в который будет рендериться поповер
|
|
59
|
+
*/
|
|
60
|
+
getPortalContainer?: () => HTMLElement;
|
|
61
|
+
/**
|
|
62
|
+
* CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
63
|
+
*/
|
|
64
|
+
transition?: CSSTransitionProps;
|
|
65
|
+
/**
|
|
66
|
+
* Выставляет кастомное свойство transition-duration
|
|
67
|
+
*/
|
|
68
|
+
transitionDuration?: CSSProperties['transitionDuration'];
|
|
69
|
+
/**
|
|
70
|
+
* Рендерит компонент, обернутый в Transition
|
|
71
|
+
*/
|
|
72
|
+
withTransition?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
75
|
+
*/
|
|
76
|
+
dataTestId?: string;
|
|
77
|
+
/**
|
|
78
|
+
* Хранит функцию, с помощью которой можно обновить положение компонента
|
|
79
|
+
*/
|
|
80
|
+
update?: MutableRefObject<() => void>;
|
|
81
|
+
/**
|
|
82
|
+
* Дополнительный класс
|
|
83
|
+
*/
|
|
84
|
+
className?: string;
|
|
85
|
+
/**
|
|
86
|
+
* z-index компонента
|
|
87
|
+
*/
|
|
88
|
+
zIndex?: number;
|
|
89
|
+
/**
|
|
90
|
+
* Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
|
|
91
|
+
* по очереди для каждой позиции из этого списка.
|
|
92
|
+
* Если не передавать, то поповер открывается в противоположном направлении от переданного position.
|
|
93
|
+
*/
|
|
94
|
+
fallbackPlacements?: Position[];
|
|
95
|
+
/**
|
|
96
|
+
* Контент
|
|
97
|
+
*/
|
|
98
|
+
children?: ReactNode;
|
|
99
|
+
};
|
|
100
|
+
declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
+
export { Position, PopoverProps, Popover };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
+
import { BaseSelectProps } from "./typings-5e1b8383";
|
|
6
|
+
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Футер
|
|
9
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
+
*/
|
|
11
|
+
footer?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Будет ли свайпаться шторка
|
|
14
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
+
*/
|
|
16
|
+
swipeable?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Отображать в BottomSheet
|
|
19
|
+
*/
|
|
20
|
+
isBottomSheet?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Дополнительные пропсы шторки
|
|
23
|
+
*/
|
|
24
|
+
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
+
/**
|
|
26
|
+
* Дополнительные пропсы модалки
|
|
27
|
+
*/
|
|
28
|
+
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
+
/**
|
|
30
|
+
* Дополнительные пропсы шапки модалки
|
|
31
|
+
*/
|
|
32
|
+
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
+
/**
|
|
34
|
+
* Дополнительные пропсы футера модалки
|
|
35
|
+
*/
|
|
36
|
+
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
+
};
|
|
38
|
+
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
+
/**
|
|
40
|
+
* Футер
|
|
41
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
+
*/
|
|
43
|
+
footer?: ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Будет ли свайпаться шторка
|
|
46
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
+
*/
|
|
48
|
+
swipeable?: boolean | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* Отображать в BottomSheet
|
|
51
|
+
*/
|
|
52
|
+
isBottomSheet?: boolean | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* Дополнительные пропсы шторки
|
|
55
|
+
*/
|
|
56
|
+
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
+
/**
|
|
58
|
+
* Дополнительные пропсы модалки
|
|
59
|
+
*/
|
|
60
|
+
modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
+
/**
|
|
62
|
+
* Дополнительные пропсы шапки модалки
|
|
63
|
+
*/
|
|
64
|
+
modalHeaderProps?: Partial<import("./Component.mobile-e81c389f").HeaderProps> | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* Дополнительные пропсы футера модалки
|
|
67
|
+
*/
|
|
68
|
+
modalFooterProps?: Partial<import("./Component.mobile-e81c389f").FooterProps> | undefined;
|
|
69
|
+
} & React.RefAttributes<unknown>>;
|
|
70
|
+
export * from "./Component.mobile-e81c389f";
|
|
71
|
+
export { SelectMobileProps, BaseSelectMobile };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ChangeEvent, FC, RefAttributes } from "react";
|
|
4
4
|
import { InputProps } from "@alfalab/core-components-input";
|
|
5
|
-
import { BaseSelectProps } from "
|
|
5
|
+
import { BaseSelectProps } from "./index-3e68f8db";
|
|
6
6
|
type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
|
|
7
7
|
/**
|
|
8
8
|
* Компонент ввода значения
|
|
@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
37
37
|
/**
|
|
38
38
|
* Компонент ввода значения
|
|
39
39
|
*/
|
|
40
|
-
Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
40
|
+
Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
|
|
41
41
|
value?: string | undefined;
|
|
42
42
|
defaultValue?: string | undefined;
|
|
43
43
|
block?: boolean | undefined;
|
|
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
49
49
|
hint?: React.ReactNode;
|
|
50
50
|
label?: React.ReactNode;
|
|
51
51
|
labelView?: "inner" | "outer" | undefined;
|
|
52
|
-
type?: "number" | "text" | "tel" | "email" | "
|
|
52
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
|
|
53
53
|
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
54
54
|
leftAddons?: React.ReactNode;
|
|
55
55
|
rightAddons?: React.ReactNode;
|
|
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
73
73
|
/**
|
|
74
74
|
* Пропсы, которые будут прокинуты в инпут
|
|
75
75
|
*/
|
|
76
|
-
inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
76
|
+
inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
|
|
77
77
|
value?: string | undefined;
|
|
78
78
|
defaultValue?: string | undefined;
|
|
79
79
|
block?: boolean | undefined;
|
|
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
85
85
|
hint?: React.ReactNode;
|
|
86
86
|
label?: React.ReactNode;
|
|
87
87
|
labelView?: "inner" | "outer" | undefined;
|
|
88
|
-
type?: "number" | "text" | "tel" | "email" | "
|
|
88
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
|
|
89
89
|
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
90
90
|
leftAddons?: React.ReactNode;
|
|
91
91
|
rightAddons?: React.ReactNode;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC, ReactNode } from "react";
|
|
4
|
+
import { NavigationBarProps } from "./index-e81c389f";
|
|
5
|
+
import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
|
|
6
|
+
type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
|
|
7
|
+
declare const Header: FC<HeaderProps>;
|
|
8
|
+
declare const Content: FC<ContentProps>;
|
|
9
|
+
type FooterProps = {
|
|
10
|
+
/**
|
|
11
|
+
* Контент футера
|
|
12
|
+
*/
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Дополнительный класс
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Фиксирует футер
|
|
20
|
+
*/
|
|
21
|
+
sticky?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Выравнивание элементов футера
|
|
24
|
+
*/
|
|
25
|
+
layout?: "start" | "center" | "space-between" | "column";
|
|
26
|
+
/**
|
|
27
|
+
* Отступы между элементами футера
|
|
28
|
+
*/
|
|
29
|
+
gap?: 16 | 24 | 32;
|
|
30
|
+
};
|
|
31
|
+
declare const Footer: FC<FooterProps>;
|
|
32
|
+
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
33
|
+
Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
|
|
34
|
+
Header: React.FC<HeaderProps>;
|
|
35
|
+
Footer: React.FC<FooterProps>;
|
|
36
|
+
Closer: React.FC<import("./index-e81c389f").CloserProps>;
|
|
37
|
+
};
|
|
38
|
+
export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };
|