@faststore/components 2.2.0-alpha.9 → 2.2.0

package/dist/atoms/Slider/Slider.d.ts

@@ -0,0 +1,71 @@
+/**
+ * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
+ */
+import React from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+interface Range {
+    absolute: number;
+    selected: number;
+}
+interface RangeLabel {
+    min: string | ReactNode;
+    max: string | ReactNode;
+}
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     *
+     * @default 'fs-slider'
+     */
+    testId?: string;
+    /**
+     * The minimum value of the slider.
+     */
+    min: Range;
+    /**
+     * The maximum value of the slider.
+     */
+    max: Range;
+    /**
+     * Specifies the number interval to be used in the inputs.
+     */
+    step?: number;
+    /**
+     * Specifies the absolute values labels.
+     */
+    absoluteValuesLabel: RangeLabel;
+    /**
+     * Callback that fires when the slider value changes.
+     */
+    onChange?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    /**
+     * Callback that fires when the slider value ends changing.
+     */
+    onEnd?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    /**
+     * A function used to set a human-readable value text based on the slider's current value.
+     */
+    getAriaValueText?(value: number, thumb?: 'min' | 'max'): string;
+    /**
+     * Component that renders min value label above the left thumb.
+     */
+    minValueLabelComponent?: (minValue: number) => ReactNode;
+    /**
+     * Component that renders max value label above the right thumb.
+     */
+    maxValueLabelComponent?: (maxValue: number) => ReactNode;
+}
+type SliderRefType = {
+    setSliderValues: (values: {
+        min: number;
+        max: number;
+    }) => void;
+};
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRefType | undefined>>;
+export default Slider;

package/dist/atoms/Slider/Slider.js

@@ -0,0 +1,57 @@
+/**
+ * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
+ */
+import React, { useState, useMemo, useImperativeHandle, forwardRef, } from 'react';
+const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
+const Slider = forwardRef(function Slider({ min, max, absoluteValuesLabel, onChange, onEnd, testId = 'fs-slider', getAriaValueText, step, minValueLabelComponent, maxValueLabelComponent, ...otherProps }, ref) {
+    const widthPercent = useMemo(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
+    const [minPercent, setMinPercent] = useState(() => percent(min.selected, min.absolute, max.absolute));
+    const [maxPercent, setMaxPercent] = useState(() => percent(max.selected, min.absolute, max.absolute));
+    const [minVal, setMinVal] = useState(() => Math.floor(min.absolute + minPercent * widthPercent));
+    const [maxVal, setMaxVal] = useState(() => Math.round(min.absolute + maxPercent * widthPercent));
+    const percentage = (value) => (value / max.absolute) * 100;
+    useImperativeHandle(ref, () => ({
+        setSliderValues: (values) => {
+            const sliderMinValue = Math.min(Number(values.min), maxVal);
+            setMinVal(sliderMinValue);
+            setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
+            if (values.max > max.absolute) {
+                setMaxVal(max.absolute);
+                setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
+                return;
+            }
+            const sliderMaxValue = Math.max(Number(values.max), minVal);
+            setMaxVal(sliderMaxValue);
+            setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
+        },
+    }));
+    return (React.createElement("div", { "data-fs-slider": true, "data-testid": testId },
+        React.createElement("div", { "data-fs-slider-absolute-values": true },
+            React.createElement("span", null, absoluteValuesLabel.min),
+            React.createElement("span", null, absoluteValuesLabel.max)),
+        React.createElement("div", { "data-fs-slider-wrapper": true },
+            React.createElement("div", { "data-fs-slider-range": true, style: {
+                    left: `${minPercent}%`,
+                    width: `${maxPercent - minPercent}%`,
+                } }),
+            React.createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const minValue = Math.min(Number(event.target.value), maxVal);
+                    setMinVal(minValue);
+                    setMinPercent(percent(minValue, min.absolute, max.absolute));
+                    onChange?.({ min: minValue, max: maxVal });
+                }, "data-fs-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min'), ...otherProps }),
+            minValueLabelComponent && (React.createElement("span", { "data-fs-slider-value-label": "min", style: {
+                    left: `calc(${percentage(minVal)}% + (${8 - percentage(minVal) * 0.2}px))`,
+                } }, minValueLabelComponent(minVal))),
+            React.createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const maxValue = Math.max(Number(event.target.value), minVal);
+                    setMaxVal(maxValue);
+                    setMaxPercent(percent(maxValue, min.absolute, max.absolute));
+                    onChange?.({ min: minVal, max: maxValue });
+                }, "data-fs-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
+            maxValueLabelComponent && (React.createElement("span", { "data-fs-slider-value-label": "max", style: {
+                    left: `calc(${percentage(maxVal)}% + (${8 - percentage(maxVal) * 0.2}px))`,
+                } }, maxValueLabelComponent(maxVal))))));
+});
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/atoms/Slider/Slider.js.map

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

package/dist/atoms/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/atoms/Slider/index.js

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

package/dist/atoms/Slider/index.js.map

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

package/dist/cjs/organisms/ImageGallery/ImageZoom.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+export interface ImageZoomProps {
+    helpMessage?: string;
+    zoomFactor?: number;
+}
+declare const ImageZoom: ({ children }: PropsWithChildren<ImageZoomProps>) => JSX.Element;
+export default ImageZoom;

package/dist/cjs/organisms/ImageGallery/ImageZoom.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ImageZoom = ({ children }) => {
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.default = ImageZoom;
+//# sourceMappingURL=ImageZoom.js.map

package/dist/cjs/organisms/ImageGallery/ImageZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageZoom.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageZoom.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AASzB,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE;IACpE,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

package/dist/esm/organisms/ImageGallery/ImageZoom.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+export interface ImageZoomProps {
+    helpMessage?: string;
+    zoomFactor?: number;
+}
+declare const ImageZoom: ({ children }: PropsWithChildren<ImageZoomProps>) => JSX.Element;
+export default ImageZoom;

package/dist/esm/organisms/ImageGallery/ImageZoom.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const ImageZoom = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default ImageZoom;
+//# sourceMappingURL=ImageZoom.js.map

package/dist/esm/organisms/ImageGallery/ImageZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageZoom.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageZoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE;IACpE,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/hooks/UIProvider.d.ts

@@ -0,0 +1,33 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+export interface Toast {
+    message: string;
+    status: 'ERROR' | 'WARNING' | 'INFO';
+    title?: string;
+    icon?: ReactNode;
+}
+interface State {
+    /** Cart sidebar */
+    cart: boolean;
+    /** Region modal */
+    modal: boolean;
+    /** Menu slider */
+    navbar: boolean;
+    /** Search page filter slider */
+    filter: boolean;
+    toasts: Toast[];
+}
+interface Context extends State {
+    closeNavbar: () => void;
+    openNavbar: () => void;
+    closeFilter: () => void;
+    openFilter: () => void;
+    openCart: () => void;
+    closeCart: () => void;
+    openModal: () => void;
+    closeModal: () => void;
+    pushToast: (data: Toast) => void;
+    popToast: () => void;
+}
+declare function UIProvider({ children }: PropsWithChildren<unknown>): JSX.Element;
+export declare function useUI(): Context;
+export default UIProvider;

package/dist/hooks/UIProvider.js

@@ -0,0 +1,73 @@
+import React, { createContext, useContext, useMemo, useReducer } from 'react';
+const reducer = (state, action) => {
+    const { type } = action;
+    switch (type) {
+        case 'open': {
+            const { payload } = action;
+            document.body.classList.add('no-scroll');
+            return {
+                ...state,
+                [payload]: true,
+            };
+        }
+        case 'close': {
+            const { payload } = action;
+            document.body.classList.remove('no-scroll');
+            return {
+                ...state,
+                [payload]: false,
+            };
+        }
+        case 'pushToast': {
+            return {
+                ...state,
+                toasts: [...state.toasts, action.payload],
+            };
+        }
+        case 'popToast': {
+            return {
+                ...state,
+                toasts: state.toasts.slice(1),
+            };
+        }
+        default:
+            throw new Error(`Action ${type} not implemented`);
+    }
+};
+const initializer = () => ({
+    cart: false,
+    modal: false,
+    navbar: false,
+    filter: false,
+    toasts: [],
+});
+const UIContext = createContext(undefined);
+function UIProvider({ children }) {
+    const [ui, dispatch] = useReducer(reducer, undefined, initializer);
+    const callbacks = useMemo(() => ({
+        openFilter: () => dispatch({ type: 'open', payload: 'filter' }),
+        closeFilter: () => dispatch({ type: 'close', payload: 'filter' }),
+        openNavbar: () => dispatch({ type: 'open', payload: 'navbar' }),
+        closeNavbar: () => dispatch({ type: 'close', payload: 'navbar' }),
+        openCart: () => dispatch({ type: 'open', payload: 'cart' }),
+        closeCart: () => dispatch({ type: 'close', payload: 'cart' }),
+        openModal: () => dispatch({ type: 'open', payload: 'modal' }),
+        closeModal: () => dispatch({ type: 'close', payload: 'modal' }),
+        pushToast: (toast) => dispatch({ type: 'pushToast', payload: toast }),
+        popToast: () => dispatch({ type: 'popToast' }),
+    }), []);
+    const value = useMemo(() => ({
+        ...ui,
+        ...callbacks,
+    }), [callbacks, ui]);
+    return React.createElement(UIContext.Provider, { value: value }, children);
+}
+export function useUI() {
+    const context = useContext(UIContext);
+    if (context === undefined) {
+        throw new Error('Missing UI context on React tree');
+    }
+    return context;
+}
+export default UIProvider;
+//# sourceMappingURL=UIProvider.js.map

package/dist/hooks/UIProvider.js.map

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

package/dist/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider';
+export { useFadeEffect } from './useFadeEffect';
+export { useTrapFocus } from './useTrapFocus';
+export { useSearch } from './useSearch';
+export { useScrollDirection } from './useScrollDirection';
+export { useSlider } from './useSlider';
+export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './useSlider';
+export { useSlideVisibility } from './useSlideVisibility';

package/dist/hooks/index.js

@@ -0,0 +1,8 @@
+export { default as UIProvider, useUI } from './UIProvider';
+export { useFadeEffect } from './useFadeEffect';
+export { useTrapFocus } from './useTrapFocus';
+export { useSearch } from './useSearch';
+export { useScrollDirection } from './useScrollDirection';
+export { useSlider } from './useSlider';
+export { useSlideVisibility } from './useSlideVisibility';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAOvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/hooks/useFadeEffect.d.ts

@@ -0,0 +1,5 @@
+export declare const useFadeEffect: () => {
+    fade: "in" | "out";
+    fadeIn: () => void;
+    fadeOut: () => void;
+};

package/dist/hooks/useFadeEffect.js

@@ -0,0 +1,18 @@
+import { useState, useCallback, useEffect } from 'react';
+export const useFadeEffect = () => {
+    const [fade, setFade] = useState('out');
+    const fadeOut = useCallback(() => setFade('out'), []);
+    const fadeIn = useCallback(() => setFade('in'), []);
+    useEffect(() => {
+        fadeIn();
+        return () => {
+            fadeOut();
+        };
+    }, [fadeIn, fadeOut]);
+    return {
+        fade,
+        fadeIn,
+        fadeOut,
+    };
+};
+//# sourceMappingURL=useFadeEffect.js.map

package/dist/hooks/useFadeEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFadeEffect.js","sourceRoot":"","sources":["../../src/hooks/useFadeEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAe,KAAK,CAAC,CAAA;IACrD,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IACrD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,CAAA;QAER,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,CAAA;QACX,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,OAAO;QACL,IAAI;QACJ,MAAM;QACN,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}

package/dist/hooks/useScrollDirection.d.ts

@@ -0,0 +1 @@
+export declare const useScrollDirection: () => string;

package/dist/hooks/useScrollDirection.js

@@ -0,0 +1,22 @@
+import { useEffect, useState, useTransition } from 'react';
+export const useScrollDirection = () => {
+    const [scrollDirection, setScrollDirection] = useState('');
+    const [isPending, startTransition] = useTransition();
+    useEffect(() => {
+        let lastScrollY = window.scrollY;
+        const updateScrollDirection = () => {
+            const { scrollY } = window;
+            const direction = scrollY > lastScrollY ? 'down' : 'up';
+            if (!isPending &&
+                direction !== scrollDirection &&
+                (scrollY - lastScrollY > 10 || scrollY - lastScrollY < -10)) {
+                startTransition(() => setScrollDirection(direction));
+            }
+            lastScrollY = scrollY > 0 ? scrollY : 0;
+        };
+        window.addEventListener('scroll', updateScrollDirection);
+        return () => window.removeEventListener('scroll', updateScrollDirection);
+    }, [isPending, scrollDirection]);
+    return scrollDirection;
+};
+//# sourceMappingURL=useScrollDirection.js.map

package/dist/hooks/useScrollDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDirection.js","sourceRoot":"","sources":["../../src/hooks/useScrollDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAClE,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,GAAG,MAAM,CAAC,OAAO,CAAA;QAEhC,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;YAC1B,MAAM,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAEvD,IACE,CAAC,SAAS;gBACV,SAAS,KAAK,eAAe;gBAC7B,CAAC,OAAO,GAAG,WAAW,GAAG,EAAE,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,EAC3D;gBACA,eAAe,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;aACrD;YAED,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAExD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;IAC1E,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA;IAEhC,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA"}

package/dist/hooks/useSearch.d.ts

@@ -0,0 +1,7 @@
+export declare const useSearch: () => {
+    inContext: false;
+    values?: undefined;
+} | {
+    inContext: true;
+    values: import("../molecules/SearchProvider/SearchProvider").SearchProviderContextValue;
+};

package/dist/hooks/useSearch.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { SearchContext } from '../molecules/SearchProvider/SearchProvider';
+export const useSearch = () => {
+    const context = useContext(SearchContext);
+    if (!context) {
+        return { inContext: false };
+    }
+    return { inContext: true, values: context };
+};
+//# sourceMappingURL=useSearch.js.map

package/dist/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/hooks/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAEzC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,CAAA;KACrC;IAED,OAAO,EAAE,SAAS,EAAE,IAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;AACtD,CAAC,CAAA"}

package/dist/hooks/useSlideVisibility.d.ts

@@ -0,0 +1,9 @@
+export interface UseSlideVisibilityArgs {
+    currentSlide: number;
+    itemsPerPage: number;
+    totalItems: number;
+}
+export declare const useSlideVisibility: ({ currentSlide, itemsPerPage, totalItems, }: UseSlideVisibilityArgs) => {
+    shouldRenderItem: (index: number) => boolean;
+    isItemVisible: (index: number) => boolean;
+};

package/dist/hooks/useSlideVisibility.js

@@ -0,0 +1,29 @@
+import { useRef, useEffect } from 'react';
+function isSlideVisible({ itemsPerPage, currentSlide, slideIdx, totalItems, }) {
+    const isClonedSlide = currentSlide < 0 || currentSlide >= totalItems;
+    const isVisible = slideIdx >= currentSlide && slideIdx < currentSlide + itemsPerPage;
+    return isClonedSlide || isVisible;
+}
+export const useSlideVisibility = ({ currentSlide, itemsPerPage, totalItems, }) => {
+    /** Keeps track of slides that have been visualized before.
+     * We want to keep rendering them because the issue is mostly rendering
+     * slides that might never be viewed; On the other hand, hiding slides
+     * that were visible causes visual glitches */
+    const visitedSlides = useRef(new Set());
+    useEffect(() => {
+        for (let i = 0; i < itemsPerPage; i++) {
+            visitedSlides.current.add(currentSlide + i);
+        }
+    }, [currentSlide, itemsPerPage]);
+    const isItemVisible = (index) => isSlideVisible({
+        slideIdx: index,
+        currentSlide,
+        itemsPerPage,
+        totalItems,
+    });
+    const shouldRenderItem = (index) => {
+        return visitedSlides.current.has(index) || isItemVisible(index);
+    };
+    return { shouldRenderItem, isItemVisible };
+};
+//# sourceMappingURL=useSlideVisibility.js.map

package/dist/hooks/useSlideVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideVisibility.js","sourceRoot":"","sources":["../../src/hooks/useSlideVisibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAezC,SAAS,cAAc,CAAC,EACtB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,GACS;IACnB,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,IAAI,YAAY,IAAI,UAAU,CAAA;IACpE,MAAM,SAAS,GACb,QAAQ,IAAI,YAAY,IAAI,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAA;IAEpE,OAAO,aAAa,IAAI,SAAS,CAAA;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,UAAU,GACa,EAAE,EAAE;IAC3B;;;kDAG8C;IAC9C,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE;YACrC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SAC5C;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAEhC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CACtC,cAAc,CAAC;QACb,QAAQ,EAAE,KAAK;QACf,YAAY;QACZ,YAAY;QACZ,UAAU;KACX,CAAC,CAAA;IAEJ,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;QACzC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;IACjE,CAAC,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAA;AAC5C,CAAC,CAAA"}

package/dist/hooks/useSlider.d.ts

@@ -0,0 +1,64 @@
+import type { Dispatch } from 'react';
+import type { SwipeableProps } from 'react-swipeable';
+export type SlideDirection = 'next' | 'previous';
+interface NextPageAction {
+    type: 'NEXT_PAGE';
+}
+interface PreviousPageAction {
+    type: 'PREVIOUS_PAGE';
+}
+interface GoToPageAction {
+    type: 'GO_TO_PAGE';
+    payload: {
+        pageIndex: number;
+        shouldSlide: boolean;
+    };
+}
+interface StopSlideAction {
+    type: 'STOP_SLIDE';
+}
+export type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
+export type SliderDispatch = Dispatch<Action>;
+export interface SliderState {
+    /**
+     * The `currentItem` in a Slider with multiple items in a single page is
+     * always **the one with the lowest index** in the current page.
+     */
+    currentItem: number;
+    /** Currently active page */
+    currentPage: number;
+    /**
+     * Whether or not the Slider is currently sliding. This is useful to
+     * manipulate the `transition` property in a component.
+     */
+    sliding: boolean;
+    /** The direction in which the Slider is sliding. */
+    slideDirection: SlideDirection;
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single page. */
+    itemsPerPage: number;
+    /** The total number of pages in the slider. */
+    totalPages: number;
+    /** Whether or not the slider is infinite. */
+    infinite: boolean;
+}
+export declare const nextPage: (current: number, total: number) => number;
+export declare const previousPage: (current: number, total: number) => number;
+export interface UseSliderArgs extends SwipeableProps {
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single slider page. */
+    itemsPerPage?: number;
+    /** Whether or not the slider is infinite. */
+    infiniteMode?: boolean;
+    /**  Whether or not slide after swiping left/right. */
+    shouldSlideOnSwipe?: boolean;
+}
+export declare const useSlider: ({ totalItems, itemsPerPage, infiniteMode, shouldSlideOnSwipe, ...swipeableConfigOverrides }: UseSliderArgs) => {
+    handlers: import("react-swipeable").SwipeableHandlers;
+    slide: (page: SlideDirection | number, dispatch: Dispatch<Action>) => void;
+    sliderState: SliderState;
+    sliderDispatch: Dispatch<Action>;
+};
+export {};

package/dist/hooks/useSlider.js

@@ -0,0 +1,103 @@
+import { useReducer } from 'react';
+import { useSwipeable } from 'react-swipeable';
+export const nextPage = (current, total) => (current + 1) % total;
+export const previousPage = (current, total) => (total - ((total - current + 1) % total)) % total;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NEXT_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            const nextPageIndex = nextPage(state.currentPage, adjustedTotalPages);
+            const nextItemIndex = (nextPageIndex % adjustedTotalPages) * state.itemsPerPage;
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'next',
+                currentItem: nextItemIndex,
+                currentPage: nextPageIndex,
+            };
+        }
+        case 'PREVIOUS_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            // If `state.infinite` is true and we're currently on page 0, we need to
+            // let the slider go to page -1. This -1 page is a clone of the last page.
+            const shouldGoToClone = state.infinite && state.currentPage === 0;
+            const previousPageIndex = shouldGoToClone
+                ? -1
+                : previousPage(state.currentPage, state.totalPages);
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'previous',
+                currentItem: (previousPageIndex % adjustedTotalPages) * state.itemsPerPage,
+                currentPage: previousPageIndex,
+            };
+        }
+        case 'GO_TO_PAGE': {
+            if (action.payload.pageIndex === state.currentPage) {
+                return state;
+            }
+            return {
+                ...state,
+                sliding: action.payload.shouldSlide,
+                slideDirection: action.payload.pageIndex > state.currentPage ? 'next' : 'previous',
+                currentItem: (action.payload.pageIndex % state.totalPages) * state.itemsPerPage,
+                currentPage: action.payload.pageIndex,
+            };
+        }
+        case 'STOP_SLIDE':
+            return { ...state, sliding: false };
+        default:
+            return state;
+    }
+}
+const defaultSliderState = (totalItems, itemsPerPage, infinite) => ({
+    currentItem: 0,
+    currentPage: 0,
+    sliding: false,
+    slideDirection: 'next',
+    totalItems,
+    itemsPerPage,
+    totalPages: Math.ceil(totalItems / itemsPerPage),
+    infinite,
+});
+const slide = (page, dispatch) => {
+    if (page === 'next') {
+        dispatch({ type: 'NEXT_PAGE' });
+    }
+    if (page === 'previous') {
+        dispatch({ type: 'PREVIOUS_PAGE' });
+    }
+    if (typeof page === 'number') {
+        dispatch({
+            type: 'GO_TO_PAGE',
+            payload: {
+                pageIndex: page,
+                shouldSlide: true,
+            },
+        });
+    }
+};
+export const useSlider = ({ totalItems, itemsPerPage = 1, infiniteMode = false, shouldSlideOnSwipe = true, ...swipeableConfigOverrides }) => {
+    const [sliderState, sliderDispatch] = useReducer(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = useSwipeable({
+        onSwipedRight: () => shouldSlideOnSwipe && slide('previous', sliderDispatch),
+        onSwipedLeft: () => shouldSlideOnSwipe && slide('next', sliderDispatch),
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+};
+//# sourceMappingURL=useSlider.js.map