@clayui/tabs 3.116.0 → 3.128.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.
Files changed (12) hide show
  1. package/lib/Content.d.ts +0 -0
  2. package/lib/Content.js +23 -31
  3. package/lib/Item.d.ts +0 -0
  4. package/lib/Item.js +19 -27
  5. package/lib/List.d.ts +0 -0
  6. package/lib/List.js +37 -56
  7. package/lib/TabPane.d.ts +0 -0
  8. package/lib/TabPane.js +27 -47
  9. package/lib/index.d.ts +5 -16
  10. package/lib/index.js +52 -72
  11. package/package.json +4 -3
  12. package/CHANGELOG.md +0 -416
package/lib/Content.d.ts CHANGED
File without changes
package/lib/Content.js CHANGED
@@ -1,41 +1,36 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = void 0;
7
-
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
-
10
9
  var _react = _interopRequireDefault(require("react"));
11
-
12
10
  var _excluded = ["active", "activeIndex", "children", "className", "fade", "tabsId"];
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
-
20
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
-
22
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
-
24
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
-
26
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
11
+ /**
12
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
13
+ * SPDX-License-Identifier: BSD-3-Clause
14
+ */
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
17
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
20
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
21
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
23
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
28
24
  var Content = /*#__PURE__*/_react.default.forwardRef(function Content(_ref, ref) {
29
25
  var active = _ref.active,
30
- _ref$activeIndex = _ref.activeIndex,
31
- activeIndex = _ref$activeIndex === void 0 ? 0 : _ref$activeIndex,
32
- children = _ref.children,
33
- className = _ref.className,
34
- _ref$fade = _ref.fade,
35
- fade = _ref$fade === void 0 ? false : _ref$fade,
36
- tabsId = _ref.tabsId,
37
- otherProps = _objectWithoutProperties(_ref, _excluded);
38
-
26
+ _ref$activeIndex = _ref.activeIndex,
27
+ activeIndex = _ref$activeIndex === void 0 ? 0 : _ref$activeIndex,
28
+ children = _ref.children,
29
+ className = _ref.className,
30
+ _ref$fade = _ref.fade,
31
+ fade = _ref$fade === void 0 ? false : _ref$fade,
32
+ tabsId = _ref.tabsId,
33
+ otherProps = _objectWithoutProperties(_ref, _excluded);
39
34
  return /*#__PURE__*/_react.default.createElement("div", _extends({
40
35
  className: (0, _classnames.default)('tab-content', className)
41
36
  }, otherProps, {
@@ -44,7 +39,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function Content(_ref, ref)
44
39
  if (! /*#__PURE__*/_react.default.isValidElement(child)) {
45
40
  return child;
46
41
  }
47
-
48
42
  return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
49
43
  active: typeof active === 'number' ? active === index : activeIndex === index,
50
44
  'aria-labelledby': tabsId ? "".concat(tabsId, "-tab-").concat(index) : child.props['aria-labelledby'],
@@ -54,6 +48,4 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function Content(_ref, ref)
54
48
  }));
55
49
  }));
56
50
  });
57
-
58
- var _default = Content;
59
- exports.default = _default;
51
+ var _default = exports.default = Content;
package/lib/Item.d.ts CHANGED
File without changes
package/lib/Item.js CHANGED
@@ -4,36 +4,30 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _shared = require("@clayui/shared");
9
-
10
8
  var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
9
  var _react = _interopRequireDefault(require("react"));
13
-
14
10
  var _excluded = ["active", "children", "className", "disabled", "href", "innerProps", "onClick"];
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
-
22
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
-
11
+ /**
12
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
13
+ * SPDX-License-Identifier: BSD-3-Clause
14
+ */
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
17
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
18
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
24
19
  var Item = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
25
20
  var _ref$active = _ref.active,
26
- active = _ref$active === void 0 ? false : _ref$active,
27
- children = _ref.children,
28
- className = _ref.className,
29
- _ref$disabled = _ref.disabled,
30
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
31
- href = _ref.href,
32
- _ref$innerProps = _ref.innerProps,
33
- innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
34
- onClick = _ref.onClick,
35
- otherProps = _objectWithoutProperties(_ref, _excluded);
36
-
21
+ active = _ref$active === void 0 ? false : _ref$active,
22
+ children = _ref.children,
23
+ className = _ref.className,
24
+ _ref$disabled = _ref.disabled,
25
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
26
+ href = _ref.href,
27
+ _ref$innerProps = _ref.innerProps,
28
+ innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
29
+ onClick = _ref.onClick,
30
+ otherProps = _objectWithoutProperties(_ref, _excluded);
37
31
  return /*#__PURE__*/_react.default.createElement("li", _extends({}, otherProps, {
38
32
  className: (0, _classnames.default)('nav-item', className),
39
33
  role: "none"
@@ -53,7 +47,5 @@ var Item = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
53
47
  tabIndex: !active ? -1 : 0
54
48
  }), children));
55
49
  });
56
-
57
50
  Item.displayName = 'ClayTabsItem';
58
- var _default = Item;
59
- exports.default = _default;
51
+ var _default = exports.default = Item;
package/lib/List.d.ts CHANGED
File without changes
package/lib/List.js CHANGED
@@ -1,62 +1,50 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.List = void 0;
9
-
10
8
  var _shared = require("@clayui/shared");
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _excluded = ["activation", "active", "children", "className", "displayType", "justified", "modern", "onActiveChange", "shouldUseActive", "tabsId"];
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
-
28
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
29
-
30
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
31
-
32
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
33
-
34
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
35
-
36
- var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
12
+ /**
13
+ * SPDX-FileCopyrightText: © 2022 Liferay, Inc. <https://liferay.com>
14
+ * SPDX-License-Identifier: BSD-3-Clause
15
+ */
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
18
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
20
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
23
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
24
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
25
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
26
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
27
+ var List = exports.List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
37
28
  var activation = _ref.activation,
38
- active = _ref.active,
39
- children = _ref.children,
40
- className = _ref.className,
41
- _ref$displayType = _ref.displayType,
42
- displayType = _ref$displayType === void 0 ? null : _ref$displayType,
43
- justified = _ref.justified,
44
- __ = _ref.modern,
45
- onActiveChange = _ref.onActiveChange,
46
- _ref$shouldUseActive = _ref.shouldUseActive,
47
- shouldUseActive = _ref$shouldUseActive === void 0 ? false : _ref$shouldUseActive,
48
- tabsId = _ref.tabsId,
49
- otherProps = _objectWithoutProperties(_ref, _excluded);
50
-
29
+ active = _ref.active,
30
+ children = _ref.children,
31
+ className = _ref.className,
32
+ _ref$displayType = _ref.displayType,
33
+ displayType = _ref$displayType === void 0 ? null : _ref$displayType,
34
+ justified = _ref.justified,
35
+ __ = _ref.modern,
36
+ onActiveChange = _ref.onActiveChange,
37
+ _ref$shouldUseActive = _ref.shouldUseActive,
38
+ shouldUseActive = _ref$shouldUseActive === void 0 ? false : _ref$shouldUseActive,
39
+ tabsId = _ref.tabsId,
40
+ otherProps = _objectWithoutProperties(_ref, _excluded);
51
41
  var tabsRef = (0, _react.useRef)(null);
52
-
53
42
  var _useNavigation = (0, _shared.useNavigation)({
54
- activation: activation,
55
- containerRef: tabsRef,
56
- orientation: 'horizontal'
57
- }),
58
- navigationProps = _useNavigation.navigationProps;
59
-
43
+ activation: activation,
44
+ containerRef: tabsRef,
45
+ orientation: 'horizontal'
46
+ }),
47
+ navigationProps = _useNavigation.navigationProps;
60
48
  (0, _react.useImperativeHandle)(ref, function () {
61
49
  return tabsRef.current;
62
50
  }, [tabsRef]);
@@ -67,15 +55,13 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
67
55
  if (!shouldUseActive) {
68
56
  return;
69
57
  }
58
+ var childrenArray = _react.default.Children.toArray(children);
70
59
 
71
- var childrenArray = _react.default.Children.toArray(children); // The `active` API in the new pattern has uncontrolled behavior, working
60
+ // The `active` API in the new pattern has uncontrolled behavior, working
72
61
  // just like defaultActive as in the prop declared in the root component.
73
-
74
-
75
62
  for (var index = 0; index < childrenArray.length; index++) {
76
63
  var child = childrenArray[index];
77
-
78
- if ( /*#__PURE__*/_react.default.isValidElement(child) && child.props.active) {
64
+ if (/*#__PURE__*/_react.default.isValidElement(child) && child.props.active) {
79
65
  onActiveChange(index);
80
66
  break;
81
67
  }
@@ -89,11 +75,9 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
89
75
  role: "tablist"
90
76
  }), _react.default.Children.map(children, function (child, index) {
91
77
  var _child$props$innerPro;
92
-
93
78
  if (! /*#__PURE__*/_react.default.isValidElement(child)) {
94
79
  return child;
95
80
  }
96
-
97
81
  return /*#__PURE__*/_react.default.cloneElement(child, {
98
82
  active: !shouldUseActive && child.props.active !== undefined ? child.props.active : active === index,
99
83
  innerProps: _objectSpread({
@@ -102,7 +86,6 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
102
86
  }, (_child$props$innerPro = child.props.innerProps) !== null && _child$props$innerPro !== void 0 ? _child$props$innerPro : {}),
103
87
  onClick: function onClick(event) {
104
88
  var onClick = child.props.onClick;
105
-
106
89
  if (onClick) {
107
90
  onClick(event);
108
91
  } else {
@@ -112,6 +95,4 @@ var List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
112
95
  });
113
96
  }));
114
97
  });
115
-
116
- exports.List = List;
117
98
  List.displayName = 'ClayTabsList';
package/lib/TabPane.d.ts CHANGED
File without changes
package/lib/TabPane.js CHANGED
@@ -4,60 +4,46 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _classnames = _interopRequireDefault(require("classnames"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _excluded = ["active", "children", "className", "fade", "tabIndex"];
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
-
10
+ /**
11
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
12
+ * SPDX-License-Identifier: BSD-3-Clause
13
+ */
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
16
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
20
17
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
-
22
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
23
-
24
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
25
-
26
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
27
-
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
-
30
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
-
32
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
33
-
18
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
19
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
20
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
21
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
22
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
23
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
34
24
  var delay = function delay(fn) {
35
25
  var val = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 150;
36
26
  return setTimeout(function () {
37
27
  fn();
38
28
  }, val);
39
29
  };
40
-
41
30
  var TabPane = /*#__PURE__*/_react.default.forwardRef(function TabPane(_ref, ref) {
42
31
  var _ref$active = _ref.active,
43
- active = _ref$active === void 0 ? false : _ref$active,
44
- children = _ref.children,
45
- className = _ref.className,
46
- fade = _ref.fade,
47
- _ref$tabIndex = _ref.tabIndex,
48
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
49
- otherProps = _objectWithoutProperties(_ref, _excluded);
50
-
32
+ active = _ref$active === void 0 ? false : _ref$active,
33
+ children = _ref.children,
34
+ className = _ref.className,
35
+ fade = _ref.fade,
36
+ _ref$tabIndex = _ref.tabIndex,
37
+ tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
38
+ otherProps = _objectWithoutProperties(_ref, _excluded);
51
39
  var _React$useState = _react.default.useState(active),
52
- _React$useState2 = _slicedToArray(_React$useState, 2),
53
- internalActive = _React$useState2[0],
54
- setInternalActive = _React$useState2[1];
55
-
40
+ _React$useState2 = _slicedToArray(_React$useState, 2),
41
+ internalActive = _React$useState2[0],
42
+ setInternalActive = _React$useState2[1];
56
43
  var _React$useState3 = _react.default.useState(active),
57
- _React$useState4 = _slicedToArray(_React$useState3, 2),
58
- internalShow = _React$useState4[0],
59
- setInternalShow = _React$useState4[1];
60
-
44
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
45
+ internalShow = _React$useState4[0],
46
+ setInternalShow = _React$useState4[1];
61
47
  _react.default.useEffect(function () {
62
48
  var delayFn = function delayFn() {
63
49
  setInternalActive(true);
@@ -65,22 +51,18 @@ var TabPane = /*#__PURE__*/_react.default.forwardRef(function TabPane(_ref, ref)
65
51
  return setInternalShow(true);
66
52
  }, 50);
67
53
  };
68
-
69
54
  if (!active) {
70
55
  setInternalShow(false);
71
-
72
56
  delayFn = function delayFn() {
73
57
  return setInternalActive(false);
74
58
  };
75
59
  }
76
-
77
60
  var timer = delay(delayFn);
78
61
  return function () {
79
62
  clearTimeout(timer);
80
63
  setInternalShow(false);
81
64
  };
82
65
  }, [active]);
83
-
84
66
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
85
67
  className: (0, _classnames.default)('tab-pane', {
86
68
  active: internalActive,
@@ -92,6 +74,4 @@ var TabPane = /*#__PURE__*/_react.default.forwardRef(function TabPane(_ref, ref)
92
74
  tabIndex: tabIndex
93
75
  }), children);
94
76
  });
95
-
96
- var _default = TabPane;
97
- exports.default = _default;
77
+ var _default = exports.default = TabPane;
package/lib/index.d.ts CHANGED
@@ -4,12 +4,8 @@
4
4
  */
5
5
  import { InternalDispatch } from '@clayui/shared';
6
6
  import React from 'react';
7
- import Content from './Content';
8
- import Item from './Item';
9
- import { List } from './List';
10
- import TabPane from './TabPane';
11
7
  export declare type DisplayType = null | 'basic' | 'underline';
12
- export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
8
+ interface IProps extends React.HTMLAttributes<HTMLUListElement> {
13
9
  /**
14
10
  * Flag to indicate the navigation behavior in the tab.
15
11
  *
@@ -30,7 +26,7 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
30
26
  * Determines how tab is displayed.
31
27
  * @deprecated since v3.89.0 with no replacement.
32
28
  */
33
- displayType?: DisplayType;
29
+ displayType?: null | 'basic' | 'underline';
34
30
  /**
35
31
  * Flag to indicate if `fade` classname that applies an fading animation
36
32
  * should be applied.
@@ -50,15 +46,8 @@ export interface IProps extends React.HTMLAttributes<HTMLUListElement> {
50
46
  */
51
47
  onActiveChange?: InternalDispatch<number>;
52
48
  }
53
- declare function ClayTabs(props: IProps): JSX.Element & {
54
- Content: typeof Content;
55
- Item: typeof Item;
56
- List: typeof List;
57
- Panels: typeof Content;
58
- TabPane: typeof TabPane;
59
- TabPanel: typeof TabPane;
60
- };
61
- declare namespace ClayTabs {
49
+ declare function Tabs({ activation, active: externalActive, children, className, defaultActive, displayType, fade, justified, modern, onActiveChange, ...otherProps }: IProps): JSX.Element;
50
+ declare namespace Tabs {
62
51
  var Content: React.ForwardRefExoticComponent<import("./Content").IProps & React.RefAttributes<HTMLDivElement>>;
63
52
  var Panels: React.ForwardRefExoticComponent<import("./Content").IProps & React.RefAttributes<HTMLDivElement>>;
64
53
  var Item: React.ForwardRefExoticComponent<import("./Item").IProps & React.RefAttributes<any>>;
@@ -66,4 +55,4 @@ declare namespace ClayTabs {
66
55
  var TabPane: React.ForwardRefExoticComponent<import("./TabPane").ITabPaneProps & React.RefAttributes<HTMLDivElement>>;
67
56
  var TabPanel: React.ForwardRefExoticComponent<import("./TabPane").ITabPaneProps & React.RefAttributes<HTMLDivElement>>;
68
57
  }
69
- export default ClayTabs;
58
+ export default Tabs;
package/lib/index.js CHANGED
@@ -4,80 +4,63 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _shared = require("@clayui/shared");
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _Content = _interopRequireDefault(require("./Content"));
13
-
14
10
  var _Item = _interopRequireDefault(require("./Item"));
15
-
16
11
  var _List = require("./List");
17
-
18
12
  var _TabPane = _interopRequireDefault(require("./TabPane"));
19
-
20
13
  var _excluded = ["activation", "active", "children", "className", "defaultActive", "displayType", "fade", "justified", "modern", "onActiveChange"];
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
-
14
+ /**
15
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
16
+ * SPDX-License-Identifier: BSD-3-Clause
17
+ */
18
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
20
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
28
21
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
-
30
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
31
-
32
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
33
-
34
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
35
-
36
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
37
-
38
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
39
-
40
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
41
-
42
- function ClayTabs(_ref) {
22
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
23
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
24
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
25
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
26
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
27
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
28
+ function Tabs(_ref) {
43
29
  var _left$type;
44
-
45
30
  var _ref$activation = _ref.activation,
46
- activation = _ref$activation === void 0 ? 'manual' : _ref$activation,
47
- externalActive = _ref.active,
48
- children = _ref.children,
49
- className = _ref.className,
50
- _ref$defaultActive = _ref.defaultActive,
51
- defaultActive = _ref$defaultActive === void 0 ? 0 : _ref$defaultActive,
52
- displayType = _ref.displayType,
53
- _ref$fade = _ref.fade,
54
- fade = _ref$fade === void 0 ? false : _ref$fade,
55
- justified = _ref.justified,
56
- _ref$modern = _ref.modern,
57
- modern = _ref$modern === void 0 ? false : _ref$modern,
58
- onActiveChange = _ref.onActiveChange,
59
- otherProps = _objectWithoutProperties(_ref, _excluded);
60
-
31
+ activation = _ref$activation === void 0 ? 'manual' : _ref$activation,
32
+ externalActive = _ref.active,
33
+ children = _ref.children,
34
+ className = _ref.className,
35
+ _ref$defaultActive = _ref.defaultActive,
36
+ defaultActive = _ref$defaultActive === void 0 ? 0 : _ref$defaultActive,
37
+ displayType = _ref.displayType,
38
+ _ref$fade = _ref.fade,
39
+ fade = _ref$fade === void 0 ? false : _ref$fade,
40
+ justified = _ref.justified,
41
+ _ref$modern = _ref.modern,
42
+ modern = _ref$modern === void 0 ? false : _ref$modern,
43
+ onActiveChange = _ref.onActiveChange,
44
+ otherProps = _objectWithoutProperties(_ref, _excluded);
61
45
  var _useControlledState = (0, _shared.useControlledState)({
62
- defaultName: 'defaultActive',
63
- defaultValue: defaultActive,
64
- handleName: 'onActiveChange',
65
- name: 'active',
66
- onChange: onActiveChange,
67
- value: externalActive
68
- }),
69
- _useControlledState2 = _slicedToArray(_useControlledState, 3),
70
- active = _useControlledState2[0],
71
- setActive = _useControlledState2[1],
72
- isUncontrolled = _useControlledState2[2];
73
-
46
+ defaultName: 'defaultActive',
47
+ defaultValue: defaultActive,
48
+ handleName: 'onActiveChange',
49
+ name: 'active',
50
+ onChange: onActiveChange,
51
+ value: externalActive
52
+ }),
53
+ _useControlledState2 = _slicedToArray(_useControlledState, 3),
54
+ active = _useControlledState2[0],
55
+ setActive = _useControlledState2[1],
56
+ isUncontrolled = _useControlledState2[2];
74
57
  var _React$Children$toArr = _react.default.Children.toArray(children),
75
- _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
76
- left = _React$Children$toArr2[0],
77
- right = _React$Children$toArr2[1];
78
-
79
- var tabsId = (0, _shared.useId)(); // @ts-ignore
58
+ _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
59
+ left = _React$Children$toArr2[0],
60
+ right = _React$Children$toArr2[1];
61
+ var tabsId = (0, _shared.useId)();
80
62
 
63
+ // @ts-ignore
81
64
  if ((left === null || left === void 0 ? void 0 : (_left$type = left.type) === null || _left$type === void 0 ? void 0 : _left$type.displayName) === 'ClayTabsList') {
82
65
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(left, {
83
66
  activation: activation,
@@ -94,7 +77,6 @@ function ClayTabs(_ref) {
94
77
  tabsId: tabsId
95
78
  }));
96
79
  }
97
-
98
80
  return /*#__PURE__*/_react.default.createElement(_List.List, _extends({}, otherProps, {
99
81
  activation: activation,
100
82
  active: active,
@@ -105,16 +87,14 @@ function ClayTabs(_ref) {
105
87
  onActiveChange: setActive
106
88
  }), children);
107
89
  }
90
+
108
91
  /**
109
92
  * @deprecated since v3.78.2 - Use new composition with Tabs.List and Tabs.Panels.
110
93
  */
111
-
112
-
113
- ClayTabs.Content = _Content.default;
114
- ClayTabs.Panels = _Content.default;
115
- ClayTabs.Item = _Item.default;
116
- ClayTabs.List = _List.List;
117
- ClayTabs.TabPane = _TabPane.default;
118
- ClayTabs.TabPanel = _TabPane.default;
119
- var _default = ClayTabs;
120
- exports.default = _default;
94
+ Tabs.Content = _Content.default;
95
+ Tabs.Panels = _Content.default;
96
+ Tabs.Item = _Item.default;
97
+ Tabs.List = _List.List;
98
+ Tabs.TabPane = _TabPane.default;
99
+ Tabs.TabPanel = _TabPane.default;
100
+ var _default = exports.default = Tabs;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clayui/tabs",
3
- "version": "3.116.0",
3
+ "version": "3.128.0",
4
4
  "description": "ClayTabs component",
5
5
  "license": "BSD-3-Clause",
6
6
  "repository": "https://github.com/liferay/clay",
@@ -17,6 +17,7 @@
17
17
  "scripts": {
18
18
  "build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
19
19
  "buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
20
+ "format": "prettier --write \"**/*.{js,ts,tsx,md,mdx,json,scss}\"",
20
21
  "test": "jest --config ../../jest.config.js"
21
22
  },
22
23
  "keywords": [
@@ -24,7 +25,7 @@
24
25
  "react"
25
26
  ],
26
27
  "dependencies": {
27
- "@clayui/shared": "^3.116.0",
28
+ "@clayui/shared": "^3.128.0",
28
29
  "classnames": "^2.2.6"
29
30
  },
30
31
  "peerDependencies": {
@@ -35,5 +36,5 @@
35
36
  "browserslist": [
36
37
  "extends browserslist-config-clay"
37
38
  ],
38
- "gitHead": "235780a282ba87864ce556f8004571af102ff165"
39
+ "gitHead": "98d935035547358645741cbc137cae53a596f568"
39
40
  }
package/CHANGELOG.md DELETED
@@ -1,416 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- # [3.116.0](https://github.com/liferay/clay/compare/v3.115.2...v3.116.0) (2024-06-10)
7
-
8
- **Note:** Version bump only for package @clayui/tabs
9
-
10
- # [3.115.0](https://github.com/liferay/clay/compare/v3.114.0...v3.115.0) (2024-05-16)
11
-
12
- **Note:** Version bump only for package @clayui/tabs
13
-
14
- # [3.113.0](https://github.com/liferay/clay/compare/v3.112.0...v3.113.0) (2024-03-28)
15
-
16
- **Note:** Version bump only for package @clayui/tabs
17
-
18
- # [3.111.0](https://github.com/liferay/clay/compare/v3.110.0...v3.111.0) (2024-02-15)
19
-
20
- **Note:** Version bump only for package @clayui/tabs
21
-
22
- # [3.109.0](https://github.com/liferay/clay/compare/v3.108.0...v3.109.0) (2024-01-22)
23
-
24
- **Note:** Version bump only for package @clayui/tabs
25
-
26
- # [3.107.0](https://github.com/liferay/clay/compare/v3.106.1...v3.107.0) (2023-11-27)
27
-
28
- **Note:** Version bump only for package @clayui/tabs
29
-
30
- ## [3.106.1](https://github.com/liferay/clay/compare/v3.106.0...v3.106.1) (2023-10-26)
31
-
32
- **Note:** Version bump only for package @clayui/tabs
33
-
34
- # [3.106.0](https://github.com/liferay/clay/compare/v3.105.0...v3.106.0) (2023-10-25)
35
-
36
- ### Bug Fixes
37
-
38
- - remove 'src' dir from being packaged with npm ([9383e8d](https://github.com/liferay/clay/commit/9383e8d8abb25ca3396e7c6e4dfa53bbc72691c5))
39
- - use package's directory for baseDir when generating type ([0a5c710](https://github.com/liferay/clay/commit/0a5c710092f36243bc8d5487f70e831295715072))
40
-
41
- # [3.104.0](https://github.com/liferay/clay/compare/v3.103.1...v3.104.0) (2023-08-25)
42
-
43
- **Note:** Version bump only for package @clayui/tabs
44
-
45
- ## [3.103.1](https://github.com/liferay/clay/compare/v3.103.0...v3.103.1) (2023-08-15)
46
-
47
- **Note:** Version bump only for package @clayui/tabs
48
-
49
- # [3.101.0](https://github.com/liferay/clay/compare/v3.100.0...v3.101.0) (2023-07-28)
50
-
51
- **Note:** Version bump only for package @clayui/tabs
52
-
53
- # [3.100.0](https://github.com/liferay/clay/compare/v3.99.4...v3.100.0) (2023-07-13)
54
-
55
- **Note:** Version bump only for package @clayui/tabs
56
-
57
- # [3.96.0](https://github.com/liferay/clay/compare/v3.95.2...v3.96.0) (2023-05-29)
58
-
59
- **Note:** Version bump only for package @clayui/tabs
60
-
61
- ## [3.95.2](https://github.com/liferay/clay/compare/v3.95.0...v3.95.2) (2023-05-17)
62
-
63
- **Note:** Version bump only for package @clayui/tabs
64
-
65
- # [3.95.0](https://github.com/liferay/clay/compare/v3.94.0...v3.95.0) (2023-05-15)
66
-
67
- **Note:** Version bump only for package @clayui/tabs
68
-
69
- # [3.94.0](https://github.com/liferay/clay/compare/v3.93.0...v3.94.0) (2023-05-03)
70
-
71
- **Note:** Version bump only for package @clayui/tabs
72
-
73
- # [3.93.0](https://github.com/liferay/clay/compare/v3.92.0...v3.93.0) (2023-04-19)
74
-
75
- ### Bug Fixes
76
-
77
- - **@clayui/tabs:** displayType should output nav-tabs variants ([ff15ca2](https://github.com/liferay/clay/commit/ff15ca25d9d39e9479bacf9a78d5a2af9645ec79))
78
- - **@clayui/tabs:** Output nav-tabs-light only if displayType equals light ([b599225](https://github.com/liferay/clay/commit/b59922542b7edd52750661139422b1df7d2fc1b5)), closes [/github.com/liferay/clay/pull/5463#discussion_r1161986963](https://github.com//github.com/liferay/clay/pull/5463/issues/discussion_r1161986963)
79
-
80
- # [3.92.0](https://github.com/liferay/clay/compare/v3.91.0...v3.92.0) (2023-04-06)
81
-
82
- **Note:** Version bump only for package @clayui/tabs
83
-
84
- # [3.91.0](https://github.com/liferay/clay/compare/v3.90.0...v3.91.0) (2023-03-24)
85
-
86
- ### Bug Fixes
87
-
88
- - **@clayui/tabs:** Tabs deprecate `displayType` and `modern` attributes ([196abec](https://github.com/liferay/clay/commit/196abec5383d05f9af15af6893e9062fc32ba1c9))
89
-
90
- ### Features
91
-
92
- - **@clayui/tabs:** force style for tabs ([859ef65](https://github.com/liferay/clay/commit/859ef65a552c2b8ad04c04fec1ad505c53c6dd40))
93
-
94
- ### BREAKING CHANGES
95
-
96
- - **@clayui/tabs:** The default value for the `modern` attribute is now `false`. You will need to set the `modern` attribute on `ClayTabs` to get the `nav-underline` class.
97
-
98
- # [3.89.0](https://github.com/liferay/clay/compare/v3.88.0...v3.89.0) (2023-03-01)
99
-
100
- **Note:** Version bump only for package @clayui/tabs
101
-
102
- # [3.88.0](https://github.com/liferay/clay/compare/v3.87.2...v3.88.0) (2023-02-14)
103
-
104
- ### Features
105
-
106
- - **@clayui/tabs:** adds `forwardRef` to Tabs components ([a1792ce](https://github.com/liferay/clay/commit/a1792cea9a05d41ef177993a7c724fe673c9673f))
107
-
108
- # [3.87.0](https://github.com/liferay/clay/compare/v3.86.1...v3.87.0) (2023-02-08)
109
-
110
- ### Features
111
-
112
- - **@clayui/tabs:** adds the pattern of uncontrolled to the `active` property of Tabs.Item in the new composition ([fd5299a](https://github.com/liferay/clay/commit/fd5299a6148f67de85b4d8f565ce2331f137472e))
113
-
114
- ## [3.86.1](https://github.com/liferay/clay/compare/v3.86.0...v3.86.1) (2023-02-02)
115
-
116
- **Note:** Version bump only for package @clayui/tabs
117
-
118
- # [3.86.0](https://github.com/liferay/clay/compare/v3.85.0...v3.86.0) (2023-01-31)
119
-
120
- **Note:** Version bump only for package @clayui/tabs
121
-
122
- # [3.85.0](https://github.com/liferay/clay/compare/v3.84.0...v3.85.0) (2023-01-23)
123
-
124
- **Note:** Version bump only for package @clayui/tabs
125
-
126
- ## [3.83.1](https://github.com/liferay/clay/compare/v3.83.0...v3.83.1) (2022-12-20)
127
-
128
- **Note:** Version bump only for package @clayui/tabs
129
-
130
- # [3.83.0](https://github.com/liferay/clay/compare/v3.82.0...v3.83.0) (2022-12-20)
131
-
132
- **Note:** Version bump only for package @clayui/tabs
133
-
134
- # [3.82.0](https://github.com/liferay/clay/compare/v3.81.0...v3.82.0) (2022-12-07)
135
-
136
- **Note:** Version bump only for package @clayui/tabs
137
-
138
- # [3.81.0](https://github.com/liferay/clay/compare/v3.80.1...v3.81.0) (2022-11-30)
139
-
140
- **Note:** Version bump only for package @clayui/tabs
141
-
142
- ## [3.80.1](https://github.com/liferay/clay/compare/v3.80.0...v3.80.1) (2022-11-22)
143
-
144
- **Note:** Version bump only for package @clayui/tabs
145
-
146
- # [3.80.0](https://github.com/liferay/clay/compare/v3.79.0...v3.80.0) (2022-11-21)
147
-
148
- **Note:** Version bump only for package @clayui/tabs
149
-
150
- # [3.79.0](https://github.com/liferay/clay/compare/v3.78.2...v3.79.0) (2022-11-08)
151
-
152
- ### Bug Fixes
153
-
154
- - **@clayui/tabs:** add configurable tabIndex property to TabPane component ([b5b37ce](https://github.com/liferay/clay/commit/b5b37ce855c122db2aeddfd47afbe1ad4f301179))
155
- - **@clayui/tabs:** associate the panel label with the tab ([40dbdba](https://github.com/liferay/clay/commit/40dbdba6958ae0ca02440c9e524d34d279494ad4))
156
- - **@clayui/tabs:** fix error when trying to clone an invalid element ([26d0200](https://github.com/liferay/clay/commit/26d0200f9910fcc3102ca5d44a06a77f8b4cb798))
157
-
158
- ### Features
159
-
160
- - **@clayui/tabs:** adds new compositing pattern ([c7fe61e](https://github.com/liferay/clay/commit/c7fe61e48f0b8dd23273467e40010973f7ecd7aa))
161
-
162
- ## [3.78.2](https://github.com/liferay/clay/compare/v3.78.1...v3.78.2) (2022-10-25)
163
-
164
- **Note:** Version bump only for package @clayui/tabs
165
-
166
- ## [3.78.1](https://github.com/liferay/clay/compare/v3.78.0...v3.78.1) (2022-10-25)
167
-
168
- **Note:** Version bump only for package @clayui/tabs
169
-
170
- # [3.78.0](https://github.com/liferay/clay/compare/v3.77.0...v3.78.0) (2022-10-25)
171
-
172
- ### Features
173
-
174
- - **@clayui/tabs:** add new API to configure browsing behavior between tabs ([30595be](https://github.com/liferay/clay/commit/30595bed1d5ec2de1a7d3d1759d6a2398c904c76))
175
-
176
- # [3.77.0](https://github.com/liferay/clay/compare/v3.76.0...v3.77.0) (2022-10-17)
177
-
178
- ### Bug Fixes
179
-
180
- - **@clayui/tabs:** sets `tabIndex=-1` when not active and `tabIndex=0` for the tabpanel ([cbd8710](https://github.com/liferay/clay/commit/cbd8710491b4262000b0af43244977351429228b))
181
-
182
- ## [3.75.2](https://github.com/liferay/clay/compare/v3.75.1...v3.75.2) (2022-09-29)
183
-
184
- **Note:** Version bump only for package @clayui/tabs
185
-
186
- # [3.75.0](https://github.com/liferay/clay/compare/v3.74.0...v3.75.0) (2022-09-28)
187
-
188
- **Note:** Version bump only for package @clayui/tabs
189
-
190
- # [3.73.0](https://github.com/liferay/clay/compare/v3.72.0...v3.73.0) (2022-09-13)
191
-
192
- **Note:** Version bump only for package @clayui/tabs
193
-
194
- # [3.71.0](https://github.com/liferay/clay/compare/v3.70.3...v3.71.0) (2022-08-30)
195
-
196
- **Note:** Version bump only for package @clayui/tabs
197
-
198
- ## [3.70.3](https://github.com/liferay/clay/compare/v3.70.2...v3.70.3) (2022-08-30)
199
-
200
- **Note:** Version bump only for package @clayui/tabs
201
-
202
- ## [3.70.2](https://github.com/liferay/clay/compare/v3.70.1...v3.70.2) (2022-08-30)
203
-
204
- **Note:** Version bump only for package @clayui/tabs
205
-
206
- # [3.70.0](https://github.com/liferay/clay/compare/v3.69.0...v3.70.0) (2022-08-23)
207
-
208
- **Note:** Version bump only for package @clayui/tabs
209
-
210
- # [3.69.0](https://github.com/liferay/clay/compare/v3.68.0...v3.69.0) (2022-08-16)
211
-
212
- **Note:** Version bump only for package @clayui/tabs
213
-
214
- # [3.67.0](https://github.com/liferay/clay/compare/v3.66.0...v3.67.0) (2022-07-25)
215
-
216
- **Note:** Version bump only for package @clayui/tabs
217
-
218
- ## [3.65.1](https://github.com/liferay/clay/compare/v3.65.0...v3.65.1) (2022-07-11)
219
-
220
- **Note:** Version bump only for package @clayui/tabs
221
-
222
- # [3.65.0](https://github.com/liferay/clay/compare/v3.64.0...v3.65.0) (2022-07-11)
223
-
224
- **Note:** Version bump only for package @clayui/tabs
225
-
226
- # [3.58.0](https://github.com/liferay/clay/compare/v3.57.0...v3.58.0) (2022-05-23)
227
-
228
- **Note:** Version bump only for package @clayui/tabs
229
-
230
- # [3.56.0](https://github.com/liferay/clay/compare/v3.55.0...v3.56.0) (2022-05-09)
231
-
232
- **Note:** Version bump only for package @clayui/tabs
233
-
234
- # [3.55.0](https://github.com/liferay/clay/compare/v3.54.0...v3.55.0) (2022-05-02)
235
-
236
- **Note:** Version bump only for package @clayui/tabs
237
-
238
- # [3.52.0](https://github.com/liferay/clay/compare/v3.51.0...v3.52.0) (2022-04-04)
239
-
240
- ### Bug Fixes
241
-
242
- - **@clayui/clay-tabs:** Insert displayType for nav-tabs and nav-underline classes ([10ddb29](https://github.com/liferay/clay/commit/10ddb29a88884e05d4d4f71caec111a58c809bb7))
243
-
244
- ### Features
245
-
246
- - **@clayui/clay-tabs:** Adding additional new tests ([d74322c](https://github.com/liferay/clay/commit/d74322c4820ef1f0bbb9c0c64263f82c39d70576))
247
- - **@clayui/clay-tabs:** Remain modern prop and overrides displayType. Update in BREAKING.md ([cb9eb31](https://github.com/liferay/clay/commit/cb9eb31d3da70de3ccdb653a9e574da497d6ee84))
248
-
249
- # [3.49.0](https://github.com/liferay/clay/compare/v3.48.0...v3.49.0) (2022-03-15)
250
-
251
- **Note:** Version bump only for package @clayui/tabs
252
-
253
- # [3.47.0](https://github.com/liferay/clay/compare/v3.46.0...v3.47.0) (2022-02-23)
254
-
255
- **Note:** Version bump only for package @clayui/tabs
256
-
257
- # [3.45.0](https://github.com/liferay/clay/compare/v3.44.2...v3.45.0) (2022-02-01)
258
-
259
- **Note:** Version bump only for package @clayui/tabs
260
-
261
- # [3.40.0](https://github.com/liferay/clay/compare/v3.39.0...v3.40.0) (2021-11-17)
262
-
263
- **Note:** Version bump only for package @clayui/tabs
264
-
265
- # [3.39.0](https://github.com/liferay/clay/compare/v3.38.0...v3.39.0) (2021-10-29)
266
-
267
- **Note:** Version bump only for package @clayui/tabs
268
-
269
- # [3.38.0](https://github.com/liferay/clay/compare/v3.37.0...v3.38.0) (2021-10-22)
270
-
271
- **Note:** Version bump only for package @clayui/tabs
272
-
273
- # [3.37.0](https://github.com/liferay/clay/compare/v3.36.0...v3.37.0) (2021-10-06)
274
-
275
- **Note:** Version bump only for package @clayui/tabs
276
-
277
- # [3.36.0](https://github.com/liferay/clay/compare/v3.35.3...v3.36.0) (2021-09-23)
278
-
279
- **Note:** Version bump only for package @clayui/tabs
280
-
281
- ## [3.35.3](https://github.com/liferay/clay/compare/v3.35.2...v3.35.3) (2021-09-09)
282
-
283
- **Note:** Version bump only for package @clayui/tabs
284
-
285
- ## [3.35.2](https://github.com/liferay/clay/compare/v3.35.1...v3.35.2) (2021-08-30)
286
-
287
- **Note:** Version bump only for package @clayui/tabs
288
-
289
- ## [3.35.1](https://github.com/liferay/clay/compare/v3.35.0...v3.35.1) (2021-08-30)
290
-
291
- **Note:** Version bump only for package @clayui/tabs
292
-
293
- # [3.35.0](https://github.com/liferay/clay/compare/v3.34.0...v3.35.0) (2021-08-30)
294
-
295
- **Note:** Version bump only for package @clayui/tabs
296
-
297
- # [3.32.0](https://github.com/liferay/clay/compare/v3.31.0...v3.32.0) (2021-07-28)
298
-
299
- **Note:** Version bump only for package @clayui/tabs
300
-
301
- # [3.29.0](https://github.com/liferay/clay/compare/v3.28.0...v3.29.0) (2021-05-28)
302
-
303
- **Note:** Version bump only for package @clayui/tabs
304
-
305
- # [3.28.0](https://github.com/liferay/clay/compare/v3.27.0...v3.28.0) (2021-05-19)
306
-
307
- **Note:** Version bump only for package @clayui/tabs
308
-
309
- # [3.27.0](https://github.com/liferay/clay/compare/v3.26.0...v3.27.0) (2021-05-05)
310
-
311
- **Note:** Version bump only for package @clayui/tabs
312
-
313
- ## [3.3.5](https://github.com/liferay/clay/compare/@clayui/tabs@3.3.4...@clayui/tabs@3.3.5) (2021-02-11)
314
-
315
- **Note:** Version bump only for package @clayui/tabs
316
-
317
- ## [3.3.4](https://github.com/liferay/clay/compare/@clayui/tabs@3.3.3...@clayui/tabs@3.3.4) (2021-01-27)
318
-
319
- **Note:** Version bump only for package @clayui/tabs
320
-
321
- ## [3.3.3](https://github.com/liferay/clay/compare/@clayui/tabs@3.3.2...@clayui/tabs@3.3.3) (2021-01-13)
322
-
323
- **Note:** Version bump only for package @clayui/tabs
324
-
325
- ## [3.3.2](https://github.com/liferay/clay/compare/@clayui/tabs@3.3.0...@clayui/tabs@3.3.2) (2020-12-16)
326
-
327
- **Note:** Version bump only for package @clayui/tabs
328
-
329
- ## [3.3.1](https://github.com/liferay/clay/compare/@clayui/tabs@3.3.0...@clayui/tabs@3.3.1) (2020-12-02)
330
-
331
- **Note:** Version bump only for package @clayui/tabs
332
-
333
- # [3.3.0](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.5...@clayui/tabs@3.3.0) (2020-10-01)
334
-
335
- ### Features
336
-
337
- - **clayui.com:** Move API tables to new files and update document tabs, rename files to use singular naming instead of plural, change mainTabURL of pagination-bar to a proper one ([d812ee9](https://github.com/liferay/clay/commit/d812ee9))
338
- - add displayName for all components ([cc3211d](https://github.com/liferay/clay/commit/cc3211d))
339
-
340
- ## [3.2.5](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.4...@clayui/tabs@3.2.5) (2020-08-28)
341
-
342
- **Note:** Version bump only for package @clayui/tabs
343
-
344
- ## [3.2.4](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.3...@clayui/tabs@3.2.4) (2020-08-26)
345
-
346
- **Note:** Version bump only for package @clayui/tabs
347
-
348
- ## [3.2.3](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.2...@clayui/tabs@3.2.3) (2020-07-28)
349
-
350
- ### Bug Fixes
351
-
352
- - update packages to appropriate dependencies ([0026168](https://github.com/liferay/clay/commit/0026168))
353
-
354
- ## [3.2.2](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.1...@clayui/tabs@3.2.2) (2020-07-07)
355
-
356
- ### Bug Fixes
357
-
358
- - **@clayui/tabs:** check if child is truthy first before cloning ([c357b7d](https://github.com/liferay/clay/commit/c357b7d))
359
-
360
- ## [3.2.1](https://github.com/liferay/clay/compare/@clayui/tabs@3.2.0...@clayui/tabs@3.2.1) (2020-06-18)
361
-
362
- ### Bug Fixes
363
-
364
- - **@clayui/tabs:** Make sure we use strict equation ([ad8dd39](https://github.com/liferay/clay/commit/ad8dd39))
365
-
366
- # [3.2.0](https://github.com/liferay/clay/compare/@clayui/tabs@3.1.1...@clayui/tabs@3.2.0) (2020-05-21)
367
-
368
- ### Features
369
-
370
- - **@clayui/tabs:** add TabPanel as an alias for TabPane ([924ae4e](https://github.com/liferay/clay/commit/924ae4e))
371
- - **clayui.com:** Revert the change made to headings used, rename stickers and tables to sticker and table respectively, also change some wording ([791dabe](https://github.com/liferay/clay/commit/791dabe))
372
- - **clayui.com:** Update content structure: Checkbox, Management Toolbar, Select Box, Sticker, Table & Tabs ([0fcd54a](https://github.com/liferay/clay/commit/0fcd54a))
373
-
374
- ## [3.1.1](https://github.com/liferay/clay/compare/@clayui/tabs@3.1.0...@clayui/tabs@3.1.1) (2020-04-24)
375
-
376
- ### Bug Fixes
377
-
378
- - Fix accessibility issues ([5e09db0](https://github.com/liferay/clay/commit/5e09db0))
379
-
380
- # 3.1.0 (2020-02-28)
381
-
382
- ### Bug Fixes
383
-
384
- - replace npm in favor of yarn in new packages ([e366fbb](https://github.com/liferay/clay/commit/e366fbb))
385
- - **@clayui/tabs:** add the relationship between tab and tabpane in stories ([ee9edc4](https://github.com/liferay/clay/commit/ee9edc4))
386
- - **@clayui/tabs:** adjust class name timing so that it the tab properly fades in ([b0df6b8](https://github.com/liferay/clay/commit/b0df6b8))
387
- - **@clayui/tabs:** fix the use of React.forwardRef ([a7ce7e0](https://github.com/liferay/clay/commit/a7ce7e0))
388
- - **tabs:** Turns `active` property optional when using Item, default value is `false` ([bb1ae86](https://github.com/liferay/clay/commit/bb1ae86))
389
-
390
- ### Features
391
-
392
- - **tabs:** Creates Tabs component ([4418cc2](https://github.com/liferay/clay/commit/4418cc2))
393
-
394
- ## [3.0.6](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.3...@clayui/tabs@3.0.6) (2020-01-31)
395
-
396
- **Note:** Version bump only for package @clayui/tabs
397
-
398
- ## [3.0.5](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.3...@clayui/tabs@3.0.5) (2020-01-20)
399
-
400
- **Note:** Version bump only for package @clayui/tabs
401
-
402
- ## [3.0.4](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.3...@clayui/tabs@3.0.4) (2019-12-05)
403
-
404
- **Note:** Version bump only for package @clayui/tabs
405
-
406
- ## [3.0.3](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.2...@clayui/tabs@3.0.3) (2019-11-07)
407
-
408
- **Note:** Version bump only for package @clayui/tabs
409
-
410
- ## [3.0.2](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.1...@clayui/tabs@3.0.2) (2019-11-01)
411
-
412
- **Note:** Version bump only for package @clayui/tabs
413
-
414
- ## [3.0.1](https://github.com/liferay/clay/tree/master/packages/clay-tabs/compare/@clayui/tabs@3.0.0...@clayui/tabs@3.0.1) (2019-10-28)
415
-
416
- **Note:** Version bump only for package @clayui/tabs