Skip to content

Conversation

@layershifter
Copy link
Member

@layershifter layershifter commented Apr 26, 2023

New Behavior

This PR removes useCOMPONENTStyles.ts files to useCOMPONENTStyles.styles.ts files to follow Griffel's rule for naming files.

The ESLint rule have not been enabled yet, this PR is a preparation to do that. Affects files owned by @microsoft/teams-prg

Change files are set to patch/prerelease as artifacts should be updated.

Related Issue(s)

@layershifter layershifter force-pushed the chore/enforce-files-naming-teams-prg branch from 85f0fb3 to 2aa59d9 Compare April 26, 2023 12:06
@layershifter layershifter force-pushed the chore/enforce-files-naming-teams-prg branch from 2aa59d9 to 46980e6 Compare April 26, 2023 12:07
@fabricteam
Copy link
Collaborator

fabricteam commented Apr 26, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 20 18 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 699 692 5000
Button mount 377 383 5000
Field mount 1293 1277 5000
FluentProvider mount 920 923 5000
FluentProviderWithTheme mount 115 111 10
FluentProviderWithTheme virtual-rerender 95 95 10
FluentProviderWithTheme virtual-rerender-with-unmount 100 109 10
InfoButton mount 20 18 5000 Possible regression
MakeStyles mount 1167 1159 50000
Persona mount 2048 1946 5000
SpinButton mount 1621 1624 5000

@size-auditor
Copy link

size-auditor bot commented Apr 26, 2023

Asset size changes

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

Baseline commit: 37e89b9319db7f31f3afe0d38fc31eac40cb5eaf (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 26, 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 89c7db7:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 26, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-combobox
Combobox (including child components)
87.056 kB
28.011 kB
87.356 kB
28.141 kB
300 B
130 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
204.498 kB
57.184 kB
204.498 kB
57.182 kB

-2 B
react-datepicker-compat
DatePicker Compat
220.414 kB
58.527 kB
220.414 kB
58.538 kB

11 B
react-infobutton
InfoButton
128.088 kB
39.045 kB
128.088 kB
39.044 kB

-1 B
react-menu
Menu (including children components)
128.359 kB
39.232 kB
128.359 kB
39.231 kB

-1 B
react-portal
Portal
11.649 kB
4.263 kB
11.649 kB
4.262 kB

-1 B
react-tooltip
Tooltip
46.819 kB
16.412 kB
46.819 kB
16.413 kB

1 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-alert
Alert
93.779 kB
22.493 kB
react-avatar
Avatar
57.544 kB
14.966 kB
react-avatar
AvatarGroup
15.632 kB
6.258 kB
react-avatar
AvatarGroupItem
73.758 kB
19.478 kB
react-combobox
Dropdown (including child components)
85.74 kB
27.747 kB
react-components
react-components: Button, FluentProvider & webLightTheme
65.31 kB
17.931 kB
react-components
react-components: FluentProvider & webLightTheme
36.086 kB
11.9 kB
react-dialog
Dialog (including children components)
91.028 kB
27.083 kB
react-infobutton
InfoLabel
131.371 kB
40.039 kB
react-menu
Menu (including selectable components)
131.343 kB
39.747 kB
react-overflow
hooks only
11.214 kB
4.271 kB
react-persona
Persona
64.465 kB
16.892 kB
react-popover
Popover
115.071 kB
35.448 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.186 kB
react-provider
FluentProvider
18.033 kB
6.666 kB
react-table
DataGrid
147.821 kB
40.593 kB
react-table
Table (Primitives only)
44.348 kB
12.347 kB
react-table
Table as DataGrid
130.378 kB
33.193 kB
react-table
Table (Selection only)
78.289 kB
19.194 kB
react-table
Table (Sort only)
77.619 kB
19.004 kB
🤖 This report was generated against fa0f2ce25e94ddc8759f545638e01cc34e0e99f4

@layershifter layershifter changed the title chore: enforce files naming to use .styles.ts chore: enforce files naming to use .styles.ts [teams-prg files] Apr 26, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Apr 26, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@layershifter layershifter marked this pull request as ready for review April 26, 2023 12:35
@layershifter layershifter requested review from a team, chpalac and ling1726 as code owners April 26, 2023 12:35
@layershifter layershifter enabled auto-merge (squash) April 26, 2023 14:25
@layershifter layershifter merged commit 9d6394b into microsoft:master Apr 26, 2023
@layershifter layershifter deleted the chore/enforce-files-naming-teams-prg branch April 26, 2023 14:47
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 27, 2023
* master:
  chore: enforce files naming to use .styles.ts [cxe-prg files] (microsoft#27707)
  chore: migrate to NodeJS v16 (microsoft#27711)
  remove react-avatar-context package (microsoft#27709)
  test: migrate all v9 libraries to use new conformance setup which improves test execution by approx 46% (microsoft#27669)
  chore: Add caret to react-datepicker-compat dependencies (microsoft#27671)
  test(fluentui/react): fix initial global leaks that were causing OOM issues (microsoft#27661)
  chore(react-utilities): simplifies useControllableState hook internals (microsoft#27702)
  chore: enforce files naming to use .styles.ts (microsoft#27698)
  feat: adds lazy loading example (microsoft#27587)
  feat: react-combobox space conditionally inserts character when freeform is true (microsoft#27025)
  chore(react-tree): updates useOpenItemsState internals (microsoft#27697)
  feat(tools): add conformance setup migration to migrate-converged-pkg generator (microsoft#27668)
  test: use `isolatedModules` for all ts-jest configs to lower memory footprint on CI (microsoft#27670)
  chore: bump @griffel/eslint-plugin & enable @griffel/hook-naming (microsoft#27687)
  feat(react-tree): makes useFlatTree generic (microsoft#27682)
  Enable export to codepen for charting library (microsoft#27539)
  Overflow: added useOverflowCount to exports (microsoft#27678)
  fix: Menu should not steal focus on re-render (microsoft#27688)
  feat(react-conformance): add new TS config api to be able to specify configName and configDir (microsoft#27664)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 27, 2023
* feat/drawer-components: (28 commits)
  docs: update API
  feat: add style overrides for upcoming drawer components
  feat: add support to override drawer styles
  fix: prevent elements from stretching
  chore: upgrade devcontainer node version to 16 (microsoft#27716)
  fix: rename styles file to use the newer naming conventions
  test: add cypress tests for scroll positions
  chore: enforce files naming to use .styles.ts [cxe-prg files] (microsoft#27707)
  feat: add support to override drawer body styles
  chore: migrate to NodeJS v16 (microsoft#27711)
  remove react-avatar-context package (microsoft#27709)
  test: migrate all v9 libraries to use new conformance setup which improves test execution by approx 46% (microsoft#27669)
  chore: Add caret to react-datepicker-compat dependencies (microsoft#27671)
  test(fluentui/react): fix initial global leaks that were causing OOM issues (microsoft#27661)
  chore(react-utilities): simplifies useControllableState hook internals (microsoft#27702)
  chore: enforce files naming to use .styles.ts (microsoft#27698)
  feat: adds lazy loading example (microsoft#27587)
  feat: react-combobox space conditionally inserts character when freeform is true (microsoft#27025)
  chore(react-tree): updates useOpenItemsState internals (microsoft#27697)
  feat(tools): add conformance setup migration to migrate-converged-pkg generator (microsoft#27668)
  ...
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

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.

5 participants