Skip to content

feat(react-tree): export useTreeItemPersonaLayoutContextValues_unstable and TreeItemPersonaLayoutContextValues#36057

Draft
dmytrokirpa wants to merge 2 commits intomicrosoft:masterfrom
dmytrokirpa:feat/tree-base-hooks
Draft

feat(react-tree): export useTreeItemPersonaLayoutContextValues_unstable and TreeItemPersonaLayoutContextValues#36057
dmytrokirpa wants to merge 2 commits intomicrosoft:masterfrom
dmytrokirpa:feat/tree-base-hooks

Conversation

@dmytrokirpa
Copy link
Copy Markdown
Contributor

Summary

Adds one missing public export from @fluentui/react-tree required by the headless layer:

  • useTreeItemPersonaLayoutContextValues_unstable — composes TreeItemPersonaLayoutContextValues (avatar size context) from TreeItemPersonaLayoutState
  • TreeItemPersonaLayoutContextValues type (re-exported alongside the hook)

The three main tree context-value hooks (useTreeContextValues_unstable, useFlatTreeContextValues_unstable, useTreeItemContextValues_unstable) were already exported. TreeItemPersonaLayout was the only component whose context-values hook was implemented but not surfaced from the package index.

Updates etc/react-tree.api.md and includes a beachball patch change file.

Stack order (review in this order)

  1. test(react-tree): hook unit tests (test(react-tree): add unit tests for useTree_unstable, useFlatTree_unstable and useTreeItem_unstable hooks #36056)
  2. This PR — base hook exports ← you are here
  3. feat(react-headless-components-preview): headless Tree component family

Test plan

  • New symbols appear in etc/react-tree.api.md after api-extractor runs
  • Existing consumers unaffected (additive-only change)

🤖 Generated with Claude Code

dmytrokirpa and others added 2 commits April 26, 2026 22:20
…stable and useTreeItem_unstable hooks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…le and TreeItemPersonaLayoutContextValues

Required for the headless layer to compose avatar context values without
importing internal module paths.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

Pull request demo site: URL

@@ -0,0 +1,8 @@
{
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/CalendarCompat 4 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/CalendarCompat.multiDayView - Dark Mode.default.chromium.png 2172 Changed
vr-tests-react-components/CalendarCompat.multiDayView - High Contrast.default.chromium.png 2243 Changed
vr-tests-react-components/CalendarCompat.multiDayView - RTL.default.chromium.png 654 Changed
vr-tests-react-components/CalendarCompat.multiDayView.default.chromium_1.png 654 Changed
vr-tests-react-components/Charts-DonutChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 7530 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 906 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 623 Changed
vr-tests-react-components/ProgressBar converged 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 44 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - High Contrast.default.chromium.png 156 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness.default.chromium.png 69 Changed

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

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.

1 participant