Skip to content

Upgrade EUI to v74.0.1#149457

Merged
jbudz merged 13 commits intoelastic:mainfrom
cee-chen:eui-v74.0.x
Jan 27, 2023
Merged

Upgrade EUI to v74.0.1#149457
jbudz merged 13 commits intoelastic:mainfrom
cee-chen:eui-v74.0.x

Conversation

@cee-chen
Copy link
Contributor

@cee-chen cee-chen commented Jan 24, 2023

Summary

eui@73.0.0eui@74.0.1


74.0.1

Bug fixes

  • Fixed EuiModalHeaderTitle type errors when passed EuiTitle props (#6547)

74.0.0

  • Added the component prop to EuiModalHeaderTitle, which allows overriding the default h1 tag (#6530)
  • Added the titleProps prop to EuiConfirmModal, which allows overriding the default h1 tag (#6530)

Bug fixes

  • Fixed slight row height jumping in EuiBasicTables when actions with tooltips became disabled (#6538)

Breaking changes

  • EuiModalHeaderTitle now always wraps its children in a h1 tag (previously attempted to conditionally detect whether its children were raw strings or not). To change this tag type to, e.g. a more generic div, use the new component prop. (#6530)
  • EuiLink now applies rel="noreferrer" to all domains, including elastic.co (#6535)
  • EuiBasicTable no longer blocks mouse/keyboard interactions while loading (#6543)

CSS-in-JS conversions

  • Converted EuiBasicTable to Emotion (#6539)
  • Added a new RenderWithEuiTheme render prop utility (#6539)

@cee-chen cee-chen changed the title Upgrade EUI to v74.0.0 Upgrade EUI to v74.0.1 Jan 24, 2023
- EuiModalHeaderTitle now automatically wraps contents in `h1` by default
- use the new `component` prop instead
- use the new `component` prop instead
- `EuiFlexGroups` should be used directly below `EuiModalHeader`, not `EuiModalHeaderTitle`, which should only be wrapped around the actual title

+ `EuiModalHeaderTitle` now uses `EuiTitle` under the hood, so remove explicit `EuiTitle` usages in favor of modal titles
- all links, including `elastic.co`, now generate `rel=noreferrer`
- to account for Emotion conversion
- this is due to the presence of a new `RenderWithEuiTheme` render prop around the table body

- workarounds are to either use `.render()` and DOM-esque queries, or to use `.renderProp` to dive into the table body
@cee-chen
Copy link
Contributor Author

Synthetics tests seem to be hanging/stalling out, but I don't anticipate them failing (unless they time out, in which case I'll re-run), so going to go ahead and mark this PR as ready for review.

@cee-chen cee-chen marked this pull request as ready for review January 25, 2023 04:11
@cee-chen cee-chen requested review from a team as code owners January 25, 2023 04:11
@cee-chen cee-chen requested a review from a team January 25, 2023 04:11
@cee-chen cee-chen requested review from a team as code owners January 25, 2023 04:11
@cee-chen cee-chen requested a review from a team January 25, 2023 04:11
@cee-chen cee-chen requested review from a team as code owners January 25, 2023 04:11
Copy link
Contributor

@stratoula stratoula left a comment

Choose a reason for hiding this comment

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

Visualizations team changes LGTM!

Copy link
Contributor

@nreese nreese left a comment

Choose a reason for hiding this comment

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

kibana-gis changes LGTM
code review

Copy link
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

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

Stack Monitoring changes LGTM!

@dhurley14 dhurley14 requested a review from nkhristinin January 25, 2023 17:47
Copy link
Member

@kpollich kpollich left a comment

Choose a reason for hiding this comment

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

Fleet changes

@cee-chen cee-chen requested a review from kpatticha January 25, 2023 18:12
Copy link
Contributor

@kpatticha kpatticha left a comment

Choose a reason for hiding this comment

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

APM changes LGTM 🥳

Thanks

@cee-chen cee-chen self-assigned this Jan 25, 2023
@cee-chen
Copy link
Contributor Author

@elasticmachine merge upstream

Copy link
Contributor

@TinaHeiligers TinaHeiligers left a comment

Choose a reason for hiding this comment

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

core-related changes are super small and 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.

changes lgtm!

Copy link
Contributor

@walterra walterra left a comment

Choose a reason for hiding this comment

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

ML related changes LGTM, checked all modals.

@cee-chen
Copy link
Contributor Author

@elasticmachine merge upstream

@cee-chen
Copy link
Contributor Author

Thanks everyone for the thorough QA and reviews so far!

@elastic/response-ops @elastic/security-solution-platform @elastic/security-threat-hunting-explore, as a heads up, I'll be asking for an admin merge by EOD tomorrow (Friday). Please take a second to review changes affecting your code (either EuiModalHeaderTitle related, or snapshot updates) if you can!

@cee-chen
Copy link
Contributor Author

@elasticmachine merge upstream

@kibana-ci
Copy link

kibana-ci commented Jan 27, 2023

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] Security Solution Tests #3 / Timelines Creates a timeline by clicking untitled timeline from bottom bar can be added notes

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
infra 1242 1241 -1
visTypeVega 293 292 -1
total -2

Async chunks

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

id before after diff
apm 3.3MB 3.3MB +14.0B
canvas 1022.3KB 1022.3KB -13.0B
dashboard 364.1KB 364.0KB -20.0B
dataViewManagement 116.2KB 116.2KB -25.0B
enterpriseSearch 2.1MB 2.1MB -50.0B
fleet 923.0KB 922.9KB -58.0B
infra 1.3MB 1.3MB -222.0B
maps 2.7MB 2.7MB -13.0B
ml 3.4MB 3.4MB -621.0B
monitoring 452.1KB 452.1KB -25.0B
securitySolution 12.8MB 12.8MB -158.0B
triggersActionsUi 724.6KB 724.5KB -76.0B
unifiedSearch 263.9KB 263.8KB -50.0B
visTypeVega 1.8MB 1.8MB -223.0B
visualizations 258.2KB 258.1KB -75.0B
total -1.6KB

Page load bundle

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

id before after diff
embeddable 69.2KB 69.2KB -7.0B
kbnUiSharedDeps-css 321.2KB 320.8KB -387.0B
kbnUiSharedDeps-npmDll 5.3MB 5.3MB +466.0B
savedObjects 29.2KB 29.2KB -25.0B
total +47.0B

History

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

cc @cee-chen

@jbudz jbudz merged commit 8a2ecc3 into elastic:main Jan 27, 2023
@cee-chen cee-chen deleted the eui-v74.0.x branch January 27, 2023 19:24
kqualters-elastic pushed a commit to kqualters-elastic/kibana that referenced this pull request Feb 6, 2023
## Summary

`eui@73.0.0` ⏩ `eui@74.0.1`

---

## [`74.0.1`](https://github.com/elastic/eui/tree/v74.0.1)

**Bug fixes**

- Fixed `EuiModalHeaderTitle` type errors when passed `EuiTitle` props
([elastic#6547](elastic/eui#6547))

## [`74.0.0`](https://github.com/elastic/eui/tree/v74.0.0)

- Added the `component` prop to `EuiModalHeaderTitle`, which allows
overriding the default `h1` tag
([elastic#6530](elastic/eui#6530))
- Added the `titleProps` prop to `EuiConfirmModal`, which allows
overriding the default `h1` tag
([elastic#6530](elastic/eui#6530))

**Bug fixes**

- Fixed slight row height jumping in `EuiBasicTable`s when actions with
tooltips became disabled
([elastic#6538](elastic/eui#6538))

**Breaking changes**

- `EuiModalHeaderTitle` now **always** wraps its children in a `h1` tag
(previously attempted to conditionally detect whether its children were
raw strings or not). To change this tag type to, e.g. a more generic
`div`, use the new `component` prop.
([elastic#6530](elastic/eui#6530))
- `EuiLink` now applies `rel="noreferrer"` to all domains, including
`elastic.co` ([elastic#6535](elastic/eui#6535))
- `EuiBasicTable` no longer blocks mouse/keyboard interactions while
`loading` ([elastic#6543](elastic/eui#6543))

**CSS-in-JS conversions**

- Converted `EuiBasicTable` to Emotion
([elastic#6539](elastic/eui#6539))
- Added a new `RenderWithEuiTheme` render prop utility
([elastic#6539](elastic/eui#6539))

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting ci:cloud-deploy Create or update a Cloud deployment EUI Feature:Embedding Embedding content via iFrame release_note:skip Skip the PR/issue when compiling release notes Team:APM - DEPRECATED Use Team:obs-ux-infra_services. Team:Fleet Team label for Observability Data Collection Fleet team Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v8.7.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.