Skip to content

[Dls 680] refactor(BaseInput): Add status and helperText#653

Open
aammami-ledger wants to merge 21 commits intomainfrom
DLS-680-text-input
Open

[Dls 680] refactor(BaseInput): Add status and helperText#653
aammami-ledger wants to merge 21 commits intomainfrom
DLS-680-text-input

Conversation

@aammami-ledger
Copy link
Copy Markdown
Collaborator

@aammami-ledger aammami-ledger commented Apr 22, 2026

Add Success and neutral states:

image

Enable combining Label + Placeholder:

image

Update playground:

image

@aammami-ledger aammami-ledger requested a review from a team as a code owner April 22, 2026 15:25
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ldls Ready Ready Preview, Comment May 6, 2026 8:19am
ldls-react-native Ready Ready Preview, Comment May 6, 2026 8:19am

Request Review

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Refactors the shared input feedback API across React and React Native components by replacing errorMessage with helperText plus a status prop for error/success/neutral helper presentation.

Changes:

  • Replaced errorMessage usage with helperText and added status (error | success) across BaseInput and input wrappers (Text/Search/Address) in React + React Native.
  • Updated stories, tests, and Figma connectors to reflect the new helper/status API (including neutral and success examples).
  • Added Nx version-plan entries documenting the breaking change and migration steps.

Reviewed changes

Copilot reviewed 24 out of 24 changed files in this pull request and generated 7 comments.

Show a summary per file
File Description
libs/ui-rnative/src/lib/Components/TextInput/TextInput.tsx Updates component docs to describe helperText + status.
libs/ui-rnative/src/lib/Components/TextInput/TextInput.stories.tsx Reworks stories to use helper/status; adds success + neutral variants.
libs/ui-rnative/src/lib/Components/SearchInput/SearchInput.stories.tsx Migrates error story to helper/status.
libs/ui-rnative/src/lib/Components/BaseInput/types.ts Introduces BaseInputStatus; replaces errorMessage with helperText + status.
libs/ui-rnative/src/lib/Components/BaseInput/BaseInput.tsx Implements helper rendering + status-driven styling and icons.
libs/ui-rnative/src/lib/Components/AddressInput/AddressInput.stories.tsx Migrates error story to helper/status.
libs/ui-react/src/lib/Components/TextInput/TextInput.tsx Updates component docs to describe helperText + status.
libs/ui-react/src/lib/Components/TextInput/TextInput.test.tsx Updates tests for helper/status; adds neutral + success coverage.
libs/ui-react/src/lib/Components/TextInput/TextInput.stories.tsx Migrates stories to helper/status; adds success + neutral variants.
libs/ui-react/src/lib/Components/TextInput/TextInput.figma.tsx Updates Figma mapping to helperText + status.
libs/ui-react/src/lib/Components/Select/types.ts Extends SelectSearch pick to include helperText + status.
libs/ui-react/src/lib/Components/Select/Select.tsx Plumbs helper/status through SelectSearch -> SearchInput.
libs/ui-react/src/lib/Components/SearchInput/SearchInput.tsx Updates docs to describe helper/status.
libs/ui-react/src/lib/Components/SearchInput/SearchInput.test.tsx Migrates test to helper/status.
libs/ui-react/src/lib/Components/SearchInput/SearchInput.stories.tsx Migrates story + code sample to helper/status.
libs/ui-react/src/lib/Components/BaseInput/types.ts Introduces BaseInputStatus; replaces errorMessage with helperText + status.
libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx Implements helper/status rendering (icons, aria-describedby, role=alert), adds CVA variants.
libs/ui-react/src/lib/Components/AddressInput/AddressInput.tsx Updates docs to describe helper/status.
libs/ui-react/src/lib/Components/AddressInput/AddressInput.test.tsx Migrates test to helper/status.
libs/ui-react/src/lib/Components/AddressInput/AddressInput.stories.tsx Migrates stories + code samples to helper/status.
libs/ui-react/src/lib/Components/AddressInput/AddressInput.figma.tsx Updates Figma mapping to helperText + status.
apps/app-sandbox-rnative/src/app/blocks/TextInputs.tsx Updates sandbox examples to helper/status; adds a success example.
.nx/version-plans/version-plan-1776837602000.md Documents native package breaking change + migration guide (major).
.nx/version-plans/version-plan-1776837601000.md Documents react package breaking change + migration guide (currently marked patch).

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

Comment thread .nx/version-plans/version-plan-1776837601000.md
Comment thread .nx/version-plans/version-plan-1776837601000.md
Comment thread libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx
Comment thread libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx
Comment thread libs/ui-rnative/src/lib/Components/BaseInput/BaseInput.tsx
Comment thread apps/app-sandbox-rnative/src/app/blocks/TextInputs.tsx Outdated
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 34 out of 34 changed files in this pull request and generated 5 comments.


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

Comment thread apps/app-sandbox-rnative/src/app/blocks/TextInputs.tsx Outdated
Comment thread .nx/version-plans/version-plan-1776837601000.md
Comment thread libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx Outdated
Comment thread libs/ui-react/src/lib/Components/BaseInput/BaseInput.tsx
Comment thread libs/ui-rnative/src/lib/Components/TextInput/TextInput.mdx Outdated
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

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


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

Comment thread libs/ui-react/src/lib/Components/TextInput/TextInput.mdx Outdated
Comment thread libs/ui-rnative/src/lib/Components/BaseInput/BaseInput.tsx
Comment thread .nx/version-plans/version-plan-1776837601000.md
aammami-ledger and others added 21 commits May 6, 2026 10:16
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Copilot <[email protected]>
Copy link
Copy Markdown
Collaborator

@zel-kass zel-kass left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

clean fat work

Comment thread .nx/version-plans/version-plan-1776837602000.md Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

chromatic This will run Chromatic on this PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants