@cleartrip/ct-design-tabs 1.1.1 → 1.2.0-beta.0
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/dist/StyledCounter/StyledCounter.d.ts +2 -7
- package/dist/StyledCounter/index.d.ts +1 -1
- package/dist/StyledCounter/style.d.ts +4 -7
- package/dist/StyledCounter/style.d.ts.map +1 -1
- package/dist/StyledCounter/type.d.ts +2 -2
- package/dist/StyledCounter/type.d.ts.map +1 -1
- package/dist/TabItem/TabItem.d.ts +9 -16
- package/dist/TabItem/TabItem.d.ts.map +1 -1
- package/dist/TabItem/index.d.ts +1 -1
- package/dist/TabItem/type.d.ts +17 -15
- package/dist/TabItem/type.d.ts.map +1 -1
- package/dist/Tabs.d.ts +1 -1
- package/dist/Tabs.d.ts.map +1 -1
- package/dist/ct-design-tabs.browser.cjs.js +1 -231
- package/dist/ct-design-tabs.browser.cjs.js.map +1 -1
- package/dist/ct-design-tabs.browser.esm.js +1 -216
- package/dist/ct-design-tabs.browser.esm.js.map +1 -1
- package/dist/ct-design-tabs.cjs.js +98 -250
- package/dist/ct-design-tabs.cjs.js.map +1 -1
- package/dist/ct-design-tabs.esm.js +94 -238
- package/dist/ct-design-tabs.esm.js.map +1 -1
- package/dist/ct-design-tabs.umd.js +160 -363
- package/dist/ct-design-tabs.umd.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/stats.html +4835 -6300
- package/dist/style.d.ts +2 -8
- package/dist/type.d.ts +25 -18
- package/dist/type.d.ts.map +1 -1
- package/dist/useEventCallback.d.ts +2 -4
- package/dist/useEventCallback.d.ts.map +1 -1
- package/package.json +9 -11
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
import { StyledCounterProps } from './type';
|
|
2
|
-
declare const StyledCounter: import(
|
|
3
|
-
'div',
|
|
4
|
-
import('styled-components').DefaultTheme,
|
|
5
|
-
StyledCounterProps,
|
|
6
|
-
never
|
|
7
|
-
>;
|
|
2
|
+
declare const StyledCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCounterProps, never>;
|
|
8
3
|
export default StyledCounter;
|
|
9
|
-
//# sourceMappingURL=StyledCounter.d.ts.map
|
|
4
|
+
//# sourceMappingURL=StyledCounter.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as StyledCounter } from './StyledCounter';
|
|
2
|
-
//# sourceMappingURL=index.d.ts.map
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { CSSObject } from 'styled-components';
|
|
2
|
-
import { Theme } from '
|
|
2
|
+
import { Theme } from '@cleartrip/ct-design-theme';
|
|
3
3
|
import { StyledCounterProps } from './type';
|
|
4
|
-
export declare const getStyledCounterStyles: ({
|
|
5
|
-
|
|
6
|
-
theme,
|
|
7
|
-
}: StyledCounterProps & {
|
|
8
|
-
theme: Theme;
|
|
4
|
+
export declare const getStyledCounterStyles: ({ backgroundColor, theme, }: StyledCounterProps & {
|
|
5
|
+
theme: Theme;
|
|
9
6
|
}) => CSSObject;
|
|
10
|
-
//# sourceMappingURL=style.d.ts.map
|
|
7
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;WAGF,KAAK;MAAK,SAU1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -1,26 +1,19 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
|
|
3
3
|
import { TabItemProps } from './type';
|
|
4
|
+
import { Theme } from '@cleartrip/ct-design-theme';
|
|
4
5
|
import { TabProps } from '../type';
|
|
5
|
-
import { Theme } from '@cleartrip/ct-design-tokens';
|
|
6
6
|
import { TypographyVariant } from '@cleartrip/ct-design-typography';
|
|
7
7
|
type PolymorphicTabItem = ForwardRefComponentWithStyle<'button', TabItemProps>;
|
|
8
|
-
export declare const getLabelVariant: ({
|
|
9
|
-
|
|
10
|
-
}: {
|
|
11
|
-
size: TabProps['tabSize'];
|
|
8
|
+
export declare const getLabelVariant: ({ size }: {
|
|
9
|
+
size: TabProps['tabSize'];
|
|
12
10
|
}) => TypographyVariant.B1 | TypographyVariant.B2;
|
|
13
|
-
export declare const getTabLabelColor: ({
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}: {
|
|
19
|
-
selected: boolean;
|
|
20
|
-
theme: Theme;
|
|
21
|
-
focusColor: CSSProperties['color'];
|
|
22
|
-
color: CSSProperties['color'];
|
|
11
|
+
export declare const getTabLabelColor: ({ selected, theme, focusColor, color, }: {
|
|
12
|
+
selected: boolean;
|
|
13
|
+
theme: Theme;
|
|
14
|
+
focusColor: CSSProperties['color'];
|
|
15
|
+
color: CSSProperties['color'];
|
|
23
16
|
}) => string;
|
|
24
17
|
declare const TabItem: PolymorphicTabItem;
|
|
25
18
|
export default TabItem;
|
|
26
|
-
//# sourceMappingURL=TabItem.d.ts.map
|
|
19
|
+
//# sourceMappingURL=TabItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAY,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAc,MAAM,iCAAiC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,4BAA4B,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAS/E,eAAO,MAAM,eAAe;UAAsB,QAAQ,CAAC,SAAS,CAAC;iDAepE,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAMjB,OAAO;WACV,KAAK;gBACA,aAAa,CAAC,OAAO,CAAC;WAC3B,aAAa,CAAC,OAAO,CAAC;YAO9B,CAAC;AAEF,QAAA,MAAM,OAAO,oBAkDW,CAAC;AAEzB,eAAe,OAAO,CAAC"}
|
package/dist/TabItem/index.d.ts
CHANGED
package/dist/TabItem/type.d.ts
CHANGED
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { HtmlCompositeAttributes, MakeAllPartialExcluding, containerCSS } from '
|
|
2
|
+
import { HtmlCompositeAttributes, MakeAllPartialExcluding, TabItemStyleConfigProps, containerCSS } from '@cleartrip/ct-design-types';
|
|
3
3
|
import { TabProps } from '../type';
|
|
4
4
|
interface TabItemCSS extends containerCSS {
|
|
5
|
-
|
|
5
|
+
label: CSSProperties;
|
|
6
6
|
}
|
|
7
7
|
export type TabItemType = MakeAllPartialExcluding<OwnTabItemProps, 'tabKey'>;
|
|
8
8
|
export interface OwnTabItemProps {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
tabKey: string | number;
|
|
10
|
+
tabIndex?: number;
|
|
11
|
+
selected?: boolean;
|
|
12
|
+
onClick: (e: MouseEvent, tabItem: TabItemType) => void;
|
|
13
|
+
label?: ReactNode;
|
|
14
|
+
icon?: ReactNode;
|
|
15
|
+
showLabelOnly?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
size?: TabProps['tabSize'];
|
|
18
|
+
focusColor?: CSSProperties['color'];
|
|
19
|
+
tabItemCSS?: TabItemCSS;
|
|
20
|
+
styleConfig?: TabItemStyleConfigProps;
|
|
21
|
+
}
|
|
22
|
+
export interface TabItemProps extends HtmlCompositeAttributes<OwnTabItemProps, 'Div'>, OwnTabItemProps {
|
|
20
23
|
}
|
|
21
|
-
export interface TabItemProps extends HtmlCompositeAttributes<OwnTabItemProps, 'Div'>, OwnTabItemProps {}
|
|
22
24
|
export {};
|
|
23
|
-
//# sourceMappingURL=type.d.ts.map
|
|
25
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACrI,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,UAAW,SAAQ,YAAY;IAIxC,KAAK,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAC7E,MAAM,WAAW,eAAe;IAI/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAI3B,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAIpC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,MAAM,WAAW,YAAa,SAAQ,uBAAuB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,eAAe;CAAG"}
|
package/dist/Tabs.d.ts
CHANGED
package/dist/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../packages/components/Tabs/src/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBlC,KAAK,cAAc,GAAG,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../packages/components/Tabs/src/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBlC,KAAK,cAAc,GAAG,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAuBpE,QAAA,MAAM,GAAG,gBAgGU,CAAC;AAEpB,eAAe,GAAG,CAAC"}
|
|
@@ -1,232 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var e = require('tslib'),
|
|
3
|
-
t = require('react/jsx-runtime'),
|
|
4
|
-
r = require('styled-components'),
|
|
5
|
-
i = require('react'),
|
|
6
|
-
o = require('@cleartrip/ct-design-button'),
|
|
7
|
-
n = require('@cleartrip/ct-design-use-theme'),
|
|
8
|
-
l = require('@cleartrip/ct-design-typography'),
|
|
9
|
-
s = require('@cleartrip/ct-design-use-merge-refs'),
|
|
10
|
-
a = require('@cleartrip/ct-design-use-props-state');
|
|
11
|
-
function c(e) {
|
|
12
|
-
return e && e.__esModule ? e : { default: e };
|
|
13
|
-
}
|
|
14
|
-
var d = c(r),
|
|
15
|
-
u = c(n),
|
|
16
|
-
f = c(s),
|
|
17
|
-
h = c(a),
|
|
18
|
-
b = function (e) {
|
|
19
|
-
switch (e.size) {
|
|
20
|
-
case 'small':
|
|
21
|
-
default:
|
|
22
|
-
return l.TypographyVariant.B2;
|
|
23
|
-
case 'medium':
|
|
24
|
-
case 'large':
|
|
25
|
-
return l.TypographyVariant.B1;
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
g = function (e) {
|
|
29
|
-
var t = e.selected,
|
|
30
|
-
r = e.theme,
|
|
31
|
-
i = e.focusColor,
|
|
32
|
-
o = e.color;
|
|
33
|
-
return t ? i || o || r.color.tab.selectedPrimaryLabel : o || r.color.tab.nonSelectedPrimaryLabel;
|
|
34
|
-
},
|
|
35
|
-
_ = i.forwardRef(function (r) {
|
|
36
|
-
var n = r.tabKey,
|
|
37
|
-
s = r.onClick,
|
|
38
|
-
a = r.tabIndex,
|
|
39
|
-
c = r.selected,
|
|
40
|
-
d = void 0 !== c && c,
|
|
41
|
-
f = r.label,
|
|
42
|
-
h = r.disabled,
|
|
43
|
-
_ = r.size,
|
|
44
|
-
m = r.tabItemCSS,
|
|
45
|
-
v = void 0 === m ? { label: {}, Root: {} } : m,
|
|
46
|
-
p = r.css,
|
|
47
|
-
C = r.focusColor,
|
|
48
|
-
w = r.children,
|
|
49
|
-
x = u.default(),
|
|
50
|
-
y = (function (t) {
|
|
51
|
-
t.theme;
|
|
52
|
-
var r = e.__rest(t, ['theme']);
|
|
53
|
-
return e.__assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, r);
|
|
54
|
-
})(e.__assign(e.__assign({ theme: x }, p), null == v ? void 0 : v.Root)),
|
|
55
|
-
S = i.useCallback(
|
|
56
|
-
function (e) {
|
|
57
|
-
h || s(e, r);
|
|
58
|
-
},
|
|
59
|
-
[n, s]
|
|
60
|
-
),
|
|
61
|
-
I = v.label,
|
|
62
|
-
z = I.color;
|
|
63
|
-
return (
|
|
64
|
-
e.__rest(I, ['color']),
|
|
65
|
-
t.jsx(
|
|
66
|
-
o.Button,
|
|
67
|
-
e.__assign(
|
|
68
|
-
{ disabled: h, css: y, onClick: S, tabIndex: a },
|
|
69
|
-
{
|
|
70
|
-
children: f
|
|
71
|
-
? t.jsx(
|
|
72
|
-
l.Typography,
|
|
73
|
-
e.__assign(
|
|
74
|
-
{
|
|
75
|
-
variant: b({ size: _ }),
|
|
76
|
-
colorCode: g({ selected: d, theme: x, focusColor: C, color: z }),
|
|
77
|
-
},
|
|
78
|
-
{ children: f }
|
|
79
|
-
)
|
|
80
|
-
)
|
|
81
|
-
: w,
|
|
82
|
-
}
|
|
83
|
-
)
|
|
84
|
-
)
|
|
85
|
-
);
|
|
86
|
-
}),
|
|
87
|
-
m = d.default.div(function (t) {
|
|
88
|
-
var r = t.css,
|
|
89
|
-
i = t.theme,
|
|
90
|
-
o = t.isHorizontal,
|
|
91
|
-
n = void 0 === o || o,
|
|
92
|
-
l = t.width,
|
|
93
|
-
s = t.height;
|
|
94
|
-
return (function (t) {
|
|
95
|
-
var r = t.theme,
|
|
96
|
-
i = t.isHorizontal,
|
|
97
|
-
o = t.width,
|
|
98
|
-
n = t.height,
|
|
99
|
-
l = e.__rest(t, ['theme', 'isHorizontal', 'width', 'height']);
|
|
100
|
-
return e.__assign(
|
|
101
|
-
{
|
|
102
|
-
display: 'flex',
|
|
103
|
-
flexDirection: i ? 'row' : 'column',
|
|
104
|
-
width: o || i ? '100%' : '',
|
|
105
|
-
height: n || !i ? '100%' : '',
|
|
106
|
-
justifyContent: 'space-between',
|
|
107
|
-
borderBottomWidth: r.border.width.sm,
|
|
108
|
-
borderColor: r.color.border.default,
|
|
109
|
-
borderBottomStyle: r.border.style.solid,
|
|
110
|
-
cursor: 'pointer',
|
|
111
|
-
position: 'relative',
|
|
112
|
-
},
|
|
113
|
-
l
|
|
114
|
-
);
|
|
115
|
-
})(e.__assign({ theme: i, isHorizontal: n, width: l, height: s }, r));
|
|
116
|
-
}),
|
|
117
|
-
v = d.default.div(function (e) {
|
|
118
|
-
return e.theme, { display: 'flex', flexDirection: 'row' };
|
|
119
|
-
}),
|
|
120
|
-
p = d.default.div(function (e) {
|
|
121
|
-
var t = e.theme,
|
|
122
|
-
r = e.width,
|
|
123
|
-
i = e.left;
|
|
124
|
-
return {
|
|
125
|
-
position: 'absolute',
|
|
126
|
-
height: '2px',
|
|
127
|
-
bottom: 0,
|
|
128
|
-
transition: 'all ease-in 0.3s',
|
|
129
|
-
backgroundColor: e.color || t.color.background.primary,
|
|
130
|
-
width: r,
|
|
131
|
-
left: i,
|
|
132
|
-
};
|
|
133
|
-
}),
|
|
134
|
-
C = i.forwardRef(function (o, n) {
|
|
135
|
-
o.children;
|
|
136
|
-
var l = o.tabList,
|
|
137
|
-
s = o.selectedTabIndex,
|
|
138
|
-
a = void 0 === s ? 0 : s,
|
|
139
|
-
c = o.onClick,
|
|
140
|
-
d = o.isHorizontal,
|
|
141
|
-
u = void 0 === d || d,
|
|
142
|
-
b = o.css,
|
|
143
|
-
g = o.tabCSS,
|
|
144
|
-
C = o.focusColor,
|
|
145
|
-
w = e.__rest(o, [
|
|
146
|
-
'children',
|
|
147
|
-
'tabList',
|
|
148
|
-
'selectedTabIndex',
|
|
149
|
-
'onClick',
|
|
150
|
-
'isHorizontal',
|
|
151
|
-
'css',
|
|
152
|
-
'tabCSS',
|
|
153
|
-
'focusColor',
|
|
154
|
-
]),
|
|
155
|
-
x = r.useTheme(),
|
|
156
|
-
y = (function () {
|
|
157
|
-
var e = i.useState(!1),
|
|
158
|
-
t = e[0],
|
|
159
|
-
r = e[1];
|
|
160
|
-
return (
|
|
161
|
-
i.useEffect(function () {
|
|
162
|
-
r(!0);
|
|
163
|
-
}, []),
|
|
164
|
-
t
|
|
165
|
-
);
|
|
166
|
-
})(),
|
|
167
|
-
S = h.default(a),
|
|
168
|
-
I = S[0],
|
|
169
|
-
z = S[1],
|
|
170
|
-
R = i.useState({ width: 0, left: 0 }),
|
|
171
|
-
k = R[0],
|
|
172
|
-
q = R[1],
|
|
173
|
-
T = i.useRef(null),
|
|
174
|
-
j = i.useRef(null),
|
|
175
|
-
B = f.default(i.forwardRef, j);
|
|
176
|
-
i.useEffect(
|
|
177
|
-
function () {
|
|
178
|
-
!(function () {
|
|
179
|
-
var e, t;
|
|
180
|
-
if (T.current && void 0 !== I) {
|
|
181
|
-
var r = T.current.children[I],
|
|
182
|
-
i = r ? r.getBoundingClientRect() : { left: 0, width: 0 },
|
|
183
|
-
o = null === (e = j.current) || void 0 === e ? void 0 : e.getBoundingClientRect(),
|
|
184
|
-
n = {
|
|
185
|
-
scrollLeft: (null === (t = j.current) || void 0 === t ? void 0 : t.scrollLeft) || 0,
|
|
186
|
-
left: (null == o ? void 0 : o.left) || 0,
|
|
187
|
-
},
|
|
188
|
-
l = n.scrollLeft,
|
|
189
|
-
s = { left: i.left - n.left + l, width: i.width },
|
|
190
|
-
a = Math.abs(k.left - s.left),
|
|
191
|
-
c = Math.abs(k.width - s.width);
|
|
192
|
-
(a >= 1 || c >= 1) && q(s);
|
|
193
|
-
}
|
|
194
|
-
})();
|
|
195
|
-
},
|
|
196
|
-
[I]
|
|
197
|
-
);
|
|
198
|
-
var H = function (e, t) {
|
|
199
|
-
z(t.tabIndex || 0), c && c(e, t);
|
|
200
|
-
},
|
|
201
|
-
L = l.map(function (e, r) {
|
|
202
|
-
return t.jsx(
|
|
203
|
-
_,
|
|
204
|
-
{
|
|
205
|
-
selected: r === I,
|
|
206
|
-
tabIndex: r,
|
|
207
|
-
tabKey: r,
|
|
208
|
-
onClick: H,
|
|
209
|
-
label: e.label,
|
|
210
|
-
tabItemCSS: null == g ? void 0 : g.TabItemCSS,
|
|
211
|
-
focusColor: C,
|
|
212
|
-
},
|
|
213
|
-
r
|
|
214
|
-
);
|
|
215
|
-
}),
|
|
216
|
-
M = e.__assign(e.__assign({}, k), null == g ? void 0 : g.IndicatorCSS);
|
|
217
|
-
return t.jsxs(
|
|
218
|
-
m,
|
|
219
|
-
e.__assign(
|
|
220
|
-
{ ref: B, theme: x, isHorizontal: u, css: e.__assign(e.__assign({}, b), null == g ? void 0 : g.Root) },
|
|
221
|
-
w,
|
|
222
|
-
{
|
|
223
|
-
children: [
|
|
224
|
-
t.jsx(v, e.__assign({ ref: T }, { children: L })),
|
|
225
|
-
y && t.jsx(p, e.__assign({ color: C }, M)),
|
|
226
|
-
],
|
|
227
|
-
}
|
|
228
|
-
)
|
|
229
|
-
);
|
|
230
|
-
});
|
|
231
|
-
(exports.TabItem = _), (exports.Tabs = C);
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("styled-components"),o=require("react"),i=require("@cleartrip/ct-design-button"),s=require("@cleartrip/ct-design-theme"),l=require("@cleartrip/ct-design-typography"),n=require("@cleartrip/ct-design-use-merge-refs"),a=require("@cleartrip/ct-design-use-prop-state");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(r),u=c(n),f=c(a),h=function(e){switch(e.size){case"small":default:return l.TypographyVariant.B2;case"medium":case"large":return l.TypographyVariant.B1}},b=function(e){var t=e.selected,r=e.theme,o=e.focusColor,i=e.color;return t?o||i||r.color.tab.selectedPrimaryLabel:i||r.color.tab.nonSelectedPrimaryLabel},g=o.forwardRef((function(r){var n=r.tabKey,a=r.onClick,c=r.tabIndex,d=r.selected,u=void 0!==d&&d,f=r.label,g=r.disabled,v=r.size,m=r.tabItemCSS,_=void 0===m?{label:{},Root:{}}:m,C=r.css,p=r.focusColor,y=r.children,w=r.styleConfig,x=void 0===w?{}:w,S=s.useTheme(),I=x.labelTypography,T=x.root,z=function(t){t.theme;var r=e.__rest(t,["theme"]);return e.__assign({backgroundColor:"transparent",outline:0,border:0},r)}(e.__assign(e.__assign({theme:S},C),(null==T?void 0:T.css)||(null==_?void 0:_.Root))),R=o.useCallback((function(e){g||a(e,r)}),[n,a]),k=_.label,q=k.color;return e.__rest(k,["color"]),t.jsx(i.Button,e.__assign({disabled:g,css:z,onClick:R,tabIndex:c,className:null==T?void 0:T.className},{children:f?t.jsx(l.Typography,e.__assign({variant:h({size:v}),colorCode:b({selected:u,theme:S,focusColor:p,color:q}),styleConfig:I},{children:f})):y}))})),v=d.default.div((function(t){var r=t.css,o=t.theme,i=t.isHorizontal,s=void 0===i||i,l=t.width,n=t.height;return function(t){var r=t.theme,o=t.isHorizontal,i=t.width,s=t.height,l=e.__rest(t,["theme","isHorizontal","width","height"]);return e.__assign({display:"flex",flexDirection:o?"row":"column",width:i||o?"100%":"",height:s||!o?"100%":"",justifyContent:"space-between",borderBottomWidth:r.border.width.sm,borderColor:r.color.border.default,borderBottomStyle:r.border.style.solid,cursor:"pointer",position:"relative"},l)}(e.__assign({theme:o,isHorizontal:s,width:l,height:n},r))})),m=d.default.div((function(t){t.theme;var r=t.css,o=void 0===r?{}:r;return e.__assign({display:"flex",flexDirection:"row"},o)})),_=d.default.div((function(t){var r=t.theme,o=t.width,i=t.left,s=t.color,l=t.css,n=void 0===l?{}:l;return e.__assign({position:"absolute",height:"2px",bottom:0,transition:"all ease-in 0.3s",backgroundColor:s||r.color.background.primary,width:o,left:i},n)})),C=o.forwardRef((function(i,s){i.children;var l=i.tabList,n=i.selectedTabIndex,a=void 0===n?0:n,c=i.onClick,d=i.isHorizontal,h=void 0===d||d,b=i.css,C=i.tabCSS,p=i.focusColor,y=i.styleConfig,w=void 0===y?{}:y,x=e.__rest(i,["children","tabList","selectedTabIndex","onClick","isHorizontal","css","tabCSS","focusColor","styleConfig"]),S=r.useTheme(),I=w.indicator,T=w.listItemContainer,z=w.root,R=w.tabItem,k=function(){var e=o.useState(!1),t=e[0],r=e[1];return o.useEffect((function(){r(!0)}),[]),t}(),q=f.default(a),j=q[0],B=q[1],H=o.useState({width:0,left:0}),L=H[0],N=H[1],M=o.useRef(null),D=o.useRef(null),E=u.default(o.forwardRef,D);o.useEffect((function(){!function(){var e,t;if(M.current&&void 0!==j){var r=M.current.children[j],o=r?r.getBoundingClientRect():{left:0,width:0},i=null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect(),s={scrollLeft:(null===(t=D.current)||void 0===t?void 0:t.scrollLeft)||0,left:(null==i?void 0:i.left)||0},l=s.scrollLeft,n={left:o.left-s.left+l,width:o.width},a=Math.abs(L.left-n.left),c=Math.abs(L.width-n.width);(a>=1||c>=1)&&N(n)}}()}),[j]);var K=function(e,t){B(t.tabIndex||0),c&&c(e,t)},P=l.map((function(e,r){return t.jsx(g,{selected:r===j,tabIndex:r,tabKey:r,onClick:K,label:e.label,tabItemCSS:null==C?void 0:C.TabItemCSS,focusColor:p,styleConfig:R},r)})),V=e.__assign(e.__assign({},L),null==C?void 0:C.IndicatorCSS);return t.jsxs(v,e.__assign({ref:E,theme:S,isHorizontal:h,css:(null==z?void 0:z.css)||e.__assign(e.__assign({},b),null==C?void 0:C.Root)},x,{children:[t.jsx(m,e.__assign({ref:M,className:null==T?void 0:T.className,css:null==T?void 0:T.css},{children:P})),k&&t.jsx(_,e.__assign({color:p},V,{className:null==I?void 0:I.className,css:null==I?void 0:I.css}))]}))}));exports.TabItem=g,exports.Tabs=C;
|
|
232
2
|
//# sourceMappingURL=ct-design-tabs.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-tabs.browser.cjs.js","sources":["../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx","../packages/components/Tabs/src/style.ts"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","useTheme","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","
|
|
1
|
+
{"version":3,"file":"ct-design-tabs.browser.cjs.js","sources":["../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx","../packages/components/Tabs/src/style.ts"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","_c","styleConfig","useTheme","labelTypography","root","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","_d","_jsx","Button","className","Typography","variant","colorCode","StyledTab","styled","default","div","isHorizontal","width","height","display","flexDirection","justifyContent","borderBottomWidth","sm","borderColor","borderBottomStyle","style","solid","cursor","position","getTabStyles","StyledFlexContainer","Indicator","left","bottom","transition","background","primary","Tab","forwardedRef","tabList","selectedTabIndex","tabCSS","indicator","listItemContainer","tabItem","isMounted","useState","setIsMounted","useEffect","useMounted","_e","usePropState","selectedIndex","setSelectedIndex","_f","indicatorStyle","setIndicatorStyle","listRef","useRef","tabsRef","handleRef","useMergeRefs","current","undefined","tabMeta","getBoundingClientRect","rect","tabsMeta","scrollLeft","correction","newIndicatorStyle","dStart","Math","abs","dSize","updateIndicatorState","e","tabItemList","map","item","index","TabItemCSS","indicatorStyles","IndicatorCSS","_jsxs","ref"],"mappings":"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"}
|