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 v31.10.0 #93796

Merged
merged 16 commits into from
Mar 29, 2021
Merged

Upgrade EUI to v31.10.0 #93796

merged 16 commits into from
Mar 29, 2021

Conversation

chandlerprall
Copy link
Contributor

@chandlerprall chandlerprall commented Mar 5, 2021

31.8.0 ➡️ 31.10.0

  • Most snapshot changes are from Added a display and size props to EuiButtonIcon (Sort by score #4466)
  • Slight layout changes from EuiPage refactor (reason for dashboard baseline snapshot updates)

31.10.0

  • Added panelProps to EuiPopover (#4573)
  • Updated the default of the EuiPopovers ownFocus prop from false to true (#4551)
  • Added src prop to EuiImage as an alternative to url (#4611)
  • Added EuiSplitPanel component (#4539)

Bug fixes

  • Fixed hover effect of nested clickable rows in EuiBasicTable (#4566)
  • Fixed visual bug in drag&drop sections when nested in an popover (#4590)
  • Fixed an errant export of EuiSideNavProps type from JS code (#4604)
  • Fixed misaligned EuiComboBox options list (#4607)
  • Fixed missing forwardRef on EuiHeaderSectionItemButton (#4631)

31.9.1

Bug fixes

  • Fixed an errant export of two non-existant values (#4597)

31.9.0

  • Added EuiComboBoxOptionOption prop to EuiComboBox props table (#4563)
  • Allowed dynamically changing the direction prop on EuiResizableContainer (#4557)
  • Exported useIsWithinBreakpoints hook (#4557)
  • Added focus to EuiForm error EuiCallout (#4497)
  • Added a display and size props to EuiButtonIcon (#4466)

Bug fixes

  • Fixed the return type of getDefaultEuiMarkdownUiPlugins (#4567)
  • Fixed inverse handling of boolean sorting in EuiDataGrid (#4561)

Feature: EuiPageTemplate (#4517)

  • Added new EuiPageTemplate component as a shortcut for creating the different types of page layout patterns
  • Added props grow and direction to EuiPage
  • Added props panelled, panelProps, and paddingSize to EuiPageBody
  • Added props restrictWidth and paddingSize to EuiPageBody
  • Added prop paddingSize to EuiPageHeader
  • Updated tabs prop of EuiPageHeaderContent to render large size
  • Added prop sticky to EuiPageSideBar
  • Added Sass variable $euiPageSidebarMinWidth for changing default min-width of EuiPageSideBar
  • Added href and other anchor props to EuiHeaderSectionItemButton

Bug fixes

  • Fixed horizontal overflow of EuiPageContent
  • Fixed horizontal overflow of EuiBreadcrumbs

@chandlerprall chandlerprall added v8.0.0 release_note:skip Skip the PR/issue when compiling release notes EUI v7.13.0 labels Mar 5, 2021
@chandlerprall chandlerprall changed the title Upgraded eui version, updated jest snaapshots Upgrade EUI to v31.9.1 Mar 5, 2021
@chandlerprall chandlerprall changed the title Upgrade EUI to v31.9.1 Upgrade EUI to v31.10.0 Mar 18, 2021
@@ -122,7 +122,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
return actualRenderingCount === prevRenderingCount + 6;
});
const newDurationHours = await PageObjects.timePicker.getTimeDurationInHours();
expect(Math.round(newDurationHours)).to.be(26);
expect(Math.round(newDurationHours)).to.be(27);
Copy link
Contributor

Choose a reason for hiding this comment

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

Changes to EuiPage increased padding on some containers, resulting in a slightly smaller histogram container, resulting in a fractionally larger brush area given the same absolute dimensions.

@thompsongl
Copy link
Contributor

@elasticmachine merge upstream

@thompsongl thompsongl marked this pull request as ready for review March 24, 2021 23:08
@thompsongl thompsongl requested review from a team as code owners March 24, 2021 23:08
@thompsongl thompsongl requested a review from a team March 24, 2021 23:08
@thompsongl thompsongl requested review from a team as code owners March 24, 2021 23:08
@thompsongl thompsongl requested review from a team as code owners March 24, 2021 23:08
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-design (EUI)

@botelastic botelastic bot added Team:APM All issues that need APM UI Team support Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability labels Mar 25, 2021
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui (Team:apm)

@elasticmachine
Copy link
Contributor

Pinging @elastic/uptime (Team:uptime)

@@ -75,7 +75,7 @@ exports[`LocationMissingWarning component shallow render correctly against snaps
hasArrow={true}
id="popover"
isOpen={false}
ownFocus={false}
ownFocus={true}
Copy link
Contributor

Choose a reason for hiding this comment

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

i wonder what will happen with this change.

Copy link
Contributor

@flash1293 flash1293 left a comment

Choose a reason for hiding this comment

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

Can't find any breakages, but I'm not sure about that one change (left a comment)

@@ -1,6 +1,6 @@
<td ng-click="toggleRow()" data-test-subj="docTableExpandToggleColumn" class="kbnDocTableCell__toggleDetails">
<button
class="euiButtonIcon euiButtonIcon--text"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
Copy link
Contributor

Choose a reason for hiding this comment

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

Why is this necessary? In Discover I can't see any styles applied based on these classes.

Copy link
Contributor

Choose a reason for hiding this comment

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

The button(s) outlined in red use this template. Appears that Dashboard uses this Discover template.

dashboard_preserve_layout

Copy link
Contributor

Choose a reason for hiding this comment

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

Yeah, I found them in Kibana, but I couldn't find any CSS rules attached to the new classes.

Copy link
Contributor

Choose a reason for hiding this comment

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

Uses the :not(.euiButtonIcon--empty) selector to prevent certain default styles from being applied, rather than adding specific styles.

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.

Changes to the Transforms functional tests LGTM.

Copy link
Contributor

@flash1293 flash1293 left a comment

Choose a reason for hiding this comment

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

LGTM, thanks for explaining @thompsongl

Copy link
Contributor

@smith smith 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 look good!

@thompsongl
Copy link
Contributor

@elasticmachine merge upstream

Copy link
Member

@legrego legrego left a comment

Choose a reason for hiding this comment

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

Security changes LGTM

Copy link
Contributor

@poffdeluxe poffdeluxe left a comment

Choose a reason for hiding this comment

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

Presentation changes LGTM

Copy link
Contributor

@stephmilovic stephmilovic left a comment

Choose a reason for hiding this comment

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

LGTM thanks @chandlerprall 🚀 🎸 👨‍🎤

@kibanamachine
Copy link
Contributor

💛 Build succeeded, but was flaky


Test Failures

Kibana Pipeline / general / Closes and opens alerts.Closing alerts Closes and opens alerts

Link to Jenkins

Stack Trace

Failed Tests Reporter:
  - Test has not failed recently on tracked branches

AssertionError: Timed out retrying after 60000ms: expected '<span.euiBadge.euiBadge--hollow.euiBadge--iconLeft>' to have text '197', but the text was '297'
    at Context.eval (http://localhost:6121/__cypress/tests?p=cypress/integration/detection_alerts/closing.spec.ts:20202:43)

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
discover 388.9KB 389.0KB +43.0B
lens 957.7KB 957.9KB +184.0B
security 686.1KB 686.2KB +92.0B
securitySolution 7.2MB 7.2MB +476.0B
triggersActionsUi 1.5MB 1.5MB +828.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
core 412.3KB 412.5KB +184.0B
data 802.5KB 802.7KB +192.0B
searchprofiler 45.7KB 47.1KB +1.4KB
visTypeTimeseries 126.8KB 129.9KB +3.1KB
total +4.8KB
Unknown metric groups

@kbn/ui-shared-deps asset size

id before after diff
css 590.4KB 607.9KB +17.5KB
kbn-ui-shared-deps.@elastic.js 3.3MB 3.3MB +9.2KB
kbn-ui-shared-deps.js 6.7MB 6.7MB +2.0B
total +26.7KB

History

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

@chandlerprall chandlerprall merged commit f667aa2 into elastic:master Mar 29, 2021
@chandlerprall chandlerprall deleted the eui-31-9-1 branch March 29, 2021 17:20
chandlerprall added a commit that referenced this pull request Mar 30, 2021
* Upgrade EUI to v31.10.0 (#93796)

* Upgraded eui version, updated jest snaapshots

* Upgrade EUI to v31.10.0 & update tests

* increase expected histogram brush size result

* revert dev_server snap

* update baseline dashboard reporting png

* avoid multiple acton menu openings when verified that the action exists and is enabled

* update dashboard table expand button

* update dashboard tsvb baseline

* Adjust 2 cypress tests

* snapshot update

Co-authored-by: Greg Thompson <thompson.glowe@gmail.com>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
# Conflicts:
#	test/functional/screenshots/baseline/tsvb_dashboard.png
#	x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
#	x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/__snapshots__/trusted_apps_page.test.tsx.snap

* snapshot updates
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
EUI release_note:skip Skip the PR/issue when compiling release notes Team:APM All issues that need APM UI Team support Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v7.13.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.