Skip to content

fix(react-tabs): export TabBaseProps and TabBaseState types#35989

Merged
dmytrokirpa merged 3 commits intomicrosoft:masterfrom
dmytrokirpa:feat/headless/expose-tabs-component
Apr 15, 2026
Merged

fix(react-tabs): export TabBaseProps and TabBaseState types#35989
dmytrokirpa merged 3 commits intomicrosoft:masterfrom
dmytrokirpa:feat/headless/expose-tabs-component

Conversation

@dmytrokirpa
Copy link
Copy Markdown
Contributor

@dmytrokirpa dmytrokirpa commented Apr 15, 2026

Previous Behavior

@fluentui/react-tabs did not export TabBaseProps and TabBaseState types from its public index.

New Behavior

Exports the base hook prop/state types so they can be consumed by headless component packages (see #35988):

  • TabBaseProps
  • TabBaseState

(The TabListBaseProps and TabListBaseState types were already exported; this adds only the Tab base types.)

Related Issue(s)

… components

- Add headless TabList and Tab components (using react-tabs base hooks)
- Export TabBaseProps, TabBaseState, TabListBaseProps, TabListBaseState from react-tabs
- Add focusgroup polyfill for keyboard navigation support
- Add changefile for both @fluentui/react-tabs and @fluentui/react-headless-components-preview

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@dmytrokirpa dmytrokirpa requested a review from a team as a code owner April 15, 2026 11:31
dmytrokirpa added a commit to dmytrokirpa/fluentui that referenced this pull request Apr 15, 2026
Move TabList, Tab headless components and react-tabs export changes to
microsoft#35989 to keep PRs focused.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@dmytrokirpa dmytrokirpa self-assigned this Apr 15, 2026
Remove headless-components-preview TabList/Tab changes — those belong in microsoft#35988.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@dmytrokirpa dmytrokirpa changed the title feat(react-headless-components-preview): add TabList and Tab headless components fix(react-tabs): export TabBaseProps and TabBaseState types Apr 15, 2026
@tudorpopams tudorpopams requested a review from mainframev April 15, 2026 12:03
@dmytrokirpa dmytrokirpa enabled auto-merge (squash) April 15, 2026 12:15
@dmytrokirpa dmytrokirpa merged commit a8c2f2d into microsoft:master Apr 15, 2026
11 checks passed
@github-actions
Copy link
Copy Markdown

📊 Bundle size report

✅ No changes found

@@ -0,0 +1,7 @@
{
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 5570 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 7530 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 404 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 607 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 842 Changed
vr-tests-react-components/ProgressBar converged 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - High Contrast.default.chromium.png 100 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness.default.chromium.png 81 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 51 Changed
vr-tests-react-components/TagPicker 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.chromium.png 658 Changed
vr-tests-react-components/TagPicker.disabled - RTL.disabled input hover.chromium.png 635 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

There were 3 duplicate changes discarded. Check the build logs for more information.

@github-actions
Copy link
Copy Markdown

Pull request demo site: URL

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants