Skip to content

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Aug 22, 2023

Previous Behavior

Seems like something between our storybook code generation and codesandbox seems to break when aliasing an import, we're getting a duplicate identifier error on codesanbox when trying to open the flat tree example.

image

New Behavior

  1. imports tree components from @fluentui/react-components instead of @fluentui/react-tree

Related Issue(s)

  • Fixes #

@bsunderhus bsunderhus requested a review from a team as a code owner August 22, 2023 13:16
@bsunderhus bsunderhus self-assigned this Aug 22, 2023
@github-actions github-actions bot added this to the August Project Cycle Q4 2023 milestone Aug 22, 2023
@YuanboXue-Amber
Copy link
Contributor

Let's add an issue to investigate alias import?

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 22, 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 12e58ef:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 22, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 599 611 5000
Button mount 325 317 5000
Field mount 1105 1076 5000
FluentProvider mount 661 662 5000
FluentProviderWithTheme mount 77 85 10
FluentProviderWithTheme virtual-rerender 68 75 10
FluentProviderWithTheme virtual-rerender-with-unmount 79 77 10
InfoButton mount 12 16 5000
MakeStyles mount 850 868 50000
Persona mount 1755 1692 5000
SpinButton mount 1389 1377 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 22, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
66.614 kB
18.512 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
203.567 kB
57.847 kB
react-components
react-components: FluentProvider & webLightTheme
37.787 kB
12.387 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against 0c71b67bb41fdc2de8c3c547e77646a4b2ab36e9

@size-auditor
Copy link

size-auditor bot commented Aug 22, 2023

Asset size changes

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

Baseline commit: 0c71b67bb41fdc2de8c3c547e77646a4b2ab36e9 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 22, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus force-pushed the react-tree/doc--updates-documentation-to-make-it-codesandbox-compliant branch from 91bfaf3 to 12e58ef Compare August 22, 2023 19:25
@bsunderhus bsunderhus requested a review from ling1726 August 22, 2023 19:26
@bsunderhus bsunderhus merged commit 5733e03 into microsoft:master Aug 23, 2023
@bsunderhus bsunderhus deleted the react-tree/doc--updates-documentation-to-make-it-codesandbox-compliant branch August 23, 2023 07:37
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 23, 2023
* master:
  chore: update CODEOWNERS to some components to tag the current owner (microsoft#28949)
  fix(react-popover): Only apply modal attributes if the PopoverSurface traps focus (microsoft#28613)
  feat(react-table, react-components): export DataGridContextProvider (microsoft#28955)
  chore: decrease bundle size & adds fixtures (microsoft#28962)
  feat(react-utilities): create useAnimationFrame hook (microsoft#28948)
  fix(react-utilities): `useOnClickOutside` should consider text selection from inside to outside as inside click (microsoft#28765)
  docs(react-accordion): Added subcomponents to index story (microsoft#28956)
  applying package updates
  bugfix: ensure interop between assertSlots and old API (microsoft#28957)
  chore: rename imports from react-tree to react-components (microsoft#28946)
  applying package updates
  fix: Autofill queries the inputElement ownerDocument instead of document (microsoft#27312)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 23, 2023
* master: (27 commits)
  feat: Add documentKeyboardEvent to OnVisibleChangeData when Tooltip is hidden via Escape (microsoft#28951)
  RFC: Component CSS Transitions/Animations on mount/unmount (microsoft#27328)
  8.0 Azure Theme: Details list row focus contrast a11y bug fix  (microsoft#28966)
  chore: update CODEOWNERS to some components to tag the current owner (microsoft#28949)
  fix(react-popover): Only apply modal attributes if the PopoverSurface traps focus (microsoft#28613)
  feat(react-table, react-components): export DataGridContextProvider (microsoft#28955)
  chore: decrease bundle size & adds fixtures (microsoft#28962)
  feat(react-utilities): create useAnimationFrame hook (microsoft#28948)
  fix(react-utilities): `useOnClickOutside` should consider text selection from inside to outside as inside click (microsoft#28765)
  docs(react-accordion): Added subcomponents to index story (microsoft#28956)
  applying package updates
  bugfix: ensure interop between assertSlots and old API (microsoft#28957)
  chore: rename imports from react-tree to react-components (microsoft#28946)
  applying package updates
  fix: Autofill queries the inputElement ownerDocument instead of document (microsoft#27312)
  Accordion : updated styles for accordion header cursor (microsoft#28850)
  Additional VR tests Charting Library (microsoft#28777)
  feat(react-motion): create react-motion-preview package scaffolding (microsoft#28947)
  chore: updates generator to use new slot API (microsoft#28916)
  chore: bumps version of esbuild-loader to v3.2.0 (microsoft#28878)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants