Skip to content

feat(react-teaching-popover): add base hooks for TeachingPopover components#35920

Draft
dmytrokirpa wants to merge 1 commit intomicrosoft:masterfrom
dmytrokirpa:feat/react-teaching-popover-base-hooks
Draft

feat(react-teaching-popover): add base hooks for TeachingPopover components#35920
dmytrokirpa wants to merge 1 commit intomicrosoft:masterfrom
dmytrokirpa:feat/react-teaching-popover-base-hooks

Conversation

@dmytrokirpa
Copy link
Copy Markdown
Contributor

Summary

  • Add use*Base_unstable hooks and *BaseProps/*BaseState types for 7 TeachingPopover components
  • Base hooks contain all behavioral logic without design-specific props (appearance, layout, footerLayout)
  • Styled hooks refactored to call base hook + add design props back
  • All new exports propagated through component index.ts, intermediate re-export files, and library/src/index.ts

Components with base hooks

  • TeachingPopoverHeader: useTeachingPopoverHeaderBase_unstable
  • TeachingPopoverTitle: useTeachingPopoverTitleBase_unstable
  • TeachingPopoverFooter: useTeachingPopoverFooterBase_unstable (omits appearance, footerLayout)
  • TeachingPopoverCarousel: useTeachingPopoverCarouselBase_unstable
  • TeachingPopoverCarouselFooter: useTeachingPopoverCarouselFooterBase_unstable (omits layout)
  • TeachingPopoverCarouselNavButton: useTeachingPopoverCarouselNavButtonBase_unstable
  • TeachingPopoverCarouselFooterButton: useTeachingPopoverCarouselFooterButtonBase_unstable (omits popoverAppearance)

Test plan

  • TypeScript compiles without new errors (yarn tsc -p packages/react-components/react-teaching-popover/library/tsconfig.lib.json --noEmit)
  • Pre-existing TS errors in renderPopoverSurface.tsx and renderTeachingPopoverCarouselNav.tsx are unchanged
  • Verify base hooks export correctly from package index

🤖 Generated with Claude Code

…onents

Add useTeachingPopover*Base_unstable hooks and *BaseProps/*BaseState types for 7 components: TeachingPopoverHeader, TeachingPopoverTitle, TeachingPopoverFooter, TeachingPopoverCarousel, TeachingPopoverCarouselFooter, TeachingPopoverCarouselNavButton, TeachingPopoverCarouselFooterButton.

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

Pull request demo site: URL

@@ -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 1 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/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 620 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 725 Changed
vr-tests-react-components/TagPicker 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant