@megafon/ui-core 5.17.0 → 5.18.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.18.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.18.0...@megafon/ui-core@5.18.1) (2024-07-17)
+
+
+### Bug Fixes
+
+* **banner:** disable autoplay for single slide ([7f8780b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7f8780b806c165a91aae63a051af299736ddd667))
+
+
+
+
+
+# [5.18.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.17.0...@megafon/ui-core@5.18.0) (2024-07-08)
+
+
+### Features
+
+* **contentview:** add props to ContentView component ([ffa2dcc](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/ffa2dcc51305f96190aa65157733a3b624e462ac))
+
+
+
+
+
 # [5.17.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.16.0...@megafon/ui-core@5.17.0) (2024-07-01)
 
 

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

@@ -73,6 +73,8 @@ var Banner = function Banner(_ref) {
       onPrevClick = _ref.onPrevClick,
       onDotClick = _ref.onDotClick,
       onChange = _ref.onChange;
+  var isSingleSlide = React.Children.count(children) === 1;
+  var canAutoPlay = autoPlay && !isSingleSlide;
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -94,7 +96,7 @@ var Banner = function Banner(_ref) {
       isEnd = _React$useState8[0],
       setEnd = _React$useState8[1];
 
-  var _React$useState9 = React.useState(autoPlay),
+  var _React$useState9 = React.useState(canAutoPlay),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       isAutoPlaying = _React$useState10[0],
       setAutoPlaying = _React$useState10[1];
@@ -114,7 +116,6 @@ var Banner = function Banner(_ref) {
       isIncreasedDelay = _React$useState16[0],
       setIsIncreasedDelay = _React$useState16[1];
 
-  var isSingleSlide = React.Children.count(children) === 1;
   var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
   var dotTimerDelay = delay / 1000;
   var rootRef = React.useRef(null);
@@ -122,7 +123,7 @@ var Banner = function Banner(_ref) {
     var params = _ref2.params,
         autoplay = _ref2.autoplay;
 
-    if (_typeof(params.autoplay) !== 'object' || !autoPlay || noIncreaseAutoplayDelay) {
+    if (_typeof(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
       return;
     }
 
@@ -132,7 +133,7 @@ var Banner = function Banner(_ref) {
     setDelay(autoPlayDelay * 3);
     setIsIncreasedDelay(true);
     autoplay.start();
-  }, [autoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
+  }, [canAutoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
   var handlePrevClick = React.useCallback(function () {
     if (!swiperInstance) {
       return;
@@ -196,7 +197,7 @@ var Banner = function Banner(_ref) {
   React.useEffect(function () {
     var rootElement = rootRef.current;
 
-    if (!pauseOnHover || !autoPlay) {
+    if (!pauseOnHover || !canAutoPlay) {
       return;
     }
 
@@ -208,17 +209,17 @@ var Banner = function Banner(_ref) {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
       setAutoPlaying(true);
     });
-  }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
+  }, [canAutoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   React.useEffect(function () {
-    setAutoPlaying(autoPlay);
+    setAutoPlaying(canAutoPlay);
 
-    if (autoPlay) {
+    if (canAutoPlay) {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
       return;
     }
 
     swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
-  }, [autoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
+  }, [canAutoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   var renderNavArrows = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavArrow, {
     className: cn('arrow', {
       prev: true,
@@ -275,7 +276,7 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
-    autoplay: autoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
+    autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
     watchSlidesVisibility: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? SLIDES_SETTINGS : undefined,

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

@@ -22,6 +22,7 @@ export interface IContentViewProps {
         title?: string;
         button?: string;
         link?: string;
+        bgImage?: string;
     };
     /** Заголовок */
     title: string;

package/dist/es/components/ContentView/ContentView.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.string.link.js";
 import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import { cnCreate, convert, filterDataAttrs, titleConvertConfig } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import Button from "../Button/Button";
 import "./ContentView.css";
@@ -31,14 +31,14 @@ var ContentView = function ContentView(_ref) {
   }, !!type && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.bgImage), {
     className: cn('bg-image', {
       type: type
-    })
+    }, [classes.bgImage])
   })), !!src && !type && /*#__PURE__*/React.createElement("img", {
     className: cn('image'),
     src: src,
     alt: alt
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('title', [classes.title])
-  }, title), !!children && /*#__PURE__*/React.createElement("div", {
+  }, convert(title, titleConvertConfig)), !!children && /*#__PURE__*/React.createElement("div", {
     className: cn('text')
   }, children)), showButtons && /*#__PURE__*/React.createElement("div", {
     className: cn('buttons')
@@ -68,6 +68,12 @@ var ContentView = function ContentView(_ref) {
 
 ContentView.propTypes = {
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    title: PropTypes.string,
+    button: PropTypes.string,
+    link: PropTypes.string,
+    bgImage: PropTypes.string
+  }),
   title: PropTypes.string.isRequired,
   type: PropTypes.oneOf(['waiting', 'error', 'submit', 'success', 'fail', 'update', 'alarm', 'empty', 'searchNoResult']),
   alt: PropTypes.string,

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

@@ -104,6 +104,8 @@ var Banner = function Banner(_ref) {
       onPrevClick = _ref.onPrevClick,
       onDotClick = _ref.onDotClick,
       onChange = _ref.onChange;
+  var isSingleSlide = React.Children.count(children) === 1;
+  var canAutoPlay = autoPlay && !isSingleSlide;
 
   var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -125,7 +127,7 @@ var Banner = function Banner(_ref) {
       isEnd = _React$useState8[0],
       setEnd = _React$useState8[1];
 
-  var _React$useState9 = React.useState(autoPlay),
+  var _React$useState9 = React.useState(canAutoPlay),
       _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
       isAutoPlaying = _React$useState10[0],
       setAutoPlaying = _React$useState10[1];
@@ -145,7 +147,6 @@ var Banner = function Banner(_ref) {
       isIncreasedDelay = _React$useState16[0],
       setIsIncreasedDelay = _React$useState16[1];
 
-  var isSingleSlide = React.Children.count(children) === 1;
   var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
   var dotTimerDelay = delay / 1000;
   var rootRef = React.useRef(null);
@@ -153,7 +154,7 @@ var Banner = function Banner(_ref) {
     var params = _ref2.params,
         autoplay = _ref2.autoplay;
 
-    if ((0, _typeof2["default"])(params.autoplay) !== 'object' || !autoPlay || noIncreaseAutoplayDelay) {
+    if ((0, _typeof2["default"])(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
       return;
     }
 
@@ -163,7 +164,7 @@ var Banner = function Banner(_ref) {
     setDelay(autoPlayDelay * 3);
     setIsIncreasedDelay(true);
     autoplay.start();
-  }, [autoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
+  }, [canAutoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
   var handlePrevClick = React.useCallback(function () {
     if (!swiperInstance) {
       return;
@@ -227,7 +228,7 @@ var Banner = function Banner(_ref) {
   React.useEffect(function () {
     var rootElement = rootRef.current;
 
-    if (!pauseOnHover || !autoPlay) {
+    if (!pauseOnHover || !canAutoPlay) {
       return;
     }
 
@@ -239,17 +240,17 @@ var Banner = function Banner(_ref) {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
       setAutoPlaying(true);
     });
-  }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
+  }, [canAutoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   React.useEffect(function () {
-    setAutoPlaying(autoPlay);
+    setAutoPlaying(canAutoPlay);
 
-    if (autoPlay) {
+    if (canAutoPlay) {
       swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
       return;
     }
 
     swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
-  }, [autoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
+  }, [canAutoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   var renderNavArrows = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_NavArrow["default"], {
     className: cn('arrow', {
       prev: true,
@@ -306,7 +307,7 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper', [classes.swiper]),
     loop: loop,
-    autoplay: autoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
+    autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
     watchSlidesVisibility: true,
     noSwipingClass: classes.noSwiping,
     breakpoints: showNextSlide ? _slidesSettings["default"] : undefined,

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

@@ -22,6 +22,7 @@ export interface IContentViewProps {
         title?: string;
         button?: string;
         link?: string;
+        bgImage?: string;
     };
     /** Заголовок */
     title: string;

package/dist/lib/components/ContentView/ContentView.js

@@ -51,14 +51,14 @@ var ContentView = function ContentView(_ref) {
   }, !!type && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.bgImage), {
     className: cn('bg-image', {
       type: type
-    })
+    }, [classes.bgImage])
   })), !!src && !type && /*#__PURE__*/React.createElement("img", {
     className: cn('image'),
     src: src,
     alt: alt
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('title', [classes.title])
-  }, title), !!children && /*#__PURE__*/React.createElement("div", {
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), !!children && /*#__PURE__*/React.createElement("div", {
     className: cn('text')
   }, children)), showButtons && /*#__PURE__*/React.createElement("div", {
     className: cn('buttons')
@@ -88,6 +88,12 @@ var ContentView = function ContentView(_ref) {
 
 ContentView.propTypes = {
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    title: PropTypes.string,
+    button: PropTypes.string,
+    link: PropTypes.string,
+    bgImage: PropTypes.string
+  }),
   title: PropTypes.string.isRequired,
   type: PropTypes.oneOf(['waiting', 'error', 'submit', 'success', 'fail', 'update', 'alarm', 'empty', 'searchNoResult']),
   alt: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "5.17.0",
+  "version": "5.18.1",
   "files": [
     "dist",
     "styles"
@@ -50,7 +50,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.25.0",
+    "@megafon/ui-icons": "^2.26.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -99,5 +99,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "426c7d8e65c13746f9cc1c895a2e7e1b4b08316a"
+  "gitHead": "e39d4dae5d51999d67300d83f502e1d20293798f"
 }