@lumx/react 2.2.10 → 2.2.12-alpha.2
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.
- package/esm/_internal/Icon2.js +21 -29
- package/esm/_internal/Icon2.js.map +1 -1
- package/esm/_internal/Slides.js +42 -68
- package/esm/_internal/Slides.js.map +1 -1
- package/esm/_internal/getRootClassName.js +1 -2
- package/esm/_internal/getRootClassName.js.map +1 -1
- package/esm/_internal/slideshow.js +0 -1
- package/esm/_internal/slideshow.js.map +1 -1
- package/package.json +4 -4
- package/src/components/icon/Icon.stories.tsx +55 -36
- package/src/components/icon/Icon.tsx +19 -28
- package/src/components/slideshow/Slides.tsx +5 -22
- package/src/components/slideshow/Slideshow.tsx +4 -9
- package/src/components/slideshow/SlideshowControls.stories.tsx +4 -10
- package/src/components/slideshow/SlideshowItem.tsx +2 -13
- package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap +1 -3
- package/src/hooks/useSlideshowControls.ts +31 -18
- package/types.d.ts +6 -10
package/esm/_internal/Slides.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { d as _slicedToArray, _ as _objectSpread2, b as _objectWithoutProperties, c as _extends, a as _defineProperty } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import { Theme, Emphasis } from './components.js';
|
|
3
3
|
import React, { useRef, useEffect, useState, useCallback, useMemo, forwardRef } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses,
|
|
4
|
+
import { g as getRootClassName, c as classnames, h as handleBasicClasses, e as detectHorizontalSwipe } from './getRootClassName.js';
|
|
5
5
|
import { g as mdiChevronLeft, p as mdiPauseCircleOutline, q as mdiPlayCircleOutline, f as mdiChevronRight } from './Icon2.js';
|
|
6
6
|
import { W as WINDOW } from './constants.js';
|
|
7
7
|
import { m as mergeRefs } from './mergeRefs.js';
|
|
8
8
|
import { I as IconButton } from './IconButton.js';
|
|
9
9
|
import isFunction from 'lodash/isFunction';
|
|
10
10
|
import range from 'lodash/range';
|
|
11
|
-
import { u as useDelayedVisibility } from './useDelayedVisibility.js';
|
|
12
11
|
import uniqueId from 'lodash/uniqueId';
|
|
13
12
|
|
|
14
13
|
/**
|
|
@@ -149,10 +148,20 @@ var useSlideshowControls = function useSlideshowControls(_ref) {
|
|
|
149
148
|
if (currentIndex > slidesCount - 1) {
|
|
150
149
|
setCurrentIndex(defaultActiveIndex);
|
|
151
150
|
}
|
|
152
|
-
}, [currentIndex, slidesCount, defaultActiveIndex]);
|
|
151
|
+
}, [currentIndex, slidesCount, defaultActiveIndex]);
|
|
153
152
|
|
|
154
|
-
var
|
|
153
|
+
var startAutoPlay = function startAutoPlay() {
|
|
154
|
+
setIsAutoPlaying(Boolean(autoPlay));
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
var stopAutoPlay = function stopAutoPlay() {
|
|
155
158
|
setIsAutoPlaying(false);
|
|
159
|
+
}; // Handle click on a bullet to go to a specific slide.
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
var onPaginationClick = useCallback(function (index) {
|
|
163
|
+
stopAutoPlay();
|
|
164
|
+
setIsForcePaused(true);
|
|
156
165
|
|
|
157
166
|
if (index >= 0 && index < slidesCount) {
|
|
158
167
|
setCurrentIndex(index);
|
|
@@ -161,13 +170,15 @@ var useSlideshowControls = function useSlideshowControls(_ref) {
|
|
|
161
170
|
|
|
162
171
|
var onNextClick = useCallback(function () {
|
|
163
172
|
var loopback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
164
|
-
|
|
173
|
+
stopAutoPlay();
|
|
174
|
+
setIsForcePaused(true);
|
|
165
175
|
goToNextSlide(loopback);
|
|
166
176
|
}, [goToNextSlide]); // Handle click or keyboard event to go to previous slide.
|
|
167
177
|
|
|
168
178
|
var onPreviousClick = useCallback(function () {
|
|
169
179
|
var loopback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
170
|
-
|
|
180
|
+
stopAutoPlay();
|
|
181
|
+
setIsForcePaused(true);
|
|
171
182
|
goToPreviousSlide(loopback);
|
|
172
183
|
}, [goToPreviousSlide]); // If the activeIndex props changes, update the current slide
|
|
173
184
|
|
|
@@ -186,21 +197,22 @@ var useSlideshowControls = function useSlideshowControls(_ref) {
|
|
|
186
197
|
return slidesId || uniqueId('slideshow-slides');
|
|
187
198
|
}, [slidesId]);
|
|
188
199
|
|
|
189
|
-
var
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
200
|
+
var toggleAutoPlay = function toggleAutoPlay() {
|
|
201
|
+
if (isSlideshowAutoPlaying) {
|
|
202
|
+
stopAutoPlay();
|
|
203
|
+
} else {
|
|
204
|
+
startAutoPlay();
|
|
205
|
+
}
|
|
195
206
|
};
|
|
196
207
|
|
|
197
|
-
var
|
|
198
|
-
|
|
208
|
+
var toggleForcePause = function toggleForcePause() {
|
|
209
|
+
var shouldBePaused = !isForcePaused;
|
|
210
|
+
setIsForcePaused(shouldBePaused);
|
|
199
211
|
|
|
200
|
-
if (
|
|
201
|
-
stopAutoPlay();
|
|
202
|
-
} else {
|
|
212
|
+
if (!shouldBePaused) {
|
|
203
213
|
startAutoPlay();
|
|
214
|
+
} else {
|
|
215
|
+
stopAutoPlay();
|
|
204
216
|
}
|
|
205
217
|
}; // Start index and end index of visible slides.
|
|
206
218
|
|
|
@@ -218,14 +230,14 @@ var useSlideshowControls = function useSlideshowControls(_ref) {
|
|
|
218
230
|
onNextClick: onNextClick,
|
|
219
231
|
onPaginationClick: onPaginationClick,
|
|
220
232
|
isAutoPlaying: isSlideshowAutoPlaying,
|
|
221
|
-
|
|
233
|
+
toggleAutoPlay: toggleAutoPlay,
|
|
222
234
|
activeIndex: currentIndex,
|
|
223
235
|
slidesCount: slidesCount,
|
|
224
236
|
setActiveIndex: setCurrentIndex,
|
|
225
237
|
startAutoPlay: startAutoPlay,
|
|
226
238
|
stopAutoPlay: stopAutoPlay,
|
|
227
239
|
isForcePaused: isForcePaused,
|
|
228
|
-
|
|
240
|
+
toggleForcePause: toggleForcePause
|
|
229
241
|
};
|
|
230
242
|
};
|
|
231
243
|
|
|
@@ -306,9 +318,6 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
306
318
|
setSlideshow = _SlideshowControls$us.setSlideshow,
|
|
307
319
|
isAutoPlaying = _SlideshowControls$us.isAutoPlaying,
|
|
308
320
|
slideshowSlidesId = _SlideshowControls$us.slideshowSlidesId,
|
|
309
|
-
setIsAutoPlaying = _SlideshowControls$us.setIsAutoPlaying,
|
|
310
|
-
startIndexVisible = _SlideshowControls$us.startIndexVisible,
|
|
311
|
-
endIndexVisible = _SlideshowControls$us.endIndexVisible,
|
|
312
321
|
slidesCount = _SlideshowControls$us.slidesCount,
|
|
313
322
|
onNextClick = _SlideshowControls$us.onNextClick,
|
|
314
323
|
onPaginationClick = _SlideshowControls$us.onPaginationClick,
|
|
@@ -316,8 +325,8 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
316
325
|
slideshow = _SlideshowControls$us.slideshow,
|
|
317
326
|
stopAutoPlay = _SlideshowControls$us.stopAutoPlay,
|
|
318
327
|
startAutoPlay = _SlideshowControls$us.startAutoPlay,
|
|
319
|
-
|
|
320
|
-
|
|
328
|
+
toggleAutoPlay = _SlideshowControls$us.toggleAutoPlay,
|
|
329
|
+
toggleForcePause = _SlideshowControls$us.toggleForcePause;
|
|
321
330
|
|
|
322
331
|
useFocusWithin({
|
|
323
332
|
element: slideshow,
|
|
@@ -334,9 +343,7 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
334
343
|
isAutoPlaying: isAutoPlaying,
|
|
335
344
|
autoPlay: autoPlay,
|
|
336
345
|
slidesId: slideshowSlidesId,
|
|
337
|
-
|
|
338
|
-
startIndexVisible: startIndexVisible,
|
|
339
|
-
endIndexVisible: endIndexVisible,
|
|
346
|
+
toggleAutoPlay: toggleAutoPlay,
|
|
340
347
|
interval: interval,
|
|
341
348
|
ref: mergeRefs(ref, setSlideshow),
|
|
342
349
|
afterSlides: slideshowControlsProps && slidesCount > 1 ? React.createElement("div", {
|
|
@@ -358,9 +365,7 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
358
365
|
}, slideshowControlsProps.previousButtonProps),
|
|
359
366
|
playButtonProps: autoPlay ? _objectSpread2({
|
|
360
367
|
'aria-controls': slideshowSlidesId,
|
|
361
|
-
onClick:
|
|
362
|
-
return setIsForcePaused(!isForcePaused);
|
|
363
|
-
}
|
|
368
|
+
onClick: toggleForcePause
|
|
364
369
|
}, slideshowControlsProps.playButtonProps) : undefined
|
|
365
370
|
}))) : undefined
|
|
366
371
|
}, forwardedProps), children);
|
|
@@ -392,18 +397,8 @@ var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
|
392
397
|
var SlideshowItem = forwardRef(function (props, ref) {
|
|
393
398
|
var className = props.className,
|
|
394
399
|
children = props.children,
|
|
395
|
-
|
|
396
|
-
isCurrentlyVisible = _props$isCurrentlyVis === void 0 ? false : _props$isCurrentlyVis,
|
|
397
|
-
forwardedProps = _objectWithoutProperties(props, ["className", "children", "isCurrentlyVisible"]);
|
|
398
|
-
|
|
399
|
-
var _useState = useState(isCurrentlyVisible),
|
|
400
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
401
|
-
isVisible = _useState2[0],
|
|
402
|
-
setIsVisible = _useState2[1];
|
|
400
|
+
forwardedProps = _objectWithoutProperties(props, ["className", "children"]);
|
|
403
401
|
|
|
404
|
-
useDelayedVisibility(isCurrentlyVisible, SLIDESHOW_TRANSITION_DURATION, function (isNowVisible) {
|
|
405
|
-
setIsVisible(isNowVisible);
|
|
406
|
-
});
|
|
407
402
|
return React.createElement("div", _extends({
|
|
408
403
|
ref: ref,
|
|
409
404
|
className: classnames(className, handleBasicClasses({
|
|
@@ -411,12 +406,7 @@ var SlideshowItem = forwardRef(function (props, ref) {
|
|
|
411
406
|
})),
|
|
412
407
|
"aria-roledescription": "slide",
|
|
413
408
|
role: "group"
|
|
414
|
-
}, forwardedProps,
|
|
415
|
-
style: !isVisible ? _objectSpread2({
|
|
416
|
-
visibility: 'hidden'
|
|
417
|
-
}, forwardedProps.style || {}) : forwardedProps.style || {},
|
|
418
|
-
"aria-hidden": !isVisible
|
|
419
|
-
}), children);
|
|
409
|
+
}, forwardedProps), children);
|
|
420
410
|
});
|
|
421
411
|
SlideshowItem.displayName = COMPONENT_NAME;
|
|
422
412
|
SlideshowItem.className = CLASSNAME;
|
|
@@ -669,14 +659,11 @@ var Slides = forwardRef(function (props, ref) {
|
|
|
669
659
|
fillHeight = props.fillHeight,
|
|
670
660
|
groupBy = props.groupBy,
|
|
671
661
|
isAutoPlaying = props.isAutoPlaying,
|
|
672
|
-
|
|
662
|
+
toggleAutoPlay = props.toggleAutoPlay,
|
|
673
663
|
slidesId = props.slidesId,
|
|
674
|
-
setIsAutoPlaying = props.setIsAutoPlaying,
|
|
675
|
-
startIndexVisible = props.startIndexVisible,
|
|
676
|
-
endIndexVisible = props.endIndexVisible,
|
|
677
664
|
children = props.children,
|
|
678
665
|
afterSlides = props.afterSlides,
|
|
679
|
-
forwardedProps = _objectWithoutProperties(props, ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "
|
|
666
|
+
forwardedProps = _objectWithoutProperties(props, ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides"]); // Inline style of wrapper element.
|
|
680
667
|
|
|
681
668
|
|
|
682
669
|
var wrapperStyle = {
|
|
@@ -694,26 +681,13 @@ var Slides = forwardRef(function (props, ref) {
|
|
|
694
681
|
}), React.createElement("div", {
|
|
695
682
|
id: slidesId,
|
|
696
683
|
className: "".concat(CLASSNAME$2, "__slides"),
|
|
697
|
-
onMouseEnter:
|
|
698
|
-
|
|
699
|
-
},
|
|
700
|
-
onMouseLeave: function onMouseLeave() {
|
|
701
|
-
return setIsAutoPlaying(Boolean(autoPlay));
|
|
702
|
-
},
|
|
684
|
+
onMouseEnter: toggleAutoPlay,
|
|
685
|
+
onMouseLeave: toggleAutoPlay,
|
|
703
686
|
"aria-live": isAutoPlaying ? 'off' : 'polite'
|
|
704
687
|
}, React.createElement("div", {
|
|
705
688
|
className: "".concat(CLASSNAME$2, "__wrapper"),
|
|
706
689
|
style: wrapperStyle
|
|
707
|
-
},
|
|
708
|
-
if (React.isValidElement(child)) {
|
|
709
|
-
var isCurrentlyVisible = index >= startIndexVisible && index < endIndexVisible;
|
|
710
|
-
return React.cloneElement(child, {
|
|
711
|
-
isCurrentlyVisible: isCurrentlyVisible
|
|
712
|
-
});
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
return null;
|
|
716
|
-
}))), afterSlides);
|
|
690
|
+
}, children)), afterSlides);
|
|
717
691
|
});
|
|
718
692
|
Slides.displayName = COMPONENT_NAME$2;
|
|
719
693
|
Slides.className = CLASSNAME$2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slides.js","sources":["../../../src/hooks/useInterval.tsx","../../../src/components/slideshow/constants.ts","../../../src/hooks/useSlideshowControls.ts","../../../src/hooks/useFocusWithin.ts","../../../src/components/slideshow/Slideshow.tsx","../../../src/components/slideshow/SlideshowItem.tsx","../../../src/components/slideshow/useSwipeNavigate.ts","../../../src/components/slideshow/useKeyNavigate.ts","../../../src/components/slideshow/usePaginationVisibleRange.ts","../../../src/components/slideshow/SlideshowControls.tsx","../../../src/components/slideshow/Slides.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport isFunction from 'lodash/isFunction';\nimport { Callback } from '../utils';\n\n/**\n * Making setInterval Declarative with React Hooks.\n * Credits: https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n *\n * @param callback Function called by setInterval.\n * @param delay Delay for setInterval.\n */\nexport function useInterval(callback: Callback, delay: number | null): void {\n const savedCallback = useRef<Callback>();\n\n useEffect(() => {\n savedCallback.current = callback;\n });\n\n useEffect(() => {\n if (delay === null) return undefined;\n\n function tick() {\n if (isFunction(savedCallback.current)) {\n savedCallback.current();\n }\n }\n const id = setInterval(tick, delay);\n return () => clearInterval(id);\n }, [delay]);\n}\n","/**\n * Autoplay default interval in ms.\n */\nexport const AUTOPLAY_DEFAULT_INTERVAL = 5000;\n\n/**\n * Full width size in percent.\n */\nexport const FULL_WIDTH_PERCENT = 100;\n\n/**\n * Edge from the active index.\n */\nexport const EDGE_FROM_ACTIVE_INDEX = 2;\n\n/**\n * Max number of pagination items.\n */\nexport const PAGINATION_ITEMS_MAX = 5;\n\n/**\n * Size of a pagination item. Used to translate wrapper.\n */\nexport const PAGINATION_ITEM_SIZE = 12;\n","import { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useInterval } from '@lumx/react/hooks/useInterval';\nimport uniqueId from 'lodash/uniqueId';\nimport { AUTOPLAY_DEFAULT_INTERVAL } from '@lumx/react/components/slideshow/constants';\n\nexport interface UseSlideshowControlsOptions {\n /** default active index to be displayed */\n defaultActiveIndex?: number;\n /** total slides to display */\n itemsCount: number;\n /** Index of the current slide. */\n activeIndex?: number;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Callback when slide changes */\n onChange?(index: number): void;\n /** slideshow HTML id attribute */\n id?: string;\n /** slides wrapper HTML id attribute */\n slidesId?: string;\n}\n\nexport interface UseSlideshowControls {\n /** Index for the first visible slide, should be used when groupBy is passed in */\n startIndexVisible: number;\n /** Index for the last visible slide, should be used when groupBy is passed in */\n endIndexVisible: number;\n /** total slides to be displayed */\n slidesCount: number;\n /** callback to set */\n setSlideshow: (element: HTMLDivElement | null) => void;\n /** reference to the slideshow element */\n slideshow: HTMLDivElement | null;\n /** id to be used for the slideshow */\n slideshowId: string;\n /** id to be used for the wrapper that contains the slides */\n slideshowSlidesId: string;\n /** callback that triggers the previous slide while using the slideshow controls */\n onPreviousClick: (loopback: boolean) => void;\n /** callback that triggers the next slide while using the slideshow controls */\n onNextClick: (loopback: boolean) => void;\n /** callback that triggers a specific page while using the slideshow controls */\n onPaginationClick: (index: number) => void;\n /** whether the slideshow is autoplaying or not */\n isAutoPlaying: boolean;\n /** whether the slideshow was force paused or not */\n isForcePaused: boolean;\n /** callback to enable/disable the force pause feature */\n setIsForcePaused: (isForcePaused: boolean) => void;\n /** callback to change whether the slideshow is autoplaying or not */\n setIsAutoPlaying: (isAutoPlaying: boolean) => void;\n /** current active slide index */\n activeIndex: number;\n /** set the current index as the active one */\n setActiveIndex: (index: number) => void;\n /** callback that stops the auto play */\n stopAutoPlay: () => void;\n /** callback that starts the auto play */\n startAutoPlay: () => void;\n}\n\nexport const DEFAULT_OPTIONS: Partial<UseSlideshowControlsOptions> = {\n activeIndex: 0,\n groupBy: 1,\n interval: AUTOPLAY_DEFAULT_INTERVAL,\n};\n\nexport const useSlideshowControls = ({\n activeIndex = DEFAULT_OPTIONS.activeIndex,\n groupBy = DEFAULT_OPTIONS.groupBy,\n interval = DEFAULT_OPTIONS.interval,\n autoPlay,\n defaultActiveIndex,\n onChange,\n itemsCount,\n id,\n slidesId,\n}: UseSlideshowControlsOptions): UseSlideshowControls => {\n const [currentIndex, setCurrentIndex] = useState(activeIndex as number);\n // Use state instead of a ref to make the slideshow controls update directly when the element is set.\n const [element, setElement] = useState<HTMLDivElement | null>(null);\n\n // Number of slides when using groupBy prop.\n const slidesCount = Math.ceil(itemsCount / Math.min(groupBy as number, itemsCount));\n\n // Change current index to display next slide.\n const goToNextSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === slidesCount - 1) {\n // Loopback to the start.\n return 0;\n }\n if (index < slidesCount - 1) {\n // Next slide.\n return index + 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Change current index to display previous slide.\n const goToPreviousSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === 0) {\n // Loopback to the end.\n return slidesCount - 1;\n }\n if (index > 0) {\n // Previous slide.\n return index - 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Auto play\n const [isAutoPlaying, setIsAutoPlaying] = useState(Boolean(autoPlay));\n const [isForcePaused, setIsForcePaused] = useState(false);\n\n const isSlideshowAutoPlaying = isForcePaused ? false : isAutoPlaying;\n // Start\n useInterval(goToNextSlide, isSlideshowAutoPlaying && slidesCount > 1 ? (interval as number) : null);\n\n // Reset current index if it become invalid.\n useEffect(() => {\n if (currentIndex > slidesCount - 1) {\n setCurrentIndex(defaultActiveIndex as number);\n }\n }, [currentIndex, slidesCount, defaultActiveIndex]);\n\n // Handle click on a bullet to go to a specific slide.\n const onPaginationClick = useCallback(\n (index: number) => {\n setIsAutoPlaying(false);\n\n if (index >= 0 && index < slidesCount) {\n setCurrentIndex(index);\n }\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Handle click or keyboard event to go to next slide.\n const onNextClick = useCallback(\n (loopback = true) => {\n setIsAutoPlaying(false);\n goToNextSlide(loopback);\n },\n [goToNextSlide],\n );\n\n // Handle click or keyboard event to go to previous slide.\n const onPreviousClick = useCallback(\n (loopback = true) => {\n setIsAutoPlaying(false);\n goToPreviousSlide(loopback);\n },\n [goToPreviousSlide],\n );\n\n // If the activeIndex props changes, update the current slide\n useEffect(() => {\n setCurrentIndex(activeIndex as number);\n }, [activeIndex]);\n\n // If the slide changes, with autoplay for example, trigger \"onChange\"\n useEffect(() => {\n if (!onChange) return;\n onChange(currentIndex);\n }, [currentIndex, onChange]);\n\n const slideshowId = useMemo(() => id || uniqueId('slideshow'), [id]);\n const slideshowSlidesId = useMemo(() => slidesId || uniqueId('slideshow-slides'), [slidesId]);\n\n const startAutoPlay = () => {\n setIsAutoPlaying(Boolean(autoPlay));\n };\n\n const stopAutoPlay = () => {\n setIsAutoPlaying(false);\n };\n\n const forcePause = (isPaused: boolean) => {\n setIsForcePaused(isPaused);\n\n if (isPaused) {\n stopAutoPlay();\n } else {\n startAutoPlay();\n }\n };\n\n // Start index and end index of visible slides.\n const startIndexVisible = currentIndex * (groupBy as number);\n const endIndexVisible = startIndexVisible + (groupBy as number);\n\n return {\n startIndexVisible,\n endIndexVisible,\n setSlideshow: setElement,\n slideshow: element,\n slideshowId,\n slideshowSlidesId,\n onPreviousClick,\n onNextClick,\n onPaginationClick,\n isAutoPlaying: isSlideshowAutoPlaying,\n setIsAutoPlaying,\n activeIndex: currentIndex,\n slidesCount,\n setActiveIndex: setCurrentIndex,\n startAutoPlay,\n stopAutoPlay,\n isForcePaused,\n setIsForcePaused: forcePause,\n };\n};\n","import { useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n /** element to add the focus within to */\n element: HTMLElement | null;\n /** callback to be executed on focus in */\n onFocusIn: (ev: FocusEvent) => void;\n /** callback to be executed on focus out */\n onFocusOut: (ev: FocusEvent) => void;\n}\n\n/**\n * Hook that allows to control when there is a focus event within a given element, meaning\n * that any element within the given target will trigger the focus in and focus out events.\n * @param options - UseFocusWithinOptions\n */\nexport const useFocusWithin = ({ element, onFocusIn, onFocusOut }: UseFocusWithinOptions) => {\n useEffect(() => {\n if (element) {\n element.addEventListener('focusin', onFocusIn);\n\n element.addEventListener('focusout', onFocusOut);\n }\n\n return () => {\n if (element) {\n element.removeEventListener('focusin', onFocusIn);\n\n element.removeEventListener('focusout', onFocusOut);\n }\n };\n }, [onFocusIn, element, onFocusOut]);\n};\n","import React, { forwardRef } from 'react';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme, Slides, SlidesProps } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { Comp, GenericProps } from '@lumx/react/utils';\nimport { useFocusWithin } from '@lumx/react/hooks/useFocusWithin';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps\n extends GenericProps,\n Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy'> {\n /** current slide active */\n activeIndex?: SlidesProps['activeIndex'];\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */\n slideshowControlsProps?: Pick<SlideshowControlsProps, 'nextButtonProps' | 'previousButtonProps'> &\n Omit<\n SlideshowControlsProps,\n | 'activeIndex'\n | 'onPaginationClick'\n | 'onNextClick'\n | 'onPreviousClick'\n | 'slidesCount'\n | 'parentRef'\n | 'theme'\n >;\n /** Callback when slide changes */\n onChange?(index: number): void;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowProps> = {\n ...DEFAULT_OPTIONS,\n theme: Theme.light,\n};\n\n/**\n * Slideshow component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slideshow: Comp<SlideshowProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n autoPlay,\n children,\n className,\n fillHeight,\n groupBy,\n interval,\n onChange,\n slideshowControlsProps,\n theme,\n id,\n slidesId,\n ...forwardedProps\n } = props;\n // Number of slideshow items.\n const itemsCount = React.Children.count(children);\n\n const {\n activeIndex: currentIndex,\n slideshowId,\n setSlideshow,\n isAutoPlaying,\n slideshowSlidesId,\n setIsAutoPlaying,\n startIndexVisible,\n endIndexVisible,\n slidesCount,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n slideshow,\n stopAutoPlay,\n startAutoPlay,\n isForcePaused,\n setIsForcePaused,\n } = SlideshowControls.useSlideshowControls({\n activeIndex,\n defaultActiveIndex: DEFAULT_PROPS.activeIndex as number,\n autoPlay: Boolean(autoPlay),\n itemsCount,\n groupBy,\n id,\n interval,\n onChange,\n slidesId,\n });\n\n useFocusWithin({\n element: slideshow,\n onFocusIn: stopAutoPlay,\n onFocusOut: startAutoPlay,\n });\n\n return (\n <Slides\n activeIndex={currentIndex}\n id={slideshowId}\n className={className}\n theme={theme}\n fillHeight={fillHeight}\n groupBy={groupBy}\n isAutoPlaying={isAutoPlaying}\n autoPlay={autoPlay}\n slidesId={slideshowSlidesId}\n setIsAutoPlaying={setIsAutoPlaying}\n startIndexVisible={startIndexVisible}\n endIndexVisible={endIndexVisible}\n interval={interval}\n ref={mergeRefs(ref, setSlideshow)}\n afterSlides={\n slideshowControlsProps && slidesCount > 1 ? (\n <div className={`${Slides.className}__controls`}>\n <SlideshowControls\n {...slideshowControlsProps}\n activeIndex={currentIndex}\n onPaginationClick={onPaginationClick}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n slidesCount={slidesCount}\n parentRef={slideshow}\n theme={theme}\n isAutoPlaying={isAutoPlaying}\n nextButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.nextButtonProps,\n }}\n previousButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.previousButtonProps,\n }}\n playButtonProps={\n autoPlay\n ? {\n 'aria-controls': slideshowSlidesId,\n onClick: () => setIsForcePaused(!isForcePaused),\n ...slideshowControlsProps.playButtonProps,\n }\n : undefined\n }\n />\n </div>\n ) : undefined\n }\n {...forwardedProps}\n >\n {children}\n </Slides>\n );\n});\n\nSlideshow.displayName = 'Slideshow';\nSlideshow.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\nimport { useDelayedVisibility } from '@lumx/react/hooks/useDelayedVisibility';\n\nimport { SLIDESHOW_TRANSITION_DURATION } from '@lumx/core/js/constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowItemProps extends GenericProps {\n /** whether the slideshow item is currently visible */\n isCurrentlyVisible?: boolean;\n /** interval in which slides are automatically shown */\n interval?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SlideshowItem component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const SlideshowItem: Comp<SlideshowItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { className, children, isCurrentlyVisible = false, ...forwardedProps } = props;\n const [isVisible, setIsVisible] = useState<boolean>(isCurrentlyVisible);\n\n useDelayedVisibility(isCurrentlyVisible, SLIDESHOW_TRANSITION_DURATION, (isNowVisible) => {\n setIsVisible(isNowVisible);\n });\n\n return (\n <div\n ref={ref}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n aria-roledescription=\"slide\"\n role=\"group\"\n {...forwardedProps}\n style={!isVisible ? { visibility: 'hidden', ...(forwardedProps.style || {}) } : forwardedProps.style || {}}\n aria-hidden={!isVisible}\n >\n {children}\n </div>\n );\n});\n\nSlideshowItem.displayName = COMPONENT_NAME;\nSlideshowItem.className = CLASSNAME;\n","import { useEffect } from 'react';\nimport { detectHorizontalSwipe } from '@lumx/core/js/utils';\n\nconst isTouchDevice = () => 'ontouchstart' in window;\n\n/**\n * Listen swipe to navigate left and right.\n */\nexport function useSwipeNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element || !isTouchDevice()) return undefined;\n\n return detectHorizontalSwipe(element, (swipe) => {\n const callback = swipe === 'right' ? onPrevious : onNext;\n callback?.();\n });\n }, [onPrevious, onNext, element]);\n}\n","import { useEffect } from 'react';\n\n/**\n * Listen keyboard to navigate left and right.\n */\nexport function useKeyNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element) return undefined;\n const onKeyNavigate = (evt: KeyboardEvent) => {\n let callback;\n if (evt?.key === 'ArrowRight') {\n callback = onNext;\n } else if (evt?.key === 'ArrowLeft') {\n callback = onPrevious;\n }\n if (!callback) return;\n\n callback();\n evt.preventDefault();\n evt.stopPropagation();\n };\n\n element.addEventListener('keydown', onKeyNavigate);\n return () => {\n element.removeEventListener('keydown', onKeyNavigate);\n };\n }, [onPrevious, onNext, element]);\n}\n","import { useMemo, useRef } from 'react';\nimport { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from '@lumx/react/components/slideshow/constants';\n\ntype Range = { min: number; max: number };\n\n/**\n * Calculate the currently visible pagination \"bullet\" range.\n */\nexport function usePaginationVisibleRange(activeIndex: number, slideCount: number): Range {\n const previousVisibleRangeRef = useRef<Range>();\n return useMemo(() => {\n const lastSlide = slideCount - 1;\n const { current: previousVisibleRange } = previousVisibleRangeRef;\n let newVisibleRange: Range;\n if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {\n newVisibleRange = { min: previousVisibleRange.min + 1, max: previousVisibleRange.max + 1 };\n } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {\n newVisibleRange = { min: previousVisibleRange.min - 1, max: previousVisibleRange.max - 1 };\n } else {\n const deltaItems = PAGINATION_ITEMS_MAX - 1;\n let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;\n let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;\n\n if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {\n min = lastSlide - deltaItems;\n max = lastSlide;\n } else if (activeIndex < deltaItems) {\n min = 0;\n max = deltaItems;\n }\n\n newVisibleRange = { min, max };\n }\n previousVisibleRangeRef.current = newVisibleRange;\n return newVisibleRange;\n }, [activeIndex, slideCount]);\n}\n","import React, { forwardRef, RefObject, useCallback, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport range from 'lodash/range';\n\nimport { mdiChevronLeft, mdiChevronRight, mdiPlayCircleOutline, mdiPauseCircleOutline } from '@lumx/icons';\nimport { Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { WINDOW } from '@lumx/react/constants';\nimport { useSlideshowControls, DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\n\nimport { useSwipeNavigate } from './useSwipeNavigate';\nimport { useKeyNavigate } from './useKeyNavigate';\nimport { PAGINATION_ITEM_SIZE, PAGINATION_ITEMS_MAX } from './constants';\nimport { usePaginationVisibleRange } from './usePaginationVisibleRange';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowControlsProps extends GenericProps {\n /** Index of the current slide. */\n activeIndex?: number;\n /** Props to pass to the next button (minus those already set by the SlideshowControls props). */\n nextButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Reference to the parent element on which we want to listen touch swipe. */\n parentRef?: RefObject<HTMLDivElement> | HTMLDivElement | null;\n /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */\n previousButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Number of slides. */\n slidesCount: number;\n /** Theme adapting the component to light or dark background. */\n theme?: Theme;\n /** On next button click callback. */\n onNextClick?(loopback?: boolean): void;\n /** On pagination change callback. */\n onPaginationClick?(index: number): void;\n /** On previous button click callback. */\n onPreviousClick?(loopback?: boolean): void;\n /** whether the slideshow is currently playing */\n isAutoPlaying?: boolean;\n /** function to be executed in order to retrieve the label for the pagination item */\n paginationItemLabel?: (index: number) => string;\n /** Props to pass to the lay button (minus those already set by the SlideshowControls props). */\n playButtonProps?: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowControls';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowControlsProps> = {\n activeIndex: 0,\n theme: Theme.light,\n};\n\n/**\n * SlideshowControls component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nconst InternalSlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n className,\n nextButtonProps,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n parentRef,\n previousButtonProps,\n slidesCount,\n theme,\n isAutoPlaying = false,\n playButtonProps,\n paginationItemLabel,\n ...forwardedProps\n } = props;\n\n let parent;\n if (WINDOW) {\n // Checking window object to avoid errors in SSR.\n parent = parentRef instanceof HTMLElement ? parentRef : parentRef?.current;\n }\n // Listen to keyboard navigate left & right.\n useKeyNavigate(parent, onNextClick, onPreviousClick);\n // Listen to touch swipe navigate left & right.\n useSwipeNavigate(\n parent,\n // Go next without loopback.\n useCallback(() => onNextClick?.(false), [onNextClick]),\n // Go previous without loopback.\n useCallback(() => onPreviousClick?.(false), [onPreviousClick]),\n );\n\n // Pagination \"bullet\" range.\n const visibleRange = usePaginationVisibleRange(activeIndex as number, slidesCount);\n\n // Inline style of wrapper element.\n const wrapperStyle = { transform: `translateX(-${PAGINATION_ITEM_SIZE * visibleRange.min}px)` };\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX,\n })}\n >\n <IconButton\n {...previousButtonProps}\n icon={mdiChevronLeft}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onPreviousClick}\n />\n <div className={`${CLASSNAME}__pagination`}>\n <div className={`${CLASSNAME}__pagination-items`} style={wrapperStyle}>\n {useMemo(\n () =>\n range(slidesCount).map((index) => {\n const isOnEdge =\n index !== 0 &&\n index !== slidesCount - 1 &&\n (index === visibleRange.min || index === visibleRange.max);\n const isActive = activeIndex === index;\n const isOutRange = index < visibleRange.min || index > visibleRange.max;\n return (\n <button\n className={classNames(\n handleBasicClasses({\n prefix: `${CLASSNAME}__pagination-item`,\n isActive,\n isOnEdge,\n isOutRange,\n }),\n )}\n key={index}\n type=\"button\"\n onClick={() => onPaginationClick?.(index)}\n {...{\n 'aria-label': paginationItemLabel\n ? paginationItemLabel(index)\n : `${index + 1} / ${slidesCount}`,\n }}\n />\n );\n }),\n [\n slidesCount,\n visibleRange.min,\n visibleRange.max,\n activeIndex,\n paginationItemLabel,\n onPaginationClick,\n ],\n )}\n </div>\n </div>\n\n {playButtonProps ? (\n <IconButton\n {...playButtonProps}\n icon={isAutoPlaying ? mdiPauseCircleOutline : mdiPlayCircleOutline}\n className={`${CLASSNAME}__play`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n />\n ) : null}\n\n <IconButton\n {...nextButtonProps}\n icon={mdiChevronRight}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onNextClick}\n />\n </div>\n );\n});\n\nInternalSlideshowControls.displayName = COMPONENT_NAME;\nInternalSlideshowControls.className = CLASSNAME;\nInternalSlideshowControls.defaultProps = DEFAULT_PROPS;\n\nexport const SlideshowControls = Object.assign(InternalSlideshowControls, {\n useSlideshowControls,\n useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS,\n});\n","import React, { CSSProperties, forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { FULL_WIDTH_PERCENT } from '@lumx/react/components/slideshow/constants';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { Theme } from '@lumx/react';\n\nexport interface SlidesProps extends GenericProps {\n /** current slide active */\n activeIndex: number;\n /** slides id to be added to the wrapper */\n id?: string;\n /** custom classname */\n className?: string;\n /** custom theme */\n theme?: Theme;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** whether the slides are currently playing or not */\n isAutoPlaying?: boolean;\n /** id to be passed in into the slides */\n slidesId?: string;\n /** callback to change whether the slideshow is playing or not */\n setIsAutoPlaying: (isAutoPlaying: boolean) => void;\n /** starting visible index */\n startIndexVisible: number;\n /** ending visible index */\n endIndexVisible: number;\n /** component to be rendered after the slides */\n afterSlides?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slideshow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Slides component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slides: Comp<SlidesProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n id,\n className,\n theme,\n fillHeight,\n groupBy,\n isAutoPlaying,\n autoPlay,\n slidesId,\n setIsAutoPlaying,\n startIndexVisible,\n endIndexVisible,\n children,\n afterSlides,\n ...forwardedProps\n } = props;\n // Inline style of wrapper element.\n const wrapperStyle: CSSProperties = { transform: `translateX(-${FULL_WIDTH_PERCENT * activeIndex}%)` };\n\n return (\n <section\n id={id}\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--fill-height`]: fillHeight,\n [`${CLASSNAME}--group-by-${groupBy}`]: Boolean(groupBy),\n })}\n aria-roledescription=\"carousel\"\n >\n <div\n id={slidesId}\n className={`${CLASSNAME}__slides`}\n onMouseEnter={() => setIsAutoPlaying(false)}\n onMouseLeave={() => setIsAutoPlaying(Boolean(autoPlay))}\n aria-live={isAutoPlaying ? 'off' : 'polite'}\n >\n <div className={`${CLASSNAME}__wrapper`} style={wrapperStyle}>\n {React.Children.map(children, (child: React.ReactNode, index: number) => {\n if (React.isValidElement(child)) {\n const isCurrentlyVisible = index >= startIndexVisible && index < endIndexVisible;\n\n return React.cloneElement(child, {\n isCurrentlyVisible,\n });\n }\n\n return null;\n })}\n </div>\n </div>\n\n {afterSlides}\n </section>\n );\n});\n\nSlides.displayName = COMPONENT_NAME;\nSlides.className = CLASSNAME;\n"],"names":["useInterval","callback","delay","savedCallback","useRef","useEffect","current","undefined","tick","isFunction","id","setInterval","clearInterval","AUTOPLAY_DEFAULT_INTERVAL","FULL_WIDTH_PERCENT","EDGE_FROM_ACTIVE_INDEX","PAGINATION_ITEMS_MAX","PAGINATION_ITEM_SIZE","DEFAULT_OPTIONS","activeIndex","groupBy","interval","useSlideshowControls","autoPlay","defaultActiveIndex","onChange","itemsCount","slidesId","useState","currentIndex","setCurrentIndex","element","setElement","slidesCount","Math","ceil","min","goToNextSlide","useCallback","loopback","index","goToPreviousSlide","Boolean","isAutoPlaying","setIsAutoPlaying","isForcePaused","setIsForcePaused","isSlideshowAutoPlaying","onPaginationClick","onNextClick","onPreviousClick","slideshowId","useMemo","uniqueId","slideshowSlidesId","startAutoPlay","stopAutoPlay","forcePause","isPaused","startIndexVisible","endIndexVisible","setSlideshow","slideshow","setActiveIndex","useFocusWithin","onFocusIn","onFocusOut","addEventListener","removeEventListener","DEFAULT_PROPS","theme","Theme","light","Slideshow","forwardRef","props","ref","children","className","fillHeight","slideshowControlsProps","forwardedProps","React","Children","count","SlideshowControls","mergeRefs","Slides","nextButtonProps","previousButtonProps","onClick","playButtonProps","displayName","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","SlideshowItem","isCurrentlyVisible","isVisible","setIsVisible","useDelayedVisibility","SLIDESHOW_TRANSITION_DURATION","isNowVisible","classNames","handleBasicClasses","prefix","visibility","style","isTouchDevice","window","useSwipeNavigate","onNext","onPrevious","detectHorizontalSwipe","swipe","useKeyNavigate","onKeyNavigate","evt","key","preventDefault","stopPropagation","usePaginationVisibleRange","slideCount","previousVisibleRangeRef","lastSlide","previousVisibleRange","newVisibleRange","max","deltaItems","InternalSlideshowControls","parentRef","paginationItemLabel","parent","WINDOW","HTMLElement","visibleRange","wrapperStyle","transform","mdiChevronLeft","dark","Emphasis","low","range","map","isOnEdge","isActive","isOutRange","mdiPauseCircleOutline","mdiPlayCircleOutline","mdiChevronRight","Object","assign","useSlideshowControlsDefaultOptions","afterSlides","child","isValidElement","cloneElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Slides.js","sources":["../../../src/hooks/useInterval.tsx","../../../src/components/slideshow/constants.ts","../../../src/hooks/useSlideshowControls.ts","../../../src/hooks/useFocusWithin.ts","../../../src/components/slideshow/Slideshow.tsx","../../../src/components/slideshow/SlideshowItem.tsx","../../../src/components/slideshow/useSwipeNavigate.ts","../../../src/components/slideshow/useKeyNavigate.ts","../../../src/components/slideshow/usePaginationVisibleRange.ts","../../../src/components/slideshow/SlideshowControls.tsx","../../../src/components/slideshow/Slides.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport isFunction from 'lodash/isFunction';\nimport { Callback } from '../utils';\n\n/**\n * Making setInterval Declarative with React Hooks.\n * Credits: https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n *\n * @param callback Function called by setInterval.\n * @param delay Delay for setInterval.\n */\nexport function useInterval(callback: Callback, delay: number | null): void {\n const savedCallback = useRef<Callback>();\n\n useEffect(() => {\n savedCallback.current = callback;\n });\n\n useEffect(() => {\n if (delay === null) return undefined;\n\n function tick() {\n if (isFunction(savedCallback.current)) {\n savedCallback.current();\n }\n }\n const id = setInterval(tick, delay);\n return () => clearInterval(id);\n }, [delay]);\n}\n","/**\n * Autoplay default interval in ms.\n */\nexport const AUTOPLAY_DEFAULT_INTERVAL = 5000;\n\n/**\n * Full width size in percent.\n */\nexport const FULL_WIDTH_PERCENT = 100;\n\n/**\n * Edge from the active index.\n */\nexport const EDGE_FROM_ACTIVE_INDEX = 2;\n\n/**\n * Max number of pagination items.\n */\nexport const PAGINATION_ITEMS_MAX = 5;\n\n/**\n * Size of a pagination item. Used to translate wrapper.\n */\nexport const PAGINATION_ITEM_SIZE = 12;\n","import { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useInterval } from '@lumx/react/hooks/useInterval';\nimport uniqueId from 'lodash/uniqueId';\nimport { AUTOPLAY_DEFAULT_INTERVAL } from '@lumx/react/components/slideshow/constants';\n\nexport interface UseSlideshowControlsOptions {\n /** default active index to be displayed */\n defaultActiveIndex?: number;\n /** total slides to display */\n itemsCount: number;\n /** Index of the current slide. */\n activeIndex?: number;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Callback when slide changes */\n onChange?(index: number): void;\n /** slideshow HTML id attribute */\n id?: string;\n /** slides wrapper HTML id attribute */\n slidesId?: string;\n}\n\nexport interface UseSlideshowControls {\n /** Index for the first visible slide, should be used when groupBy is passed in */\n startIndexVisible: number;\n /** Index for the last visible slide, should be used when groupBy is passed in */\n endIndexVisible: number;\n /** total slides to be displayed */\n slidesCount: number;\n /** callback to set */\n setSlideshow: (element: HTMLDivElement | null) => void;\n /** reference to the slideshow element */\n slideshow: HTMLDivElement | null;\n /** id to be used for the slideshow */\n slideshowId: string;\n /** id to be used for the wrapper that contains the slides */\n slideshowSlidesId: string;\n /** callback that triggers the previous slide while using the slideshow controls */\n onPreviousClick: (loopback: boolean) => void;\n /** callback that triggers the next slide while using the slideshow controls */\n onNextClick: (loopback: boolean) => void;\n /** callback that triggers a specific page while using the slideshow controls */\n onPaginationClick: (index: number) => void;\n /** whether the slideshow is autoplaying or not */\n isAutoPlaying: boolean;\n /** whether the slideshow was force paused or not */\n isForcePaused: boolean;\n /** callback to change whether the slideshow is autoplaying or not */\n toggleAutoPlay: () => void;\n /** calback to change whether the slideshow should be force paused or not */\n toggleForcePause: () => void;\n /** current active slide index */\n activeIndex: number;\n /** set the current index as the active one */\n setActiveIndex: (index: number) => void;\n /** callback that stops the auto play */\n stopAutoPlay: () => void;\n /** callback that starts the auto play */\n startAutoPlay: () => void;\n}\n\nexport const DEFAULT_OPTIONS: Partial<UseSlideshowControlsOptions> = {\n activeIndex: 0,\n groupBy: 1,\n interval: AUTOPLAY_DEFAULT_INTERVAL,\n};\n\nexport const useSlideshowControls = ({\n activeIndex = DEFAULT_OPTIONS.activeIndex,\n groupBy = DEFAULT_OPTIONS.groupBy,\n interval = DEFAULT_OPTIONS.interval,\n autoPlay,\n defaultActiveIndex,\n onChange,\n itemsCount,\n id,\n slidesId,\n}: UseSlideshowControlsOptions): UseSlideshowControls => {\n const [currentIndex, setCurrentIndex] = useState(activeIndex as number);\n // Use state instead of a ref to make the slideshow controls update directly when the element is set.\n const [element, setElement] = useState<HTMLDivElement | null>(null);\n\n // Number of slides when using groupBy prop.\n const slidesCount = Math.ceil(itemsCount / Math.min(groupBy as number, itemsCount));\n\n // Change current index to display next slide.\n const goToNextSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === slidesCount - 1) {\n // Loopback to the start.\n return 0;\n }\n if (index < slidesCount - 1) {\n // Next slide.\n return index + 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Change current index to display previous slide.\n const goToPreviousSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === 0) {\n // Loopback to the end.\n return slidesCount - 1;\n }\n if (index > 0) {\n // Previous slide.\n return index - 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Auto play\n const [isAutoPlaying, setIsAutoPlaying] = useState(Boolean(autoPlay));\n const [isForcePaused, setIsForcePaused] = useState(false);\n\n const isSlideshowAutoPlaying = isForcePaused ? false : isAutoPlaying;\n // Start\n useInterval(goToNextSlide, isSlideshowAutoPlaying && slidesCount > 1 ? (interval as number) : null);\n\n // Reset current index if it become invalid.\n useEffect(() => {\n if (currentIndex > slidesCount - 1) {\n setCurrentIndex(defaultActiveIndex as number);\n }\n }, [currentIndex, slidesCount, defaultActiveIndex]);\n\n const startAutoPlay = () => {\n setIsAutoPlaying(Boolean(autoPlay));\n };\n\n const stopAutoPlay = () => {\n setIsAutoPlaying(false);\n };\n\n // Handle click on a bullet to go to a specific slide.\n const onPaginationClick = useCallback(\n (index: number) => {\n stopAutoPlay();\n setIsForcePaused(true);\n\n if (index >= 0 && index < slidesCount) {\n setCurrentIndex(index);\n }\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Handle click or keyboard event to go to next slide.\n const onNextClick = useCallback(\n (loopback = true) => {\n stopAutoPlay();\n setIsForcePaused(true);\n goToNextSlide(loopback);\n },\n [goToNextSlide],\n );\n\n // Handle click or keyboard event to go to previous slide.\n const onPreviousClick = useCallback(\n (loopback = true) => {\n stopAutoPlay();\n setIsForcePaused(true);\n goToPreviousSlide(loopback);\n },\n [goToPreviousSlide],\n );\n\n // If the activeIndex props changes, update the current slide\n useEffect(() => {\n setCurrentIndex(activeIndex as number);\n }, [activeIndex]);\n\n // If the slide changes, with autoplay for example, trigger \"onChange\"\n useEffect(() => {\n if (!onChange) return;\n onChange(currentIndex);\n }, [currentIndex, onChange]);\n\n const slideshowId = useMemo(() => id || uniqueId('slideshow'), [id]);\n const slideshowSlidesId = useMemo(() => slidesId || uniqueId('slideshow-slides'), [slidesId]);\n\n const toggleAutoPlay = () => {\n if (isSlideshowAutoPlaying) {\n stopAutoPlay();\n } else {\n startAutoPlay();\n }\n };\n\n const toggleForcePause = () => {\n const shouldBePaused = !isForcePaused;\n\n setIsForcePaused(shouldBePaused);\n\n if (!shouldBePaused) {\n startAutoPlay();\n } else {\n stopAutoPlay();\n }\n };\n\n // Start index and end index of visible slides.\n const startIndexVisible = currentIndex * (groupBy as number);\n const endIndexVisible = startIndexVisible + (groupBy as number);\n\n return {\n startIndexVisible,\n endIndexVisible,\n setSlideshow: setElement,\n slideshow: element,\n slideshowId,\n slideshowSlidesId,\n onPreviousClick,\n onNextClick,\n onPaginationClick,\n isAutoPlaying: isSlideshowAutoPlaying,\n toggleAutoPlay,\n activeIndex: currentIndex,\n slidesCount,\n setActiveIndex: setCurrentIndex,\n startAutoPlay,\n stopAutoPlay,\n isForcePaused,\n toggleForcePause,\n };\n};\n","import { useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n /** element to add the focus within to */\n element: HTMLElement | null;\n /** callback to be executed on focus in */\n onFocusIn: (ev: FocusEvent) => void;\n /** callback to be executed on focus out */\n onFocusOut: (ev: FocusEvent) => void;\n}\n\n/**\n * Hook that allows to control when there is a focus event within a given element, meaning\n * that any element within the given target will trigger the focus in and focus out events.\n * @param options - UseFocusWithinOptions\n */\nexport const useFocusWithin = ({ element, onFocusIn, onFocusOut }: UseFocusWithinOptions) => {\n useEffect(() => {\n if (element) {\n element.addEventListener('focusin', onFocusIn);\n\n element.addEventListener('focusout', onFocusOut);\n }\n\n return () => {\n if (element) {\n element.removeEventListener('focusin', onFocusIn);\n\n element.removeEventListener('focusout', onFocusOut);\n }\n };\n }, [onFocusIn, element, onFocusOut]);\n};\n","import React, { forwardRef } from 'react';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme, Slides, SlidesProps } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { Comp, GenericProps } from '@lumx/react/utils';\nimport { useFocusWithin } from '@lumx/react/hooks/useFocusWithin';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps\n extends GenericProps,\n Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy'> {\n /** current slide active */\n activeIndex?: SlidesProps['activeIndex'];\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */\n slideshowControlsProps?: Pick<SlideshowControlsProps, 'nextButtonProps' | 'previousButtonProps'> &\n Omit<\n SlideshowControlsProps,\n | 'activeIndex'\n | 'onPaginationClick'\n | 'onNextClick'\n | 'onPreviousClick'\n | 'slidesCount'\n | 'parentRef'\n | 'theme'\n >;\n /** Callback when slide changes */\n onChange?(index: number): void;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowProps> = {\n ...DEFAULT_OPTIONS,\n theme: Theme.light,\n};\n\n/**\n * Slideshow component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slideshow: Comp<SlideshowProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n autoPlay,\n children,\n className,\n fillHeight,\n groupBy,\n interval,\n onChange,\n slideshowControlsProps,\n theme,\n id,\n slidesId,\n ...forwardedProps\n } = props;\n // Number of slideshow items.\n const itemsCount = React.Children.count(children);\n\n const {\n activeIndex: currentIndex,\n slideshowId,\n setSlideshow,\n isAutoPlaying,\n slideshowSlidesId,\n slidesCount,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n slideshow,\n stopAutoPlay,\n startAutoPlay,\n toggleAutoPlay,\n toggleForcePause,\n } = SlideshowControls.useSlideshowControls({\n activeIndex,\n defaultActiveIndex: DEFAULT_PROPS.activeIndex as number,\n autoPlay: Boolean(autoPlay),\n itemsCount,\n groupBy,\n id,\n interval,\n onChange,\n slidesId,\n });\n\n useFocusWithin({\n element: slideshow,\n onFocusIn: stopAutoPlay,\n onFocusOut: startAutoPlay,\n });\n\n return (\n <Slides\n activeIndex={currentIndex}\n id={slideshowId}\n className={className}\n theme={theme}\n fillHeight={fillHeight}\n groupBy={groupBy}\n isAutoPlaying={isAutoPlaying}\n autoPlay={autoPlay}\n slidesId={slideshowSlidesId}\n toggleAutoPlay={toggleAutoPlay}\n interval={interval}\n ref={mergeRefs(ref, setSlideshow)}\n afterSlides={\n slideshowControlsProps && slidesCount > 1 ? (\n <div className={`${Slides.className}__controls`}>\n <SlideshowControls\n {...slideshowControlsProps}\n activeIndex={currentIndex}\n onPaginationClick={onPaginationClick}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n slidesCount={slidesCount}\n parentRef={slideshow}\n theme={theme}\n isAutoPlaying={isAutoPlaying}\n nextButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.nextButtonProps,\n }}\n previousButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.previousButtonProps,\n }}\n playButtonProps={\n autoPlay\n ? {\n 'aria-controls': slideshowSlidesId,\n onClick: toggleForcePause,\n ...slideshowControlsProps.playButtonProps,\n }\n : undefined\n }\n />\n </div>\n ) : undefined\n }\n {...forwardedProps}\n >\n {children}\n </Slides>\n );\n});\n\nSlideshow.displayName = 'Slideshow';\nSlideshow.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowItemProps extends GenericProps {\n /** whether the slideshow item is currently visible */\n isCurrentlyVisible?: boolean;\n /** interval in which slides are automatically shown */\n interval?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SlideshowItem component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const SlideshowItem: Comp<SlideshowItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { className, children, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n aria-roledescription=\"slide\"\n role=\"group\"\n {...forwardedProps}\n >\n {children}\n </div>\n );\n});\n\nSlideshowItem.displayName = COMPONENT_NAME;\nSlideshowItem.className = CLASSNAME;\n","import { useEffect } from 'react';\nimport { detectHorizontalSwipe } from '@lumx/core/js/utils';\n\nconst isTouchDevice = () => 'ontouchstart' in window;\n\n/**\n * Listen swipe to navigate left and right.\n */\nexport function useSwipeNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element || !isTouchDevice()) return undefined;\n\n return detectHorizontalSwipe(element, (swipe) => {\n const callback = swipe === 'right' ? onPrevious : onNext;\n callback?.();\n });\n }, [onPrevious, onNext, element]);\n}\n","import { useEffect } from 'react';\n\n/**\n * Listen keyboard to navigate left and right.\n */\nexport function useKeyNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element) return undefined;\n const onKeyNavigate = (evt: KeyboardEvent) => {\n let callback;\n if (evt?.key === 'ArrowRight') {\n callback = onNext;\n } else if (evt?.key === 'ArrowLeft') {\n callback = onPrevious;\n }\n if (!callback) return;\n\n callback();\n evt.preventDefault();\n evt.stopPropagation();\n };\n\n element.addEventListener('keydown', onKeyNavigate);\n return () => {\n element.removeEventListener('keydown', onKeyNavigate);\n };\n }, [onPrevious, onNext, element]);\n}\n","import { useMemo, useRef } from 'react';\nimport { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from '@lumx/react/components/slideshow/constants';\n\ntype Range = { min: number; max: number };\n\n/**\n * Calculate the currently visible pagination \"bullet\" range.\n */\nexport function usePaginationVisibleRange(activeIndex: number, slideCount: number): Range {\n const previousVisibleRangeRef = useRef<Range>();\n return useMemo(() => {\n const lastSlide = slideCount - 1;\n const { current: previousVisibleRange } = previousVisibleRangeRef;\n let newVisibleRange: Range;\n if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {\n newVisibleRange = { min: previousVisibleRange.min + 1, max: previousVisibleRange.max + 1 };\n } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {\n newVisibleRange = { min: previousVisibleRange.min - 1, max: previousVisibleRange.max - 1 };\n } else {\n const deltaItems = PAGINATION_ITEMS_MAX - 1;\n let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;\n let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;\n\n if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {\n min = lastSlide - deltaItems;\n max = lastSlide;\n } else if (activeIndex < deltaItems) {\n min = 0;\n max = deltaItems;\n }\n\n newVisibleRange = { min, max };\n }\n previousVisibleRangeRef.current = newVisibleRange;\n return newVisibleRange;\n }, [activeIndex, slideCount]);\n}\n","import React, { forwardRef, RefObject, useCallback, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport range from 'lodash/range';\n\nimport { mdiChevronLeft, mdiChevronRight, mdiPlayCircleOutline, mdiPauseCircleOutline } from '@lumx/icons';\nimport { Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { WINDOW } from '@lumx/react/constants';\nimport { useSlideshowControls, DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\n\nimport { useSwipeNavigate } from './useSwipeNavigate';\nimport { useKeyNavigate } from './useKeyNavigate';\nimport { PAGINATION_ITEM_SIZE, PAGINATION_ITEMS_MAX } from './constants';\nimport { usePaginationVisibleRange } from './usePaginationVisibleRange';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowControlsProps extends GenericProps {\n /** Index of the current slide. */\n activeIndex?: number;\n /** Props to pass to the next button (minus those already set by the SlideshowControls props). */\n nextButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Reference to the parent element on which we want to listen touch swipe. */\n parentRef?: RefObject<HTMLDivElement> | HTMLDivElement | null;\n /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */\n previousButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Number of slides. */\n slidesCount: number;\n /** Theme adapting the component to light or dark background. */\n theme?: Theme;\n /** On next button click callback. */\n onNextClick?(loopback?: boolean): void;\n /** On pagination change callback. */\n onPaginationClick?(index: number): void;\n /** On previous button click callback. */\n onPreviousClick?(loopback?: boolean): void;\n /** whether the slideshow is currently playing */\n isAutoPlaying?: boolean;\n /** function to be executed in order to retrieve the label for the pagination item */\n paginationItemLabel?: (index: number) => string;\n /** Props to pass to the lay button (minus those already set by the SlideshowControls props). */\n playButtonProps?: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowControls';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowControlsProps> = {\n activeIndex: 0,\n theme: Theme.light,\n};\n\n/**\n * SlideshowControls component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nconst InternalSlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n className,\n nextButtonProps,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n parentRef,\n previousButtonProps,\n slidesCount,\n theme,\n isAutoPlaying = false,\n playButtonProps,\n paginationItemLabel,\n ...forwardedProps\n } = props;\n\n let parent;\n if (WINDOW) {\n // Checking window object to avoid errors in SSR.\n parent = parentRef instanceof HTMLElement ? parentRef : parentRef?.current;\n }\n // Listen to keyboard navigate left & right.\n useKeyNavigate(parent, onNextClick, onPreviousClick);\n // Listen to touch swipe navigate left & right.\n useSwipeNavigate(\n parent,\n // Go next without loopback.\n useCallback(() => onNextClick?.(false), [onNextClick]),\n // Go previous without loopback.\n useCallback(() => onPreviousClick?.(false), [onPreviousClick]),\n );\n\n // Pagination \"bullet\" range.\n const visibleRange = usePaginationVisibleRange(activeIndex as number, slidesCount);\n\n // Inline style of wrapper element.\n const wrapperStyle = { transform: `translateX(-${PAGINATION_ITEM_SIZE * visibleRange.min}px)` };\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX,\n })}\n >\n <IconButton\n {...previousButtonProps}\n icon={mdiChevronLeft}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onPreviousClick}\n />\n <div className={`${CLASSNAME}__pagination`}>\n <div className={`${CLASSNAME}__pagination-items`} style={wrapperStyle}>\n {useMemo(\n () =>\n range(slidesCount).map((index) => {\n const isOnEdge =\n index !== 0 &&\n index !== slidesCount - 1 &&\n (index === visibleRange.min || index === visibleRange.max);\n const isActive = activeIndex === index;\n const isOutRange = index < visibleRange.min || index > visibleRange.max;\n return (\n <button\n className={classNames(\n handleBasicClasses({\n prefix: `${CLASSNAME}__pagination-item`,\n isActive,\n isOnEdge,\n isOutRange,\n }),\n )}\n key={index}\n type=\"button\"\n onClick={() => onPaginationClick?.(index)}\n {...{\n 'aria-label': paginationItemLabel\n ? paginationItemLabel(index)\n : `${index + 1} / ${slidesCount}`,\n }}\n />\n );\n }),\n [\n slidesCount,\n visibleRange.min,\n visibleRange.max,\n activeIndex,\n paginationItemLabel,\n onPaginationClick,\n ],\n )}\n </div>\n </div>\n\n {playButtonProps ? (\n <IconButton\n {...playButtonProps}\n icon={isAutoPlaying ? mdiPauseCircleOutline : mdiPlayCircleOutline}\n className={`${CLASSNAME}__play`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n />\n ) : null}\n\n <IconButton\n {...nextButtonProps}\n icon={mdiChevronRight}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onNextClick}\n />\n </div>\n );\n});\n\nInternalSlideshowControls.displayName = COMPONENT_NAME;\nInternalSlideshowControls.className = CLASSNAME;\nInternalSlideshowControls.defaultProps = DEFAULT_PROPS;\n\nexport const SlideshowControls = Object.assign(InternalSlideshowControls, {\n useSlideshowControls,\n useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS,\n});\n","import React, { CSSProperties, forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { FULL_WIDTH_PERCENT } from '@lumx/react/components/slideshow/constants';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { Theme } from '@lumx/react';\n\nexport interface SlidesProps extends GenericProps {\n /** current slide active */\n activeIndex: number;\n /** slides id to be added to the wrapper */\n id?: string;\n /** custom classname */\n className?: string;\n /** custom theme */\n theme?: Theme;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** whether the slides are currently playing or not */\n isAutoPlaying?: boolean;\n /** id to be passed in into the slides */\n slidesId?: string;\n /** callback to change whether the slideshow is playing or not */\n toggleAutoPlay: () => void;\n /** component to be rendered after the slides */\n afterSlides?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slideshow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Slides component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slides: Comp<SlidesProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n id,\n className,\n theme,\n fillHeight,\n groupBy,\n isAutoPlaying,\n toggleAutoPlay,\n slidesId,\n children,\n afterSlides,\n ...forwardedProps\n } = props;\n // Inline style of wrapper element.\n const wrapperStyle: CSSProperties = { transform: `translateX(-${FULL_WIDTH_PERCENT * activeIndex}%)` };\n\n return (\n <section\n id={id}\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--fill-height`]: fillHeight,\n [`${CLASSNAME}--group-by-${groupBy}`]: Boolean(groupBy),\n })}\n aria-roledescription=\"carousel\"\n >\n <div\n id={slidesId}\n className={`${CLASSNAME}__slides`}\n onMouseEnter={toggleAutoPlay}\n onMouseLeave={toggleAutoPlay}\n aria-live={isAutoPlaying ? 'off' : 'polite'}\n >\n <div className={`${CLASSNAME}__wrapper`} style={wrapperStyle}>\n {children}\n </div>\n </div>\n\n {afterSlides}\n </section>\n );\n});\n\nSlides.displayName = COMPONENT_NAME;\nSlides.className = CLASSNAME;\n"],"names":["useInterval","callback","delay","savedCallback","useRef","useEffect","current","undefined","tick","isFunction","id","setInterval","clearInterval","AUTOPLAY_DEFAULT_INTERVAL","FULL_WIDTH_PERCENT","EDGE_FROM_ACTIVE_INDEX","PAGINATION_ITEMS_MAX","PAGINATION_ITEM_SIZE","DEFAULT_OPTIONS","activeIndex","groupBy","interval","useSlideshowControls","autoPlay","defaultActiveIndex","onChange","itemsCount","slidesId","useState","currentIndex","setCurrentIndex","element","setElement","slidesCount","Math","ceil","min","goToNextSlide","useCallback","loopback","index","goToPreviousSlide","Boolean","isAutoPlaying","setIsAutoPlaying","isForcePaused","setIsForcePaused","isSlideshowAutoPlaying","startAutoPlay","stopAutoPlay","onPaginationClick","onNextClick","onPreviousClick","slideshowId","useMemo","uniqueId","slideshowSlidesId","toggleAutoPlay","toggleForcePause","shouldBePaused","startIndexVisible","endIndexVisible","setSlideshow","slideshow","setActiveIndex","useFocusWithin","onFocusIn","onFocusOut","addEventListener","removeEventListener","DEFAULT_PROPS","theme","Theme","light","Slideshow","forwardRef","props","ref","children","className","fillHeight","slideshowControlsProps","forwardedProps","React","Children","count","SlideshowControls","mergeRefs","Slides","nextButtonProps","previousButtonProps","onClick","playButtonProps","displayName","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","SlideshowItem","classNames","handleBasicClasses","prefix","isTouchDevice","window","useSwipeNavigate","onNext","onPrevious","detectHorizontalSwipe","swipe","useKeyNavigate","onKeyNavigate","evt","key","preventDefault","stopPropagation","usePaginationVisibleRange","slideCount","previousVisibleRangeRef","lastSlide","previousVisibleRange","newVisibleRange","max","deltaItems","InternalSlideshowControls","parentRef","paginationItemLabel","parent","WINDOW","HTMLElement","visibleRange","wrapperStyle","transform","mdiChevronLeft","dark","Emphasis","low","range","map","isOnEdge","isActive","isOutRange","mdiPauseCircleOutline","mdiPlayCircleOutline","mdiChevronRight","Object","assign","useSlideshowControlsDefaultOptions","afterSlides"],"mappings":"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"}
|
|
@@ -301,7 +301,6 @@ var CSS_PREFIX = 'lumx';
|
|
|
301
301
|
|
|
302
302
|
var DIALOG_TRANSITION_DURATION = 400;
|
|
303
303
|
var NOTIFICATION_TRANSITION_DURATION = 200;
|
|
304
|
-
var SLIDESHOW_TRANSITION_DURATION = 5000;
|
|
305
304
|
/**
|
|
306
305
|
* Delay on hover after which we open or close the tooltip.
|
|
307
306
|
* Only applies to devices supporting pointer hover.
|
|
@@ -343,5 +342,5 @@ function getRootClassName(componentName, subComponent) {
|
|
|
343
342
|
return formattedClassName;
|
|
344
343
|
}
|
|
345
344
|
|
|
346
|
-
export { CSS_PREFIX as C, DIALOG_TRANSITION_DURATION as D, NOTIFICATION_TRANSITION_DURATION as N,
|
|
345
|
+
export { CSS_PREFIX as C, DIALOG_TRANSITION_DURATION as D, NOTIFICATION_TRANSITION_DURATION as N, TOOLTIP_LONG_PRESS_DELAY as T, getBasicClass as a, onButtonPressed as b, classnames as c, createCommonjsModule as d, detectHorizontalSwipe as e, onEscapePressed as f, getRootClassName as g, handleBasicClasses as h, TOOLTIP_HOVER_DELAY as i, onEnterPressed as o };
|
|
347
346
|
//# sourceMappingURL=getRootClassName.js.map
|