@clayui/tabs 3.89.0 → 3.92.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/lib/List.js +3 -9
- package/lib/index.d.ts +2 -0
- package/lib/index.js +1 -1
- package/package.json +3 -3
- package/src/List.tsx +3 -13
- package/src/__tests__/__snapshots__/index.tsx.snap +2 -2
- package/src/__tests__/index.tsx +3 -3
- package/src/index.tsx +3 -1
package/lib/List.js
CHANGED
|
@@ -38,9 +38,9 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
|
|
|
38
38
|
active = _ref.active,
|
|
39
39
|
children = _ref.children,
|
|
40
40
|
className = _ref.className,
|
|
41
|
-
|
|
41
|
+
_ = _ref.displayType,
|
|
42
42
|
justified = _ref.justified,
|
|
43
|
-
|
|
43
|
+
__ = _ref.modern,
|
|
44
44
|
onActiveChange = _ref.onActiveChange,
|
|
45
45
|
_ref$shouldUseActive = _ref.shouldUseActive,
|
|
46
46
|
shouldUseActive = _ref$shouldUseActive === void 0 ? false : _ref$shouldUseActive,
|
|
@@ -81,14 +81,8 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
|
|
|
81
81
|
}
|
|
82
82
|
}, []);
|
|
83
83
|
return /*#__PURE__*/_react.default.createElement("ul", _extends({}, otherProps, navigationProps, {
|
|
84
|
-
className: (0, _classnames.default)('nav', {
|
|
84
|
+
className: (0, _classnames.default)('nav nav-tabs', {
|
|
85
85
|
'nav-justified': justified
|
|
86
|
-
}, !displayType ? {
|
|
87
|
-
'nav-tabs': !modern,
|
|
88
|
-
'nav-underline': modern
|
|
89
|
-
} : {
|
|
90
|
-
'nav-tabs': displayType === 'basic',
|
|
91
|
-
'nav-underline': displayType === 'underline'
|
|
92
86
|
}, className),
|
|
93
87
|
ref: tabsRef,
|
|
94
88
|
role: "tablist"
|
package/lib/index.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
28
28
|
defaultActive?: number;
|
|
29
29
|
/**
|
|
30
30
|
* Determines how tab is displayed.
|
|
31
|
+
* @deprecated since v3.89.0 with no replacement.
|
|
31
32
|
*/
|
|
32
33
|
displayType?: DisplayType;
|
|
33
34
|
/**
|
|
@@ -41,6 +42,7 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
41
42
|
justified?: boolean;
|
|
42
43
|
/**
|
|
43
44
|
* Applies a modern style to the tab.
|
|
45
|
+
* @deprecated since v3.89.0 with no replacement.
|
|
44
46
|
*/
|
|
45
47
|
modern?: boolean;
|
|
46
48
|
/**
|
package/lib/index.js
CHANGED
|
@@ -54,7 +54,7 @@ function ClayTabs(_ref) {
|
|
|
54
54
|
fade = _ref$fade === void 0 ? false : _ref$fade,
|
|
55
55
|
justified = _ref.justified,
|
|
56
56
|
_ref$modern = _ref.modern,
|
|
57
|
-
modern = _ref$modern === void 0 ?
|
|
57
|
+
modern = _ref$modern === void 0 ? false : _ref$modern,
|
|
58
58
|
onActiveChange = _ref.onActiveChange,
|
|
59
59
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
60
60
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/tabs",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.92.0",
|
|
4
4
|
"description": "ClayTabs component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"react"
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@clayui/shared": "^3.
|
|
29
|
+
"@clayui/shared": "^3.92.0",
|
|
30
30
|
"classnames": "^2.2.6"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"browserslist": [
|
|
38
38
|
"extends browserslist-config-clay"
|
|
39
39
|
],
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "7e52e53506434967cbab92acb124fa31d7080f84"
|
|
41
41
|
}
|
package/src/List.tsx
CHANGED
|
@@ -65,9 +65,9 @@ export const List = React.forwardRef<HTMLUListElement, IProps>(function List(
|
|
|
65
65
|
active,
|
|
66
66
|
children,
|
|
67
67
|
className,
|
|
68
|
-
displayType,
|
|
68
|
+
displayType: _,
|
|
69
69
|
justified,
|
|
70
|
-
modern,
|
|
70
|
+
modern: __,
|
|
71
71
|
onActiveChange,
|
|
72
72
|
shouldUseActive = false,
|
|
73
73
|
tabsId,
|
|
@@ -112,18 +112,8 @@ export const List = React.forwardRef<HTMLUListElement, IProps>(function List(
|
|
|
112
112
|
{...otherProps}
|
|
113
113
|
{...navigationProps}
|
|
114
114
|
className={classNames(
|
|
115
|
-
'nav',
|
|
115
|
+
'nav nav-tabs',
|
|
116
116
|
{'nav-justified': justified},
|
|
117
|
-
!displayType
|
|
118
|
-
? {
|
|
119
|
-
'nav-tabs': !modern,
|
|
120
|
-
'nav-underline': modern,
|
|
121
|
-
}
|
|
122
|
-
: {
|
|
123
|
-
'nav-tabs': displayType === 'basic',
|
|
124
|
-
'nav-underline': displayType === 'underline',
|
|
125
|
-
},
|
|
126
|
-
|
|
127
117
|
className
|
|
128
118
|
)}
|
|
129
119
|
ref={tabsRef}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`ClayTabs renders 1`] = `
|
|
4
4
|
<div>
|
|
5
5
|
<ul
|
|
6
|
-
class="nav nav-
|
|
6
|
+
class="nav nav-tabs"
|
|
7
7
|
role="tablist"
|
|
8
8
|
/>
|
|
9
9
|
</div>
|
|
@@ -12,7 +12,7 @@ exports[`ClayTabs renders 1`] = `
|
|
|
12
12
|
exports[`ClayTabs renders with items 1`] = `
|
|
13
13
|
<div>
|
|
14
14
|
<ul
|
|
15
|
-
class="nav nav-
|
|
15
|
+
class="nav nav-tabs"
|
|
16
16
|
role="tablist"
|
|
17
17
|
>
|
|
18
18
|
<li
|
package/src/__tests__/index.tsx
CHANGED
|
@@ -46,19 +46,19 @@ describe('ClayTabs', () => {
|
|
|
46
46
|
expect(container.querySelector('.nav.nav-justified')).toBeTruthy();
|
|
47
47
|
});
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
xit('renders with displayType prop nav items', () => {
|
|
50
50
|
const {container} = render(<ClayTabs displayType="underline" />);
|
|
51
51
|
|
|
52
52
|
expect(container.querySelector('.nav.nav-underline')).toBeTruthy();
|
|
53
53
|
});
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
xit('renders with modern style', () => {
|
|
56
56
|
const {container} = render(<ClayTabs modern />);
|
|
57
57
|
|
|
58
58
|
expect(container.querySelector('.nav.nav-underline')).toBeTruthy();
|
|
59
59
|
});
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
xit('renders with modern style and displayType prop as null', () => {
|
|
62
62
|
const {container} = render(<ClayTabs displayType={null} modern />);
|
|
63
63
|
|
|
64
64
|
expect(container.querySelector('.nav.nav-underline')).toBeTruthy();
|
package/src/index.tsx
CHANGED
|
@@ -35,6 +35,7 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
* Determines how tab is displayed.
|
|
38
|
+
* @deprecated since v3.89.0 with no replacement.
|
|
38
39
|
*/
|
|
39
40
|
displayType?: DisplayType;
|
|
40
41
|
|
|
@@ -51,6 +52,7 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
|
51
52
|
|
|
52
53
|
/**
|
|
53
54
|
* Applies a modern style to the tab.
|
|
55
|
+
* @deprecated since v3.89.0 with no replacement.
|
|
54
56
|
*/
|
|
55
57
|
modern?: boolean;
|
|
56
58
|
|
|
@@ -78,7 +80,7 @@ function ClayTabs({
|
|
|
78
80
|
displayType,
|
|
79
81
|
fade = false,
|
|
80
82
|
justified,
|
|
81
|
-
modern =
|
|
83
|
+
modern = false,
|
|
82
84
|
onActiveChange,
|
|
83
85
|
...otherProps
|
|
84
86
|
}: IProps) {
|