Skip to content

Conversation

@behowell
Copy link
Contributor

@behowell behowell commented Mar 2, 2023

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@behowell behowell self-assigned this Mar 2, 2023
@github-actions github-actions bot added this to the March Project Cycle Q1 2023 milestone Mar 2, 2023
@size-auditor
Copy link

size-auditor bot commented Mar 2, 2023

Asset size changes

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

Baseline commit: c97e8d336e193c45189b4b7bcbdb599bde24d669 (build)

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-checkbox
CheckboxField
39.996 kB
12.206 kB
153.501 kB
45.069 kB
113.505 kB
32.863 kB
react-combobox
ComboboxField
81.926 kB
27.213 kB
163.718 kB
48.818 kB
81.792 kB
21.605 kB
react-field
Field
17.673 kB
6.543 kB
136.893 kB
41.366 kB
119.22 kB
34.823 kB
react-input
InputField
32.819 kB
10.111 kB
151.358 kB
44.342 kB
118.539 kB
34.231 kB
react-progress
ProgressField
23.885 kB
8.385 kB
142.93 kB
42.924 kB
119.045 kB
34.539 kB
react-radio
RadioGroupField
24.963 kB
9.07 kB
138.805 kB
41.904 kB
113.842 kB
32.834 kB
react-select
SelectField
33.384 kB
10.779 kB
152.285 kB
45.126 kB
118.901 kB
34.347 kB
react-slider
SliderField
42.922 kB
13.465 kB
156.402 kB
46.072 kB
113.48 kB
32.607 kB
react-spinbutton
SpinButtonField
41.766 kB
12.254 kB
160.539 kB
46.623 kB
118.773 kB
34.369 kB
react-switch
SwitchField
35.01 kB
10.655 kB
149.287 kB
43.646 kB
114.277 kB
32.991 kB
react-textarea
TextareaField
36.537 kB
11.504 kB
155.074 kB
45.428 kB
118.537 kB
33.924 kB
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-checkbox
Checkbox
33.091 kB
10.319 kB
react-combobox
Combobox (including child components)
85.509 kB
27.437 kB
react-combobox
Dropdown (including child components)
84.196 kB
27.191 kB
react-components
react-components: Button, FluentProvider & webLightTheme
64.09 kB
17.544 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
202.311 kB
56.366 kB
react-components
react-components: FluentProvider & webLightTheme
35.049 kB
11.533 kB
react-input
Input
22.94 kB
7.214 kB
react-portal-compat
PortalCompatProvider
6.324 kB
2.129 kB
react-progress
ProgressBar
13.59 kB
5.24 kB
react-radio
Radio
32.676 kB
10.616 kB
react-radio
RadioGroup
14.885 kB
5.933 kB
react-select
Select
24.145 kB
8.271 kB
react-slider
Slider
33.091 kB
10.555 kB
react-spinbutton
SpinButton
32.83 kB
9.864 kB
react-switch
Switch
28.225 kB
8.755 kB
react-table
DataGrid
144.785 kB
39.447 kB
react-table
Table (Primitives only)
43.776 kB
12.063 kB
react-table
Table as DataGrid
134.4 kB
34.514 kB
react-table
Table (Selection only)
82.316 kB
20.576 kB
react-table
Table (Sort only)
81.637 kB
20.386 kB
react-textarea
Textarea
26.336 kB
8.585 kB
🤖 This report was generated against 4464df2ab9683e09bb456f60bdb5e79199b9c5d3

@codesandbox-ci
Copy link

codesandbox-ci bot commented Mar 2, 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 7a8bb38:

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

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1324 1316 5000
Button mount 960 952 5000
Field mount 2063 2080 5000
FluentProvider mount 1611 1656 5000
FluentProviderWithTheme mount 641 632 10
FluentProviderWithTheme virtual-rerender 599 602 10
FluentProviderWithTheme virtual-rerender-with-unmount 630 625 10
InfoButton mount 570 573 5000
MakeStyles mount 1896 1914 50000
Persona mount 3036 3012 5000
SpinButton mount 2474 2439 5000

hint={`The gap to the left is expected. With no Field label, the control is indented to vertically align with
other horizontal fields.`}
>
<Checkbox label="Checkbox in a horizontal field" />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵 fluentuiv9 Open the Visual Regressions report to inspect the 7 screenshots

✅ There was 7 screenshots added, 0 screenshots removed, 1862 screenshots unchanged, 0 screenshots with different dimensions and 0 screenshots with visible difference.

unknown 7 screenshots
Image Name Diff(in Pixels) Image Type
Field.infoButton+horizontal.default.chromium.png 0 Added
Field.infoButton+longLabel.default.chromium.png 0 Added
Field.infoButton+noLabel.default.chromium.png 0 Added
Field.infoButton+required.default.chromium.png 0 Added
Field.infoButton+size-large.default.chromium.png 0 Added
Field.infoButton+size-small.default.chromium.png 0 Added
Field.infoButton.default.chromium.png 0 Added

@behowell
Copy link
Contributor Author

behowell commented Mar 3, 2023

Abandoning in favor of the approach used in #27030, due to the bundle size cost of referencing the InfoButton component directly from Field.

@behowell behowell closed this Mar 3, 2023
@behowell behowell changed the title feat: Add infoButton slot to Field feat: Add infoButton slot to Field (discarded implementation option) Mar 7, 2023
@behowell behowell deleted the field/infoButton-component branch February 15, 2024 21:33
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.

2 participants