github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v74.0.1 (#149457)

Browse source 
## 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
([#6547](https://github.com/elastic/eui/pull/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
([#6530](https://github.com/elastic/eui/pull/6530))
- Added the `titleProps` prop to `EuiConfirmModal`, which allows
overriding the default `h1` tag
([#6530](https://github.com/elastic/eui/pull/6530))

**Bug fixes**

- Fixed slight row height jumping in `EuiBasicTable`s when actions with
tooltips became disabled
([#6538](https://github.com/elastic/eui/pull/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](https://github.com/elastic/eui/pull/6530))
- `EuiLink` now applies `rel="noreferrer"` to all domains, including
`elastic.co` ([#6535](https://github.com/elastic/eui/pull/6535))
- `EuiBasicTable` no longer blocks mouse/keyboard interactions while
`loading` ([#6543](https://github.com/elastic/eui/pull/6543))

**CSS-in-JS conversions**

- Converted `EuiBasicTable` to Emotion
([#6539](https://github.com/elastic/eui/pull/6539))
- Added a new `RenderWithEuiTheme` render prop utility
([#6539](https://github.com/elastic/eui/pull/6539))

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Cee Chen 2023-01-27 11:03:56 -08:00 • committed by GitHub
parent d7c62f3d7a
commit 8a2ecc3b4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
76 changed files with 377 additions and 464 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -104,7 +104,7 @@
"@elastic/datemath": "5.0.3",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.6.0-canary.3",
"@elastic/ems-client": "8.4.0",
"@elastic/eui": "73.0.0",
"@elastic/eui": "74.0.1",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

2
packages/kbn-securitysolution-exception-list-components/src/list_header/edit_modal/index.tsx
View file

@ -43,7 +43,7 @@ const EditModalComponent: FC<EditModalProps> = ({ listDetails, onSave, onCancel
)}
<EuiModalHeader>
<EuiModalHeaderTitle data-test-subj="editModalTitle">
<h1>{i18n.EXCEPTION_LIST_HEADER_EDIT_MODAL_TITLE(listDetails.name)}</h1>
{i18n.EXCEPTION_LIST_HEADER_EDIT_MODAL_TITLE(listDetails.name)}
</EuiModalHeaderTitle>
</EuiModalHeader>

2
src/dev/license_checker/config.ts
View file

@ -84,6 +84,6 @@ 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.4.0': ['Elastic License 2.0'],
'@elastic/eui@73.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@74.0.1': ['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
};

4
src/plugins/dashboard/public/dashboard_actions/copy_to_dashboard_modal.tsx
View file

@ -98,8 +98,8 @@ export function CopyToDashboardModal({
>
<PresentationUtilContext>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h2 id={titleId}>{dashboardCopyToDashboardActionStrings.getDisplayName()}</h2>
<EuiModalHeaderTitle id={titleId} component="h2">
{dashboardCopyToDashboardActionStrings.getDisplayName()}
</EuiModalHeaderTitle>
</EuiModalHeader>

4
src/plugins/dashboard/public/dashboard_app/listing/confirm_overlays.tsx
View file

@ -73,8 +73,8 @@ export const confirmCreateWithUnsaved = (
aria-describedby={descriptionId}
>
<EuiModalHeader data-test-subj="dashboardCreateConfirm">
<EuiModalHeaderTitle>
<h2 id={titleId}>{createConfirmStrings.getCreateTitle()}</h2>
<EuiModalHeaderTitle id={titleId} component="h2">
{createConfirmStrings.getCreateTitle()}
</EuiModalHeaderTitle>
</EuiModalHeader>

12
src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap generated
View file

@ -255,7 +255,7 @@ Array [
</div>
</div>
<table
class="euiTable euiTable--responsive"
class="euiTable css-0 euiTable--responsive"
id="__table_generated-id"
tabindex="-1"
>
@ -290,7 +290,9 @@ Array [
</th>
</tr>
</thead>
<tbody>
<tbody
class="css-0"
>
<tr
class="euiTableRow"
>
@ -595,7 +597,7 @@ Array [
</div>
</div>
<table
class="euiTable euiTable--responsive"
class="euiTable css-0 euiTable--responsive"
id="__table_generated-id"
tabindex="-1"
>
@ -631,7 +633,9 @@ Array [
</th>
</tr>
</thead>
<tbody>
<tbody
class="css-0"
>
<tr
class="euiTableRow"
>

10
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/url/__snapshots__/url.test.tsx.snap generated
View file

@ -172,7 +172,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/managing-data-views.html#string-field-formatters"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span>
@ -237,7 +237,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/managing-data-views.html#string-field-formatters"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span>
@ -298,7 +298,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
</div>
</div>
<table
class="euiTable euiTable--compressed euiTable--responsive"
class="euiTable css-0 euiTable--compressed euiTable--responsive"
id="__table_generated-id"
tabindex="-1"
>
@ -343,7 +343,9 @@ exports[`UrlFormatEditor should render normally 1`] = `
</th>
</tr>
</thead>
<tbody>
<tbody
class="css-0"
>
<tr
class="euiTableRow"
>

12
src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/__snapshots__/table.test.tsx.snap generated
View file

@ -4,13 +4,11 @@ exports[`Table render conflict summary modal 1`] = `
<React.Fragment>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="This field has a type conflict"
id="indexPatternManagement.editIndexPattern.fields.conflictModal.title"
values={Object {}}
/>
</h1>
<FormattedMessage
defaultMessage="This field has a type conflict"
id="indexPatternManagement.editIndexPattern.fields.conflictModal.title"
values={Object {}}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

10
src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/table.tsx
View file

@ -297,12 +297,10 @@ export const getConflictModalContent = ({
<>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="indexPatternManagement.editIndexPattern.fields.conflictModal.title"
defaultMessage="This field has a type conflict"
/>
</h1>
<FormattedMessage
id="indexPatternManagement.editIndexPattern.fields.conflictModal.title"
defaultMessage="This field has a type conflict"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

8
src/plugins/embeddable/public/lib/panel/panel_header/panel_actions/customize_title/customize_panel_modal.tsx
View file

@ -79,8 +79,12 @@ export class CustomizePanelModal extends Component<CustomizePanelProps, State> {
}}
>
<EuiModalHeader>
<EuiModalHeaderTitle data-test-subj="customizePanelTitle">
<h2 id={titleId}>Customize panel</h2>
<EuiModalHeaderTitle
data-test-subj="customizePanelTitle"
id={titleId}
component="h2"
>
Customize panel
</EuiModalHeaderTitle>
</EuiModalHeader>

9
src/plugins/kibana_react/public/markdown/markdown.test.tsx
View file

@ -32,7 +32,7 @@ test('should render links with parentheses correctly', () => {
);
});
test('should add `noreferrer` and `nooopener` to unknown links in new tabs', () => {
test('should add `noreferrer` and `nooopener` to all links in new tabs', () => {
const component = shallow(
<Markdown
openLinksInNewTab={true}
@ -42,13 +42,6 @@ test('should add `noreferrer` and `nooopener` to unknown links in new tabs', ()
expect(component.render().find('a').prop('rel')).toBe('noopener noreferrer');
});
test('should only add `nooopener` to known links in new tabs', () => {
const component = shallow(
<Markdown openLinksInNewTab={true} markdown="[link](https://www.elastic.co/cool/path" />
);
expect(component.render().find('a').prop('rel')).toBe('noopener');
});
describe('props', () => {
const markdown = 'I am *some* [content](https://en.wikipedia.org/wiki/Content) with `markdown`';

72
src/plugins/saved_objects/public/save_modal/__snapshots__/saved_object_save_modal.test.tsx.snap generated
View file

@ -8,17 +8,15 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
/>
</h1>
}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
@ -109,17 +107,15 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
/>
</h1>
}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
@ -210,17 +206,15 @@ exports[`SavedObjectSaveModal should render matching snapshot when custom isVali
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
/>
</h1>
}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
@ -311,17 +305,15 @@ exports[`SavedObjectSaveModal should render matching snapshot when given options
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
<FormattedMessage
defaultMessage="Save {objectType}"
id="savedObjects.saveModal.saveTitle"
values={
Object {
"objectType": "visualization",
}
/>
</h1>
}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

12
src/plugins/saved_objects/public/save_modal/saved_object_save_modal.tsx
View file

@ -135,13 +135,11 @@ export class SavedObjectSaveModal extends React.Component<Props, SaveModalState>
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="savedObjects.saveModal.saveTitle"
defaultMessage="Save {objectType}"
values={{ objectType: this.props.objectType }}
/>
</h1>
<FormattedMessage
id="savedObjects.saveModal.saveTitle"
defaultMessage="Save {objectType}"
values={{ objectType: this.props.objectType }}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

8
src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/not_found_errors.test.tsx.snap generated
View file

@ -27,7 +27,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
aria-label="Saved objects APIs"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Saved objects APIs
@ -76,7 +76,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
aria-label="Saved objects APIs"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Saved objects APIs
@ -125,7 +125,7 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
aria-label="Saved objects APIs"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Saved objects APIs
@ -172,7 +172,7 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
aria-label="Saved objects APIs"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Saved objects APIs

10
src/plugins/unified_search/public/apply_filters/apply_filter_popover_content.tsx
View file

@ -87,12 +87,10 @@ export default class ApplyFiltersPopoverContent extends Component<Props, State>
<React.Fragment>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="unifiedSearch.filter.applyFilters.popupHeader"
defaultMessage="Select filters to apply"
/>
</h1>
<FormattedMessage
id="unifiedSearch.filter.applyFilters.popupHeader"
defaultMessage="Select filters to apply"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

14
src/plugins/unified_search/public/dataview_picker/text_languages_transition_modal.tsx
View file

@ -41,14 +41,12 @@ export default function TextBasedLanguagesTransitionModal({
<EuiModal onClose={() => setIsTextLangTransitionModalVisible(false)} style={{ width: 700 }}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
{i18n.translate(
'unifiedSearch.query.queryBar.indexPattern.textBasedLanguagesTransitionModalTitle',
{
defaultMessage: 'Your query will be removed',
}
)}
</h1>
{i18n.translate(
'unifiedSearch.query.queryBar.indexPattern.textBasedLanguagesTransitionModalTitle',
{
defaultMessage: 'Your query will be removed',
}
)}
</EuiModalHeaderTitle>
</EuiModalHeader>

10
src/plugins/visualizations/public/wizard/agg_based_selection/agg_based_selection.tsx
View file

@ -57,12 +57,10 @@ class AggBasedSelection extends React.Component<AggBasedSelectionProps, AggBased
<>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="visualizations.newVisWizard.title"
defaultMessage="New visualization"
/>
</h1>
<FormattedMessage
id="visualizations.newVisWizard.title"
defaultMessage="New visualization"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

10
src/plugins/visualizations/public/wizard/group_selection/group_selection.tsx
View file

@ -67,12 +67,10 @@ function GroupSelection(props: GroupSelectionProps) {
<>
<EuiModalHeader>
<EuiModalHeaderTitle data-test-subj="groupModalHeader">
<h1>
<FormattedMessage
id="visualizations.newVisWizard.title"
defaultMessage="New visualization"
/>
</h1>
<FormattedMessage
id="visualizations.newVisWizard.title"
defaultMessage="New visualization"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody className="visNewVisDialogGroupSelection__body">

22
src/plugins/visualizations/public/wizard/search_selection/search_selection.tsx
View file

@ -33,18 +33,16 @@ export class SearchSelection extends React.Component<SearchSelectionProps> {
<React.Fragment>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="visualizations.newVisWizard.newVisTypeTitle"
defaultMessage="New {visTypeName}"
values={{ visTypeName: this.props.visType.title }}
/>{' '}
/{' '}
<FormattedMessage
id="visualizations.newVisWizard.chooseSourceTitle"
defaultMessage="Choose a source"
/>
</h1>
<FormattedMessage
id="visualizations.newVisWizard.newVisTypeTitle"
defaultMessage="New {visTypeName}"
values={{ visTypeName: this.props.visType.title }}
/>{' '}
/{' '}
<FormattedMessage
id="visualizations.newVisWizard.chooseSourceTitle"
defaultMessage="Choose a source"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

20
x-pack/plugins/apm/public/components/app/service_groups/service_group_save/group_details.tsx
View file

@ -75,17 +75,15 @@ export function GroupDetails({
<>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
{isEdit
? i18n.translate(
'xpack.apm.serviceGroups.groupDetailsForm.edit.title',
{ defaultMessage: 'Edit group' }
)
: i18n.translate(
'xpack.apm.serviceGroups.groupDetailsForm.create.title',
{ defaultMessage: 'Create group' }
)}
</h1>
{isEdit
? i18n.translate(
'xpack.apm.serviceGroups.groupDetailsForm.edit.title',
{ defaultMessage: 'Edit group' }
)
: i18n.translate(
'xpack.apm.serviceGroups.groupDetailsForm.create.title',
{ defaultMessage: 'Create group' }
)}
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

13
x-pack/plugins/apm/public/components/app/service_groups/service_group_save/select_services.tsx
View file

@ -113,13 +113,15 @@ export function SelectServices({
return (
<Container>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<div>
<EuiModalHeaderTitle>
{i18n.translate(
'xpack.apm.serviceGroups.selectServicesForm.title',
{ defaultMessage: 'Select services' }
{
defaultMessage: 'Select services',
}
)}
</h1>
</EuiModalHeaderTitle>
<EuiSpacer size="s" />
<EuiText color="subdued" size="s">
{i18n.translate(
@ -135,6 +137,7 @@ export function SelectServices({
{kueryValidationMessage}
</EuiText>
)}
<EuiSpacer size="s" />
<EuiFlexGroup gutterSize="s">
<EuiFlexItem>
<KueryBar
@ -195,7 +198,7 @@ export function SelectServices({
)}
</EuiText>
)}
</EuiModalHeaderTitle>
</div>
</EuiModalHeader>
<EuiModalBody
style={{

4
x-pack/plugins/canvas/public/components/custom_element_modal/custom_element_modal.tsx
View file

@ -160,9 +160,7 @@ export class CustomElementModal extends PureComponent<Props, State> {
initialFocus=".canvasCustomElementForm__name"
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h3>{title}</h3>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle component="h3">{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiFlexGroup justifyContent="spaceBetween" alignItems="flexStart">

10
x-pack/plugins/canvas/shareable_runtime/api/__snapshots__/shareable.test.tsx.snap generated
View file

@ -141,7 +141,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
rel="noreferrer"
title="Powered by Elastic.co"
>
<span
@ -415,7 +415,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
rel="noreferrer"
title="Powered by Elastic.co"
>
<span
@ -689,7 +689,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
rel="noreferrer"
title="Powered by Elastic.co"
>
<span
@ -964,7 +964,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
rel="noreferrer"
title="Powered by Elastic.co"
>
<span
@ -1238,7 +1238,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
rel="noreferrer"
title="Powered by Elastic.co"
>
<span

44
x-pack/plugins/cases/public/components/markdown_editor/plugins/lens/plugin.tsx
View file

@ -321,32 +321,32 @@ const LensEditorComponent: LensEuiMarkdownEditorUiPlugin['editor'] = ({
return (
<ModalContainer direction="column" gutterSize="none">
<EuiModalHeader>
<EuiModalHeaderTitle>
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
<EuiModalHeaderTitle>
<FormattedMessage
id="xpack.cases.markdownEditor.plugins.lens.addVisualizationModalTitle"
defaultMessage="Add visualization"
/>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<BetaBadgeWrapper>
<EuiBetaBadge
label={i18n.translate('xpack.cases.markdownEditor.plugins.lens.betaLabel', {
defaultMessage: 'Beta',
})}
tooltipContent={i18n.translate(
'xpack.cases.markdownEditor.plugins.lens.betaDescription',
{
defaultMessage:
'This module is not GA. You can only insert one lens per comment for now. Please help us by reporting bugs.',
}
)}
/>
</BetaBadgeWrapper>
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeaderTitle>
</EuiModalHeaderTitle>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<BetaBadgeWrapper>
<EuiBetaBadge
label={i18n.translate('xpack.cases.markdownEditor.plugins.lens.betaLabel', {
defaultMessage: 'Beta',
})}
tooltipContent={i18n.translate(
'xpack.cases.markdownEditor.plugins.lens.betaDescription',
{
defaultMessage:
'This module is not GA. You can only insert one lens per comment for now. Please help us by reporting bugs.',
}
)}
/>
</BetaBadgeWrapper>
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeader>
<EuiModalBody>
<SavedObjectFinderUi

4
x-pack/plugins/enterprise_search/public/applications/analytics/components/analytics_overview/analytics_collection_table.test.tsx
View file

@ -15,8 +15,6 @@ import { EuiBasicTable } from '@elastic/eui';
import { AnalyticsCollection } from '../../../../../common/types/analytics';
import { EuiLinkTo } from '../../../shared/react_router_helpers';
import { AnalyticsCollectionTable } from './analytics_collection_table';
describe('AnalyticsCollectionTable', () => {
@ -44,6 +42,6 @@ describe('AnalyticsCollectionTable', () => {
expect(rows).toHaveLength(1);
expect(rows[0]).toMatchObject(analyticsCollections[0]);
expect(wrapper.dive().find(EuiLinkTo).first().prop('to')).toBe('/collections/example/events');
expect(wrapper.render().find('a').attr('href')).toContain('/collections/example/events');
});
});

4
x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/components/crawl_requests_table.test.tsx
View file

@ -12,7 +12,7 @@ import React from 'react';
import { shallow, ShallowWrapper } from 'enzyme';
import { EuiBasicTable, EuiEmptyPrompt } from '@elastic/eui';
import { EuiBasicTable } from '@elastic/eui';
import { mountWithIntl } from '../../../../test_helpers';
@ -128,7 +128,7 @@ describe('CrawlRequestsTable', () => {
wrapper = shallow(<CrawlRequestsTable />);
expect(wrapper.find(EuiBasicTable).dive().find(EuiEmptyPrompt)).toHaveLength(1);
expect(wrapper.render().find('.euiEmptyPrompt')).toHaveLength(1);
});
});
});

9
x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/components/domains_table.test.tsx
View file

@ -84,6 +84,9 @@ describe('DomainsTable', () => {
.text();
});
const getTableBody = () =>
wrapper.find(EuiBasicTable).dive().find('RenderWithEuiTheme').renderProp('children')();
it('renders', () => {
expect(wrapper.find(EuiBasicTable)).toHaveLength(1);
@ -104,8 +107,7 @@ describe('DomainsTable', () => {
});
it('renders a clickable domain url', () => {
const basicTable = wrapper.find(EuiBasicTable).dive();
const link = basicTable.find('[data-test-subj="CrawlerDomainURL"]').at(0);
const link = getTableBody().find('[data-test-subj="CrawlerDomainURL"]').at(0);
expect(link.dive().text()).toContain('elastic.co');
expect(link.props()).toEqual(
@ -126,8 +128,7 @@ describe('DomainsTable', () => {
});
describe('actions column', () => {
const getTable = () => wrapper.find(EuiBasicTable).dive();
const getActions = () => getTable().find('ExpandedItemActions');
const getActions = () => getTableBody().find('ExpandedItemActions');
const getActionItems = () => getActions().first().dive().find('DefaultItemAction');
it('will hide the action buttons if the user cannot manage/delete engines', () => {

8
x-pack/plugins/enterprise_search/public/applications/app_search/components/credentials/credentials_list/credentials_list.test.tsx
View file

@ -11,7 +11,7 @@ import React from 'react';
import { shallow } from 'enzyme';
import { EuiBasicTable, EuiCopy, EuiEmptyPrompt } from '@elastic/eui';
import { EuiBasicTable, EuiCopy } from '@elastic/eui';
import { HiddenText } from '../../../../shared/hidden_text';
import { ApiTokenTypes } from '../constants';
@ -93,10 +93,8 @@ describe('CredentialsList', () => {
apiTokens: [],
});
const wrapper = shallow(<CredentialsList />)
.find(EuiBasicTable)
.dive();
expect(wrapper.find(EuiEmptyPrompt)).toHaveLength(1);
const wrapper = shallow(<CredentialsList />);
expect(wrapper.render().find('.euiEmptyPrompt')).toHaveLength(1);
});
});

4
x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/audit_logs_modal/audit_logs_modal.tsx
View file

@ -43,9 +43,7 @@ export const AuditLogsModal: React.FC = () => {
return !isModalVisible ? null : (
<EuiModal onClose={hideModal} className="auditLogsModal" maxWidth={false}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{engineName}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{engineName}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiText size="s">

11
x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/tables/meta_engines_table.test.tsx
View file

@ -84,9 +84,10 @@ describe('MetaEnginesTable', () => {
it('is hidden by default', () => {
const wrapper = shallow(<MetaEnginesTable {...props} />);
const table = wrapper.find(EuiBasicTable).dive();
const tableBody = table.find('RenderWithEuiTheme').renderProp('children')();
expect(table.find(MetaEnginesTableNameColumnContent)).toHaveLength(1);
expect(table.find(MetaEnginesTableExpandedRow)).toHaveLength(0);
expect(tableBody.find(MetaEnginesTableNameColumnContent)).toHaveLength(1);
expect(tableBody.find(MetaEnginesTableExpandedRow)).toHaveLength(0);
});
it('is visible when the row has been expanded', () => {
@ -95,8 +96,10 @@ describe('MetaEnginesTable', () => {
expandedSourceEngines: { 'test-engine': true },
});
const wrapper = shallow(<MetaEnginesTable {...props} />);
const table = wrapper.find(EuiBasicTable);
expect(table.dive().find(MetaEnginesTableExpandedRow)).toHaveLength(1);
const table = wrapper.find(EuiBasicTable).dive();
const tableBody = table.find('RenderWithEuiTheme').renderProp('children')();
expect(tableBody.find(MetaEnginesTableExpandedRow)).toHaveLength(1);
});
});
});

5
x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/tables/meta_engines_table_expanded_row.test.tsx
View file

@ -62,8 +62,9 @@ describe('MetaEnginesTableExpandedRow', () => {
conflictingEngines={new Set(['source-engine-1', 'source-engine-2'])}
/>
);
const table = wrapper.find(EuiBasicTable).dive();
const tableBody = table.find('RenderWithEuiTheme').renderProp('children')();
const table = wrapper.find(EuiBasicTable);
expect(table.dive().find(EuiHealth)).toHaveLength(2);
expect(tableBody.find(EuiHealth)).toHaveLength(2);
});
});

5
x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/tables/test_helpers/shared_columns.tsx
View file

@ -22,7 +22,8 @@ export const runSharedColumnsTests = (
tableContent: string,
values: object = {}
) => {
const getTable = () => wrapper.find(EuiBasicTable).dive();
const getTableBody = () =>
wrapper.find(EuiBasicTable).dive().find('RenderWithEuiTheme').renderProp('children')();
describe('name column', () => {
it('renders', () => {
@ -54,7 +55,7 @@ export const runSharedColumnsTests = (
});
describe('actions column', () => {
const getActions = () => getTable().find('ExpandedItemActions');
const getActions = () => getTableBody().find('ExpandedItemActions');
const getActionItems = () => getActions().dive().find('DefaultItemAction');
it('will hide the action buttons if the user cannot manage/delete engines', () => {

4
x-pack/plugins/enterprise_search/public/applications/app_search/components/synonyms/components/synonym_modal.test.tsx
View file

@ -59,7 +59,7 @@ describe('SynonymModal', () => {
const wrapper = shallow(<SynonymModal />);
it('renders', () => {
expect(wrapper.find('h1').text()).toEqual('Add a synonym set');
expect(wrapper.find('EuiModalHeaderTitle').render().text()).toEqual('Add a synonym set');
});
it('populates MultiInputRows with two empty rows', () => {
@ -87,7 +87,7 @@ describe('SynonymModal', () => {
});
it('renders', () => {
expect(wrapper.find('h1').text()).toEqual('Manage synonym set');
expect(wrapper.find('EuiModalHeaderTitle').render().text()).toEqual('Manage synonym set');
});
it('populates MultiInputRows with ID & initial values', () => {

4
x-pack/plugins/enterprise_search/public/applications/app_search/components/synonyms/components/synonym_modal.tsx
View file

@ -48,9 +48,7 @@ export const SynonymModal: React.FC = () => {
return isModalOpen ? (
<EuiModal onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{modalTitle}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{modalTitle}</EuiModalHeaderTitle>
</EuiModalHeader>
<FlashMessages />
<EuiModalBody>

4
x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/crawl_requests_panel/crawl_requests_table.test.tsx
View file

@ -12,7 +12,7 @@ import React from 'react';
import { shallow, ShallowWrapper } from 'enzyme';
import { EuiBasicTable, EuiEmptyPrompt } from '@elastic/eui';
import { EuiBasicTable } from '@elastic/eui';
import { mountWithIntl } from '@kbn/test-jest-helpers';
import { CrawlEvent, CrawlerStatus, CrawlType } from '../../../../api/crawler/types';
@ -125,7 +125,7 @@ describe('CrawlRequestsTable', () => {
wrapper = shallow(<CrawlRequestsTable />);
expect(wrapper.find(EuiBasicTable).dive().find(EuiEmptyPrompt)).toHaveLength(1);
expect(wrapper.render().find('.euiEmptyPrompt')).toHaveLength(1);
});
});
});

9
x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/crawler/domain_management/domains_table.test.tsx
View file

@ -91,6 +91,9 @@ describe('DomainsTable', () => {
.text();
});
const getTableBody = () =>
wrapper.find(EuiBasicTable).dive().find('RenderWithEuiTheme').renderProp('children')();
it('renders', () => {
expect(wrapper.find(EuiBasicTable)).toHaveLength(1);
@ -111,8 +114,7 @@ describe('DomainsTable', () => {
});
it('renders a clickable domain url', () => {
const basicTable = wrapper.find(EuiBasicTable).dive();
const link = basicTable.find('[data-test-subj="CrawlerDomainURL"]').at(0);
const link = getTableBody().find('[data-test-subj="CrawlerDomainURL"]').at(0);
expect(link.dive().text()).toContain('elastic.co');
expect(link.props()).toEqual(
@ -133,8 +135,7 @@ describe('DomainsTable', () => {
});
describe('actions column', () => {
const getTable = () => wrapper.find(EuiBasicTable).dive();
const getActions = () => getTable().find('ExpandedItemActions');
const getActions = () => getTableBody().find('ExpandedItemActions');
const getActionItems = () => getActions().first().dive().find('DefaultItemAction');
describe('when the user can manage/delete engines', () => {

28
x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/sources_view.tsx
View file

@ -54,24 +54,24 @@ export const SourcesView: React.FC<SourcesViewProps> = ({ children }) => {
}) => (
<EuiModal onClose={resetPermissionsModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<EuiFlexGroup
justifyContent="flexStart"
alignItems="center"
responsive={false}
gutterSize="s"
>
<EuiFlexItem grow={false}>
<SourceIcon serviceType={serviceType} name={addedSourceName} size="xxl" />
</EuiFlexItem>
<EuiFlexItem>
<EuiFlexGroup
justifyContent="flexStart"
alignItems="center"
responsive={false}
gutterSize="s"
>
<EuiFlexItem grow={false}>
<SourceIcon serviceType={serviceType} name={addedSourceName} size="xxl" />
</EuiFlexItem>
<EuiFlexItem>
<EuiModalHeaderTitle>
{i18n.translate('xpack.enterpriseSearch.workplaceSearch.sourcesView.modal.heading', {
defaultMessage: '{addedSourceName} requires additional configuration',
values: { addedSourceName },
})}
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeaderTitle>
</EuiModalHeaderTitle>
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeader>
<EuiModalBody>
<EuiText grow={false}>

4
x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/license_modal.tsx
View file

@ -53,9 +53,7 @@ export const LicenseModal: React.FunctionComponent<Props> = ({
return (
<EuiModal maxWidth={true} onClose={onClose}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{licenseName}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{licenseName}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiCodeBlock overflowHeight={360}>

4
x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/notice_modal.tsx
View file

@ -48,9 +48,7 @@ export const NoticeModal: React.FunctionComponent<Props> = ({ noticePath, onClos
return (
<EuiModal maxWidth={true} onClose={onClose}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>NOTICE.txt</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>NOTICE.txt</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiCodeBlock overflowHeight={360}>

16
x-pack/plugins/license_management/__jest__/__snapshots__/request_trial_extension.test.js.snap generated
View file

@ -33,7 +33,7 @@ exports[`RequestTrialExtension component should display when enterprise license
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -61,7 +61,7 @@ exports[`RequestTrialExtension component should display when enterprise license
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span
@ -109,7 +109,7 @@ exports[`RequestTrialExtension component should display when license is active a
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -137,7 +137,7 @@ exports[`RequestTrialExtension component should display when license is active a
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span
@ -185,7 +185,7 @@ exports[`RequestTrialExtension component should display when license is not acti
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -213,7 +213,7 @@ exports[`RequestTrialExtension component should display when license is not acti
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span
@ -261,7 +261,7 @@ exports[`RequestTrialExtension component should display when platinum license is
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -289,7 +289,7 @@ exports[`RequestTrialExtension component should display when platinum license is
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
<span

6
x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap generated
View file

@ -33,7 +33,7 @@ exports[`RevertToBasic component should display when license is about to expire
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -107,7 +107,7 @@ exports[`RevertToBasic component should display when license is expired 1`] = `
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -181,7 +181,7 @@ exports[`RevertToBasic component should display when trial is active 1`] = `
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features

8
x-pack/plugins/license_management/__jest__/__snapshots__/start_trial.test.js.snap generated
View file

@ -33,7 +33,7 @@ exports[`StartTrial component when trial is allowed display for basic license 1`
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -107,7 +107,7 @@ exports[`StartTrial component when trial is allowed should display for expired e
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -181,7 +181,7 @@ exports[`StartTrial component when trial is allowed should display for expired p
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features
@ -255,7 +255,7 @@ exports[`StartTrial component when trial is allowed should display for gold lice
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
subscription features

16
x-pack/plugins/maps/public/classes/styles/vector/components/symbol/__snapshots__/custom_icon_modal.test.tsx.snap generated
View file

@ -8,10 +8,10 @@ exports[`should render a custom icon modal with an existing icon 1`] = `
onClose={[Function]}
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h3>
Edit custom icon
</h3>
<EuiModalHeaderTitle
component="h3"
>
Edit custom icon
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
@ -230,10 +230,10 @@ exports[`should render an empty custom icon modal 1`] = `
onClose={[Function]}
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h3>
Custom Icon
</h3>
<EuiModalHeaderTitle
component="h3"
>
Custom Icon
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

4
x-pack/plugins/maps/public/classes/styles/vector/components/symbol/custom_icon_modal.tsx
View file

@ -328,9 +328,7 @@ export class CustomIconModal extends Component<Props, State> {
initialFocus=".mapsCustomIconForm__image"
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h3>{title}</h3>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle component="h3">{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiFlexGroup justifyContent="spaceBetween" alignItems="flexStart" gutterSize="m">

10
x-pack/plugins/ml/public/application/components/delete_space_aware_item_check_modal/delete_space_aware_item_check_modal.tsx
View file

@ -339,12 +339,10 @@ export const DeleteSpaceAwareItemCheckModal: FC<Props> = ({
<>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.deleteSpaceAwareItemCheckModal.modalTitle"
defaultMessage="Checking space permissions"
/>
</h1>
<FormattedMessage
id="xpack.ml.deleteSpaceAwareItemCheckModal.modalTitle"
defaultMessage="Checking space permissions"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

4
x-pack/plugins/ml/public/application/components/validate_job/validate_job_view.js
View file

@ -84,9 +84,7 @@ const LoadingSpinner = () => (
const Modal = ({ close, title, children }) => (
<EuiModal onClose={close} style={{ width: '800px' }}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{title}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>{children}</EuiModalBody>

4
x-pack/plugins/ml/public/application/explorer/dashboard_controls/add_to_dashboard_controls.tsx
View file

@ -81,9 +81,7 @@ export const AddToDashboardControl: FC<AddToDashboardControlProps> = ({
return (
<EuiModal onClose={onClose.bind(null, undefined)} data-test-subj="mlAddToDashboardModal">
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{title}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
{children}

4
x-pack/plugins/ml/public/application/jobs/jobs_list/components/confirm_modals/close_jobs_confirm_modal.tsx
View file

@ -87,9 +87,7 @@ export const CloseJobsConfirmModal: FC<Props> = ({
return (
<EuiModal data-test-subj="mlCloseJobsConfirmModal" onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{title}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<ManagedJobsWarningCallout

4
x-pack/plugins/ml/public/application/jobs/jobs_list/components/confirm_modals/stop_datafeeds_confirm_modal.tsx
View file

@ -88,9 +88,7 @@ export const StopDatafeedsConfirmModal: FC<Props> = ({
return (
<EuiModal data-test-subj="mlStopDatafeedsConfirmModal" onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{title}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<ManagedJobsWarningCallout

18
x-pack/plugins/ml/public/application/jobs/jobs_list/components/delete_job_modal/delete_job_modal.tsx
View file

@ -92,16 +92,14 @@ export const DeleteJobModal: FC<Props> = ({ setShowFunction, unsetShowFunction,
<EuiModal data-test-subj="mlDeleteJobConfirmModal" onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.jobsList.deleteJobModal.deleteJobsTitle"
defaultMessage="Delete {jobsCount, plural, one {{jobId}} other {# jobs}}?"
values={{
jobsCount: jobIds.length,
jobId: jobIds[0],
}}
/>
</h1>
<FormattedMessage
id="xpack.ml.jobsList.deleteJobModal.deleteJobsTitle"
defaultMessage="Delete {jobsCount, plural, one {{jobId}} other {# jobs}}?"
values={{
jobsCount: jobIds.length,
jobId: jobIds[0],
}}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

10
x-pack/plugins/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/custom_urls.tsx
View file

@ -288,12 +288,10 @@ class CustomUrlsUI extends Component<CustomUrlsProps, CustomUrlsState> {
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.jobsList.editJobFlyout.customUrls.addCustomUrlButtonLabel"
defaultMessage="Add custom URL"
/>
</h1>
<FormattedMessage
id="xpack.ml.jobsList.editJobFlyout.customUrls.addCustomUrlButtonLabel"
defaultMessage="Add custom URL"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

18
x-pack/plugins/ml/public/application/jobs/jobs_list/components/reset_job_modal/reset_job_modal.tsx
View file

@ -87,16 +87,14 @@ export const ResetJobModal: FC<Props> = ({ setShowFunction, unsetShowFunction, r
<EuiModal data-test-subj="mlResetJobConfirmModal" onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.jobsList.resetJobModal.resetJobsTitle"
defaultMessage="Reset {jobsCount, plural, one {{jobId}} other {# jobs}}?"
values={{
jobsCount: jobIds.length,
jobId: jobIds[0],
}}
/>
</h1>
<FormattedMessage
id="xpack.ml.jobsList.resetJobModal.resetJobsTitle"
defaultMessage="Reset {jobsCount, plural, one {{jobId}} other {# jobs}}?"
values={{
jobsCount: jobIds.length,
jobId: jobIds[0],
}}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

18
x-pack/plugins/ml/public/application/jobs/jobs_list/components/start_datafeed_modal/start_datafeed_modal.js
View file

@ -149,16 +149,14 @@ export class StartDatafeedModal extends Component {
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.jobsList.startDatafeedModal.startJobsTitle"
defaultMessage="Start {jobsCount, plural, one {{jobId}} other {# jobs}}"
values={{
jobsCount: startableJobs.length,
jobId: startableJobs[0].id,
}}
/>
</h1>
<FormattedMessage
id="xpack.ml.jobsList.startDatafeedModal.startJobsTitle"
defaultMessage="Start {jobsCount, plural, one {{jobId}} other {# jobs}}"
values={{
jobsCount: startableJobs.length,
jobId: startableJobs[0].id,
}}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/ml/public/application/jobs/new_job/pages/components/datafeed_step/components/data_view/change_data_view.tsx
View file

@ -129,12 +129,10 @@ export const ChangeDataViewModal: FC<Props> = ({ onClose }) => {
<EuiModal onClose={onClose} data-test-subj="mlJobMgmtImportJobsFlyout">
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.newJob.wizard.datafeedStep.dataView.step0.title"
defaultMessage="Change data view"
/>
</h1>
<FormattedMessage
id="xpack.ml.newJob.wizard.datafeedStep.dataView.step0.title"
defaultMessage="Change data view"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/advanced_detector_modal/modal_wrapper.tsx
View file

@ -34,12 +34,10 @@ export const ModalWrapper: FC<Props> = ({ onCreateClick, closeModal, saveEnabled
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.newJob.wizard.pickFieldsStep.advancedDetectorModal.title"
defaultMessage="Create detector"
/>
</h1>
<FormattedMessage
id="xpack.ml.newJob.wizard.pickFieldsStep.advancedDetectorModal.title"
defaultMessage="Create detector"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

12
x-pack/plugins/ml/public/application/settings/calendars/edit/import_modal/__snapshots__/import_modal.test.js.snap generated
View file

@ -15,13 +15,11 @@ exports[`ImportModal Renders import modal 1`] = `
grow={false}
>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
defaultMessage="Import events"
id="xpack.ml.calendarsEdit.eventsTable.importEventsTitle"
values={Object {}}
/>
</h1>
<FormattedMessage
defaultMessage="Import events"
id="xpack.ml.calendarsEdit.eventsTable.importEventsTitle"
values={Object {}}
/>
</EuiModalHeaderTitle>
</EuiFlexItem>
<EuiFlexItem

10
x-pack/plugins/ml/public/application/settings/calendars/edit/import_modal/import_modal.js
View file

@ -147,12 +147,10 @@ export class ImportModal extends Component {
<EuiFlexGroup direction="column" gutterSize="none">
<EuiFlexItem grow={false}>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.calendarsEdit.eventsTable.importEventsTitle"
defaultMessage="Import events"
/>
</h1>
<FormattedMessage
id="xpack.ml.calendarsEdit.eventsTable.importEventsTitle"
defaultMessage="Import events"
/>
</EuiModalHeaderTitle>
</EuiFlexItem>
<EuiFlexItem grow={false}>

10
x-pack/plugins/ml/public/application/settings/calendars/edit/new_event_modal/new_event_modal.js
View file

@ -266,12 +266,10 @@ export class NewEventModal extends Component {
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.calendarsEdit.newEventModal.createNewEventTitle"
defaultMessage="Create new event"
/>
</h1>
<FormattedMessage
id="xpack.ml.calendarsEdit.newEventModal.createNewEventTitle"
defaultMessage="Create new event"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/ml/public/application/timeseriesexplorer/components/forecasting_modal/modal.js
View file

@ -33,12 +33,10 @@ export function Modal(props) {
<EuiModal onClose={props.close} maxWidth={860} data-test-subj="mlModalForecast">
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.timeSeriesExplorer.forecastingModal.forecastingTitle"
defaultMessage="Forecasting"
/>
</h1>
<FormattedMessage
id="xpack.ml.timeSeriesExplorer.forecastingModal.forecastingTitle"
defaultMessage="Forecasting"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

18
x-pack/plugins/ml/public/application/trained_models/models_management/delete_models_modal.tsx
View file

@ -69,16 +69,14 @@ export const DeleteModelsModal: FC<DeleteModelsModalProps> = ({ modelIds, onClos
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.deleteModal.header"
defaultMessage="Delete {modelsCount, plural, one {{modelId}} other {# models}}?"
values={{
modelId: modelIds[0],
modelsCount: modelIds.length,
}}
/>
</h1>
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.deleteModal.header"
defaultMessage="Delete {modelsCount, plural, one {{modelId}} other {# models}}?"
values={{
modelId: modelIds[0],
modelsCount: modelIds.length,
}}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

41
x-pack/plugins/ml/public/application/trained_models/models_management/deployment_setup.tsx
View file

@ -23,10 +23,7 @@ import {
EuiCallOut,
EuiSpacer,
EuiDescribedFormGroup,
EuiFlexGroup,
EuiFlexItem,
EuiLink,
EuiTitle,
} from '@elastic/eui';
import { toMountPoint, wrapWithTheme } from '@kbn/kibana-react-plugin/public';
import type { Observable } from 'rxjs';
@ -285,30 +282,20 @@ export const StartUpdateDeploymentModal: FC<StartDeploymentModalProps> = ({
data-test-subj="mlModelsStartDeploymentModal"
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<EuiFlexGroup justifyContent={'spaceBetween'}>
<EuiFlexItem grow={false}>
<EuiTitle size={'s'}>
<h1>
{isUpdate ? (
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.updateDeployment.modalTitle"
defaultMessage="Update {modelId} deployment"
values={{ modelId }}
/>
) : (
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.startDeployment.modalTitle"
defaultMessage="Start {modelId} deployment"
values={{ modelId }}
/>
)}
</h1>
</EuiTitle>
</EuiFlexItem>
<EuiFlexItem grow={false} />
</EuiFlexGroup>
<EuiModalHeaderTitle size="s">
{isUpdate ? (
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.updateDeployment.modalTitle"
defaultMessage="Update {modelId} deployment"
values={{ modelId }}
/>
) : (
<FormattedMessage
id="xpack.ml.trainedModels.modelsList.startDeployment.modalTitle"
defaultMessage="Start {modelId} deployment"
values={{ modelId }}
/>
)}
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/ml/public/embeddables/anomaly_charts/anomaly_charts_initializer.tsx
View file

@ -53,12 +53,10 @@ export const AnomalyChartsInitializer: FC<AnomalyChartsInitializerProps> = ({
>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.anomalyChartsEmbeddable.setupModal.title"
defaultMessage="Anomaly explorer charts configuration"
/>
</h1>
<FormattedMessage
id="xpack.ml.anomalyChartsEmbeddable.setupModal.title"
defaultMessage="Anomaly explorer charts configuration"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/ml/public/embeddables/anomaly_swimlane/anomaly_swimlane_initializer.tsx
View file

@ -93,12 +93,10 @@ export const AnomalySwimlaneInitializer: FC<AnomalySwimlaneInitializerProps> = (
<EuiModal initialFocus="[name=panelTitle]" onClose={onCancel}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.ml.swimlaneEmbeddable.setupModal.title"
defaultMessage="Anomaly swim lane configuration"
/>
</h1>
<FormattedMessage
id="xpack.ml.swimlaneEmbeddable.setupModal.title"
defaultMessage="Anomaly swim lane configuration"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

10
x-pack/plugins/monitoring/public/alerts/enable_alerts_modal.tsx
View file

@ -84,12 +84,10 @@ export const EnableAlertsModal: React.FC<Props> = ({ alerts }: Props) => {
<EuiModal onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>
<FormattedMessage
id="xpack.monitoring.alerts.modal.title"
defaultMessage="Create rules"
/>
</h1>
<FormattedMessage
id="xpack.monitoring.alerts.modal.title"
defaultMessage="Create rules"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>

6
x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap generated
View file

@ -82,7 +82,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://cloud.elastic.co/deployments"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Elasticsearch Service Console
@ -102,7 +102,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://cloud.elastic.co/deployments"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Logs and metrics
@ -122,7 +122,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/cloud/current/ec-enable-logging-and-monitoring.html"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
the documentation page.

6
x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap generated
View file

@ -149,7 +149,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://cloud.elastic.co/deployments"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Elasticsearch Service Console
@ -169,7 +169,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://cloud.elastic.co/deployments"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
Logs and metrics
@ -189,7 +189,7 @@ Array [
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/cloud/current/ec-enable-logging-and-monitoring.html"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
the documentation page.

4
x-pack/plugins/security_solution/public/common/components/sourcerer/update_default_data_view_modal.tsx
View file

@ -45,9 +45,7 @@ export const UpdateDefaultDataViewModal = React.memo<Props>(
isShowing ? (
<MyEuiModal onClose={onDismissModal} data-test-subj="sourcerer-update-data-view-modal">
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{i18n.UPDATE_SECURITY_DATA_VIEW}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{i18n.UPDATE_SECURITY_DATA_VIEW}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>
<EuiText size="s">

6
x-pack/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap generated
View file

@ -180,7 +180,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe
</div>
</div>
<table
class="euiTable euiTable--responsive"
class="euiTable css-0 euiTable--responsive"
id="__table_generated-id"
tabindex="-1"
>
@ -346,7 +346,9 @@ exports[`Authentication Host Table Component rendering it renders the host authe
</th>
</tr>
</thead>
<tbody>
<tbody
class="css-0"
>
<tr
class="euiTableRow"
>

6
x-pack/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap generated
View file

@ -180,7 +180,7 @@ exports[`Authentication User Table Component rendering it renders the user authe
</div>
</div>
<table
class="euiTable euiTable--responsive"
class="euiTable css-0 euiTable--responsive"
id="__table_generated-id"
tabindex="-1"
>
@ -346,7 +346,9 @@ exports[`Authentication User Table Component rendering it renders the user authe
</th>
</tr>
</thead>
<tbody>
<tbody
class="css-0"
>
<tr
class="euiTableRow"
>

2
x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap generated
View file

@ -172,7 +172,7 @@ exports[`PingListExpandedRow renders link to docs if body is not recorded but it
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/beats/heartbeat/current/configuration-heartbeat-options.html#monitor-http-response"
rel="noopener"
rel="noopener noreferrer"
target="_blank"
>
docs

12
x-pack/plugins/triggers_actions_ui/public/application/components/rules_setting/rules_settings_modal.tsx
View file

@ -261,13 +261,11 @@ export const RulesSettingsModal = memo((props: RulesSettingsModalProps) => {
return (
<EuiModal data-test-subj="rulesSettingsModal" onClose={onClose} maxWidth={880}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<h3>
<FormattedMessage
id="xpack.triggersActionsUI.rulesSettings.modal.title"
defaultMessage="Rule settings"
/>
</h3>
<EuiModalHeaderTitle component="h3">
<FormattedMessage
id="xpack.triggersActionsUI.rulesSettings.modal.title"
defaultMessage="Rule settings"
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

61
x-pack/plugins/triggers_actions_ui/public/application/sections/action_connector_form/connector_add_modal.tsx
View file

@ -15,7 +15,6 @@ import {
EuiModalHeaderTitle,
EuiModalBody,
EuiModalFooter,
EuiTitle,
EuiFlexItem,
EuiIcon,
EuiFlexGroup,
@ -135,40 +134,36 @@ const ConnectorAddModal = ({
return (
<EuiModal className="actConnectorModal" data-test-subj="connectorAddModal" onClose={closeModal}>
<EuiModalHeader>
<EuiModalHeaderTitle>
<EuiFlexGroup gutterSize="m" alignItems="center">
{actionTypeModel && actionTypeModel.iconClass ? (
<EuiFlexItem grow={false}>
<EuiIcon type={actionTypeModel.iconClass} size="xl" />
</EuiFlexItem>
) : null}
<EuiFlexGroup gutterSize="m" alignItems="center">
{actionTypeModel && actionTypeModel.iconClass ? (
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s" justifyContent="center" alignItems="center">
<EuiFlexItem>
<EuiTitle size="s">
<h3 id="flyoutTitle">
<FormattedMessage
defaultMessage="{actionTypeName} connector"
id="xpack.triggersActionsUI.sections.addModalConnectorForm.flyoutTitle"
values={{
actionTypeName: actionType.name,
}}
/>
</h3>
</EuiTitle>
</EuiFlexItem>
{actionTypeModel && actionTypeModel.isExperimental && (
<EuiFlexItem className="betaBadgeFlexItem" grow={false}>
<EuiBetaBadge
label={betaBadgeProps.label}
tooltipContent={betaBadgeProps.tooltipContent}
/>
</EuiFlexItem>
)}
</EuiFlexGroup>
<EuiIcon type={actionTypeModel.iconClass} size="xl" />
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeaderTitle>
) : null}
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s" justifyContent="center" alignItems="center">
<EuiFlexItem>
<EuiModalHeaderTitle size="s" component="h3" id="flyoutTitle">
<FormattedMessage
defaultMessage="{actionTypeName} connector"
id="xpack.triggersActionsUI.sections.addModalConnectorForm.flyoutTitle"
values={{
actionTypeName: actionType.name,
}}
/>
</EuiModalHeaderTitle>
</EuiFlexItem>
{actionTypeModel && actionTypeModel.isExperimental && (
<EuiFlexItem className="betaBadgeFlexItem" grow={false}>
<EuiBetaBadge
label={betaBadgeProps.label}
tooltipContent={betaBadgeProps.tooltipContent}
/>
</EuiFlexItem>
)}
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>
</EuiModalHeader>
<EuiModalBody>

4
x-pack/plugins/triggers_actions_ui/public/application/sections/field_browser/field_browser_modal.tsx
View file

@ -133,9 +133,7 @@ const FieldBrowserModalComponent: React.FC<FieldBrowserModalProps> = ({
<EuiModal onClose={closeAndRestoreFocus} style={{ width, maxWidth: width }}>
<div data-test-subj="fields-browser-container" className="eui-yScroll">
<EuiModalHeader>
<EuiModalHeaderTitle>
<h1>{i18n.FIELDS_BROWSER}</h1>
</EuiModalHeaderTitle>
<EuiModalHeaderTitle>{i18n.FIELDS_BROWSER}</EuiModalHeaderTitle>
</EuiModalHeader>
<EuiModalBody>

2
x-pack/plugins/triggers_actions_ui/public/application/sections/rules_list/components/bulk_snooze_modal.tsx
View file

@ -166,8 +166,8 @@ export const BulkSnoozeModal = (props: BulkSnoozeModalProps) => {
id="xpack.triggersActionsUI.sections.rulesList.bulkSnoozeModal.modalTitle"
defaultMessage="Add snooze now"
/>
<EuiSpacer size="s" />
</EuiModalHeaderTitle>
<EuiSpacer size="s" />
</EuiModalHeader>
<EuiModalBody>
<SnoozePanel

2
x-pack/plugins/triggers_actions_ui/public/application/sections/rules_list/components/bulk_snooze_schedule_modal.tsx
View file

@ -158,8 +158,8 @@ export const BulkSnoozeScheduleModal = (props: BulkSnoozeScheduleModalProps) =>
id="xpack.triggersActionsUI.sections.rulesList.bulkSnoozeScheduleModal.modalTitle"
defaultMessage="Add snooze schedule"
/>
<EuiSpacer size="s" />
</EuiModalHeaderTitle>
<EuiSpacer size="s" />
</EuiModalHeader>
<EuiModalBody>
<RuleSnoozeScheduler

8
yarn.lock
View file

@ -1531,10 +1531,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@73.0.0":
version "73.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-73.0.0.tgz#e1340997e2807ef9416daeb3bff71aad14549d19"
integrity sha512-vOdZH5FE9iBRHpSpHnVOH/L8AMX2VJDXlpOQpSprE6kK32k5a0C8PtjHWVntRwWbN9t/pcdqC4oHcZsABIv9GA==
"@elastic/eui@74.0.1":
version "74.0.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-74.0.1.tgz#4397d9d5308f9da7abcf66a376bf87fd6f33af7f"
integrity sha512-vaaysWN/CzzMXvt8bGnwHXLPbMgeN7qNUo+mYdqda7aHo2BPvlapmtZmf3L3cIX1m9bxQW/dcuSLLQ5Wcx3fTA==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"