Fix inaccurate tabs, add page index change callback

[roginfarrer]

Unreleased

• Carousel, CarouselButton, CarouselScroller, CarouselItem, CarouselTabs, CarouselTab, CarouselAutoplayControl now forward the refs of their outer elements.

• useCarousel and Carousel now support a new prop onActivePageIndexChange. This prop accepts a function that's called with the new activePageIndex when it's changed. Fixes Support for getting active page index #1.

  <Carousel
    onActivePageIndexChange={(args) => {
      setActivePageIndex(args.index);
    }}
  />

• Fixed a bug where having a number of items not divisible by itemsPerPage would not update the activePageIndex to the last page as expected. (e.g., if there are 8 items and the itemsPerPage option is set to 3, the tabs would never reflect scrolling to the last page.) Fixes ItemsPerPage bug  #2.

• Fixed a bug where mouse dragging was jittery and buggy between the first and last items when mouseDragging and loop="infinite" were set.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-aria-carousel	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 19, 2024 10:13pm

[danjambur]

thanks for fixing the bug @roginfarrer!