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

adding Channel Share Icon for ODSP #16619

Merged
merged 7 commits into from
Jan 27, 2021
Merged

adding Channel Share Icon for ODSP #16619

merged 7 commits into from
Jan 27, 2021

Conversation

notandrew
Copy link
Contributor

image

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 26, 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 1129e8e:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 26, 2021

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 821 835 5000
BaseButtonCompat mount 890 898 5000
Breadcrumb mount 43905 44059 5000
Checkbox mount 1504 1458 5000
CheckboxBase mount 1234 1247 5000
ChoiceGroup mount 4718 4737 5000
ComboBox mount 964 980 1000
CommandBar mount 10153 10269 1000
ContextualMenu mount 6179 6258 1000
DefaultButtonCompat mount 1123 1159 5000
DetailsRow mount 3583 3635 5000
DetailsRowFast mount 3634 3647 5000
DetailsRowNoStyles mount 3455 3430 5000
Dialog mount 1415 1442 1000
DocumentCardTitle mount 1902 1845 1000
Dropdown mount 3301 3319 5000
FocusTrapZone mount 1824 1845 5000
FocusZone mount 1868 1912 5000
IconButtonCompat mount 1745 1726 5000
Label mount 348 317 5000
Layer mount 1754 1749 5000
Link mount 471 464 5000
MakeStyles mount 2191 2185 50000
MenuButtonCompat mount 1461 1469 5000
MessageBar mount 2052 2070 5000
Nav mount 3206 3246 1000
OverflowSet mount 1057 1032 5000
Panel mount 1425 1439 1000
Persona mount 860 840 1000
Pivot mount 1409 1416 1000
PrimaryButtonCompat mount 1239 1279 5000
Rating mount 7530 7485 5000
SearchBox mount 1295 1275 5000
Shimmer mount 2530 2546 5000
Slider mount 1867 1849 5000
SpinButton mount 4900 4989 5000
Spinner mount 420 417 5000
SplitButtonCompat mount 3151 3215 5000
Stack mount 490 499 5000
StackWithIntrinsicChildren mount 1492 1526 5000
StackWithTextChildren mount 4425 4438 5000
SwatchColorPicker mount 10134 10134 5000
Tabs mount 1419 1431 1000
TagPicker mount 2826 2809 5000
TeachingBubble mount 11648 11647 5000
Text mount 402 416 5000
TextField mount 1343 1382 5000
ThemeProvider mount 2182 2201 5000
ThemeProvider virtual-rerender 648 660 5000
Toggle mount 771 808 5000
button mount 686 696 5000
buttonNative mount 112 116 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.18 0.51 0.35:1 2000 358
🦄 Button.Fluent 0.12 0.21 0.57:1 5000 583
🔧 Checkbox.Fluent 0.67 0.36 1.86:1 1000 665
🎯 Dialog.Fluent 0.16 0.21 0.76:1 5000 802
🔧 Dropdown.Fluent 3.01 0.4 7.53:1 1000 3006
🔧 Icon.Fluent 0.14 0.06 2.33:1 5000 689
🦄 Image.Fluent 0.08 0.13 0.62:1 5000 405
🔧 Slider.Fluent 1.57 0.46 3.41:1 1000 1566
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 376
🦄 Tooltip.Fluent 0.12 0.88 0.14:1 5000 585

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
PortalMinimalPerf.default 195 175 1.11:1
AttachmentMinimalPerf.default 176 161 1.09:1
ButtonSlotsPerf.default 649 597 1.09:1
AvatarMinimalPerf.default 220 203 1.08:1
ButtonMinimalPerf.default 199 184 1.08:1
RadioGroupMinimalPerf.default 474 453 1.05:1
ListMinimalPerf.default 525 506 1.04:1
LoaderMinimalPerf.default 761 734 1.04:1
Checkbox.Fluent 665 641 1.04:1
Icon.Fluent 689 660 1.04:1
AnimationMinimalPerf.default 428 415 1.03:1
MenuButtonMinimalPerf.default 1656 1610 1.03:1
SkeletonMinimalPerf.default 392 381 1.03:1
TextMinimalPerf.default 381 371 1.03:1
TextAreaMinimalPerf.default 498 485 1.03:1
TooltipMinimalPerf.default 852 827 1.03:1
BoxMinimalPerf.default 387 381 1.02:1
ImageMinimalPerf.default 408 400 1.02:1
MenuMinimalPerf.default 916 899 1.02:1
TableMinimalPerf.default 447 440 1.02:1
CustomToolbarPrototype.default 3772 3714 1.02:1
Avatar.Fluent 358 352 1.02:1
AccordionMinimalPerf.default 166 164 1.01:1
AttachmentSlotsPerf.default 1210 1203 1.01:1
ChatMinimalPerf.default 651 647 1.01:1
DialogMinimalPerf.default 804 795 1.01:1
DividerMinimalPerf.default 393 391 1.01:1
FlexMinimalPerf.default 324 320 1.01:1
HeaderMinimalPerf.default 404 400 1.01:1
SliderMinimalPerf.default 1628 1616 1.01:1
TreeMinimalPerf.default 824 817 1.01:1
VideoMinimalPerf.default 666 657 1.01:1
Dropdown.Fluent 3006 2987 1.01:1
Tooltip.Fluent 585 577 1.01:1
ButtonUseCssNestingPerf.default 1111 1111 1:1
CardMinimalPerf.default 573 575 1:1
CarouselMinimalPerf.default 495 494 1:1
ChatDuplicateMessagesPerf.default 380 381 1:1
CheckboxMinimalPerf.default 2939 2928 1:1
DropdownMinimalPerf.default 3023 3010 1:1
EmbedMinimalPerf.default 4202 4219 1:1
ListNestedPerf.default 592 592 1:1
PopupMinimalPerf.default 738 741 1:1
SplitButtonMinimalPerf.default 3868 3856 1:1
StatusMinimalPerf.default 751 749 1:1
TableManyItemsPerf.default 2040 2044 1:1
Button.Fluent 583 582 1:1
Text.Fluent 376 375 1:1
AlertMinimalPerf.default 296 298 0.99:1
ButtonOverridesMissPerf.default 1705 1729 0.99:1
DatepickerMinimalPerf.default 47892 48155 0.99:1
DropdownManyItemsPerf.default 735 745 0.99:1
HeaderSlotsPerf.default 826 832 0.99:1
InputMinimalPerf.default 1339 1350 0.99:1
ListCommonPerf.default 671 677 0.99:1
ListWith60ListItems.default 659 663 0.99:1
ProviderMinimalPerf.default 965 979 0.99:1
ReactionMinimalPerf.default 422 428 0.99:1
ChatWithPopoverPerf.default 455 462 0.98:1
ItemLayoutMinimalPerf.default 1298 1329 0.98:1
LabelMinimalPerf.default 434 443 0.98:1
ProviderMergeThemesPerf.default 1649 1675 0.98:1
RefMinimalPerf.default 257 262 0.98:1
SegmentMinimalPerf.default 381 388 0.98:1
ToolbarMinimalPerf.default 957 979 0.98:1
Dialog.Fluent 802 818 0.98:1
Image.Fluent 405 412 0.98:1
Slider.Fluent 1566 1595 0.98:1
ButtonUseCssPerf.default 841 865 0.97:1
FormMinimalPerf.default 434 446 0.97:1
GridMinimalPerf.default 375 387 0.97:1
LayoutMinimalPerf.default 436 454 0.96:1
TreeWith60ListItems.default 182 189 0.96:1
IconMinimalPerf.default 698 734 0.95:1
RosterPerf.default 1117 1248 0.9:1

@size-auditor
Copy link

size-auditor bot commented Jan 26, 2021

Asset size changes

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

Baseline commit: 55dec9440316e0f33de7623d31da4540ea20add5 (build)

@TanelVari
Copy link
Contributor

Changelog update is missing

Copy link
Contributor

@TanelVari TanelVari left a comment

Choose a reason for hiding this comment

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

Changelog update is missing

@Jahnp
Copy link
Member

Jahnp commented Jan 26, 2021

Thank you so much @notandrew! Really appreciate the quick turnaround! Hate to badger, but is it still possible to have the "Lock Closed" icon added too?

Btw - happy to chat about me/my team helping with this stuff if it becomes an ongoing thing too.

@notandrew
Copy link
Contributor Author

Thank you so much @notandrew! Really appreciate the quick turnaround! Hate to badger, but is it still possible to have the "Lock Closed" icon added too?

Btw - happy to chat about me/my team helping with this stuff if it becomes an ongoing thing too.

It's already there as LockIcon:
image

@Jahnp
Copy link
Member

Jahnp commented Jan 26, 2021

@notandrew oh nice, missed that, thank you!

@notandrew
Copy link
Contributor Author

Thank you so much @notandrew! Really appreciate the quick turnaround! Hate to badger, but is it still possible to have the "Lock Closed" icon added too?
Btw - happy to chat about me/my team helping with this stuff if it becomes an ongoing thing too.

It's already there as LockIcon:
image

It's a little hidden, but you can see the icons all in one place by going here:
image

@notandrew notandrew merged commit 16f45ce into microsoft:master Jan 27, 2021
@notandrew notandrew deleted the chore/icons-odsp branch January 27, 2021 20:14
assuncaocharles pushed a commit to assuncaocharles/fluentui that referenced this pull request Feb 22, 2021
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.

7 participants