Skip to content

Conversation

@behowell
Copy link
Contributor

New Behavior

Refactor RadioGroup stories:

  • Remove stories for the Radio component, and instead mark it as a subcomponent of RadioGroup.
  • Use Field to label the RadioGroup instead of a standalone Label.
  • Remove "Label" story, since Field makes that case simple.

@behowell behowell self-assigned this Sep 23, 2023
@behowell behowell requested review from a team and spmonahan as code owners September 23, 2023 02:35
@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 23, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 062c0cb:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 23, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 60 68 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 626 642 5000
Button mount 316 313 5000
Field mount 1096 1147 5000
FluentProvider mount 718 710 5000
FluentProviderWithTheme mount 78 78 10
FluentProviderWithTheme virtual-rerender 60 68 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 72 70 10
MakeStyles mount 861 873 50000
Persona mount 1720 1694 5000
SpinButton mount 1323 1347 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 23, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.002 kB
20.161 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.417 kB
59.289 kB
react-components
react-components: FluentProvider & webLightTheme
42.286 kB
14 kB
react-portal-compat
PortalCompatProvider
6.651 kB
2.252 kB
react-radio
Radio
31.266 kB
10.267 kB
react-radio
RadioGroup
15.704 kB
6.35 kB
react-table
DataGrid
157.084 kB
43.906 kB
react-table
Table (Primitives only)
43.941 kB
13.76 kB
react-table
Table as DataGrid
130.165 kB
35.174 kB
react-table
Table (Selection only)
75.777 kB
20.477 kB
react-table
Table (Sort only)
74.384 kB
20.075 kB
🤖 This report was generated against 9bb4bef08d63ffed4c9d2241e5c5ec67dbd930b1

@size-auditor
Copy link

size-auditor bot commented Sep 23, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 9bb4bef08d63ffed4c9d2241e5c5ec67dbd930b1 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 23, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@behowell behowell enabled auto-merge (squash) October 5, 2023 23:50
@behowell behowell merged commit 6384a93 into microsoft:master Oct 25, 2023
@behowell behowell deleted the radio/refactor-stories branch October 25, 2023 21:06
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 26, 2023
* master:
  chore: migrate to nx 16.10 (microsoft#29617)
  fix(react-drawer): accessibility tweaks (microsoft#29627)
  Fixing few legend colors not visible in dark mode (microsoft#29652)
  applying package updates
  Fixing dark mode bug for xAxis for Vertical Stacked bar chart (microsoft#29427)
  chore: Refactor RadioGroup stories to use Field, and remove individual storybook page for Radio (microsoft#29268)
  docs: fix description of SelectInitialValue story (microsoft#26493)
  chore: fix specs location (microsoft#29642)
  feat(scripts-task): implement initial verify-packaging task (microsoft#29595)
  feat(tools): replace npmignore with package.json#files for robust control over what we ship to npm (microsoft#29616)
  fix(workspace-plugin): fix storybook and vr-test issues wihtin prepare-initial-release generator (microsoft#29577)
  feat(react-breadcrumb): removed non-interactive item  (microsoft#29623)
  fix(react-motion): prevent from breaking the rule of hooks (microsoft#29628)
  fix(react-toast): invoke useCustomStyleHook_unstable() (microsoft#29632)
  feat: Deprecate Alert component (microsoft#29615)
  chore(react-infobutton, react-components): Deprecate InfoButton and InfoLabel from react-infobutton (microsoft#29605)
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.

3 participants