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

feat(react-drawer): allow aside tag for Drawer components #31434

Merged

Conversation

marcosmoura
Copy link
Contributor

Previous Behavior

Drawer would only allow <div> as the root component tag

New Behavior

Drawer now allows <aside> tag as well.

Related Issue(s)

@marcosmoura marcosmoura added the Component: Drawer The Fluent v9 Drawer component label May 21, 2024
@marcosmoura marcosmoura self-assigned this May 21, 2024
@marcosmoura marcosmoura requested a review from a team as a code owner May 21, 2024 12:07
@fabricteam
Copy link
Collaborator

fabricteam commented May 21, 2024

Perf Analysis (@fluentui/react-components)

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

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 632 656 5000
Button mount 319 305 5000
Field mount 1172 1156 5000
FluentProvider mount 731 719 5000
FluentProviderWithTheme mount 92 95 10
FluentProviderWithTheme virtual-rerender 40 41 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 92 93 10
MakeStyles mount 864 872 50000
Persona mount 1767 1750 5000
SpinButton mount 1465 1453 5000
SwatchPicker mount 1602 1569 5000

@fabricteam
Copy link
Collaborator

fabricteam commented May 21, 2024

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.092 MB
269.885 kB
1.092 MB
269.891 kB
-6 B
6 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.141 kB
20.157 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
212.631 kB
61.228 kB
react-components
react-components: FluentProvider & webLightTheme
44.442 kB
14.607 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
🤖 This report was generated against b633efa78755f2acb496c5a8db95b65e8405f253

* master:
  applying package updates
  applying package updates
  docs: Surfacing `Dropdown` and `Combobox` prop comments to docsite (microsoft#31430)
  (web-components) call click in button keydownHandler (microsoft#31428)
  Modify data and color codes for examples to fix accessibility issues (microsoft#31425)
  chore(deps): bump semver from 5.7.1 to 6.3.1 (microsoft#31420)
  applying package updates
  Improve gauge chart screen reader accessibility (microsoft#26682)
  applying package updates
  applying package updates
@marcosmoura marcosmoura enabled auto-merge (squash) May 21, 2024 12:21
* master: (49 commits)
  Update focus order in sankey chart for vertical navigation (microsoft#31469)
  chore: use new performant 'type-check' for v9 libaries (microsoft#31454)
  applying package updates
  fix(Timepicker-compat): clearIcon not working in freeform (microsoft#31324)
  chore: re-enable lint rule (microsoft#31459)
  feat(react-tag-picker): adds text property to TagPickerOption (microsoft#31474)
  feat(recipes): create package with initial implementation (moved from /apps) (microsoft#31386)
  applying package updates
  applying package updates
  chore: revert globals changes (microsoft#31470)
  (web-components) Use `ElementInternals` for TextInput elements (microsoft#31201)
  chore:(docs) Update and migrate component implementation guide (microsoft#31398)
  disallow all globals in Fluent v9 (microsoft#30967)
  chore:(react-nav-preview) Recomposing more components and some pixel pushing (microsoft#31387)
  fix(pr-deploy-site): explicitly set types to not include whole @types/* globals which are causing issues with addition of @types/web (microsoft#31465)
  fix(recipes-react-components): explicitly set types to not include whole @types/* globals which are cauising issues with addition of @types/web (microsoft#31463)
  applying package updates
  applying package updates
  applying package updates
  Update IconDirectionContextProvider import to import from specific path (microsoft#31006)
  ...
@bsunderhus bsunderhus self-requested a review May 28, 2024 13:51
Copy link

codesandbox-ci bot commented May 28, 2024

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.

@marcosmoura marcosmoura requested review from mltejera and a team as code owners May 28, 2024 14:35
Copy link
Contributor

@bsunderhus bsunderhus left a comment

Choose a reason for hiding this comment

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

Beside some small comments,
LGTM ✅.

Would be nice to investigate adding aside as a possible value to the Dialog root slot signature instead of casting, we can do that on a follow up PR.

@marcosmoura marcosmoura merged commit 3a6e959 into microsoft:master Jun 4, 2024
20 checks passed
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Drawer The Fluent v9 Drawer component
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature]: InlineDrawer should be able to be rendered as an 'aside' element
5 participants