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: Remove deprecated InputField, etc. shim components #27492

Merged
merged 14 commits into from
Apr 12, 2023

Conversation

behowell
Copy link
Contributor

@behowell behowell commented Apr 7, 2023

Previous Behavior

There were deprecated InputField_unstable, etc. components exported from @fluentui/react-input, etc. and @fluentui/react-components/unstable.

These were shims left to aid in migrating from an older design for the (unstable) Field component, and were intended to be removed before Field is released as stable.

New Behavior

Remove the deprecated InputField, etc. shim components, as well as the helper functions to create them in @fluentui/react-field.

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 7, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 704 667 5000
Button mount 376 378 5000
Field mount 1264 1247 5000
FluentProvider mount 887 884 5000
FluentProviderWithTheme mount 118 124 10
FluentProviderWithTheme virtual-rerender 99 102 10
FluentProviderWithTheme virtual-rerender-with-unmount 101 106 10
InfoButton mount 28 20 5000
MakeStyles mount 1130 1113 50000
Persona mount 1993 1942 5000
SpinButton mount 1580 1568 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 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 1bd02c3:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 7, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-checkbox
Checkbox
37.02 kB
11.255 kB
react-combobox
Combobox (including child components)
89.718 kB
28.49 kB
react-combobox
Dropdown (including child components)
88.402 kB
28.217 kB
react-components
react-components: Button, FluentProvider & webLightTheme
67.994 kB
18.395 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.529 kB
57.549 kB
react-components
react-components: FluentProvider & webLightTheme
38.819 kB
12.351 kB
react-datepicker-compat
DatePicker Compat
251.274 kB
67.327 kB
react-field
Field
21.494 kB
7.41 kB
react-input
Input
26.707 kB
8.113 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.185 kB
react-progress
ProgressBar
16.322 kB
5.822 kB
react-radio
Radio
35.557 kB
11.152 kB
react-radio
RadioGroup
18.935 kB
6.94 kB
react-select
Select
27.915 kB
9.189 kB
react-slider
Slider
36.845 kB
11.474 kB
react-spinbutton
SpinButton
36.615 kB
10.757 kB
react-switch
Switch
32.438 kB
9.706 kB
react-table
DataGrid
150.906 kB
41.068 kB
react-table
Table (Primitives only)
47.119 kB
12.703 kB
react-table
Table as DataGrid
139.048 kB
35.735 kB
react-table
Table (Selection only)
86.877 kB
21.757 kB
react-table
Table (Sort only)
86.207 kB
21.565 kB
react-textarea
Textarea
30.108 kB
9.478 kB
🤖 This report was generated against 841ea75d516d85b88eb826030718c19c3239ee4d

@size-auditor
Copy link

size-auditor bot commented Apr 7, 2023

Asset size changes

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

Baseline commit: 841ea75d516d85b88eb826030718c19c3239ee4d (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 10, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@behowell behowell marked this pull request as ready for review April 11, 2023 06:07
@behowell behowell requested review from smhigley and a team as code owners April 11, 2023 06:07
@behowell behowell merged commit 273116e into microsoft:master Apr 12, 2023
@behowell behowell deleted the field/remove-deprecated-shims branch April 12, 2023 17:39
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 13, 2023
…t/drawer-light-dismiss-prop

* marcosmoura/feat/drawer-component: (51 commits)
  fix: upgrade react-dialog
  Doc: Add/Remove TreeItem and useFlatTree stories (microsoft#27515)
  applying package updates
  Fix accessibility labels for tree stories (microsoft#27443)
  fix: BasePickerListBelow aria-describedby with values (microsoft#27525)
  chore: Remove deprecated InputField, etc. shim components (microsoft#27492)
  [Feature]: allow aria-description attribute on v9 (microsoft#27478)
  feat(react-jsx-runtime): implements custom JSX pragma (microsoft#27472)
  chore: update generator to include "test-ssr" script (microsoft#27463)
  applying package updates
  fix: add "style" to exports field (microsoft#27274)
  applying package updates
  feat(react-datepicker-compat): Make package public (microsoft#27524)
  fix: react-combobox defines fallbackPositions for popup on small screens (microsoft#27521)
  fix: use tabster to focus on trigger, instead of manually invoking .focus (microsoft#27512)
  add cxe-red to react-shared-context ownership (microsoft#27296)
  docs: add props tables for all exported Popover controls (microsoft#27503)
  fix: Update FormFieldShim to work with Field context changes (microsoft#27436)
  Fix wrong state narration for multiple selected legends (microsoft#27429)
  add codeowners to theme designer v9 (microsoft#27311)
  ...
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.

chore: Delete deprecated InputField, etc. shims from react-components/unstable
5 participants