Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Export tree context #16891

Merged
merged 2 commits into from
Feb 9, 2021
Merged

Conversation

YuanboXue-Amber
Copy link
Contributor

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

I found out I need treeContext for sticky tree in TMP and I did not export it in index :( :( :(

Focus areas to test

(optional)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 9, 2021

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 6f93dc3:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@size-auditor
Copy link

size-auditor bot commented Feb 9, 2021

Asset size changes

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

Baseline commit: 481fb8518443592a519d3c3150a8f239ebde46ec (build)

@fabricteam
Copy link
Collaborator

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 890 875 5000
BaseButtonCompat mount 985 1015 5000
Breadcrumb mount 45481 45310 5000
Checkbox mount 1695 1682 5000
CheckboxBase mount 1403 1412 5000
ChoiceGroup mount 5253 5273 5000
ComboBox mount 1044 1014 1000
CommandBar mount 10967 10714 1000
ContextualMenu mount 6783 6673 1000
DefaultButtonCompat mount 1192 1175 5000
DetailsRow mount 3885 3936 5000
DetailsRowFast mount 3849 3814 5000
DetailsRowNoStyles mount 3685 3736 5000
Dialog mount 1599 1586 1000
DocumentCardTitle mount 1918 1939 1000
Dropdown mount 3849 3569 5000
FocusTrapZone mount 1817 1878 5000
FocusZone mount 1853 1847 5000
IconButtonCompat mount 1861 1899 5000
Label mount 344 347 5000
Layer mount 1897 1987 5000
Link mount 506 507 5000
MakeStyles mount 1981 2031 50000
MenuButtonCompat mount 1632 1579 5000
MessageBar mount 2056 2134 5000
Nav mount 3500 3439 1000
OverflowSet mount 1073 1078 5000
Panel mount 1500 1531 1000
Persona mount 908 904 1000
Pivot mount 1470 1492 1000
PrimaryButtonCompat mount 1396 1416 5000
Rating mount 8159 8087 5000
SearchBox mount 1426 1457 5000
Shimmer mount 2727 2689 5000
Slider mount 2072 2070 5000
SpinButton mount 5292 5341 5000
Spinner mount 439 441 5000
SplitButtonCompat mount 3381 3452 5000
Stack mount 549 541 5000
StackWithIntrinsicChildren mount 1563 1598 5000
StackWithTextChildren mount 4815 4894 5000
SwatchColorPicker mount 10743 10806 5000
Tabs mount 1455 1472 1000
TagPicker mount 2967 2958 5000
TeachingBubble mount 11937 11920 5000
Text mount 460 449 5000
TextField mount 1488 1489 5000
ThemeProvider mount 1471 1473 5000
ThemeProvider virtual-rerender 636 618 5000
ThemeProviderNext mount 2244 2257 5000
Toggle mount 851 847 5000
button mount 743 707 5000
buttonNative mount 113 119 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.2 0.56 0.36:1 2000 404
🦄 Button.Fluent 0.13 0.23 0.57:1 5000 662
🔧 Checkbox.Fluent 0.71 0.38 1.87:1 1000 706
🎯 Dialog.Fluent 0.18 0.24 0.75:1 5000 916
🔧 Dropdown.Fluent 3.33 0.46 7.24:1 1000 3332
🔧 Icon.Fluent 0.15 0.07 2.14:1 5000 743
🎯 Image.Fluent 0.1 0.14 0.71:1 5000 478
🔧 Slider.Fluent 1.64 0.49 3.35:1 1000 1637
🔧 Text.Fluent 0.09 0.03 3:1 5000 431
🦄 Tooltip.Fluent 0.12 0.94 0.13:1 5000 608

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
FlexMinimalPerf.default 368 318 1.16:1
DividerMinimalPerf.default 464 423 1.1:1
AttachmentMinimalPerf.default 206 189 1.09:1
HeaderMinimalPerf.default 465 435 1.07:1
BoxMinimalPerf.default 454 429 1.06:1
Image.Fluent 478 450 1.06:1
ButtonMinimalPerf.default 221 211 1.05:1
LayoutMinimalPerf.default 500 476 1.05:1
SegmentMinimalPerf.default 439 418 1.05:1
PopupMinimalPerf.default 787 759 1.04:1
ProviderMinimalPerf.default 998 964 1.04:1
TextMinimalPerf.default 436 421 1.04:1
AlertMinimalPerf.default 352 343 1.03:1
ChatDuplicateMessagesPerf.default 412 400 1.03:1
ListWith60ListItems.default 729 708 1.03:1
MenuButtonMinimalPerf.default 1785 1730 1.03:1
TextAreaMinimalPerf.default 607 591 1.03:1
AttachmentSlotsPerf.default 1364 1342 1.02:1
ButtonSlotsPerf.default 673 658 1.02:1
ButtonUseCssNestingPerf.default 1206 1188 1.02:1
CheckboxMinimalPerf.default 3116 3042 1.02:1
DropdownMinimalPerf.default 3257 3188 1.02:1
ItemLayoutMinimalPerf.default 1475 1444 1.02:1
ListNestedPerf.default 683 669 1.02:1
ReactionMinimalPerf.default 476 468 1.02:1
SplitButtonMinimalPerf.default 4211 4136 1.02:1
TreeMinimalPerf.default 920 901 1.02:1
Checkbox.Fluent 706 695 1.02:1
CardMinimalPerf.default 650 644 1.01:1
DropdownManyItemsPerf.default 839 827 1.01:1
HeaderSlotsPerf.default 953 945 1.01:1
ImageMinimalPerf.default 480 474 1.01:1
InputMinimalPerf.default 1425 1409 1.01:1
LabelMinimalPerf.default 491 484 1.01:1
ListCommonPerf.default 774 766 1.01:1
ListMinimalPerf.default 591 583 1.01:1
PortalMinimalPerf.default 178 176 1.01:1
SkeletonMinimalPerf.default 454 448 1.01:1
TableManyItemsPerf.default 2375 2347 1.01:1
CustomToolbarPrototype.default 3950 3928 1.01:1
ToolbarMinimalPerf.default 1120 1114 1.01:1
VideoMinimalPerf.default 724 717 1.01:1
AnimationMinimalPerf.default 461 460 1:1
ButtonUseCssPerf.default 940 940 1:1
EmbedMinimalPerf.default 4590 4575 1:1
GridMinimalPerf.default 408 406 1:1
LoaderMinimalPerf.default 806 804 1:1
SliderMinimalPerf.default 1702 1701 1:1
StatusMinimalPerf.default 851 851 1:1
TooltipMinimalPerf.default 919 916 1:1
Button.Fluent 662 660 1:1
Dialog.Fluent 916 912 1:1
Text.Fluent 431 429 1:1
Tooltip.Fluent 608 607 1:1
CarouselMinimalPerf.default 548 551 0.99:1
MenuMinimalPerf.default 1001 1014 0.99:1
RefMinimalPerf.default 267 271 0.99:1
Avatar.Fluent 404 410 0.99:1
Dropdown.Fluent 3332 3351 0.99:1
AccordionMinimalPerf.default 177 181 0.98:1
AvatarMinimalPerf.default 232 237 0.98:1
ButtonOverridesMissPerf.default 1824 1863 0.98:1
ChatMinimalPerf.default 717 732 0.98:1
DialogMinimalPerf.default 890 907 0.98:1
FormMinimalPerf.default 489 501 0.98:1
RosterPerf.default 1262 1283 0.98:1
ProviderMergeThemesPerf.default 1628 1667 0.98:1
RadioGroupMinimalPerf.default 522 534 0.98:1
TableMinimalPerf.default 488 500 0.98:1
IconMinimalPerf.default 754 775 0.97:1
DatepickerMinimalPerf.default 50774 52676 0.96:1
TreeWith60ListItems.default 209 217 0.96:1
Slider.Fluent 1637 1703 0.96:1
Icon.Fluent 743 779 0.95:1
ChatWithPopoverPerf.default 507 538 0.94:1

@YuanboXue-Amber YuanboXue-Amber merged commit 22a0679 into microsoft:master Feb 9, 2021
@YuanboXue-Amber YuanboXue-Amber deleted the tree-context branch February 9, 2021 16:07
assuncaocharles pushed a commit to assuncaocharles/fluentui that referenced this pull request Feb 22, 2021
* export tree context

* update changelog
assuncaocharles added a commit that referenced this pull request Feb 22, 2021
* fix(useEventListener): use a proper .event and clean up properly (#16991)

* fix(useEventListener): use a proper .event and clean up properly

* update impl to use refs

* revert refs, use settimeout reset

* add changelog entry

* Export tree context (#16891)

* export tree context

* update changelog

* fix(Dropdown): Add missing prop type (#16920)

* Add missing prop type

* Add changelog

* fix(Tree): change selectionIndicator from visibility:hidden to display:none (#16922)

…y:none

- [ ] Addresses an existing issue: Fixes #0000
- [ ] Include a change request file using `$ yarn change`

As described in title.
`visibility: hidden` cause problem because the selectionIndicator still takes width

(optional)

* fix(useEventListener): avoid double handlers calls in React 17 (#16514)

* fix(useEventListener): avoid double handlers calls in React 17

* add changelog entry

* fix(MergeVariablesOverrides): return variables if they are defined (#16560)

* fix(MergeVariablesOverrides): return variables if they are defined

* fix(MergeVariablesOverrides): add changelog

* Update packages/fluentui/react-bindings/src/utils/mergeVariablesOverrides.ts

Co-authored-by: ling1726 <lingfangao@hotmail.com>

* fix(MergeVariablesOverrides): check for plain objects

* fix(MergeVariablesOverrides): fix test

Co-authored-by: ling1726 <lingfangao@hotmail.com>

* fix(react-context-selector): fix React warnings about setState() (#16714)

* WIP on fixing contextSelector

* fix(ContextSelector): fix

* fix(ContextSelector): selectors

* fix(ContextSelector): selectors tests fix

* fix(ContextSelector): changelog

* fix(ContextSelector): fix rollup

* fix(ContextSelector): flatten context value

* fix(ContextSelector): add comments

* Update packages/fluentui/CHANGELOG.md

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* fix(ContextSelector): move scheduler to peerDependencies

* Update packages/fluentui/react-context-selector/src/types.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-context-selector/src/types.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-context-selector/src/types.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-context-selector/src/createContext.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-context-selector/src/useContextSelector.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-context-selector/package.json

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat(Button): disabledFocusable for v0 Button (#16419)

* button disabled focusable for v0

* fixes

* changelog

* disable  pointer events only for disabled, not for disabledFocusable

* fix

* cleanup examples

* small revert

Co-authored-by: Juraj Kapsiar <jukapsia@microsoft.com>

* adding Channel Share Icon for ODSP (#16619)

* adding Channel Share Icon

* feat(FormTextArea): Add new FormTextArea component (#16660)

* feat(FormTextArea): add new FormTextArea component

* feat(FormTextArea): add test

* feat(FormTextArea): change type

* feat(FormTextArea): add changelog

* feat(TextArea): fix changelog

* Update packages/fluentui/react-northstar/src/components/TextArea/TextArea.tsx

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat(TextArea): add error exampel

* Update packages/fluentui/docs/src/examples/components/Form/Usage/FormExampleErrorAndSuccessful.tsx

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat(checkbox): add indeterminate support (#16081)

* feat(checkbox): add indeterminate support

* feat(checkbox): add props comment

* feat(checkbox): add best practices

* feat(checkbox): add changelog

* feat(checkbox): rename indicator

* feat(Checkbox): add mixed value support

* feat(Checkbox): remove inderminate prop

* feat(Checkbox): remove inderminate from state

* feat(Checkbox): remove cast

* Update packages/fluentui/CHANGELOG.md

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat(Checkbox): remove indeterminate from behavior

* feat(Checkbox): remove unecessary check

* feat(Checkbox): rename best practices

* feat(Checkbox): remove indeterminate from styles

* feat(Checkbox): rename example

* feat(Checkbox): update contorl

* Update packages/fluentui/react-northstar/src/themes/teams/components/Checkbox/checkboxStyles.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/react-northstar/src/themes/teams/components/Checkbox/checkboxStyles.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/fluentui/docs/src/examples/components/Checkbox/States/index.tsx

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat(Checkbox): update styles

* feat(Checkbox): screener

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Adding imageAltText icon (#16884)

* adding imageAltText icon

* fix(felaRenderer): exclude className for CKEditor to avoid collisions (#17025)

* fix(felaRenderer): exclude className for CKEditor to avoid collisions

* add changelog entry

* Update packages/fluentui/react-northstar-fela-renderer/src/createFelaRenderer.tsx

* Update packages/fluentui/react-northstar-fela-renderer/src/createFelaRenderer.tsx

* fix(useEventListener): use a proper .event and clean up properly (#16991)

* fix(useEventListener): use a proper .event and clean up properly

* update impl to use refs

* revert refs, use settimeout reset

* add changelog entry

* fix(popupBehavior): remove role='complementary' from inline popup (#17032)

* fix(popupBehavior): remove role='complementary' from inline popup

* changelog

* add popup test

* chore: Automated release pipeline for fluent N* (#16866)

* add pack-nightly task

* Add nightly package to docsite

* Add post publish validation script

* Add canary release script

* Fix dep url when pack nightly tarball

* yaml pipeline

* update redirect

* fix pipeline

* rename

* nightly build fix

* remove todo

* gzip true

* make dropdown display nightly version properly

* update comment

* update pipeline

* put 0.0.0-nightly into const

* Update scripts/tasks/fluentui-publish.ts

Co-authored-by: ling1726 <lingfan.gao@microsoft.com>

* Update azure-pipelines.release-fluentui.yml

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

* update pipeline

* update pipeline

* update pipeline

* hide clip board for nightly release

* Update azure-pipelines.release-fluentui.yml

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

* Update scripts/tasks/fluentui-publish.ts

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

* Update scripts/tasks/fluentui-publish.ts

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

* update packtarball

* test pipeline

* Update falsy check of nightlyRelease

* fix doc build

* fix

* remove cruft

* separate fluent ui tasks

* store nightly tarballs in Build.ArtifactStagingDirectory

* cleanup after tar; add --no-verify-access

* add no-verify-access comment

* update after trying out real release

* add pipeline name

* update pipeline description

* Update scripts/fluentui-publish/index.ts

Co-authored-by: ling1726 <lingfan.gao@microsoft.com>

* fix screener build

* test adding nightly date to nightly tarball versions

* Update scripts/fluentui-publish/index.ts

Co-authored-by: ling1726 <lingfan.gao@microsoft.com>

* use newest folder for docsite

* Revert "use newest folder for docsite"

This reverts commit 2b8af70.

* make codesandbox consistent for nightly release

Co-authored-by: ling1726 <lingfan.gao@microsoft.com>
Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
Co-authored-by: Amber <yuanboxue@microsoft.com>
Co-authored-by: Roman Sudarikov <pompomon@users.noreply.github.com>
Co-authored-by: ling1726 <lingfangao@hotmail.com>
Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>
Co-authored-by: Juraj Kapsiar <jurokapsiar@gmail.com>
Co-authored-by: Juraj Kapsiar <jukapsia@microsoft.com>
Co-authored-by: Andrew Martin <andmarti@microsoft.com>
Co-authored-by: ling1726 <lingfan.gao@microsoft.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Fluent UI react-northstar (v0) Work related to Fluent UI V0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants