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

Upgrade EUI to v41.0.0 #117242

Merged
merged 76 commits into from
Nov 18, 2021
Merged

Upgrade EUI to v41.0.0 #117242

merged 76 commits into from
Nov 18, 2021

Conversation

thompsongl
Copy link
Contributor

@thompsongl thompsongl commented Nov 2, 2021

Summary

[email protected][email protected]

All breaking changes have been accounted for. However, check your app for changes to:

  • EuiCodeEditor
    • All instances have either been moved to import from esUiSharedor converted to <CodeEditor />
    • Be sure to check any brace imports and validate that they are still needed
  • Color: success is visually identical to secondary
  • Color: text is visually indistinguishable from subdued

react-ace has been added to the kbn-ui-shared-deps package to mitigate plugin bundle size increases. This is more similar to how it was included in Kibana when it was part of EUI.


41.0.0

  • Added EuiAutoSizer component for setting dimensions on virtualized lists (#5278)
  • Added testenv mock for EuiAutoSizer (#5278)
  • Changed render of useEuiTextDiff to a span instead of div (#5323)
  • Changed change prop type of children for EuiMark from string to ReactNode (#5323)
  • Added render prop to EuiI18n (#5236)

Bug fixes

  • Fixed styling of align: center for mobile version of EuiTableRowCell (#5323)
  • Fixed endDateControl className in EuiDatePickerRange (#5329)
  • Fixed EuiMarkdownEditor intercepting all drop events on the page (#5340)

Breaking changes

  • Removed EuiCodeEditor (#5323)
  • Removed betaBadgeLabel, betaBadgeTooltipContent, betaBadgeTitle props from EuiCard (#5323)
  • Removed EuiLoadingKibana (#5323)
  • Removed secondary color prop options (#5323)
  • Removed subdued color prop option from EuiButtonIcon (#5323)
  • Removed panelPaddingSize from EuiPageContent (#5323)
  • Removed makeId (#5323)
  • Removed mobile-only props from EuiTableRowCell (#5323)
  • Removed Sass vars $euiColorSecondary and $euiColorSecondaryText (#5345)

@thompsongl thompsongl added release_note:skip Skip the PR/issue when compiling release notes EUI v8.1.0 labels Nov 2, 2021
@elastic elastic deleted a comment from kibanamachine Nov 15, 2021
- caused local unsaved changes shenanigans, somehow
Copy link
Contributor

@juliaElastic juliaElastic left a comment

Choose a reason for hiding this comment

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

LGTM from fleet

@thompsongl
Copy link
Contributor Author

@elasticmachine merge upstream

Copy link
Contributor

@byronhulcher byronhulcher left a comment

Choose a reason for hiding this comment

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

Thanks @constancecchen!

Copy link
Contributor

@peteharverson peteharverson left a comment

Choose a reason for hiding this comment

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

ML, Transforms and Data Visualizer plugins LGTM (code and did quick visual check of pages)

@weltenwort weltenwort self-requested a review November 17, 2021 11:12
Copy link
Member

@weltenwort weltenwort left a comment

Choose a reason for hiding this comment

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

infra and monitoring plugin changes LGTM, thank you

Copy link
Contributor

@ThomThomson ThomThomson left a comment

Choose a reason for hiding this comment

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

Code only review - Presentation team changes LGTM!

Copy link
Contributor

@mattkime mattkime left a comment

Choose a reason for hiding this comment

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

app services change lgtm

@thompsongl
Copy link
Contributor Author

@elasticmachine merge upstream

@thompsongl
Copy link
Contributor Author

@elasticmachine merge upstream

@thompsongl
Copy link
Contributor Author

@elastic/apm-ui @elastic/kibana-vis-editors @elastic/security-asset-management @elastic/security-onboarding-and-lifecycle-mgt Merging this today so we can continue with further EUI version upgrades.

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
advancedSettings 872.2KB 872.2KB +45.0B
apm 2.7MB 2.7MB -14.0B
canvas 1019.8KB 1019.8KB -11.0B
cases 325.2KB 325.2KB -10.0B
console 364.9KB 364.9KB -2.0B
crossClusterReplication 163.0KB 163.1KB +105.0B
dashboard 274.0KB 274.0KB -2.0B
dataEnhanced 45.1KB 45.1KB -10.0B
dataVisualizer 537.9KB 537.9KB -6.0B
discover 312.5KB 312.5KB -7.0B
enterpriseSearch 1.3MB 1.3MB -22.0B
esUiShared 5.4KB 5.4KB -50.0B
fleet 630.0KB 630.0KB -10.0B
home 76.9KB 76.9KB +16.0B
indexManagement 513.2KB 513.2KB -10.0B
indexPatternManagement 77.8KB 77.8KB -2.0B
infra 928.7KB 928.7KB -19.0B
ingestPipelines 452.7KB 452.7KB -11.0B
inspector 14.8KB 14.8KB -2.0B
kibanaOverview 10.1KB 10.1KB +8.0B
kibanaReact 208.3KB 208.3KB -6.0B
logstash 30.6KB 30.6KB +8.0B
maps 2.6MB 2.6MB -2.0B
ml 3.5MB 3.5MB +12.0B
monitoring 435.5KB 435.5KB -6.0B
osquery 943.1KB 943.2KB +106.0B
painlessLab 16.2KB 16.2KB -2.0B
presentationUtil 207.5KB 207.5KB -10.0B
remoteClusters 83.4KB 83.4KB +30.0B
rollup 129.0KB 129.0KB +12.0B
security 490.6KB 490.7KB +40.0B
securitySolution 4.5MB 4.5MB +276.0B
snapshotRestore 258.4KB 258.4KB -1.0B
spaces 152.2KB 152.2KB -4.0B
timelines 208.0KB 208.1KB +28.0B
transform 327.5KB 327.5KB -2.0B
triggersActionsUi 777.8KB 777.8KB -20.0B
uiActionsEnhanced 127.5KB 127.5KB -3.0B
upgradeAssistant 133.2KB 133.2KB +8.0B
uptime 574.3KB 574.3KB -28.0B
visualizations 59.1KB 59.1KB -6.0B
watcher 272.6KB 272.6KB -14.0B
total +402.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
charts 56.1KB 56.1KB -3.0B
core 270.8KB 270.0KB -837.0B
esUiShared 122.5KB 122.5KB -20.0B
kbnUiSharedDeps-css 597.0KB 587.4KB -9.6KB
kbnUiSharedDeps-npmDll 5.0MB 5.0MB -9.0KB
kibanaReact 58.3KB 58.3KB +16.0B
logstash 14.0KB 14.1KB +140.0B
osquery 6.8KB 7.0KB +140.0B
rollup 11.8KB 11.8KB -2.0B
total -19.1KB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@thompsongl thompsongl merged commit cd8c648 into elastic:main Nov 18, 2021
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Nov 18, 2021
TinLe pushed a commit to TinLe/kibana that referenced this pull request Nov 20, 2021
* eui to v41.0.0

* update eui i18n tokens

* sass tokens

* EuiLoadingKibana

* EuiCodeEditor

* subdued

* betaBadgeProps

* EuiCodeEditor null-loader

* src secondary -> success

* [enterprise_search] Deprecate 'secondary' color prop

* [apm] Deprecate 'secondary' color prop

* [canvas] Deprecate 'secondary' color prop

* [cases] Deprecate 'secondary' color prop

* [cross_cluster_replication] Deprecate 'secondary' color prop

* [data_enhanced] Deprecate 'secondary' color prop

* [data_visualizer] Deprecate 'secondary' color prop

* [fleet] Deprecate 'secondary' color prop

* [index_management] Deprecate 'secondary' color prop

* [infra] Deprecate 'secondary' color prop

* [ingest_pipelines] Deprecate 'secondary' color prop

* [maps] Deprecate 'secondary' color prop

* [ml] Deprecate 'secondary' color prop

* [monitoring] Deprecate 'secondary' color prop

* [observability] Deprecate 'secondary' color prop

NB: conditional became `type === 'success' ? 'success' : type` after find&replace, which felt fairly redundant, so I simplified it

* [osquery] Deprecate 'secondary' color prop

* [painless_lab] Deprecate 'secondary' color prop

* [remote_clusters] Deprecate 'secondary' color prop

* [rollup] Deprecate 'secondary' color prop

* [security] Deprecate 'secondary' color prop

* [security_solution] Deprecate 'secondary' color prop

NB: several conditional became `type === 'success' ? 'success' : type` after find&replace, which felt fairly redundant, so I simplified them

* [snapshot_restore] Deprecate 'secondary' color prop

* [spaces] Deprecate 'secondary' color prop

* [transform] Deprecate 'secondary' color prop

* [triggers_actions_ui] Deprecate 'secondary' color prop

* [uptime] Deprecate 'secondary' color prop

* [watcher] Deprecate 'secondary' color prop

* [infra] replace ambiguous 'secondary' color

- GaugesSectionVis doesn't appear to use the color property but it's required by the SeriesOverrides types, so changing it just in case

* [examples] Deprecate 'secondary' color prop

* [uptime] deprecate 'subdued' prop on EuiButtonIcon

* revert EuiKeyPadMenuItem betaBadge props

* mobileOptions

* examples/ updates

* fix brace import

* fix type exports

* update expressions_explorer requiredBundles

* remove make_id mocks

* snapshot updates

* fix import 🤦

* Fix `ReferenceError: ace is not defined` Jest failures

* Remove unused brace import (?)

- Assuming here, as no code editor is actually being used in this file

* Fix failing Jest test due to EuiCodeEditor moving to es_ui_shared plugin

+ minor cleanup of `jest.mock()`s

* Fix failing Jest test due to snapshot update

* Fix failing `TypeError: Cannot read properties of undefined (reading 'euiBorderRadius')` Jest test

- since this is being mount()'d, EuiThemeProvider as a wrapper is needed to prevent the failure

* access uiSettings

* Move react-ace dependency into kbn-ui-shared-deps-npm

* Revert App Search shenanigans

- caused local unsaved changes shenanigans, somehow

* secondary -> success

Co-authored-by: Constance Chen <[email protected]>
Co-authored-by: Chandler Prall <[email protected]>
Co-authored-by: Kibana Machine <[email protected]>
Co-authored-by: Constance Chen <[email protected]>
dmlemeshko pushed a commit that referenced this pull request Nov 29, 2021
* eui to v41.0.0

* update eui i18n tokens

* sass tokens

* EuiLoadingKibana

* EuiCodeEditor

* subdued

* betaBadgeProps

* EuiCodeEditor null-loader

* src secondary -> success

* [enterprise_search] Deprecate 'secondary' color prop

* [apm] Deprecate 'secondary' color prop

* [canvas] Deprecate 'secondary' color prop

* [cases] Deprecate 'secondary' color prop

* [cross_cluster_replication] Deprecate 'secondary' color prop

* [data_enhanced] Deprecate 'secondary' color prop

* [data_visualizer] Deprecate 'secondary' color prop

* [fleet] Deprecate 'secondary' color prop

* [index_management] Deprecate 'secondary' color prop

* [infra] Deprecate 'secondary' color prop

* [ingest_pipelines] Deprecate 'secondary' color prop

* [maps] Deprecate 'secondary' color prop

* [ml] Deprecate 'secondary' color prop

* [monitoring] Deprecate 'secondary' color prop

* [observability] Deprecate 'secondary' color prop

NB: conditional became `type === 'success' ? 'success' : type` after find&replace, which felt fairly redundant, so I simplified it

* [osquery] Deprecate 'secondary' color prop

* [painless_lab] Deprecate 'secondary' color prop

* [remote_clusters] Deprecate 'secondary' color prop

* [rollup] Deprecate 'secondary' color prop

* [security] Deprecate 'secondary' color prop

* [security_solution] Deprecate 'secondary' color prop

NB: several conditional became `type === 'success' ? 'success' : type` after find&replace, which felt fairly redundant, so I simplified them

* [snapshot_restore] Deprecate 'secondary' color prop

* [spaces] Deprecate 'secondary' color prop

* [transform] Deprecate 'secondary' color prop

* [triggers_actions_ui] Deprecate 'secondary' color prop

* [uptime] Deprecate 'secondary' color prop

* [watcher] Deprecate 'secondary' color prop

* [infra] replace ambiguous 'secondary' color

- GaugesSectionVis doesn't appear to use the color property but it's required by the SeriesOverrides types, so changing it just in case

* [examples] Deprecate 'secondary' color prop

* [uptime] deprecate 'subdued' prop on EuiButtonIcon

* revert EuiKeyPadMenuItem betaBadge props

* mobileOptions

* examples/ updates

* fix brace import

* fix type exports

* update expressions_explorer requiredBundles

* remove make_id mocks

* snapshot updates

* fix import 🤦

* Fix `ReferenceError: ace is not defined` Jest failures

* Remove unused brace import (?)

- Assuming here, as no code editor is actually being used in this file

* Fix failing Jest test due to EuiCodeEditor moving to es_ui_shared plugin

+ minor cleanup of `jest.mock()`s

* Fix failing Jest test due to snapshot update

* Fix failing `TypeError: Cannot read properties of undefined (reading 'euiBorderRadius')` Jest test

- since this is being mount()'d, EuiThemeProvider as a wrapper is needed to prevent the failure

* access uiSettings

* Move react-ace dependency into kbn-ui-shared-deps-npm

* Revert App Search shenanigans

- caused local unsaved changes shenanigans, somehow

* secondary -> success

Co-authored-by: Constance Chen <[email protected]>
Co-authored-by: Chandler Prall <[email protected]>
Co-authored-by: Kibana Machine <[email protected]>
Co-authored-by: Constance Chen <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting EUI release_note:skip Skip the PR/issue when compiling release notes Team:APM All issues that need APM UI Team support Team:Fleet Team label for Observability Data Collection Fleet team Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v8.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.