react-spring-carousel 3.0.0-beta024 → 3.0.0-beta025

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/index.js.map +1 -1
  2. package/dist/esm/useSpringCarousel.js.map +1 -1
  3. package/dist/types/useSpringCarousel.d.ts +2 -2
  4. package/dist/umd/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n eventName: 'onSlideStartChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n nextItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnSlideChange<T> = {\n eventName: 'onSlideChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n currentItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnFullscreenChange = {\n eventName: 'onFullscreenChange'\n isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n eventName: 'onDrag'\n slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnDrag\n | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnFullscreenChange\n | OnLeftSwipe\n | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n ? SpringCarouselEvents<'use-spring'>\n : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n const targetEvent = useRef<HTMLDivElement | null>(null)\n\n function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n useEffect(() => {\n if (!targetEvent.current) {\n targetEvent.current = document.createElement('div')\n }\n\n function handleEvent(event: CustomEvent<Events<T>>) {\n eventHandler(event.detail)\n }\n\n if (targetEvent.current) {\n // @ts-ignore\n targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n return () => {\n // @ts-ignore\n targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n }\n }\n }, [eventHandler])\n }\n function emitEvent(event: Events<T>) {\n if (targetEvent.current) {\n const newEvent = new CustomEvent(eventLabel, {\n detail: event,\n })\n targetEvent.current.dispatchEvent(newEvent)\n }\n }\n\n return {\n useListenToCustomEvent,\n emitEvent,\n }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\nimport { SpringCarouselWithThumbs, PrepareThumbsData } from 'src/types/internals'\nimport { ItemWithThumb } from '../types'\n\ntype Props = {\n withThumbs?: boolean\n thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n prepareThumbsData?: PrepareThumbsData\n items: ItemWithThumb[]\n}\n\nfunction isInViewport(el: HTMLElement) {\n const rect = el.getBoundingClientRect()\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n )\n}\n\nexport function useThumbsModule({\n thumbsSlideAxis = 'x',\n withThumbs = false,\n prepareThumbsData,\n items,\n}: Props) {\n const wrapperRef = useRef<HTMLDivElement | null>(null)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n }))\n\n function getTotalScrollValue() {\n return Math.round(\n Number(\n wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n ) -\n wrapperRef.current!.getBoundingClientRect()[\n thumbsSlideAxis === 'x' ? 'width' : 'height'\n ],\n )\n }\n\n function handleScroll(activeItem: number) {\n function getThumbNode() {\n if (wrapperRef.current) {\n return wrapperRef.current.querySelector(\n `#thumb-item-${items[activeItem].id}`,\n ) as HTMLElement\n }\n return null\n }\n\n const thumbNode = getThumbNode()\n if (thumbNode && wrapperRef.current) {\n if (!isInViewport(thumbNode)) {\n const offset = thumbNode.offsetLeft\n const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n setSpring.start({\n from: {\n val:\n wrapperRef.current?.[\n thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] ?? 0,\n },\n to: {\n val,\n },\n onChange: ({ value }) => {\n if (wrapperRef.current) {\n wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n Math.abs(value.val)\n }\n },\n })\n }\n }\n }\n\n function handlePrepareThumbsData() {\n function getPreparedItems(\n _items: ReturnType<PrepareThumbsData>,\n ): ReturnType<PrepareThumbsData> {\n return _items.map(i => ({\n id: i.id,\n renderThumb: i.renderThumb,\n }))\n }\n\n if (prepareThumbsData) {\n return prepareThumbsData(getPreparedItems(items))\n }\n return getPreparedItems(items)\n }\n\n const thumbsFragment = withThumbs ? (\n <div\n className=\"use-spring-carousel-thumbs-wrapper\"\n ref={wrapperRef}\n onWheel={() => spring.val.stop()}\n style={{\n display: 'flex',\n flex: '1',\n position: 'relative',\n width: '100%',\n height: '100%',\n flexDirection: thumbsSlideAxis === 'x' ? 'row' : 'column',\n ...(thumbsSlideAxis === 'x'\n ? { overflowX: 'auto' }\n : {\n overflowY: 'auto',\n maxHeight: '100%',\n }),\n }}\n >\n {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n const thumbId = `thumb-item-${id}`\n return (\n <div key={thumbId} id={thumbId} className=\"thumb-item\">\n {renderThumb}\n </div>\n )\n })}\n </div>\n ) : null\n\n return {\n thumbsFragment,\n handleScroll,\n }\n}\n","import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T extends 'free-scroll' | undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps<'free-scroll' | undefined> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T extends 'free-scroll'>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { SlideActionType, TransitionSlideMode } from './types/common'\nimport {\n UseTransitionCarouselProps,\n UseTransitionCarouselReturnProps,\n} from './types/useTransitionCarousel.types'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport { ItemWithThumb } from './types'\n\nconst defaultAnimationProps = {\n initial: {\n opacity: 1,\n position: 'relative',\n },\n from: {\n opacity: 0,\n position: 'relative',\n },\n enter: {\n position: 'relative',\n opacity: 1,\n },\n leave: {\n opacity: 1,\n position: 'absolute',\n },\n}\n\nfunction useTransitionCarousel({\n init = true,\n disableGestures = false,\n items,\n springConfig = config.default,\n exitBeforeEnter = false,\n trail,\n withLoop = false,\n activeItem: externalActiveItem,\n toPrevItemSpringProps = defaultAnimationProps,\n toNextItemSpringProps = defaultAnimationProps,\n draggingSlideTreshold = 50,\n thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n const slideActionType = useRef<SlideActionType>('next')\n const slideModeType = useRef<TransitionSlideMode>('initial')\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n const { handleScroll, thumbsFragment } = useThumbsModule({\n thumbsSlideAxis,\n items: items as ItemWithThumb[],\n })\n\n function getConfig() {\n if (slideActionType.current === 'prev') {\n return {\n initial: {\n ...toPrevItemSpringProps.initial,\n },\n from: {\n ...toPrevItemSpringProps.from,\n },\n enter: {\n ...toPrevItemSpringProps.enter,\n },\n leave: {\n ...toPrevItemSpringProps.leave,\n },\n }\n }\n if (slideActionType.current === 'next') {\n return {\n initial: {\n ...toNextItemSpringProps.initial,\n },\n from: {\n ...toNextItemSpringProps.from,\n },\n enter: {\n ...toNextItemSpringProps.enter,\n },\n leave: {\n ...toNextItemSpringProps.leave,\n },\n }\n }\n return {\n initial: {\n ...defaultAnimationProps.initial,\n },\n from: {\n ...defaultAnimationProps.from,\n },\n enter: {\n ...defaultAnimationProps.enter,\n },\n leave: {\n ...defaultAnimationProps.leave,\n },\n }\n }\n\n useEffect(() => {\n if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n setActiveItem(externalActiveItem)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [externalActiveItem])\n\n type SlideToItem = {\n to: number\n slideType: SlideActionType\n slideMode: TransitionSlideMode\n }\n\n function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n slideActionType.current = slideType\n slideModeType.current = slideMode\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n index: to,\n id: items[to].id,\n startReached: to === 0,\n endReached: to === items.length - 1,\n },\n })\n setActiveItem(to)\n handleScroll(activeItem)\n }\n\n function slideToPrevItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isFirstItem = activeItem === 0\n\n if (!withLoop && isFirstItem) return\n\n if (withLoop && isFirstItem) {\n slideToItem({\n to: items.length - 1,\n slideType: 'prev',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem - 1,\n slideType: 'prev',\n slideMode,\n })\n }\n }\n function slideToNextItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isLastItem = activeItem === items.length - 1\n\n if (!withLoop && isLastItem) return\n\n if (withLoop && isLastItem) {\n slideToItem({\n to: 0,\n slideType: 'next',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem + 1,\n slideType: 'next',\n slideMode,\n })\n }\n }\n\n const transitions = useTransition(activeItem, {\n config: springConfig,\n key: null,\n trail,\n exitBeforeEnter,\n ...getConfig(),\n onRest(value, _, index) {\n if (value.finished && index === activeItem) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n index: activeItem,\n id: items[activeItem].id,\n startReached: activeItem === 0,\n endReached: activeItem === items.length - 1,\n },\n })\n }\n },\n })\n\n const bindSwipe = useDrag(\n ({ last, movement: [mx] }) => {\n if (last) {\n const prevItemTreshold = mx > draggingSlideTreshold\n const nextItemTreshold = mx < -draggingSlideTreshold\n const isFirstItem = activeItem === 0\n const isLastItem = activeItem === items.length - 1\n\n if (nextItemTreshold) {\n if (!withLoop && isLastItem) return\n\n emitEvent({\n eventName: 'onLeftSwipe',\n })\n slideToNextItem('swipe')\n } else if (prevItemTreshold) {\n if (!withLoop && isFirstItem) return\n\n emitEvent({\n eventName: 'onRightSwipe',\n })\n slideToPrevItem('swipe')\n }\n }\n },\n {\n enabled: !disableGestures,\n },\n )\n\n const itemsFragment = transitions((styles, item, _, indx) => {\n return (\n <a.div\n id={`use-transition-carousel-item-${indx}`}\n className=\"use-transition-carousel-item\"\n style={{\n ...styles,\n flex: '1 0 100%',\n width: '100%',\n height: '100%',\n }}\n >\n {items[item].renderItem}\n </a.div>\n )\n })\n\n const res = {\n useListenToCustomEvent,\n slideToPrevItem: () => slideToPrevItem('click'),\n slideToNextItem: () => slideToNextItem('click'),\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n ref={mainCarouselWrapperRef}\n {...bindSwipe()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {itemsFragment}\n </div>\n </Context.Provider>\n )\n\n return {\n ...res,\n carouselFragment,\n thumbsFragment: _thumbsFragment,\n }\n}\n\ntype ContextProps = Omit<\n UseTransitionCarouselReturnProps,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useTransitionCarouselContext must be used within the carousel.')\n }\n return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n handleResize?(): void\n onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n mainCarouselWrapperRef,\n onFullScreenChange,\n handleResize,\n}: FullscreenModule) {\n const isFullscreen = useRef(false)\n\n useEffect(() => {\n function handleFullscreenChange() {\n if (document.fullscreenElement) {\n setIsFullscreen(true)\n onFullScreenChange(true)\n handleResize && handleResize()\n }\n\n if (!document.fullscreenElement) {\n setIsFullscreen(false)\n onFullScreenChange(false)\n handleResize && handleResize()\n }\n }\n\n if (screenfull.isEnabled) {\n screenfull.on('change', handleFullscreenChange)\n return () => {\n if (screenfull.isEnabled) {\n screenfull.off('change', handleFullscreenChange)\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n function setIsFullscreen(_isFullscreen: boolean) {\n isFullscreen.current = _isFullscreen\n }\n\n function getIsFullscreen() {\n return isFullscreen.current\n }\n\n function enterFullscreen(elementRef?: HTMLElement) {\n if (screenfull.isEnabled) {\n screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n }\n }\n\n function exitFullscreen() {\n screenfull.isEnabled && screenfull.exit()\n }\n\n return {\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n }\n}\n"],"names":["useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","enterFullscreen","exitFullscreen","getIsFullscreen","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","Provider","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","overflow"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n eventName: 'onSlideStartChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n nextItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnSlideChange<T> = {\n eventName: 'onSlideChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n currentItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnFullscreenChange = {\n eventName: 'onFullscreenChange'\n isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n eventName: 'onDrag'\n slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnDrag\n | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnFullscreenChange\n | OnLeftSwipe\n | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n ? SpringCarouselEvents<'use-spring'>\n : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n const targetEvent = useRef<HTMLDivElement | null>(null)\n\n function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n useEffect(() => {\n if (!targetEvent.current) {\n targetEvent.current = document.createElement('div')\n }\n\n function handleEvent(event: CustomEvent<Events<T>>) {\n eventHandler(event.detail)\n }\n\n if (targetEvent.current) {\n // @ts-ignore\n targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n return () => {\n // @ts-ignore\n targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n }\n }\n }, [eventHandler])\n }\n function emitEvent(event: Events<T>) {\n if (targetEvent.current) {\n const newEvent = new CustomEvent(eventLabel, {\n detail: event,\n })\n targetEvent.current.dispatchEvent(newEvent)\n }\n }\n\n return {\n useListenToCustomEvent,\n emitEvent,\n }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\nimport { SpringCarouselWithThumbs, PrepareThumbsData } from 'src/types/internals'\nimport { ItemWithThumb } from '../types'\n\ntype Props = {\n withThumbs?: boolean\n thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n prepareThumbsData?: PrepareThumbsData\n items: ItemWithThumb[]\n}\n\nfunction isInViewport(el: HTMLElement) {\n const rect = el.getBoundingClientRect()\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n )\n}\n\nexport function useThumbsModule({\n thumbsSlideAxis = 'x',\n withThumbs = false,\n prepareThumbsData,\n items,\n}: Props) {\n const wrapperRef = useRef<HTMLDivElement | null>(null)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n }))\n\n function getTotalScrollValue() {\n return Math.round(\n Number(\n wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n ) -\n wrapperRef.current!.getBoundingClientRect()[\n thumbsSlideAxis === 'x' ? 'width' : 'height'\n ],\n )\n }\n\n function handleScroll(activeItem: number) {\n function getThumbNode() {\n if (wrapperRef.current) {\n return wrapperRef.current.querySelector(\n `#thumb-item-${items[activeItem].id}`,\n ) as HTMLElement\n }\n return null\n }\n\n const thumbNode = getThumbNode()\n if (thumbNode && wrapperRef.current) {\n if (!isInViewport(thumbNode)) {\n const offset = thumbNode.offsetLeft\n const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n setSpring.start({\n from: {\n val:\n wrapperRef.current?.[\n thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] ?? 0,\n },\n to: {\n val,\n },\n onChange: ({ value }) => {\n if (wrapperRef.current) {\n wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n Math.abs(value.val)\n }\n },\n })\n }\n }\n }\n\n function handlePrepareThumbsData() {\n function getPreparedItems(\n _items: ReturnType<PrepareThumbsData>,\n ): ReturnType<PrepareThumbsData> {\n return _items.map(i => ({\n id: i.id,\n renderThumb: i.renderThumb,\n }))\n }\n\n if (prepareThumbsData) {\n return prepareThumbsData(getPreparedItems(items))\n }\n return getPreparedItems(items)\n }\n\n const thumbsFragment = withThumbs ? (\n <div\n className=\"use-spring-carousel-thumbs-wrapper\"\n ref={wrapperRef}\n onWheel={() => spring.val.stop()}\n style={{\n display: 'flex',\n flex: '1',\n position: 'relative',\n width: '100%',\n height: '100%',\n flexDirection: thumbsSlideAxis === 'x' ? 'row' : 'column',\n ...(thumbsSlideAxis === 'x'\n ? { overflowX: 'auto' }\n : {\n overflowY: 'auto',\n maxHeight: '100%',\n }),\n }}\n >\n {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n const thumbId = `thumb-item-${id}`\n return (\n <div key={thumbId} id={thumbId} className=\"thumb-item\">\n {renderThumb}\n </div>\n )\n })}\n </div>\n ) : null\n\n return {\n thumbsFragment,\n handleScroll,\n }\n}\n","import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T = undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps | ContextProps<'free-scroll'> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { SlideActionType, TransitionSlideMode } from './types/common'\nimport {\n UseTransitionCarouselProps,\n UseTransitionCarouselReturnProps,\n} from './types/useTransitionCarousel.types'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport { ItemWithThumb } from './types'\n\nconst defaultAnimationProps = {\n initial: {\n opacity: 1,\n position: 'relative',\n },\n from: {\n opacity: 0,\n position: 'relative',\n },\n enter: {\n position: 'relative',\n opacity: 1,\n },\n leave: {\n opacity: 1,\n position: 'absolute',\n },\n}\n\nfunction useTransitionCarousel({\n init = true,\n disableGestures = false,\n items,\n springConfig = config.default,\n exitBeforeEnter = false,\n trail,\n withLoop = false,\n activeItem: externalActiveItem,\n toPrevItemSpringProps = defaultAnimationProps,\n toNextItemSpringProps = defaultAnimationProps,\n draggingSlideTreshold = 50,\n thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n const slideActionType = useRef<SlideActionType>('next')\n const slideModeType = useRef<TransitionSlideMode>('initial')\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n const { handleScroll, thumbsFragment } = useThumbsModule({\n thumbsSlideAxis,\n items: items as ItemWithThumb[],\n })\n\n function getConfig() {\n if (slideActionType.current === 'prev') {\n return {\n initial: {\n ...toPrevItemSpringProps.initial,\n },\n from: {\n ...toPrevItemSpringProps.from,\n },\n enter: {\n ...toPrevItemSpringProps.enter,\n },\n leave: {\n ...toPrevItemSpringProps.leave,\n },\n }\n }\n if (slideActionType.current === 'next') {\n return {\n initial: {\n ...toNextItemSpringProps.initial,\n },\n from: {\n ...toNextItemSpringProps.from,\n },\n enter: {\n ...toNextItemSpringProps.enter,\n },\n leave: {\n ...toNextItemSpringProps.leave,\n },\n }\n }\n return {\n initial: {\n ...defaultAnimationProps.initial,\n },\n from: {\n ...defaultAnimationProps.from,\n },\n enter: {\n ...defaultAnimationProps.enter,\n },\n leave: {\n ...defaultAnimationProps.leave,\n },\n }\n }\n\n useEffect(() => {\n if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n setActiveItem(externalActiveItem)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [externalActiveItem])\n\n type SlideToItem = {\n to: number\n slideType: SlideActionType\n slideMode: TransitionSlideMode\n }\n\n function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n slideActionType.current = slideType\n slideModeType.current = slideMode\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n index: to,\n id: items[to].id,\n startReached: to === 0,\n endReached: to === items.length - 1,\n },\n })\n setActiveItem(to)\n handleScroll(activeItem)\n }\n\n function slideToPrevItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isFirstItem = activeItem === 0\n\n if (!withLoop && isFirstItem) return\n\n if (withLoop && isFirstItem) {\n slideToItem({\n to: items.length - 1,\n slideType: 'prev',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem - 1,\n slideType: 'prev',\n slideMode,\n })\n }\n }\n function slideToNextItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isLastItem = activeItem === items.length - 1\n\n if (!withLoop && isLastItem) return\n\n if (withLoop && isLastItem) {\n slideToItem({\n to: 0,\n slideType: 'next',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem + 1,\n slideType: 'next',\n slideMode,\n })\n }\n }\n\n const transitions = useTransition(activeItem, {\n config: springConfig,\n key: null,\n trail,\n exitBeforeEnter,\n ...getConfig(),\n onRest(value, _, index) {\n if (value.finished && index === activeItem) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n index: activeItem,\n id: items[activeItem].id,\n startReached: activeItem === 0,\n endReached: activeItem === items.length - 1,\n },\n })\n }\n },\n })\n\n const bindSwipe = useDrag(\n ({ last, movement: [mx] }) => {\n if (last) {\n const prevItemTreshold = mx > draggingSlideTreshold\n const nextItemTreshold = mx < -draggingSlideTreshold\n const isFirstItem = activeItem === 0\n const isLastItem = activeItem === items.length - 1\n\n if (nextItemTreshold) {\n if (!withLoop && isLastItem) return\n\n emitEvent({\n eventName: 'onLeftSwipe',\n })\n slideToNextItem('swipe')\n } else if (prevItemTreshold) {\n if (!withLoop && isFirstItem) return\n\n emitEvent({\n eventName: 'onRightSwipe',\n })\n slideToPrevItem('swipe')\n }\n }\n },\n {\n enabled: !disableGestures,\n },\n )\n\n const itemsFragment = transitions((styles, item, _, indx) => {\n return (\n <a.div\n id={`use-transition-carousel-item-${indx}`}\n className=\"use-transition-carousel-item\"\n style={{\n ...styles,\n flex: '1 0 100%',\n width: '100%',\n height: '100%',\n }}\n >\n {items[item].renderItem}\n </a.div>\n )\n })\n\n const res = {\n useListenToCustomEvent,\n slideToPrevItem: () => slideToPrevItem('click'),\n slideToNextItem: () => slideToNextItem('click'),\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n ref={mainCarouselWrapperRef}\n {...bindSwipe()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {itemsFragment}\n </div>\n </Context.Provider>\n )\n\n return {\n ...res,\n carouselFragment,\n thumbsFragment: _thumbsFragment,\n }\n}\n\ntype ContextProps = Omit<\n UseTransitionCarouselReturnProps,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useTransitionCarouselContext must be used within the carousel.')\n }\n return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n handleResize?(): void\n onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n mainCarouselWrapperRef,\n onFullScreenChange,\n handleResize,\n}: FullscreenModule) {\n const isFullscreen = useRef(false)\n\n useEffect(() => {\n function handleFullscreenChange() {\n if (document.fullscreenElement) {\n setIsFullscreen(true)\n onFullScreenChange(true)\n handleResize && handleResize()\n }\n\n if (!document.fullscreenElement) {\n setIsFullscreen(false)\n onFullScreenChange(false)\n handleResize && handleResize()\n }\n }\n\n if (screenfull.isEnabled) {\n screenfull.on('change', handleFullscreenChange)\n return () => {\n if (screenfull.isEnabled) {\n screenfull.off('change', handleFullscreenChange)\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n function setIsFullscreen(_isFullscreen: boolean) {\n isFullscreen.current = _isFullscreen\n }\n\n function getIsFullscreen() {\n return isFullscreen.current\n }\n\n function enterFullscreen(elementRef?: HTMLElement) {\n if (screenfull.isEnabled) {\n screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n }\n }\n\n function exitFullscreen() {\n screenfull.isEnabled && screenfull.exit()\n }\n\n return {\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n }\n}\n"],"names":["useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","enterFullscreen","exitFullscreen","getIsFullscreen","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","Provider","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","overflow"],"mappings":"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"}
package/dist/esm/useSpringCarousel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSpringCarousel.js","sources":["../../src/useSpringCarousel.tsx"],"sourcesContent":["import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T extends 'free-scroll' | undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps<'free-scroll' | undefined> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T extends 'free-scroll'>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n"],"names":["useSpringCarousel","items","init","withThumbs","thumbsSlideAxis","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","prepareThumbsData","initialActiveItem","length","prevWindowWidth","useRef","slideActionType","slideModeType","prevSlidedValue","spring","setSpring","useSpring","val","pause","onChange","value","mainCarouselWrapperRef","current","scrollLeft","Math","abs","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","style","transform","activeItem","firstItemReached","lastItemReached","internalItems","useCallback","map","i","Object","assign","id","getItems","emitEvent","useListenToCustomEvent","useEventsModule","thumbsFragment","handleScroll","useThumbsModule","enterFullscreen","exitFullscreen","getIsFullscreen","useFullscreenModule","handleResize","adjustCarouselWrapperPosition","onFullScreenChange","eventName","isFullscreen","getSlideValue","carouselItem","_a","querySelector","Error","getBoundingClientRect","slideToItem","from","to","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","start","config","default","velocity","onRest","finished","currentItem","getTotalScrollValue","round","Number","getCarouselItemWidth","positionProperty","setPosition","v","ref","top","left","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","useEffect","console","warn","window","innerWidth","useLayoutEffect","floor","addEventListener","removeEventListener","bindDrag","useDrag","state","isDragging","dragging","movement","offset","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","_jsx","Context","Provider","children","carouselFragment","className","onWheel","stop","display","position","width","height","overflowX","overflowY","_jsxs","flexDirection","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","flex","isLastItem","marginRight","renderItem","createContext","undefined","useSpringCarouselContext","context","useContext"],"mappings":"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"}
1
+ {"version":3,"file":"useSpringCarousel.js","sources":["../../src/useSpringCarousel.tsx"],"sourcesContent":["import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T = undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps | ContextProps<'free-scroll'> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n"],"names":["useSpringCarousel","items","init","withThumbs","thumbsSlideAxis","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","prepareThumbsData","initialActiveItem","length","prevWindowWidth","useRef","slideActionType","slideModeType","prevSlidedValue","spring","setSpring","useSpring","val","pause","onChange","value","mainCarouselWrapperRef","current","scrollLeft","Math","abs","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","style","transform","activeItem","firstItemReached","lastItemReached","internalItems","useCallback","map","i","Object","assign","id","getItems","emitEvent","useListenToCustomEvent","useEventsModule","thumbsFragment","handleScroll","useThumbsModule","enterFullscreen","exitFullscreen","getIsFullscreen","useFullscreenModule","handleResize","adjustCarouselWrapperPosition","onFullScreenChange","eventName","isFullscreen","getSlideValue","carouselItem","_a","querySelector","Error","getBoundingClientRect","slideToItem","from","to","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","start","config","default","velocity","onRest","finished","currentItem","getTotalScrollValue","round","Number","getCarouselItemWidth","positionProperty","setPosition","v","ref","top","left","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","useEffect","console","warn","window","innerWidth","useLayoutEffect","floor","addEventListener","removeEventListener","bindDrag","useDrag","state","isDragging","dragging","movement","offset","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","_jsx","Context","Provider","children","carouselFragment","className","onWheel","stop","display","position","width","height","overflowX","overflowY","_jsxs","flexDirection","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","flex","isLastItem","marginRight","renderItem","createContext","undefined","useSpringCarouselContext","context","useContext"],"mappings":"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"}
package/dist/types/useSpringCarousel.d.ts CHANGED
@@ -13,6 +13,6 @@ declare function useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): R
13
13
  declare function useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>;
14
14
  declare function useSpringCarousel(props: UseSpringCarouselWithFixedItems<false>): ReturnType<false>;
15
15
  declare function useSpringCarousel(props: UseSpringCarouselWithNoFixedItems<false>): ReturnType<false>;
16
- declare type ContextProps<T extends 'free-scroll' | undefined> = Omit<ReturnType<T extends 'free-scroll' ? true : false>, 'carouselFragment' | 'thumbsFragment'>;
17
- declare function useSpringCarouselContext<T extends 'free-scroll'>(): ContextProps<T>;
16
+ declare type ContextProps<T = undefined> = Omit<ReturnType<T extends 'free-scroll' ? true : false>, 'carouselFragment' | 'thumbsFragment'>;
17
+ declare function useSpringCarouselContext<T>(): ContextProps<T>;
18
18
  export { useSpringCarousel, useSpringCarouselContext };
package/dist/umd/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n eventName: 'onSlideStartChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n nextItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnSlideChange<T> = {\n eventName: 'onSlideChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n currentItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnFullscreenChange = {\n eventName: 'onFullscreenChange'\n isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n eventName: 'onDrag'\n slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnDrag\n | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnFullscreenChange\n | OnLeftSwipe\n | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n ? SpringCarouselEvents<'use-spring'>\n : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n const targetEvent = useRef<HTMLDivElement | null>(null)\n\n function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n useEffect(() => {\n if (!targetEvent.current) {\n targetEvent.current = document.createElement('div')\n }\n\n function handleEvent(event: CustomEvent<Events<T>>) {\n eventHandler(event.detail)\n }\n\n if (targetEvent.current) {\n // @ts-ignore\n targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n return () => {\n // @ts-ignore\n targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n }\n }\n }, [eventHandler])\n }\n function emitEvent(event: Events<T>) {\n if (targetEvent.current) {\n const newEvent = new CustomEvent(eventLabel, {\n detail: event,\n })\n targetEvent.current.dispatchEvent(newEvent)\n }\n }\n\n return {\n useListenToCustomEvent,\n emitEvent,\n }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\nimport { SpringCarouselWithThumbs, PrepareThumbsData } from 'src/types/internals'\nimport { ItemWithThumb } from '../types'\n\ntype Props = {\n withThumbs?: boolean\n thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n prepareThumbsData?: PrepareThumbsData\n items: ItemWithThumb[]\n}\n\nfunction isInViewport(el: HTMLElement) {\n const rect = el.getBoundingClientRect()\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n )\n}\n\nexport function useThumbsModule({\n thumbsSlideAxis = 'x',\n withThumbs = false,\n prepareThumbsData,\n items,\n}: Props) {\n const wrapperRef = useRef<HTMLDivElement | null>(null)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n }))\n\n function getTotalScrollValue() {\n return Math.round(\n Number(\n wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n ) -\n wrapperRef.current!.getBoundingClientRect()[\n thumbsSlideAxis === 'x' ? 'width' : 'height'\n ],\n )\n }\n\n function handleScroll(activeItem: number) {\n function getThumbNode() {\n if (wrapperRef.current) {\n return wrapperRef.current.querySelector(\n `#thumb-item-${items[activeItem].id}`,\n ) as HTMLElement\n }\n return null\n }\n\n const thumbNode = getThumbNode()\n if (thumbNode && wrapperRef.current) {\n if (!isInViewport(thumbNode)) {\n const offset = thumbNode.offsetLeft\n const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n setSpring.start({\n from: {\n val:\n wrapperRef.current?.[\n thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] ?? 0,\n },\n to: {\n val,\n },\n onChange: ({ value }) => {\n if (wrapperRef.current) {\n wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n Math.abs(value.val)\n }\n },\n })\n }\n }\n }\n\n function handlePrepareThumbsData() {\n function getPreparedItems(\n _items: ReturnType<PrepareThumbsData>,\n ): ReturnType<PrepareThumbsData> {\n return _items.map(i => ({\n id: i.id,\n renderThumb: i.renderThumb,\n }))\n }\n\n if (prepareThumbsData) {\n return prepareThumbsData(getPreparedItems(items))\n }\n return getPreparedItems(items)\n }\n\n const thumbsFragment = withThumbs ? (\n <div\n className=\"use-spring-carousel-thumbs-wrapper\"\n ref={wrapperRef}\n onWheel={() => spring.val.stop()}\n style={{\n display: 'flex',\n flex: '1',\n position: 'relative',\n width: '100%',\n height: '100%',\n flexDirection: thumbsSlideAxis === 'x' ? 'row' : 'column',\n ...(thumbsSlideAxis === 'x'\n ? { overflowX: 'auto' }\n : {\n overflowY: 'auto',\n maxHeight: '100%',\n }),\n }}\n >\n {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n const thumbId = `thumb-item-${id}`\n return (\n <div key={thumbId} id={thumbId} className=\"thumb-item\">\n {renderThumb}\n </div>\n )\n })}\n </div>\n ) : null\n\n return {\n thumbsFragment,\n handleScroll,\n }\n}\n","import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T extends 'free-scroll' | undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps<'free-scroll' | undefined> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T extends 'free-scroll'>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { SlideActionType, TransitionSlideMode } from './types/common'\nimport {\n UseTransitionCarouselProps,\n UseTransitionCarouselReturnProps,\n} from './types/useTransitionCarousel.types'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport { ItemWithThumb } from './types'\n\nconst defaultAnimationProps = {\n initial: {\n opacity: 1,\n position: 'relative',\n },\n from: {\n opacity: 0,\n position: 'relative',\n },\n enter: {\n position: 'relative',\n opacity: 1,\n },\n leave: {\n opacity: 1,\n position: 'absolute',\n },\n}\n\nfunction useTransitionCarousel({\n init = true,\n disableGestures = false,\n items,\n springConfig = config.default,\n exitBeforeEnter = false,\n trail,\n withLoop = false,\n activeItem: externalActiveItem,\n toPrevItemSpringProps = defaultAnimationProps,\n toNextItemSpringProps = defaultAnimationProps,\n draggingSlideTreshold = 50,\n thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n const slideActionType = useRef<SlideActionType>('next')\n const slideModeType = useRef<TransitionSlideMode>('initial')\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n const { handleScroll, thumbsFragment } = useThumbsModule({\n thumbsSlideAxis,\n items: items as ItemWithThumb[],\n })\n\n function getConfig() {\n if (slideActionType.current === 'prev') {\n return {\n initial: {\n ...toPrevItemSpringProps.initial,\n },\n from: {\n ...toPrevItemSpringProps.from,\n },\n enter: {\n ...toPrevItemSpringProps.enter,\n },\n leave: {\n ...toPrevItemSpringProps.leave,\n },\n }\n }\n if (slideActionType.current === 'next') {\n return {\n initial: {\n ...toNextItemSpringProps.initial,\n },\n from: {\n ...toNextItemSpringProps.from,\n },\n enter: {\n ...toNextItemSpringProps.enter,\n },\n leave: {\n ...toNextItemSpringProps.leave,\n },\n }\n }\n return {\n initial: {\n ...defaultAnimationProps.initial,\n },\n from: {\n ...defaultAnimationProps.from,\n },\n enter: {\n ...defaultAnimationProps.enter,\n },\n leave: {\n ...defaultAnimationProps.leave,\n },\n }\n }\n\n useEffect(() => {\n if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n setActiveItem(externalActiveItem)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [externalActiveItem])\n\n type SlideToItem = {\n to: number\n slideType: SlideActionType\n slideMode: TransitionSlideMode\n }\n\n function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n slideActionType.current = slideType\n slideModeType.current = slideMode\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n index: to,\n id: items[to].id,\n startReached: to === 0,\n endReached: to === items.length - 1,\n },\n })\n setActiveItem(to)\n handleScroll(activeItem)\n }\n\n function slideToPrevItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isFirstItem = activeItem === 0\n\n if (!withLoop && isFirstItem) return\n\n if (withLoop && isFirstItem) {\n slideToItem({\n to: items.length - 1,\n slideType: 'prev',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem - 1,\n slideType: 'prev',\n slideMode,\n })\n }\n }\n function slideToNextItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isLastItem = activeItem === items.length - 1\n\n if (!withLoop && isLastItem) return\n\n if (withLoop && isLastItem) {\n slideToItem({\n to: 0,\n slideType: 'next',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem + 1,\n slideType: 'next',\n slideMode,\n })\n }\n }\n\n const transitions = useTransition(activeItem, {\n config: springConfig,\n key: null,\n trail,\n exitBeforeEnter,\n ...getConfig(),\n onRest(value, _, index) {\n if (value.finished && index === activeItem) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n index: activeItem,\n id: items[activeItem].id,\n startReached: activeItem === 0,\n endReached: activeItem === items.length - 1,\n },\n })\n }\n },\n })\n\n const bindSwipe = useDrag(\n ({ last, movement: [mx] }) => {\n if (last) {\n const prevItemTreshold = mx > draggingSlideTreshold\n const nextItemTreshold = mx < -draggingSlideTreshold\n const isFirstItem = activeItem === 0\n const isLastItem = activeItem === items.length - 1\n\n if (nextItemTreshold) {\n if (!withLoop && isLastItem) return\n\n emitEvent({\n eventName: 'onLeftSwipe',\n })\n slideToNextItem('swipe')\n } else if (prevItemTreshold) {\n if (!withLoop && isFirstItem) return\n\n emitEvent({\n eventName: 'onRightSwipe',\n })\n slideToPrevItem('swipe')\n }\n }\n },\n {\n enabled: !disableGestures,\n },\n )\n\n const itemsFragment = transitions((styles, item, _, indx) => {\n return (\n <a.div\n id={`use-transition-carousel-item-${indx}`}\n className=\"use-transition-carousel-item\"\n style={{\n ...styles,\n flex: '1 0 100%',\n width: '100%',\n height: '100%',\n }}\n >\n {items[item].renderItem}\n </a.div>\n )\n })\n\n const res = {\n useListenToCustomEvent,\n slideToPrevItem: () => slideToPrevItem('click'),\n slideToNextItem: () => slideToNextItem('click'),\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n ref={mainCarouselWrapperRef}\n {...bindSwipe()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {itemsFragment}\n </div>\n </Context.Provider>\n )\n\n return {\n ...res,\n carouselFragment,\n thumbsFragment: _thumbsFragment,\n }\n}\n\ntype ContextProps = Omit<\n UseTransitionCarouselReturnProps,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useTransitionCarouselContext must be used within the carousel.')\n }\n return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n handleResize?(): void\n onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n mainCarouselWrapperRef,\n onFullScreenChange,\n handleResize,\n}: FullscreenModule) {\n const isFullscreen = useRef(false)\n\n useEffect(() => {\n function handleFullscreenChange() {\n if (document.fullscreenElement) {\n setIsFullscreen(true)\n onFullScreenChange(true)\n handleResize && handleResize()\n }\n\n if (!document.fullscreenElement) {\n setIsFullscreen(false)\n onFullScreenChange(false)\n handleResize && handleResize()\n }\n }\n\n if (screenfull.isEnabled) {\n screenfull.on('change', handleFullscreenChange)\n return () => {\n if (screenfull.isEnabled) {\n screenfull.off('change', handleFullscreenChange)\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n function setIsFullscreen(_isFullscreen: boolean) {\n isFullscreen.current = _isFullscreen\n }\n\n function getIsFullscreen() {\n return isFullscreen.current\n }\n\n function enterFullscreen(elementRef?: HTMLElement) {\n if (screenfull.isEnabled) {\n screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n }\n }\n\n function exitFullscreen() {\n screenfull.isEnabled && screenfull.exit()\n }\n\n return {\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n }\n}\n"],"names":["eventLabel","useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","enterFullscreen","exitFullscreen","getIsFullscreen","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","Provider","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","overflow"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n eventName: 'onSlideStartChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n nextItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnSlideChange<T> = {\n eventName: 'onSlideChange'\n slideActionType: SlideActionType\n slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n currentItem: {\n index: number\n id: string\n startReached: boolean\n endReached: boolean\n }\n}\ntype OnFullscreenChange = {\n eventName: 'onFullscreenChange'\n isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n eventName: 'onDrag'\n slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnDrag\n | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n | OnSlideStartChange<T>\n | OnSlideChange<T>\n | OnFullscreenChange\n | OnLeftSwipe\n | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n ? SpringCarouselEvents<'use-spring'>\n : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n const targetEvent = useRef<HTMLDivElement | null>(null)\n\n function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n useEffect(() => {\n if (!targetEvent.current) {\n targetEvent.current = document.createElement('div')\n }\n\n function handleEvent(event: CustomEvent<Events<T>>) {\n eventHandler(event.detail)\n }\n\n if (targetEvent.current) {\n // @ts-ignore\n targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n return () => {\n // @ts-ignore\n targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n }\n }\n }, [eventHandler])\n }\n function emitEvent(event: Events<T>) {\n if (targetEvent.current) {\n const newEvent = new CustomEvent(eventLabel, {\n detail: event,\n })\n targetEvent.current.dispatchEvent(newEvent)\n }\n }\n\n return {\n useListenToCustomEvent,\n emitEvent,\n }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\nimport { SpringCarouselWithThumbs, PrepareThumbsData } from 'src/types/internals'\nimport { ItemWithThumb } from '../types'\n\ntype Props = {\n withThumbs?: boolean\n thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n prepareThumbsData?: PrepareThumbsData\n items: ItemWithThumb[]\n}\n\nfunction isInViewport(el: HTMLElement) {\n const rect = el.getBoundingClientRect()\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n )\n}\n\nexport function useThumbsModule({\n thumbsSlideAxis = 'x',\n withThumbs = false,\n prepareThumbsData,\n items,\n}: Props) {\n const wrapperRef = useRef<HTMLDivElement | null>(null)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n }))\n\n function getTotalScrollValue() {\n return Math.round(\n Number(\n wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n ) -\n wrapperRef.current!.getBoundingClientRect()[\n thumbsSlideAxis === 'x' ? 'width' : 'height'\n ],\n )\n }\n\n function handleScroll(activeItem: number) {\n function getThumbNode() {\n if (wrapperRef.current) {\n return wrapperRef.current.querySelector(\n `#thumb-item-${items[activeItem].id}`,\n ) as HTMLElement\n }\n return null\n }\n\n const thumbNode = getThumbNode()\n if (thumbNode && wrapperRef.current) {\n if (!isInViewport(thumbNode)) {\n const offset = thumbNode.offsetLeft\n const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n setSpring.start({\n from: {\n val:\n wrapperRef.current?.[\n thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] ?? 0,\n },\n to: {\n val,\n },\n onChange: ({ value }) => {\n if (wrapperRef.current) {\n wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n Math.abs(value.val)\n }\n },\n })\n }\n }\n }\n\n function handlePrepareThumbsData() {\n function getPreparedItems(\n _items: ReturnType<PrepareThumbsData>,\n ): ReturnType<PrepareThumbsData> {\n return _items.map(i => ({\n id: i.id,\n renderThumb: i.renderThumb,\n }))\n }\n\n if (prepareThumbsData) {\n return prepareThumbsData(getPreparedItems(items))\n }\n return getPreparedItems(items)\n }\n\n const thumbsFragment = withThumbs ? (\n <div\n className=\"use-spring-carousel-thumbs-wrapper\"\n ref={wrapperRef}\n onWheel={() => spring.val.stop()}\n style={{\n display: 'flex',\n flex: '1',\n position: 'relative',\n width: '100%',\n height: '100%',\n flexDirection: thumbsSlideAxis === 'x' ? 'row' : 'column',\n ...(thumbsSlideAxis === 'x'\n ? { overflowX: 'auto' }\n : {\n overflowY: 'auto',\n maxHeight: '100%',\n }),\n }}\n >\n {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n const thumbId = `thumb-item-${id}`\n return (\n <div key={thumbId} id={thumbId} className=\"thumb-item\">\n {renderThumb}\n </div>\n )\n })}\n </div>\n ) : null\n\n return {\n thumbsFragment,\n handleScroll,\n }\n}\n","import { config, useSpring } from '@react-spring/web'\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n} from 'react'\n\nimport { SlideActionType, SlideMode } from './types/common'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport {\n UseSpringReturnType,\n UseSpringCarouselComplete,\n SpringCarouselWithThumbs,\n UseSpringCarouselWithFreeScroll,\n UseSpringFreeScrollReturnType,\n UseSpringCarouselWithThumbs,\n UseSpringCarouselWithNoThumbs,\n UseSpringCarouselWithNoFixedItems,\n UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n items,\n init = true,\n withThumbs,\n thumbsSlideAxis = 'x',\n itemsPerSlide: _itemsPerSlide = 1,\n slideType = 'fixed',\n gutter = 0,\n withLoop = false,\n startEndGutter = 0,\n carouselSlideAxis = 'x',\n disableGestures = false,\n draggingSlideTreshold: _draggingSlideTreshold,\n slideWhenThresholdIsReached = false,\n freeScroll,\n enableFreeScrollDrag,\n initialStartingPosition,\n prepareThumbsData,\n initialActiveItem = 0,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n const prevWindowWidth = useRef(0)\n const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n const slideActionType = useRef<SlideActionType>('initial')\n const slideModeType = useRef<SlideMode>('initial')\n const prevSlidedValue = useRef(0)\n const [spring, setSpring] = useSpring(() => ({\n val: 0,\n pause: !init,\n onChange({ value }) {\n if (freeScroll && mainCarouselWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n } else {\n mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n }\n setStartEndItemReachedOnFreeScroll()\n } else if (carouselTrackWrapperRef.current) {\n if (carouselSlideAxis === 'x') {\n carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n } else {\n carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n }\n }\n },\n }))\n const activeItem = useRef(initialActiveItem)\n const firstItemReached = useRef(initialActiveItem === 0)\n const lastItemReached = useRef(false)\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n const getItems = useCallback(() => {\n if (withLoop) {\n return [\n ...items.map(i => ({\n ...i,\n id: `prev-repeated-item-${i.id}`,\n })),\n ...items,\n ...items.map(i => ({\n ...i,\n id: `next-repeated-item-${i.id}`,\n })),\n ]\n }\n return [...items]\n }, [items, withLoop])\n const internalItems = getItems()\n\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n const { thumbsFragment, handleScroll } = useThumbsModule({\n withThumbs: !!withThumbs,\n thumbsSlideAxis,\n prepareThumbsData,\n items: items as SpringCarouselWithThumbs['items'],\n })\n const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n mainCarouselWrapperRef,\n handleResize: () => adjustCarouselWrapperPosition(),\n onFullScreenChange: val => {\n emitEvent({\n eventName: 'onFullscreenChange',\n isFullscreen: val,\n })\n },\n })\n\n function getItemStyles(isLastItem: boolean) {\n if (slideType === 'fixed' && !freeScroll) {\n return {\n marginRight: `${isLastItem ? 0 : gutter}px`,\n flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n }px)`,\n }\n }\n return {\n ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n }\n }\n\n function getSlideValue() {\n const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n\n type SlideToItem = {\n from: number\n to: number\n nextActiveItem?: number\n immediate?: boolean\n slideMode: 'click' | 'drag'\n }\n\n function slideToItem({\n from,\n to,\n nextActiveItem,\n immediate = false,\n slideMode,\n }: SlideToItem) {\n slideModeType.current = slideMode\n\n if (typeof nextActiveItem === 'number') {\n if (!freeScroll) {\n activeItem.current = nextActiveItem\n }\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n\n prevSlidedValue.current = to\n setSpring.start({\n immediate,\n from: {\n val: from,\n },\n to: {\n val: to,\n },\n config: {\n ...config.default,\n velocity: spring.val.velocity,\n },\n onRest(value) {\n if (!immediate && value.finished) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n startReached: firstItemReached.current,\n endReached: lastItemReached.current,\n index: freeScroll ? -1 : activeItem.current,\n id: freeScroll ? '' : items[activeItem.current].id,\n },\n })\n }\n },\n })\n if (withThumbs && !immediate) {\n handleScroll(activeItem.current)\n }\n }\n\n function getTotalScrollValue() {\n if (withLoop) {\n return getSlideValue() * items.length\n }\n return Math.round(\n Number(\n carouselTrackWrapperRef.current?.[\n carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n ],\n ) -\n carouselTrackWrapperRef.current!.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] -\n startEndGutter * 2,\n )\n }\n function getAnimatedWrapperStyles() {\n const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n return {\n width: carouselSlideAxis === 'x' ? percentValue : '100%',\n height: carouselSlideAxis === 'y' ? percentValue : '100%',\n }\n }\n\n function getCarouselItemWidth() {\n const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n '.use-spring-carousel-item',\n )\n if (!carouselItem) {\n throw Error('No carousel items available!')\n }\n return (\n carouselItem.getBoundingClientRect()[\n carouselSlideAxis === 'x' ? 'width' : 'height'\n ] + gutter\n )\n }\n function adjustCarouselWrapperPosition() {\n const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\n\n function setPosition(v: number) {\n const ref = carouselTrackWrapperRef.current\n if (!ref) return\n\n if (withLoop) {\n ref.style.top = '0px'\n ref.style.left = '0px'\n ref.style[positionProperty] = `-${v - startEndGutter}px`\n } else {\n ref.style.left = '0px'\n ref.style.top = '0px'\n }\n }\n\n const currentFromValue = Math.abs(getFromValue())\n\n if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n lastItemReached.current = false\n }\n if (currentFromValue > getTotalScrollValue()) {\n const val = -getTotalScrollValue()\n lastItemReached.current = true\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n return\n }\n\n if (!freeScroll && slideType === 'fixed') {\n const val = -(getSlideValue() * activeItem.current)\n prevSlidedValue.current = val\n setSpring.start({\n immediate: true,\n val,\n })\n }\n\n if (initialStartingPosition === 'center') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round((itemsPerSlide - 1) / 2),\n )\n } else if (initialStartingPosition === 'end') {\n setPosition(\n getCarouselItemWidth() * items.length -\n getSlideValue() * Math.round(itemsPerSlide - 1),\n )\n } else {\n setPosition(getCarouselItemWidth() * items.length)\n }\n }\n\n function getFromValue() {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n }\n return spring.val.get()\n }\n function getToValue(type: 'next' | 'prev', index?: number) {\n if (freeScroll && type === 'next') {\n const next = prevSlidedValue.current + getSlideValue()\n if (next > getTotalScrollValue()) {\n return getTotalScrollValue()\n }\n return next\n }\n\n if (freeScroll && type === 'prev') {\n const next = prevSlidedValue.current - getSlideValue()\n if (next < 0) {\n return 0\n }\n return next\n }\n\n if (type === 'next') {\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current - getSlideValue()\n }\n\n if (index) {\n return -(index * getSlideValue())\n }\n return prevSlidedValue.current + getSlideValue()\n }\n function slideToPrevItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (firstItemReached.current && !withLoop)) return\n\n slideActionType.current = 'prev'\n lastItemReached.current = false\n\n const nextItem = index || activeItem.current - 1\n\n if (!withLoop) {\n const nextItemWillExceed = freeScroll\n ? getToValue('prev', index) - getSlideValue() / 3 < 0\n : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n if (firstItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = true\n lastItemReached.current = false\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n }\n if (withLoop && firstItemReached.current) {\n firstItemReached.current = false\n lastItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() - getSlideValue() * items.length,\n to: -(getSlideValue() * items.length) + getSlideValue(),\n nextActiveItem: items.length - 1,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1 || nextItem === -1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('prev', index),\n nextActiveItem: nextItem,\n })\n }\n function slideToNextItem(\n type: Exclude<SlideMode, 'initial'> = 'click',\n index?: number,\n ) {\n if (!init || (lastItemReached.current && !withLoop)) return\n\n slideActionType.current = 'next'\n firstItemReached.current = false\n\n const nextItem = index || activeItem.current + 1\n\n if (!withLoop) {\n const nextItemWillExceed =\n Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n if (lastItemReached.current) return\n if (nextItemWillExceed) {\n firstItemReached.current = false\n lastItemReached.current = true\n\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n nextActiveItem: nextItem,\n })\n return\n }\n }\n if (withLoop && lastItemReached.current) {\n lastItemReached.current = false\n firstItemReached.current = true\n slideToItem({\n slideMode: type,\n from: getFromValue() + getSlideValue() * items.length,\n to: 0,\n nextActiveItem: 0,\n })\n return\n }\n if (nextItem === 0) {\n firstItemReached.current = true\n }\n if (nextItem === items.length - 1) {\n lastItemReached.current = true\n }\n slideToItem({\n slideMode: type,\n from: getFromValue(),\n to: getToValue('next', index),\n nextActiveItem: nextItem,\n })\n }\n\n useEffect(() => {\n if (init) {\n if (initialActiveItem > items.length - 1) {\n throw new Error(\n `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n )\n }\n if (itemsPerSlide > items.length) {\n console.warn(\n `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n )\n }\n }\n }, [initialActiveItem, items, itemsPerSlide, init])\n useEffect(() => {\n prevWindowWidth.current = window.innerWidth\n }, [])\n useEffect(() => {\n adjustCarouselWrapperPosition()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n useLayoutEffect(() => {\n /**\n * Set initial track position\n */\n if (carouselTrackWrapperRef.current) {\n adjustCarouselWrapperPosition()\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useEffect(() => {\n if (_draggingSlideTreshold) {\n draggingSlideTreshold.current = _draggingSlideTreshold\n } else {\n draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_draggingSlideTreshold])\n useEffect(() => {\n function handleResize() {\n if (window.innerWidth === prevWindowWidth.current) return\n prevWindowWidth.current = window.innerWidth\n adjustCarouselWrapperPosition()\n }\n window.addEventListener('resize', handleResize)\n return () => {\n window.removeEventListener('resize', handleResize)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n initialStartingPosition,\n itemsPerSlide,\n withLoop,\n startEndGutter,\n gutter,\n freeScroll,\n slideType,\n init,\n ])\n\n const bindDrag = useDrag(\n state => {\n const isDragging = state.dragging\n const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1]\n const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1]\n const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1]\n\n const prevItemTreshold = currentMovement > draggingSlideTreshold.current\n const nextItemTreshold = currentMovement < -draggingSlideTreshold.current\n\n if (isDragging) {\n if (direction > 0) {\n slideActionType.current = 'prev'\n } else {\n slideActionType.current = 'next'\n }\n\n emitEvent({\n ...state,\n eventName: 'onDrag',\n slideActionType: slideActionType.current,\n })\n\n if (freeScroll) {\n if (slideActionType.current === 'prev' && movement > 0) {\n state.cancel()\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: 0,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n from: {\n val: getFromValue(),\n },\n to: {\n val: -movement,\n },\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n return\n }\n\n setSpring.start({\n val: movement,\n config: {\n velocity: state.velocity,\n friction: 50,\n tension: 1000,\n },\n })\n\n if (slideWhenThresholdIsReached && nextItemTreshold) {\n slideToNextItem('drag')\n state.cancel()\n } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n slideToPrevItem('drag')\n state.cancel()\n }\n return\n }\n\n if (state.last && !state.canceled && freeScroll) {\n if (slideActionType.current === 'prev') {\n slideToPrevItem('drag')\n }\n if (slideActionType.current === 'next') {\n slideToNextItem('drag')\n }\n }\n\n if (state.last && !state.canceled && !freeScroll) {\n if (nextItemTreshold) {\n if (!withLoop && lastItemReached.current) {\n setSpring.start({\n val: -getTotalScrollValue(),\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToNextItem('drag')\n }\n } else if (prevItemTreshold) {\n if (!withLoop && firstItemReached.current) {\n setSpring.start({\n val: 0,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n } else {\n slideToPrevItem('drag')\n }\n } else {\n setSpring.start({\n val: prevSlidedValue.current,\n config: {\n ...config.default,\n velocity: state.velocity,\n },\n })\n }\n }\n },\n {\n enabled:\n (init && !disableGestures && !freeScroll) ||\n (!!freeScroll && !!enableFreeScrollDrag),\n axis: carouselSlideAxis,\n from: () => {\n if (freeScroll && mainCarouselWrapperRef.current) {\n return [\n -mainCarouselWrapperRef.current.scrollLeft,\n -mainCarouselWrapperRef.current.scrollTop,\n ]\n }\n if (carouselSlideAxis === 'x') {\n return [spring.val.get(), spring.val.get()]\n }\n return [spring.val.get(), spring.val.get()]\n },\n },\n )\n\n function getWrapperOverflowStyles() {\n if (freeScroll) {\n if (carouselSlideAxis === 'x') {\n return {\n overflowX: 'auto',\n }\n }\n return {\n overflowY: 'auto',\n }\n }\n return {}\n }\n\n function setStartEndItemReachedOnFreeScroll() {\n if (mainCarouselWrapperRef.current) {\n prevSlidedValue.current =\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ]\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === 0\n ) {\n firstItemReached.current = true\n lastItemReached.current = false\n }\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] > 0 &&\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] < getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = false\n }\n\n if (\n mainCarouselWrapperRef.current[\n carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n ] === getTotalScrollValue()\n ) {\n firstItemReached.current = false\n lastItemReached.current = true\n }\n }\n }\n function getScrollHandlers() {\n if (freeScroll) {\n return {\n onWheel() {\n spring.val.stop()\n setStartEndItemReachedOnFreeScroll()\n },\n }\n }\n return {}\n }\n\n function findItemIndex(id: string | number, error?: string) {\n let itemIndex = 0\n\n if (typeof id === 'string') {\n itemIndex = items.findIndex(item => item.id === id)\n } else {\n itemIndex = id\n }\n if (itemIndex < 0 || itemIndex >= items.length) {\n if (error) {\n throw new Error(error)\n }\n console.error(\n `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n )\n itemIndex = -1\n }\n\n return itemIndex\n }\n function internalSlideToItem(id: string | number) {\n if (!init) return\n\n firstItemReached.current = false\n lastItemReached.current = false\n\n const itemIndex = findItemIndex(\n id,\n \"The item you want to slide to doesn't exist; check the provided id.\",\n )\n\n if (itemIndex === activeItem.current) {\n return\n }\n\n const currentItem = findItemIndex(items[activeItem.current].id)\n const newActiveItem = findItemIndex(items[itemIndex].id)\n\n if (newActiveItem > currentItem) {\n slideToNextItem('click', newActiveItem)\n } else {\n slideToPrevItem('click', newActiveItem)\n }\n }\n function getIsNextItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === items.length - 1) {\n return itemIndex === 0\n }\n return itemIndex === _activeItem + 1\n }\n function getIsPrevItem(id: string | number) {\n const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n const _activeItem = activeItem.current\n if (withLoop && _activeItem === 0) {\n return itemIndex === items.length - 1\n }\n return itemIndex === _activeItem - 1\n }\n\n const res = freeScroll\n ? {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n }\n : {\n useListenToCustomEvent,\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n slideToPrevItem: () => slideToPrevItem(),\n slideToNextItem: () => slideToNextItem(),\n slideToItem: internalSlideToItem,\n getIsNextItem,\n getIsPrevItem,\n getIsActiveItem: (id: string | number) => {\n return (\n findItemIndex(\n id,\n \"The item you want to check doesn't exist; check the provided id.\",\n ) === activeItem.current\n )\n },\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n className=\"use-spring-carousel-main-wrapper\"\n ref={mainCarouselWrapperRef}\n {...getScrollHandlers()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(getWrapperOverflowStyles() as React.CSSProperties),\n }}\n >\n <div\n className=\"use-spring-carousel-track-wrapper\"\n ref={carouselTrackWrapperRef}\n {...bindDrag()}\n style={{\n position: 'relative',\n display: 'flex',\n flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n touchAction: 'none',\n ...getAnimatedWrapperStyles(),\n }}\n >\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n {internalItems.map((item, index) => {\n return (\n <div\n key={`${item.id}-${index}`}\n className=\"use-spring-carousel-item\"\n data-testid=\"use-spring-carousel-item-wrapper\"\n style={{\n display: 'flex',\n position: 'relative',\n flex: '1',\n ...getItemStyles(!!freeScroll && index === items.length - 1),\n }}\n >\n {item.renderItem}\n </div>\n )\n })}\n {freeScroll && startEndGutter ? (\n <div\n style={{\n flexShrink: 0,\n width: startEndGutter,\n }}\n />\n ) : null}\n </div>\n </div>\n </Context.Provider>\n )\n\n return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T = undefined> = Omit<\n ReturnType<T extends 'free-scroll' ? true : false>,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context =\n createContext<ContextProps | ContextProps<'free-scroll'> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T>() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useSpringCarouselContext must be used within the carousel.')\n }\n return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { SlideActionType, TransitionSlideMode } from './types/common'\nimport {\n UseTransitionCarouselProps,\n UseTransitionCarouselReturnProps,\n} from './types/useTransitionCarousel.types'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport { ItemWithThumb } from './types'\n\nconst defaultAnimationProps = {\n initial: {\n opacity: 1,\n position: 'relative',\n },\n from: {\n opacity: 0,\n position: 'relative',\n },\n enter: {\n position: 'relative',\n opacity: 1,\n },\n leave: {\n opacity: 1,\n position: 'absolute',\n },\n}\n\nfunction useTransitionCarousel({\n init = true,\n disableGestures = false,\n items,\n springConfig = config.default,\n exitBeforeEnter = false,\n trail,\n withLoop = false,\n activeItem: externalActiveItem,\n toPrevItemSpringProps = defaultAnimationProps,\n toNextItemSpringProps = defaultAnimationProps,\n draggingSlideTreshold = 50,\n thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n const slideActionType = useRef<SlideActionType>('next')\n const slideModeType = useRef<TransitionSlideMode>('initial')\n const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n const { handleScroll, thumbsFragment } = useThumbsModule({\n thumbsSlideAxis,\n items: items as ItemWithThumb[],\n })\n\n function getConfig() {\n if (slideActionType.current === 'prev') {\n return {\n initial: {\n ...toPrevItemSpringProps.initial,\n },\n from: {\n ...toPrevItemSpringProps.from,\n },\n enter: {\n ...toPrevItemSpringProps.enter,\n },\n leave: {\n ...toPrevItemSpringProps.leave,\n },\n }\n }\n if (slideActionType.current === 'next') {\n return {\n initial: {\n ...toNextItemSpringProps.initial,\n },\n from: {\n ...toNextItemSpringProps.from,\n },\n enter: {\n ...toNextItemSpringProps.enter,\n },\n leave: {\n ...toNextItemSpringProps.leave,\n },\n }\n }\n return {\n initial: {\n ...defaultAnimationProps.initial,\n },\n from: {\n ...defaultAnimationProps.from,\n },\n enter: {\n ...defaultAnimationProps.enter,\n },\n leave: {\n ...defaultAnimationProps.leave,\n },\n }\n }\n\n useEffect(() => {\n if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n setActiveItem(externalActiveItem)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [externalActiveItem])\n\n type SlideToItem = {\n to: number\n slideType: SlideActionType\n slideMode: TransitionSlideMode\n }\n\n function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n slideActionType.current = slideType\n slideModeType.current = slideMode\n emitEvent({\n eventName: 'onSlideStartChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n nextItem: {\n index: to,\n id: items[to].id,\n startReached: to === 0,\n endReached: to === items.length - 1,\n },\n })\n setActiveItem(to)\n handleScroll(activeItem)\n }\n\n function slideToPrevItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isFirstItem = activeItem === 0\n\n if (!withLoop && isFirstItem) return\n\n if (withLoop && isFirstItem) {\n slideToItem({\n to: items.length - 1,\n slideType: 'prev',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem - 1,\n slideType: 'prev',\n slideMode,\n })\n }\n }\n function slideToNextItem(slideMode: TransitionSlideMode) {\n if (!init) return\n const isLastItem = activeItem === items.length - 1\n\n if (!withLoop && isLastItem) return\n\n if (withLoop && isLastItem) {\n slideToItem({\n to: 0,\n slideType: 'next',\n slideMode,\n })\n } else {\n slideToItem({\n to: activeItem + 1,\n slideType: 'next',\n slideMode,\n })\n }\n }\n\n const transitions = useTransition(activeItem, {\n config: springConfig,\n key: null,\n trail,\n exitBeforeEnter,\n ...getConfig(),\n onRest(value, _, index) {\n if (value.finished && index === activeItem) {\n emitEvent({\n eventName: 'onSlideChange',\n slideActionType: slideActionType.current,\n slideMode: slideModeType.current,\n currentItem: {\n index: activeItem,\n id: items[activeItem].id,\n startReached: activeItem === 0,\n endReached: activeItem === items.length - 1,\n },\n })\n }\n },\n })\n\n const bindSwipe = useDrag(\n ({ last, movement: [mx] }) => {\n if (last) {\n const prevItemTreshold = mx > draggingSlideTreshold\n const nextItemTreshold = mx < -draggingSlideTreshold\n const isFirstItem = activeItem === 0\n const isLastItem = activeItem === items.length - 1\n\n if (nextItemTreshold) {\n if (!withLoop && isLastItem) return\n\n emitEvent({\n eventName: 'onLeftSwipe',\n })\n slideToNextItem('swipe')\n } else if (prevItemTreshold) {\n if (!withLoop && isFirstItem) return\n\n emitEvent({\n eventName: 'onRightSwipe',\n })\n slideToPrevItem('swipe')\n }\n }\n },\n {\n enabled: !disableGestures,\n },\n )\n\n const itemsFragment = transitions((styles, item, _, indx) => {\n return (\n <a.div\n id={`use-transition-carousel-item-${indx}`}\n className=\"use-transition-carousel-item\"\n style={{\n ...styles,\n flex: '1 0 100%',\n width: '100%',\n height: '100%',\n }}\n >\n {items[item].renderItem}\n </a.div>\n )\n })\n\n const res = {\n useListenToCustomEvent,\n slideToPrevItem: () => slideToPrevItem('click'),\n slideToNextItem: () => slideToNextItem('click'),\n }\n\n const _thumbsFragment = (\n <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n )\n const carouselFragment = (\n <Context.Provider value={res}>\n <div\n ref={mainCarouselWrapperRef}\n {...bindSwipe()}\n style={{\n display: 'flex',\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n }}\n >\n {itemsFragment}\n </div>\n </Context.Provider>\n )\n\n return {\n ...res,\n carouselFragment,\n thumbsFragment: _thumbsFragment,\n }\n}\n\ntype ContextProps = Omit<\n UseTransitionCarouselReturnProps,\n 'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n const context = useContext(Context)\n if (!context) {\n throw new Error('useTransitionCarouselContext must be used within the carousel.')\n }\n return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n handleResize?(): void\n onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n mainCarouselWrapperRef,\n onFullScreenChange,\n handleResize,\n}: FullscreenModule) {\n const isFullscreen = useRef(false)\n\n useEffect(() => {\n function handleFullscreenChange() {\n if (document.fullscreenElement) {\n setIsFullscreen(true)\n onFullScreenChange(true)\n handleResize && handleResize()\n }\n\n if (!document.fullscreenElement) {\n setIsFullscreen(false)\n onFullScreenChange(false)\n handleResize && handleResize()\n }\n }\n\n if (screenfull.isEnabled) {\n screenfull.on('change', handleFullscreenChange)\n return () => {\n if (screenfull.isEnabled) {\n screenfull.off('change', handleFullscreenChange)\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n function setIsFullscreen(_isFullscreen: boolean) {\n isFullscreen.current = _isFullscreen\n }\n\n function getIsFullscreen() {\n return isFullscreen.current\n }\n\n function enterFullscreen(elementRef?: HTMLElement) {\n if (screenfull.isEnabled) {\n screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n }\n }\n\n function exitFullscreen() {\n screenfull.isEnabled && screenfull.exit()\n }\n\n return {\n enterFullscreen,\n exitFullscreen,\n getIsFullscreen,\n }\n}\n"],"names":["eventLabel","useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","enterFullscreen","exitFullscreen","getIsFullscreen","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","Provider","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","overflow"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-spring-carousel",
3
- "version": "3.0.0-beta024",
3
+ "version": "3.0.0-beta025",
4
4
  "description": "A new <Carousel /> experience for the web",
5
5
  "homepage": "https://react-spring-carousel.emilianobucci.com",
6
6
  "repository": "https://github.com/Emiliano-Bucci/react-spring-carousel",