Skip to content

Update Accordion Size story to allow collapsing#31624

Merged
behowell merged 3 commits intomicrosoft:masterfrom
behowell:accordion-size-story
Jun 10, 2024
Merged

Update Accordion Size story to allow collapsing#31624
behowell merged 3 commits intomicrosoft:masterfrom
behowell:accordion-size-story

Conversation

@behowell
Copy link
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
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

Development

Successfully merging this pull request may close these issues.

[Bug]: Storybook Accordion Sizes example is not consistent with other examples, locks all items open, has no size labels

4 participants