@alfalab/core-components-tabs 7.3.7 → 7.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component-7ca84eff.d.ts +5 -0
- package/Component-ebda875c.d.ts +2 -0
- package/Component.mobile-e81c389f.d.ts +38 -0
- 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 +29 -29
- package/components/primary-tablist/mobile.css +32 -32
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +5 -5
- 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.desktop.js +2 -2
- package/components/tabs/Component.mobile.js +2 -2
- package/components/tabs/Component.responsive.js +2 -2
- package/cssm/Component-7ca84eff.d.ts +5 -0
- package/cssm/Component-ebda875c.d.ts +2 -0
- package/cssm/Component.mobile-e81c389f.d.ts +38 -0
- package/cssm/index-7ca84eff.d.ts +9 -0
- package/cssm/index-e81c389f.d.ts +141 -0
- package/desktop.js +2 -2
- package/esm/Component-7ca84eff.d.ts +5 -0
- package/esm/Component-ebda875c.d.ts +2 -0
- package/esm/Component.mobile-e81c389f.d.ts +38 -0
- 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 +29 -29
- package/esm/components/primary-tablist/mobile.css +32 -32
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +5 -5
- 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.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.js +2 -2
- package/esm/index-7ca84eff.d.ts +9 -0
- package/esm/index-e81c389f.d.ts +141 -0
- package/esm/index.js +2 -2
- package/esm/index.module-b06e730b.js +4 -0
- package/esm/index.module-ea1e031b.js +4 -0
- package/esm/mobile.js +2 -2
- package/esm/responsive.js +2 -2
- package/index-7ca84eff.d.ts +9 -0
- package/index-e81c389f.d.ts +141 -0
- package/index.js +2 -2
- package/index.module-9aac8027.js +6 -0
- package/index.module-dde2566f.js +6 -0
- package/mobile.js +2 -2
- package/modern/Component-7ca84eff.d.ts +5 -0
- package/modern/Component-ebda875c.d.ts +2 -0
- package/modern/Component.mobile-e81c389f.d.ts +38 -0
- 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 +29 -29
- package/modern/components/primary-tablist/mobile.css +32 -32
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +5 -5
- 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.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.js +2 -2
- package/modern/index-7ca84eff.d.ts +9 -0
- package/modern/index-e81c389f.d.ts +141 -0
- package/modern/index.js +2 -2
- package/modern/index.module-1428a125.js +4 -0
- package/modern/index.module-1e6e4859.js +4 -0
- package/modern/mobile.js +2 -2
- package/modern/responsive.js +2 -2
- package/package.json +2 -2
- package/responsive.js +2 -2
- package/Component-3885b0d7.d.ts +0 -49
- package/Component-3fe0d3e6.d.ts +0 -243
- package/Component-db573794.d.ts +0 -33
- package/cssm/Component-3885b0d7.d.ts +0 -49
- package/cssm/Component-3fe0d3e6.d.ts +0 -243
- package/cssm/Component-db573794.d.ts +0 -33
- package/esm/Component-3885b0d7.d.ts +0 -49
- package/esm/Component-3fe0d3e6.d.ts +0 -243
- package/esm/Component-db573794.d.ts +0 -33
- package/esm/index.module-6526d0f8.js +0 -4
- package/esm/index.module-9fdbc6b1.js +0 -4
- package/index.module-1af5e8ab.js +0 -6
- package/index.module-41c09f8d.js +0 -6
- package/modern/Component-3885b0d7.d.ts +0 -49
- package/modern/Component-3fe0d3e6.d.ts +0 -243
- package/modern/Component-db573794.d.ts +0 -33
- package/modern/index.module-14493370.js +0 -4
- package/modern/index.module-ffb625b2.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: vct4s */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
/* size l */
|
|
43
43
|
|
|
44
44
|
/* size xl */
|
|
45
|
-
} .
|
|
45
|
+
} .tabs__container_de1nh {
|
|
46
46
|
position: relative;
|
|
47
47
|
overflow-x: auto;
|
|
48
48
|
overflow-y: hidden;
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
/* focus-outline fix */
|
|
53
53
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
54
54
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
|
|
55
|
-
} .
|
|
55
|
+
} .tabs__container_de1nh::-webkit-scrollbar {
|
|
56
56
|
display: none;
|
|
57
|
-
} .
|
|
57
|
+
} .tabs__container_de1nh > * {
|
|
58
58
|
flex-shrink: 0;
|
|
59
|
-
} .
|
|
59
|
+
} .tabs__fullWidthScroll_de1nh {
|
|
60
60
|
margin: 0 var(--gap-m-neg);
|
|
61
61
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { SecondaryTabList } from './Component.js';
|
|
4
|
-
import { c as commonStyles } from '../../index.module-
|
|
4
|
+
import { c as commonStyles } from '../../index.module-b06e730b.js';
|
|
5
5
|
import 'classnames';
|
|
6
6
|
import '@alfalab/core-components-tag/esm';
|
|
7
7
|
import '../../hooks/use-tabs.js';
|
|
@@ -2,13 +2,13 @@ import { __assign, __rest } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { SecondaryTabList } from './Component.js';
|
|
5
|
-
import { c as commonStyles } from '../../index.module-
|
|
5
|
+
import { c as commonStyles } from '../../index.module-b06e730b.js';
|
|
6
6
|
import '@alfalab/core-components-tag/esm';
|
|
7
7
|
import '../../hooks/use-tabs.js';
|
|
8
8
|
import '../scrollable-container/Component.js';
|
|
9
9
|
import 'compute-scroll-into-view';
|
|
10
10
|
|
|
11
|
-
var mobileStyles = {"title":"
|
|
11
|
+
var mobileStyles = {"title":"tabs__title_1g837 tabs__title_1ki8z","mobile":"tabs__mobile_1g837"};
|
|
12
12
|
require('./mobile.css')
|
|
13
13
|
|
|
14
14
|
var styles = __assign(__assign({}, commonStyles), mobileStyles);
|
|
@@ -9,7 +9,7 @@ import '@alfalab/core-components-tag/esm';
|
|
|
9
9
|
import '../../hooks/use-tabs.js';
|
|
10
10
|
import '../scrollable-container/Component.js';
|
|
11
11
|
import 'compute-scroll-into-view';
|
|
12
|
-
import '../../index.module-
|
|
12
|
+
import '../../index.module-b06e730b.js';
|
|
13
13
|
|
|
14
14
|
var SecondaryTabListResponsive = function (_a) {
|
|
15
15
|
var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "fullWidthScroll"]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 6s3kr */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
} :root {
|
|
@@ -50,29 +50,29 @@
|
|
|
50
50
|
|
|
51
51
|
/* size xl */
|
|
52
52
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
53
|
-
} .
|
|
53
|
+
} .tabs__component_1ki8z {
|
|
54
54
|
position: relative;
|
|
55
55
|
display: inline-flex;
|
|
56
|
-
} .
|
|
56
|
+
} .tabs__fullWidthScroll_1ki8z {
|
|
57
57
|
margin: 0 var(--gap-m);
|
|
58
|
-
} .
|
|
58
|
+
} .tabs__container_1ki8z {
|
|
59
59
|
overflow: hidden;
|
|
60
60
|
|
|
61
61
|
/* focus-outline fix */
|
|
62
62
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
63
63
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
64
|
-
} .
|
|
64
|
+
} .tabs__title_1ki8z {
|
|
65
65
|
white-space: nowrap;
|
|
66
|
-
} /* sizes */ .
|
|
66
|
+
} /* sizes */ .tabs__xxs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
67
67
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
68
|
-
} .
|
|
68
|
+
} .tabs__xs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
69
69
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
70
|
-
} .
|
|
70
|
+
} .tabs__s_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
71
71
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
72
|
-
} .
|
|
72
|
+
} .tabs__m_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
73
73
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
74
|
-
} .
|
|
74
|
+
} .tabs__l_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
75
75
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
76
|
-
} .
|
|
76
|
+
} .tabs__xl_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
77
77
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
78
78
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1g2cq */
|
|
2
2
|
:root {
|
|
3
3
|
}/* deprecated */:root {
|
|
4
4
|
}:root {
|
|
@@ -51,30 +51,30 @@
|
|
|
51
51
|
|
|
52
52
|
/* size xl */
|
|
53
53
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
54
|
-
}.
|
|
54
|
+
}.tabs__component_1ki8z {
|
|
55
55
|
position: relative;
|
|
56
56
|
display: inline-flex;
|
|
57
|
-
}.
|
|
57
|
+
}.tabs__fullWidthScroll_1ki8z {
|
|
58
58
|
margin: 0 var(--gap-m);
|
|
59
|
-
}.
|
|
59
|
+
}.tabs__container_1ki8z {
|
|
60
60
|
overflow: hidden;
|
|
61
61
|
|
|
62
62
|
/* focus-outline fix */
|
|
63
63
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
64
64
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
65
|
-
}.
|
|
65
|
+
}.tabs__title_1ki8z {
|
|
66
66
|
white-space: nowrap;
|
|
67
|
-
}/* sizes */.
|
|
67
|
+
}/* sizes */.tabs__xxs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
68
68
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
69
|
-
}.
|
|
69
|
+
}.tabs__xs_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
70
70
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
71
|
-
}.
|
|
71
|
+
}.tabs__s_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
72
72
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
73
|
-
}.
|
|
73
|
+
}.tabs__m_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
74
74
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
75
|
-
}.
|
|
75
|
+
}.tabs__l_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
76
76
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
77
|
-
}.
|
|
77
|
+
}.tabs__xl_1ki8z .tabs__title_1ki8z + .tabs__title_1ki8z {
|
|
78
78
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
79
79
|
} :root {
|
|
80
80
|
--color-dark-indigo: #0b1f35;
|
|
@@ -881,7 +881,7 @@
|
|
|
881
881
|
|
|
882
882
|
/* size xl */
|
|
883
883
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
884
|
-
} .
|
|
885
|
-
} .
|
|
884
|
+
} .tabs__title_1g837 {
|
|
885
|
+
} .tabs__mobile_1g837 .tabs__title_1g837 + .tabs__title_1g837 {
|
|
886
886
|
margin-left: var(--secondary-tablist-mobile-gaps);
|
|
887
887
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
var styles = {"component":"
|
|
4
|
+
var styles = {"component":"tabs__component_yzjr9","hidden":"tabs__hidden_yzjr9"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
var Tab = function (_a) {
|
|
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
|
|
|
17
17
|
import '../scrollable-container/Component.js';
|
|
18
18
|
import 'compute-scroll-into-view';
|
|
19
19
|
import '../title/Component.js';
|
|
20
|
-
import '../../index.module-
|
|
20
|
+
import '../../index.module-ea1e031b.js';
|
|
21
21
|
import '../secondary-tablist/Component.js';
|
|
22
22
|
import '@alfalab/core-components-tag/esm';
|
|
23
|
-
import '../../index.module-
|
|
23
|
+
import '../../index.module-b06e730b.js';
|
|
24
24
|
|
|
25
25
|
var views = {
|
|
26
26
|
primary: PrimaryTabListDesktop,
|
|
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
|
|
|
17
17
|
import '../scrollable-container/Component.js';
|
|
18
18
|
import 'compute-scroll-into-view';
|
|
19
19
|
import '../title/Component.js';
|
|
20
|
-
import '../../index.module-
|
|
20
|
+
import '../../index.module-ea1e031b.js';
|
|
21
21
|
import '../secondary-tablist/Component.js';
|
|
22
22
|
import '@alfalab/core-components-tag/esm';
|
|
23
|
-
import '../../index.module-
|
|
23
|
+
import '../../index.module-b06e730b.js';
|
|
24
24
|
|
|
25
25
|
var views = {
|
|
26
26
|
primary: PrimaryTabListMobile,
|
|
@@ -18,12 +18,12 @@ import '../../synthetic-events.js';
|
|
|
18
18
|
import '../scrollable-container/Component.js';
|
|
19
19
|
import 'compute-scroll-into-view';
|
|
20
20
|
import '../title/Component.js';
|
|
21
|
-
import '../../index.module-
|
|
21
|
+
import '../../index.module-ea1e031b.js';
|
|
22
22
|
import '../primary-tablist/Component.mobile.js';
|
|
23
23
|
import '../secondary-tablist/Component.desktop.js';
|
|
24
24
|
import '../secondary-tablist/Component.js';
|
|
25
25
|
import '@alfalab/core-components-tag/esm';
|
|
26
|
-
import '../../index.module-
|
|
26
|
+
import '../../index.module-b06e730b.js';
|
|
27
27
|
import '../secondary-tablist/Component.mobile.js';
|
|
28
28
|
|
|
29
29
|
var views = {
|
package/esm/desktop.js
CHANGED
|
@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
|
|
|
16
16
|
import '@alfalab/hooks';
|
|
17
17
|
import './synthetic-events.js';
|
|
18
18
|
import './components/title/Component.js';
|
|
19
|
-
import './index.module-
|
|
19
|
+
import './index.module-ea1e031b.js';
|
|
20
20
|
import 'compute-scroll-into-view';
|
|
21
21
|
import './components/secondary-tablist/Component.js';
|
|
22
22
|
import '@alfalab/core-components-tag/esm';
|
|
23
|
-
import './index.module-
|
|
23
|
+
import './index.module-b06e730b.js';
|
|
24
24
|
import './components/tabs/Component.js';
|
|
25
25
|
import '@juggle/resize-observer';
|
package/esm/index-7ca84eff.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import React from "react";
|
|
|
4
4
|
import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
|
|
5
5
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
6
6
|
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
7
|
+
import { NavigationBarProps } from "./index-e81c389f";
|
|
7
8
|
import { SwipeableHandlers } from "react-swipeable/types";
|
|
8
9
|
import { BackdropProps } from "./index-ebda875c";
|
|
9
10
|
type BottomSheetTitleAlign = "center" | "left";
|
|
@@ -20,6 +21,14 @@ type BottomSheetProps = {
|
|
|
20
21
|
* Заголовок
|
|
21
22
|
*/
|
|
22
23
|
title?: ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* Размер заголовка
|
|
26
|
+
*/
|
|
27
|
+
titleSize?: NavigationBarProps["titleSize"];
|
|
28
|
+
/**
|
|
29
|
+
* Подзаголовок.
|
|
30
|
+
*/
|
|
31
|
+
subtitle?: NavigationBarProps["subtitle"];
|
|
23
32
|
/**
|
|
24
33
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
34
|
*/
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/* eslint-disable complexity */
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { FC, ReactNode, ButtonHTMLAttributes, ElementType } from "react";
|
|
5
|
+
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Вид компонента
|
|
8
|
+
*/
|
|
9
|
+
view: "desktop" | "mobile";
|
|
10
|
+
/**
|
|
11
|
+
* Дополнительный класс
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Позиция крестика
|
|
16
|
+
*/
|
|
17
|
+
align?: "left" | "right";
|
|
18
|
+
/**
|
|
19
|
+
* Фиксирует крестик
|
|
20
|
+
*/
|
|
21
|
+
sticky?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Иконка
|
|
24
|
+
*/
|
|
25
|
+
icon?: ElementType;
|
|
26
|
+
/**
|
|
27
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
28
|
+
*/
|
|
29
|
+
dataTestId?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Коллбэк закрытия.
|
|
32
|
+
*/
|
|
33
|
+
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
34
|
+
}
|
|
35
|
+
declare const Closer: FC<CloserProps>;
|
|
36
|
+
type NavigationBarProps = {
|
|
37
|
+
/**
|
|
38
|
+
* Контент шапки
|
|
39
|
+
*/
|
|
40
|
+
children?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Заголовок шапки
|
|
43
|
+
*/
|
|
44
|
+
title?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Подзаголовок (доступен только в мобильной версии)
|
|
47
|
+
*/
|
|
48
|
+
subtitle?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Размер заголовка (compact доступен только в мобильной версии)
|
|
51
|
+
*/
|
|
52
|
+
titleSize?: "default" | "compact";
|
|
53
|
+
/**
|
|
54
|
+
* Доп. класс для аддонов
|
|
55
|
+
*/
|
|
56
|
+
addonClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Слот слева
|
|
59
|
+
*/
|
|
60
|
+
leftAddons?: ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Слот справа
|
|
63
|
+
*/
|
|
64
|
+
rightAddons?: ReactNode;
|
|
65
|
+
/**
|
|
66
|
+
* Дополнительный класс для closer
|
|
67
|
+
*/
|
|
68
|
+
closerClassName?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Слот снизу
|
|
71
|
+
*/
|
|
72
|
+
bottomAddons?: ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Наличие компонента крестика
|
|
75
|
+
*/
|
|
76
|
+
hasCloser?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Наличие кнопки "Назад"
|
|
79
|
+
*/
|
|
80
|
+
hasBackButton?: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Дополнительный класс для правого аддона
|
|
83
|
+
*/
|
|
84
|
+
backButtonClassName?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Дополнительный класс
|
|
87
|
+
*/
|
|
88
|
+
className?: string;
|
|
89
|
+
/**
|
|
90
|
+
* Дополнительный класс для контента
|
|
91
|
+
*/
|
|
92
|
+
contentClassName?: string;
|
|
93
|
+
/**
|
|
94
|
+
* Дополнительный класс для нижнего аддона
|
|
95
|
+
*/
|
|
96
|
+
bottomAddonsClassName?: string;
|
|
97
|
+
/**
|
|
98
|
+
* Выравнивание заголовка
|
|
99
|
+
*/
|
|
100
|
+
align?: "left" | "center";
|
|
101
|
+
/**
|
|
102
|
+
* Обрезать ли заголовок
|
|
103
|
+
*/
|
|
104
|
+
trim?: boolean;
|
|
105
|
+
/**
|
|
106
|
+
* Фиксирует шапку
|
|
107
|
+
*/
|
|
108
|
+
sticky?: boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
111
|
+
*/
|
|
112
|
+
dataTestId?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Фоновое изображение
|
|
115
|
+
*/
|
|
116
|
+
imageUrl?: string;
|
|
117
|
+
/**
|
|
118
|
+
* Иконка closer.
|
|
119
|
+
*/
|
|
120
|
+
closerIcon?: React.ElementType;
|
|
121
|
+
/**
|
|
122
|
+
* Обработчик закрытия
|
|
123
|
+
*/
|
|
124
|
+
onClose?: CloserProps["onClose"];
|
|
125
|
+
/**
|
|
126
|
+
* обработчик клика по кнопке "назад"
|
|
127
|
+
*/
|
|
128
|
+
onBack?: () => void;
|
|
129
|
+
/**
|
|
130
|
+
* Вид шапки - мобильный или десктоп
|
|
131
|
+
*/
|
|
132
|
+
view: "desktop" | "mobile";
|
|
133
|
+
/**
|
|
134
|
+
* Ссылка на родительскую ноду overflow: auto
|
|
135
|
+
*/
|
|
136
|
+
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
137
|
+
};
|
|
138
|
+
declare const NavigationBar: FC<NavigationBarProps>;
|
|
139
|
+
export { NavigationBar, CloserProps, Closer };
|
|
140
|
+
export * from "./Component-ebda875c";
|
|
141
|
+
export type { NavigationBarProps };
|
package/esm/index.js
CHANGED
|
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
|
|
|
19
19
|
import './synthetic-events.js';
|
|
20
20
|
import './components/title/Component.js';
|
|
21
21
|
import 'compute-scroll-into-view';
|
|
22
|
-
import './index.module-
|
|
22
|
+
import './index.module-ea1e031b.js';
|
|
23
23
|
import './components/primary-tablist/Component.mobile.js';
|
|
24
24
|
import './components/secondary-tablist/Component.desktop.js';
|
|
25
25
|
import './components/secondary-tablist/Component.js';
|
|
26
26
|
import '@alfalab/core-components-tag/esm';
|
|
27
|
-
import './index.module-
|
|
27
|
+
import './index.module-b06e730b.js';
|
|
28
28
|
import './components/secondary-tablist/Component.mobile.js';
|
|
29
29
|
import './components/tabs/Component.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var commonStyles = {"component":"tabs__component_1ki8z","fullWidthScroll":"tabs__fullWidthScroll_1ki8z","container":"tabs__container_1ki8z","title":"tabs__title_1ki8z","xxs":"tabs__xxs_1ki8z","xs":"tabs__xs_1ki8z","s":"tabs__s_1ki8z","m":"tabs__m_1ki8z","l":"tabs__l_1ki8z","xl":"tabs__xl_1ki8z"};
|
|
2
|
+
require('./components/secondary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var commonStyles = {"component":"tabs__component_k6pe3","fullWidthScroll":"tabs__fullWidthScroll_k6pe3","container":"tabs__container_k6pe3","title":"tabs__title_k6pe3","disabled":"tabs__disabled_k6pe3","focused":"tabs__focused_k6pe3","collapsed":"tabs__collapsed_k6pe3","selected":"tabs__selected_k6pe3","line":"tabs__line_k6pe3","s":"tabs__s_k6pe3","xs":"tabs__xs_k6pe3","xxs":"tabs__xxs_k6pe3","pickerWrapper":"tabs__pickerWrapper_k6pe3","option":"tabs__option_k6pe3","m":"tabs__m_k6pe3","l":"tabs__l_k6pe3","xl":"tabs__xl_k6pe3","rightAddons":"tabs__rightAddons_k6pe3"};
|
|
2
|
+
require('./components/primary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
package/esm/mobile.js
CHANGED
|
@@ -18,8 +18,8 @@ import '@juggle/resize-observer';
|
|
|
18
18
|
import './synthetic-events.js';
|
|
19
19
|
import './components/title/Component.js';
|
|
20
20
|
import 'compute-scroll-into-view';
|
|
21
|
-
import './index.module-
|
|
21
|
+
import './index.module-ea1e031b.js';
|
|
22
22
|
import './components/secondary-tablist/Component.js';
|
|
23
23
|
import '@alfalab/core-components-tag/esm';
|
|
24
|
-
import './index.module-
|
|
24
|
+
import './index.module-b06e730b.js';
|
|
25
25
|
import './components/tabs/Component.js';
|
package/esm/responsive.js
CHANGED
|
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
|
|
|
19
19
|
import './synthetic-events.js';
|
|
20
20
|
import './components/title/Component.js';
|
|
21
21
|
import 'compute-scroll-into-view';
|
|
22
|
-
import './index.module-
|
|
22
|
+
import './index.module-ea1e031b.js';
|
|
23
23
|
import './components/primary-tablist/Component.mobile.js';
|
|
24
24
|
import './components/secondary-tablist/Component.desktop.js';
|
|
25
25
|
import './components/secondary-tablist/Component.js';
|
|
26
26
|
import '@alfalab/core-components-tag/esm';
|
|
27
|
-
import './index.module-
|
|
27
|
+
import './index.module-b06e730b.js';
|
|
28
28
|
import './components/secondary-tablist/Component.mobile.js';
|
|
29
29
|
import './components/tabs/Component.js';
|
package/index-7ca84eff.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import React from "react";
|
|
|
4
4
|
import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
|
|
5
5
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
6
6
|
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
7
|
+
import { NavigationBarProps } from "./index-e81c389f";
|
|
7
8
|
import { SwipeableHandlers } from "react-swipeable/types";
|
|
8
9
|
import { BackdropProps } from "./index-ebda875c";
|
|
9
10
|
type BottomSheetTitleAlign = "center" | "left";
|
|
@@ -20,6 +21,14 @@ type BottomSheetProps = {
|
|
|
20
21
|
* Заголовок
|
|
21
22
|
*/
|
|
22
23
|
title?: ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* Размер заголовка
|
|
26
|
+
*/
|
|
27
|
+
titleSize?: NavigationBarProps["titleSize"];
|
|
28
|
+
/**
|
|
29
|
+
* Подзаголовок.
|
|
30
|
+
*/
|
|
31
|
+
subtitle?: NavigationBarProps["subtitle"];
|
|
23
32
|
/**
|
|
24
33
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
34
|
*/
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/* eslint-disable complexity */
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { FC, ReactNode, ButtonHTMLAttributes, ElementType } from "react";
|
|
5
|
+
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Вид компонента
|
|
8
|
+
*/
|
|
9
|
+
view: "desktop" | "mobile";
|
|
10
|
+
/**
|
|
11
|
+
* Дополнительный класс
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Позиция крестика
|
|
16
|
+
*/
|
|
17
|
+
align?: "left" | "right";
|
|
18
|
+
/**
|
|
19
|
+
* Фиксирует крестик
|
|
20
|
+
*/
|
|
21
|
+
sticky?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Иконка
|
|
24
|
+
*/
|
|
25
|
+
icon?: ElementType;
|
|
26
|
+
/**
|
|
27
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
28
|
+
*/
|
|
29
|
+
dataTestId?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Коллбэк закрытия.
|
|
32
|
+
*/
|
|
33
|
+
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
34
|
+
}
|
|
35
|
+
declare const Closer: FC<CloserProps>;
|
|
36
|
+
type NavigationBarProps = {
|
|
37
|
+
/**
|
|
38
|
+
* Контент шапки
|
|
39
|
+
*/
|
|
40
|
+
children?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Заголовок шапки
|
|
43
|
+
*/
|
|
44
|
+
title?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Подзаголовок (доступен только в мобильной версии)
|
|
47
|
+
*/
|
|
48
|
+
subtitle?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Размер заголовка (compact доступен только в мобильной версии)
|
|
51
|
+
*/
|
|
52
|
+
titleSize?: "default" | "compact";
|
|
53
|
+
/**
|
|
54
|
+
* Доп. класс для аддонов
|
|
55
|
+
*/
|
|
56
|
+
addonClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Слот слева
|
|
59
|
+
*/
|
|
60
|
+
leftAddons?: ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Слот справа
|
|
63
|
+
*/
|
|
64
|
+
rightAddons?: ReactNode;
|
|
65
|
+
/**
|
|
66
|
+
* Дополнительный класс для closer
|
|
67
|
+
*/
|
|
68
|
+
closerClassName?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Слот снизу
|
|
71
|
+
*/
|
|
72
|
+
bottomAddons?: ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Наличие компонента крестика
|
|
75
|
+
*/
|
|
76
|
+
hasCloser?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Наличие кнопки "Назад"
|
|
79
|
+
*/
|
|
80
|
+
hasBackButton?: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Дополнительный класс для правого аддона
|
|
83
|
+
*/
|
|
84
|
+
backButtonClassName?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Дополнительный класс
|
|
87
|
+
*/
|
|
88
|
+
className?: string;
|
|
89
|
+
/**
|
|
90
|
+
* Дополнительный класс для контента
|
|
91
|
+
*/
|
|
92
|
+
contentClassName?: string;
|
|
93
|
+
/**
|
|
94
|
+
* Дополнительный класс для нижнего аддона
|
|
95
|
+
*/
|
|
96
|
+
bottomAddonsClassName?: string;
|
|
97
|
+
/**
|
|
98
|
+
* Выравнивание заголовка
|
|
99
|
+
*/
|
|
100
|
+
align?: "left" | "center";
|
|
101
|
+
/**
|
|
102
|
+
* Обрезать ли заголовок
|
|
103
|
+
*/
|
|
104
|
+
trim?: boolean;
|
|
105
|
+
/**
|
|
106
|
+
* Фиксирует шапку
|
|
107
|
+
*/
|
|
108
|
+
sticky?: boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
111
|
+
*/
|
|
112
|
+
dataTestId?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Фоновое изображение
|
|
115
|
+
*/
|
|
116
|
+
imageUrl?: string;
|
|
117
|
+
/**
|
|
118
|
+
* Иконка closer.
|
|
119
|
+
*/
|
|
120
|
+
closerIcon?: React.ElementType;
|
|
121
|
+
/**
|
|
122
|
+
* Обработчик закрытия
|
|
123
|
+
*/
|
|
124
|
+
onClose?: CloserProps["onClose"];
|
|
125
|
+
/**
|
|
126
|
+
* обработчик клика по кнопке "назад"
|
|
127
|
+
*/
|
|
128
|
+
onBack?: () => void;
|
|
129
|
+
/**
|
|
130
|
+
* Вид шапки - мобильный или десктоп
|
|
131
|
+
*/
|
|
132
|
+
view: "desktop" | "mobile";
|
|
133
|
+
/**
|
|
134
|
+
* Ссылка на родительскую ноду overflow: auto
|
|
135
|
+
*/
|
|
136
|
+
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
137
|
+
};
|
|
138
|
+
declare const NavigationBar: FC<NavigationBarProps>;
|
|
139
|
+
export { NavigationBar, CloserProps, Closer };
|
|
140
|
+
export * from "./Component-ebda875c";
|
|
141
|
+
export type { NavigationBarProps };
|
package/index.js
CHANGED
|
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
|
|
|
21
21
|
require('./synthetic-events.js');
|
|
22
22
|
require('./components/title/Component.js');
|
|
23
23
|
require('compute-scroll-into-view');
|
|
24
|
-
require('./index.module-
|
|
24
|
+
require('./index.module-dde2566f.js');
|
|
25
25
|
require('./components/primary-tablist/Component.mobile.js');
|
|
26
26
|
require('./components/secondary-tablist/Component.desktop.js');
|
|
27
27
|
require('./components/secondary-tablist/Component.js');
|
|
28
28
|
require('@alfalab/core-components-tag');
|
|
29
|
-
require('./index.module-
|
|
29
|
+
require('./index.module-9aac8027.js');
|
|
30
30
|
require('./components/secondary-tablist/Component.mobile.js');
|
|
31
31
|
require('./components/tabs/Component.js');
|
|
32
32
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var commonStyles = {"component":"tabs__component_1ki8z","fullWidthScroll":"tabs__fullWidthScroll_1ki8z","container":"tabs__container_1ki8z","title":"tabs__title_1ki8z","xxs":"tabs__xxs_1ki8z","xs":"tabs__xs_1ki8z","s":"tabs__s_1ki8z","m":"tabs__m_1ki8z","l":"tabs__l_1ki8z","xl":"tabs__xl_1ki8z"};
|
|
4
|
+
require('./components/secondary-tablist/index.css')
|
|
5
|
+
|
|
6
|
+
exports.commonStyles = commonStyles;
|