diff --git a/package.json b/package.json index bed23b10b7cfa..3881592e73950 100644 --- a/package.json +++ b/package.json @@ -98,7 +98,7 @@ "@elastic/datemath": "5.0.3", "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.8.0-canary.2", "@elastic/ems-client": "8.4.0", - "@elastic/eui": "82.1.0", + "@elastic/eui": "83.0.0", "@elastic/filesaver": "1.1.2", "@elastic/node-crypto": "1.2.1", "@elastic/numeral": "^2.5.1", diff --git a/packages/core/apps/core-apps-browser-internal/src/status/components/__snapshots__/server_status.test.tsx.snap b/packages/core/apps/core-apps-browser-internal/src/status/components/__snapshots__/server_status.test.tsx.snap index fe17c420479eb..8ebf1050b6ac0 100644 --- a/packages/core/apps/core-apps-browser-internal/src/status/components/__snapshots__/server_status.test.tsx.snap +++ b/packages/core/apps/core-apps-browser-internal/src/status/components/__snapshots__/server_status.test.tsx.snap @@ -3,9 +3,8 @@ exports[`ServerStatus renders correctly for green state 2`] = `
- + + Custom link + + + + +
@@ -62,12 +66,12 @@ Array [ style="flex-shrink: 0;" >
@@ -161,7 +165,7 @@ Array [ class=" emotion-euiAccordion__children" >
    @@ -286,7 +290,7 @@ Array [ class=" emotion-euiAccordion__children" >
    @@ -418,7 +422,7 @@ Array [ class=" emotion-euiAccordion__children" >
    @@ -533,7 +537,7 @@ Array [ class=" emotion-euiAccordion__children" >
    @@ -631,7 +635,7 @@ Array [ class=" emotion-euiAccordion__children" >
    , @@ -478,20 +477,19 @@ Object { > @@ -570,20 +568,19 @@ Object { > @@ -605,20 +602,19 @@ Object { > @@ -697,21 +693,20 @@ Object { > @@ -733,21 +728,20 @@ Object { > @@ -826,20 +820,19 @@ Object { > @@ -861,20 +854,19 @@ Object { > diff --git a/packages/kbn-securitysolution-exception-list-components/src/header_menu/index.tsx b/packages/kbn-securitysolution-exception-list-components/src/header_menu/index.tsx index f042be34a8cee..aa83549ff4fda 100644 --- a/packages/kbn-securitysolution-exception-list-components/src/header_menu/index.tsx +++ b/packages/kbn-securitysolution-exception-list-components/src/header_menu/index.tsx @@ -9,17 +9,16 @@ import React, { FC, ReactElement, useMemo, useState } from 'react'; import { EuiButtonEmpty, + EuiButtonEmptyProps, EuiButtonIcon, EuiContextMenuItem, EuiContextMenuPanel, EuiFlexGroup, EuiPopover, - IconType, PanelPaddingSize, PopoverAnchorPosition, } from '@elastic/eui'; -import { ButtonContentIconSide } from '@elastic/eui/src/components/button/_button_content_deprecated'; import { css } from '@emotion/react'; export interface Action { @@ -34,8 +33,8 @@ interface HeaderMenuComponentProps { disableActions: boolean; actions: Action[] | ReactElement[] | null; text?: string; - iconType?: IconType; - iconSide?: ButtonContentIconSide; + iconType?: EuiButtonEmptyProps['iconType']; + iconSide?: EuiButtonEmptyProps['iconSide']; dataTestSubj?: string; emptyButton?: boolean; useCustomActions?: boolean; diff --git a/packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap b/packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap index c5b380bef6737..7047f3b013528 100644 --- a/packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap +++ b/packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap @@ -73,7 +73,7 @@ Object { >
    @@ -62,7 +61,7 @@ Object { >
    @@ -138,7 +136,7 @@ Object { >
    @@ -753,7 +750,7 @@ Object { >
    @@ -931,7 +927,7 @@ Object { >
    @@ -1053,7 +1048,7 @@ Object { class="euiFlexItem emotion-euiFlexItem-grow-1" >
    @@ -1148,7 +1142,7 @@ Object { class="euiFlexItem emotion-euiFlexItem-grow-1" >
    @@ -346,23 +345,22 @@ Array [ class="euiPopover__anchor css-16vtueo-render" >
    @@ -373,7 +371,7 @@ Array [ >
@@ -525,7 +522,7 @@ Array [ class="euiPopover__anchor css-16vtueo-render" >
@@ -689,23 +685,22 @@ Array [ class="euiPopover__anchor css-16vtueo-render" >
@@ -716,7 +711,7 @@ Array [ >
"` + `"
100
"` ); }); @@ -155,7 +155,7 @@ describe('Discover grid cell rendering', function () { /> ); expect(component.html()).toMatchInlineSnapshot( - `"
100
"` + `"
100
"` ); findTestSubject(component, 'docTableClosePopover').simulate('click'); expect(closePopoverMockFn).toHaveBeenCalledTimes(1); diff --git a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap index cf539f43b39f4..22e4b3a0d9657 100644 --- a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap +++ b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap @@ -31,7 +31,7 @@ exports[`TableHeader with time column renders correctly 1`] = ` > diff --git a/src/plugins/kibana_react/public/page_template/__snapshots__/page_template.test.tsx.snap b/src/plugins/kibana_react/public/page_template/__snapshots__/page_template.test.tsx.snap index 38b09264c4f81..4dea9549670f3 100644 --- a/src/plugins/kibana_react/public/page_template/__snapshots__/page_template.test.tsx.snap +++ b/src/plugins/kibana_react/public/page_template/__snapshots__/page_template.test.tsx.snap @@ -370,7 +370,7 @@ exports[`KibanaPageTemplate render solutionNav 1`] = ` "`; -exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; +exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; diff --git a/src/plugins/visualization_ui_components/public/components/dimension_buttons/empty_button.tsx b/src/plugins/visualization_ui_components/public/components/dimension_buttons/empty_button.tsx index e66d512e80f73..5b0cf67789879 100644 --- a/src/plugins/visualization_ui_components/public/components/dimension_buttons/empty_button.tsx +++ b/src/plugins/visualization_ui_components/public/components/dimension_buttons/empty_button.tsx @@ -42,10 +42,7 @@ export const EmptyDimensionButton = ({ justify-content: flex-start; padding: 0 !important; color: ${euiThemeVars.euiTextSubduedColor}; - - .euiButtonEmpty__text { - margin-left: 0; - } + gap: 0; .euiIcon { margin-left: ${euiThemeVars.euiSizeS}; diff --git a/x-pack/packages/kbn-elastic-assistant/impl/data_anonymization_editor/context_editor/get_columns/index.test.tsx b/x-pack/packages/kbn-elastic-assistant/impl/data_anonymization_editor/context_editor/get_columns/index.test.tsx index 1f6590d576c30..b38b026d37112 100644 --- a/x-pack/packages/kbn-elastic-assistant/impl/data_anonymization_editor/context_editor/get_columns/index.test.tsx +++ b/x-pack/packages/kbn-elastic-assistant/impl/data_anonymization_editor/context_editor/get_columns/index.test.tsx @@ -231,10 +231,8 @@ describe('getColumns', () => { ); - expect(container.getElementsByClassName('euiButtonContent__icon')[0]).toHaveAttribute( - 'data-euiicon-type', - 'eyeClosed' - ); + expect(container.querySelector('[data-euiicon-type="eyeClosed"]')).not.toBeNull(); + expect(container.querySelector('[data-euiicon-type="eye"]')).toBeNull(); }); it('displays a open eye icon when the field is NOT anonymized', () => { @@ -247,10 +245,8 @@ describe('getColumns', () => { ); - expect(container.getElementsByClassName('euiButtonContent__icon')[0]).toHaveAttribute( - 'data-euiicon-type', - 'eye' - ); + expect(container.querySelector('[data-euiicon-type="eyeClosed"]')).toBeNull(); + expect(container.querySelector('[data-euiicon-type="eye"]')).not.toBeNull(); }); it('displays Yes when the field is anonymized', () => { diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap index 01e8add1196c6..17f22a43a1c43 100644 --- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap +++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap @@ -10,7 +10,7 @@ exports[`TransactionActionMenu component matches the snapshot 1`] = ` class="euiPopover__anchor css-16vtueo-render" >
"`; +exports[` App renders properly 1`] = `"
markdown mock
markdown mock
My Canvas Workpad
"`; diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap index 5e66854d82bb2..a51ccfc876c79 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap @@ -323,7 +323,7 @@ exports[` can navigate Autoplay Settings 2`] = ` class="euiFormRow__fieldWrapper" > + /> `; diff --git a/x-pack/plugins/maps/public/connected_components/right_side_controls/layer_control/layer_control.tsx b/x-pack/plugins/maps/public/connected_components/right_side_controls/layer_control/layer_control.tsx index d79f0360b9071..7a4e04066b37c 100644 --- a/x-pack/plugins/maps/public/connected_components/right_side_controls/layer_control/layer_control.tsx +++ b/x-pack/plugins/maps/public/connected_components/right_side_controls/layer_control/layer_control.tsx @@ -15,7 +15,6 @@ import { EuiSpacer, EuiButtonIcon, EuiToolTip, - EuiLoadingSpinner, } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import { i18n } from '@kbn/i18n'; @@ -49,25 +48,11 @@ function renderExpandButton({ defaultMessage: 'Expand layers panel', }); - if (isLoading) { - // Can not use EuiButtonIcon with spinner because spinner is a class and not an icon - return ( - - ); - } - return ( "`; +exports[`ResetSessionPage renders as expected 1`] = `"ElasticMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; -exports[`ResetSessionPage renders as expected with custom page title 1`] = `"My Company NameMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; +exports[`ResetSessionPage renders as expected with custom page title 1`] = `"My Company NameMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; diff --git a/x-pack/plugins/security_solution/cypress/tasks/alerts.ts b/x-pack/plugins/security_solution/cypress/tasks/alerts.ts index 0e6a152414763..8ec3a990c919b 100644 --- a/x-pack/plugins/security_solution/cypress/tasks/alerts.ts +++ b/x-pack/plugins/security_solution/cypress/tasks/alerts.ts @@ -122,11 +122,19 @@ export const closeAlerts = () => { export const expandFirstAlertActions = () => { waitForAlerts(); - cy.get(TIMELINE_CONTEXT_MENU_BTN).first().click(); - cy.get(TIMELINE_CONTEXT_MENU_BTN) - .first() - .should('be.visible') - .should('have.attr', 'data-popover-open', 'true'); + const togglePopover = () => { + cy.get(TIMELINE_CONTEXT_MENU_BTN).first().click(); + cy.get(TIMELINE_CONTEXT_MENU_BTN) + .first() + .should('be.visible') + .then(($btnEl) => { + if ($btnEl.attr('data-popover-open') !== 'true') { + cy.log(`${TIMELINE_CONTEXT_MENU_BTN} was flaky, attempting to re-open popover`); + togglePopover(); + } + }); + }; + togglePopover(); }; export const expandFirstAlert = () => { diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/overview/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/event_details/overview/__snapshots__/index.test.tsx.snap index 86c89bf79eda9..6ee4557d2ee22 100644 --- a/x-pack/plugins/security_solution/public/common/components/event_details/overview/__snapshots__/index.test.tsx.snap +++ b/x-pack/plugins/security_solution/public/common/components/event_details/overview/__snapshots__/index.test.tsx.snap @@ -90,8 +90,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = ` > @@ -407,7 +406,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiFlexItem emotion-euiFlexItem-growZero" >