feat(Combobox, Select, Date picker, Dropdown): Update viewport detection/positioning

[olehnoskov-cengage]

In the scope of this ticket, the ability to detect the viewport and position certain components was integrated via https://floating-ui.com/ for some components:

• Combobox
• Date picker
• Dropdown
• Select

Feat: #62 Issue: #958

What I did

Screenshots:

Screencast from 25.09.24 14:15:32.webm

Checklist

• [x] changeset has been added
• [x] Pull request description is descriptive
• [ ] I have made corresponding changes to the documentation
• [x] New and existing unit tests pass locally with my changes
• [x] I have added tests that prove my fix is effective or that my feature works

How to test

Storybook -> Combobox Storybook -> Date picker Storybook -> Dropdown -> Flipped Items Storybook -> Select

For all of these components, nothing should be changed.

If we want to test the new feature, we can use react magma docs and open this components in CodeSandBox to test it with some components in the case, when there isn't enough room for the Combobox, Date picker, Dropdown, and Select to display in the position it's supposed to, then it will automatically move to the opposite position.

For example:

• the down position will move to the up position when there isn't enough space below the button and vice versa.
• the right position will move to the left position when there isn't enough space and vice versa.

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: abdd0feaaf47d657d64f8e66ea292c07c35d9708

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://storybook-preview-1451--upbeat-sinoussi-f675aa.netlify.app

[github-actions[bot]]

🚀 Deployed on https://docs-preview-1451--upbeat-sinoussi-f675aa.netlify.app