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 imageAltText icon #16884

Merged
merged 3 commits into from
Feb 9, 2021
Merged

Adding imageAltText icon #16884

merged 3 commits into from
Feb 9, 2021

Conversation

notandrew
Copy link
Contributor

@notandrew notandrew commented Feb 9, 2021

Unfilled:
image

Filled:
image

@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 68b673e:

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: 107627f487bfe837f572002e04dcb7d9589a1f4e (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 821 828 5000
BaseButtonCompat mount 888 910 5000
Breadcrumb mount 43733 43649 5000
Checkbox mount 1469 1515 5000
CheckboxBase mount 1239 1215 5000
ChoiceGroup mount 4700 4679 5000
ComboBox mount 952 957 1000
CommandBar mount 10109 10196 1000
ContextualMenu mount 6117 6120 1000
DefaultButtonCompat mount 1116 1102 5000
DetailsRow mount 3580 3624 5000
DetailsRowFast mount 3607 3529 5000
DetailsRowNoStyles mount 3336 3354 5000
Dialog mount 1445 1463 1000
DocumentCardTitle mount 1835 1838 1000
Dropdown mount 3541 3298 5000
FocusTrapZone mount 1801 1780 5000
FocusZone mount 1783 1779 5000
IconButtonCompat mount 1734 1734 5000
Label mount 340 321 5000
Layer mount 1737 1783 5000
Link mount 445 456 5000
MakeStyles mount 1960 1987 50000
MenuButtonCompat mount 1454 1459 5000
MessageBar mount 2011 1992 5000
Nav mount 3197 3297 1000
OverflowSet mount 1022 1043 5000
Panel mount 1433 1396 1000
Persona mount 841 850 1000
Pivot mount 1372 1389 1000
PrimaryButtonCompat mount 1291 1280 5000
Rating mount 7386 7400 5000
SearchBox mount 1283 1295 5000
Shimmer mount 2490 2495 5000
Slider mount 1887 1877 5000
SpinButton mount 4916 4958 5000
Spinner mount 418 420 5000
SplitButtonCompat mount 3181 3191 5000
Stack mount 501 483 5000
StackWithIntrinsicChildren mount 1559 1574 5000
StackWithTextChildren mount 4455 4423 5000
SwatchColorPicker mount 10116 10080 5000
Tabs mount 1396 1406 1000
TagPicker mount 2786 2805 5000
TeachingBubble mount 11511 11619 5000
Text mount 413 411 5000
TextField mount 1345 1362 5000
ThemeProvider mount 1411 1399 5000
ThemeProvider virtual-rerender 597 595 5000
ThemeProviderNext mount 2168 2172 5000
Toggle mount 788 767 5000
button mount 671 692 5000
buttonNative mount 115 115 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🦄 Avatar.Fluent 0.17 0.51 0.33:1 2000 347
🦄 Button.Fluent 0.12 0.2 0.6:1 5000 592
🔧 Checkbox.Fluent 0.65 0.33 1.97:1 1000 647
🎯 Dialog.Fluent 0.16 0.22 0.73:1 5000 796
🔧 Dropdown.Fluent 3.11 0.4 7.78:1 1000 3107
🔧 Icon.Fluent 0.14 0.06 2.33:1 5000 690
🦄 Image.Fluent 0.08 0.13 0.62:1 5000 407
🔧 Slider.Fluent 1.61 0.45 3.58:1 1000 1606
🔧 Text.Fluent 0.08 0.03 2.67:1 5000 375
🦄 Tooltip.Fluent 0.12 0.89 0.13:1 5000 579

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 222 196 1.13:1
AccordionMinimalPerf.default 191 171 1.12:1
BoxMinimalPerf.default 388 362 1.07:1
DividerMinimalPerf.default 405 380 1.07:1
FlexMinimalPerf.default 331 313 1.06:1
LabelMinimalPerf.default 451 429 1.05:1
ButtonMinimalPerf.default 188 180 1.04:1
FormMinimalPerf.default 452 433 1.04:1
PortalMinimalPerf.default 174 168 1.04:1
RefMinimalPerf.default 256 247 1.04:1
TreeWith60ListItems.default 191 184 1.04:1
HeaderMinimalPerf.default 395 382 1.03:1
TextMinimalPerf.default 381 369 1.03:1
ButtonUseCssPerf.default 838 823 1.02:1
CardMinimalPerf.default 583 573 1.02:1
ChatDuplicateMessagesPerf.default 376 370 1.02:1
HeaderSlotsPerf.default 804 788 1.02:1
LoaderMinimalPerf.default 757 743 1.02:1
ProviderMinimalPerf.default 1006 991 1.02:1
SegmentMinimalPerf.default 380 374 1.02:1
TreeMinimalPerf.default 827 813 1.02:1
Avatar.Fluent 347 339 1.02:1
Button.Fluent 592 578 1.02:1
Image.Fluent 407 399 1.02:1
DropdownMinimalPerf.default 3158 3126 1.01:1
ItemLayoutMinimalPerf.default 1263 1253 1.01:1
LayoutMinimalPerf.default 432 426 1.01:1
ListNestedPerf.default 593 587 1.01:1
MenuMinimalPerf.default 908 900 1.01:1
SplitButtonMinimalPerf.default 3830 3805 1.01:1
TableManyItemsPerf.default 2069 2046 1.01:1
Dropdown.Fluent 3107 3076 1.01:1
AttachmentMinimalPerf.default 170 170 1:1
ChatMinimalPerf.default 626 626 1:1
EmbedMinimalPerf.default 4309 4320 1:1
GridMinimalPerf.default 366 366 1:1
ImageMinimalPerf.default 392 391 1:1
InputMinimalPerf.default 1315 1309 1:1
ListCommonPerf.default 669 670 1:1
ListMinimalPerf.default 530 528 1:1
ListWith60ListItems.default 631 628 1:1
MenuButtonMinimalPerf.default 1584 1590 1:1
ReactionMinimalPerf.default 416 416 1:1
SkeletonMinimalPerf.default 391 390 1:1
TableMinimalPerf.default 430 431 1:1
TextAreaMinimalPerf.default 505 505 1:1
CustomToolbarPrototype.default 3805 3794 1:1
ToolbarMinimalPerf.default 978 981 1:1
VideoMinimalPerf.default 648 648 1:1
Checkbox.Fluent 647 649 1:1
Tooltip.Fluent 579 577 1:1
AlertMinimalPerf.default 311 315 0.99:1
AnimationMinimalPerf.default 418 422 0.99:1
ButtonOverridesMissPerf.default 1715 1739 0.99:1
ButtonUseCssNestingPerf.default 1083 1096 0.99:1
CarouselMinimalPerf.default 483 486 0.99:1
ChatWithPopoverPerf.default 470 475 0.99:1
DatepickerMinimalPerf.default 46715 47223 0.99:1
DialogMinimalPerf.default 801 810 0.99:1
ProviderMergeThemesPerf.default 1624 1634 0.99:1
SliderMinimalPerf.default 1598 1621 0.99:1
StatusMinimalPerf.default 743 753 0.99:1
IconMinimalPerf.default 675 684 0.99:1
TooltipMinimalPerf.default 839 846 0.99:1
Text.Fluent 375 377 0.99:1
AttachmentSlotsPerf.default 1200 1220 0.98:1
ButtonSlotsPerf.default 585 597 0.98:1
CheckboxMinimalPerf.default 2838 2895 0.98:1
DropdownManyItemsPerf.default 723 736 0.98:1
PopupMinimalPerf.default 708 719 0.98:1
Slider.Fluent 1606 1632 0.98:1
RadioGroupMinimalPerf.default 449 465 0.97:1
Icon.Fluent 690 709 0.97:1
Dialog.Fluent 796 827 0.96:1
RosterPerf.default 1168 1232 0.95:1

Copy link
Member

@layershifter layershifter left a comment

Choose a reason for hiding this comment

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

image

Looks like an unhappy pirate 😸

@notandrew notandrew merged commit 122b9be into microsoft:master Feb 9, 2021
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>
@notandrew notandrew deleted the chore/icons-alt-text branch April 5, 2021 21:46
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