@alfalab/core-components-select 11.1.0 → 11.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm/Component-c1c1bbe8.d.ts → Component-00b8cb17.d.ts} +5 -105
- package/{Component-d79cb1f7.js → Component-00b8cb17.js} +3 -3
- package/{Component-2d929cd7.d.ts → Component-2bb239f8.d.ts} +0 -0
- package/{Component-2d929cd7.js → Component-2bb239f8.js} +1 -1
- package/Component-afce40e0.d.ts +73 -0
- package/Component.js +2 -2
- package/Component.mobile-3fe0d3e6.d.ts +56 -0
- package/Context-c2e6f1b2.d.ts +4 -0
- package/components/base-select/Component.js +2 -2
- 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/index.d.ts +1 -1
- package/components/base-select-mobile/index.js +4 -4
- package/components/base-select-mobile/options-list/Component.js +1 -1
- package/components/base-select-mobile/options-list/index.js +1 -1
- package/components/field/Component.js +1 -1
- 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/option/Component.js +1 -1
- package/components/option/index.js +1 -1
- package/components/options-list/Component.js +1 -1
- 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 +1 -1
- package/components/virtual-options-list/index.js +1 -1
- package/cssm/Component-26c7067e.d.ts +5 -105
- package/cssm/Component-afce40e0.d.ts +73 -0
- package/cssm/Component.mobile-3fe0d3e6.d.ts +56 -0
- package/cssm/Context-c2e6f1b2.d.ts +4 -0
- package/cssm/index-3fe0d3e6.d.ts +1 -0
- package/{modern/Component-b90bbc06.d.ts → esm/Component-16827e23.d.ts} +5 -105
- package/esm/{Component-c1c1bbe8.js → Component-16827e23.js} +3 -3
- package/esm/{Component-bc31c3c6.d.ts → Component-a6b4fa53.d.ts} +0 -0
- package/esm/{Component-bc31c3c6.js → Component-a6b4fa53.js} +1 -1
- package/esm/Component-afce40e0.d.ts +73 -0
- package/esm/Component.js +2 -2
- package/esm/Component.mobile-3fe0d3e6.d.ts +56 -0
- package/esm/Context-c2e6f1b2.d.ts +4 -0
- package/esm/components/base-select/Component.js +2 -2
- 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/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 +1 -1
- package/esm/components/base-select-mobile/options-list/index.js +1 -1
- package/esm/components/field/Component.js +1 -1
- 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/option/Component.js +1 -1
- package/esm/components/option/index.js +1 -1
- package/esm/components/options-list/Component.js +1 -1
- 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 +1 -1
- package/esm/components/virtual-options-list/index.js +1 -1
- package/esm/index-3fe0d3e6.d.ts +1 -0
- package/esm/index.js +4 -4
- package/esm/{intersection-observer-1b157c7d.d.ts → intersection-observer-b1fa8ee2.d.ts} +0 -0
- package/esm/{intersection-observer-1b157c7d.js → intersection-observer-b1fa8ee2.js} +0 -0
- package/esm/presets/index.js +4 -4
- package/esm/presets/useLazyLoading/hook.js +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.d.ts +1 -1
- package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +4 -4
- package/esm/presets/useSelectWithLoading/hook.js +1 -1
- package/esm/{tslib.es6-7605f197.d.ts → tslib.es6-260d2088.d.ts} +0 -0
- package/esm/{tslib.es6-7605f197.js → tslib.es6-260d2088.js} +0 -0
- package/index-3fe0d3e6.d.ts +1 -0
- package/index.js +4 -4
- package/{intersection-observer-97cee92e.d.ts → intersection-observer-a9727b1b.d.ts} +0 -0
- package/{intersection-observer-97cee92e.js → intersection-observer-a9727b1b.js} +0 -0
- package/modern/{Component-8b3f26fe.d.ts → Component-0cd464a6.d.ts} +0 -0
- package/modern/{Component-8b3f26fe.js → Component-0cd464a6.js} +0 -0
- package/modern/Component-afce40e0.d.ts +73 -0
- package/{Component-d79cb1f7.d.ts → modern/Component-fd3c59cb.d.ts} +5 -105
- package/modern/{Component-b90bbc06.js → Component-fd3c59cb.js} +2 -2
- package/modern/Component.js +1 -1
- package/modern/Component.mobile-3fe0d3e6.d.ts +56 -0
- package/modern/Context-c2e6f1b2.d.ts +4 -0
- package/modern/components/base-select/Component.js +1 -1
- 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/index.d.ts +1 -1
- package/modern/components/base-select-mobile/index.js +3 -3
- package/modern/components/index.js +3 -3
- 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/index-3fe0d3e6.d.ts +1 -0
- package/modern/index.js +3 -3
- package/modern/{intersection-observer-1b157c7d.d.ts → intersection-observer-b1fa8ee2.d.ts} +0 -0
- package/modern/{intersection-observer-1b157c7d.js → intersection-observer-b1fa8ee2.js} +0 -0
- package/modern/presets/index.js +3 -3
- package/modern/presets/useLazyLoading/hook.js +1 -1
- 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.d.ts +1 -1
- package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
- package/package.json +3 -3
- package/presets/index.js +4 -4
- package/presets/useLazyLoading/hook.js +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.d.ts +1 -1
- package/presets/useSelectWithApply/options-list-with-apply/index.js +4 -4
- package/presets/useSelectWithLoading/hook.js +1 -1
- package/{tslib.es6-b1b539e3.d.ts → tslib.es6-76ea8c13.d.ts} +0 -0
- package/{tslib.es6-b1b539e3.js → tslib.es6-76ea8c13.js} +0 -0
- package/CHANGELOG.md +0 -1032
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../tslib.es6-
|
|
5
|
+
require('../../tslib.es6-76ea8c13.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/hooks');
|
|
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
|
|
|
22
22
|
require('@alfalab/core-components-popover');
|
|
23
23
|
require('downshift');
|
|
24
24
|
require('../native-select/Component.js');
|
|
25
|
-
require('../../Component-
|
|
25
|
+
require('../../Component-2bb239f8.js');
|
|
26
26
|
require('../../Component.js');
|
|
27
27
|
require('@alfalab/core-components-bottom-sheet');
|
|
28
28
|
require('@alfalab/core-components-modal/mobile');
|
|
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
|
|
|
30
30
|
require('@alfalab/core-components-base-modal');
|
|
31
31
|
require('../base-select-mobile/options-list/Component.js');
|
|
32
32
|
require('../base-select-mobile/checkmark/Component.js');
|
|
33
|
-
var presets_useSelectWithApply_hook = require('../../Component-
|
|
33
|
+
var presets_useSelectWithApply_hook = require('../../Component-00b8cb17.js');
|
|
34
34
|
require('react-virtual');
|
|
35
35
|
require('@alfalab/core-components-skeleton');
|
|
36
|
-
require('../../intersection-observer-
|
|
36
|
+
require('../../intersection-observer-a9727b1b.js');
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../tslib.es6-
|
|
5
|
+
require('../../tslib.es6-76ea8c13.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/hooks');
|
|
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
|
|
|
22
22
|
require('@alfalab/core-components-popover');
|
|
23
23
|
require('downshift');
|
|
24
24
|
require('../native-select/Component.js');
|
|
25
|
-
require('../../Component-
|
|
25
|
+
require('../../Component-2bb239f8.js');
|
|
26
26
|
require('../../Component.js');
|
|
27
27
|
require('@alfalab/core-components-bottom-sheet');
|
|
28
28
|
require('@alfalab/core-components-modal/mobile');
|
|
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
|
|
|
30
30
|
require('@alfalab/core-components-base-modal');
|
|
31
31
|
require('../base-select-mobile/options-list/Component.js');
|
|
32
32
|
require('../base-select-mobile/checkmark/Component.js');
|
|
33
|
-
var presets_useSelectWithApply_hook = require('../../Component-
|
|
33
|
+
var presets_useSelectWithApply_hook = require('../../Component-00b8cb17.js');
|
|
34
34
|
require('react-virtual');
|
|
35
35
|
require('@alfalab/core-components-skeleton');
|
|
36
|
-
require('../../intersection-observer-
|
|
36
|
+
require('../../intersection-observer-a9727b1b.js');
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-00b8cb17";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../tslib.es6-
|
|
5
|
+
require('../../tslib.es6-76ea8c13.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/hooks');
|
|
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
|
|
|
22
22
|
require('@alfalab/core-components-popover');
|
|
23
23
|
require('downshift');
|
|
24
24
|
require('../native-select/Component.js');
|
|
25
|
-
require('../../Component-
|
|
25
|
+
require('../../Component-2bb239f8.js');
|
|
26
26
|
require('../../Component.js');
|
|
27
27
|
require('@alfalab/core-components-bottom-sheet');
|
|
28
28
|
require('@alfalab/core-components-modal/mobile');
|
|
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
|
|
|
30
30
|
require('@alfalab/core-components-base-modal');
|
|
31
31
|
require('../base-select-mobile/options-list/Component.js');
|
|
32
32
|
require('../base-select-mobile/checkmark/Component.js');
|
|
33
|
-
var presets_useSelectWithApply_hook = require('../../Component-
|
|
33
|
+
var presets_useSelectWithApply_hook = require('../../Component-00b8cb17.js');
|
|
34
34
|
require('react-virtual');
|
|
35
35
|
require('@alfalab/core-components-skeleton');
|
|
36
|
-
require('../../intersection-observer-
|
|
36
|
+
require('../../intersection-observer-a9727b1b.js');
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-76ea8c13.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var hooks = require('@alfalab/hooks');
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { ReactNode, FC
|
|
3
|
+
import { ReactNode, FC } from "react";
|
|
4
4
|
import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
|
|
5
5
|
import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
|
|
6
|
-
import { BaseModalProps
|
|
7
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
6
|
+
import { BaseModalProps } from "@alfalab/core-components-base-modal";
|
|
8
7
|
type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
|
|
9
8
|
/**
|
|
10
9
|
* Футер
|
|
@@ -79,54 +78,6 @@ type ContentProps = {
|
|
|
79
78
|
*/
|
|
80
79
|
flex?: boolean;
|
|
81
80
|
};
|
|
82
|
-
type HeaderProps = {
|
|
83
|
-
/**
|
|
84
|
-
* Контент шапки
|
|
85
|
-
*/
|
|
86
|
-
children?: ReactNode;
|
|
87
|
-
/**
|
|
88
|
-
* Слот слева
|
|
89
|
-
*/
|
|
90
|
-
leftAddons?: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* Компонент крестика
|
|
93
|
-
*/
|
|
94
|
-
closer?: ReactNode;
|
|
95
|
-
/**
|
|
96
|
-
* Дополнительный класс
|
|
97
|
-
*/
|
|
98
|
-
className?: string;
|
|
99
|
-
/**
|
|
100
|
-
* Дополнительный класс для аддонов
|
|
101
|
-
*/
|
|
102
|
-
addonClassName?: string;
|
|
103
|
-
/**
|
|
104
|
-
* Дополнительный класс для контента
|
|
105
|
-
*/
|
|
106
|
-
contentClassName?: string;
|
|
107
|
-
/**
|
|
108
|
-
* Заголовок шапки
|
|
109
|
-
*/
|
|
110
|
-
title?: string;
|
|
111
|
-
/**
|
|
112
|
-
* Выравнивание заголовка
|
|
113
|
-
*/
|
|
114
|
-
align?: "left" | "center";
|
|
115
|
-
/**
|
|
116
|
-
* Обрезать ли заголовок
|
|
117
|
-
*/
|
|
118
|
-
trim?: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* Фиксирует шапку
|
|
121
|
-
*/
|
|
122
|
-
sticky?: boolean;
|
|
123
|
-
};
|
|
124
|
-
type HeaderMobileProps = Omit<HeaderProps, "closer"> & {
|
|
125
|
-
/**
|
|
126
|
-
* Наличие крестика
|
|
127
|
-
*/
|
|
128
|
-
hasCloser?: boolean;
|
|
129
|
-
};
|
|
130
81
|
type FooterProps = {
|
|
131
82
|
/**
|
|
132
83
|
* Контент футера
|
|
@@ -149,69 +100,18 @@ type FooterProps = {
|
|
|
149
100
|
*/
|
|
150
101
|
gap?: 16 | 24 | 32;
|
|
151
102
|
};
|
|
152
|
-
type IconButtonProps = {
|
|
153
|
-
/**
|
|
154
|
-
* Компонент иконки
|
|
155
|
-
*/
|
|
156
|
-
icon: ElementType<{
|
|
157
|
-
className?: string;
|
|
158
|
-
}>;
|
|
159
|
-
/**
|
|
160
|
-
* Тип кнопки
|
|
161
|
-
*/
|
|
162
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
163
|
-
/**
|
|
164
|
-
* Размер компонента
|
|
165
|
-
*/
|
|
166
|
-
size?: "xxs" | "xs" | "s";
|
|
167
|
-
/**
|
|
168
|
-
* Дополнительный класс
|
|
169
|
-
*/
|
|
170
|
-
className?: string;
|
|
171
|
-
/**
|
|
172
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
173
|
-
*/
|
|
174
|
-
dataTestId?: string;
|
|
175
|
-
/**
|
|
176
|
-
* Набор цветов для компонента
|
|
177
|
-
*/
|
|
178
|
-
colors?: "default" | "inverted";
|
|
179
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
180
|
-
type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
181
|
-
/**
|
|
182
|
-
* Дополнительный класс
|
|
183
|
-
*/
|
|
184
|
-
className?: string;
|
|
185
|
-
/**
|
|
186
|
-
* Позиция крестика
|
|
187
|
-
*/
|
|
188
|
-
align?: "left" | "right";
|
|
189
|
-
/**
|
|
190
|
-
* Размер кнопки
|
|
191
|
-
*/
|
|
192
|
-
size?: IconButtonProps["size"];
|
|
193
|
-
/**
|
|
194
|
-
* Фиксирует крестик
|
|
195
|
-
*/
|
|
196
|
-
sticky?: boolean;
|
|
197
|
-
/**
|
|
198
|
-
* Иконка
|
|
199
|
-
*/
|
|
200
|
-
icon?: ElementType;
|
|
201
|
-
};
|
|
202
103
|
declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
|
|
203
104
|
hasCloser?: boolean | undefined;
|
|
204
105
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
205
106
|
Content: React.FC<ContentProps>;
|
|
206
|
-
Header: React.FC<HeaderMobileProps>;
|
|
107
|
+
Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
|
|
207
108
|
Footer: React.FC<FooterProps>;
|
|
208
|
-
Closer: React.FC<CloserProps>;
|
|
109
|
+
Closer: React.FC<import("./Component-afce40e0").CloserProps>;
|
|
209
110
|
};
|
|
210
111
|
type ContentMobileProps = ContentProps;
|
|
211
112
|
declare const ContentMobile: FC<ContentMobileProps>;
|
|
212
113
|
type FooterMobileProps = FooterProps;
|
|
213
114
|
declare const FooterMobile: FC<FooterMobileProps>;
|
|
214
|
-
declare const ModalContext: import("react").Context<BaseModalContext>;
|
|
215
115
|
type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
|
|
216
116
|
declare const SelectModalMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & React.RefAttributes<unknown>>;
|
|
217
|
-
export { SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile,
|
|
117
|
+
export { SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };
|
|
@@ -0,0 +1,73 @@
|
|
|
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: React.ElementType<{
|
|
35
|
+
className?: string | undefined;
|
|
36
|
+
}>;
|
|
37
|
+
view?: "transparent" | "primary" | "secondary" | "tertiary" | "negative" | undefined;
|
|
38
|
+
size?: "s" | "xxs" | "xs" | undefined;
|
|
39
|
+
className?: string | undefined;
|
|
40
|
+
dataTestId?: string | undefined;
|
|
41
|
+
colors?: "default" | "inverted" | undefined;
|
|
42
|
+
} & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "disabled" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "value" | "name" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & Pick<Partial<import("@alfalab/core-components-button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("@alfalab/core-components-button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "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 };
|
|
@@ -0,0 +1,56 @@
|
|
|
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 };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./getDataTestId-3fe0d3e6";
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { ReactNode, FC
|
|
3
|
+
import { ReactNode, FC } from "react";
|
|
4
4
|
import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
|
|
5
5
|
import { BaseSelectProps, OptionShape, OptionsListProps } from "./typings";
|
|
6
|
-
import { BaseModalProps
|
|
7
|
-
import { ButtonProps } from "@alfalab/core-components-button";
|
|
6
|
+
import { BaseModalProps } from "@alfalab/core-components-base-modal";
|
|
8
7
|
type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
|
|
9
8
|
/**
|
|
10
9
|
* Футер
|
|
@@ -79,54 +78,6 @@ type ContentProps = {
|
|
|
79
78
|
*/
|
|
80
79
|
flex?: boolean;
|
|
81
80
|
};
|
|
82
|
-
type HeaderProps = {
|
|
83
|
-
/**
|
|
84
|
-
* Контент шапки
|
|
85
|
-
*/
|
|
86
|
-
children?: ReactNode;
|
|
87
|
-
/**
|
|
88
|
-
* Слот слева
|
|
89
|
-
*/
|
|
90
|
-
leftAddons?: ReactNode;
|
|
91
|
-
/**
|
|
92
|
-
* Компонент крестика
|
|
93
|
-
*/
|
|
94
|
-
closer?: ReactNode;
|
|
95
|
-
/**
|
|
96
|
-
* Дополнительный класс
|
|
97
|
-
*/
|
|
98
|
-
className?: string;
|
|
99
|
-
/**
|
|
100
|
-
* Дополнительный класс для аддонов
|
|
101
|
-
*/
|
|
102
|
-
addonClassName?: string;
|
|
103
|
-
/**
|
|
104
|
-
* Дополнительный класс для контента
|
|
105
|
-
*/
|
|
106
|
-
contentClassName?: string;
|
|
107
|
-
/**
|
|
108
|
-
* Заголовок шапки
|
|
109
|
-
*/
|
|
110
|
-
title?: string;
|
|
111
|
-
/**
|
|
112
|
-
* Выравнивание заголовка
|
|
113
|
-
*/
|
|
114
|
-
align?: "left" | "center";
|
|
115
|
-
/**
|
|
116
|
-
* Обрезать ли заголовок
|
|
117
|
-
*/
|
|
118
|
-
trim?: boolean;
|
|
119
|
-
/**
|
|
120
|
-
* Фиксирует шапку
|
|
121
|
-
*/
|
|
122
|
-
sticky?: boolean;
|
|
123
|
-
};
|
|
124
|
-
type HeaderMobileProps = Omit<HeaderProps, "closer"> & {
|
|
125
|
-
/**
|
|
126
|
-
* Наличие крестика
|
|
127
|
-
*/
|
|
128
|
-
hasCloser?: boolean;
|
|
129
|
-
};
|
|
130
81
|
type FooterProps = {
|
|
131
82
|
/**
|
|
132
83
|
* Контент футера
|
|
@@ -149,69 +100,18 @@ type FooterProps = {
|
|
|
149
100
|
*/
|
|
150
101
|
gap?: 16 | 24 | 32;
|
|
151
102
|
};
|
|
152
|
-
type IconButtonProps = {
|
|
153
|
-
/**
|
|
154
|
-
* Компонент иконки
|
|
155
|
-
*/
|
|
156
|
-
icon: ElementType<{
|
|
157
|
-
className?: string;
|
|
158
|
-
}>;
|
|
159
|
-
/**
|
|
160
|
-
* Тип кнопки
|
|
161
|
-
*/
|
|
162
|
-
view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
|
|
163
|
-
/**
|
|
164
|
-
* Размер компонента
|
|
165
|
-
*/
|
|
166
|
-
size?: "xxs" | "xs" | "s";
|
|
167
|
-
/**
|
|
168
|
-
* Дополнительный класс
|
|
169
|
-
*/
|
|
170
|
-
className?: string;
|
|
171
|
-
/**
|
|
172
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
173
|
-
*/
|
|
174
|
-
dataTestId?: string;
|
|
175
|
-
/**
|
|
176
|
-
* Набор цветов для компонента
|
|
177
|
-
*/
|
|
178
|
-
colors?: "default" | "inverted";
|
|
179
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
|
|
180
|
-
type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
181
|
-
/**
|
|
182
|
-
* Дополнительный класс
|
|
183
|
-
*/
|
|
184
|
-
className?: string;
|
|
185
|
-
/**
|
|
186
|
-
* Позиция крестика
|
|
187
|
-
*/
|
|
188
|
-
align?: "left" | "right";
|
|
189
|
-
/**
|
|
190
|
-
* Размер кнопки
|
|
191
|
-
*/
|
|
192
|
-
size?: IconButtonProps["size"];
|
|
193
|
-
/**
|
|
194
|
-
* Фиксирует крестик
|
|
195
|
-
*/
|
|
196
|
-
sticky?: boolean;
|
|
197
|
-
/**
|
|
198
|
-
* Иконка
|
|
199
|
-
*/
|
|
200
|
-
icon?: ElementType;
|
|
201
|
-
};
|
|
202
103
|
declare const ModalMobile: React.ForwardRefExoticComponent<BaseModalProps & {
|
|
203
104
|
hasCloser?: boolean | undefined;
|
|
204
105
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
205
106
|
Content: React.FC<ContentProps>;
|
|
206
|
-
Header: React.FC<HeaderMobileProps>;
|
|
107
|
+
Header: React.FC<import("./Component.mobile-3fe0d3e6").HeaderMobileProps>;
|
|
207
108
|
Footer: React.FC<FooterProps>;
|
|
208
|
-
Closer: React.FC<CloserProps>;
|
|
109
|
+
Closer: React.FC<import("./Component-afce40e0").CloserProps>;
|
|
209
110
|
};
|
|
210
111
|
type ContentMobileProps = ContentProps;
|
|
211
112
|
declare const ContentMobile: FC<ContentMobileProps>;
|
|
212
113
|
type FooterMobileProps = FooterProps;
|
|
213
114
|
declare const FooterMobile: FC<FooterMobileProps>;
|
|
214
|
-
declare const ModalContext: import("react").Context<BaseModalContext>;
|
|
215
115
|
type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
|
|
216
116
|
declare const SelectModalMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & React.RefAttributes<unknown>>;
|
|
217
|
-
export { SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile,
|
|
117
|
+
export { SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobileProps, ModalMobile, ContentMobileProps, ContentMobile, FooterMobileProps, FooterMobile, SelectModalMobileProps, SelectModalMobile };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign, b as __spreadArrays } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign, b as __spreadArrays } from './tslib.es6-260d2088.js';
|
|
2
2
|
import React, { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import '@alfalab/hooks';
|
|
@@ -14,7 +14,7 @@ import { OptionsList } from './components/options-list/Component.js';
|
|
|
14
14
|
import '@alfalab/core-components-checkbox/esm';
|
|
15
15
|
import { Option } from './components/option/Component.js';
|
|
16
16
|
import { useMultipleSelection, useCombobox } from 'downshift';
|
|
17
|
-
import { g as getDataTestId } from './Component-
|
|
17
|
+
import { g as getDataTestId } from './Component-a6b4fa53.js';
|
|
18
18
|
import './Component.js';
|
|
19
19
|
import { BottomSheet } from '@alfalab/core-components-bottom-sheet/esm';
|
|
20
20
|
import { ModalMobile } from '@alfalab/core-components-modal/esm/mobile';
|
|
@@ -23,7 +23,7 @@ import { OptionsList as OptionsList$1 } from './components/base-select-mobile/op
|
|
|
23
23
|
import { Checkmark } from './components/base-select-mobile/checkmark/Component.js';
|
|
24
24
|
import 'react-virtual';
|
|
25
25
|
import '@alfalab/core-components-skeleton/esm';
|
|
26
|
-
import './intersection-observer-
|
|
26
|
+
import './intersection-observer-b1fa8ee2.js';
|
|
27
27
|
|
|
28
28
|
var SELECT_ALL_KEY = 'select_all';
|
|
29
29
|
var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
|
|
File without changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as __assign, b as __spreadArrays } from './tslib.es6-
|
|
1
|
+
import { a as __assign, b as __spreadArrays } from './tslib.es6-260d2088.js';
|
|
2
2
|
import React, { forwardRef, useRef, useMemo, useCallback, useEffect, useLayoutEffect } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { processOptions } from './utils.js';
|