Skip to content

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Apr 17, 2023

Previous Behavior

Tree stories were split into:

  1. Tree
  2. TreeItem
  3. Layouts

New Behavior

Splits stories into:

  1. Tree
  2. TreeItem
  3. Layouts
  4. flat Tree

This way, scenarios that are specific to a flat tree can be properly segregated from the rest

@bsunderhus bsunderhus self-assigned this Apr 17, 2023
@github-actions github-actions bot added this to the April Project Cycle Q2 2023 milestone Apr 17, 2023
@bsunderhus bsunderhus force-pushed the react-tree/chore--restructure-stories branch from 7417f44 to 8842810 Compare April 17, 2023 11:56
@fabricteam
Copy link
Collaborator

fabricteam commented Apr 17, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.986 kB
18.429 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.27 kB
57.634 kB
react-components
react-components: FluentProvider & webLightTheme
38.773 kB
12.375 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.185 kB
🤖 This report was generated against f7d88ee6fb582989efc057880ddfe60228649189

@fabricteam
Copy link
Collaborator

fabricteam commented Apr 17, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 24 26 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 830 814 5000
Button mount 447 465 5000
Field mount 1494 1502 5000
FluentProvider mount 1111 1096 5000
FluentProviderWithTheme mount 146 150 10
FluentProviderWithTheme virtual-rerender 123 132 10
FluentProviderWithTheme virtual-rerender-with-unmount 131 130 10
InfoButton mount 24 26 5000 Possible regression
MakeStyles mount 1336 1331 50000
Persona mount 2386 2375 5000
SpinButton mount 1865 1809 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 17, 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 35a0ad8:

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

@size-auditor
Copy link

size-auditor bot commented Apr 17, 2023

Asset size changes

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

Baseline commit: 04c2e8a600ef3a446c903ade92b492d1feea60e9 (build)

@bsunderhus bsunderhus force-pushed the react-tree/chore--restructure-stories branch 4 times, most recently from f7a62a8 to 1d4fd67 Compare April 17, 2023 17:58
@bsunderhus bsunderhus marked this pull request as ready for review April 17, 2023 18:16
@bsunderhus bsunderhus requested review from a team as code owners April 17, 2023 18:16
@tudorpopams tudorpopams requested a review from Hotell April 18, 2023 12:09
@Hotell
Copy link
Contributor

Hotell commented Apr 18, 2023

Can you provide some more context for this PR ?

This doesn't say much
image

ty

@bsunderhus
Copy link
Contributor Author

Can you provide some more context for this PR ?

This doesn't say much image

ty

Yup, sorry there. Forgot this PR was not a draft anymore 😅

@bsunderhus bsunderhus force-pushed the react-tree/chore--restructure-stories branch from 1d4fd67 to 72dbd7e Compare April 18, 2023 13:48
@bsunderhus bsunderhus changed the title chore: restructure stories, add separate category for flat tree chore(react-tree): restructure stories, add separate category for flat tree Apr 18, 2023
@bsunderhus bsunderhus requested a review from Hotell April 18, 2023 18:51
@bsunderhus bsunderhus force-pushed the react-tree/chore--restructure-stories branch from 72dbd7e to 35a0ad8 Compare April 20, 2023 07:49
@ling1726
Copy link
Contributor

I would put the Virtualization example first in the flat tree section since, it's one of the only two use cases you would really need a flat tree for

@bsunderhus bsunderhus merged commit ab5e897 into microsoft:master Apr 21, 2023
@bsunderhus bsunderhus deleted the react-tree/chore--restructure-stories branch April 21, 2023 06:52
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 24, 2023
* master: (58 commits)
  fix(react-datepicker-compat): Make onValidationError onValidationResult so the error is updated when there's no longer an error (microsoft#27655)
  Fix `@fluentui/react-portal-compat`: to be compatible with React 18 (microsoft#27577)
  chore: fix versions of @fluentui/react-datepicker-compat (microsoft#27666)
  applying package updates
  applying package updates
  Make line chart screen reader accessible (microsoft#27632)
  fix(react-examples): Improve keyboard navigation in ContextualMenu.CustomMenuList (microsoft#25172)
  docs(react-textarea): Update examples to use Field (microsoft#27644)
  bugfix(react-dialog): `DialogTitle` root as `h2` by default (microsoft#27555)
  applying package updates
  chore: restructure stories, add separate category for flat tree (microsoft#27586)
  fix document link (microsoft#27499)
  fix(react): exclude React.HTMLAttributes defined `content` prop for Tooltip and TooltipHost Prop types to mitigate @types/react breaking changes (microsoft#27467)
  chore(react-tabs): adopts custom JSX pragma (microsoft#27640)
  fix: ContextualMenuSplitButton always sets aria-checked (does not leave it undefined) when it is checkable (microsoft#27650)
  feat(react-datepicker-compat): Move DatePicker compat to stable (microsoft#27378)
  bugfix(react-tree): fix parent navigation after independency from id (microsoft#27642)
  applying package updates
  feat(react-datepicker-compat): Add error handling to DatePicker and update popup's padding (microsoft#27637)
  feat(public-docsite): Add banner to React component pages to promote v9 (microsoft#27557)
  ...
marcosmoura pushed a commit to marcosmoura/fluentui that referenced this pull request Apr 25, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 25, 2023
* feat/drawer-components: (81 commits)
  docs: remove TODO marks
  fix: remove conflict code leftover
  applying package updates
  microsoft#25730: TimePicker Default Value Fix, Controllable Usage, Example Updates (microsoft#26482)
  docs(react-datepicker-compat): Add description to README.md (microsoft#27677)
  Updated to use single hook selector (microsoft#27491)
  fix: Make border around Avatar's badge transparent using a mask (microsoft#27527)
  Disable focus on non-interactive elements (microsoft#27580)
  feat(react-drawer): implement "prevent close on click outside" feature (microsoft#27551)
  fix(react-datepicker-compat): Make onValidationError onValidationResult so the error is updated when there's no longer an error (microsoft#27655)
  Fix `@fluentui/react-portal-compat`: to be compatible with React 18 (microsoft#27577)
  chore: fix versions of @fluentui/react-datepicker-compat (microsoft#27666)
  applying package updates
  applying package updates
  Make line chart screen reader accessible (microsoft#27632)
  fix(react-examples): Improve keyboard navigation in ContextualMenu.CustomMenuList (microsoft#25172)
  docs(react-textarea): Update examples to use Field (microsoft#27644)
  bugfix(react-dialog): `DialogTitle` root as `h2` by default (microsoft#27555)
  applying package updates
  chore: restructure stories, add separate category for flat tree (microsoft#27586)
  ...
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.

4 participants