chore: rename slide to item

Author: Petr Konecny

src/components/HeroCarousel/index.tsx

@@ -6,7 +6,7 @@ import { HeroCarouselAdapter } from '../AnimatedPagedView/Adapter'
 import { useAutoScroll } from '../../hooks/useAutoScroll'
 import { useInfiniteScroll } from '../../hooks/useInfiniteScroll'
 import { DEFAULT_INTERVAL } from './index.preset'
-import { SlideAnimatedView } from '../SlideAnimatedView'
+import { ItemAnimatedView } from '../ItemAnimatedView'
 
 export type HeroCarouselProps = {
   children: React.ReactNode[]
@@ -74,7 +74,7 @@ const HeroCarousel = ({ children }: HeroCarouselProps) => {
   )
 }
 
-HeroCarousel.AnimatedView = SlideAnimatedView
+HeroCarousel.AnimatedView = ItemAnimatedView
 HeroCarousel.Provider = CarouselContextProvider
 HeroCarousel.Item = HeroCarouselSlide
 

src/components/HeroCarouselSlide/index.tsx

@@ -1,5 +1,5 @@
 import { View } from 'react-native'
-import { HeroCarouselSlideContext } from '../../context/SlideContext'
+import { ItemContext } from '../../context/ItemContext'
 import { useAutoScroll } from '../../hooks/useAutoScroll'
 import { useMemo } from 'react'
 import { useManualScroll } from '../../hooks/useManualScroll'
@@ -21,14 +21,14 @@ export const HeroCarouselSlide = ({
 }) => {
   return (
     <View style={{ flex: 1, width, minWidth: width }}>
-      <HeroCarouselSlideContext.Provider
+      <ItemContext.Provider
         value={useMemo(
           () => ({ index, total, runAutoScroll, goToPage }),
           [index, total, runAutoScroll, goToPage],
         )}
       >
         {children}
-      </HeroCarouselSlideContext.Provider>
+      </ItemContext.Provider>
     </View>
   )
 }

…c/components/SlideAnimatedView/index.tsx src/components/ItemAnimatedView/index.tsxsrc/components/SlideAnimatedView/index.tsx renamed to src/components/ItemAnimatedView/index.tsx src/components/SlideAnimatedView/index.tsx renamed to src/components/ItemAnimatedView/index.tsx

@@ -8,7 +8,7 @@ import { useState } from 'react'
 import { ViewProps } from 'react-native'
 import { useInterpolateInsideCarousel } from '../../hooks/useInterpolateInsideCarousel'
 
-type SlideAnimatedViewProps = {
+type ItemAnimatedViewProps = {
   children: React.ReactNode
   entering?: AnimatedProps<ViewProps>['entering']
   exiting?: AnimatedProps<ViewProps>['exiting']
@@ -19,7 +19,7 @@ type SlideAnimatedViewProps = {
   keepVisibleAfterExiting?: boolean
 }
 
-export const SlideAnimatedView = ({
+export const ItemAnimatedView = ({
   children,
   entering,
   exiting,
@@ -28,7 +28,7 @@ export const SlideAnimatedView = ({
   exitingThreshold = 0.01,
   keepVisibleAfterExiting = false,
   style,
-}: SlideAnimatedViewProps) => {
+}: ItemAnimatedViewProps) => {
   const progress = useInterpolateInsideCarousel({
     valueBefore: 0,
     thisValue: 1,

src/context/SlideContext/index.tsx src/context/ItemContext/index.tsxsrc/context/SlideContext/index.tsx renamed to src/context/ItemContext/index.tsx

@@ -2,15 +2,15 @@ import { createContext, useContext } from 'react'
 import { useAutoScroll } from '../../hooks/useAutoScroll'
 import { useManualScroll } from '../../hooks/useManualScroll'
 
-export const HeroCarouselSlideContext = createContext<{
+export const ItemContext = createContext<{
   index: number
   total: number
   runAutoScroll: ReturnType<typeof useAutoScroll>['runAutoScroll']
   goToPage: ReturnType<typeof useManualScroll>['goToPage']
 } | null>(null)
 
 export const useAutoCarouselSlideIndex = () => {
-  const context = useContext(HeroCarouselSlideContext)
+  const context = useContext(ItemContext)
   if (!context) {
     throw new Error('useAutoCarouselSlideIndex must be used within a AutoCarouselSlide')
   }

src/context/index.tsx

@@ -1,2 +1,2 @@
 export { useCarouselContext } from './CarouselContext'
-export * from './SlideContext'
+export * from './ItemContext'