@toptal/picasso 31.5.1 → 31.6.0

package/Carousel/Carousel.d.ts

@@ -0,0 +1,70 @@
+import { ReactNode } from 'react';
+import 'glider-js/glider.css';
+import { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    /**
+     * Slide automatically to next slides
+     */
+    autoplay?: boolean;
+    /**
+     * Time in ms before sliding to next slide
+     */
+    autoplayDelay?: number;
+    /**
+     * Carousel items
+     */
+    children: ReactNode;
+    /**
+     * If true, Carousel will scroll to the beginning/end when its respective endpoint is reached
+     */
+    rewind: boolean;
+    /**
+     * Hide dots from the navigation bar
+     */
+    hasDots?: boolean;
+    /**
+     * Hide arrows from the navigation bar
+     */
+    hasArrows?: boolean;
+    /**
+     * The number of slides to show in container
+     */
+    slidesToShow?: number;
+    /**
+     * The number of slides to scroll when arrow navigation
+     * is used.
+     */
+    slidesToScroll?: number;
+    /**
+     * Callback triggered when Carousel finished scrolling to a slide
+     */
+    onSlide?: (currentSlide: number) => void;
+    /**
+     * data-testid passed to parts of the Carousel
+     */
+    testIds?: {
+        arrows?: string;
+        carousel?: string;
+        dots?: string;
+        footer?: string;
+        header?: string;
+        navigation?: string;
+        next?: string;
+        prev?: string;
+        root?: string;
+    };
+}
+export declare const Carousel: {
+    ({ autoplay, autoplayDelay, className, children, hasArrows, hasDots, onSlide, rewind, slidesToScroll, slidesToShow, testIds, }: Props): JSX.Element;
+    defaultProps: {
+        hasArrows: boolean;
+        hasDots: boolean;
+        rewind: boolean;
+        autoplay: boolean;
+        autoplayDelay: number;
+        slidesToScroll: number;
+        slidesToShow: number;
+    };
+    displayName: string;
+};
+export default Carousel;

package/Carousel/Carousel.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import 'glider-js/glider.css';
+import styles from './styles';
+import Container from '../Container';
+import CarouselGradient from '../CarouselGradient';
+import useCarousel from './hooks/useCarousel';
+import CarouselNavigation from '../CarouselNavigation';
+const useStyles = makeStyles(styles, { name: 'Carousel' });
+const testIdsDefault = {};
+export const Carousel = ({ autoplay = false, autoplayDelay = 3000, className, children, hasArrows = false, hasDots = false, onSlide, rewind = false, slidesToScroll = 1, slidesToShow = 1, testIds = testIdsDefault, }) => {
+    const { isLastPage, getContainerProps, getCarouselProps, getDotsProps, getNextProps, getPrevProps, } = useCarousel({
+        autoplay,
+        autoplayDelay,
+        onSlide,
+        rewind,
+        slidesToScroll,
+        slidesToShow,
+        slidesCount: React.Children.count(children),
+        hasDots,
+    });
+    const classes = useStyles();
+    return (React.createElement(Container, Object.assign({ className: cx(classes.root, className), "data-testid": testIds.root }, getContainerProps()),
+        React.createElement(Container, { className: classes.container },
+            React.createElement(Container, Object.assign({}, getCarouselProps(), { "data-testid": testIds.carousel }), children),
+            !Number.isInteger(slidesToShow) && (React.createElement(CarouselGradient, { slidesToShow: slidesToShow, isLastPage: isLastPage }))),
+        React.createElement(CarouselNavigation, { hasArrows: hasArrows, hasDots: hasDots, getDotsProps: getDotsProps, getPrevProps: getPrevProps, getNextProps: getNextProps, testIds: testIds })));
+};
+Carousel.defaultProps = {
+    hasArrows: false,
+    hasDots: false,
+    rewind: false,
+    autoplay: false,
+    autoplayDelay: 3000,
+    slidesToScroll: 1,
+    slidesToShow: 1,
+};
+Carousel.displayName = 'Carousel';
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

package/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,sBAAsB,CAAA;AAG7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAwDjE,MAAM,cAAc,GAAG,EAAE,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,GAAG,KAAK,EACd,cAAc,GAAG,CAAC,EAClB,YAAY,GAAG,CAAC,EAChB,OAAO,GAAG,cAAc,GAClB,EAAE,EAAE;IACV,MAAM,EACJ,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,GAAG,WAAW,CAAC;QACd,QAAQ;QACR,aAAa;QACb,OAAO;QACP,MAAM;QACN,cAAc;QACd,YAAY;QACZ,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3C,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,iBACzB,OAAO,CAAC,IAAI,IACrB,iBAAiB,EAAE;QAEvB,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS;YACrC,oBAAC,SAAS,oBAAK,gBAAgB,EAAE,mBAAe,OAAO,CAAC,QAAQ,KAC7D,QAAQ,CACC;YACX,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAClC,oBAAC,gBAAgB,IACf,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACtB,CACH,CACS;QAEZ,oBAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,IAAI;IACnB,cAAc,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC;CAChB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/Carousel/hooks/useAutoplay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useAutoplay';

package/Carousel/hooks/useAutoplay/index.js

@@ -0,0 +1,2 @@
+export { default } from './useAutoplay';
+//# sourceMappingURL=index.js.map

package/Carousel/hooks/useAutoplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Carousel/hooks/useAutoplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/Carousel/hooks/useAutoplay/useAutoplay.d.ts

@@ -0,0 +1,10 @@
+declare type Props = {
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    slideNext: () => void;
+    autoplay: boolean;
+    autoplayDelay: number;
+    rewind: boolean;
+    isLastPage: boolean;
+};
+declare const useAutoplay: ({ wrapperRef, slideNext, autoplay, autoplayDelay, rewind, isLastPage, }: Props) => void;
+export default useAutoplay;

package/Carousel/hooks/useAutoplay/useAutoplay.js

@@ -0,0 +1,14 @@
+import useInterval from '../../../utils/useInterval';
+import useOnScreen from '../../../utils/useOnScreen';
+import useMouseEnter from '../../../utils/useMouseEnter';
+const useAutoplay = ({ wrapperRef, slideNext, autoplay, autoplayDelay, rewind, isLastPage, }) => {
+    const isOnScreen = useOnScreen({ ref: wrapperRef });
+    const isMouseOver = useMouseEnter(wrapperRef);
+    useInterval({
+        callback: slideNext,
+        delay: autoplayDelay,
+        isPaused: !autoplay || (!rewind && isLastPage) || !isOnScreen || isMouseOver,
+    });
+};
+export default useAutoplay;
+//# sourceMappingURL=useAutoplay.js.map

package/Carousel/hooks/useAutoplay/useAutoplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoplay.js","sourceRoot":"","sources":["../../../../src/Carousel/hooks/useAutoplay/useAutoplay.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAWxD,MAAM,WAAW,GAAG,CAAC,EACnB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,EACN,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAA;IACnD,MAAM,WAAW,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;IAE7C,WAAW,CAAC;QACV,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,aAAa;QACpB,QAAQ,EACN,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,IAAI,WAAW;KACrE,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/Carousel/hooks/useCarousel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './useCarousel';

package/Carousel/hooks/useCarousel/index.js

@@ -0,0 +1,2 @@
+export { default } from './useCarousel';
+//# sourceMappingURL=index.js.map

package/Carousel/hooks/useCarousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Carousel/hooks/useCarousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/Carousel/hooks/useCarousel/useCarousel.d.ts

@@ -0,0 +1,44 @@
+declare type Props = {
+    autoplay: boolean;
+    autoplayDelay: number;
+    /**
+     * Callback triggered when Carousel finished scrolling to a slide
+     */
+    onSlide?: (currentSlide: number) => void;
+    /**
+     * If true, Carousel will scroll to the beginning/end when its respective endpoint is reached
+     */
+    rewind: boolean;
+    /**
+     * The number of slides to scroll when arrow navigation
+     * is used.
+     */
+    slidesToScroll: number;
+    /**
+     * The number of slides to show in container
+     */
+    slidesToShow: number;
+    slidesCount: number;
+    hasDots: boolean;
+};
+declare const useCarousel: ({ autoplay, autoplayDelay, onSlide, rewind, slidesToScroll, slidesToShow, slidesCount, hasDots, }: Props) => {
+    isLastPage: boolean;
+    getPrevProps: () => {
+        disabled: boolean;
+        onClick: () => void;
+    };
+    getNextProps: () => {
+        disabled: boolean;
+        onClick: () => void;
+    };
+    getDotsProps: () => {
+        ref: import("react").RefObject<HTMLDivElement>;
+    };
+    getContainerProps: () => {
+        ref: import("react").RefObject<HTMLDivElement>;
+    };
+    getCarouselProps: () => {
+        ref: import("react").RefObject<HTMLDivElement>;
+    };
+};
+export default useCarousel;

package/Carousel/hooks/useCarousel/useCarousel.js

@@ -0,0 +1,89 @@
+import { useRef, useCallback, useState, useEffect } from 'react';
+import Glider from 'glider-js';
+import isOnLastPage from '../../utils/isOnLastPage';
+import useAutoplay from '../useAutoplay';
+const useCarousel = ({ autoplay, autoplayDelay, onSlide, rewind, slidesToScroll, slidesToShow, slidesCount, hasDots, }) => {
+    const dotsRef = useRef(null);
+    const elementRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const [isLastPage, setLastPage] = useState(false);
+    const [isFirstPage, setFirstPage] = useState(!rewind);
+    const gliderRef = useRef();
+    const handleOnAnimated = useCallback(() => {
+        var _a;
+        const currentSlide = ((_a = gliderRef.current) === null || _a === void 0 ? void 0 : _a.slide) || 0;
+        setLastPage(isOnLastPage({
+            currentSlide,
+            slidesCount,
+            slidesToShow,
+        }));
+        setFirstPage(currentSlide === 0);
+        onSlide === null || onSlide === void 0 ? void 0 : onSlide(currentSlide);
+    }, [slidesCount, slidesToShow, onSlide]);
+    const initializeGlider = useCallback(() => {
+        const element = elementRef.current;
+        if (element &&
+            !gliderRef.current &&
+            (!hasDots || (hasDots && dotsRef.current))) {
+            gliderRef.current = new Glider(element, {
+                slidesToShow,
+                rewind,
+                slidesToScroll,
+                dots: dotsRef.current,
+            });
+            element.addEventListener('glider-animated', handleOnAnimated);
+        }
+    }, [slidesToShow, rewind, slidesToScroll, handleOnAnimated, hasDots]);
+    useEffect(() => {
+        initializeGlider();
+    }, [initializeGlider]);
+    const slideNext = useCallback(() => {
+        const glider = gliderRef.current;
+        const currentSlide = (glider === null || glider === void 0 ? void 0 : glider.slide) || 0;
+        const item = isLastPage ? 0 : currentSlide + slidesToScroll;
+        glider === null || glider === void 0 ? void 0 : glider.scrollItem(item, false);
+    }, [isLastPage, slidesToScroll]);
+    const slidePrev = useCallback(() => {
+        const glider = gliderRef.current;
+        const currentSlide = (glider === null || glider === void 0 ? void 0 : glider.slide) || 0;
+        const lastPage = slidesCount - slidesToShow;
+        const prevSlide = currentSlide - slidesToScroll;
+        const item = currentSlide === 0 ? lastPage : prevSlide;
+        glider === null || glider === void 0 ? void 0 : glider.scrollItem(item, false);
+    }, [slidesCount, slidesToShow, slidesToScroll]);
+    useAutoplay({
+        slideNext,
+        rewind,
+        isLastPage,
+        autoplay,
+        autoplayDelay,
+        wrapperRef,
+    });
+    const getPrevProps = useCallback(() => ({
+        disabled: rewind ? false : isFirstPage,
+        onClick: slidePrev,
+    }), [rewind, slidePrev, isFirstPage]);
+    const getNextProps = useCallback(() => ({
+        disabled: rewind ? false : isLastPage,
+        onClick: slideNext,
+    }), [isLastPage, rewind, slideNext]);
+    const getDotsProps = useCallback(() => ({
+        ref: dotsRef,
+    }), []);
+    const getCarouselProps = useCallback(() => ({
+        ref: elementRef,
+    }), []);
+    const getContainerProps = useCallback(() => ({
+        ref: wrapperRef,
+    }), []);
+    return {
+        isLastPage,
+        getPrevProps,
+        getNextProps,
+        getDotsProps,
+        getContainerProps,
+        getCarouselProps,
+    };
+};
+export default useCarousel;
+//# sourceMappingURL=useCarousel.js.map

package/Carousel/hooks/useCarousel/useCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCarousel.js","sourceRoot":"","sources":["../../../../src/Carousel/hooks/useCarousel/useCarousel.ts"],"names":[],"mappings":"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"}

package/Carousel/index.d.ts

@@ -0,0 +1,4 @@
+import { OmitInternalProps } from '@toptal/picasso-shared';
+import type { Props } from './Carousel';
+export { default } from './Carousel';
+export declare type CarouselProps = OmitInternalProps<Props>;

package/Carousel/index.js

@@ -0,0 +1,2 @@
+export { default } from './Carousel';
+//# sourceMappingURL=index.js.map

package/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Carousel/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/Carousel/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root" | "container">;
+export default _default;

package/Carousel/styles.js

@@ -0,0 +1,11 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    root: {
+        '& .glider-slide': {
+            minWidth: '100px',
+        },
+    },
+    // important for gradient component to be on top of carousel
+    container: { position: 'relative' },
+});
+//# sourceMappingURL=styles.js.map

package/Carousel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Carousel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,iBAAiB,EAAE;YACjB,QAAQ,EAAE,OAAO;SAClB;KACF;IACD,4DAA4D;IAC5D,SAAS,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;CACpC,CAAC,CAAA"}

package/Carousel/utils/isOnLastPage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './isOnLastPage';

package/Carousel/utils/isOnLastPage/index.js

@@ -0,0 +1,2 @@
+export { default } from './isOnLastPage';
+//# sourceMappingURL=index.js.map

package/Carousel/utils/isOnLastPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Carousel/utils/isOnLastPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/Carousel/utils/isOnLastPage/isOnLastPage.d.ts

@@ -0,0 +1,7 @@
+declare type Props = {
+    currentSlide: number;
+    slidesCount: number;
+    slidesToShow: number;
+};
+declare const isOnLastPage: ({ currentSlide, slidesCount, slidesToShow }: Props) => boolean;
+export default isOnLastPage;

package/Carousel/utils/isOnLastPage/isOnLastPage.js

@@ -0,0 +1,10 @@
+const isOnLastPage = ({ currentSlide, slidesCount, slidesToShow }) => {
+    if (Number.isInteger(slidesToShow) || slidesToShow % 1 <= 0.5) {
+        return currentSlide >= slidesCount - slidesToShow;
+    }
+    // when slidesToShow is not a whole number and is bigger than x.5
+    // glider.js will not show the whole last slide, only partial
+    return currentSlide >= slidesCount - slidesToShow - 1;
+};
+export default isOnLastPage;
+//# sourceMappingURL=isOnLastPage.js.map

package/Carousel/utils/isOnLastPage/isOnLastPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isOnLastPage.js","sourceRoot":"","sources":["../../../../src/Carousel/utils/isOnLastPage/isOnLastPage.ts"],"names":[],"mappings":"AAMA,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAS,EAAE,EAAE;IAC1E,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE;QAC7D,OAAO,YAAY,IAAI,WAAW,GAAG,YAAY,CAAA;KAClD;IAED,iEAAiE;IACjE,6DAA6D;IAC7D,OAAO,YAAY,IAAI,WAAW,GAAG,YAAY,GAAG,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/CarouselGradient/CarouselGradient.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    slidesToShow: number;
+    isLastPage: boolean;
+};
+declare const _default: React.MemoExoticComponent<({ isLastPage, slidesToShow }: Props) => JSX.Element>;
+export default _default;

package/CarouselGradient/CarouselGradient.js

@@ -0,0 +1,23 @@
+import React, { useMemo } from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import gradientWidth from './utils/gradientWidth';
+import styles from './styles';
+const useStyles = makeStyles(styles, { name: 'CarouselGradient' });
+const CarouselGradient = ({ isLastPage, slidesToShow }) => {
+    const classes = useStyles();
+    const showNextGradient = !isLastPage;
+    const showPrevGradient = isLastPage;
+    const gradientStyle = useMemo(() => {
+        return {
+            width: gradientWidth(slidesToShow),
+        };
+    }, [slidesToShow]);
+    return (React.createElement("div", { style: gradientStyle, className: cx({
+            [classes.gradient]: showNextGradient || showPrevGradient,
+            [classes.nextGradient]: showNextGradient,
+            [classes.prevGradient]: showPrevGradient,
+        }) }));
+};
+export default React.memo(CarouselGradient);
+//# sourceMappingURL=CarouselGradient.js.map

package/CarouselGradient/CarouselGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselGradient.js","sourceRoot":"","sources":["../../src/CarouselGradient/CarouselGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,uBAAuB,CAAA;AACjD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAOzE,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAS,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,gBAAgB,GAAG,CAAC,UAAU,CAAA;IACpC,MAAM,gBAAgB,GAAG,UAAU,CAAA;IAEnC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACL,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC;SACnC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,6BACE,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,gBAAgB,IAAI,gBAAgB;YACxD,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,gBAAgB;YACxC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,gBAAgB;SACzC,CAAC,GACF,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA"}

package/CarouselGradient/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CarouselGradient';

package/CarouselGradient/index.js

@@ -0,0 +1,2 @@
+export { default } from './CarouselGradient';
+//# sourceMappingURL=index.js.map

package/CarouselGradient/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CarouselGradient/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/CarouselGradient/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "gradient" | "nextGradient" | "prevGradient">;
+export default _default;

package/CarouselGradient/styles.js

@@ -0,0 +1,17 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    gradient: {
+        position: 'absolute',
+        height: '100%',
+        top: 0,
+    },
+    nextGradient: {
+        right: 0,
+        background: 'linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, white 95%)',
+    },
+    prevGradient: {
+        left: 0,
+        background: 'linear-gradient(90deg, white 5%, rgba(255, 255, 255, 0.2) 100%)',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/CarouselGradient/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/CarouselGradient/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC;QACR,UAAU,EACR,gEAAgE;KACnE;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,UAAU,EACR,iEAAiE;KACpE;CACF,CAAC,CAAA"}

package/CarouselGradient/utils/gradientWidth/gradientWidth.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Calculates the width of the gradient that fades out the edges of the slider.
+ * @param slidesToShow The number of slides to show in the slider.
+ * @returns The width of the gradient in %
+ */
+declare const gradientWidth: (slidesToShow: number) => string;
+export default gradientWidth;

package/CarouselGradient/utils/gradientWidth/gradientWidth.js

@@ -0,0 +1,12 @@
+/**
+ * Calculates the width of the gradient that fades out the edges of the slider.
+ * @param slidesToShow The number of slides to show in the slider.
+ * @returns The width of the gradient in %
+ */
+const gradientWidth = (slidesToShow) => {
+    const slideWidth = 100 / slidesToShow;
+    const partialSlideWidth = slideWidth * (slidesToShow % 1);
+    return `${Math.round(partialSlideWidth)}%`;
+};
+export default gradientWidth;
+//# sourceMappingURL=gradientWidth.js.map

package/CarouselGradient/utils/gradientWidth/gradientWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradientWidth.js","sourceRoot":"","sources":["../../../../src/CarouselGradient/utils/gradientWidth/gradientWidth.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,YAAoB,EAAE,EAAE;IAC7C,MAAM,UAAU,GAAG,GAAG,GAAG,YAAY,CAAA;IACrC,MAAM,iBAAiB,GAAG,UAAU,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;IAEzD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAA;AAC5C,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/CarouselGradient/utils/gradientWidth/index.d.ts

@@ -0,0 +1 @@
+export { default } from './gradientWidth';

package/CarouselGradient/utils/gradientWidth/index.js

@@ -0,0 +1,2 @@
+export { default } from './gradientWidth';
+//# sourceMappingURL=index.js.map

package/CarouselGradient/utils/gradientWidth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/CarouselGradient/utils/gradientWidth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/CarouselNavigation/CarouselNavigation.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare type Props = {
+    hasArrows: boolean;
+    hasDots: boolean;
+    getDotsProps: () => {};
+    getNextProps: () => {};
+    getPrevProps: () => {};
+    testIds: {
+        navigation?: string;
+        arrows?: string;
+        prev?: string;
+        next?: string;
+        dots?: string;
+    };
+};
+declare const _default: React.MemoExoticComponent<({ getDotsProps, getNextProps, getPrevProps, hasArrows, hasDots, testIds, }: Props) => JSX.Element>;
+export default _default;

package/CarouselNavigation/CarouselNavigation.js

@@ -0,0 +1,28 @@
+import React, { memo } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import styles from './styles';
+import ButtonCircular from '../ButtonCircular';
+import Container from '../Container';
+import ChevronRight24 from '../Icon/ChevronRight24';
+const getJustifyContent = (hasArrows, hasDots) => {
+    if (hasArrows && hasDots) {
+        return 'space-between';
+    }
+    if (hasArrows) {
+        return 'flex-end';
+    }
+    if (hasDots) {
+        return 'center';
+    }
+};
+const useStyles = makeStyles(styles, { name: 'CarouselNavigation' });
+const CarouselNavigation = ({ getDotsProps, getNextProps, getPrevProps, hasArrows, hasDots, testIds, }) => {
+    const classes = useStyles();
+    return (React.createElement(Container, { className: classes.navigation, flex: true, justifyContent: getJustifyContent(hasArrows, hasDots), "data-testid": testIds.navigation },
+        hasDots && (React.createElement("div", Object.assign({}, getDotsProps(), { "data-testid": testIds.dots, className: classes.dots }))),
+        hasArrows && (React.createElement(Container, { "data-testid": testIds.arrows },
+            React.createElement(ButtonCircular, Object.assign({ className: classes.arrowPrev, "data-testid": testIds.prev, icon: React.createElement(ChevronRight24, null), variant: 'flat' }, getPrevProps())),
+            React.createElement(ButtonCircular, Object.assign({ "data-testid": testIds.next, icon: React.createElement(ChevronRight24, null), variant: 'flat' }, getNextProps()))))));
+};
+export default memo(CarouselNavigation);
+//# sourceMappingURL=CarouselNavigation.js.map

package/CarouselNavigation/CarouselNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselNavigation.js","sourceRoot":"","sources":["../../src/CarouselNavigation/CarouselNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAEnD,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAE,OAAgB,EAAE,EAAE;IACjE,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,eAAe,CAAA;KACvB;IAED,IAAI,SAAS,EAAE;QACb,OAAO,UAAU,CAAA;KAClB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,QAAQ,CAAA;KAChB;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;AAiB3E,MAAM,kBAAkB,GAAG,CAAC,EAC1B,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,GACD,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,QACJ,cAAc,EAAE,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,iBACxC,OAAO,CAAC,UAAU;QAE9B,OAAO,IAAI,CACV,6CACM,YAAY,EAAE,mBACL,OAAO,CAAC,IAAI,EACzB,SAAS,EAAE,OAAO,CAAC,IAAI,IACvB,CACH;QACA,SAAS,IAAI,CACZ,oBAAC,SAAS,mBAAc,OAAO,CAAC,MAAM;YACpC,oBAAC,cAAc,kBACb,SAAS,EAAE,OAAO,CAAC,SAAS,iBACf,OAAO,CAAC,IAAI,EACzB,IAAI,EAAE,oBAAC,cAAc,OAAG,EACxB,OAAO,EAAC,MAAM,IACV,YAAY,EAAE,EAClB;YACF,oBAAC,cAAc,iCACA,OAAO,CAAC,IAAI,EACzB,IAAI,EAAE,oBAAC,cAAc,OAAG,EACxB,OAAO,EAAC,MAAM,IACV,YAAY,EAAE,EAClB,CACQ,CACb,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,kBAAkB,CAAC,CAAA"}

package/CarouselNavigation/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CarouselNavigation';

package/CarouselNavigation/index.js

@@ -0,0 +1,2 @@
+export { default } from './CarouselNavigation';
+//# sourceMappingURL=index.js.map

package/CarouselNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CarouselNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}

package/CarouselNavigation/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "dots" | "navigation" | "arrowPrev">;
+export default _default;

package/CarouselNavigation/styles.js

@@ -0,0 +1,28 @@
+import { rem } from '@toptal/picasso-shared';
+import { createStyles } from '@material-ui/core/styles';
+export default ({ palette, transitions }) => createStyles({
+    arrowPrev: {
+        transform: 'rotate(180deg)',
+    },
+    dots: {
+        margin: 0,
+        '& .glider-dot': {
+            width: 10,
+            height: 10,
+            backgroundColor: palette.blue.main,
+            opacity: 0.2,
+            '&.active': {
+                opacity: 1,
+            },
+            '&:hover:not(.active)': {
+                transition: `box-shadow, opacity ${transitions.duration.standard}ms ${transitions.easing.easeOut}`,
+                opacity: 1,
+                boxShadow: '0 0 0 2px rgba(32, 78, 207, 0.2)',
+            },
+        },
+    },
+    navigation: {
+        padding: `${rem('14px')} 1.5rem 0`,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/CarouselNavigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/CarouselNavigation/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAS,EAAE,EAAE,CACjD,YAAY,CAAC;IACX,SAAS,EAAE;QACT,SAAS,EAAE,gBAAgB;KAC5B;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,eAAe,EAAE;YACf,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,OAAO,EAAE,GAAG;YACZ,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC;aACX;YACD,sBAAsB,EAAE;gBACtB,UAAU,EAAE,uBAAuB,WAAW,CAAC,QAAQ,CAAC,QAAQ,MAAM,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE;gBAClG,OAAO,EAAE,CAAC;gBACV,SAAS,EAAE,kCAAkC;aAC9C;SACF;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW;KACnC;CACF,CAAC,CAAA"}

package/index.d.ts

@@ -169,4 +169,6 @@ export type { FieldRequirementsProps, FieldRequirement, } from './FieldRequireme
 export type { Status as OutlinedInputStatus } from './OutlinedInput';
 export { default as AvatarUpload } from './AvatarUpload';
 export type { AvatarUploadProps, FileUpload as AvatarUploadFileUpload, FileError as AvatarUploadFileError, FileRejection as AvatarUploadFileRejection, DropEvent as AvatarUploadDropEvent, } from './AvatarUpload';
+export { default as Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
 export * from './Icon';

package/index.js

@@ -79,6 +79,7 @@ export { default as RichText } from './RichText';
 export { default as PasswordInput } from './PasswordInput';
 export { default as FieldRequirements } from './FieldRequirements';
 export { default as AvatarUpload } from './AvatarUpload';
+export { default as Carousel } from './Carousel';
 // hygen code generator inserts export statements above this comment.
 export * from './Icon';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "31.5.1",
+  "version": "31.6.0",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",
@@ -41,6 +41,7 @@
     "date-fns-tz": "^1.3.6",
     "debounce": "^1.2.1",
     "detect-browser": "^5.3.0",
+    "glider-js": "^1.7.8",
     "hast-to-hyperscript": "^9.0.1",
     "hast-util-from-dom": "^3.0.0",
     "hast-util-sanitize": "^3.0.2",
@@ -62,6 +63,7 @@
     "@toptal/picasso-provider": "2.1.0",
     "@types/classnames": "^2.3.1",
     "@types/d3": "^7.4.0",
+    "@types/glider-js": "^1.7.8",
     "@types/quill": "^1.3.10",
     "@types/react-input-mask": "^3.0.0",
     "@types/react-router-dom": "^5.1.3",

package/utils/useInterval/index.d.ts

@@ -0,0 +1 @@
+export { default } from './use-interval';

package/utils/useInterval/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-interval';
+//# sourceMappingURL=index.js.map

package/utils/useInterval/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/useInterval/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/utils/useInterval/use-interval.d.ts

@@ -0,0 +1,7 @@
+interface UseIntervalOptions {
+    callback: () => void;
+    delay: number;
+    isPaused?: boolean;
+}
+declare const useInterval: ({ callback, delay, isPaused, }: UseIntervalOptions) => void;
+export default useInterval;

package/utils/useInterval/use-interval.js

@@ -0,0 +1,29 @@
+import { useCallback, useEffect, useRef } from 'react';
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+const useInterval = ({ callback, delay, isPaused = false, }) => {
+    const intervalId = useRef();
+    const pauseInterval = useCallback(() => {
+        if (intervalId.current) {
+            clearInterval(intervalId.current);
+            intervalId.current = undefined;
+        }
+    }, []);
+    const resumeInterval = useCallback(() => {
+        if (!intervalId.current) {
+            intervalId.current = setInterval(callback, delay);
+        }
+    }, [callback, delay]);
+    useEffect(() => {
+        if (isPaused) {
+            pauseInterval();
+        }
+        if (!isPaused) {
+            resumeInterval();
+        }
+        return () => {
+            pauseInterval();
+        };
+    }, [isPaused, pauseInterval, resumeInterval]);
+};
+export default useInterval;
+//# sourceMappingURL=use-interval.js.map

package/utils/useInterval/use-interval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-interval.js","sourceRoot":"","sources":["../../../src/utils/useInterval/use-interval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAQtD,6DAA6D;AAE7D,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,GACG,EAAE,EAAE;IACvB,MAAM,UAAU,GAAG,MAAM,EAAkB,CAAA;IAE3C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,aAAa,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAA;YAClC,UAAU,CAAC,OAAO,GAAG,SAAS,CAAA;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;SAClD;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,aAAa,EAAE,CAAA;SAChB;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,cAAc,EAAE,CAAA;SACjB;QAED,OAAO,GAAG,EAAE;YACV,aAAa,EAAE,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/utils/useMouseEnter/index.d.ts

@@ -0,0 +1 @@
+export { default } from './use-mouse-enter';

package/utils/useMouseEnter/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-mouse-enter';
+//# sourceMappingURL=index.js.map

package/utils/useMouseEnter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/useMouseEnter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/utils/useMouseEnter/use-mouse-enter.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useMouseEnter: <T extends HTMLElement>(ref: RefObject<T>) => boolean;
+export default useMouseEnter;

package/utils/useMouseEnter/use-mouse-enter.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react';
+const useMouseEnter = (ref) => {
+    const [isMouseOver, setIsMouseOver] = useState(false);
+    useEffect(() => {
+        const handleMouseHover = (event) => {
+            setIsMouseOver(event.type === 'mouseenter');
+        };
+        const node = ref.current;
+        if (node) {
+            node.addEventListener('mouseenter', handleMouseHover);
+            node.addEventListener('mouseleave', handleMouseHover);
+        }
+        return () => {
+            if (node) {
+                node.removeEventListener('mouseenter', handleMouseHover);
+                node.removeEventListener('mouseleave', handleMouseHover);
+            }
+        };
+    }, [ref]);
+    return isMouseOver;
+};
+export default useMouseEnter;
+//# sourceMappingURL=use-mouse-enter.js.map

package/utils/useMouseEnter/use-mouse-enter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mouse-enter.js","sourceRoot":"","sources":["../../../src/utils/useMouseEnter/use-mouse-enter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAEtD,MAAM,aAAa,GAAG,CAAwB,GAAiB,EAAW,EAAE;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAA;QAC7C,CAAC,CAAA;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAA;QAExB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;YACrD,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;SACtD;QAED,OAAO,GAAG,EAAE;YACV,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;gBACxD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;aACzD;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/utils/useOnScreen/index.d.ts

@@ -0,0 +1 @@
+export { default } from './use-on-screen';

package/utils/useOnScreen/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-on-screen';
+//# sourceMappingURL=index.js.map

package/utils/useOnScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/useOnScreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/utils/useOnScreen/use-on-screen.d.ts

@@ -0,0 +1,8 @@
+interface UseOnScreenProps {
+    ref: React.RefObject<HTMLElement>;
+    root?: React.RefObject<HTMLElement>;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+declare const useOnScreen: ({ ref, root, rootMargin, threshold, }: UseOnScreenProps) => boolean;
+export default useOnScreen;

package/utils/useOnScreen/use-on-screen.js

@@ -0,0 +1,24 @@
+import { useEffect, useState, useMemo } from 'react';
+const useOnScreen = ({ ref, root, rootMargin, threshold, }) => {
+    const [isIntersecting, setIntersecting] = useState(false);
+    const observer = useMemo(() => new IntersectionObserver(([entry]) => {
+        setIntersecting(entry.isIntersecting);
+    }, {
+        root: root === null || root === void 0 ? void 0 : root.current,
+        rootMargin,
+        threshold,
+    }), [root, rootMargin, threshold]);
+    useEffect(() => {
+        const element = ref.current;
+        if (!element) {
+            return;
+        }
+        observer.observe(element);
+        return () => {
+            observer.unobserve(element);
+        };
+    }, [observer, ref]);
+    return isIntersecting;
+};
+export default useOnScreen;
+//# sourceMappingURL=use-on-screen.js.map

package/utils/useOnScreen/use-on-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-screen.js","sourceRoot":"","sources":["../../../src/utils/useOnScreen/use-on-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AASpD,MAAM,WAAW,GAAG,CAAC,EACnB,GAAG,EACH,IAAI,EACJ,UAAU,EACV,SAAS,GACQ,EAAE,EAAE;IACrB,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,IAAI,oBAAoB,CACtB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;QACV,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IACvC,CAAC,EACD;QACE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO;QACnB,UAAU;QACV,SAAS;KACV,CACF,EACH,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,CAC9B,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAE3B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEzB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAA;IAEnB,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}