github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-25 02:09:32 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v23.3.1 (#65877) (#67207)

Browse source 
* eui to 23.2.0

* nav drawer ts updates

* eui to 23.3.0

* src snapshot updates

* makeId -> htmlIdGenerator mocks

* EuiCodeBlock testenv element lookup

* x-pack snapshot updates

* remove obsolete EuiCode and EuiCodeBlock mocks

* eui to 23.3.1

* patch updates

* searchbar type update

* docViewer tabs use valid DOMString id

* docViewer snapshot

* header updates

* cert_search field wrapper update
This commit is contained in:
Greg Thompson 2020-05-21 18:23:39 -05:00 • committed by GitHub
parent c4010de712
commit ecadbf1803
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
40 changed files with 324 additions and 403 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/development/plugins/data/public/kibana-plugin-plugins-data-public.searchbar.md
View file

@ -7,7 +7,7 @@
<b>Signature:</b>
```typescript
SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "intl" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated">, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated">, any> & {
WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "intl" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated"> & ReactIntl.InjectedIntlProps>;
}
```

2
package.json
View file

@ -123,7 +123,7 @@
"@elastic/charts": "19.2.0",
"@elastic/datemath": "5.0.2",
"@elastic/ems-client": "7.8.0",
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.4.0",

2
packages/kbn-ui-shared-deps/package.json
View file

@ -10,7 +10,7 @@
},
"dependencies": {
"@elastic/charts": "19.2.0",
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"@kbn/i18n": "1.0.0",
"abortcontroller-polyfill": "^1.4.0",
"angular": "^1.7.9",

52
src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap generated
View file

@ -275,6 +275,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<a
class="euiListGroupItem__button"
href="/"
rel="noreferrer"
>
<div
class="euiListGroupItem__icon"
@ -357,6 +358,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink--recent"
href="recent 1"
rel="noreferrer"
title="recent 1"
>
<span
@ -375,6 +377,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink--recent"
href="recent 2"
rel="noreferrer"
title="recent 2"
>
<span
@ -428,7 +431,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoKibana"
/>
</div>
@ -469,6 +471,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="discover"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -485,6 +488,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="visualize"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -501,6 +505,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="dashboard"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -547,7 +552,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoObservability"
/>
</div>
@ -588,6 +592,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="metrics"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -604,6 +609,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="logs"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -650,7 +656,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoSecurity"
/>
</div>
@ -691,6 +696,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="siem"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -770,6 +776,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="monitoring"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -802,6 +809,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="canvas"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -914,6 +922,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<a
class="euiListGroupItem__button"
href="/"
rel="noreferrer"
>
<div
class="euiListGroupItem__icon"
@ -996,6 +1005,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink--recent"
href="recent 1"
rel="noreferrer"
title="recent 1"
>
<span
@ -1014,6 +1024,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink--recent"
href="recent 2"
rel="noreferrer"
title="recent 2"
>
<span
@ -1067,7 +1078,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoKibana"
/>
</div>
@ -1108,6 +1118,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="discover"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1124,6 +1135,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="visualize"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1140,6 +1152,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="dashboard"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1186,7 +1199,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoObservability"
/>
</div>
@ -1227,6 +1239,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="metrics"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1243,6 +1256,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="logs"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1289,7 +1303,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
aria-hidden="true"
data-euiicon-type="logoSecurity"
/>
</div>
@ -1330,6 +1343,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="siem"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1409,6 +1423,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="monitoring"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1441,6 +1456,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
class="euiListGroupItem__button"
data-test-subj="collapsibleNavAppLink"
href="canvas"
rel="noreferrer"
>
<span
class="euiListGroupItem__label"
@ -1606,6 +1622,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
className="euiListGroupItem__button"
href="/"
onClick={[Function]}
rel="noreferrer"
>
<EuiIcon
className="euiListGroupItem__icon"
@ -1806,6 +1823,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink--recent"
href="recent 1"
onClick={[Function]}
rel="noreferrer"
title="recent 1"
>
<span
@ -1839,6 +1857,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink--recent"
href="recent 2"
onClick={[Function]}
rel="noreferrer"
title="recent 2"
>
<span
@ -1895,7 +1914,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
grow={false}
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoKibana"
/>
@ -1969,12 +1987,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoKibana"
>
<div
aria-hidden="true"
data-euiicon-type="logoKibana"
size="l"
/>
@ -2080,6 +2096,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="discover"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2110,6 +2127,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="visualize"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2140,6 +2158,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="dashboard"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2182,7 +2201,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
grow={false}
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoObservability"
/>
@ -2256,12 +2274,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoObservability"
>
<div
aria-hidden="true"
data-euiicon-type="logoObservability"
size="l"
/>
@ -2359,6 +2375,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="metrics"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2389,6 +2406,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="logs"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2431,7 +2449,6 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
grow={false}
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoSecurity"
/>
@ -2505,12 +2522,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiIcon
aria-hidden="true"
size="l"
type="logoSecurity"
>
<div
aria-hidden="true"
data-euiicon-type="logoSecurity"
size="l"
/>
@ -2600,6 +2615,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="siem"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2782,6 +2798,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="monitoring"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -2835,6 +2852,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
data-test-subj="collapsibleNavAppLink"
href="canvas"
onClick={[Function]}
rel="noreferrer"
>
<span
className="euiListGroupItem__label"
@ -3259,6 +3277,7 @@ exports[`CollapsibleNav renders the default nav 2`] = `
className="euiListGroupItem__button"
href="/"
onClick={[Function]}
rel="noreferrer"
>
<EuiIcon
className="euiListGroupItem__icon"
@ -3752,6 +3771,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
<a
class="euiListGroupItem__button"
href="/"
rel="noreferrer"
>
<div
class="euiListGroupItem__icon"
@ -3944,6 +3964,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
<a
class="euiListGroupItem__button"
href="/"
rel="noreferrer"
>
<div
class="euiListGroupItem__icon"
@ -4189,6 +4210,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
className="euiListGroupItem__button"
href="/"
onClick={[Function]}
rel="noreferrer"
>
<EuiIcon
className="euiListGroupItem__icon"

3
src/core/public/chrome/ui/header/header.tsx
View file

@ -23,7 +23,6 @@ import {
EuiHeaderSectionItem,
EuiHeaderSectionItemButton,
EuiIcon,
// @ts-ignore
EuiNavDrawer,
EuiShowFor,
htmlIdGenerator,
@ -167,7 +166,7 @@ export class Header extends Component<HeaderProps, State> {
aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.toggleSideNavAriaLabel', {
defaultMessage: 'Toggle side navigation',
})}
onClick={() => this.navDrawerRef.current.toggleOpen()}
onClick={() => this.navDrawerRef.current?.toggleOpen()}
>
<EuiIcon type="apps" size="m" />
</EuiHeaderSectionItemButton>

3
src/core/public/chrome/ui/header/nav_drawer.tsx
View file

@ -19,7 +19,6 @@
import React from 'react';
import { i18n } from '@kbn/i18n';
// @ts-ignore
import { EuiNavDrawer, EuiHorizontalRule, EuiNavDrawerGroup } from '@elastic/eui';
import { OnIsLockedUpdate } from './';
import { NavLink, RecentNavLink } from './nav_link';
@ -34,7 +33,7 @@ export interface Props {
function navDrawerRenderer(
{ isLocked, onIsLockedUpdate, navLinks, recentNavLinks }: Props,
ref: React.Ref<HTMLElement>
ref: React.Ref<EuiNavDrawer>
) {
return (
<EuiNavDrawer

4
src/plugins/data/public/public.api.md
View file

@ -1586,8 +1586,8 @@ export const search: {
// Warning: (ae-missing-release-tag) "SearchBar" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
export const SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "intl" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated">, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated">, any> & {
WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "onRefresh" | "onRefreshChange" | "refreshInterval" | "intl" | "indexPatterns" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "timeHistory" | "onFiltersUpdated"> & ReactIntl.InjectedIntlProps>;
};
// Warning: (ae-forgotten-export) The symbol "SearchBarOwnProps" needs to be exported by the entry point index.d.ts

25
src/plugins/discover/public/application/angular/directives/no_results.test.js
View file

@ -36,31 +36,6 @@ jest.mock('../../../kibana_services', () => {
};
});
// Mocking to prevent errors with React portal.
// Temporary until https://github.com/elastic/kibana/pull/55877 provides other alternatives.
jest.mock('@elastic/eui/lib/components/code/code_block', () => {
const React = require.requireActual('react');
return {
EuiCodeBlock: ({ children }) => (
<div>
<pre>
<code>{children}</code>
</pre>
</div>
),
};
});
jest.mock('@elastic/eui/lib/components/code/code', () => {
const React = require.requireActual('react');
return {
EuiCode: ({ children }) => (
<span>
<code>{children}</code>
</span>
),
};
});
beforeEach(() => {
jest.clearAllMocks();
});

6
src/plugins/discover/public/application/components/doc_viewer/__snapshots__/doc_viewer.test.tsx.snap generated
View file

@ -19,7 +19,7 @@ exports[`Render <DocViewer/> with 3 different tabs 1`] = `
}
title="Render function"
/>,
"id": "Render function",
"id": "kbn_doc_viewer_tab_0",
"name": "Render function",
},
Object {
@ -33,7 +33,7 @@ exports[`Render <DocViewer/> with 3 different tabs 1`] = `
}
title="React component"
/>,
"id": "React component",
"id": "kbn_doc_viewer_tab_1",
"name": "React component",
},
Object {
@ -46,7 +46,7 @@ exports[`Render <DocViewer/> with 3 different tabs 1`] = `
}
title="Invalid doc view"
/>,
"id": "Invalid doc view",
"id": "kbn_doc_viewer_tab_2",
"name": "Invalid doc view",
},
]

2
src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx
View file

@ -35,7 +35,7 @@ export function DocViewer(renderProps: DocViewRenderProps) {
.getDocViewsSorted(renderProps.hit)
.map(({ title, render, component }: DocView, idx: number) => {
return {
id: title,
id: `kbn_doc_viewer_tab_${idx}`,
name: title,
content: (
<DocViewerTab

4
src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap generated
View file

@ -190,6 +190,7 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
isHollow={true}
number={1}
status="incomplete"
titleSize="s"
>
<div
aria-label="Incomplete Step 1"
@ -490,6 +491,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
isHollow={false}
number={1}
status="complete"
titleSize="s"
>
<div
aria-label="Step 1"
@ -502,12 +504,14 @@ exports[`bulkCreate should display success message when bulkCreate is successful
<EuiIcon
aria-label="complete"
className="euiStepNumber__icon"
size="m"
type="check"
>
<div
aria-label="complete"
className="euiStepNumber__icon"
data-euiicon-type="check"
size="m"
/>
</EuiIcon>
</EuiI18n>

2
test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json
View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"react": "^16.12.0",
"react-dom": "^16.12.0"
},

2
test/plugin_functional/plugins/kbn_sample_panel_action/package.json
View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"react": "^16.12.0"
},
"scripts": {

2
test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json
View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"react": "^16.12.0"
},
"scripts": {

2
test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json
View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"react": "^16.12.0"
},
"scripts": {

2
x-pack/package.json
View file

@ -191,7 +191,7 @@
"@elastic/apm-rum-react": "^1.1.1",
"@elastic/datemath": "5.0.2",
"@elastic/ems-client": "7.8.0",
"@elastic/eui": "22.3.1",
"@elastic/eui": "23.3.1",
"@elastic/filesaver": "1.1.2",
"@elastic/maki": "6.3.0",
"@elastic/node-crypto": "1.1.1",

13
x-pack/plugins/canvas/.storybook/storyshots.test.js
View file

@ -31,19 +31,6 @@ jest.mock('../public/lib/ui_metric', () => ({ trackCanvasUiMetric: () => {} }));
// Mock EUI generated ids to be consistently predictable for snapshots.
jest.mock(`@elastic/eui/lib/components/form/form_row/make_id`, () => () => `generated-id`);
// Mocking to prevent errors with React portal.
// Temporary until https://github.com/elastic/kibana/pull/55877 provides other alternatives.
jest.mock('@elastic/eui/lib/components/code/code', () => {
const React = require.requireActual('react');
return {
EuiCode: ({ children, className }) => (
<span>
<code>{children}</code>
</span>
),
};
});
// Jest automatically mocks SVGs to be a plain-text string that isn't an SVG. Canvas uses
// them in examples, so let's mock a few for tests.
jest.mock('../canvas_plugin_src/renderers/shape/shapes', () => ({

5
x-pack/plugins/canvas/public/components/custom_element_modal/__examples__/__snapshots__/custom_element_modal.examples.storyshot generated
View file

@ -599,13 +599,16 @@ Array [
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>

5
x-pack/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.stories.storyshot generated
View file

@ -66,13 +66,16 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>

15
x-pack/plugins/canvas/public/components/saved_elements_modal/__examples__/__snapshots__/element_grid.stories.storyshot generated
View file

@ -20,13 +20,16 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>
@ -121,13 +124,16 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>
@ -222,13 +228,16 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>

20
x-pack/plugins/canvas/public/components/saved_elements_modal/__examples__/__snapshots__/saved_elements_modal.stories.storyshot generated
View file

@ -316,13 +316,16 @@ Array [
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>
@ -417,13 +420,16 @@ Array [
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>
@ -518,13 +524,16 @@ Array [
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>
@ -796,13 +805,16 @@ Array [
>
<div
className="euiCard__top"
>
<div
className="euiCard__image"
>
<img
alt=""
className="euiCard__image"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
/>
</div>
</div>
<div
className="euiCard__content"
>

6
x-pack/plugins/license_management/__jest__/add_license.test.js
View file

@ -6,7 +6,11 @@
import { AddLicense } from '../public/application/sections/license_dashboard/add_license';
import { createMockLicense, getComponent } from './util';
jest.mock(`@elastic/eui/lib/components/form/form_row/make_id`, () => () => `generated-id`);
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
return {
htmlIdGenerator: () => () => `generated-id`,
};
});
describe('AddLicense component when license is active', () => {
test('should display correct verbiage', () => {

6
x-pack/plugins/license_management/__jest__/request_trial_extension.test.js
View file

@ -6,7 +6,11 @@
import { RequestTrialExtension } from '../public/application/sections/license_dashboard/request_trial_extension';
import { createMockLicense, getComponent } from './util';
jest.mock(`@elastic/eui/lib/components/form/form_row/make_id`, () => () => `generated-id`);
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
return {
htmlIdGenerator: () => () => `generated-id`,
};
});
describe('RequestTrialExtension component', () => {
test('should not display when license is active and trial has not been used', () => {

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

@ -6,7 +6,11 @@
import { RevertToBasic } from '../public/application/sections/license_dashboard/revert_to_basic';
import { createMockLicense, getComponent } from './util';
jest.mock(`@elastic/eui/lib/components/form/form_row/make_id`, () => () => `generated-id`);
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
return {
htmlIdGenerator: () => () => `generated-id`,
};
});
describe('RevertToBasic component', () => {
test('should display when trial is active', () => {

6
x-pack/plugins/license_management/__jest__/start_trial.test.js
View file

@ -7,7 +7,11 @@
import { StartTrial } from '../public/application/sections/license_dashboard/start_trial';
import { createMockLicense, getComponent } from './util';
jest.mock(`@elastic/eui/lib/components/form/form_row/make_id`, () => () => `generated-id`);
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
return {
htmlIdGenerator: () => () => `generated-id`,
};
});
describe('StartTrial component when trial is allowed', () => {
test('display for basic license', () => {

46
x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap generated
View file

@ -187,58 +187,24 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
xpack.monitoring.collection.enabled
</div>
}
>
xpack.monitoring.collection.enabled
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
-1
</div>
}
>
-1
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>

92
x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap generated
View file

@ -360,58 +360,24 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
xpack.monitoring.collection.interval
</div>
}
>
xpack.monitoring.collection.interval
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
-1
</div>
}
>
-1
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>
@ -692,58 +658,24 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
xpack.monitoring.collection.interval
</div>
}
>
xpack.monitoring.collection.interval
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
fontSize="s"
inline={true}
isCopyable={false}
paddingSize="l"
transparentBackground={false}
whiteSpace="pre-wrap"
>
<Portal
containerInfo={
<div>
<span>
<code>
-1
</div>
}
>
-1
</Portal>
<span
className="euiCodeBlock euiCodeBlock--fontSmall euiCodeBlock--paddingLarge euiCodeBlock--inline"
style={Object {}}
>
<code
className="euiCodeBlock__code"
/>
</code>
</span>
</EuiCodeBlockImpl>
</EuiCode>

13
x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__tests__/exporters.test.js
View file

@ -8,19 +8,6 @@ import React from 'react';
import { renderWithIntl } from 'test_utils/enzyme_helpers';
import { ExplainExporters, ExplainExportersCloud } from '../exporters';
// Mocking to prevent errors with React portal.
// Temporary until https://github.com/elastic/kibana/pull/55877 provides other alternatives.
jest.mock('@elastic/eui/lib/components/code/code', () => {
const React = require.requireActual('react');
return {
EuiCode: ({ children }) => (
<span>
<code>{children}</code>
</span>
),
};
});
describe('ExplainExporters', () => {
test('should explain about xpack.monitoring.exporters setting', () => {
const reason = {

13
x-pack/plugins/monitoring/public/components/no_data/explanations/plugin_enabled/__tests__/plugin_enabled.test.js
View file

@ -8,19 +8,6 @@ import React from 'react';
import { renderWithIntl } from 'test_utils/enzyme_helpers';
import { ExplainPluginEnabled } from '../plugin_enabled';
// Mocking to prevent errors with React portal.
// Temporary until https://github.com/elastic/kibana/pull/55877 provides other alternatives.
jest.mock('@elastic/eui/lib/components/code/code', () => {
const React = require.requireActual('react');
return {
EuiCode: ({ children }) => (
<span>
<code>{children}</code>
</span>
),
};
});
describe('ExplainPluginEnabled', () => {
test('should explain about xpack.monitoring.enabled setting', () => {
const reason = {

13
x-pack/plugins/monitoring/public/components/no_data/reasons/__tests__/reason_found.test.js
View file

@ -8,19 +8,6 @@ import React from 'react';
import { renderWithIntl } from 'test_utils/enzyme_helpers';
import { ReasonFound } from '../';
// Mocking to prevent errors with React portal.
// Temporary until https://github.com/elastic/kibana/pull/55877 provides other alternatives.
jest.mock('@elastic/eui/lib/components/code/code', () => {
const React = require.requireActual('react');
return {
EuiCode: ({ children }) => (
<span>
<code>{children}</code>
</span>
),
};
});
const enabler = {};
describe('ReasonFound', () => {

178
x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap generated
View file

@ -251,7 +251,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<div
className="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormNameFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__labelWrapper"
@ -259,7 +259,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiFormLabel
aria-invalid={false}
className="euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
isFocused={false}
isInvalid={false}
type="label"
@ -267,7 +267,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<label
aria-invalid={false}
className="euiFormLabel euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
>
<FormattedMessage
defaultMessage="Name"
@ -283,10 +283,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
className="euiFormRow__fieldWrapper"
>
<EuiFieldText
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
data-test-subj="remoteClusterFormNameInput"
fullWidth={true}
id="mockId"
id="staticGenerator_staticId"
isInvalid={false}
onBlur={[Function]}
onChange={[Function]}
@ -295,7 +295,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<EuiFormControlLayout
fullWidth={true}
inputId="mockId"
inputId="staticGenerator_staticId"
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth"
@ -307,10 +307,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
isInvalid={false}
>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
className="euiFieldText euiFieldText--fullWidth"
data-test-subj="remoteClusterFormNameInput"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@ -325,11 +325,11 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</EuiFieldText>
<EuiFormHelpText
className="euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<div
className="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<FormattedMessage
defaultMessage="Name can only contain letters, numbers, underscores, and dashes."
@ -462,7 +462,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<div
className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__fieldWrapper"
@ -470,7 +470,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiSwitch
checked={true}
data-test-subj="remoteClusterFormConnectionModeToggle"
id="mockId"
id="staticGenerator_staticId"
label={
<FormattedMessage
defaultMessage="Use proxy mode"
@ -487,10 +487,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<button
aria-checked={true}
aria-labelledby="mockId"
aria-labelledby="staticGenerator_staticId"
className="euiSwitch__button"
data-test-subj="remoteClusterFormConnectionModeToggle"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@ -533,7 +533,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</button>
<span
className="euiSwitch__label"
id="mockId"
id="staticGenerator_staticId"
onClick={[Function]}
>
<FormattedMessage
@ -595,7 +595,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<div
className="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormProxyAddressFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__labelWrapper"
@ -603,7 +603,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiFormLabel
aria-invalid={false}
className="euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
isFocused={false}
isInvalid={false}
type="label"
@ -611,7 +611,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<label
aria-invalid={false}
className="euiFormLabel euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
>
<FormattedMessage
defaultMessage="Proxy address"
@ -627,10 +627,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
className="euiFormRow__fieldWrapper"
>
<EuiFieldText
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
data-test-subj="remoteClusterFormProxyAddressInput"
fullWidth={true}
id="mockId"
id="staticGenerator_staticId"
isInvalid={false}
onBlur={[Function]}
onChange={[Function]}
@ -640,7 +640,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<EuiFormControlLayout
fullWidth={true}
inputId="mockId"
inputId="staticGenerator_staticId"
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth"
@ -652,10 +652,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
isInvalid={false}
>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
className="euiFieldText euiFieldText--fullWidth"
data-test-subj="remoteClusterFormProxyAddressInput"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@ -671,11 +671,11 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</EuiFieldText>
<EuiFormHelpText
className="euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<div
className="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<FormattedMessage
defaultMessage="The address to use for remote connections."
@ -729,7 +729,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<div
className="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormServerNameFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__labelWrapper"
@ -737,7 +737,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiFormLabel
aria-invalid={false}
className="euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
isFocused={false}
isInvalid={false}
type="label"
@ -745,7 +745,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<label
aria-invalid={false}
className="euiFormLabel euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
>
<FormattedMessage
defaultMessage="Server name (optional)"
@ -761,9 +761,9 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
className="euiFormRow__fieldWrapper"
>
<EuiFieldText
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
fullWidth={true}
id="mockId"
id="staticGenerator_staticId"
isInvalid={false}
onBlur={[Function]}
onChange={[Function]}
@ -772,7 +772,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<EuiFormControlLayout
fullWidth={true}
inputId="mockId"
inputId="staticGenerator_staticId"
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth"
@ -784,9 +784,9 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
isInvalid={false}
>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
className="euiFieldText euiFieldText--fullWidth"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@ -801,11 +801,11 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</EuiFieldText>
<EuiFormHelpText
className="euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<div
className="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<FormattedMessage
defaultMessage="A string sent in the server_name field of the TLS Server Name Indication extension if TLS is enabled. {learnMoreLink}"
@ -873,20 +873,20 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<div
className="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormProxySocketConnectionsFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__labelWrapper"
>
<EuiFormLabel
className="euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
isFocused={false}
type="label"
>
<label
className="euiFormLabel euiFormRow__label"
htmlFor="mockId"
htmlFor="staticGenerator_staticId"
>
<FormattedMessage
defaultMessage="Socket connections"
@ -902,9 +902,9 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
className="euiFormRow__fieldWrapper"
>
<EuiFieldNumber
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
fullWidth={true}
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@ -913,7 +913,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiFormControlLayout
compressed={false}
fullWidth={true}
inputId="mockId"
inputId="staticGenerator_staticId"
isLoading={false}
>
<div
@ -924,9 +924,9 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<EuiValidatableControl>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
className="euiFieldNumber euiFieldNumber--fullWidth"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
@ -943,11 +943,11 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</EuiFieldNumber>
<EuiFormHelpText
className="euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<div
className="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
<FormattedMessage
defaultMessage="The number of socket connections to open per remote cluster."
@ -1143,7 +1143,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<div
className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth remoteClusterSkipIfUnavailableSwitch"
data-test-subj="remoteClusterFormSkipUnavailableFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
className="euiFormRow__fieldWrapper"
@ -1151,7 +1151,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
<EuiSwitch
checked={false}
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
id="mockId"
id="staticGenerator_staticId"
label="Skip if unavailable"
onBlur={[Function]}
onChange={[Function]}
@ -1162,10 +1162,10 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
>
<button
aria-checked={false}
aria-labelledby="mockId"
aria-labelledby="staticGenerator_staticId"
className="euiSwitch__button"
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
id="mockId"
id="staticGenerator_staticId"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@ -1208,7 +1208,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
</button>
<span
className="euiSwitch__label"
id="mockId"
id="staticGenerator_staticId"
onClick={[Function]}
>
Skip if unavailable
@ -1387,7 +1387,7 @@ Array [
<div
class="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormNameFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__labelWrapper"
@ -1395,7 +1395,7 @@ Array [
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
for="mockId"
for="staticGenerator_staticId"
>
Name
</label>
@ -1410,10 +1410,10 @@ Array [
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
class="euiFieldText euiFieldText--fullWidth"
data-test-subj="remoteClusterFormNameInput"
id="mockId"
id="staticGenerator_staticId"
type="text"
value=""
/>
@ -1421,7 +1421,7 @@ Array [
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
Name can only contain letters, numbers, underscores, and dashes.
</div>
@ -1454,7 +1454,7 @@ Array [
Use seed nodes by default, or switch to proxy mode.
<div
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__fieldWrapper"
@ -1464,10 +1464,10 @@ Array [
>
<button
aria-checked="false"
aria-labelledby="mockId"
aria-labelledby="staticGenerator_staticId"
class="euiSwitch__button"
data-test-subj="remoteClusterFormConnectionModeToggle"
id="mockId"
id="staticGenerator_staticId"
role="switch"
type="button"
>
@ -1493,7 +1493,7 @@ Array [
</button>
<span
class="euiSwitch__label"
id="mockId"
id="staticGenerator_staticId"
>
Use proxy mode
</span>
@ -1509,7 +1509,7 @@ Array [
<div
class="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormSeedNodesFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__labelWrapper"
@ -1517,7 +1517,7 @@ Array [
<label
aria-invalid="false"
class="euiFormLabel euiFormRow__label"
for="mockId"
for="staticGenerator_staticId"
>
Seed nodes
</label>
@ -1526,7 +1526,7 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
aria-expanded="false"
aria-haspopup="listbox"
class="euiComboBox euiComboBox--fullWidth"
@ -1556,7 +1556,7 @@ Array [
<input
aria-controls=""
data-test-subj="comboBoxSearchInput"
id="mockId"
id="staticGenerator_staticId"
role="textbox"
style="box-sizing:content-box;width:1px"
value=""
@ -1571,7 +1571,7 @@ Array [
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
An IP address or host name, followed by the
<button
@ -1587,14 +1587,14 @@ Array [
<div
class="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormNodeConnectionsFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__labelWrapper"
>
<label
class="euiFormLabel euiFormRow__label"
for="mockId"
for="staticGenerator_staticId"
>
Node connections
</label>
@ -1609,9 +1609,9 @@ Array [
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="mockId-help"
aria-describedby="staticGenerator_staticId-help"
class="euiFieldNumber euiFieldNumber--fullWidth"
id="mockId"
id="staticGenerator_staticId"
type="number"
value="3"
/>
@ -1619,7 +1619,7 @@ Array [
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
The number of gateway nodes to connect to for this cluster.
</div>
@ -1671,7 +1671,7 @@ Array [
<div
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth remoteClusterSkipIfUnavailableSwitch"
data-test-subj="remoteClusterFormSkipUnavailableFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__fieldWrapper"
@ -1681,10 +1681,10 @@ Array [
>
<button
aria-checked="false"
aria-labelledby="mockId"
aria-labelledby="staticGenerator_staticId"
class="euiSwitch__button"
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
id="mockId"
id="staticGenerator_staticId"
role="switch"
type="button"
>
@ -1710,7 +1710,7 @@ Array [
</button>
<span
class="euiSwitch__label"
id="mockId"
id="staticGenerator_staticId"
>
Skip if unavailable
</span>
@ -1787,7 +1787,7 @@ Array [
<div
class="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormNameFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__labelWrapper"
@ -1795,7 +1795,7 @@ Array [
<label
aria-invalid="true"
class="euiFormLabel euiFormRow__label euiFormLabel-isInvalid"
for="mockId"
for="staticGenerator_staticId"
>
Name
</label>
@ -1810,10 +1810,10 @@ Array [
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-describedby="mockId-help mockId-error-0"
aria-describedby="staticGenerator_staticId-help staticGenerator_staticId-error-0"
class="euiFieldText euiFieldText--fullWidth"
data-test-subj="remoteClusterFormNameInput"
id="mockId"
id="staticGenerator_staticId"
type="text"
value=""
/>
@ -1822,13 +1822,13 @@ Array [
<div
aria-live="polite"
class="euiFormErrorText euiFormRow__text"
id="mockId-error-0"
id="staticGenerator_staticId-error-0"
>
Name is required.
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
Name can only contain letters, numbers, underscores, and dashes.
</div>
@ -1837,7 +1837,7 @@ Array [
<div
class="euiFormRow euiFormRow--fullWidth"
data-test-subj="remoteClusterFormSeedNodesFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__labelWrapper"
@ -1845,7 +1845,7 @@ Array [
<label
aria-invalid="true"
class="euiFormLabel euiFormRow__label euiFormLabel-isInvalid"
for="mockId"
for="staticGenerator_staticId"
>
Seed nodes
</label>
@ -1854,7 +1854,7 @@ Array [
class="euiFormRow__fieldWrapper"
>
<div
aria-describedby="mockId-help mockId-error-0"
aria-describedby="staticGenerator_staticId-help staticGenerator_staticId-error-0"
aria-expanded="false"
aria-haspopup="listbox"
class="euiComboBox euiComboBox--fullWidth euiComboBox-isInvalid"
@ -1884,7 +1884,7 @@ Array [
<input
aria-controls=""
data-test-subj="comboBoxSearchInput"
id="mockId"
id="staticGenerator_staticId"
role="textbox"
style="box-sizing: content-box; width: 2px;"
value=""
@ -1900,13 +1900,13 @@ Array [
<div
aria-live="polite"
class="euiFormErrorText euiFormRow__text"
id="mockId-error-0"
id="staticGenerator_staticId-error-0"
>
At least one seed node is required.
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="mockId-help"
id="staticGenerator_staticId-help"
>
An IP address or host name, followed by the
<button
@ -1922,7 +1922,7 @@ Array [
<div
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--fullWidth remoteClusterSkipIfUnavailableSwitch"
data-test-subj="remoteClusterFormSkipUnavailableFormRow"
id="mockId-row"
id="staticGenerator_staticId-row"
>
<div
class="euiFormRow__fieldWrapper"
@ -1932,10 +1932,10 @@ Array [
>
<button
aria-checked="false"
aria-labelledby="mockId"
aria-labelledby="staticGenerator_staticId"
class="euiSwitch__button"
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
id="mockId"
id="staticGenerator_staticId"
role="switch"
type="button"
>
@ -1961,7 +1961,7 @@ Array [
</button>
<span
class="euiSwitch__label"
id="mockId"
id="staticGenerator_staticId"
>
Skip if unavailable
</span>

1
x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/remote_cluster_form.test.js
View file

@ -10,7 +10,6 @@ import { findTestSubject, takeMountedSnapshot } from '@elastic/eui/lib/test';
import { RemoteClusterForm } from './remote_cluster_form';
// Make sure we have deterministic aria IDs.
jest.mock('@elastic/eui/lib/components/form/form_row/make_id', () => () => 'mockId');
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
htmlIdGenerator: (prefix = 'staticGenerator') => (suffix = 'staticId') => `${prefix}_${suffix}`,
}));

6
x-pack/plugins/reporting/public/components/report_listing.test.tsx
View file

@ -10,7 +10,11 @@ import { mountWithIntl } from 'test_utils/enzyme_helpers';
import { ILicense } from '../../../licensing/public';
import { ReportingAPIClient } from '../lib/reporting_api_client';
jest.mock('@elastic/eui/lib/components/form/form_row/make_id', () => () => 'generated-id');
jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
return {
htmlIdGenerator: () => () => `generated-id`,
};
});
import { ReportListing } from './report_listing';

4
x-pack/plugins/siem/public/common/components/inspect/modal.test.tsx
View file

@ -167,7 +167,7 @@ describe('Modal Inspect', () => {
expect(
JSON.parse(
wrapper
.find('.euiCodeBlock')
.find('EuiCodeBlock')
.first()
.text()
)
@ -244,7 +244,7 @@ describe('Modal Inspect', () => {
expect(
JSON.parse(
wrapper
.find('.euiCodeBlock')
.find('EuiCodeBlock')
.first()
.text()
)

9
x-pack/plugins/siem/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap generated
View file

@ -211,6 +211,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
"euiDataGridCellPaddingM": "6px",
"euiDataGridCellPaddingS": "4px",
"euiDataGridColumnResizerWidth": "3px",
"euiDataGridPopoverMaxHeight": "400px",
"euiDataGridPrefix": ".euiDataGrid--",
"euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'fontSizeSmall', 'fontSizeLarge', 'noControls'",
"euiDataGridVerticalBorder": "solid 1px #24272e",
@ -412,6 +413,13 @@ exports[`Paginated Table Component rendering it renders the default load more ta
"euiRangeTrackHeight": "2px",
"euiRangeTrackRadius": "4px",
"euiRangeTrackWidth": "100%",
"euiResizableButtonSizeModifiers": Object {
"sizeExtraLarge": "40px",
"sizeLarge": "24px",
"sizeMedium": "16px",
"sizeSmall": "12px",
},
"euiResizableButtonTransitionSpeed": "150ms",
"euiScrollBar": "16px",
"euiScrollBarCorner": "6px",
"euiSelectableListItemBorder": "1px solid #202128",
@ -427,6 +435,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
"euiSizeXXL": "40px",
"euiStepNumberMargin": "16px",
"euiStepNumberSize": "32px",
"euiStepNumberSmallSize": "24px",
"euiStepStatusColorsToFade": Object {
"danger": "#ff6666",
"disabled": "#98a2b3",

9
x-pack/plugins/siem/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap generated
View file

@ -211,6 +211,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
"euiDataGridCellPaddingM": "6px",
"euiDataGridCellPaddingS": "4px",
"euiDataGridColumnResizerWidth": "3px",
"euiDataGridPopoverMaxHeight": "400px",
"euiDataGridPrefix": ".euiDataGrid--",
"euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'fontSizeSmall', 'fontSizeLarge', 'noControls'",
"euiDataGridVerticalBorder": "solid 1px #24272e",
@ -412,6 +413,13 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
"euiRangeTrackHeight": "2px",
"euiRangeTrackRadius": "4px",
"euiRangeTrackWidth": "100%",
"euiResizableButtonSizeModifiers": Object {
"sizeExtraLarge": "40px",
"sizeLarge": "24px",
"sizeMedium": "16px",
"sizeSmall": "12px",
},
"euiResizableButtonTransitionSpeed": "150ms",
"euiScrollBar": "16px",
"euiScrollBarCorner": "6px",
"euiSelectableListItemBorder": "1px solid #202128",
@ -427,6 +435,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
"euiSizeXXL": "40px",
"euiStepNumberMargin": "16px",
"euiStepNumberSize": "32px",
"euiStepNumberSmallSize": "24px",
"euiStepStatusColorsToFade": Object {
"danger": "#ff6666",
"disabled": "#98a2b3",

7
x-pack/plugins/snapshot_restore/__jest__/client_integration/home.test.ts
View file

@ -752,7 +752,12 @@ describe('<SnapshotRestoreHome />', () => {
const failure0 = failuresFound.at(0);
const shardText = findTestSubject(failure0, 'shard').text();
const reasonText = findTestSubject(failure0, 'reason').text();
// EUI data-test-subj alteration to be updated (eui#3483)
// const reasonText = findTestSubject(failure0, 'reason').text();
const reasonText = failure0
.find('code')
.at(0)
.text();
const [mockedFailure] = failure1.failures;
expect(shardText).toBe(`Shard ${mockedFailure.shard_id}`);

10
x-pack/plugins/uptime/public/components/certificates/__tests__/__snapshots__/cert_search.test.tsx.snap generated
View file

@ -2,18 +2,21 @@
exports[`CertificatesSearch renders expected elements for valid props 1`] = `
.c0 {
min-width: 700px;
max-width: 700px;
}
<div
class="euiFormControlLayout"
class="c0"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
aria-label="Search certificates"
class="euiFieldSearch c0"
class="euiFieldSearch euiFieldSearch--fullWidth"
data-test-subj="uptimeCertSearch"
placeholder="Search certificates"
type="search"
@ -32,6 +35,7 @@ exports[`CertificatesSearch renders expected elements for valid props 1`] = `
</span>
</div>
</div>
</div>
</div>
`;

9
x-pack/plugins/uptime/public/components/certificates/cert_search.tsx
View file

@ -9,8 +9,8 @@ import { EuiFieldSearch } from '@elastic/eui';
import styled from 'styled-components';
import * as labels from './translations';
const WrapFieldSearch = styled(EuiFieldSearch)`
min-width: 700px;
const WrapFieldSearch = styled('div')`
max-width: 700px;
`;
interface Props {
@ -23,12 +23,15 @@ export const CertificateSearch: React.FC<Props> = ({ setSearch }) => {
};
return (
<WrapFieldSearch
<WrapFieldSearch>
<EuiFieldSearch
data-test-subj="uptimeCertSearch"
placeholder={labels.SEARCH_CERTS}
onChange={onChange}
isClearable={true}
aria-label={labels.SEARCH_CERTS}
fullWidth={true}
/>
</WrapFieldSearch>
);
};

8
yarn.lock
View file

@ -1298,10 +1298,10 @@
tabbable "^1.1.0"
uuid "^3.1.0"
"@elastic/eui@22.3.1":
version "22.3.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-22.3.1.tgz#d824835774476f1aaca006a466324256a56c1df6"
integrity sha512-psGMIsNhI0LApvmR19Y0DvtmV3BvvzXkd8dVXORjBiPW4Z7N2sGgsMmqpvxlZ1rfP59PyIKpQOTReJZFLSmKQQ==
"@elastic/eui@23.3.1":
version "23.3.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-23.3.1.tgz#08516910d24eb148110f99d3bd7551240f9ef3d4"
integrity sha512-81N5xXeZwm8HEPE5RAPQFFUNUzYlTVJcNhW+DDN0EY8MlxVob9hgHy0AwshQGfrHlqhm+4gix110pW3n9Jweyw==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/enzyme" "^3.1.13"