feat(SelectNext): add isReadOnly support (DS-5220)

[KamilEmeleev]

No description provided.

[github-actions]

Visit the preview URL for this PR (updated for commit 85dbf6b):

https://react-koobiq-next--prs-415-yd52sqcl.web.app

_{(expires Sun, 12 Jul 2026 07:56:31 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: fc29847d4a9e5cb1adf458c76a9b681c76e2eeff}

[Copilot]

Pull request overview

Adds isReadOnly support to SelectNext so the control remains focusable but user interactions cannot change selection or open the dropdown, aligning behavior with Form-level read-only state and updating docs/stories/tests accordingly.

Changes:

• Introduce isReadOnly prop + renderValue state flag for SelectNext.
• Prevent selection changes/opening when read-only (and expose data-readonly for styling).
• Add Storybook example, MDX docs section, and test coverage for read-only behavior (single + multiple).

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/components/src/components/SelectNext/types.ts	Adds isReadOnly prop and exposes it in renderValue state.
packages/components/src/components/SelectNext/Select.tsx	Implements read-only behavior (blocks open/toggle and selection updates), adds data-readonly and styling hook.
packages/components/src/components/SelectNext/Select.stories.tsx	Updates updated-date tag, adjusts Disabled story, adds ReadOnly story.
packages/components/src/components/SelectNext/Select.module.css	Styles chevron for read-only state via data-readonly.
packages/components/src/components/SelectNext/Select.mdx	Documents the new read-only behavior and embeds the new story.
packages/components/src/components/SelectNext/tests/SelectMultiple.test.tsx	Adds multi-select read-only tests and adjusts tag rendering test props usage.
packages/components/src/components/SelectNext/tests/Select.test.tsx	Adds read-only test suite and updates disabled clear button expectations.
packages/components/src/components/SelectedTags/SelectedTagsResponsive.tsx	Makes tag remove actions render but disables them when read-only.
packages/components/src/components/SelectedTags/SelectedTagsMultiline.tsx	Makes tag remove actions render but disables them when read-only.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.