TeachingPopover

[paulgildea]

💡 When you create a PR for any of the checklist items, add a link to this Epic under the PR's Related Issues section.

Preparation

• [x] Open UI Research
  • [link to https://open-ui.org/]
• [x] Open GitHub issues related to component
  • [link to each issue]
• [x] Create react-* package and component from template
  • [link to package: https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-(your-component)]
• [x] (Optional) Draft implementation
  • [link to draft implementation, if applicable]
• [x] Component Spec authored and reviewed

Implementation

• [x] Component implementation
• [x] Initial conformance and unit tests (validate basic functionality)
• [x] Initial documentation
  • [x] Storybook stories
  • [x] README.md covering basic usage
  • [x] MIGRATION.md guide (include v8 and v0)
• [x] Component released as unstable from @fluentui/react-components/unstable

Validation

• [x] Add tests
  • [x] Unit and conformance tests
  • [x] VR tests
  • [x] Bundle size fixtures
  • [x] Performance test scenario
  • [x] Accessibility behavior tests
  • [x] Create an issue and run manual accessibility tests: #30804
• [x] Validate with partners
• [x] Run a bug bash with other FUI crews
• [x] Finalize documentation
  • [x] Review and add any missing storybook stories
  • [x] Finalize migration guide
• [x] Component released as stable from @fluentui/react-components
  • [x] Ensure exports are removed from from @fluentui/react-components/unstable
  • [x] In package.json: Remove the alpha/beta tag from the version number in package.json
  • [x] In package.json: Change beachball's disallowedChangeTypes to "major", "prerelease"

### Tasks
- [x] Improve carousel children pagination algorithm
- [x] Investigate alternative options to altStepText
- [x] Investigate TeachingPopoverPageCountChildRenderFunction  alternative options
- [x] Move page count icons to their own class for slot rendering multiple items

[briandrouin]

Karina is design contact for this work item.

ADO task

[gouttierre]

📢 "The spec is done, and Karina is finishing up the usage guidance, but it is ready to start with the dev!"

[Mitch-At-Work]

TeachingBubble draft/initial component implementation can be found here: https://github.com/microsoft/fluentui/pull/29739

[gouttierre]

📢" Karina met up with Mitch to talk about the integration of motion. Mitch's ETA for completion is still being determined, but it should be a short time. @Mitch-At-Work to confirm the possible ETA."

[briandrouin]

We should be having a spec review on this soon.

[Mitch-At-Work]

Teaching bubble functional implementation (V0) available for review: https://github.com/microsoft/fluentui/pull/29894

[gouttierre]

📢 "Mitch has shared the PR that is in progress for review. Teaching bubble functional implementation (V0) available for review: https://github.com/microsoft/fluentui/pull/29894. The Design spec review will be happening soon; this week or next."

[gouttierre]

📢

• Is in preview
• The ETA has been updated to the end of the quarter; cc @behowell , @Mitch-At-Work

[gouttierre]

📢

• Is in preview. No issues to report.
• ETA to stable is the E.O.M.
  cc @Mitch-At-Work , @JustSlone , @tudorpopams

[gouttierre]

📢

• TeachingPopover release as stable with this week or next. PR will be submitted this week for team sign-off. (Mitch)

[gouttierre]

📢

• Dev is hoping to land TeachingPopover this this week.
• There is here is the stablization PR for TeachingPopover - TeachingPopover: Stable Release by Mitch-At-Work · Pull Request #30884 · microsoft/fluentui (github.com) cc @Mitch-At-Work

[Mitch-At-Work]

TeachingPopover stable has now been merged: https://github.com/microsoft/fluentui/pull/31112

[gouttierre]

📢

• TeachingPopover is stable 🥳

cc @Mitch-At-Work , @brandonthomas , @tudorpopams