Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Accordion Size story to allow collapsing #31624

Merged
merged 3 commits into from
Jun 10, 2024

Conversation

behowell
Copy link
Contributor

@behowell behowell commented Jun 7, 2024

Previous Behavior

The Accordion Size story has multiple different accordions to show the different sizes, but appears broken because they can't be collapsed when another is opened.

New Behavior

Add collapsible to the accordions in this story, and update the header text to be more descriptive.

Note: an alternative would be to combine the sizes into a single accordion panel, but mixing sizes in a single accordion isn't recommended, and we prefer to avoid non-recommended usages in story examples.

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 7, 2024

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender-with-unmount 81 81 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 627 662 5000
Button mount 305 310 5000
Field mount 1120 1130 5000
FluentProvider mount 712 734 5000
FluentProviderWithTheme mount 77 87 10
FluentProviderWithTheme virtual-rerender 38 35 10
FluentProviderWithTheme virtual-rerender-with-unmount 81 81 10 Possible regression
MakeStyles mount 856 863 50000
Persona mount 1799 1716 5000
SpinButton mount 1403 1402 5000
SwatchPicker mount 1522 1543 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 7, 2024

📊 Bundle size report

✅ No changes found

@behowell behowell enabled auto-merge (squash) June 10, 2024 21:15
@behowell behowell merged commit 0687249 into microsoft:master Jun 10, 2024
17 of 19 checks passed
mainframev pushed a commit to mainframev/fluentui that referenced this pull request Jun 11, 2024
Add collapsible to the accordions in this story, and update the header text to be more descriptive.

Note: an alternative would be to combine the sizes into a single accordion panel, but mixing sizes in a single accordion isn't recommended, and we prefer to avoid non-recommended usages in story examples.
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
…-and-drawer-compat

* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
Add collapsible to the accordions in this story, and update the header text to be more descriptive.

Note: an alternative would be to combine the sizes into a single accordion panel, but mixing sizes in a single accordion isn't recommended, and we prefer to avoid non-recommended usages in story examples.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants