@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
|
@@ -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,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-76ea8c13.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
require('@alfalab/hooks');
|
|
@@ -16,7 +16,7 @@ var components_optionsList_Component = require('./components/options-list/Compon
|
|
|
16
16
|
require('@alfalab/core-components-checkbox');
|
|
17
17
|
var components_option_Component = require('./components/option/Component.js');
|
|
18
18
|
var downshift = require('downshift');
|
|
19
|
-
var components_baseSelect_Component = require('./Component-
|
|
19
|
+
var components_baseSelect_Component = require('./Component-2bb239f8.js');
|
|
20
20
|
require('./Component.js');
|
|
21
21
|
var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet');
|
|
22
22
|
var mobile = require('@alfalab/core-components-modal/mobile');
|
|
@@ -25,7 +25,7 @@ var components_baseSelectMobile_optionsList_Component = require('./components/ba
|
|
|
25
25
|
var components_baseSelectMobile_checkmark_Component = require('./components/base-select-mobile/checkmark/Component.js');
|
|
26
26
|
require('react-virtual');
|
|
27
27
|
require('@alfalab/core-components-skeleton');
|
|
28
|
-
require('./intersection-observer-
|
|
28
|
+
require('./intersection-observer-a9727b1b.js');
|
|
29
29
|
|
|
30
30
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
31
31
|
|
|
File without changes
|
|
@@ -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 };
|
package/Component.js
CHANGED
|
@@ -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
|
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('./components/native-select/Component.js');
|
|
25
|
-
var components_baseSelect_Component = require('./Component-
|
|
25
|
+
var components_baseSelect_Component = require('./Component-2bb239f8.js');
|
|
26
26
|
|
|
27
27
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
28
28
|
|
|
@@ -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 };
|
|
@@ -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('../../utils.js');
|
|
@@ -11,7 +11,7 @@ require('@juggle/resize-observer');
|
|
|
11
11
|
require('@alfalab/core-components-popover');
|
|
12
12
|
require('downshift');
|
|
13
13
|
require('../native-select/Component.js');
|
|
14
|
-
var components_baseSelect_Component = require('../../Component-
|
|
14
|
+
var components_baseSelect_Component = require('../../Component-2bb239f8.js');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-2bb239f8";
|
|
@@ -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('../../utils.js');
|
|
@@ -11,7 +11,7 @@ require('@juggle/resize-observer');
|
|
|
11
11
|
require('@alfalab/core-components-popover');
|
|
12
12
|
require('downshift');
|
|
13
13
|
require('../native-select/Component.js');
|
|
14
|
-
var components_baseSelect_Component = require('../../Component-
|
|
14
|
+
var components_baseSelect_Component = require('../../Component-2bb239f8.js');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
@@ -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('./options-list/Component.js');
|
|
32
32
|
require('./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('./options-list/Component.js');
|
|
32
32
|
require('./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 utils = require('../../../utils.js');
|
|
@@ -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');
|
package/components/index.js
CHANGED
|
@@ -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
|
-
var components_baseSelect_Component = require('../Component-
|
|
25
|
+
var components_baseSelect_Component = 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,11 +30,11 @@ 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
|
var components_virtualOptionsList_Component = require('./virtual-options-list/Component.js');
|
|
36
36
|
require('@alfalab/core-components-skeleton');
|
|
37
|
-
require('../intersection-observer-
|
|
37
|
+
require('../intersection-observer-a9727b1b.js');
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
@@ -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('../../utils.js');
|
|
8
8
|
var components_nativeSelect_Component = require('./Component.js');
|
|
@@ -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
|
require('@alfalab/core-components-checkbox');
|
|
@@ -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');
|
|
@@ -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";
|