Skip to content

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Oct 4, 2023

New Behavior

  1. Introduces animations to Dialog component using react-transition-group

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 624 620 5000
Button mount 320 317 5000
Field mount 1112 1107 5000
FluentProvider mount 818 714 5000
FluentProviderWithTheme mount 77 87 10
FluentProviderWithTheme virtual-rerender 66 57 10
FluentProviderWithTheme virtual-rerender-with-unmount 70 72 10
InfoButton mount 16 13 5000
MakeStyles mount 853 840 50000
Persona mount 1712 1696 5000
SpinButton mount 1345 1336 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 4, 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 d773dc7:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-dialog
Dialog (including children components)
90.18 kB
26.891 kB
94.473 kB
28.28 kB
4.293 kB
1.389 kB
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.002 kB
20.161 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.417 kB
59.289 kB
react-components
react-components: FluentProvider & webLightTheme
42.286 kB
14 kB
react-portal-compat
PortalCompatProvider
6.651 kB
2.252 kB
🤖 This report was generated against 8f2eb85fcde38ad239b1defcb0914263d01c2534

@size-auditor
Copy link

size-auditor bot commented Oct 4, 2023

Asset size changes

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

Baseline commit: 8f2eb85fcde38ad239b1defcb0914263d01c2534 (build)

@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch 2 times, most recently from 47c4cad to a920460 Compare October 4, 2023 17:35
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch 2 times, most recently from 016b85f to 8fac463 Compare October 5, 2023 08:31
@bsunderhus
Copy link
Contributor Author

blocked by #29394

@bsunderhus bsunderhus added the Status: Blocked Resolution blocked by another issue label Oct 5, 2023
@bsunderhus bsunderhus removed the Status: Blocked Resolution blocked by another issue label Oct 10, 2023
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch 2 times, most recently from e1f7056 to b70dd97 Compare October 10, 2023 12:24
@bsunderhus bsunderhus marked this pull request as ready for review October 10, 2023 13:39
@bsunderhus bsunderhus requested a review from a team as a code owner October 10, 2023 13:39
@bsunderhus bsunderhus marked this pull request as draft October 11, 2023 11:29
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch 5 times, most recently from eaeeaae to 7ee83c4 Compare October 12, 2023 17:02
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch from 7ee83c4 to 0420705 Compare October 12, 2023 17:42
@bsunderhus bsunderhus marked this pull request as ready for review October 16, 2023 14:30
@bsunderhus bsunderhus marked this pull request as draft October 16, 2023 20:54
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch from 0420705 to 0e45c89 Compare October 17, 2023 15:42
@bsunderhus bsunderhus marked this pull request as ready for review October 18, 2023 12:47
@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch from 0e45c89 to 7111dc4 Compare October 18, 2023 13:16
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 18, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus force-pushed the react-dialog/feature--adds-motion-to-dialog branch from e088350 to d773dc7 Compare October 19, 2023 12:03
@TristanWatanabe
Copy link
Member

/azp run Visual Regression Tool - PR

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@bsunderhus bsunderhus merged commit 4ac68a6 into microsoft:master Oct 19, 2023
@bsunderhus bsunderhus deleted the react-dialog/feature--adds-motion-to-dialog branch October 19, 2023 17:16
robertpenner added a commit to robertpenner/fluentui that referenced this pull request Oct 24, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 24, 2023
* master: (48 commits)
  fix(react-drawer): regression with mountNode prop not available after refactoring (microsoft#29524)
  feat(react-storybook-addon-codesandbox): support various providers for "export to" functionality (microsoft#29536)
  feat(TimePicker-compat): call onTimeSelect on blur (microsoft#29597)
  feat: (breadcrumb) Removed appearance prop (microsoft#29554)
  chore(deps): bump fsevents from 1.2.9 to 1.2.13 (microsoft#29476)
  Adding comment in Hovercard that we support cumulative area chart currently (microsoft#29395)
  applying package updates
  applying package updates
  chore(vr-tests-react-components, perf-tests-app): Remove infobutton from vr-tests and perf test app (microsoft#29603)
  docs: Add guidance for modifying textarea's height. (microsoft#29601)
  fix(react-calendar-compat): Classnames removed and added to day cells need to be split instead of providing a string with spaces (microsoft#29611)
  [Part 2] Changes to onboard charting to fluent docsite (microsoft#29608)
  chore: bump jest to 29.7.0 (microsoft#29298)
  applying package updates
  feat(react-infolabel, react-components): Release InfoLabel to stable (microsoft#29585)
  feat(react-datepicker-compat): Update DatePicker to use react-calendar-compat (microsoft#29587)
  feat: adds motion to DialogSurface (microsoft#29391)
  fix: Use correct target windows for ResizeObserver (microsoft#29551)
  chg (microsoft#29592)
  Fix missing x callout custom callout (microsoft#29547)
  ...
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.

[Feature]: Motion request in fluent dialog

5 participants