@lumx/react 2.2.8 → 2.2.9

package/src/hooks/useSlideshowControls.ts

@@ -4,8 +4,6 @@ import { useInterval } from '@lumx/react/hooks/useInterval';
 import uniqueId from 'lodash/uniqueId';
 import { AUTOPLAY_DEFAULT_INTERVAL } from '@lumx/react/components/slideshow/constants';
 
-import { useFocusWithin } from './useFocusWithin';
-
 export interface UseSlideshowControlsOptions {
     /** default active index to be displayed */
     defaultActiveIndex?: number;
@@ -52,12 +50,20 @@ export interface UseSlideshowControls {
     onPaginationClick: (index: number) => void;
     /** whether the slideshow is autoplaying or not */
     isAutoPlaying: boolean;
+    /** whether the slideshow was force paused or not */
+    isForcePaused: boolean;
+    /** callback to enable/disable the force pause feature */
+    setIsForcePaused: (isForcePaused: boolean) => void;
     /** callback to change whether the slideshow is autoplaying or not */
     setIsAutoPlaying: (isAutoPlaying: boolean) => void;
     /** current active slide index  */
     activeIndex: number;
     /** set the current index as the active one */
     setActiveIndex: (index: number) => void;
+    /** callback that stops the auto play */
+    stopAutoPlay: () => void;
+    /** callback that starts the auto play */
+    startAutoPlay: () => void;
 }
 
 export const DEFAULT_OPTIONS: Partial<UseSlideshowControlsOptions> = {
@@ -122,8 +128,11 @@ export const useSlideshowControls = ({
 
     // Auto play
     const [isAutoPlaying, setIsAutoPlaying] = useState(Boolean(autoPlay));
+    const [isForcePaused, setIsForcePaused] = useState(false);
+
+    const isSlideshowAutoPlaying = isForcePaused ? false : isAutoPlaying;
     // Start
-    useInterval(goToNextSlide, isAutoPlaying && slidesCount > 1 ? (interval as number) : null);
+    useInterval(goToNextSlide, isSlideshowAutoPlaying && slidesCount > 1 ? (interval as number) : null);
 
     // Reset current index if it become invalid.
     useEffect(() => {
@@ -184,11 +193,15 @@ export const useSlideshowControls = ({
         setIsAutoPlaying(false);
     };
 
-    useFocusWithin({
-        element,
-        onFocusIn: stopAutoPlay,
-        onFocusOut: startAutoPlay,
-    });
+    const forcePause = (isPaused: boolean) => {
+        setIsForcePaused(isPaused);
+
+        if (isPaused) {
+            stopAutoPlay();
+        } else {
+            startAutoPlay();
+        }
+    };
 
     // Start index and end index of visible slides.
     const startIndexVisible = currentIndex * (groupBy as number);
@@ -204,10 +217,14 @@ export const useSlideshowControls = ({
         onPreviousClick,
         onNextClick,
         onPaginationClick,
-        isAutoPlaying,
+        isAutoPlaying: isSlideshowAutoPlaying,
         setIsAutoPlaying,
         activeIndex: currentIndex,
         slidesCount,
         setActiveIndex: setCurrentIndex,
+        startAutoPlay,
+        stopAutoPlay,
+        isForcePaused,
+        setIsForcePaused: forcePause,
     };
 };

package/src/stories/generated/Thumbnail/Demos.stories.tsx

@@ -4,7 +4,9 @@
 export default { title: 'LumX components/thumbnail/Thumbnail Demos' };
 
 export { App as Combined } from './combined';
-export { App as LoadingError } from './loading-error';
+export { App as ErrorFallback } from './error-fallback';
+export { App as Error } from './error';
+export { App as Loading } from './loading';
 export { App as Ratios } from './ratios';
 export { App as Sizes } from './sizes';
 export { App as Variants } from './variants';

package/types.d.ts

@@ -2082,27 +2082,13 @@ export declare const clamp: (value: number, min: number, max: number) => number;
 /**
  * Defines the props of the component.
  */
-export interface SlideshowProps extends GenericProps {
-	/** Index of the current slide. */
-	activeIndex?: number;
-	/** Whether the automatic rotation of the slideshow is enabled or not. */
-	autoPlay?: boolean;
-	/** Whether the image has to fill its container height or not. */
-	fillHeight?: boolean;
-	/** Number of slides to group together. */
-	groupBy?: number;
+export interface SlideshowProps extends GenericProps, Pick<SlidesProps, "activeIndex" | "autoPlay" | "fillHeight" | "slidesId" | "id" | "theme" | "fillHeight" | "groupBy"> {
 	/** Interval between each slide when automatic rotation is enabled. */
 	interval?: number;
 	/** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */
 	slideshowControlsProps?: Pick<SlideshowControlsProps, "nextButtonProps" | "previousButtonProps"> & Omit<SlideshowControlsProps, "activeIndex" | "onPaginationClick" | "onNextClick" | "onPreviousClick" | "slidesCount" | "parentRef" | "theme">;
-	/** Theme adapting the component to light or dark background. */
-	theme?: Theme;
 	/** Callback when slide changes */
 	onChange?(index: number): void;
-	/** slideshow HTML id attribute */
-	id?: string;
-	/** slides wrapper HTML id attribute */
-	slidesId?: string;
 }
 /**
  * Slideshow component.
@@ -2115,7 +2101,12 @@ export declare const Slideshow: Comp<SlideshowProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-export declare type SlideshowItemProps = GenericProps;
+export interface SlideshowItemProps extends GenericProps {
+	/** whether the slideshow item is currently visible */
+	isCurrentlyVisible?: boolean;
+	/** interval in which slides are automatically shown */
+	interval?: number;
+}
 /**
  * SlideshowItem component.
  *
@@ -2169,12 +2160,20 @@ export interface UseSlideshowControls {
 	onPaginationClick: (index: number) => void;
 	/** whether the slideshow is autoplaying or not */
 	isAutoPlaying: boolean;
+	/** whether the slideshow was force paused or not */
+	isForcePaused: boolean;
+	/** callback to enable/disable the force pause feature */
+	setIsForcePaused: (isForcePaused: boolean) => void;
 	/** callback to change whether the slideshow is autoplaying or not */
 	setIsAutoPlaying: (isAutoPlaying: boolean) => void;
 	/** current active slide index  */
 	activeIndex: number;
 	/** set the current index as the active one */
 	setActiveIndex: (index: number) => void;
+	/** callback that stops the auto play */
+	stopAutoPlay: () => void;
+	/** callback that starts the auto play */
+	startAutoPlay: () => void;
 }
 /**
  * Defines the props of the component.
@@ -2198,11 +2197,53 @@ export interface SlideshowControlsProps extends GenericProps {
 	onPaginationClick?(index: number): void;
 	/** On previous button click callback. */
 	onPreviousClick?(loopback?: boolean): void;
+	/** whether the slideshow is currently playing */
+	isAutoPlaying?: boolean;
+	/** function to be executed in order to retrieve the label for the pagination item */
+	paginationItemLabel?: (index: number) => string;
+	/** Props to pass to the lay button (minus those already set by the SlideshowControls props). */
+	playButtonProps?: Pick<IconButtonProps, "label"> & Omit<IconButtonProps, "label" | "onClick" | "icon" | "emphasis" | "color">;
 }
 export declare const SlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> & {
 	useSlideshowControls: ({ activeIndex, groupBy, interval, autoPlay, defaultActiveIndex, onChange, itemsCount, id, slidesId, }: import("../../hooks/useSlideshowControls").UseSlideshowControlsOptions) => import("../../hooks/useSlideshowControls").UseSlideshowControls;
 	useSlideshowControlsDefaultOptions: Partial<import("../../hooks/useSlideshowControls").UseSlideshowControlsOptions>;
 };
+export interface SlidesProps extends GenericProps {
+	/** current slide active */
+	activeIndex?: number;
+	/** slides id to be added to the wrapper */
+	id?: string;
+	/** custom classname */
+	className?: string;
+	/** custom theme */
+	theme?: Theme;
+	/** Whether the automatic rotation of the slideshow is enabled or not. */
+	autoPlay?: boolean;
+	/** Whether the image has to fill its container height or not. */
+	fillHeight?: boolean;
+	/** Number of slides to group together. */
+	groupBy?: number;
+	/** whether the slides are currently playing or not */
+	isAutoPlaying?: boolean;
+	/** id to be passed in into the slides */
+	slidesId?: string;
+	/** callback to change whether the slideshow is playing or not */
+	setIsAutoPlaying: (isAutoPlaying: boolean) => void;
+	/** starting visible index */
+	startIndexVisible: number;
+	/** ending visible index */
+	endIndexVisible: number;
+	/** component to be rendered after the slides */
+	afterSlides?: React.ReactNode;
+}
+/**
+ * Slides component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+export declare const Slides: Comp<any, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */

package/esm/_internal/SlideshowControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideshowControls.js","sources":["../../../src/hooks/useInterval.tsx","../../../src/components/slideshow/constants.ts","../../../src/hooks/useFocusWithin.ts","../../../src/hooks/useSlideshowControls.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"],"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 { useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n    /** element to add the focus within to */\n    element: HTMLElement | undefined;\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.addEventListener('focusout', onFocusOut);\n            }\n        };\n    }, [onFocusIn, element, onFocusOut]);\n};\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\nimport { useFocusWithin } from './useFocusWithin';\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 | undefined) => void;\n    /** reference to the slideshow element */\n    slideshow: HTMLDivElement | undefined;\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    /** 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}\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>();\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    // Start\n    useInterval(goToNextSlide, isAutoPlaying && 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    useFocusWithin({\n        element,\n        onFocusIn: stopAutoPlay,\n        onFocusOut: startAutoPlay,\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,\n        setIsAutoPlaying,\n        activeIndex: currentIndex,\n        slidesCount,\n        setActiveIndex: setCurrentIndex,\n    };\n};\n","import React, { CSSProperties, forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { FULL_WIDTH_PERCENT } from '@lumx/react/components/slideshow/constants';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps extends GenericProps {\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    /** 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    /** Theme adapting the component to light or dark background. */\n    theme?: Theme;\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\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 * 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    } = 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    // Inline style of wrapper element.\n    const wrapperStyle: CSSProperties = { transform: `translateX(-${FULL_WIDTH_PERCENT * currentIndex}%)` };\n\n    /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n    return (\n        <section\n            id={slideshowId}\n            ref={mergeRefs(ref, setSlideshow)}\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            aria-live={isAutoPlaying ? 'off' : 'polite'}\n        >\n            <div\n                id={slideshowSlidesId}\n                className={`${CLASSNAME}__slides`}\n                onMouseEnter={() => setIsAutoPlaying(false)}\n                onMouseLeave={() => setIsAutoPlaying(Boolean(autoPlay))}\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                                style: !isCurrentlyVisible\n                                    ? { visibility: 'hidden', ...(child.props.style || {}) }\n                                    : child.props.style || {},\n                                'aria-hidden': !isCurrentlyVisible,\n                            });\n                        }\n\n                        return null;\n                    })}\n                </div>\n            </div>\n\n            {slideshowControlsProps && slidesCount > 1 && (\n                <div className={`${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                        nextButtonProps={{\n                            'aria-controls': slideshowSlidesId,\n                            ...slideshowControlsProps.nextButtonProps,\n                        }}\n                        previousButtonProps={{\n                            'aria-controls': slideshowSlidesId,\n                            ...slideshowControlsProps.previousButtonProps,\n                        }}\n                    />\n                </div>\n            )}\n        </section>\n    );\n});\n\nSlideshow.displayName = COMPONENT_NAME;\nSlideshow.className = CLASSNAME;\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 type SlideshowItemProps = GenericProps;\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 } 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;\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}\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        ...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                                    // eslint-disable-next-line jsx-a11y/control-has-associated-label\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                                );\n                            }),\n                        [slidesCount, visibleRange.min, visibleRange.max, activeIndex, onPaginationClick],\n                    )}\n                </div>\n            </div>\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"],"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","useFocusWithin","element","onFocusIn","onFocusOut","addEventListener","removeEventListener","DEFAULT_OPTIONS","activeIndex","groupBy","interval","useSlideshowControls","autoPlay","defaultActiveIndex","onChange","itemsCount","slidesId","useState","currentIndex","setCurrentIndex","setElement","slidesCount","Math","ceil","min","goToNextSlide","useCallback","loopback","index","goToPreviousSlide","Boolean","isAutoPlaying","setIsAutoPlaying","onPaginationClick","onNextClick","onPreviousClick","slideshowId","useMemo","uniqueId","slideshowSlidesId","startAutoPlay","stopAutoPlay","startIndexVisible","endIndexVisible","setSlideshow","slideshow","setActiveIndex","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","Slideshow","forwardRef","props","ref","children","className","fillHeight","slideshowControlsProps","forwardedProps","React","Children","count","SlideshowControls","wrapperStyle","transform","mergeRefs","classNames","handleBasicClasses","prefix","map","child","isValidElement","isCurrentlyVisible","cloneElement","style","visibility","nextButtonProps","previousButtonProps","displayName","defaultProps","SlideshowItem","isTouchDevice","window","useSwipeNavigate","onNext","onPrevious","detectHorizontalSwipe","swipe","useKeyNavigate","onKeyNavigate","evt","key","preventDefault","stopPropagation","usePaginationVisibleRange","slideCount","previousVisibleRangeRef","lastSlide","previousVisibleRange","newVisibleRange","max","deltaItems","InternalSlideshowControls","parentRef","parent","WINDOW","HTMLElement","visibleRange","mdiChevronLeft","dark","Emphasis","low","range","isOnEdge","isActive","isOutRange","mdiChevronRight","Object","assign","useSlideshowControlsDefaultOptions"],"mappings":"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"}