Skip to content

feat: Implement unstable navigation modes#24383

Merged
ling1726 merged 7 commits intomicrosoft:masterfrom
ling1726:feat/navigation-modes
Aug 18, 2022
Merged

feat: Implement unstable navigation modes#24383
ling1726 merged 7 commits intomicrosoft:masterfrom
ling1726:feat/navigation-modes

Conversation

@ling1726
Copy link
Contributor

Introduces and unstable hook useNavigationModeto implement the
proposed table navigation modes.

This hook is temporary and its existence will be a final release
blocker.

Fixes #24381
Fixes #24227
Fixes #24228

Affects #24382

Introduces and unstable hook `useNavigationMode`to implement the
proposed table navigation modes.

This hook is temporary and its existence will be a final release
blocker.
@ling1726 ling1726 marked this pull request as ready for review August 16, 2022 14:12
@ling1726 ling1726 requested a review from a team as a code owner August 16, 2022 14:12
@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 16, 2022

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 518ff9e:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1261 1262 5000
Button mount 954 941 5000
FluentProvider mount 1451 1585 5000
FluentProviderWithTheme mount 629 633 10
FluentProviderWithTheme virtual-rerender 580 520 10
FluentProviderWithTheme virtual-rerender-with-unmount 627 624 10
MakeStyles mount 1933 1912 50000
SpinButton mount 2468 2485 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 16, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.042 kB
51.964 kB
react-components
react-components: FluentProvider & webLightTheme
32.895 kB
10.778 kB
🤖 This report was generated against c608ed1ca39d3aecb3a65c3710ab35c58903b24e

@size-auditor
Copy link

size-auditor bot commented Aug 16, 2022

Asset size changes

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

Baseline commit: df602db552cade02f2a0922e7ba829975232c7dc (build)

{rows.map(({ item, selected, toggleSelect }) => (
<TableRow key={item.file.label} onClick={toggleSelect} aria-selected={selected}>
<TableSelectionCell checked={selected} />
<TableBody ref={ref}>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

the mover is on the body because of a bug in tabster regarding inputs, I'll report this there

export type NavigationMode = 'row' | 'cell' | 'composite';

/**
* THIS HOOK WILL NOT EXIST IN STABLE RELEASE
Copy link
Contributor

Choose a reason for hiding this comment

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

👍🏻

@ling1726 ling1726 enabled auto-merge (squash) August 17, 2022 19:30
@ling1726 ling1726 disabled auto-merge August 17, 2022 19:42
@ling1726 ling1726 closed this Aug 17, 2022
@ling1726 ling1726 reopened this Aug 17, 2022
@ling1726 ling1726 merged commit cf7b0b6 into microsoft:master Aug 18, 2022
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.

DataGrid: composite navigation mode DataGrid: cell navigation mode DataGrid: row navigation mode

5 participants