Skip to content

feat(react-motion): create useMotionClassNames hook#29401

Merged
marcosmoura merged 9 commits intomicrosoft:masterfrom
marcosmoura:feat/react-motion/useMotionClassNames
Oct 5, 2023
Merged

feat(react-motion): create useMotionClassNames hook#29401
marcosmoura merged 9 commits intomicrosoft:masterfrom
marcosmoura:feat/react-motion/useMotionClassNames

Conversation

@marcosmoura
Copy link
Contributor

@marcosmoura marcosmoura commented Oct 4, 2023

This hook introduces a simple way to add and combine motion classes to components.
The documentation on how to use will be added on a follow-up PR.

* master: (35 commits)
  bugfix(react-dialog): removes context hooks invocations from styles hook (microsoft#29396)
  chore(react-dialog): exports DialogSurface context types and hooks (microsoft#29397)
  Minimum height feature for bar chart (microsoft#29359)
  (feat) Breadcrumb - register items via context (microsoft#29393)
  fix: Consider all parents as scroll parents (microsoft#29378)
  Changes to enable charting on fluent docsite (microsoft#29210)
  bugfix: ensure TreeItem emits events properly (microsoft#29390)
  chore(deps): bump get-func-name from 2.0.0 to 2.0.2 (microsoft#29320)
  chore: migrate from getNativeElementProps to getIntrinsicElementProps (microsoft#29387)
  applying package updates
  applying package updates
  fix: Icon in disabled Button shouldn't change color on hover or pressed (microsoft#29342)
  Squish changes for rebase (microsoft#28705)
  fix: GroupedListV2 scrollToIndex now works correctly (microsoft#29332)
  Fix 27482: ProgressBar has an optional state variable  (microsoft#29366)
  remove a11y test ux from theme designer (microsoft#29379)
  feat: preview release (microsoft#29377)
  Fixed divider in the tooltip (microsoft#29357)
  fix (microsoft#29376)
  docs: Initial documentation pass (microsoft#29372)
  ...
@marcosmoura marcosmoura self-assigned this Oct 4, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
68.748 kB
19.742 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.475 kB
59.3 kB
react-components
react-components: FluentProvider & webLightTheme
40.866 kB
13.546 kB
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
🤖 This report was generated against a4410f44533c70f69f53c4985d2e72f4c41d874e

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme mount 75 77 10 Possible regression
InfoButton mount 14 9 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 607 627 5000
Button mount 303 316 5000
Field mount 1111 1129 5000
FluentProvider mount 687 692 5000
FluentProviderWithTheme mount 75 77 10 Possible regression
FluentProviderWithTheme virtual-rerender 60 64 10
FluentProviderWithTheme virtual-rerender-with-unmount 75 65 10
InfoButton mount 14 9 5000 Possible regression
MakeStyles mount 845 852 50000
Persona mount 1791 1716 5000
SpinButton mount 1364 1406 5000

@marcosmoura marcosmoura marked this pull request as ready for review October 4, 2023 21:31
@marcosmoura marcosmoura requested a review from a team as a code owner October 4, 2023 21:31
@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 35a90c5:

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

@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: a4410f44533c70f69f53c4985d2e72f4c41d874e (build)

@marcosmoura marcosmoura enabled auto-merge (squash) October 5, 2023 08:56
@marcosmoura marcosmoura merged commit a57604c into microsoft:master Oct 5, 2023
@marcosmoura marcosmoura deleted the feat/react-motion/useMotionClassNames 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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants