@alfalab/core-components-select 13.0.1 → 13.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component-21b7a86d.d.ts +241 -0
- package/{Component-42bffe35.js → Component-21b7a86d.js} +5 -5
- package/{Component-09f82c1f.d.ts → Component-ed89ed0b.d.ts} +0 -0
- package/{Component-09f82c1f.js → Component-ed89ed0b.js} +2 -2
- package/Component.js +2 -2
- package/components/arrow/Component.js +1 -1
- package/components/arrow/index.css +3 -3
- package/components/base-select/Component.js +2 -2
- package/components/base-select/index.css +7 -7
- package/components/base-select/index.d.ts +1 -1
- package/components/base-select/index.js +2 -2
- package/components/base-select-mobile/Component.js +4 -4
- package/components/base-select-mobile/checkmark/Component.js +1 -1
- package/components/base-select-mobile/checkmark/index.css +4 -4
- 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 +4 -4
- package/components/base-select-mobile/options-list/Component.js +2 -2
- package/components/base-select-mobile/options-list/index.css +9 -9
- package/components/base-select-mobile/options-list/index.js +1 -1
- package/components/checkmark/Component.js +1 -1
- package/components/checkmark/index.css +7 -7
- package/components/field/Component.js +2 -2
- package/components/field/index.css +9 -9
- package/components/field/index.js +1 -1
- package/components/index.js +4 -4
- package/components/native-select/Component.js +1 -1
- package/components/native-select/index.js +1 -1
- package/components/optgroup/Component.js +1 -1
- package/components/optgroup/index.css +6 -6
- package/components/option/Component.js +2 -2
- package/components/option/index.css +20 -20
- package/components/option/index.js +1 -1
- package/components/options-list/Component.js +2 -2
- package/components/options-list/index.css +6 -6
- package/components/options-list/index.js +1 -1
- package/components/select-mobile/Component.js +4 -4
- package/components/select-mobile/index.d.ts +1 -1
- package/components/select-mobile/index.js +4 -4
- package/components/select-modal-mobile/Component.js +4 -4
- package/components/select-modal-mobile/index.d.ts +1 -1
- package/components/select-modal-mobile/index.js +4 -4
- package/components/virtual-options-list/Component.js +2 -2
- package/components/virtual-options-list/index.css +12 -12
- package/components/virtual-options-list/index.js +1 -1
- package/cssm/Component-095a346d.d.ts +140 -13
- package/esm/Component-ce96c3e2.d.ts +241 -0
- package/esm/{Component-889ce29b.js → Component-ce96c3e2.js} +5 -5
- package/esm/{Component-3cfcec1a.d.ts → Component-ff051dbb.d.ts} +0 -0
- package/esm/{Component-3cfcec1a.js → Component-ff051dbb.js} +2 -2
- package/esm/Component.js +2 -2
- package/esm/components/arrow/Component.js +1 -1
- package/esm/components/arrow/index.css +3 -3
- package/esm/components/base-select/Component.js +2 -2
- 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 +2 -2
- package/esm/components/base-select-mobile/Component.js +4 -4
- package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
- package/esm/components/base-select-mobile/checkmark/index.css +4 -4
- 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 +4 -4
- package/esm/components/base-select-mobile/options-list/Component.js +2 -2
- package/esm/components/base-select-mobile/options-list/index.css +9 -9
- package/esm/components/base-select-mobile/options-list/index.js +1 -1
- package/esm/components/checkmark/Component.js +1 -1
- package/esm/components/checkmark/index.css +7 -7
- package/esm/components/field/Component.js +2 -2
- package/esm/components/field/index.css +9 -9
- package/esm/components/field/index.js +1 -1
- package/esm/components/index.js +4 -4
- package/esm/components/native-select/Component.js +1 -1
- package/esm/components/native-select/index.js +1 -1
- package/esm/components/optgroup/Component.js +1 -1
- package/esm/components/optgroup/index.css +6 -6
- package/esm/components/option/Component.js +2 -2
- package/esm/components/option/index.css +20 -20
- package/esm/components/option/index.js +1 -1
- package/esm/components/options-list/Component.js +2 -2
- package/esm/components/options-list/index.css +6 -6
- package/esm/components/options-list/index.js +1 -1
- package/esm/components/select-mobile/Component.js +4 -4
- package/esm/components/select-mobile/index.d.ts +1 -1
- package/esm/components/select-mobile/index.js +4 -4
- package/esm/components/select-modal-mobile/Component.js +4 -4
- package/esm/components/select-modal-mobile/index.d.ts +1 -1
- package/esm/components/select-modal-mobile/index.js +4 -4
- package/esm/components/virtual-options-list/Component.js +2 -2
- package/esm/components/virtual-options-list/index.css +12 -12
- package/esm/components/virtual-options-list/index.js +1 -1
- package/esm/index.js +4 -4
- package/esm/{intersection-observer-46ae308d.d.ts → intersection-observer-aafd2281.d.ts} +0 -0
- package/esm/{intersection-observer-46ae308d.js → intersection-observer-aafd2281.js} +0 -0
- package/esm/presets/index.js +4 -4
- package/esm/presets/useLazyLoading/hook.js +3 -3
- package/esm/presets/useLazyLoading/index.css +2 -2
- package/esm/presets/useSelectWithApply/hook.js +4 -4
- package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -4
- 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 +4 -4
- package/esm/presets/useSelectWithLoading/hook.js +2 -2
- package/esm/presets/useSelectWithLoading/index.css +2 -2
- package/esm/{tslib.es6-c4534f67.d.ts → tslib.es6-7b5f4eba.d.ts} +0 -0
- package/esm/{tslib.es6-c4534f67.js → tslib.es6-7b5f4eba.js} +0 -0
- package/index.js +4 -4
- package/{intersection-observer-fc42e563.d.ts → intersection-observer-6dcf1728.d.ts} +0 -0
- package/{intersection-observer-fc42e563.js → intersection-observer-6dcf1728.js} +0 -0
- package/modern/{Component-ac4d8093.d.ts → Component-81ee14d4.d.ts} +0 -0
- package/modern/{Component-ac4d8093.js → Component-81ee14d4.js} +1 -1
- package/modern/Component-b6cd6efa.d.ts +241 -0
- package/modern/{Component-dc7907a7.js → Component-b6cd6efa.js} +4 -4
- package/modern/Component.js +1 -1
- package/modern/components/arrow/Component.js +1 -1
- package/modern/components/arrow/index.css +3 -3
- 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 +4 -4
- 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 +3 -3
- package/modern/components/base-select-mobile/options-list/index.css +9 -9
- package/modern/components/checkmark/Component.js +2 -2
- package/modern/components/checkmark/index.css +7 -7
- 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/native-select/Component.js +2 -2
- 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.js +3 -3
- package/modern/{intersection-observer-46ae308d.d.ts → intersection-observer-aafd2281.d.ts} +0 -0
- package/modern/{intersection-observer-46ae308d.js → intersection-observer-aafd2281.js} +0 -0
- package/modern/presets/index.js +3 -3
- package/modern/presets/useLazyLoading/hook.js +2 -2
- 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/package.json +8 -8
- package/presets/index.js +4 -4
- package/presets/useLazyLoading/hook.js +3 -3
- package/presets/useLazyLoading/index.css +2 -2
- package/presets/useSelectWithApply/hook.js +4 -4
- package/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -4
- 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 +4 -4
- package/presets/useSelectWithLoading/hook.js +2 -2
- package/presets/useSelectWithLoading/index.css +2 -2
- package/send-stats.js +1 -1
- package/{tslib.es6-911daf6f.d.ts → tslib.es6-e8cb2975.d.ts} +0 -0
- package/{tslib.es6-911daf6f.js → tslib.es6-e8cb2975.js} +0 -0
- package/Component-42bffe35.d.ts +0 -114
- package/Component-db573794.d.ts +0 -73
- package/Component.mobile-3fe0d3e6.d.ts +0 -56
- package/Context-c2e6f1b2.d.ts +0 -4
- package/cssm/Component-db573794.d.ts +0 -73
- package/cssm/Component.mobile-3fe0d3e6.d.ts +0 -56
- package/cssm/Context-c2e6f1b2.d.ts +0 -4
- package/esm/Component-889ce29b.d.ts +0 -114
- package/esm/Component-db573794.d.ts +0 -73
- package/esm/Component.mobile-3fe0d3e6.d.ts +0 -56
- package/esm/Context-c2e6f1b2.d.ts +0 -4
- package/modern/Component-db573794.d.ts +0 -73
- package/modern/Component-dc7907a7.d.ts +0 -114
- package/modern/Component.mobile-3fe0d3e6.d.ts +0 -56
- package/modern/Context-c2e6f1b2.d.ts +0 -4
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
5
|
-
type IconButtonProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Компонент иконки
|
|
8
|
-
*/
|
|
9
|
-
icon: ElementType<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}>;
|
|
12
|
-
/**
|
|
13
|
-
* Тип кнопки
|
|
14
|
-
*/
|
|
15
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
16
|
-
/**
|
|
17
|
-
* Размер компонента
|
|
18
|
-
*/
|
|
19
|
-
size?: "xxs" | "xs" | "s";
|
|
20
|
-
/**
|
|
21
|
-
* Дополнительный класс
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
26
|
-
*/
|
|
27
|
-
dataTestId?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Набор цветов для компонента
|
|
30
|
-
*/
|
|
31
|
-
colors?: "default" | "inverted";
|
|
32
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
33
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
34
|
-
icon: ElementType<{
|
|
35
|
-
className?: string;
|
|
36
|
-
}>;
|
|
37
|
-
view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
|
|
38
|
-
size?: "s" | "xs" | "xxs" | undefined;
|
|
39
|
-
className?: string | undefined;
|
|
40
|
-
dataTestId?: string | undefined;
|
|
41
|
-
colors?: "default" | "inverted" | undefined;
|
|
42
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
43
|
-
type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
44
|
-
/**
|
|
45
|
-
* Дополнительный класс
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Позиция крестика
|
|
50
|
-
*/
|
|
51
|
-
align?: 'left' | 'right';
|
|
52
|
-
/**
|
|
53
|
-
* Размер кнопки
|
|
54
|
-
*/
|
|
55
|
-
size?: IconButtonProps['size'];
|
|
56
|
-
/**
|
|
57
|
-
* Фиксирует крестик
|
|
58
|
-
*/
|
|
59
|
-
sticky?: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Иконка
|
|
62
|
-
*/
|
|
63
|
-
icon?: ElementType;
|
|
64
|
-
/**
|
|
65
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
66
|
-
*/
|
|
67
|
-
dataTestId?: string;
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* @deprecated Компонент только для внутреннего использования. Используйте <Header />
|
|
71
|
-
*/
|
|
72
|
-
declare const Closer: FC<CloserProps>;
|
|
73
|
-
export { IconButtonProps, IconButton, CloserProps, Closer };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from "react";
|
|
2
|
-
type HeaderProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Контент шапки
|
|
5
|
-
*/
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Слот слева
|
|
9
|
-
*/
|
|
10
|
-
leftAddons?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Компонент крестика
|
|
13
|
-
*/
|
|
14
|
-
closer?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительный класс
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Дополнительный класс для аддонов
|
|
21
|
-
*/
|
|
22
|
-
addonClassName?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Дополнительный класс для контента
|
|
25
|
-
*/
|
|
26
|
-
contentClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Заголовок шапки
|
|
29
|
-
*/
|
|
30
|
-
title?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Выравнивание заголовка
|
|
33
|
-
*/
|
|
34
|
-
align?: "left" | "center";
|
|
35
|
-
/**
|
|
36
|
-
* Обрезать ли заголовок
|
|
37
|
-
*/
|
|
38
|
-
trim?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Фиксирует шапку
|
|
41
|
-
*/
|
|
42
|
-
sticky?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
45
|
-
*/
|
|
46
|
-
dataTestId?: string;
|
|
47
|
-
};
|
|
48
|
-
declare const Header: FC<HeaderProps>;
|
|
49
|
-
type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
|
|
50
|
-
/**
|
|
51
|
-
* Наличие крестика
|
|
52
|
-
*/
|
|
53
|
-
hasCloser?: boolean;
|
|
54
|
-
};
|
|
55
|
-
declare const HeaderMobile: FC<HeaderMobileProps>;
|
|
56
|
-
export { HeaderProps, Header, HeaderMobileProps, HeaderMobile };
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { ReactNode, FC } from "react";
|
|
4
|
-
import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
|
|
5
|
-
import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
|
|
6
|
-
import { BaseModalProps } from "@alfalab/core-components-base-modal";
|
|
7
|
-
type AdditionalMobileProps = {
|
|
8
|
-
/**
|
|
9
|
-
* Футер
|
|
10
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
11
|
-
*/
|
|
12
|
-
footer?: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* Будет ли свайпаться шторка
|
|
15
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
16
|
-
*/
|
|
17
|
-
swipeable?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Дополнительные пропсы шторки
|
|
20
|
-
*/
|
|
21
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
22
|
-
};
|
|
23
|
-
type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
|
|
24
|
-
declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
|
|
25
|
-
type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
|
|
26
|
-
/**
|
|
27
|
-
* Футер
|
|
28
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
29
|
-
*/
|
|
30
|
-
footer?: ReactNode;
|
|
31
|
-
/**
|
|
32
|
-
* Будет ли свайпаться шторка
|
|
33
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
34
|
-
*/
|
|
35
|
-
swipeable?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Отображать в BottomSheet
|
|
38
|
-
*/
|
|
39
|
-
isBottomSheet?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Дополнительные пропсы шторки
|
|
42
|
-
*/
|
|
43
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
44
|
-
};
|
|
45
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & {
|
|
46
|
-
footer?: ReactNode;
|
|
47
|
-
swipeable?: boolean | undefined;
|
|
48
|
-
isBottomSheet?: boolean | undefined;
|
|
49
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
50
|
-
} & React.RefAttributes<unknown>>;
|
|
51
|
-
declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
|
|
52
|
-
showClear?: boolean | undefined;
|
|
53
|
-
onClose?: (() => void) | undefined;
|
|
54
|
-
selectedDraft?: OptionShape[] | undefined;
|
|
55
|
-
OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
|
|
56
|
-
} & React.RefAttributes<unknown>>;
|
|
57
|
-
type ModalMobileProps = BaseModalProps & {
|
|
58
|
-
/**
|
|
59
|
-
* Управление наличием закрывающего крестика
|
|
60
|
-
* @default false
|
|
61
|
-
*/
|
|
62
|
-
hasCloser?: boolean;
|
|
63
|
-
};
|
|
64
|
-
type ContentProps = {
|
|
65
|
-
/**
|
|
66
|
-
* Контент
|
|
67
|
-
*/
|
|
68
|
-
children?: ReactNode;
|
|
69
|
-
/**
|
|
70
|
-
* Дополнительный класс
|
|
71
|
-
*/
|
|
72
|
-
className?: string;
|
|
73
|
-
/**
|
|
74
|
-
* Растягивает контент на всю высоту
|
|
75
|
-
*/
|
|
76
|
-
flex?: boolean;
|
|
77
|
-
};
|
|
78
|
-
type FooterProps = {
|
|
79
|
-
/**
|
|
80
|
-
* Контент футера
|
|
81
|
-
*/
|
|
82
|
-
children?: ReactNode;
|
|
83
|
-
/**
|
|
84
|
-
* Дополнительный класс
|
|
85
|
-
*/
|
|
86
|
-
className?: string;
|
|
87
|
-
/**
|
|
88
|
-
* Фиксирует футер
|
|
89
|
-
*/
|
|
90
|
-
sticky?: boolean;
|
|
91
|
-
/**
|
|
92
|
-
* Выравнивание элементов футера
|
|
93
|
-
*/
|
|
94
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
95
|
-
/**
|
|
96
|
-
* Отступы между элементами футера
|
|
97
|
-
*/
|
|
98
|
-
gap?: 16 | 24 | 32;
|
|
99
|
-
};
|
|
100
|
-
declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
|
|
101
|
-
hasCloser?: boolean | undefined;
|
|
102
|
-
} & React.RefAttributes<HTMLDivElement>> & {
|
|
103
|
-
Content: React.FC<ContentProps>;
|
|
104
|
-
Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
|
|
105
|
-
Footer: React.FC<FooterProps>;
|
|
106
|
-
Closer: React.FC<import("./Component-db573794").CloserProps>;
|
|
107
|
-
};
|
|
108
|
-
type ContentMobileProps = ContentProps;
|
|
109
|
-
declare const ContentMobile: FC<ContentMobileProps>;
|
|
110
|
-
type FooterMobileProps = FooterProps;
|
|
111
|
-
declare const FooterMobile: FC<FooterMobileProps>;
|
|
112
|
-
type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
|
|
113
|
-
declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
|
|
114
|
-
export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
5
|
-
type IconButtonProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Компонент иконки
|
|
8
|
-
*/
|
|
9
|
-
icon: ElementType<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}>;
|
|
12
|
-
/**
|
|
13
|
-
* Тип кнопки
|
|
14
|
-
*/
|
|
15
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
16
|
-
/**
|
|
17
|
-
* Размер компонента
|
|
18
|
-
*/
|
|
19
|
-
size?: "xxs" | "xs" | "s";
|
|
20
|
-
/**
|
|
21
|
-
* Дополнительный класс
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
26
|
-
*/
|
|
27
|
-
dataTestId?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Набор цветов для компонента
|
|
30
|
-
*/
|
|
31
|
-
colors?: "default" | "inverted";
|
|
32
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
33
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
34
|
-
icon: ElementType<{
|
|
35
|
-
className?: string;
|
|
36
|
-
}>;
|
|
37
|
-
view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
|
|
38
|
-
size?: "s" | "xs" | "xxs" | undefined;
|
|
39
|
-
className?: string | undefined;
|
|
40
|
-
dataTestId?: string | undefined;
|
|
41
|
-
colors?: "default" | "inverted" | undefined;
|
|
42
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
43
|
-
type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
44
|
-
/**
|
|
45
|
-
* Дополнительный класс
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Позиция крестика
|
|
50
|
-
*/
|
|
51
|
-
align?: 'left' | 'right';
|
|
52
|
-
/**
|
|
53
|
-
* Размер кнопки
|
|
54
|
-
*/
|
|
55
|
-
size?: IconButtonProps['size'];
|
|
56
|
-
/**
|
|
57
|
-
* Фиксирует крестик
|
|
58
|
-
*/
|
|
59
|
-
sticky?: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Иконка
|
|
62
|
-
*/
|
|
63
|
-
icon?: ElementType;
|
|
64
|
-
/**
|
|
65
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
66
|
-
*/
|
|
67
|
-
dataTestId?: string;
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* @deprecated Компонент только для внутреннего использования. Используйте <Header />
|
|
71
|
-
*/
|
|
72
|
-
declare const Closer: FC<CloserProps>;
|
|
73
|
-
export { IconButtonProps, IconButton, CloserProps, Closer };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from "react";
|
|
2
|
-
type HeaderProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Контент шапки
|
|
5
|
-
*/
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Слот слева
|
|
9
|
-
*/
|
|
10
|
-
leftAddons?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Компонент крестика
|
|
13
|
-
*/
|
|
14
|
-
closer?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительный класс
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Дополнительный класс для аддонов
|
|
21
|
-
*/
|
|
22
|
-
addonClassName?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Дополнительный класс для контента
|
|
25
|
-
*/
|
|
26
|
-
contentClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Заголовок шапки
|
|
29
|
-
*/
|
|
30
|
-
title?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Выравнивание заголовка
|
|
33
|
-
*/
|
|
34
|
-
align?: "left" | "center";
|
|
35
|
-
/**
|
|
36
|
-
* Обрезать ли заголовок
|
|
37
|
-
*/
|
|
38
|
-
trim?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Фиксирует шапку
|
|
41
|
-
*/
|
|
42
|
-
sticky?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
45
|
-
*/
|
|
46
|
-
dataTestId?: string;
|
|
47
|
-
};
|
|
48
|
-
declare const Header: FC<HeaderProps>;
|
|
49
|
-
type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
|
|
50
|
-
/**
|
|
51
|
-
* Наличие крестика
|
|
52
|
-
*/
|
|
53
|
-
hasCloser?: boolean;
|
|
54
|
-
};
|
|
55
|
-
declare const HeaderMobile: FC<HeaderMobileProps>;
|
|
56
|
-
export { HeaderProps, Header, HeaderMobileProps, HeaderMobile };
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
5
|
-
type IconButtonProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Компонент иконки
|
|
8
|
-
*/
|
|
9
|
-
icon: ElementType<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}>;
|
|
12
|
-
/**
|
|
13
|
-
* Тип кнопки
|
|
14
|
-
*/
|
|
15
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
16
|
-
/**
|
|
17
|
-
* Размер компонента
|
|
18
|
-
*/
|
|
19
|
-
size?: "xxs" | "xs" | "s";
|
|
20
|
-
/**
|
|
21
|
-
* Дополнительный класс
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
26
|
-
*/
|
|
27
|
-
dataTestId?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Набор цветов для компонента
|
|
30
|
-
*/
|
|
31
|
-
colors?: "default" | "inverted";
|
|
32
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
33
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
34
|
-
icon: ElementType<{
|
|
35
|
-
className?: string;
|
|
36
|
-
}>;
|
|
37
|
-
view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
|
|
38
|
-
size?: "s" | "xs" | "xxs" | undefined;
|
|
39
|
-
className?: string | undefined;
|
|
40
|
-
dataTestId?: string | undefined;
|
|
41
|
-
colors?: "default" | "inverted" | undefined;
|
|
42
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
43
|
-
type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
44
|
-
/**
|
|
45
|
-
* Дополнительный класс
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Позиция крестика
|
|
50
|
-
*/
|
|
51
|
-
align?: 'left' | 'right';
|
|
52
|
-
/**
|
|
53
|
-
* Размер кнопки
|
|
54
|
-
*/
|
|
55
|
-
size?: IconButtonProps['size'];
|
|
56
|
-
/**
|
|
57
|
-
* Фиксирует крестик
|
|
58
|
-
*/
|
|
59
|
-
sticky?: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Иконка
|
|
62
|
-
*/
|
|
63
|
-
icon?: ElementType;
|
|
64
|
-
/**
|
|
65
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
66
|
-
*/
|
|
67
|
-
dataTestId?: string;
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* @deprecated Компонент только для внутреннего использования. Используйте <Header />
|
|
71
|
-
*/
|
|
72
|
-
declare const Closer: FC<CloserProps>;
|
|
73
|
-
export { IconButtonProps, IconButton, CloserProps, Closer };
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { ReactNode, FC } from "react";
|
|
4
|
-
import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
|
|
5
|
-
import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
|
|
6
|
-
import { BaseModalProps } from "@alfalab/core-components-base-modal";
|
|
7
|
-
type AdditionalMobileProps = {
|
|
8
|
-
/**
|
|
9
|
-
* Футер
|
|
10
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
11
|
-
*/
|
|
12
|
-
footer?: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* Будет ли свайпаться шторка
|
|
15
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
16
|
-
*/
|
|
17
|
-
swipeable?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Дополнительные пропсы шторки
|
|
20
|
-
*/
|
|
21
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
22
|
-
};
|
|
23
|
-
type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
|
|
24
|
-
declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
|
|
25
|
-
type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
|
|
26
|
-
/**
|
|
27
|
-
* Футер
|
|
28
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
29
|
-
*/
|
|
30
|
-
footer?: ReactNode;
|
|
31
|
-
/**
|
|
32
|
-
* Будет ли свайпаться шторка
|
|
33
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
34
|
-
*/
|
|
35
|
-
swipeable?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Отображать в BottomSheet
|
|
38
|
-
*/
|
|
39
|
-
isBottomSheet?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Дополнительные пропсы шторки
|
|
42
|
-
*/
|
|
43
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
44
|
-
};
|
|
45
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & {
|
|
46
|
-
footer?: ReactNode;
|
|
47
|
-
swipeable?: boolean | undefined;
|
|
48
|
-
isBottomSheet?: boolean | undefined;
|
|
49
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
50
|
-
} & React.RefAttributes<unknown>>;
|
|
51
|
-
declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
|
|
52
|
-
showClear?: boolean | undefined;
|
|
53
|
-
onClose?: (() => void) | undefined;
|
|
54
|
-
selectedDraft?: OptionShape[] | undefined;
|
|
55
|
-
OptionsList?: React.FC<OptionsListProps & React.RefAttributes<unknown>> | undefined;
|
|
56
|
-
} & React.RefAttributes<unknown>>;
|
|
57
|
-
type ModalMobileProps = BaseModalProps & {
|
|
58
|
-
/**
|
|
59
|
-
* Управление наличием закрывающего крестика
|
|
60
|
-
* @default false
|
|
61
|
-
*/
|
|
62
|
-
hasCloser?: boolean;
|
|
63
|
-
};
|
|
64
|
-
type ContentProps = {
|
|
65
|
-
/**
|
|
66
|
-
* Контент
|
|
67
|
-
*/
|
|
68
|
-
children?: ReactNode;
|
|
69
|
-
/**
|
|
70
|
-
* Дополнительный класс
|
|
71
|
-
*/
|
|
72
|
-
className?: string;
|
|
73
|
-
/**
|
|
74
|
-
* Растягивает контент на всю высоту
|
|
75
|
-
*/
|
|
76
|
-
flex?: boolean;
|
|
77
|
-
};
|
|
78
|
-
type FooterProps = {
|
|
79
|
-
/**
|
|
80
|
-
* Контент футера
|
|
81
|
-
*/
|
|
82
|
-
children?: ReactNode;
|
|
83
|
-
/**
|
|
84
|
-
* Дополнительный класс
|
|
85
|
-
*/
|
|
86
|
-
className?: string;
|
|
87
|
-
/**
|
|
88
|
-
* Фиксирует футер
|
|
89
|
-
*/
|
|
90
|
-
sticky?: boolean;
|
|
91
|
-
/**
|
|
92
|
-
* Выравнивание элементов футера
|
|
93
|
-
*/
|
|
94
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
95
|
-
/**
|
|
96
|
-
* Отступы между элементами футера
|
|
97
|
-
*/
|
|
98
|
-
gap?: 16 | 24 | 32;
|
|
99
|
-
};
|
|
100
|
-
declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
|
|
101
|
-
hasCloser?: boolean | undefined;
|
|
102
|
-
} & React.RefAttributes<HTMLDivElement>> & {
|
|
103
|
-
Content: React.FC<ContentProps>;
|
|
104
|
-
Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
|
|
105
|
-
Footer: React.FC<FooterProps>;
|
|
106
|
-
Closer: React.FC<import("./Component-db573794").CloserProps>;
|
|
107
|
-
};
|
|
108
|
-
type ContentMobileProps = ContentProps;
|
|
109
|
-
declare const ContentMobile: FC<ContentMobileProps>;
|
|
110
|
-
type FooterMobileProps = FooterProps;
|
|
111
|
-
declare const FooterMobile: FC<FooterMobileProps>;
|
|
112
|
-
type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
|
|
113
|
-
declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
|
|
114
|
-
export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from "react";
|
|
2
|
-
type HeaderProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Контент шапки
|
|
5
|
-
*/
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Слот слева
|
|
9
|
-
*/
|
|
10
|
-
leftAddons?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Компонент крестика
|
|
13
|
-
*/
|
|
14
|
-
closer?: ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительный класс
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Дополнительный класс для аддонов
|
|
21
|
-
*/
|
|
22
|
-
addonClassName?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Дополнительный класс для контента
|
|
25
|
-
*/
|
|
26
|
-
contentClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Заголовок шапки
|
|
29
|
-
*/
|
|
30
|
-
title?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Выравнивание заголовка
|
|
33
|
-
*/
|
|
34
|
-
align?: "left" | "center";
|
|
35
|
-
/**
|
|
36
|
-
* Обрезать ли заголовок
|
|
37
|
-
*/
|
|
38
|
-
trim?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Фиксирует шапку
|
|
41
|
-
*/
|
|
42
|
-
sticky?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
45
|
-
*/
|
|
46
|
-
dataTestId?: string;
|
|
47
|
-
};
|
|
48
|
-
declare const Header: FC<HeaderProps>;
|
|
49
|
-
type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
|
|
50
|
-
/**
|
|
51
|
-
* Наличие крестика
|
|
52
|
-
*/
|
|
53
|
-
hasCloser?: boolean;
|
|
54
|
-
};
|
|
55
|
-
declare const HeaderMobile: FC<HeaderMobileProps>;
|
|
56
|
-
export { HeaderProps, Header, HeaderMobileProps, HeaderMobile };
|