Skip to content

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Oct 4, 2023

Previous Behavior

useTreeItem is consuming blur, focus, mouseout, mouseover and change event without properly invoking it's equivalent callback handler provided by props

New Behavior

  1. fix event handlers to properly call props.on__EventHandler__
  2. fix enter key press, it should simulate a button click
  3. deprecates the usage of onOpenchange with the event from a Enter key press, as it'll no longer be emitted

Related Issue(s)

  • Fixes #

@bsunderhus bsunderhus self-assigned this Oct 4, 2023
@github-actions github-actions bot added this to the October Project Cycle Q4 2023 milestone Oct 4, 2023
@bsunderhus bsunderhus force-pushed the react-tree/bugfix--ensure-tree-item-emits-events-properly branch from 3351f1b to 068dded Compare October 4, 2023 10:34
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Button, FluentProvider & webLightTheme
68.675 kB
19.72 kB
68.748 kB
19.742 kB
73 B
22 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.231 kB
59.218 kB
206.308 kB
59.248 kB
77 B
30 B
react-components
react-components: FluentProvider & webLightTheme
40.793 kB
13.521 kB
40.866 kB
13.546 kB
73 B
25 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
🤖 This report was generated against 5ccd6610a7f86ea7d22aae7c0a62f3f0061f0bc5

@bsunderhus bsunderhus changed the title bugfix: ensure TreeItem emits events properly bugfix(react-tree): ensure TreeItem emits events properly Oct 4, 2023
@bsunderhus bsunderhus changed the title bugfix(react-tree): ensure TreeItem emits events properly bugfix(react-tree): ensure TreeItem emits events properly Oct 4, 2023
@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 643 638 5000
Button mount 311 313 5000
Field mount 1086 1157 5000
FluentProvider mount 711 708 5000
FluentProviderWithTheme mount 81 84 10
FluentProviderWithTheme virtual-rerender 66 65 10
FluentProviderWithTheme virtual-rerender-with-unmount 73 75 10
InfoButton mount 17 13 5000
MakeStyles mount 850 880 50000
Persona mount 1750 1709 5000
SpinButton mount 1398 1411 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 631443a:

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

@bsunderhus bsunderhus marked this pull request as ready for review October 4, 2023 10:47
@bsunderhus bsunderhus requested a review from a team as a code owner October 4, 2023 10:47
@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: 86dd76990e3da5af1f2b6b04a3aec46141d5a653 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 4, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus force-pushed the react-tree/bugfix--ensure-tree-item-emits-events-properly branch 2 times, most recently from 06cd04c to 8f845bb Compare October 4, 2023 12:00
@bsunderhus bsunderhus force-pushed the react-tree/bugfix--ensure-tree-item-emits-events-properly branch from 8f845bb to 631443a Compare October 4, 2023 12:16
@bsunderhus bsunderhus enabled auto-merge (squash) October 4, 2023 12:58
@bsunderhus bsunderhus merged commit f9ef593 into microsoft:master Oct 4, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 4, 2023
* 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)
  ...
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.

3 participants