Skip to content

chore: Add action button to control group - #5119

Draft
jperals wants to merge 14 commits into
mainfrom
dev-v3-jotresse-control-group-button
Draft

jperals wants to merge 14 commits into
mainfrom
dev-v3-jotresse-control-group-button

Conversation

@jperals

@jperals jperals commented Oct 8, 2026

Copy link
Copy Markdown
Member

Description

Related doc: KaCZyfbvq46D

How has this been tested?

Review checklist

The following items are to be evaluated by the author(s) and the reviewer(s).

Correctness

  • Changes include appropriate documentation updates.
  • Changes are backward-compatible if not indicated, see CONTRIBUTING.md.
  • Changes do not include unsupported browser features, see CONTRIBUTING.md.
  • Changes were manually tested for accessibility, see accessibility guidelines.

Security

Testing

  • Changes are covered with new/existing unit tests?
  • Changes are covered with new/existing integration tests?

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

@codecov

codecov Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 95.65217% with 1 line in your changes missing coverage. Please review.
✅ Project coverage is 97.70%. Comparing base (8960f56) to head (5367488).

Files with missing lines Patch % Lines
...components/control-group/grouped-control-styles.ts 80.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #5119      +/-   ##
==========================================
- Coverage   97.71%   97.70%   -0.01%     
==========================================
  Files         991      991              
  Lines       31834    31847      +13     
  Branches    11757    11766       +9     
==========================================
+ Hits        31105    31117      +12     
+ Misses        722      684      -38     
- Partials        7       46      +39     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Add an icon action button to the internal ControlGroup, fused onto the
grouped controls like a trailing control. The button reads the
grouped-control context and owns its own border/corner fusing; the icon
variant draws the shared control border. In vertical direction it sits
on the inline-end spanning the full column height.

The actionButton prop is a props object (ControlGroupProps.ActionButton:
onClick, ariaLabel, iconName, iconAlt, disabled, disabledReason,
ariaDescribedby); the component constructs the button internally.

Also: reset the grouped context on Input's internal clear/close button
so it does not inherit grouped sizing, and deduplicate control-group dev
page fixtures into pages/control-group/common.tsx.
@jperals
jperals force-pushed the dev-v3-jotresse-control-group-button branch from a256f34 to 5367488 Compare October 8, 2026 22:22
@jperals jperals changed the title chore: Add button action to control group chore: Add action button to control group Oct 8, 2026

This branch was successfully deployed

3 active (1 outdated) deployments
dev-pages-react18 — c88cfeb2 Deployed Oct 9, 2026 by jperals via deploy (React 18) / deploy #2669
dev-pages-react16 — c88cfeb2 Deployed Oct 9, 2026 by jperals via deploy (React 16) / deploy #2669
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant