feat(#217): CH.Slideshow autoPlay and autoPlayLoop

[brianespinosa]

Resolves #217

• Adds props autoPlay and autoPlayLoop to CH.Slideshow component.
• Adds methods for slideNext() and slidePrevious() to make code easier to follow and DRY when used in useEffect
• Adds disabled state for Prev/Next buttons if slideshow is at the beginning or end
• Side effect for timeout has cleanup in case Slideshow gets de-rendered before the configured timeout duration calls
• If autoPlayLoop is not configured, prevent side effect and timeout are not called again
• if autoPlayLoop is configured, an additional timeout is set to allow the last slide to show before resetting to the beginning slide
• useEffect does not change state if autoPlay is not configured.

[vercel]

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

Name	Status	Preview	Updated
chtest	✅ Ready (Inspect)	Visit Preview	Sep 1, 2022 at 10:52AM (UTC)
playground	✅ Ready (Inspect)	Visit Preview	Sep 1, 2022 at 10:52AM (UTC)

[github-actions]

📦 Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action 🤖

This PR introduced no changes to the javascript bundle 🙌

[brianespinosa]

If you merge the other PR and there are conflicts here, @ me if you want me to go through to resolve them. 👍🏽

[pomber]

Thank you.

• I think we should call the props autoPlay and loop, similar to the HTML video element attributes
• Can you remove the framer-motion dependency?
• I may add some changes on top of yours if you don't mind

[brianespinosa]

• I think we should call the props autoPlay and loop, similar to the HTML video element attributes

Done.

• Can you remove the framer-motion dependency?

Yikes. I accidentally branched from the wrong spot on my end where I was trying to see if I could get presence animation working for motion components in slides. Luckily there were not many changes to back out.

• I may add some changes on top of yours if you don't mind

Go for it.

Conflicts resolved from the previous branch merge.

[github-actions]

🚀 PR was released in v0.7.3 🚀