fix: prevent duplicate tag addition

[kabilansakthivelu]

Description

• In TaggedInput, added a check to avoid duplicate tag addition
• Since in uncontrolled tagged input component, where the onChange will be called from useControllableState hook, wrapped the onTagChange for controlled component inside else branch to avoid getting called twice for uncontrolled component

Changes

Current behaviour:

• In TaggedInput, the key prop is constructed for each tag using key={${tagName}-${tagIndex}}
• In case if duplicate tags are added, then the key for each tag gets reset on removal which is causing the other duplicated tag (which gets previously deleted tag index) non visible as it gets isTagVisible prop value as false and few other duplicated tags as non-removable

Screen.Recording.2025-02-13.at.16.47.21.mov

Changes made:

• Added a check to avoid duplicate tag entry
• Wrapped the onTagChange invocation part inside else branch to avoid getting called twice incase of uncontrolled tagged input as it will be called once through useControllableState hook

Screen.Recording.2025-02-13.at.16.51.52.mov

Kindly suggest whether we need to prevent the duplicate tag addition or do we need to remove the already existing tag of same input value on hitting [Enter]

Additional Information

Component Checklist

• Update Component Status Page
• Perform Manual Testing in Other Browsers
• Add KitchenSink Story
• Add Interaction Tests (if applicable)
• Add changeset

[changeset-bot]

⚠️ No Changeset found

Latest commit: 905d2f9

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[github-actions]

✅ PR title follows Conventional Commits specification.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 905d2f9:

Sandbox	Source
razorpay/blade: basic	Configuration

[rzpcibot]

Bundle Size Report

Updated Components

Status	Component	Base Size (kb)	Current Size (kb)	Diff
⬆	TextArea	32.722	32.724	+0.002 KB
⬆	TextInput	34.262	34.263	+0.001 KB

Generated by 🚫 dangerJS against 905d2f9