Skip to content

feat(react-motion-components-preview): migrate Rotate to directed parameters#36399

Open
robertpenner wants to merge 1 commit into
microsoft:masterfrom
robertpenner:feat/rotate-presence-projections
Open

feat(react-motion-components-preview): migrate Rotate to directed parameters#36399
robertpenner wants to merge 1 commit into
microsoft:masterfrom
robertpenner:feat/rotate-presence-projections

Conversation

@robertpenner

Copy link
Copy Markdown
Collaborator

Summary

  • migrate Rotate from outAngle/inAngle to the graph-level fromAngle/restAngle/toAngle parameter record
  • preserve the stable factory-generated Rotate.In and Rotate.Out projections
  • make rotateAtom a neutral directed fromAngletoAngle atom
  • migrate stories and the NavCategoryItem consumer while preserving its 0 → 180 → 0 behavior
  • update tests, API report, documentation, and package change files

Validation

  • yarn nx test react-motion-components-preview --runInBand — 168 tests passed
  • motion preview type-check, lint, and API generation passed
  • yarn nx test react-nav --runInBand — 284 tests passed
  • react-nav type-check and lint passed
  • git diff --check

@github-actions

Copy link
Copy Markdown

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.293 MB
325.78 kB
1.293 MB
325.765 kB
-66 B
-15 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
90.913 kB
28.698 kB
react-avatar
Avatar
47.22 kB
14.855 kB
react-avatar
AvatarGroup
16.254 kB
6.502 kB
react-avatar
AvatarGroupItem
60.339 kB
18.758 kB
react-breadcrumb
@fluentui/react-breadcrumb - package
103.012 kB
28.827 kB
react-calendar-compat
Calendar Compat
142.184 kB
40.129 kB
react-charts
AreaChart
404.33 kB
126.47 kB
react-charts
DeclarativeChart
754.979 kB
221.561 kB
react-charts
DonutChart
315.101 kB
97.163 kB
react-charts
FunnelChart
306.342 kB
93.907 kB
react-charts
GanttChart
387.387 kB
120.871 kB
react-charts
GaugeChart
314.434 kB
96.549 kB
react-charts
GroupedVerticalBarChart
395.541 kB
123.696 kB
react-charts
HeatMapChart
389.495 kB
121.928 kB
react-charts
HorizontalBarChart
294.867 kB
89.75 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
234.403 kB
70.457 kB
react-charts
LineChart
415.681 kB
129.6 kB
react-charts
PolarChart
343.354 kB
107.407 kB
react-charts
SankeyChart
212.023 kB
68.066 kB
react-charts
ScatterChart
395.007 kB
123.647 kB
react-charts
Sparkline
80.888 kB
26.864 kB
react-charts
VerticalBarChart
431.939 kB
128.619 kB
react-charts
VerticalStackedBarChart
401.559 kB
125.101 kB
react-components
react-components: Button, FluentProvider & webLightTheme
66.281 kB
19.002 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
225.836 kB
67.998 kB
react-components
react-components: FluentProvider & webLightTheme
39.504 kB
13.112 kB
react-datepicker-compat
DatePicker Compat
216.034 kB
63.912 kB
react-dialog
Dialog (including children components)
89.951 kB
27.858 kB
react-headless-components-preview
react-headless-components-preview: entire library
247.532 kB
71.414 kB
react-menu
Menu (including children components)
159.561 kB
50.654 kB
react-menu
Menu (including selectable components)
162.727 kB
51.291 kB
react-message-bar
MessageBar (all components)
22.271 kB
8.176 kB
react-overflow
hooks only
9.053 kB
3.227 kB
react-persona
Persona
54.173 kB
16.791 kB
react-popover
Popover
125.312 kB
40.384 kB
react-portal-compat
PortalCompatProvider
5.341 kB
2.146 kB
react-table
DataGrid
146.759 kB
43.576 kB
react-table
Table (Primitives only)
36.893 kB
12.305 kB
react-table
Table as DataGrid
118.503 kB
33.331 kB
react-table
Table (Selection only)
65.373 kB
18.591 kB
react-table
Table (Sort only)
64.036 kB
18.204 kB
react-tag-picker
@fluentui/react-tag-picker - package
173.82 kB
54.128 kB
react-tags
InteractionTag
12.463 kB
4.942 kB
react-tags
Tag
28.376 kB
8.9 kB
react-tags
TagGroup
69.648 kB
21.404 kB
react-teaching-popover
TeachingPopover
100.504 kB
31.752 kB
react-timepicker-compat
TimePicker
140.677 kB
45.99 kB
react-toast
Toast (including Toaster)
90.317 kB
28.14 kB
react-tree
FlatTree
135.571 kB
40.413 kB
react-tree
PersonaFlatTree
137.417 kB
40.931 kB
react-tree
PersonaTree
133.498 kB
39.718 kB
react-tree
Tree
131.658 kB
39.221 kB
🤖 This report was generated against 9c8dada6dc1d4ade2f59049748d93a3ba5802427

@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

@@ -0,0 +1,7 @@
{

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Menu Converged - submenuIndicator slotted content 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 538 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 716 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 33 Changed
vr-tests-react-components/ProgressBar converged 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 58 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - High Contrast.default.chromium.png 171 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness.default.chromium.png 92 Changed
vr-tests-react-components/TagPicker 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.disabled input hover.chromium.png 658 Changed
vr-tests-react-components/TagPicker.disabled - RTL.disabled input hover.chromium.png 635 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

There were 3 duplicate changes discarded. Check the build logs for more information.

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.

1 participant