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): add motion to Drawer #28999

Merged
merged 15 commits into from
Aug 30, 2023

Conversation

marcosmoura
Copy link
Contributor

Add CSS Transitions to Drawer

This uses the newly added useMotion hook.

@marcosmoura marcosmoura requested a review from a team as a code owner August 28, 2023 14:19
@marcosmoura marcosmoura self-assigned this Aug 28, 2023
@marcosmoura marcosmoura added the Component: Drawer The Fluent v9 Drawer component label Aug 28, 2023
@marcosmoura marcosmoura changed the title feat: add motion to overlay drawer feat(react-drawer): add motion to Drawer Aug 28, 2023
* master:
  applying package updates
  feat: release react-motion as preview (microsoft#29005)
  fix(react-utilities): click scrollbar should invoke callback in `useOnClickOutside` (microsoft#28965)
  feat: adds mountNode to DialogSurface and Toaster (microsoft#29003)
  applying package updates
  Add IconDirectionProvider to FluentProvider (microsoft#28803)
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 29, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 621 625 5000
Button mount 324 313 5000
Field mount 1118 1130 5000
FluentProvider mount 709 709 5000
FluentProviderWithTheme mount 78 92 10
FluentProviderWithTheme virtual-rerender 71 70 10
FluentProviderWithTheme virtual-rerender-with-unmount 82 80 10
InfoButton mount 14 9 5000
MakeStyles mount 840 869 50000
Persona mount 1759 1638 5000
SpinButton mount 1365 1355 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 29, 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 6cbfede:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 29, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
66.583 kB
18.469 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
203.722 kB
57.915 kB
react-components
react-components: FluentProvider & webLightTheme
37.926 kB
12.419 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 68fe113d88c7e1610c6b4792df1180c5c407f9fc

@size-auditor
Copy link

size-auditor bot commented Aug 29, 2023

Asset size changes

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

Baseline commit: 68fe113d88c7e1610c6b4792df1180c5c407f9fc (build)

@marcosmoura marcosmoura enabled auto-merge (squash) August 30, 2023 15:58
@marcosmoura marcosmoura merged commit b27e08e into microsoft:master Aug 30, 2023
19 of 21 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 30, 2023
@marcosmoura marcosmoura deleted the feat/add-motion-to-drawer branch August 31, 2023 12:14
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 3, 2023
* master: (32 commits)
  refactor(react-drawer): change DrawerHeaderTitle slot creation while keeping the same API (microsoft#29042)
  test(react-drawer): add render tests for drawer subcomponents (microsoft#29043)
  Grouped vertical bar chart - Component tests (microsoft#29031)
  docs: add Fluent UI Insights EP06 to README (microsoft#29051)
  chore: use swc-plugin-de-indent-template-literal for consoles (microsoft#29040)
  chore: adds swc-plugin-de-indent-template-literal (microsoft#29037)
  feat(react-jsx-runtime): v9 packages to use importSource (microsoft#28959)
  chore: update swc build dependencies (microsoft#28989)
  fix(react-tags-preview): add hover/pressed style for windows high contrast (microsoft#29035)
  chore(react-tags-preview): use InteractionTag for TagGroup's stories (microsoft#29024)
  chore(react-tags-preview): use makeResetStyles for base styles (microsoft#29022)
  chore: fix codesandbox export for preview component by making @fluentui/react-components required dependency (microsoft#29016)
  applying package updates
  feat(react-motion): create useReducedMotion and apply to useMotion to skip animations (microsoft#29014)
  ReAdd: Keytips: Align keytipData with visible instance for dupes (microsoft#28992)
  feat(react-drawer): add motion to Drawer (microsoft#28999)
  fix(react-utilities): avoid calling requestAnimationFrame when in SSR (microsoft#29015)
  fix(ssr-tests-v9): use correct path for ssr-tests-v9 stories (microsoft#29025)
  chore: updates devcontainer to use v16-bookworm image (microsoft#28997)
  feat(docsite): add Application Insights telemetry (microsoft#28709)
  ...
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