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

chore(cxe-prg): migrate to new slot API #28752

Conversation

bsunderhus
Copy link
Contributor

New Behavior

Migrates all cxe-prg v9 packages to new slot API

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 7, 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 1c81936:

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

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-card
Card - All
89.985 kB
25.485 kB
89.546 kB
25.335 kB
-439 B
-150 B
react-card
Card
84.403 kB
23.89 kB
83.891 kB
23.74 kB
-512 B
-150 B
react-card
CardFooter
9.543 kB
4.011 kB
9.019 kB
3.846 kB
-524 B
-165 B
react-card
CardHeader
11.962 kB
4.849 kB
11.492 kB
4.671 kB
-470 B
-178 B
react-card
CardPreview
10.358 kB
4.363 kB
9.841 kB
4.2 kB
-517 B
-163 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.449 kB
58.124 kB
208.43 kB
58.141 kB
-19 B
17 B
react-image
Image
11.728 kB
4.717 kB
11.575 kB
4.659 kB
-153 B
-58 B
react-text
Text - Default
12.741 kB
5.053 kB
12.589 kB
5.013 kB
-152 B
-40 B
react-text
Text - Wrappers
15.907 kB
5.369 kB
15.745 kB
5.321 kB
-162 B
-48 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69 kB
18.626 kB
react-components
react-components: FluentProvider & webLightTheme
37.737 kB
12.383 kB
react-datepicker-compat
DatePicker Compat
218.493 kB
58.297 kB
react-input
Input
24.515 kB
7.865 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 253798f25326e92ba19b313c47a9c9530af12526

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 69 63 10 Possible regression
InfoButton mount 12 17 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 642 618 5000
Button mount 320 300 5000
Field mount 1116 1154 5000
FluentProvider mount 667 660 5000
FluentProviderWithTheme mount 78 86 10
FluentProviderWithTheme virtual-rerender 69 63 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 77 73 10
InfoButton mount 12 17 5000 Possible regression
MakeStyles mount 853 874 50000
Persona mount 1842 1751 5000
SpinButton mount 1418 1406 5000

@size-auditor
Copy link

size-auditor bot commented Aug 7, 2023

Asset size changes

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

Baseline commit: 253798f25326e92ba19b313c47a9c9530af12526 (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus marked this pull request as ready for review August 7, 2023 08:35
@bsunderhus bsunderhus requested a review from a team as a code owner August 7, 2023 08:35
@bsunderhus bsunderhus merged commit d5ece23 into microsoft:master Aug 7, 2023
21 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
  fix(EventListener): do not use `defaultProps` (microsoft#28725)
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