@alfalab/core-components-select 13.2.13 → 13.2.15
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/{cssm/Component-1481ef6b.d.ts → Component-001db41f.d.ts} +2 -1
- package/{Component-ca307b80.js → Component-001db41f.js} +4 -2
- package/Component-3885b0d7.d.ts +169 -0
- package/Component-71240601.d.ts +142 -0
- package/{Component-088caba2.js → Component-71240601.js} +4 -4
- package/Component.js +1 -1
- package/Component.responsive.js +3 -3
- package/components/arrow/Component.js +1 -1
- package/components/arrow/index.css +3 -3
- package/components/base-checkmark/Component.js +1 -1
- package/components/base-checkmark/index.css +4 -4
- package/components/base-option/Component.js +1 -1
- package/components/base-option/index.css +13 -13
- package/components/base-select/Component.js +1 -1
- package/components/base-select/index.css +7 -7
- package/components/base-select/index.d.ts +1 -1
- package/components/base-select/index.js +1 -1
- package/components/base-select-mobile/Component.js +3 -3
- package/components/base-select-mobile/checkmark/Component.js +1 -1
- package/components/base-select-mobile/checkmark/index.css +6 -6
- package/components/base-select-mobile/index.css +11 -11
- package/components/base-select-mobile/index.d.ts +1 -1
- package/components/base-select-mobile/index.js +3 -3
- package/components/base-select-mobile/options-list/Component.js +1 -1
- package/components/base-select-mobile/options-list/index.css +9 -9
- package/components/base-select-mobile/virtual-options-list/Component.js +1 -1
- package/components/base-select-mobile/virtual-options-list/index.css +15 -15
- package/components/checkmark/Component.js +1 -1
- package/components/checkmark/index.css +10 -10
- package/components/field/Component.js +1 -1
- package/components/field/index.css +9 -9
- package/components/index.js +3 -3
- package/components/optgroup/Component.js +1 -1
- package/components/optgroup/index.css +6 -6
- package/components/option/Component.js +1 -1
- package/components/option/index.css +20 -20
- package/components/options-list/Component.js +1 -1
- package/components/options-list/index.css +6 -6
- package/components/select-mobile/Component.js +3 -3
- package/components/select-mobile/index.d.ts +1 -1
- package/components/select-mobile/index.js +3 -3
- package/components/select-modal-mobile/Component.js +3 -3
- package/components/select-modal-mobile/index.d.ts +1 -1
- package/components/select-modal-mobile/index.js +3 -3
- package/components/virtual-options-list/Component.js +1 -1
- package/components/virtual-options-list/index.css +12 -12
- package/cssm/Component-3885b0d7.d.ts +169 -0
- package/{esm/Component-82c9c6a4.d.ts → cssm/Component-aaa9f3a7.d.ts} +2 -1
- package/cssm/{Component-1481ef6b.js → Component-aaa9f3a7.js} +3 -1
- package/cssm/Component-e9709f88.d.ts +142 -0
- package/cssm/{Component-8f0723b4.js → Component-e9709f88.js} +1 -1
- package/cssm/Component.js +1 -1
- package/cssm/Component.responsive.js +2 -2
- package/cssm/components/base-select/Component.js +1 -1
- package/cssm/components/base-select/index.d.ts +1 -1
- package/cssm/components/base-select/index.js +1 -1
- package/cssm/components/base-select-mobile/Component.js +2 -2
- package/cssm/components/base-select-mobile/index.d.ts +1 -1
- package/cssm/components/base-select-mobile/index.js +2 -2
- package/cssm/components/index.js +2 -2
- package/cssm/components/select-mobile/Component.js +2 -2
- package/cssm/components/select-mobile/index.d.ts +1 -1
- package/cssm/components/select-mobile/index.js +2 -2
- package/cssm/components/select-modal-mobile/Component.js +2 -2
- package/cssm/components/select-modal-mobile/index.d.ts +1 -1
- package/cssm/components/select-modal-mobile/index.js +2 -2
- package/cssm/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
- package/cssm/index-ebda875c.d.ts +74 -0
- package/cssm/index.js +2 -2
- package/cssm/presets/index.js +2 -2
- package/cssm/presets/useLazyLoading/hook.js +2 -2
- package/cssm/presets/useSelectWithApply/hook.js +2 -2
- package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +2 -2
- package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +2 -2
- package/cssm/responsive.js +2 -2
- package/cssm/types-ebda875c.d.ts +113 -0
- package/cssm/typings.d.ts +5 -5
- package/esm/Component-0a180244.d.ts +142 -0
- package/esm/{Component-23df669b.js → Component-0a180244.js} +4 -4
- package/esm/Component-3885b0d7.d.ts +169 -0
- package/{Component-ca307b80.d.ts → esm/Component-4bb3c303.d.ts} +2 -1
- package/esm/{Component-82c9c6a4.js → Component-4bb3c303.js} +4 -2
- package/esm/Component.js +1 -1
- package/esm/Component.responsive.js +3 -3
- package/esm/components/arrow/Component.js +1 -1
- package/esm/components/arrow/index.css +3 -3
- package/esm/components/base-checkmark/Component.js +1 -1
- package/esm/components/base-checkmark/index.css +4 -4
- package/esm/components/base-option/Component.js +1 -1
- package/esm/components/base-option/index.css +13 -13
- package/esm/components/base-select/Component.js +1 -1
- package/esm/components/base-select/index.css +7 -7
- package/esm/components/base-select/index.d.ts +1 -1
- package/esm/components/base-select/index.js +1 -1
- package/esm/components/base-select-mobile/Component.js +3 -3
- package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
- package/esm/components/base-select-mobile/checkmark/index.css +6 -6
- package/esm/components/base-select-mobile/index.css +11 -11
- package/esm/components/base-select-mobile/index.d.ts +1 -1
- package/esm/components/base-select-mobile/index.js +3 -3
- package/esm/components/base-select-mobile/options-list/Component.js +1 -1
- package/esm/components/base-select-mobile/options-list/index.css +9 -9
- package/esm/components/base-select-mobile/virtual-options-list/Component.js +1 -1
- package/esm/components/base-select-mobile/virtual-options-list/index.css +15 -15
- package/esm/components/checkmark/Component.js +1 -1
- package/esm/components/checkmark/index.css +10 -10
- package/esm/components/field/Component.js +1 -1
- package/esm/components/field/index.css +9 -9
- package/esm/components/index.js +3 -3
- package/esm/components/optgroup/Component.js +1 -1
- package/esm/components/optgroup/index.css +6 -6
- package/esm/components/option/Component.js +1 -1
- package/esm/components/option/index.css +20 -20
- package/esm/components/options-list/Component.js +1 -1
- package/esm/components/options-list/index.css +6 -6
- package/esm/components/select-mobile/Component.js +3 -3
- package/esm/components/select-mobile/index.d.ts +1 -1
- package/esm/components/select-mobile/index.js +3 -3
- package/esm/components/select-modal-mobile/Component.js +3 -3
- package/esm/components/select-modal-mobile/index.d.ts +1 -1
- package/esm/components/select-modal-mobile/index.js +3 -3
- package/esm/components/virtual-options-list/Component.js +1 -1
- package/esm/components/virtual-options-list/index.css +12 -12
- package/esm/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
- package/esm/index-ebda875c.d.ts +74 -0
- package/esm/index.js +3 -3
- package/esm/presets/index.js +3 -3
- package/esm/presets/useLazyLoading/hook.js +4 -4
- package/esm/presets/useLazyLoading/index.css +2 -2
- package/esm/presets/useSelectWithApply/hook.js +3 -3
- package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
- package/esm/presets/useSelectWithLoading/hook.js +1 -1
- package/esm/presets/useSelectWithLoading/index.css +2 -2
- package/esm/responsive.js +3 -3
- package/esm/types-ebda875c.d.ts +113 -0
- package/esm/typings.d.ts +5 -5
- package/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
- package/index-ebda875c.d.ts +74 -0
- package/index.js +3 -3
- package/modern/Component-3885b0d7.d.ts +169 -0
- package/modern/{Component-c2743e76.d.ts → Component-77e84ddc.d.ts} +2 -1
- package/modern/{Component-c2743e76.js → Component-77e84ddc.js} +4 -2
- package/modern/Component-d9a7d67e.d.ts +142 -0
- package/modern/{Component-629f202b.js → Component-d9a7d67e.js} +4 -4
- package/modern/Component.js +1 -1
- package/modern/Component.responsive.js +3 -3
- package/modern/components/arrow/Component.js +1 -1
- package/modern/components/arrow/index.css +3 -3
- package/modern/components/base-checkmark/Component.js +1 -1
- package/modern/components/base-checkmark/index.css +4 -4
- package/modern/components/base-option/Component.js +1 -1
- package/modern/components/base-option/index.css +13 -13
- package/modern/components/base-select/Component.js +1 -1
- package/modern/components/base-select/index.css +7 -7
- package/modern/components/base-select/index.d.ts +1 -1
- package/modern/components/base-select/index.js +1 -1
- package/modern/components/base-select-mobile/Component.js +3 -3
- package/modern/components/base-select-mobile/checkmark/Component.js +1 -1
- package/modern/components/base-select-mobile/checkmark/index.css +6 -6
- package/modern/components/base-select-mobile/index.css +11 -11
- package/modern/components/base-select-mobile/index.d.ts +1 -1
- package/modern/components/base-select-mobile/index.js +3 -3
- package/modern/components/base-select-mobile/options-list/Component.js +1 -1
- package/modern/components/base-select-mobile/options-list/index.css +9 -9
- package/modern/components/base-select-mobile/virtual-options-list/Component.js +1 -1
- package/modern/components/base-select-mobile/virtual-options-list/index.css +15 -15
- package/modern/components/checkmark/Component.js +1 -1
- package/modern/components/checkmark/index.css +10 -10
- package/modern/components/field/Component.js +1 -1
- package/modern/components/field/index.css +9 -9
- package/modern/components/index.js +3 -3
- package/modern/components/optgroup/Component.js +1 -1
- package/modern/components/optgroup/index.css +6 -6
- package/modern/components/option/Component.js +1 -1
- package/modern/components/option/index.css +20 -20
- package/modern/components/options-list/Component.js +1 -1
- package/modern/components/options-list/index.css +6 -6
- package/modern/components/select-mobile/Component.js +3 -3
- package/modern/components/select-mobile/index.d.ts +1 -1
- package/modern/components/select-mobile/index.js +3 -3
- package/modern/components/select-modal-mobile/Component.js +3 -3
- package/modern/components/select-modal-mobile/index.d.ts +1 -1
- package/modern/components/select-modal-mobile/index.js +3 -3
- package/modern/components/virtual-options-list/Component.js +1 -1
- package/modern/components/virtual-options-list/index.css +12 -12
- package/modern/{index-3fe0d3e6.d.ts → index-3885b0d7.d.ts} +1 -1
- package/modern/index-ebda875c.d.ts +74 -0
- package/modern/index.js +3 -3
- package/modern/presets/index.js +3 -3
- package/modern/presets/useLazyLoading/hook.js +4 -4
- package/modern/presets/useLazyLoading/index.css +2 -2
- package/modern/presets/useSelectWithApply/hook.js +3 -3
- package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
- package/modern/presets/useSelectWithLoading/hook.js +1 -1
- package/modern/presets/useSelectWithLoading/index.css +2 -2
- package/modern/responsive.js +3 -3
- package/modern/types-ebda875c.d.ts +113 -0
- package/modern/typings.d.ts +5 -5
- package/package.json +6 -6
- package/presets/index.js +3 -3
- package/presets/useLazyLoading/hook.js +4 -4
- package/presets/useLazyLoading/index.css +2 -2
- package/presets/useSelectWithApply/hook.js +3 -3
- package/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
- package/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
- package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
- package/presets/useSelectWithLoading/hook.js +1 -1
- package/presets/useSelectWithLoading/index.css +2 -2
- package/responsive.js +3 -3
- package/types-ebda875c.d.ts +113 -0
- package/typings.d.ts +5 -5
- package/Component-088caba2.d.ts +0 -475
- package/cssm/Component-8f0723b4.d.ts +0 -475
- package/cssm/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/esm/Component-23df669b.d.ts +0 -475
- package/esm/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/modern/Component-629f202b.d.ts +0 -475
- package/modern/getDataTestId-3fe0d3e6.d.ts +0 -2
- /package/esm/{intersection-observer-12c920c6.d.ts → intersection-observer-6d12bd0a.d.ts} +0 -0
- /package/esm/{intersection-observer-12c920c6.js → intersection-observer-6d12bd0a.js} +0 -0
- /package/{intersection-observer-31caed5c.d.ts → intersection-observer-dd747820.d.ts} +0 -0
- /package/{intersection-observer-31caed5c.js → intersection-observer-dd747820.js} +0 -0
- /package/modern/{intersection-observer-12c920c6.d.ts → intersection-observer-6d12bd0a.d.ts} +0 -0
- /package/modern/{intersection-observer-12c920c6.js → intersection-observer-6d12bd0a.js} +0 -0
|
@@ -1,475 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { ReactNode, FC, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, AnchorHTMLAttributes } from "react";
|
|
4
|
-
import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
|
|
5
|
-
import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
|
|
6
|
-
import { BaseModalProps, BaseModalContext } from "@alfalab/core-components-base-modal";
|
|
7
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
8
|
-
type AdditionalMobileProps = {
|
|
9
|
-
/**
|
|
10
|
-
* Футер
|
|
11
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
12
|
-
*/
|
|
13
|
-
footer?: ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Будет ли свайпаться шторка
|
|
16
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
17
|
-
*/
|
|
18
|
-
swipeable?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Дополнительные пропсы шторки
|
|
21
|
-
*/
|
|
22
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
23
|
-
};
|
|
24
|
-
type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
|
|
25
|
-
declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
|
|
26
|
-
type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
|
|
27
|
-
/**
|
|
28
|
-
* Футер
|
|
29
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
30
|
-
*/
|
|
31
|
-
footer?: ReactNode;
|
|
32
|
-
/**
|
|
33
|
-
* Будет ли свайпаться шторка
|
|
34
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
35
|
-
*/
|
|
36
|
-
swipeable?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Отображать в BottomSheet
|
|
39
|
-
*/
|
|
40
|
-
isBottomSheet?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Дополнительные пропсы шторки
|
|
43
|
-
*/
|
|
44
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
45
|
-
};
|
|
46
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
47
|
-
footer?: ReactNode;
|
|
48
|
-
swipeable?: boolean | undefined;
|
|
49
|
-
isBottomSheet?: boolean | undefined;
|
|
50
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
51
|
-
} & React.RefAttributes<unknown>>;
|
|
52
|
-
declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
|
|
53
|
-
showClear?: boolean | undefined;
|
|
54
|
-
onClose?: (() => void) | undefined;
|
|
55
|
-
selectedDraft?: OptionShape[] | undefined;
|
|
56
|
-
OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
|
|
57
|
-
} & React.RefAttributes<unknown>>;
|
|
58
|
-
type ModalDesktopProps = BaseModalProps & {
|
|
59
|
-
/**
|
|
60
|
-
* Ширина модального окна
|
|
61
|
-
* @default "m"
|
|
62
|
-
*/
|
|
63
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen";
|
|
64
|
-
/**
|
|
65
|
-
* Растягивает модальное окно на весь экран
|
|
66
|
-
* @deprecated Используйте размер fullscreen
|
|
67
|
-
*/
|
|
68
|
-
fullscreen?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Фиксирует позицию модального окна после открытия,
|
|
71
|
-
* предотвращая скачки, если контент внутри будет меняться
|
|
72
|
-
*/
|
|
73
|
-
fixedPosition?: boolean;
|
|
74
|
-
/**
|
|
75
|
-
* Управление наличием закрывающего крестика
|
|
76
|
-
* @default false
|
|
77
|
-
*/
|
|
78
|
-
hasCloser?: boolean;
|
|
79
|
-
};
|
|
80
|
-
type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
|
|
81
|
-
type View = "desktop" | "mobile";
|
|
82
|
-
type TResponsiveModalContext = {
|
|
83
|
-
view: View;
|
|
84
|
-
size: NonNullable<ModalDesktopProps["size"]>;
|
|
85
|
-
};
|
|
86
|
-
type ContentProps = {
|
|
87
|
-
/**
|
|
88
|
-
* Контент
|
|
89
|
-
*/
|
|
90
|
-
children?: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* Дополнительный класс
|
|
93
|
-
*/
|
|
94
|
-
className?: string;
|
|
95
|
-
/**
|
|
96
|
-
* Растягивает контент на всю высоту
|
|
97
|
-
*/
|
|
98
|
-
flex?: boolean;
|
|
99
|
-
};
|
|
100
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
101
|
-
/**
|
|
102
|
-
* Вид компонента
|
|
103
|
-
*/
|
|
104
|
-
view: "desktop" | "mobile";
|
|
105
|
-
/**
|
|
106
|
-
* Дополнительный класс
|
|
107
|
-
*/
|
|
108
|
-
className?: string;
|
|
109
|
-
/**
|
|
110
|
-
* Позиция крестика
|
|
111
|
-
*/
|
|
112
|
-
align?: "left" | "right";
|
|
113
|
-
/**
|
|
114
|
-
* Фиксирует крестик
|
|
115
|
-
*/
|
|
116
|
-
sticky?: boolean;
|
|
117
|
-
/**
|
|
118
|
-
* Иконка
|
|
119
|
-
*/
|
|
120
|
-
icon?: ElementType;
|
|
121
|
-
/**
|
|
122
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
123
|
-
*/
|
|
124
|
-
dataTestId?: string;
|
|
125
|
-
/**
|
|
126
|
-
* Коллбэк закрытия.
|
|
127
|
-
*/
|
|
128
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
129
|
-
}
|
|
130
|
-
type NavigationBarProps = {
|
|
131
|
-
/**
|
|
132
|
-
* Контент шапки
|
|
133
|
-
*/
|
|
134
|
-
children?: ReactNode;
|
|
135
|
-
/**
|
|
136
|
-
* Заголовок шапки
|
|
137
|
-
*/
|
|
138
|
-
title?: string;
|
|
139
|
-
/**
|
|
140
|
-
* Подзаголовок (доступен только в мобильной версии)
|
|
141
|
-
*/
|
|
142
|
-
subtitle?: string;
|
|
143
|
-
/**
|
|
144
|
-
* Размер заголовка (compact доступен только в мобильной версии)
|
|
145
|
-
*/
|
|
146
|
-
titleSize?: "default" | "compact";
|
|
147
|
-
/**
|
|
148
|
-
* Доп. класс для аддонов
|
|
149
|
-
*/
|
|
150
|
-
addonClassName?: string;
|
|
151
|
-
/**
|
|
152
|
-
* Слот слева
|
|
153
|
-
*/
|
|
154
|
-
leftAddons?: ReactNode;
|
|
155
|
-
/**
|
|
156
|
-
* Слот справа
|
|
157
|
-
*/
|
|
158
|
-
rightAddons?: ReactNode;
|
|
159
|
-
/**
|
|
160
|
-
* Дополнительный класс для closer
|
|
161
|
-
*/
|
|
162
|
-
closerClassName?: string;
|
|
163
|
-
/**
|
|
164
|
-
* Слот снизу
|
|
165
|
-
*/
|
|
166
|
-
bottomAddons?: ReactNode;
|
|
167
|
-
/**
|
|
168
|
-
* Наличие компонента крестика
|
|
169
|
-
*/
|
|
170
|
-
hasCloser?: boolean;
|
|
171
|
-
/**
|
|
172
|
-
* Наличие кнопки "Назад"
|
|
173
|
-
*/
|
|
174
|
-
hasBackButton?: boolean;
|
|
175
|
-
/**
|
|
176
|
-
* Дополнительный класс для правого аддона
|
|
177
|
-
*/
|
|
178
|
-
backButtonClassName?: string;
|
|
179
|
-
/**
|
|
180
|
-
* Дополнительный класс
|
|
181
|
-
*/
|
|
182
|
-
className?: string;
|
|
183
|
-
/**
|
|
184
|
-
* Дополнительный класс для контента
|
|
185
|
-
*/
|
|
186
|
-
contentClassName?: string;
|
|
187
|
-
/**
|
|
188
|
-
* Дополнительный класс для нижнего аддона
|
|
189
|
-
*/
|
|
190
|
-
bottomAddonsClassName?: string;
|
|
191
|
-
/**
|
|
192
|
-
* Выравнивание заголовка
|
|
193
|
-
*/
|
|
194
|
-
align?: "left" | "center";
|
|
195
|
-
/**
|
|
196
|
-
* Обрезать ли заголовок
|
|
197
|
-
*/
|
|
198
|
-
trim?: boolean;
|
|
199
|
-
/**
|
|
200
|
-
* Фиксирует шапку
|
|
201
|
-
*/
|
|
202
|
-
sticky?: boolean;
|
|
203
|
-
/**
|
|
204
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
205
|
-
*/
|
|
206
|
-
dataTestId?: string;
|
|
207
|
-
/**
|
|
208
|
-
* Фоновое изображение
|
|
209
|
-
*/
|
|
210
|
-
imageUrl?: string;
|
|
211
|
-
/**
|
|
212
|
-
* Иконка closer.
|
|
213
|
-
*/
|
|
214
|
-
closerIcon?: React.ElementType;
|
|
215
|
-
/**
|
|
216
|
-
* Обработчик закрытия
|
|
217
|
-
*/
|
|
218
|
-
onClose?: CloserProps["onClose"];
|
|
219
|
-
/**
|
|
220
|
-
* обработчик клика по кнопке "назад"
|
|
221
|
-
*/
|
|
222
|
-
onBack?: () => void;
|
|
223
|
-
/**
|
|
224
|
-
* Вид шапки - мобильный или десктоп
|
|
225
|
-
*/
|
|
226
|
-
view: "desktop" | "mobile";
|
|
227
|
-
/**
|
|
228
|
-
* Ссылка на родительскую ноду.
|
|
229
|
-
*/
|
|
230
|
-
parentRef?: React.RefObject<HTMLDivElement>;
|
|
231
|
-
};
|
|
232
|
-
type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
|
|
233
|
-
type FooterProps = {
|
|
234
|
-
/**
|
|
235
|
-
* Контент футера
|
|
236
|
-
*/
|
|
237
|
-
children?: ReactNode;
|
|
238
|
-
/**
|
|
239
|
-
* Дополнительный класс
|
|
240
|
-
*/
|
|
241
|
-
className?: string;
|
|
242
|
-
/**
|
|
243
|
-
* Фиксирует футер
|
|
244
|
-
*/
|
|
245
|
-
sticky?: boolean;
|
|
246
|
-
/**
|
|
247
|
-
* Выравнивание элементов футера
|
|
248
|
-
*/
|
|
249
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
250
|
-
/**
|
|
251
|
-
* Отступы между элементами футера
|
|
252
|
-
*/
|
|
253
|
-
gap?: 16 | 24 | 32;
|
|
254
|
-
};
|
|
255
|
-
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
256
|
-
Content: React.FC<ContentProps>;
|
|
257
|
-
Header: React.FC<HeaderProps>;
|
|
258
|
-
Footer: React.FC<FooterProps>;
|
|
259
|
-
Closer: React.FC<CloserProps>;
|
|
260
|
-
};
|
|
261
|
-
declare const Content: FC<ContentProps>;
|
|
262
|
-
declare const Modal: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
|
|
263
|
-
size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
|
|
264
|
-
fullscreen?: boolean | undefined;
|
|
265
|
-
fixedPosition?: boolean | undefined;
|
|
266
|
-
hasCloser?: boolean | undefined;
|
|
267
|
-
} & {
|
|
268
|
-
view: View;
|
|
269
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
270
|
-
declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
|
|
271
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
272
|
-
/**
|
|
273
|
-
* Текст после иконки
|
|
274
|
-
*/
|
|
275
|
-
text?: string;
|
|
276
|
-
/**
|
|
277
|
-
* Дополнительный класс
|
|
278
|
-
*/
|
|
279
|
-
className?: string;
|
|
280
|
-
/**
|
|
281
|
-
* Вид компонента
|
|
282
|
-
*/
|
|
283
|
-
view: "mobile" | "desktop";
|
|
284
|
-
/**
|
|
285
|
-
* Прозрачность текста
|
|
286
|
-
*/
|
|
287
|
-
textOpacity?: number;
|
|
288
|
-
/**
|
|
289
|
-
* Обработчик клика
|
|
290
|
-
*/
|
|
291
|
-
onClick?: () => void;
|
|
292
|
-
}
|
|
293
|
-
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
294
|
-
declare const colors: readonly [
|
|
295
|
-
"tertiary",
|
|
296
|
-
"disabled",
|
|
297
|
-
"accent",
|
|
298
|
-
"primary",
|
|
299
|
-
"attention",
|
|
300
|
-
"positive",
|
|
301
|
-
"secondary",
|
|
302
|
-
"tertiary-inverted",
|
|
303
|
-
"primary-inverted",
|
|
304
|
-
"secondary-inverted",
|
|
305
|
-
"link",
|
|
306
|
-
"negative",
|
|
307
|
-
"static-primary-light",
|
|
308
|
-
"static-secondary-light",
|
|
309
|
-
"static-tertiary-light",
|
|
310
|
-
"static-primary-dark",
|
|
311
|
-
"static-secondary-dark",
|
|
312
|
-
"static-tertiary-dark",
|
|
313
|
-
"static-accent"
|
|
314
|
-
];
|
|
315
|
-
type Color = (typeof colors)[number];
|
|
316
|
-
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
317
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
318
|
-
type TextBaseProps = {
|
|
319
|
-
/**
|
|
320
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
321
|
-
*/
|
|
322
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
323
|
-
/**
|
|
324
|
-
* Цвет текста
|
|
325
|
-
*/
|
|
326
|
-
color?: Color;
|
|
327
|
-
/**
|
|
328
|
-
* Толщина шрифта
|
|
329
|
-
*/
|
|
330
|
-
weight?: "regular" | "medium" | "bold";
|
|
331
|
-
/**
|
|
332
|
-
* Делает цифры моноширинными
|
|
333
|
-
*/
|
|
334
|
-
monospaceNumbers?: boolean;
|
|
335
|
-
/**
|
|
336
|
-
* HTML тег
|
|
337
|
-
*/
|
|
338
|
-
tag?: "span" | "div";
|
|
339
|
-
/**
|
|
340
|
-
* Css-класс для стилизации (native prop)
|
|
341
|
-
*/
|
|
342
|
-
className?: string;
|
|
343
|
-
/**
|
|
344
|
-
* Id компонента для тестов
|
|
345
|
-
*/
|
|
346
|
-
dataTestId?: string;
|
|
347
|
-
/**
|
|
348
|
-
* Контент (native prop)
|
|
349
|
-
*/
|
|
350
|
-
children?: React.ReactNode;
|
|
351
|
-
/**
|
|
352
|
-
* Добавляет отступы к тэгу 'p'
|
|
353
|
-
*/
|
|
354
|
-
defaultMargins?: never;
|
|
355
|
-
/**
|
|
356
|
-
* Количество строк (не поддерживает IE)
|
|
357
|
-
*/
|
|
358
|
-
rowLimit?: 1 | 2 | 3;
|
|
359
|
-
};
|
|
360
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
361
|
-
tag?: "p";
|
|
362
|
-
defaultMargins?: boolean;
|
|
363
|
-
};
|
|
364
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
365
|
-
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
366
|
-
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
367
|
-
/**
|
|
368
|
-
* HTML тег
|
|
369
|
-
*/
|
|
370
|
-
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
371
|
-
/**
|
|
372
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
373
|
-
*/
|
|
374
|
-
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
375
|
-
/**
|
|
376
|
-
* Цвет текста
|
|
377
|
-
*/
|
|
378
|
-
color?: Color;
|
|
379
|
-
/**
|
|
380
|
-
* Толщина шрифта
|
|
381
|
-
*/
|
|
382
|
-
weight?: "regular" | "medium" | "bold";
|
|
383
|
-
/**
|
|
384
|
-
* Шрифт текста
|
|
385
|
-
*/
|
|
386
|
-
font?: "styrene" | "system";
|
|
387
|
-
/**
|
|
388
|
-
* Добавляет отступы
|
|
389
|
-
*/
|
|
390
|
-
defaultMargins?: boolean;
|
|
391
|
-
/**
|
|
392
|
-
* Css-класс для стилизации (native prop)
|
|
393
|
-
*/
|
|
394
|
-
className?: string;
|
|
395
|
-
/**
|
|
396
|
-
* Id компонента для тестов
|
|
397
|
-
*/
|
|
398
|
-
dataTestId?: string;
|
|
399
|
-
/**
|
|
400
|
-
* Контент (native prop)
|
|
401
|
-
*/
|
|
402
|
-
children?: React.ReactNode;
|
|
403
|
-
/**
|
|
404
|
-
* Количество строк (не поддерживает IE)
|
|
405
|
-
*/
|
|
406
|
-
rowLimit?: 1 | 2 | 3;
|
|
407
|
-
};
|
|
408
|
-
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
409
|
-
declare const Typography: {
|
|
410
|
-
Title: FC<TitleProps>;
|
|
411
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
412
|
-
TitleResponsive: FC<TitleProps>;
|
|
413
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
414
|
-
};
|
|
415
|
-
declare const typographyPresets: {
|
|
416
|
-
mobile: {
|
|
417
|
-
list: {
|
|
418
|
-
text: {
|
|
419
|
-
primary: {
|
|
420
|
-
tag: string;
|
|
421
|
-
view: string;
|
|
422
|
-
};
|
|
423
|
-
secondary: {
|
|
424
|
-
tag: string;
|
|
425
|
-
color: string;
|
|
426
|
-
view: string;
|
|
427
|
-
};
|
|
428
|
-
};
|
|
429
|
-
};
|
|
430
|
-
};
|
|
431
|
-
};
|
|
432
|
-
declare const TitleResponsive: FC<TitleProps>;
|
|
433
|
-
type IconButtonProps = {
|
|
434
|
-
/**
|
|
435
|
-
* Компонент иконки
|
|
436
|
-
*/
|
|
437
|
-
icon: ElementType<{
|
|
438
|
-
className?: string;
|
|
439
|
-
}>;
|
|
440
|
-
/**
|
|
441
|
-
* Тип кнопки
|
|
442
|
-
*/
|
|
443
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
444
|
-
/**
|
|
445
|
-
* Размер компонента
|
|
446
|
-
*/
|
|
447
|
-
size?: "xxs" | "xs" | "s";
|
|
448
|
-
/**
|
|
449
|
-
* Дополнительный класс
|
|
450
|
-
*/
|
|
451
|
-
className?: string;
|
|
452
|
-
/**
|
|
453
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
454
|
-
*/
|
|
455
|
-
dataTestId?: string;
|
|
456
|
-
/**
|
|
457
|
-
* Набор цветов для компонента
|
|
458
|
-
*/
|
|
459
|
-
colors?: "default" | "inverted";
|
|
460
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
461
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
462
|
-
icon: ElementType<{
|
|
463
|
-
className?: string;
|
|
464
|
-
}>;
|
|
465
|
-
view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
|
|
466
|
-
size?: "s" | "xs" | "xxs" | undefined;
|
|
467
|
-
className?: string | undefined;
|
|
468
|
-
dataTestId?: string | undefined;
|
|
469
|
-
colors?: "default" | "inverted" | undefined;
|
|
470
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
471
|
-
declare const ModalContext: import("react").Context<BaseModalContext>;
|
|
472
|
-
type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
|
|
473
|
-
declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
|
|
474
|
-
export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, ModalContext, SelectModalMobileProps, SelectModalMobile };
|
|
475
|
-
export type { TitleProps, TextProps, Color };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|