@megafon/ui-core 5.18.0 → 5.18.1

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 (4) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/Banner/Banner.js +11 -10
  3. package/dist/lib/components/Banner/Banner.js +11 -10
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **banner:** disable autoplay for single slide ([7f8780b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7f8780b806c165a91aae63a051af299736ddd667))
12
+
13
+
14
+
15
+
16
+
6
17
  # [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)
7
18
 
8
19
 
package/dist/es/components/Banner/Banner.js CHANGED
@@ -73,6 +73,8 @@ var Banner = function Banner(_ref) {
73
73
  onPrevClick = _ref.onPrevClick,
74
74
  onDotClick = _ref.onDotClick,
75
75
  onChange = _ref.onChange;
76
+ var isSingleSlide = React.Children.count(children) === 1;
77
+ var canAutoPlay = autoPlay && !isSingleSlide;
76
78
 
77
79
  var _React$useState = React.useState(false),
78
80
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -94,7 +96,7 @@ var Banner = function Banner(_ref) {
94
96
  isEnd = _React$useState8[0],
95
97
  setEnd = _React$useState8[1];
96
98
 
97
- var _React$useState9 = React.useState(autoPlay),
99
+ var _React$useState9 = React.useState(canAutoPlay),
98
100
  _React$useState10 = _slicedToArray(_React$useState9, 2),
99
101
  isAutoPlaying = _React$useState10[0],
100
102
  setAutoPlaying = _React$useState10[1];
@@ -114,7 +116,6 @@ var Banner = function Banner(_ref) {
114
116
  isIncreasedDelay = _React$useState16[0],
115
117
  setIsIncreasedDelay = _React$useState16[1];
116
118
 
117
- var isSingleSlide = React.Children.count(children) === 1;
118
119
  var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
119
120
  var dotTimerDelay = delay / 1000;
120
121
  var rootRef = React.useRef(null);
@@ -122,7 +123,7 @@ var Banner = function Banner(_ref) {
122
123
  var params = _ref2.params,
123
124
  autoplay = _ref2.autoplay;
124
125
 
125
- if (_typeof(params.autoplay) !== 'object' || !autoPlay || noIncreaseAutoplayDelay) {
126
+ if (_typeof(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
126
127
  return;
127
128
  }
128
129
 
@@ -132,7 +133,7 @@ var Banner = function Banner(_ref) {
132
133
  setDelay(autoPlayDelay * 3);
133
134
  setIsIncreasedDelay(true);
134
135
  autoplay.start();
135
- }, [autoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
136
+ }, [canAutoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
136
137
  var handlePrevClick = React.useCallback(function () {
137
138
  if (!swiperInstance) {
138
139
  return;
@@ -196,7 +197,7 @@ var Banner = function Banner(_ref) {
196
197
  React.useEffect(function () {
197
198
  var rootElement = rootRef.current;
198
199
 
199
- if (!pauseOnHover || !autoPlay) {
200
+ if (!pauseOnHover || !canAutoPlay) {
200
201
  return;
201
202
  }
202
203
 
@@ -208,17 +209,17 @@ var Banner = function Banner(_ref) {
208
209
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
209
210
  setAutoPlaying(true);
210
211
  });
211
- }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
212
+ }, [canAutoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
212
213
  React.useEffect(function () {
213
- setAutoPlaying(autoPlay);
214
+ setAutoPlaying(canAutoPlay);
214
215
 
215
- if (autoPlay) {
216
+ if (canAutoPlay) {
216
217
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
217
218
  return;
218
219
  }
219
220
 
220
221
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
221
- }, [autoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
222
+ }, [canAutoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
222
223
  var renderNavArrows = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavArrow, {
223
224
  className: cn('arrow', {
224
225
  prev: true,
@@ -275,7 +276,7 @@ var Banner = function Banner(_ref) {
275
276
  }, /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
276
277
  className: cn('swiper', [classes.swiper]),
277
278
  loop: loop,
278
- autoplay: autoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
279
+ autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
279
280
  watchSlidesVisibility: true,
280
281
  noSwipingClass: classes.noSwiping,
281
282
  breakpoints: showNextSlide ? SLIDES_SETTINGS : undefined,
package/dist/lib/components/Banner/Banner.js CHANGED
@@ -104,6 +104,8 @@ var Banner = function Banner(_ref) {
104
104
  onPrevClick = _ref.onPrevClick,
105
105
  onDotClick = _ref.onDotClick,
106
106
  onChange = _ref.onChange;
107
+ var isSingleSlide = React.Children.count(children) === 1;
108
+ var canAutoPlay = autoPlay && !isSingleSlide;
107
109
 
108
110
  var _React$useState = React.useState(false),
109
111
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -125,7 +127,7 @@ var Banner = function Banner(_ref) {
125
127
  isEnd = _React$useState8[0],
126
128
  setEnd = _React$useState8[1];
127
129
 
128
- var _React$useState9 = React.useState(autoPlay),
130
+ var _React$useState9 = React.useState(canAutoPlay),
129
131
  _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
130
132
  isAutoPlaying = _React$useState10[0],
131
133
  setAutoPlaying = _React$useState10[1];
@@ -145,7 +147,6 @@ var Banner = function Banner(_ref) {
145
147
  isIncreasedDelay = _React$useState16[0],
146
148
  setIsIncreasedDelay = _React$useState16[1];
147
149
 
148
- var isSingleSlide = React.Children.count(children) === 1;
149
150
  var showDotTimer = loop ? isAutoPlaying : isAutoPlaying && !isEnd;
150
151
  var dotTimerDelay = delay / 1000;
151
152
  var rootRef = React.useRef(null);
@@ -153,7 +154,7 @@ var Banner = function Banner(_ref) {
153
154
  var params = _ref2.params,
154
155
  autoplay = _ref2.autoplay;
155
156
 
156
- if ((0, _typeof2["default"])(params.autoplay) !== 'object' || !autoPlay || noIncreaseAutoplayDelay) {
157
+ if ((0, _typeof2["default"])(params.autoplay) !== 'object' || !canAutoPlay || noIncreaseAutoplayDelay) {
157
158
  return;
158
159
  }
159
160
 
@@ -163,7 +164,7 @@ var Banner = function Banner(_ref) {
163
164
  setDelay(autoPlayDelay * 3);
164
165
  setIsIncreasedDelay(true);
165
166
  autoplay.start();
166
- }, [autoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
167
+ }, [canAutoPlay, autoPlayDelay, noIncreaseAutoplayDelay]);
167
168
  var handlePrevClick = React.useCallback(function () {
168
169
  if (!swiperInstance) {
169
170
  return;
@@ -227,7 +228,7 @@ var Banner = function Banner(_ref) {
227
228
  React.useEffect(function () {
228
229
  var rootElement = rootRef.current;
229
230
 
230
- if (!pauseOnHover || !autoPlay) {
231
+ if (!pauseOnHover || !canAutoPlay) {
231
232
  return;
232
233
  }
233
234
 
@@ -239,17 +240,17 @@ var Banner = function Banner(_ref) {
239
240
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
240
241
  setAutoPlaying(true);
241
242
  });
242
- }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
243
+ }, [canAutoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
243
244
  React.useEffect(function () {
244
- setAutoPlaying(autoPlay);
245
+ setAutoPlaying(canAutoPlay);
245
246
 
246
- if (autoPlay) {
247
+ if (canAutoPlay) {
247
248
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.start();
248
249
  return;
249
250
  }
250
251
 
251
252
  swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay.stop();
252
- }, [autoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
253
+ }, [canAutoPlay, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
253
254
  var renderNavArrows = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_NavArrow["default"], {
254
255
  className: cn('arrow', {
255
256
  prev: true,
@@ -306,7 +307,7 @@ var Banner = function Banner(_ref) {
306
307
  }, /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
307
308
  className: cn('swiper', [classes.swiper]),
308
309
  loop: loop,
309
- autoplay: autoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
310
+ autoplay: canAutoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
310
311
  watchSlidesVisibility: true,
311
312
  noSwipingClass: classes.noSwiping,
312
313
  breakpoints: showNextSlide ? _slidesSettings["default"] : undefined,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "5.18.0",
3
+ "version": "5.18.1",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -99,5 +99,5 @@
99
99
  "react-popper": "^2.2.3",
100
100
  "swiper": "^6.5.6"
101
101
  },
102
- "gitHead": "083ea89de7d915f3d2d74aff90e4ec8213a235f5"
102
+ "gitHead": "e39d4dae5d51999d67300d83f502e1d20293798f"
103
103
  }