@alfalab/core-components-tabs 8.1.3 → 8.1.5
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/{modern/Component-dd8ca091.d.ts → Component-0f4b9bed.d.ts} +1 -1
- package/{cssm/Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
- package/Component-8b2c2707.d.ts +1 -1
- package/Component.desktop-0aa4e915.d.ts +5 -0
- package/Component.mobile-16b1285a.d.ts +5 -0
- package/collapsible.js +1 -1
- package/components/primary-tablist/Component.collapsible.js +1 -1
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/Component.responsive.js +1 -1
- package/components/primary-tablist/index.css +30 -31
- package/components/primary-tablist/mobile.css +33 -34
- package/components/scroll-controls/Component.js +1 -1
- package/components/scroll-controls/index.css +14 -14
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +6 -6
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/Component.responsive.js +1 -1
- package/components/secondary-tablist/index.css +11 -11
- package/components/secondary-tablist/mobile.css +13 -13
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/components/tabs/Component.collapsible.js +1 -1
- package/components/tabs/Component.desktop.js +2 -2
- package/components/tabs/Component.mobile.js +2 -2
- package/components/tabs/Component.responsive.js +2 -2
- package/{esm/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
- package/{Component-9211a437.d.ts → cssm/Component-89f0cb07.d.ts} +2 -2
- package/cssm/Component-8b2c2707.d.ts +1 -1
- package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
- package/cssm/Component.mobile-16b1285a.d.ts +5 -0
- package/cssm/components/primary-tablist/index.module.css +0 -1
- package/cssm/desktop-89f0cb07.d.ts +2 -0
- package/cssm/hook-8abfea97.d.ts +8 -8
- package/cssm/hooks/use-collapsible-elements.js +2 -3
- package/cssm/index-8b2c2707.d.ts +2 -2
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-ebda875c.d.ts +21 -86
- package/cssm/mobile-89f0cb07.d.ts +2 -0
- package/cssm/shared-4cd3936b.d.ts +4 -4
- package/cssm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
- package/{esm/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts} +1 -1
- package/desktop-89f0cb07.d.ts +2 -0
- package/desktop.js +2 -2
- package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts} +1 -1
- package/{modern/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts} +2 -2
- package/esm/Component-8b2c2707.d.ts +1 -1
- package/esm/Component.desktop-0aa4e915.d.ts +5 -0
- package/esm/Component.mobile-16b1285a.d.ts +5 -0
- package/esm/Component.mobile-ebda875c.d.ts +6 -0
- package/esm/collapsible.js +1 -1
- package/esm/components/primary-tablist/Component.collapsible.js +1 -1
- package/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/esm/components/primary-tablist/Component.mobile.js +2 -2
- package/esm/components/primary-tablist/Component.responsive.js +1 -1
- package/esm/components/primary-tablist/index.css +30 -31
- package/esm/components/primary-tablist/mobile.css +33 -34
- package/esm/components/scroll-controls/Component.js +1 -1
- package/esm/components/scroll-controls/index.css +14 -14
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +6 -6
- package/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/esm/components/secondary-tablist/Component.mobile.js +2 -2
- package/esm/components/secondary-tablist/Component.responsive.js +1 -1
- package/esm/components/secondary-tablist/index.css +11 -11
- package/esm/components/secondary-tablist/mobile.css +13 -13
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/components/tabs/Component.collapsible.js +1 -1
- package/esm/components/tabs/Component.desktop.js +2 -2
- package/esm/components/tabs/Component.mobile.js +2 -2
- package/esm/components/tabs/Component.responsive.js +2 -2
- package/esm/desktop-89f0cb07.d.ts +2 -0
- package/esm/desktop.js +2 -2
- package/esm/hook-8abfea97.d.ts +8 -8
- package/esm/hooks/use-collapsible-elements.js +2 -3
- package/esm/index-8b2c2707.d.ts +2 -2
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index.js +2 -2
- package/esm/index.module-55063a9a.js +4 -0
- package/esm/index.module-82cf190f.js +4 -0
- package/esm/mobile-89f0cb07.d.ts +2 -0
- package/esm/mobile.js +2 -2
- package/esm/shared-4cd3936b.d.ts +4 -4
- package/esm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{modern/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
- package/{modern/utils-dd8ca091.d.ts → esm/utils-0f4b9bed.d.ts} +1 -1
- package/hook-8abfea97.d.ts +8 -8
- package/hooks/use-collapsible-elements.js +2 -3
- package/index-8b2c2707.d.ts +2 -2
- package/index-c76d6398.d.ts +1 -1
- package/index.js +2 -2
- package/index.module-869888c7.js +6 -0
- package/index.module-d1432e9e.js +6 -0
- package/mobile-89f0cb07.d.ts +2 -0
- package/mobile.js +2 -2
- package/{cssm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
- package/{esm/Component-9211a437.d.ts → modern/Component-89f0cb07.d.ts} +2 -2
- package/modern/Component-8b2c2707.d.ts +1 -1
- package/modern/Component.desktop-0aa4e915.d.ts +5 -0
- package/modern/Component.mobile-16b1285a.d.ts +5 -0
- package/modern/collapsible.js +1 -1
- package/modern/components/primary-tablist/Component.collapsible.js +1 -1
- package/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/modern/components/primary-tablist/Component.mobile.js +2 -2
- package/modern/components/primary-tablist/Component.responsive.js +1 -1
- package/modern/components/primary-tablist/index.css +30 -31
- package/modern/components/primary-tablist/mobile.css +33 -34
- package/modern/components/scroll-controls/Component.js +1 -1
- package/modern/components/scroll-controls/index.css +14 -14
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +6 -6
- package/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/modern/components/secondary-tablist/Component.mobile.js +2 -2
- package/modern/components/secondary-tablist/Component.responsive.js +1 -1
- package/modern/components/secondary-tablist/index.css +11 -11
- package/modern/components/secondary-tablist/mobile.css +13 -13
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/components/tabs/Component.collapsible.js +1 -1
- package/modern/components/tabs/Component.desktop.js +2 -2
- package/modern/components/tabs/Component.mobile.js +2 -2
- package/modern/components/tabs/Component.responsive.js +2 -2
- package/modern/desktop-89f0cb07.d.ts +2 -0
- package/modern/desktop.js +2 -2
- package/modern/hook-8abfea97.d.ts +8 -8
- package/modern/hooks/use-collapsible-elements.js +2 -3
- package/modern/index-8b2c2707.d.ts +2 -2
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index.js +2 -2
- package/modern/index.module-2d531cfb.js +4 -0
- package/modern/index.module-7b0d0808.js +4 -0
- package/modern/mobile-89f0cb07.d.ts +2 -0
- package/modern/mobile.js +2 -2
- package/modern/shared-4cd3936b.d.ts +4 -4
- package/modern/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{cssm/typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
- package/{utils-dd8ca091.d.ts → modern/utils-0f4b9bed.d.ts} +1 -1
- package/package.json +4 -4
- package/shared-4cd3936b.d.ts +4 -4
- package/src/components/primary-tablist/index.module.css +0 -1
- package/src/hooks/use-collapsible-elements.ts +2 -6
- package/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
- package/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/{cssm/utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
- package/Component.desktop-2e2b2125.d.ts +0 -6
- package/Component.mobile-755fbaa3.d.ts +0 -6
- package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
- package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
- package/cssm/desktop-2e2b2125.d.ts +0 -2
- package/cssm/mobile-755fbaa3.d.ts +0 -2
- package/desktop-2e2b2125.d.ts +0 -2
- package/esm/Component.desktop-2e2b2125.d.ts +0 -6
- package/esm/Component.desktop-ebda875c.d.ts +0 -6
- package/esm/Component.mobile-755fbaa3.d.ts +0 -6
- package/esm/desktop-2e2b2125.d.ts +0 -2
- package/esm/index.module-2f7a3bd7.js +0 -4
- package/esm/index.module-8bb1bf99.js +0 -4
- package/esm/mobile-755fbaa3.d.ts +0 -2
- package/index.module-43b6c98c.js +0 -6
- package/index.module-7b796643.js +0 -6
- package/mobile-755fbaa3.d.ts +0 -2
- package/modern/Component.desktop-2e2b2125.d.ts +0 -6
- package/modern/Component.mobile-755fbaa3.d.ts +0 -6
- package/modern/desktop-2e2b2125.d.ts +0 -2
- package/modern/index.module-488b1ce4.js +0 -4
- package/modern/index.module-bf88e596.js +0 -4
- package/modern/mobile-755fbaa3.d.ts +0 -2
- /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
- /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
|
@@ -18,12 +18,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
|
|
|
18
18
|
import '@alfalab/icons-glyph/ChevronRightMIcon';
|
|
19
19
|
import '../scroll-controls/utils.js';
|
|
20
20
|
import '../title/Component.js';
|
|
21
|
-
import '../../index.module-
|
|
21
|
+
import '../../index.module-7b0d0808.js';
|
|
22
22
|
import '../primary-tablist/Component.mobile.js';
|
|
23
23
|
import '../secondary-tablist/Component.desktop.js';
|
|
24
24
|
import '@alfalab/core-components-tag/modern/desktop';
|
|
25
25
|
import '../secondary-tablist/Component.js';
|
|
26
|
-
import '../../index.module-
|
|
26
|
+
import '../../index.module-2d531cfb.js';
|
|
27
27
|
import '../secondary-tablist/Component.mobile.js';
|
|
28
28
|
import '@alfalab/core-components-tag/modern/mobile';
|
|
29
29
|
|
package/modern/desktop.js
CHANGED
|
@@ -17,8 +17,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
|
|
|
17
17
|
import '@alfalab/icons-glyph/ChevronRightMIcon';
|
|
18
18
|
import './components/scroll-controls/utils.js';
|
|
19
19
|
import './components/title/Component.js';
|
|
20
|
-
import './index.module-
|
|
20
|
+
import './index.module-7b0d0808.js';
|
|
21
21
|
import '@alfalab/core-components-tag/modern/desktop';
|
|
22
22
|
import './components/secondary-tablist/Component.js';
|
|
23
|
-
import './index.module-
|
|
23
|
+
import './index.module-2d531cfb.js';
|
|
24
24
|
import './components/tabs/Component.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BaseSelectProps, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
|
|
3
3
|
type UseSelectWithApplyProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Список выбранных пунктов
|
|
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
|
|
|
44
44
|
};
|
|
45
45
|
declare const SELECT_ALL_KEY = "select_all";
|
|
46
46
|
declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
|
|
47
|
-
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-
|
|
47
|
+
OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
|
|
48
48
|
showClear?: boolean | undefined;
|
|
49
49
|
onClose?: (() => void) | undefined; /**
|
|
50
50
|
* Компонент выпадающего меню
|
|
51
51
|
*/
|
|
52
52
|
selectedDraft?: OptionShape[] | undefined;
|
|
53
|
-
OptionsList?: import("react").FC<import("./typings-
|
|
54
|
-
Footer?: import("react").FC<import("./Component-
|
|
53
|
+
OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
54
|
+
Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
|
|
55
55
|
Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
|
|
56
56
|
headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
|
|
57
57
|
showHeaderWithSelectAll?: boolean | undefined;
|
|
58
58
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
59
|
optionsListProps: {
|
|
60
|
-
OptionsList: import("react").FC<import("./typings-
|
|
60
|
+
OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
61
61
|
showClear: boolean;
|
|
62
62
|
onClear: () => void;
|
|
63
63
|
onApply: () => void;
|
|
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
72
72
|
};
|
|
73
73
|
allowUnselect: boolean;
|
|
74
74
|
multiple: boolean;
|
|
75
|
-
options: (OptionShape | import("./typings-
|
|
75
|
+
options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
|
|
76
76
|
key: string;
|
|
77
77
|
content: string;
|
|
78
78
|
})[];
|
|
79
|
-
onChange: (payload: import("./typings-
|
|
79
|
+
onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
|
|
80
80
|
selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
|
|
81
81
|
showSearch: boolean | undefined;
|
|
82
82
|
searchProps: {
|
|
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
86
86
|
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
87
|
} | undefined;
|
|
88
88
|
};
|
|
89
|
-
export * from "./Component-
|
|
89
|
+
export * from "./Component-0f4b9bed";
|
|
90
90
|
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|
|
@@ -34,9 +34,8 @@ const useCollapsibleElements = (selectors, deps = []) => {
|
|
|
34
34
|
collapseElements(inlineSize);
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
|
-
//
|
|
38
|
-
|
|
39
|
-
collapseElements(inlineSize);
|
|
37
|
+
// old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
|
|
38
|
+
collapseElements(entries[0].contentRect.width);
|
|
40
39
|
}
|
|
41
40
|
};
|
|
42
41
|
const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { ButtonProps } from "./typings-
|
|
3
|
+
import { ButtonProps } from "./typings-89f0cb07";
|
|
4
4
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
5
|
export { Button };
|
|
6
|
-
export type { ButtonProps } from "./typings-
|
|
6
|
+
export type { ButtonProps } from "./typings-89f0cb07";
|
|
@@ -136,5 +136,5 @@ type NavigationBarProps = {
|
|
|
136
136
|
};
|
|
137
137
|
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
138
138
|
export { NavigationBar };
|
|
139
|
-
export * from "./Component-
|
|
139
|
+
export * from "./Component-69921c40";
|
|
140
140
|
export type { NavigationBarProps };
|
package/modern/index.js
CHANGED
|
@@ -19,12 +19,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
|
|
|
19
19
|
import '@alfalab/icons-glyph/ChevronRightMIcon';
|
|
20
20
|
import './components/scroll-controls/utils.js';
|
|
21
21
|
import './components/title/Component.js';
|
|
22
|
-
import './index.module-
|
|
22
|
+
import './index.module-7b0d0808.js';
|
|
23
23
|
import './components/primary-tablist/Component.mobile.js';
|
|
24
24
|
import './components/secondary-tablist/Component.desktop.js';
|
|
25
25
|
import '@alfalab/core-components-tag/modern/desktop';
|
|
26
26
|
import './components/secondary-tablist/Component.js';
|
|
27
|
-
import './index.module-
|
|
27
|
+
import './index.module-2d531cfb.js';
|
|
28
28
|
import './components/secondary-tablist/Component.mobile.js';
|
|
29
29
|
import '@alfalab/core-components-tag/modern/mobile';
|
|
30
30
|
import './components/tabs/Component.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const commonStyles = {"component":"tabs__component_o2nwu","fullWidthScroll":"tabs__fullWidthScroll_o2nwu","container":"tabs__container_o2nwu","title":"tabs__title_o2nwu","xxs":"tabs__xxs_o2nwu","xs":"tabs__xs_o2nwu","s":"tabs__s_o2nwu","m":"tabs__m_o2nwu","l":"tabs__l_o2nwu","xl":"tabs__xl_o2nwu"};
|
|
2
|
+
require('./components/secondary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const commonStyles = {"component":"tabs__component_1sfro","fullWidthScroll":"tabs__fullWidthScroll_1sfro","container":"tabs__container_1sfro","title":"tabs__title_1sfro","disabled":"tabs__disabled_1sfro","focused":"tabs__focused_1sfro","collapsed":"tabs__collapsed_1sfro","selected":"tabs__selected_1sfro","line":"tabs__line_1sfro","option":"tabs__option_1sfro","s":"tabs__s_1sfro","xs":"tabs__xs_1sfro","xxs":"tabs__xxs_1sfro","pickerWrapper":"tabs__pickerWrapper_1sfro","m":"tabs__m_1sfro","l":"tabs__l_1sfro","xl":"tabs__xl_1sfro","rightAddons":"tabs__rightAddons_1sfro"};
|
|
2
|
+
require('./components/primary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
package/modern/mobile.js
CHANGED
|
@@ -17,8 +17,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
|
|
|
17
17
|
import '@alfalab/icons-glyph/ChevronRightMIcon';
|
|
18
18
|
import './components/scroll-controls/utils.js';
|
|
19
19
|
import './components/title/Component.js';
|
|
20
|
-
import './index.module-
|
|
20
|
+
import './index.module-7b0d0808.js';
|
|
21
21
|
import '@alfalab/core-components-tag/modern/mobile';
|
|
22
22
|
import './components/secondary-tablist/Component.js';
|
|
23
|
-
import './index.module-
|
|
23
|
+
import './index.module-2d531cfb.js';
|
|
24
24
|
import './components/tabs/Component.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-
|
|
4
|
+
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
|
|
5
5
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
6
6
|
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
7
7
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
@@ -100,8 +100,8 @@ type FooterProps = {
|
|
|
100
100
|
};
|
|
101
101
|
declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
|
|
102
102
|
export * from "./index-ebda875c";
|
|
103
|
-
export * from "./Component-
|
|
103
|
+
export * from "./Component-0f4b9bed";
|
|
104
104
|
export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
|
|
105
105
|
export * from "./hook-8abfea97";
|
|
106
|
-
export * from "./typings-
|
|
107
|
-
export * from "./utils-
|
|
106
|
+
export * from "./typings-0f4b9bed";
|
|
107
|
+
export * from "./utils-0f4b9bed";
|
|
@@ -459,6 +459,10 @@ type OptionsListProps = {
|
|
|
459
459
|
* Обработчик отмены изменений
|
|
460
460
|
*/
|
|
461
461
|
onClear?: () => void;
|
|
462
|
+
/**
|
|
463
|
+
* Указать индекс пункта для hover состояния
|
|
464
|
+
*/
|
|
465
|
+
setHighlightedIndex?: (index: number) => void;
|
|
462
466
|
};
|
|
463
467
|
type OptgroupProps = {
|
|
464
468
|
/**
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
|
|
3
3
|
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
4
|
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
5
|
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-tabs",
|
|
3
|
-
"version": "8.1.
|
|
3
|
+
"version": "8.1.5",
|
|
4
4
|
"description": "Tabs components",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@alfalab/core-components-keyboard-focusable": "^4.1.0",
|
|
46
46
|
"@alfalab/core-components-tag": "^6.0.1",
|
|
47
|
-
"@alfalab/core-components-picker-button": "^11.1.
|
|
47
|
+
"@alfalab/core-components-picker-button": "^11.1.9",
|
|
48
48
|
"@alfalab/core-components-badge": "^5.2.0",
|
|
49
49
|
"@alfalab/core-components-mq": "^4.2.0",
|
|
50
50
|
"@alfalab/hooks": "^1.13.0",
|
|
51
|
-
"@alfalab/core-components-shared": "^0.
|
|
52
|
-
"@alfalab/core-components-icon-button": "^6.3.
|
|
51
|
+
"@alfalab/core-components-shared": "^0.6.0",
|
|
52
|
+
"@alfalab/core-components-icon-button": "^6.3.1",
|
|
53
53
|
"@alfalab/icons-glyph": "^2.108.0",
|
|
54
54
|
"classnames": "^2.3.1",
|
|
55
55
|
"compute-scroll-into-view": "^1.0.20",
|
package/shared-4cd3936b.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
-
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-
|
|
4
|
+
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
|
|
5
5
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
6
6
|
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
7
7
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
@@ -100,8 +100,8 @@ type FooterProps = {
|
|
|
100
100
|
};
|
|
101
101
|
declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
|
|
102
102
|
export * from "./index-ebda875c";
|
|
103
|
-
export * from "./Component-
|
|
103
|
+
export * from "./Component-0f4b9bed";
|
|
104
104
|
export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
|
|
105
105
|
export * from "./hook-8abfea97";
|
|
106
|
-
export * from "./typings-
|
|
107
|
-
export * from "./utils-
|
|
106
|
+
export * from "./typings-0f4b9bed";
|
|
107
|
+
export * from "./utils-0f4b9bed";
|
|
@@ -50,12 +50,8 @@ export const useCollapsibleElements = <
|
|
|
50
50
|
|
|
51
51
|
collapseElements(inlineSize);
|
|
52
52
|
} else {
|
|
53
|
-
//
|
|
54
|
-
|
|
55
|
-
inlineSize: number;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
collapseElements(inlineSize);
|
|
53
|
+
// old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
|
|
54
|
+
collapseElements(entries[0].contentRect.width);
|
|
59
55
|
}
|
|
60
56
|
};
|
|
61
57
|
|
|
@@ -459,6 +459,10 @@ type OptionsListProps = {
|
|
|
459
459
|
* Обработчик отмены изменений
|
|
460
460
|
*/
|
|
461
461
|
onClear?: () => void;
|
|
462
|
+
/**
|
|
463
|
+
* Указать индекс пункта для hover состояния
|
|
464
|
+
*/
|
|
465
|
+
setHighlightedIndex?: (index: number) => void;
|
|
462
466
|
};
|
|
463
467
|
type OptgroupProps = {
|
|
464
468
|
/**
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
|
|
3
3
|
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
4
|
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
5
|
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonMobileProps, ButtonMobile };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonMobileProps, ButtonMobile };
|
package/desktop-2e2b2125.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BaseTagProps } from "./index-ebda875c";
|
|
4
|
-
type TagDesktopProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
|
|
5
|
-
declare const TagDesktop: React.ForwardRefExoticComponent<TagDesktopProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
export { TagDesktopProps, TagDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonMobileProps, ButtonMobile };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
|
|
2
|
-
require('./components/primary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
|
|
2
|
-
require('./components/secondary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
package/esm/mobile-755fbaa3.d.ts
DELETED
package/index.module-43b6c98c.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
|
|
4
|
-
require('./components/primary-tablist/index.css')
|
|
5
|
-
|
|
6
|
-
exports.commonStyles = commonStyles;
|
package/index.module-7b796643.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
|
|
4
|
-
require('./components/secondary-tablist/index.css')
|
|
5
|
-
|
|
6
|
-
exports.commonStyles = commonStyles;
|
package/mobile-755fbaa3.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonMobileProps, ButtonMobile };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const commonStyles = {"component":"tabs__component_1kvbz","fullWidthScroll":"tabs__fullWidthScroll_1kvbz","container":"tabs__container_1kvbz","title":"tabs__title_1kvbz","xxs":"tabs__xxs_1kvbz","xs":"tabs__xs_1kvbz","s":"tabs__s_1kvbz","m":"tabs__m_1kvbz","l":"tabs__l_1kvbz","xl":"tabs__xl_1kvbz"};
|
|
2
|
-
require('./components/secondary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const commonStyles = {"component":"tabs__component_9r6x8","fullWidthScroll":"tabs__fullWidthScroll_9r6x8","container":"tabs__container_9r6x8","title":"tabs__title_9r6x8","disabled":"tabs__disabled_9r6x8","focused":"tabs__focused_9r6x8","collapsed":"tabs__collapsed_9r6x8","selected":"tabs__selected_9r6x8","line":"tabs__line_9r6x8","option":"tabs__option_9r6x8","s":"tabs__s_9r6x8","xs":"tabs__xs_9r6x8","xxs":"tabs__xxs_9r6x8","pickerWrapper":"tabs__pickerWrapper_9r6x8","m":"tabs__m_9r6x8","l":"tabs__l_9r6x8","xl":"tabs__xl_9r6x8","rightAddons":"tabs__rightAddons_9r6x8"};
|
|
2
|
-
require('./components/primary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|