Skip to content

feat(react-drawer): add support to override Dialog as slot#29217

Merged
marcosmoura merged 1 commit into
microsoft:masterfrom
marcosmoura:feat/add-dialog-as-slot-for-drawer
Sep 22, 2023
Merged

feat(react-drawer): add support to override Dialog as slot#29217
marcosmoura merged 1 commit into
microsoft:masterfrom
marcosmoura:feat/add-dialog-as-slot-for-drawer

Conversation

@marcosmoura

Copy link
Copy Markdown
Contributor

Previous Behavior

<Dialog> was a fixed React node.

New Behavior

Create Dialog from slot allowing overrides.

@marcosmoura marcosmoura added the Component: Drawer The Fluent v9 Drawer component label Sep 21, 2023
@marcosmoura marcosmoura requested a review from a team as a code owner September 21, 2023 13:14
@marcosmoura marcosmoura self-assigned this Sep 21, 2023
@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 637 639 5000
Button mount 316 315 5000
Field mount 1102 1116 5000
FluentProvider mount 715 710 5000
FluentProviderWithTheme mount 82 82 10
FluentProviderWithTheme virtual-rerender 71 60 10
FluentProviderWithTheme virtual-rerender-with-unmount 72 77 10
InfoButton mount 12 10 5000
MakeStyles mount 846 865 50000
Persona mount 1755 1661 5000
SpinButton mount 1344 1337 5000

@codesandbox-ci

Copy link
Copy Markdown

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 f187aee:

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

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.572 kB
19.658 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.392 kB
59.385 kB
react-components
react-components: FluentProvider & webLightTheme
40.966 kB
13.569 kB
react-portal-compat
PortalCompatProvider
6.541 kB
2.227 kB
🤖 This report was generated against 979322ae432426868be11b010d88b9c1b37c0c0d

@size-auditor

size-auditor Bot commented Sep 21, 2023

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: 979322ae432426868be11b010d88b9c1b37c0c0d (build)

@marcosmoura marcosmoura enabled auto-merge (squash) September 22, 2023 12:47
@marcosmoura marcosmoura merged commit e31d18c into microsoft:master Sep 22, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 25, 2023
…s-classnames

* master:
  chore: Updating @fluentui/react-icons to version 2.0.216 (microsoft#29151)
  Replace cxe-coastal with cxe-red in codeowners (microsoft#29248)
  feat(react-drawer): add support to override Dialog as slot (microsoft#29217)
  fix(react-tags-preview): update `handleTagDismiss` type (microsoft#29240)
  create TimePicker component (microsoft#29252)
  Create react-timepicker-compat-preview package (microsoft#29216)
  feat(react-tags-preview): add useCustomStyleHook_unstable to all components (microsoft#29237)
  Enable reflow for all cartesian chart examples (microsoft#29229)
@marcosmoura marcosmoura deleted the feat/add-dialog-as-slot-for-drawer branch November 15, 2023 15:58
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.

3 participants