@megafon/ui-core 3.11.0 → 3.13.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.13.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.1...@megafon/ui-core@3.13.0) (2022-08-11)
+
+
+### Features
+
+* **banner:** add auto height ([c7658fa](https://github.com/MegafonWebLab/megafon-ui/commit/c7658faf335bc26f0a1b816e29b9cca114944691))
+
+
+
+
+
+## [3.12.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.0...@megafon/ui-core@3.12.1) (2022-08-02)
+
+
+### Bug Fixes
+
+* **carousel:** popup input focus ([b1c117a](https://github.com/MegafonWebLab/megafon-ui/commit/b1c117ac1ed560182e61133393ec65f14527958f))
+
+
+
+
+
+# [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/Banner/Banner.css

@@ -36,6 +36,9 @@
     height: 400px;
   }
 }
+.mfui-banner_auto-height .mfui-banner__slide {
+  height: auto;
+}
 @media screen and (min-width: 1024px) {
   .mfui-banner .swiper-slide-visible {
     opacity: 1;

package/dist/es/components/Banner/Banner.d.ts

@@ -36,6 +36,8 @@ export interface IBannerProps {
     pauseOnHover?: boolean;
     /** Цветовая тема навигации */
     navTheme?: NavThemeType;
+    /** Автоматическая высота слайдов */
+    autoHeight?: boolean;
     /** Обработчик клика по стрелке "вперед" (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке "назад" (должен быть обернут в useCallback) */

package/dist/es/components/Banner/Banner.js

@@ -43,6 +43,8 @@ var Banner = function Banner(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       _ref$navTheme = _ref.navTheme,
       navTheme = _ref$navTheme === void 0 ? 'light' : _ref$navTheme,
+      _ref$autoHeight = _ref.autoHeight,
+      autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
       _ref$children = _ref.children,
       children = _ref$children === void 0 ? [] : _ref$children,
       onNextClick = _ref.onNextClick,
@@ -178,7 +180,8 @@ var Banner = function Banner(_ref) {
   }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'nav-theme': navTheme
+      'nav-theme': navTheme,
+      'auto-height': autoHeight
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
@@ -259,6 +262,7 @@ Banner.propTypes = {
   autoPlayDelay: PropTypes.number,
   pauseOnHover: PropTypes.bool,
   navTheme: PropTypes.oneOf(Object.values(NavTheme)),
+  autoHeight: PropTypes.bool,
   onNextClick: PropTypes.func,
   onPrevClick: PropTypes.func,
   onDotClick: PropTypes.func,

package/dist/es/components/Carousel/Carousel.js

@@ -219,7 +219,9 @@ var Carousel = function Carousel(_ref) {
   };
 
   var disableFocusOnSlideClick = function disableFocusOnSlideClick(e) {
-    e.nativeEvent.preventDefault();
+    if (e.nativeEvent.target.closest(".".concat(cn()))) {
+      e.nativeEvent.preventDefault();
+    }
   };
 
   React.useEffect(function () {

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/Banner/Banner.css

@@ -36,6 +36,9 @@
     height: 400px;
   }
 }
+.mfui-banner_auto-height .mfui-banner__slide {
+  height: auto;
+}
 @media screen and (min-width: 1024px) {
   .mfui-banner .swiper-slide-visible {
     opacity: 1;

package/dist/lib/components/Banner/Banner.d.ts

@@ -36,6 +36,8 @@ export interface IBannerProps {
     pauseOnHover?: boolean;
     /** Цветовая тема навигации */
     navTheme?: NavThemeType;
+    /** Автоматическая высота слайдов */
+    autoHeight?: boolean;
     /** Обработчик клика по стрелке "вперед" (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке "назад" (должен быть обернут в useCallback) */

package/dist/lib/components/Banner/Banner.js

@@ -71,6 +71,8 @@ var Banner = function Banner(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       _ref$navTheme = _ref.navTheme,
       navTheme = _ref$navTheme === void 0 ? 'light' : _ref$navTheme,
+      _ref$autoHeight = _ref.autoHeight,
+      autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
       _ref$children = _ref.children,
       children = _ref$children === void 0 ? [] : _ref$children,
       onNextClick = _ref.onNextClick,
@@ -206,7 +208,8 @@ var Banner = function Banner(_ref) {
   }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'nav-theme': navTheme
+      'nav-theme': navTheme,
+      'auto-height': autoHeight
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
@@ -287,6 +290,7 @@ Banner.propTypes = {
   autoPlayDelay: PropTypes.number,
   pauseOnHover: PropTypes.bool,
   navTheme: PropTypes.oneOf(Object.values(NavTheme)),
+  autoHeight: PropTypes.bool,
   onNextClick: PropTypes.func,
   onPrevClick: PropTypes.func,
   onDotClick: PropTypes.func,

package/dist/lib/components/Carousel/Carousel.js

@@ -249,7 +249,9 @@ var Carousel = function Carousel(_ref) {
   };
 
   var disableFocusOnSlideClick = function disableFocusOnSlideClick(e) {
-    e.nativeEvent.preventDefault();
+    if (e.nativeEvent.target.closest(".".concat(cn()))) {
+      e.nativeEvent.preventDefault();
+    }
   };
 
   React.useEffect(function () {

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.13.0",
   "files": [
     "dist",
     "styles"
@@ -43,7 +43,7 @@
     ]
   },
   "peerDependencies": {
-    "@megafon/ui-icons": "^0.0.2-beta.2",
+    "@megafon/ui-icons": "^1.0.0",
     "react": ">=16.13.0",
     "react-dom": ">=16.13.0"
   },
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "c0c35d6f50202e8af91b58ca10cf2b9cbb58a71d"
+  "gitHead": "805c619438eb41f92e1dbb930d750393e8fea5fe"
 }