@megafon/ui-core 3.11.0 → 3.12.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.12.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.11.0...@megafon/ui-core@3.12.0) (2022-06-28)
+
+
+### Features
+
+* **tab:** add data-attribute for inner element ([43e58e1](https://github.com/MegafonWebLab/megafon-ui/commit/43e58e12b8da661020f4b48f55245492c21ad376))
+
+
+
+
+
 # [3.11.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.10.1...@megafon/ui-core@3.11.0) (2022-06-21)
 
 

package/dist/es/components/Tabs/Tab.d.ts

@@ -9,6 +9,7 @@ export interface ITabProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        inner?: Record<string, string>;
     };
     /** Дочерние элементы */
     children?: React.ReactNode;

package/dist/es/components/Tabs/Tab.js

@@ -9,7 +9,8 @@ var Tab = function Tab(_ref) {
 
 Tab.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    inner: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   title: PropTypes.string,
   icon: PropTypes.node,

package/dist/es/components/Tabs/Tabs.js

@@ -270,15 +270,15 @@ var Tabs = function Tabs(_ref) {
     var rootRefNode = rootRef.current;
     rootRefNode && ((_a = intersectionObserverRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(outerObserveContainer || rootRefNode));
   }, [outerObserveContainer]);
-  var renderTab = React.useCallback(function (index, title, icon, href) {
+  var renderTab = React.useCallback(function (index, title, icon, href, attr) {
     var ElementType = href ? 'a' : 'div';
-    return /*#__PURE__*/React.createElement(ElementType, {
+    return /*#__PURE__*/React.createElement(ElementType, _extends({
       href: href,
       className: cn('tab-inner', {
         current: currentIndex === index
       }),
       onClick: handleTabInnerClick(index)
-    }, !!icon && /*#__PURE__*/React.createElement("div", {
+    }, filterDataAttrs(attr, index + 1)), !!icon && /*#__PURE__*/React.createElement("div", {
       className: cn('tab-icon')
     }, icon), !!title && /*#__PURE__*/React.createElement("div", {
       className: cn('tab-title')
@@ -292,7 +292,7 @@ var Tabs = function Tabs(_ref) {
           href = _child$props.href,
           renderTabWrapper = _child$props.renderTabWrapper,
           data = _child$props.dataAttrs;
-      var tab = renderTab(i, title, icon, href);
+      var tab = renderTab(i, title, icon, href, data === null || data === void 0 ? void 0 : data.inner);
       var activeTabClassName = currentIndex === i ? activeTabClass : undefined;
       return /*#__PURE__*/React.createElement(SwiperSlide, {
         className: cn('slide')

package/dist/lib/components/Tabs/Tab.d.ts

@@ -9,6 +9,7 @@ export interface ITabProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        inner?: Record<string, string>;
     };
     /** Дочерние элементы */
     children?: React.ReactNode;

package/dist/lib/components/Tabs/Tab.js

@@ -25,7 +25,8 @@ var Tab = function Tab(_ref) {
 
 Tab.propTypes = {
   dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    inner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   title: _propTypes["default"].string,
   icon: _propTypes["default"].node,

package/dist/lib/components/Tabs/Tabs.js

@@ -299,15 +299,15 @@ var Tabs = function Tabs(_ref) {
     var rootRefNode = rootRef.current;
     rootRefNode && ((_a = intersectionObserverRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(outerObserveContainer || rootRefNode));
   }, [outerObserveContainer]);
-  var renderTab = React.useCallback(function (index, title, icon, href) {
+  var renderTab = React.useCallback(function (index, title, icon, href, attr) {
     var ElementType = href ? 'a' : 'div';
-    return /*#__PURE__*/React.createElement(ElementType, {
+    return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({
       href: href,
       className: cn('tab-inner', {
         current: currentIndex === index
       }),
       onClick: handleTabInnerClick(index)
-    }, !!icon && /*#__PURE__*/React.createElement("div", {
+    }, (0, _uiHelpers.filterDataAttrs)(attr, index + 1)), !!icon && /*#__PURE__*/React.createElement("div", {
       className: cn('tab-icon')
     }, icon), !!title && /*#__PURE__*/React.createElement("div", {
       className: cn('tab-title')
@@ -321,7 +321,7 @@ var Tabs = function Tabs(_ref) {
           href = _child$props.href,
           renderTabWrapper = _child$props.renderTabWrapper,
           data = _child$props.dataAttrs;
-      var tab = renderTab(i, title, icon, href);
+      var tab = renderTab(i, title, icon, href, data === null || data === void 0 ? void 0 : data.inner);
       var activeTabClassName = currentIndex === i ? activeTabClass : undefined;
       return /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
         className: cn('slide')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.11.0",
+  "version": "3.12.0",
   "files": [
     "dist",
     "styles"
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "c0c35d6f50202e8af91b58ca10cf2b9cbb58a71d"
+  "gitHead": "937a89d31be941889706301984fdbf6c1e1852b2"
 }