diff --git a/package.json b/package.json index d5e4ad418c0f4..e6d2b684c3615 100644 --- a/package.json +++ b/package.json @@ -108,7 +108,7 @@ "@elastic/ecs": "^8.11.1", "@elastic/elasticsearch": "^8.13.0", "@elastic/ems-client": "8.5.1", - "@elastic/eui": "94.2.1-backport.0", + "@elastic/eui": "94.3.0", "@elastic/filesaver": "1.1.2", "@elastic/node-crypto": "1.2.1", "@elastic/numeral": "^2.5.1", diff --git a/packages/kbn-securitysolution-exception-list-components/src/exception_item_card/conditions/entry_content/__snapshots__/entry_content.test.tsx.snap b/packages/kbn-securitysolution-exception-list-components/src/exception_item_card/conditions/entry_content/__snapshots__/entry_content.test.tsx.snap index bd4792360e0c9..9927750e4f84e 100644 --- a/packages/kbn-securitysolution-exception-list-components/src/exception_item_card/conditions/entry_content/__snapshots__/entry_content.test.tsx.snap +++ b/packages/kbn-securitysolution-exception-list-components/src/exception_item_card/conditions/entry_content/__snapshots__/entry_content.test.tsx.snap @@ -12,7 +12,7 @@ Object { css="You have tried to stringify object returned from \`css\` function. It isn't supposed to be used directly (e.g. as value of the \`className\` prop), but rather handed to emotion so it can handle it (e.g. as value of \`css\` prop)." >
"` + `"
100
"` ); }); @@ -183,7 +183,7 @@ describe('Unified data table cell rendering', function () { /> ); expect(component.html()).toMatchInlineSnapshot( - `"
100
"` + `"
100
"` ); findTestSubject(component, 'docTableClosePopover').simulate('click'); expect(closePopoverMockFn).toHaveBeenCalledTimes(1); diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts index a985d328eb9c8..f73d44b46a982 100644 --- a/src/dev/license_checker/config.ts +++ b/src/dev/license_checker/config.ts @@ -86,7 +86,7 @@ export const LICENSE_OVERRIDES = { 'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint '@elastic/ems-client@8.5.1': ['Elastic License 2.0'], - '@elastic/eui@94.2.1-backport.0': ['SSPL-1.0 OR Elastic License 2.0'], + '@elastic/eui@94.3.0': ['SSPL-1.0 OR Elastic License 2.0'], 'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry 'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary '@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause) diff --git a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/data_quality_summary/summary_actions/index.tsx b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/data_quality_summary/summary_actions/index.tsx index 974f44c4c6644..ed9aeaa8f59d8 100644 --- a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/data_quality_summary/summary_actions/index.tsx +++ b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/data_quality_summary/summary_actions/index.tsx @@ -8,7 +8,6 @@ import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { sortBy } from 'lodash/fp'; import React, { useCallback, useState } from 'react'; -import styled from 'styled-components'; import { CheckAll } from './check_all'; import { CheckStatus } from '../check_status'; @@ -34,10 +33,6 @@ import type { import { getSizeInBytes } from '../../../helpers'; import { useDataQualityContext } from '../../data_quality_context'; -const SummaryActionsFlexGroup = styled(EuiFlexGroup)` - gap: ${({ theme }) => theme.eui.euiSizeS}; -`; - export const getResultsSortedByDocsCount = ( results: Record | undefined ): DataQualityCheckResult[] => @@ -237,7 +232,7 @@ const SummaryActionsComponent: React.FC = ({ return ( <> - + = ({ openCreateCaseFlyout={openCreateCaseFlyout} /> - + ); }; diff --git a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/ilm_phase_counts/index.tsx b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/ilm_phase_counts/index.tsx index 82664778becb0..b24014bb400e6 100644 --- a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/ilm_phase_counts/index.tsx +++ b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/ilm_phase_counts/index.tsx @@ -14,7 +14,6 @@ import type { IlmExplainPhaseCounts, IlmPhase } from '../../types'; const PhaseCountsFlexGroup = styled(EuiFlexGroup)` display: inline-flex; - gap: ${({ theme }) => theme.eui.euiSizeS}; `; export const phases: IlmPhase[] = ['hot', 'unmanaged', 'warm', 'cold', 'frozen']; @@ -25,7 +24,7 @@ interface Props { } const IlmPhaseCountsComponent: React.FC = ({ ilmExplainPhaseCounts, pattern }) => ( - + {phases.map((phase) => ilmExplainPhaseCounts[phase] != null && ilmExplainPhaseCounts[phase] > 0 ? ( diff --git a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/pattern/pattern_summary/stats_rollup/index.tsx b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/pattern/pattern_summary/stats_rollup/index.tsx index 32d157839351a..8925eb8118dc5 100644 --- a/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/pattern/pattern_summary/stats_rollup/index.tsx +++ b/x-pack/packages/security-solution/ecs_data_quality_dashboard/impl/data_quality/data_quality_panel/pattern/pattern_summary/stats_rollup/index.tsx @@ -13,10 +13,6 @@ import { EMPTY_STAT, getIncompatibleStatColor } from '../../../../helpers'; import { StatLabel } from '../../../stat_label'; import * as i18n from '../../../stat_label/translations'; -const StatsFlexGroup = styled(EuiFlexGroup)` - gap: ${({ theme }) => theme.eui.euiSizeS}; -`; - const IndicesStatContainer = styled.div` min-width: 100px; `; @@ -61,10 +57,10 @@ const StatsRollupComponent: React.FC = ({ const indicesDescription = useMemo(() => , []); return ( - @@ -155,7 +151,7 @@ const StatsRollupComponent: React.FC = ({ - + ); }; diff --git a/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap b/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap index 262f95589c62a..010847e63a023 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap +++ b/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap @@ -1,3 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` App renders properly 1`] = `"
markdown mock
markdown mock

Page level controls

My Canvas Workpad

There is a new region landmark with page level controls at the end of the document.

"`; +exports[` App renders properly 1`] = `"
markdown mock
markdown mock

Page level controls

My Canvas Workpad

There is a new region landmark with page level controls at the end of the document.

"`; diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap index 219c054709354..230e6ad33df54 100644 --- a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap +++ b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap @@ -99,7 +99,7 @@ exports[`extend index management ilm summary extension should render a phase def class="euiFlexGroup emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row" >
`; diff --git a/x-pack/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap b/x-pack/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap index a47ab235ddf53..98b6f1dd203cf 100644 --- a/x-pack/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap +++ b/x-pack/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap @@ -12,7 +12,7 @@ Object { class="euiFlexGroup emotion-euiFlexGroup-responsive-l-spaceBetween-stretch-row" >
> = (props) /> - + > = (props) {!displayWarningThreshold && ( <> - + > = (props) defaultMessage="Add warning threshold" /> - + )} - + {displayWarningThreshold && ( <> - + {criticalThresholdExpression} > = (props) defaultMessage="Alert" /> - - + + {warningThresholdExpression} > = (props) iconType={'minusInCircleFilled'} onClick={toggleWarningThreshold} /> - + )} {aggType === Aggregators.CUSTOM && ( <> - + > = (props) errors={errors} dataView={dataView} /> - + )} diff --git a/x-pack/plugins/observability_solution/logs_explorer/public/components/data_source_selector/sub_components/selector_footer.tsx b/x-pack/plugins/observability_solution/logs_explorer/public/components/data_source_selector/sub_components/selector_footer.tsx index 6fc52f737123b..7c92fa8f28bb3 100644 --- a/x-pack/plugins/observability_solution/logs_explorer/public/components/data_source_selector/sub_components/selector_footer.tsx +++ b/x-pack/plugins/observability_solution/logs_explorer/public/components/data_source_selector/sub_components/selector_footer.tsx @@ -11,22 +11,20 @@ import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, - EuiListGroupProps, EuiPanel, + EuiFlexGroupProps, } from '@elastic/eui'; import { getRouterLinkProps } from '@kbn/router-utils'; import { DiscoverEsqlUrlProps } from '../../../hooks/use_esql'; import { createAllLogsItem } from '../utils'; import { showAllLogsLabel, tryEsql } from '../constants'; -type SelectorFooterProps = EuiListGroupProps; - interface ShowAllLogsProps { isSelected: boolean; onClick(): void; } -export const SelectorFooter = (props: SelectorFooterProps) => { +export const SelectorFooter = (props: EuiFlexGroupProps) => { return ( diff --git a/x-pack/plugins/observability_solution/observability/public/components/custom_threshold/components/expression_row.tsx b/x-pack/plugins/observability_solution/observability/public/components/custom_threshold/components/expression_row.tsx index dc51a9b206ee8..ffff1212ce05b 100644 --- a/x-pack/plugins/observability_solution/observability/public/components/custom_threshold/components/expression_row.tsx +++ b/x-pack/plugins/observability_solution/observability/public/components/custom_threshold/components/expression_row.tsx @@ -16,7 +16,6 @@ import { } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import React, { useCallback, useMemo, useState, ReactElement } from 'react'; -import { euiStyled } from '@kbn/kibana-react-plugin/common'; import { AggregationType, builtInComparators, @@ -62,13 +61,6 @@ interface ExpressionRowProps { children?: React.ReactNode; } -const StyledExpressionRow = euiStyled(EuiFlexGroup)` - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 0 -4px; -`; - // eslint-disable-next-line react/function-component-definition export const ExpressionRow: React.FC = (props) => { const { @@ -173,7 +165,6 @@ export const ExpressionRow: React.FC = (props) => { - <> & { - style?: React.ComponentProps['style']; + style?: EuiFlexGroupProps['style']; children: React.ReactElement; mono?: boolean; size: 'm' | 'l' | 'xl'; diff --git a/x-pack/plugins/observability_solution/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend_item.tsx b/x-pack/plugins/observability_solution/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend_item.tsx index 236cb8c8c47cf..2908c88cb0e39 100644 --- a/x-pack/plugins/observability_solution/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend_item.tsx +++ b/x-pack/plugins/observability_solution/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend_item.tsx @@ -8,7 +8,7 @@ import { EuiFlexGroup, EuiIcon, EuiText } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { euiStyled } from '@kbn/kibana-react-plugin/common'; -import React, { MouseEventHandler, useCallback, useState } from 'react'; +import React, { AriaRole, MouseEventHandler, useCallback, useState } from 'react'; export function WaterfallLegendItem({ id, @@ -37,7 +37,8 @@ export function WaterfallLegendItem({ const ariaLabel = `${label}${isClickable ? ` - ${title}` : ''}`; return ( - ({ {label} - + ); } -const EuiFlexGroupLegendItem = euiStyled(EuiFlexGroup)` +const StyledLegendItem = euiStyled.div<{ role: AriaRole }>` flex-grow: 0; flex-shrink: 0; &:active { diff --git a/x-pack/plugins/security_solution/public/explore/components/paginated_table/index.tsx b/x-pack/plugins/security_solution/public/explore/components/paginated_table/index.tsx index 8c4888b9dba31..b6c1492f0dd70 100644 --- a/x-pack/plugins/security_solution/public/explore/components/paginated_table/index.tsx +++ b/x-pack/plugins/security_solution/public/explore/components/paginated_table/index.tsx @@ -397,6 +397,6 @@ export const PaginationEuiFlexItem = styled(EuiFlexItem)` right: ${({ theme }) => theme.eui.euiSizeL}; } } -`; +` as typeof EuiFlexItem; PaginationEuiFlexItem.displayName = 'PaginationEuiFlexItem'; diff --git a/x-pack/plugins/security_solution/public/management/cypress/fixtures/artifacts_page.ts b/x-pack/plugins/security_solution/public/management/cypress/fixtures/artifacts_page.ts index f47818208cb8f..8662294ced6d2 100644 --- a/x-pack/plugins/security_solution/public/management/cypress/fixtures/artifacts_page.ts +++ b/x-pack/plugins/security_solution/public/management/cypress/fixtures/artifacts_page.ts @@ -193,8 +193,9 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [ selector: 'fieldAutocompleteComboBox', }, { - type: 'click', - customSelector: 'button[title="@timestamp"]', + type: 'input', + customSelector: '[data-test-subj="fieldAutocompleteComboBox"] input', + value: '@timestamp{downArrow}{enter}', }, { type: 'click', diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/alert_renderer/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/alert_renderer/index.tsx index 018b56ff6508c..0361c7d470215 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/alert_renderer/index.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/alert_renderer/index.tsx @@ -8,7 +8,6 @@ import { get } from 'lodash/fp'; import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import React from 'react'; -import styled from 'styled-components'; import { AlertField } from './alert_field'; import type { RowRenderer } from '../../../../../../../common/types'; @@ -52,10 +51,6 @@ export const ALERT_RENDERER_FIELDS = [ USER_NAME, ]; -const AlertRendererFlexGroup = styled(EuiFlexGroup)` - gap: ${({ theme }) => theme.eui.euiSizeXS}; -`; - export const alertRenderer: RowRenderer = { id: RowRendererId.alert, isInstance: (ecs) => eventKindMatches(get('event.kind', ecs)), @@ -77,12 +72,7 @@ export const alertRenderer: RowRenderer = { return (
- + - +
); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/search_or_filter/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/search_or_filter/index.tsx index 0145922910e63..da31436193a2e 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/search_or_filter/index.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/search_or_filter/index.tsx @@ -17,7 +17,6 @@ import type { FilterManager } from '@kbn/data-plugin/public'; import type { DataView } from '@kbn/data-views-plugin/common'; import { FilterItems } from '@kbn/unified-search-plugin/public'; import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; -import styled from 'styled-components'; import { useAppToasts } from '../../../../common/hooks/use_app_toasts'; import { useDeepEqualSelector } from '../../../../common/hooks/use_selector'; import { useKibana } from '../../../../common/lib/kibana'; @@ -34,8 +33,6 @@ import { setDataProviderVisibility } from '../../../store/actions'; import { getNonDropAreaFilters } from '../helpers'; import * as i18n from './translations'; -const FilterItemsContainer = styled(EuiFlexGroup)``; - interface OwnProps { filterManager: FilterManager; timelineId: string; @@ -214,7 +211,7 @@ const StatefulSearchOrFilterComponent = React.memo( {filters && filters.length > 0 ? ( - ( onFiltersUpdated={onFiltersUpdated} indexPatterns={arrDataView} /> - + ) : null} diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/notes/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/notes/index.tsx index 1f958bfa4c43f..b2f87bd22e66c 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/notes/index.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/notes/index.tsx @@ -44,7 +44,7 @@ import { useScrollToTop } from '../../../../../common/components/scroll_to_top'; import { useUserPrivileges } from '../../../../../common/components/user_privileges'; import { FullWidthFlexGroup, VerticalRule } from '../shared/layout'; -const ScrollableFlexItem = styled(EuiFlexItem)` +const ScrollableDiv = styled.div` overflow-x: hidden; overflow-y: auto; padding-inline: ${({ theme }) => (theme as EuiTheme).eui.euiSizeM}; @@ -210,7 +210,7 @@ const NotesTabContentComponent: React.FC = ({ timelineId } return ( - +

{NOTES}

@@ -226,9 +226,11 @@ const NotesTabContentComponent: React.FC = ({ timelineId } /> )} - + - {DetailsPanelContent ?? SidebarContent} + + {DetailsPanelContent ?? SidebarContent} + ); }; diff --git a/yarn.lock b/yarn.lock index 5cd635365ead9..98203467c565e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1750,10 +1750,10 @@ resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314" integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ== -"@elastic/eui@94.2.1-backport.0": - version "94.2.1-backport.0" - resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-94.2.1-backport.0.tgz#d456759bc29caa78840e45114b0041a3e523c89a" - integrity sha512-v/ws+ZKmT9Ei1LImKl4kfPd/tzqYusu8bosxLjPZdyIoraXbtuKr+kiuU8ttAbXwpbkIHdMYmPRJrip8VHD1mQ== +"@elastic/eui@94.3.0": + version "94.3.0" + resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-94.3.0.tgz#77c07701128b6443e2ea55e2462ef0ccadd64582" + integrity sha512-qJTLrQYe11MPTX+8AqifJVYLDyO8VqdFWqPVJRYel11l/FvJOqyQi50x+xQK8I7h73TF50xywtUHCfhfkqpbYg== dependencies: "@hello-pangea/dnd" "^16.6.0" "@types/lodash" "^4.14.202"