Upgrade EUI to v55.1.2 (#131203)

* Bumping EUI to v55.1.0

* Updating package.json to latest EUI
* Adding one translation.

* Updating theme config to pass Jest Tests #4 / CaseView.

* Updating theme config to pass Jest Tests 3, CauseStacktrace.

* Updating six x-pack synthetic test snapshots.

* Updating snapshots for discover, reporting, security_solution.

* Replacing instances of spacerSizes with euiSize.

* Updating a number of snapshots for Emotion styles.

* Adding more snapshots for Emotion style upgrade.

* Updating seven snapshot tests for Emotion styles.

* Updating two snapshot tests for Emotion styles.

* Adding two more snapshots for License and Upload.

* Updating a Typescript check, and classname count in one unit test.

* Updating 1 snapshot and refining EuiLoadingChart selector to avoid off-by-one error.

* Bumping EUI to 55.1.1 for a change in EUI Flyout behavior.

* update newsfeed flyout to use shards

* snapshot update

* eui to v55.1.2

* update onClose

* onClose types

* reduce snapshot noise

* reduce snapshot noise

* Adding back Emotion output at request of Data Discovery reviewer.

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Greg Thompson <thompson.glowe@gmail.com>
This commit is contained in:
Trevor Pierce 2022-05-12 16:14:01 -05:00 committed by GitHub
parent dea7c1909f
commit 05ead154fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
88 changed files with 3811 additions and 13676 deletions

View file

@ -108,7 +108,7 @@
"@elastic/datemath": "5.0.3",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.2.0-canary.2",
"@elastic/ems-client": "8.3.0",
"@elastic/eui": "55.0.1",
"@elastic/eui": "55.1.2",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

File diff suppressed because it is too large Load diff

View file

@ -113,7 +113,7 @@ describe('CollapsibleNav', () => {
customNavLink$={new BehaviorSubject(customNavLink)}
/>
);
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
it('remembers collapsible section state', () => {

View file

@ -141,6 +141,7 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiImage.openImage": [Function],
"euiLink.external.ariaLabel": "External link",
"euiLink.newTarget.screenReaderOnlyText": "(opens in a new tab or window)",
"euiLoadingChart.ariaLabel": "Loading",
"euiMark.highlightEnd": "highlight end",
"euiMark.highlightStart": "highlight start",
"euiMarkdownEditorFooter.closeButton": "Close",

View file

@ -618,6 +618,9 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: '(opens in a new tab or window)',
}
),
'euiLoadingChart.ariaLabel': i18n.translate('core.euiLoadingChart.ariaLabel', {
defaultMessage: 'Loading',
}),
'euiMark.highlightStart': i18n.translate('core.euiMark.highlightStart', {
defaultMessage: 'highlight start',
}),

View file

@ -77,6 +77,6 @@ export const LICENSE_OVERRIDES = {
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
'@elastic/ems-client@8.3.0': ['Elastic License 2.0'],
'@elastic/eui@55.0.1': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@55.1.2': ['SSPL-1.0 OR Elastic License 2.0'],
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODCBy license https://github.com/mattcg/language-subtag-registry
};

View file

@ -29,14 +29,14 @@ describe('DashboardEmptyScreen', () => {
test('renders correctly with view mode', () => {
const component = mountComponent();
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
const enterEditModeParagraph = component.find('.dshStartScreen__panelDesc');
expect(enterEditModeParagraph.length).toBe(1);
});
test('renders correctly with edit mode', () => {
const component = mountComponent({ isEditMode: true });
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
const paragraph = component.find('.dshStartScreen__panelDesc');
expect(paragraph.length).toBe(0);
const emptyPanel = findTestSubject(component, 'emptyDashboardWidget');
@ -45,7 +45,7 @@ describe('DashboardEmptyScreen', () => {
test('renders correctly with readonly mode', () => {
const component = mountComponent({ isReadonlyMode: true });
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
const paragraph = component.find('.dshStartScreen__panelDesc');
expect(paragraph.length).toBe(0);
const emptyPanel = findTestSubject(component, 'emptyDashboardWidget');

View file

@ -63,7 +63,7 @@ describe('Inspector Data View', () => {
adapters.tables.logDatatable({ columns: [{ id: '1' }], rows: [{ '1': 123 }] });
// After the loader has resolved we'll still need one update, to "flush" the state changes
component.update();
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
it('should render single table without selector', async () => {
@ -80,7 +80,7 @@ describe('Inspector Data View', () => {
component.update();
expect(component.find('[data-test-subj="inspectorDataViewSelectorLabel"]')).toHaveLength(0);
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
it('should support multiple datatables', async () => {
@ -104,7 +104,7 @@ describe('Inspector Data View', () => {
component.update();
expect(component.find('[data-test-subj="inspectorDataViewSelectorLabel"]')).toHaveLength(1);
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
});
});

View file

@ -1,224 +1,88 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ScriptingWarningCallOut should render normally 1`] = `
<ScriptingWarningCallOut
isVisible={true}
>
<EuiText
size="s"
Array [
<div
class="euiText euiText--small"
>
<div
className="euiText euiText--small"
>
<p>
<FormattedMessage
defaultMessage="Familiarize yourself with {scripFields} and {scriptsInAggregation} before using this feature. Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow and, if done incorrectly, can cause Kibana to become unusable."
id="indexPatternManagement.warningCallOutLabel.callOutDetail"
values={
Object {
"scripFields": <EuiLink
target="_blank"
>
<FormattedMessage
defaultMessage="scripted fields"
id="indexPatternManagement.warningCallOutLabel.scripFieldsLink"
values={Object {}}
/>
</EuiLink>,
"scriptsInAggregation": <EuiLink
target="_blank"
>
<FormattedMessage
defaultMessage="scripts in aggregations"
id="indexPatternManagement.warningCallOutLabel.scriptsInAggregationLink"
values={Object {}}
/>
</EuiLink>,
}
}
<p>
<span>
Familiarize yourself with
<button
class="euiLink euiLink--primary"
type="button"
>
<span>
Familiarize yourself with
<EuiLink
target="_blank"
>
<button
className="euiLink euiLink--primary"
disabled={false}
type="button"
>
<FormattedMessage
defaultMessage="scripted fields"
id="indexPatternManagement.warningCallOutLabel.scripFieldsLink"
values={Object {}}
>
<span>
scripted fields
</span>
</FormattedMessage>
</button>
</EuiLink>
and
<EuiLink
target="_blank"
>
<button
className="euiLink euiLink--primary"
disabled={false}
type="button"
>
<FormattedMessage
defaultMessage="scripts in aggregations"
id="indexPatternManagement.warningCallOutLabel.scriptsInAggregationLink"
values={Object {}}
>
<span>
scripts in aggregations
</span>
</FormattedMessage>
</button>
</EuiLink>
before using this feature. Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow and, if done incorrectly, can cause Kibana to become unusable.
scripted fields
</span>
</FormattedMessage>
</p>
</div>
</EuiText>
<EuiSpacer
size="m"
</button>
and
<button
class="euiLink euiLink--primary"
type="button"
>
<span>
scripts in aggregations
</span>
</button>
before using this feature. Scripted fields can be used to display and aggregate calculated values. As such, they can be very slow and, if done incorrectly, can cause Kibana to become unusable.
</span>
</p>
</div>,
<div
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>,
<div
class="euiCallOut euiCallOut--warning"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
<EuiCallOut
color="warning"
iconType="alert"
title={
<FormattedMessage
defaultMessage="Scripted fields are deprecated"
description="Deprecation warning title within scripted field editor"
id="indexPatternManagement.scriptedFieldsDeprecatedTitle"
values={Object {}}
class="euiCallOutHeader"
>
<span
aria-hidden="true"
class="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="alert"
/>
}
>
<span
class="euiCallOutHeader__title"
>
<span>
Scripted fields are deprecated
</span>
</span>
</div>
<div
className="euiCallOut euiCallOut--warning"
class="euiText euiText--small"
>
<div
className="euiCallOutHeader"
>
<EuiIcon
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
size="m"
type="alert"
>
<span
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
/>
</EuiIcon>
<span
className="euiCallOutHeader__title"
>
<FormattedMessage
defaultMessage="Scripted fields are deprecated"
description="Deprecation warning title within scripted field editor"
id="indexPatternManagement.scriptedFieldsDeprecatedTitle"
values={Object {}}
>
<span>
Scripted fields are deprecated
</span>
</FormattedMessage>
</span>
</div>
<EuiText
color="default"
size="s"
class="euiTextColor euiTextColor--default"
>
<div
className="euiText euiText--small"
class="euiText euiText--small"
>
<EuiTextColor
color="default"
component="div"
>
<div
className="euiTextColor euiTextColor--default"
style={Object {}}
>
<EuiText
size="s"
<p>
<span>
For greater flexibility and Painless script support, use
<button
class="euiLink euiLink--primary"
type="button"
>
<div
className="euiText euiText--small"
>
<p>
<FormattedMessage
defaultMessage="For greater flexibility and Painless script support, use {runtimeDocs}."
id="indexPatternManagement.scriptedFieldsDeprecatedBody"
values={
Object {
"runtimeDocs": <EuiLink
target="_blank"
>
<FormattedMessage
defaultMessage="runtime fields"
id="indexPatternManagement.warningCallOutLabel.runtimeLink"
values={Object {}}
/>
</EuiLink>,
}
}
>
<span>
For greater flexibility and Painless script support, use
<EuiLink
target="_blank"
>
<button
className="euiLink euiLink--primary"
disabled={false}
type="button"
>
<FormattedMessage
defaultMessage="runtime fields"
id="indexPatternManagement.warningCallOutLabel.runtimeLink"
values={Object {}}
>
<span>
runtime fields
</span>
</FormattedMessage>
</button>
</EuiLink>
.
</span>
</FormattedMessage>
</p>
</div>
</EuiText>
</div>
</EuiTextColor>
<span>
runtime fields
</span>
</button>
.
</span>
</p>
</div>
</EuiText>
</div>
</div>
</EuiCallOut>
<EuiSpacer
size="m"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
</ScriptingWarningCallOut>
</div>,
<div
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>,
]
`;
exports[`ScriptingWarningCallOut should render nothing if not visible 1`] = `

View file

@ -23,7 +23,7 @@ describe('ScriptingWarningCallOut', () => {
},
});
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
it('should render nothing if not visible', async () => {

View file

@ -1,179 +1,71 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Source Viewer component renders error state 1`] = `
<DocViewerSource
hasLineNumbers={true}
id="1"
index="index1"
indexPattern={
Object {
"getComputedFields": [Function],
}
}
width={123}
<div
class="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
>
<EuiEmptyPrompt
body={
<div>
Could not fetch data at this time. Refresh the tab to try again.
<EuiSpacer
size="s"
/>
<EuiButton
iconType="refresh"
onClick={[Function]}
>
Refresh
</EuiButton>
</div>
}
iconType="alert"
title={
<h2>
An Error Occurred
</h2>
}
<div
class="euiEmptyPrompt__main"
>
<EuiPanel
className="euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
color="transparent"
paddingSize="none"
<div
class="euiEmptyPrompt__icon"
>
<span
color="subdued"
data-euiicon-type="alert"
/>
</div>
<div
class="euiEmptyPrompt__content"
>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
class="euiEmptyPrompt__contentInner"
>
<div
className="euiEmptyPrompt__main"
<h2
class="euiTitle euiTitle--medium"
>
An Error Occurred
</h2>
<span
class="euiTextColor euiTextColor--subdued"
>
<div
className="euiEmptyPrompt__icon"
>
<EuiIcon
color="subdued"
size="xxl"
type="alert"
>
<span
color="subdued"
data-euiicon-type="alert"
size="xxl"
/>
</EuiIcon>
</div>
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiEmptyPrompt__content"
class="euiText euiText--medium"
>
<div
className="euiEmptyPrompt__contentInner"
>
<EuiTitle
size="m"
>
<h2
className="euiTitle euiTitle--medium"
>
An Error Occurred
</h2>
</EuiTitle>
<EuiTextColor
color="subdued"
<div>
Could not fetch data at this time. Refresh the tab to try again.
<div
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<button
class="euiButton euiButton--primary"
type="button"
>
<span
className="euiTextColor euiTextColor--subdued"
style={Object {}}
class="euiButtonContent euiButton__content"
>
<EuiSpacer
size="m"
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="refresh"
/>
<span
class="euiButton__text"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
<EuiText>
<div
className="euiText euiText--medium"
>
<div>
Could not fetch data at this time. Refresh the tab to try again.
<EuiSpacer
size="s"
>
<div
className="euiSpacer euiSpacer--s"
/>
</EuiSpacer>
<EuiButton
iconType="refresh"
onClick={[Function]}
>
<EuiButtonDisplay
baseClassName="euiButton"
disabled={false}
element="button"
iconType="refresh"
isDisabled={false}
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
iconType="refresh"
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="refresh"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="refresh"
size="m"
/>
</EuiIcon>
<span
className="euiButton__text"
>
Refresh
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</div>
</EuiText>
Refresh
</span>
</span>
</EuiTextColor>
</button>
</div>
</div>
</div>
</span>
</div>
</EuiPanel>
</EuiEmptyPrompt>
</DocViewerSource>
</div>
</div>
</div>
`;
exports[`Source Viewer component renders json code editor 1`] = `
@ -258,8 +150,91 @@ exports[`Source Viewer component renders json code editor 1`] = `
size="s"
>
<div
className="euiSpacer euiSpacer--s"
/>
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"hg1jdf-euiSpacer-m": true,
"i2qclb-euiSpacer-s": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-emotion="css"
data-s=""
>
.css-hg1jdf-euiSpacer-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:16px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-emotion="css"
data-s=""
>
.css-i2qclb-euiSpacer-s{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:8px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
</head>,
"ctr": 2,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-hg1jdf-euiSpacer-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:16px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-i2qclb-euiSpacer-s{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:8px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */",
"name": "i2qclb-euiSpacer-s",
"next": undefined,
"styles": "flex-shrink:0;label:euiSpacer;;;height:8px;;label:s;;;",
"toString": [Function],
}
}
/>
<div
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
</div>
</EuiSpacer>
<div
className="eui-textRight"

View file

@ -70,7 +70,7 @@ describe('Source Viewer component', () => {
/>
</KibanaContextProvider>
);
expect(comp.children()).toMatchSnapshot();
expect(comp.children().render()).toMatchSnapshot();
const errorPrompt = comp.find(EuiEmptyPrompt);
expect(errorPrompt.length).toBe(1);
const refreshButton = comp.find(EuiButton);

View file

@ -41,10 +41,10 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
</p>
</div>
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="eui-textRight"
@ -75,7 +75,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
</span>
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div>
<pre>

View file

@ -1,475 +1,125 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`bulkCreate should display error message when bulkCreate request fails 1`] = `
<SavedObjectsInstallerUi
bulkCreate={[Function]}
intl={
Object {
"defaultFormats": Object {},
"defaultLocale": "en",
"formatDate": [Function],
"formatHTMLMessage": [Function],
"formatMessage": [Function],
"formatNumber": [Function],
"formatPlural": [Function],
"formatRelative": [Function],
"formatTime": [Function],
"formats": Object {
"date": Object {
"full": Object {
"day": "numeric",
"month": "long",
"weekday": "long",
"year": "numeric",
},
"long": Object {
"day": "numeric",
"month": "long",
"year": "numeric",
},
"medium": Object {
"day": "numeric",
"month": "short",
"year": "numeric",
},
"short": Object {
"day": "numeric",
"month": "numeric",
"year": "2-digit",
},
},
"number": Object {
"currency": Object {
"style": "currency",
},
"percent": Object {
"style": "percent",
},
},
"relative": Object {
"days": Object {
"units": "day",
},
"hours": Object {
"units": "hour",
},
"minutes": Object {
"units": "minute",
},
"months": Object {
"units": "month",
},
"seconds": Object {
"units": "second",
},
"years": Object {
"units": "year",
},
},
"time": Object {
"full": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"long": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"medium": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
},
"short": Object {
"hour": "numeric",
"minute": "numeric",
},
},
},
"formatters": Object {
"getDateTimeFormat": [Function],
"getMessageFormat": [Function],
"getNumberFormat": [Function],
"getPluralFormat": [Function],
"getRelativeFormat": [Function],
},
"locale": "en",
"messages": Object {},
"now": [Function],
"onError": [Function],
"textComponent": Symbol(react.fragment),
"timeZone": null,
}
}
savedObjects={
Array [
Object {
"attributes": Object {},
"id": "1",
"type": "index-pattern",
},
]
}
>
<EuiTitle
size="m"
Array [
<h2
class="euiTitle euiTitle--medium"
>
<h2
className="euiTitle euiTitle--medium"
>
Load Kibana objects
</h2>
</EuiTitle>
<EuiFlexGroup
alignItems="center"
justifyContent="spaceBetween"
Load Kibana objects
</h2>,
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<EuiFlexItem>
<div
className="euiFlexItem"
>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
</p>
</div>
</EuiText>
</div>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiButton
data-test-subj="loadSavedObjects"
isLoading={false}
onClick={[Function]}
>
<EuiButtonDisplay
baseClassName="euiButton"
data-test-subj="loadSavedObjects"
disabled={false}
element="button"
isDisabled={false}
isLoading={false}
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary"
data-test-subj="loadSavedObjects"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
isLoading={false}
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
Load Kibana objects
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
<EuiSpacer
size="s"
>
<div
className="euiSpacer euiSpacer--s"
/>
</EuiSpacer>
<EuiCallOut
color="warning"
data-test-subj="loadSavedObjects_failed"
title="Request failed, Error: simulated bulkRequest error"
>
<div
className="euiCallOut euiCallOut--warning"
data-test-subj="loadSavedObjects_failed"
class="euiFlexItem"
>
<div
className="euiCallOutHeader"
class="euiText euiText--medium"
>
<span
className="euiCallOutHeader__title"
>
Request failed, Error: simulated bulkRequest error
</span>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
</p>
</div>
</div>
</EuiCallOut>
</SavedObjectsInstallerUi>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButton euiButton--primary"
data-test-subj="loadSavedObjects"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Load Kibana objects
</span>
</span>
</button>
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
class="euiCallOut euiCallOut--warning"
data-test-subj="loadSavedObjects_failed"
>
<div
class="euiCallOutHeader"
>
<span
class="euiCallOutHeader__title"
>
Request failed, Error: simulated bulkRequest error
</span>
</div>
</div>,
]
`;
exports[`bulkCreate should display success message when bulkCreate is successful 1`] = `
<SavedObjectsInstallerUi
bulkCreate={[Function]}
intl={
Object {
"defaultFormats": Object {},
"defaultLocale": "en",
"formatDate": [Function],
"formatHTMLMessage": [Function],
"formatMessage": [Function],
"formatNumber": [Function],
"formatPlural": [Function],
"formatRelative": [Function],
"formatTime": [Function],
"formats": Object {
"date": Object {
"full": Object {
"day": "numeric",
"month": "long",
"weekday": "long",
"year": "numeric",
},
"long": Object {
"day": "numeric",
"month": "long",
"year": "numeric",
},
"medium": Object {
"day": "numeric",
"month": "short",
"year": "numeric",
},
"short": Object {
"day": "numeric",
"month": "numeric",
"year": "2-digit",
},
},
"number": Object {
"currency": Object {
"style": "currency",
},
"percent": Object {
"style": "percent",
},
},
"relative": Object {
"days": Object {
"units": "day",
},
"hours": Object {
"units": "hour",
},
"minutes": Object {
"units": "minute",
},
"months": Object {
"units": "month",
},
"seconds": Object {
"units": "second",
},
"years": Object {
"units": "year",
},
},
"time": Object {
"full": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"long": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"medium": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
},
"short": Object {
"hour": "numeric",
"minute": "numeric",
},
},
},
"formatters": Object {
"getDateTimeFormat": [Function],
"getMessageFormat": [Function],
"getNumberFormat": [Function],
"getPluralFormat": [Function],
"getRelativeFormat": [Function],
},
"locale": "en",
"messages": Object {},
"now": [Function],
"onError": [Function],
"textComponent": Symbol(react.fragment),
"timeZone": null,
}
}
savedObjects={
Array [
Object {
"attributes": Object {},
"id": "1",
"type": "index-pattern",
},
]
}
>
<EuiTitle
size="m"
Array [
<h2
class="euiTitle euiTitle--medium"
>
<h2
className="euiTitle euiTitle--medium"
>
Load Kibana objects
</h2>
</EuiTitle>
<EuiFlexGroup
alignItems="center"
justifyContent="spaceBetween"
Load Kibana objects
</h2>,
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<EuiFlexItem>
<div
className="euiFlexItem"
>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
</p>
</div>
</EuiText>
</div>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiButton
data-test-subj="loadSavedObjects"
isLoading={false}
onClick={[Function]}
>
<EuiButtonDisplay
baseClassName="euiButton"
data-test-subj="loadSavedObjects"
disabled={false}
element="button"
isDisabled={false}
isLoading={false}
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary"
data-test-subj="loadSavedObjects"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
isLoading={false}
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
Load Kibana objects
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
<EuiSpacer
size="s"
>
<div
className="euiSpacer euiSpacer--s"
/>
</EuiSpacer>
<EuiCallOut
color="success"
data-test-subj="loadSavedObjects_success"
title="1 saved objects successfully added"
>
<div
className="euiCallOut euiCallOut--success"
data-test-subj="loadSavedObjects_success"
class="euiFlexItem"
>
<div
className="euiCallOutHeader"
class="euiText euiText--medium"
>
<span
className="euiCallOutHeader__title"
>
1 saved objects successfully added
</span>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
</p>
</div>
</div>
</EuiCallOut>
</SavedObjectsInstallerUi>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButton euiButton--primary"
data-test-subj="loadSavedObjects"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Load Kibana objects
</span>
</span>
</button>
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
class="euiCallOut euiCallOut--success"
data-test-subj="loadSavedObjects_success"
>
<div
class="euiCallOutHeader"
>
<span
class="euiCallOutHeader__title"
>
1 saved objects successfully added
</span>
</div>
</div>,
]
`;
exports[`renders 1`] = `

View file

@ -45,7 +45,7 @@ describe('bulkCreate', () => {
// Ensure the state changes are reflected
component.update();
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
test('should display error message when bulkCreate request fails', async () => {
@ -66,7 +66,7 @@ describe('bulkCreate', () => {
// Ensure the state changes are reflected
component.update();
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
test('should filter out saved object version before calling bulkCreate', async () => {

View file

@ -11,6 +11,7 @@ import {
EuiFlyout,
EuiFlyoutBody,
EuiFlyoutHeader,
EuiFlyoutProps,
EuiTitle,
EuiLink,
EuiFlyoutFooter,
@ -28,13 +29,14 @@ import { NewsfeedItem } from '../types';
import { NewsEmptyPrompt } from './empty_news';
import { NewsLoadingPrompt } from './loading_news';
export const NewsfeedFlyout = () => {
export const NewsfeedFlyout = (props: Partial<EuiFlyoutProps>) => {
const { newsFetchResult, setFlyoutVisible } = useContext(NewsfeedContext);
const closeFlyout = useCallback(() => setFlyoutVisible(false), [setFlyoutVisible]);
return (
<EuiPortal>
<EuiFlyout
{...props}
onClose={closeFlyout}
size="s"
aria-labelledby="flyoutSmallTitle"

View file

@ -6,7 +6,7 @@
* Side Public License, v 1.
*/
import React, { useState, useEffect, useMemo, useCallback } from 'react';
import React, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
import { EuiHeaderSectionItemButton, EuiIcon } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import type { NewsfeedApi } from '../lib/api';
@ -31,6 +31,9 @@ export const NewsfeedNavButton = ({ newsfeedApi }: Props) => {
return newsFetchResult ? newsFetchResult.hasNew : false;
}, [newsFetchResult]);
const buttonRef = useRef<HTMLButtonElement | null>(null);
const setButtonRef = (node: HTMLButtonElement | null) => (buttonRef.current = node);
useEffect(() => {
const subscription = newsfeedApi.fetchResults$.subscribe((results) => {
setNewsFetchResult(results);
@ -49,6 +52,7 @@ export const NewsfeedNavButton = ({ newsfeedApi }: Props) => {
<NewsfeedContext.Provider value={{ setFlyoutVisible, newsFetchResult }}>
<>
<EuiHeaderSectionItemButton
ref={setButtonRef}
data-test-subj="newsfeed"
aria-controls="keyPadMenu"
aria-expanded={flyoutVisible}
@ -67,7 +71,7 @@ export const NewsfeedNavButton = ({ newsfeedApi }: Props) => {
>
<EuiIcon type="cheer" size="m" />
</EuiHeaderSectionItemButton>
{flyoutVisible ? <NewsfeedFlyout /> : null}
{flyoutVisible ? <NewsfeedFlyout focusTrapProps={{ shards: [buttonRef] }} /> : null}
</>
</NewsfeedContext.Provider>
);

View file

@ -18,7 +18,7 @@ const Accordion = euiStyled(EuiAccordion)`
`;
const CausedByContainer = euiStyled('h5')`
padding: ${({ theme }) => theme.eui.spacerSizes.s} 0;
padding: ${({ theme }) => theme.eui.euiSizeS} 0;
`;
const CausedByHeading = euiStyled('span')`

View file

@ -75,7 +75,7 @@ exports[`Storyshots arguments/AxisConfig extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
</div>
`;
@ -155,7 +155,7 @@ exports[`Storyshots arguments/AxisConfig/components extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
</div>
`;

View file

@ -55,7 +55,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"
@ -130,7 +130,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"

View file

@ -65,7 +65,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"
@ -150,7 +150,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"

View file

@ -29,7 +29,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
@ -54,7 +54,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"
@ -216,7 +216,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
@ -241,7 +241,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"

View file

@ -108,7 +108,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAssetManager__emptyPanel"
@ -312,7 +312,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"
@ -338,7 +338,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
@ -363,7 +363,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"
@ -514,7 +514,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
@ -539,7 +539,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"

View file

@ -216,7 +216,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
@ -533,7 +533,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned canvasElementCard"
@ -845,7 +845,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
@ -1154,7 +1154,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"

View file

@ -35,7 +35,7 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
</span>
</button>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiCallOut euiCallOut--warning"
@ -91,13 +91,13 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource
</span>
</button>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="render_to_dom"
/>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-l0kn38-euiHorizontalRule-full-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -77,7 +77,7 @@ exports[`Storyshots Home Home Page 1`] = `
className="euiPageHeaderContent__bottom"
>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiTabs euiTabs--large euiTabs--condensed"

View file

@ -48,7 +48,7 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
style={Object {}}
>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiText euiText--medium"

View file

@ -90,7 +90,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiBasicTable"
@ -868,7 +868,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
</div>
<div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"

View file

@ -39,7 +39,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
Element controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-ghmjhm-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -378,7 +378,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
<div
@ -390,7 +390,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
Expression controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-ghmjhm-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -415,7 +415,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
<div
@ -427,7 +427,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
Editor controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-ghmjhm-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -734,7 +734,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
<div
@ -746,7 +746,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
Presentation controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-ghmjhm-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -907,7 +907,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
</div>

View file

@ -88,7 +88,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
@ -123,7 +123,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
style={Object {}}
>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiText euiText--medium"
@ -258,7 +258,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"
@ -736,7 +736,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l"
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"

View file

@ -162,7 +162,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -622,7 +622,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -56,7 +56,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -60,7 +60,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
</div>
<form
@ -233,7 +233,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -357,7 +357,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
</div>
<form
@ -471,7 +471,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -595,7 +595,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
</div>
<form
@ -709,7 +709,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -920,7 +920,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -17,10 +17,10 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
Appearance
</h6>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -225,7 +225,7 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<h6
className="euiTitle euiTitle--xxxsmall euiTitle--uppercase"
@ -233,10 +233,10 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
Border
</h6>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -863,10 +863,10 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
Appearance
</h6>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -1071,7 +1071,7 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
</div>
</div>
<div
className="euiSpacer euiSpacer--m"
className="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<h6
className="euiTitle euiTitle--xxxsmall euiTitle--uppercase"
@ -1079,10 +1079,10 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
Border
</h6>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs"
className="euiSpacer euiSpacer--xs css-h21dd6-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -81,10 +81,10 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiSpacer euiSpacer--s"
className="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -256,7 +256,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
</span>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-l0kn38-euiHorizontalRule-full-m"
/>
<form>
<div

View file

@ -70,7 +70,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-l0kn38-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}
@ -239,7 +239,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-l0kn38-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}
@ -408,7 +408,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-l0kn38-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}

View file

@ -26,7 +26,7 @@ type MarkdownEditorFormProps = EuiMarkdownEditorProps & {
const BottomContentWrapper = styled(EuiFlexGroup)`
${({ theme }) => `
padding: ${theme.eui.ruleMargins.marginSmall} 0;
padding: ${theme.eui.euiSizeM} 0;
`}
`;

View file

@ -44,7 +44,7 @@ describe('DocumentCreationFlyout', () => {
const wrapper = shallow(<DocumentCreationFlyout />);
expect(wrapper.find(EuiFlyout)).toHaveLength(1);
wrapper.find(EuiFlyout).prop('onClose')();
wrapper.find(EuiFlyout).prop('onClose')(new MouseEvent('click'));
expect(actions.closeDocumentCreation).toHaveBeenCalled();
});

View file

@ -33,7 +33,7 @@ const FlyoutWithHigherZIndex = styled(EuiFlyout)`
z-index: ${(props) => props.theme.eui.euiZLevel5};
`;
interface Props extends EuiFlyoutProps {
interface Props extends Omit<EuiFlyoutProps, 'onClose'> {
onClose: (createdAgentPolicy?: AgentPolicy) => void;
}

View file

@ -14,7 +14,7 @@ import { usePackageIconType } from '../../../../../hooks';
import { Loading } from '../../../../../components';
const Panel = styled(EuiPanel)`
padding: ${(props) => props.theme.eui.spacerSizes.xl};
padding: ${(props) => props.theme.eui.euiSizeXL};
width: ${(props) =>
parseFloat(props.theme.eui.euiSize) * 6 + parseFloat(props.theme.eui.euiSizeXL) * 2}px;
svg,

View file

@ -48,8 +48,8 @@ import { UpdateButton } from './update_button';
import { UninstallButton } from './uninstall_button';
const SettingsTitleCell = styled.td`
padding-right: ${(props) => props.theme.eui.spacerSizes.xl};
padding-bottom: ${(props) => props.theme.eui.spacerSizes.m};
padding-right: ${(props) => props.theme.eui.euiSizeXL};
padding-bottom: ${(props) => props.theme.eui.euiSizeM};
`;
const NoteLabel = () => (

View file

@ -70,7 +70,7 @@ exports[`policy table shows empty state when there are no policies 1`] = `
class="euiTextColor euiTextColor--subdued"
>
<div
class="euiSpacer euiSpacer--m"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
class="euiText euiText--medium"
@ -81,7 +81,7 @@ exports[`policy table shows empty state when there are no policies 1`] = `
</div>
</span>
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<button
class="euiButton euiButton--primary euiButton--fill"

View file

@ -252,14 +252,14 @@ describe('extend index management', () => {
const extension = ilmSummaryExtension(indexWithLifecyclePolicy, getUrlForApp);
expect(extension).toBeDefined();
const rendered = mountWithIntl(extension);
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
test('should return extension when index has lifecycle error', () => {
const extension = ilmSummaryExtension(indexWithLifecycleError, getUrlForApp);
expect(extension).toBeDefined();
const rendered = mountWithIntl(extension);
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
});

View file

@ -255,7 +255,7 @@ export const DataStreamDetailPanel: React.FunctionComponent<Props> = ({
) : null}
<EuiFlyout
onClose={onClose}
onClose={() => onClose()}
data-test-subj="dataStreamDetailPanel"
aria-labelledby="dataStreamDetailPanelTitle"
size="m"

View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`LicenseStatus component should display display warning is expired 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle euiTitle--large\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Platinum license has expired</span></h1><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium euiText--constrainedWidth\\"><p><span data-test-subj=\\"licenseSubText\\">Your license expired on <strong></strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l\\"></div>"`;
exports[`LicenseStatus component should display display warning is expired 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle euiTitle--large\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Platinum license has expired</span></h1><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiText euiText--medium euiText--constrainedWidth\\"><p><span data-test-subj=\\"licenseSubText\\">Your license expired on <strong></strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle euiTitle--large\\"><span data-euiicon-type=\\"checkInCircleFilled\\" color=\\"success\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Gold license is active</span></h1><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium euiText--constrainedWidth\\"><p><span data-test-subj=\\"licenseSubText\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l\\"></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle euiTitle--large\\"><span data-euiicon-type=\\"checkInCircleFilled\\" color=\\"success\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Gold license is active</span></h1><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiText euiText--medium euiText--constrainedWidth\\"><p><span data-test-subj=\\"licenseSubText\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div>"`;

View file

@ -89,7 +89,7 @@ describe('UploadLicense', () => {
const rendered = mountWithIntl(component);
store.dispatch(uploadLicense('INVALID', 'trial'));
rendered.update();
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
it('should display an error when ES says license is invalid', async () => {
@ -98,7 +98,7 @@ describe('UploadLicense', () => {
const invalidLicense = JSON.stringify({ license: { type: 'basic' } });
await uploadLicense(invalidLicense)(store.dispatch, null, thunkServices);
rendered.update();
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
it('should display an error when ES says license is expired', async () => {
@ -107,7 +107,7 @@ describe('UploadLicense', () => {
const invalidLicense = JSON.stringify({ license: { type: 'basic' } });
await uploadLicense(invalidLicense)(store.dispatch, null, thunkServices);
rendered.update();
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
it('should display a modal when license requires acknowledgement', async () => {
@ -117,7 +117,7 @@ describe('UploadLicense', () => {
});
await uploadLicense(unacknowledgedLicense, 'trial')(store.dispatch, null, thunkServices);
const rendered = mountWithIntl(component);
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
it('should refresh xpack info and navigate to BASE_PATH when ES accepts new license', async () => {
@ -134,6 +134,6 @@ describe('UploadLicense', () => {
const license = JSON.stringify({ license: { type: 'basic' } });
await uploadLicense(license)(store.dispatch, null, thunkServices);
rendered.update();
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
});

View file

@ -83,7 +83,8 @@ describe('ExplorerChart', () => {
);
// test if the loading indicator is shown
expect(wrapper.find('.ml-loading-indicator .euiLoadingChart')).toHaveLength(1);
// Added span because class appears twice with classNames and Emotion
expect(wrapper.find('.ml-loading-indicator span.euiLoadingChart')).toHaveLength(1);
});
// For the following tests the directive needs to be rendered in the actual DOM,

View file

@ -86,7 +86,8 @@ describe('ExplorerChart', () => {
);
// test if the loading indicator is shown
expect(wrapper.find('.ml-loading-indicator .euiLoadingChart')).toHaveLength(1);
// Added span because class appears twice with classNames and Emotion
expect(wrapper.find('.ml-loading-indicator span.euiLoadingChart')).toHaveLength(1);
});
// For the following tests the directive needs to be rendered in the actual DOM,

View file

@ -5,7 +5,7 @@ exports[`CheckerErrors should render nothing if errors is empty 1`] = `null`;
exports[`CheckerErrors should render typical boom errors from api response 1`] = `
Array [
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>,
<div
class="euiCallOut euiCallOut--danger eui-textLeft"

View file

@ -22,7 +22,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
data-euiicon-type="monitoringApp"
/>
<div
class="euiSpacer euiSpacer--m"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<h2
class="euiTitle euiTitle--large"
@ -30,7 +30,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
No monitoring data found
</h2>
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
<div
class="euiText euiText--medium"
@ -43,7 +43,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
</p>
</div>
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -69,7 +69,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
<button
class="euiButtonEmpty euiButtonEmpty--primary"
@ -117,7 +117,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
data-euiicon-type="monitoringApp"
/>
<div
class="euiSpacer euiSpacer--m"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<h2
class="euiTitle euiTitle--large"
@ -125,7 +125,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
No monitoring data found
</h2>
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
<div
class="euiText euiText--medium"
@ -138,7 +138,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
</p>
</div>
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -164,7 +164,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
<button
class="euiButtonEmpty euiButtonEmpty--primary"

View file

@ -1,294 +1,69 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collection.enabled setting 1`] = `
<ExplainCollectionEnabled
enabler={
Object {
"enableCollectionEnabled": [MockFunction],
}
}
intl={
Object {
"defaultFormats": Object {},
"defaultLocale": "en",
"formatDate": [Function],
"formatHTMLMessage": [Function],
"formatMessage": [Function],
"formatNumber": [Function],
"formatPlural": [Function],
"formatRelative": [Function],
"formatTime": [Function],
"formats": Object {
"date": Object {
"full": Object {
"day": "numeric",
"month": "long",
"weekday": "long",
"year": "numeric",
},
"long": Object {
"day": "numeric",
"month": "long",
"year": "numeric",
},
"medium": Object {
"day": "numeric",
"month": "short",
"year": "numeric",
},
"short": Object {
"day": "numeric",
"month": "numeric",
"year": "2-digit",
},
},
"number": Object {
"currency": Object {
"style": "currency",
},
"percent": Object {
"style": "percent",
},
},
"relative": Object {
"days": Object {
"units": "day",
},
"hours": Object {
"units": "hour",
},
"minutes": Object {
"units": "minute",
},
"months": Object {
"units": "month",
},
"seconds": Object {
"units": "second",
},
"years": Object {
"units": "year",
},
},
"time": Object {
"full": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"long": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"medium": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
},
"short": Object {
"hour": "numeric",
"minute": "numeric",
},
},
},
"formatters": Object {
"getDateTimeFormat": [Function],
"getMessageFormat": [Function],
"getNumberFormat": [Function],
"getPluralFormat": [Function],
"getRelativeFormat": [Function],
},
"locale": "en",
"messages": Object {},
"now": [Function],
"onError": [Function],
"textComponent": Symbol(react.fragment),
"timeZone": null,
}
}
reason={
Object {
"context": "cluster",
"data": "-1",
"property": "xpack.monitoring.collection.enabled",
}
}
>
<WhatIs>
<EuiTitle
size="l"
>
<h2
className="euiTitle euiTitle--large"
>
<FormattedMessage
defaultMessage="Monitoring is currently off"
id="xpack.monitoring.noData.blurbs.monitoringIsOffTitle"
values={Object {}}
>
Monitoring is currently off
</FormattedMessage>
</h2>
</EuiTitle>
<EuiTextColor
color="subdued"
>
<span
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
<FormattedMessage
defaultMessage="Monitoring provides insight to your hardware performance and load."
id="xpack.monitoring.noData.blurbs.monitoringIsOffDescription"
values={Object {}}
>
Monitoring provides insight to your hardware performance and load.
</FormattedMessage>
</p>
</div>
</EuiText>
</span>
</EuiTextColor>
</WhatIs>
<EuiHorizontalRule
size="half"
Array [
<h2
class="euiTitle euiTitle--large"
>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
/>
</EuiHorizontalRule>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
<FormattedMessage
defaultMessage="We checked the {context} settings and found that {property} is set to {data}."
id="xpack.monitoring.noData.explanations.collectionEnabledDescription"
values={
Object {
"context": "cluster",
"data": <EuiCode>
-1
</EuiCode>,
"property": <EuiCode>
xpack.monitoring.collection.enabled
</EuiCode>,
}
}
>
We checked the cluster settings and found that
<EuiCode>
<code>
xpack.monitoring.collection.enabled
</code>
</EuiCode>
is set to
<EuiCode>
<code>
-1
</code>
</EuiCode>
.
</FormattedMessage>
</p>
<p>
<FormattedMessage
defaultMessage="Would you like to turn it on?"
id="xpack.monitoring.noData.explanations.collectionEnabled.turnItOnDescription"
values={Object {}}
>
Would you like to turn it on?
</FormattedMessage>
</p>
</div>
</EuiText>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
</EuiSpacer>
<EuiFlexGroup
alignItems="center"
gutterSize="s"
justifyContent="spaceAround"
Monitoring is currently off
</h2>,
<span
class="euiTextColor euiTextColor--subdued"
>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
class="euiText euiText--medium"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiButton
data-test-subj="enableCollectionEnabled"
fill={true}
onClick={[Function]}
type="button"
>
<EuiButtonDisplay
baseClassName="euiButton"
data-test-subj="enableCollectionEnabled"
disabled={false}
element="button"
fill={true}
isDisabled={false}
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary euiButton--fill"
data-test-subj="enableCollectionEnabled"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
<FormattedMessage
defaultMessage="Turn on monitoring"
id="xpack.monitoring.noData.explanations.collectionEnabled.turnOnMonitoringButtonLabel"
values={Object {}}
>
Turn on monitoring
</FormattedMessage>
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</EuiFlexItem>
<p>
Monitoring provides insight to your hardware performance and load.
</p>
</div>
</EuiFlexGroup>
</ExplainCollectionEnabled>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium"
>
<p>
We checked the cluster settings and found that
<code>
xpack.monitoring.collection.enabled
</code>
is set to
<code>
-1
</code>
.
</p>
<p>
Would you like to turn it on?
</p>
</div>,
<div
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>,
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="enableCollectionEnabled"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Turn on monitoring
</span>
</span>
</button>
</div>
</div>,
]
`;

View file

@ -26,7 +26,7 @@ describe('ExplainCollectionEnabled', () => {
test('should explain about xpack.monitoring.collection.enabled setting', () => {
const rendered = mountWithIntl(component);
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
test('should have a button that triggers ajax action', () => {

View file

@ -138,8 +138,91 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
size="half"
>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
/>
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"ilegow-euiHorizontalRule-half-l": true,
"jz428s-euiSpacer-l": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 2,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */",
"name": "ilegow-euiHorizontalRule-half-l",
"next": undefined,
"styles": "border:none;height:1px;background-color:#D3DAE6;flex-shrink:0;flex-grow:0;;label:euiHorizontalRule;;;width:50%;margin-inline:auto;label:half;;;margin-block:24px;;label:l;;;",
"toString": [Function],
}
}
/>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
</hr>
</EuiHorizontalRule>
<EuiText>
<div
@ -158,8 +241,91 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</EuiText>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"ilegow-euiHorizontalRule-half-l": true,
"jz428s-euiSpacer-l": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 2,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */",
"name": "jz428s-euiSpacer-l",
"next": undefined,
"styles": "flex-shrink:0;label:euiSpacer;;;height:24px;;label:l;;;",
"toString": [Function],
}
}
/>
<div
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
</EuiSpacer>
<EuiLoadingSpinner
size="l"
@ -335,8 +501,87 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
size="half"
>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
/>
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"ilegow-euiHorizontalRule-half-l": true,
"jz428s-euiSpacer-l": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 2,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */",
"name": "ilegow-euiHorizontalRule-half-l",
"next": undefined,
"styles": "border:none;height:1px;background-color:#D3DAE6;flex-shrink:0;flex-grow:0;;label:euiHorizontalRule;;;width:50%;margin-inline:auto;label:half;;;margin-block:24px;;label:l;;;",
"toString": [Function],
}
}
/>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
</hr>
</EuiHorizontalRule>
<EuiText>
<div
@ -395,8 +640,87 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</EuiText>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"ilegow-euiHorizontalRule-half-l": true,
"jz428s-euiSpacer-l": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 2,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-ilegow-euiHorizontalRule-half-l{border:none;height:1px;background-color:#D3DAE6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:50%;margin-inline:auto;margin-block:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2hvcml6b250YWxfcnVsZS9ob3Jpem9udGFsX3J1bGUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9ob3Jpem9udGFsX3J1bGUvaG9yaXpvbnRhbF9ydWxlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpSG9yaXpvbnRhbFJ1bGVTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpSG9yaXpvbnRhbFJ1bGU6IGNzc2BcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLmJvcmRlci53aWR0aC50aGlufTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2V1aVRoZW1lLmJvcmRlci5jb2xvcn07XG4gICAgZmxleC1zaHJpbms6IDA7IC8vIEVuc3VyZSB3aGVuIHVzZWQgaW4gZmxleCBncm91cCwgaXQgcmV0YWlucyBpdHMgc2l6ZVxuICAgIGZsZXgtZ3JvdzogMDsgLy8gRW5zdXJlIHdoZW4gdXNlZCBpbiBmbGV4IGdyb3VwLCBpdCByZXRhaW5zIGl0cyBzaXplXG4gIGAsXG5cbiAgLy8gU2l6ZXNcbiAgZnVsbDogY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgLFxuICBoYWxmOiBjc3NgXG4gICAgd2lkdGg6IDUwJTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuICBxdWFydGVyOiBjc3NgXG4gICAgd2lkdGg6IDI1JTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBgLFxuXG4gIC8vIE1hcmdpbnNcbiAgbm9uZTogJycsXG4gIHhzOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUuc307XG4gIGAsXG4gIHM6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS5tfTtcbiAgYCxcbiAgbTogY3NzYFxuICAgIG1hcmdpbi1ibG9jazogJHtldWlUaGVtZS5zaXplLmJhc2V9O1xuICBgLFxuICBsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUubH07XG4gIGAsXG4gIHhsOiBjc3NgXG4gICAgbWFyZ2luLWJsb2NrOiAke2V1aVRoZW1lLnNpemUueGx9O1xuICBgLFxuICB4eGw6IGNzc2BcbiAgICBtYXJnaW4tYmxvY2s6ICR7ZXVpVGhlbWUuc2l6ZS54eGx9O1xuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-jz428s-euiSpacer-l{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5leHBvcnQgY29uc3QgZXVpU3BhY2VyU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIC8vIGJhc2VcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyB2YXJpYW50c1xuICB4czogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */",
"name": "jz428s-euiSpacer-l",
"next": undefined,
"styles": "flex-shrink:0;label:euiSpacer;;;height:24px;;label:l;;;",
"toString": [Function],
}
}
/>
<div
className="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>
</div>
</EuiSpacer>
<EuiFlexGroup
alignItems="center"
@ -487,308 +811,72 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
`;
exports[`ExplainCollectionInterval should explain about xpack.monitoring.collection.interval setting 1`] = `
<ExplainCollectionInterval
enabler={
Object {
"enableCollectionInterval": [MockFunction],
}
}
intl={
Object {
"defaultFormats": Object {},
"defaultLocale": "en",
"formatDate": [Function],
"formatHTMLMessage": [Function],
"formatMessage": [Function],
"formatNumber": [Function],
"formatPlural": [Function],
"formatRelative": [Function],
"formatTime": [Function],
"formats": Object {
"date": Object {
"full": Object {
"day": "numeric",
"month": "long",
"weekday": "long",
"year": "numeric",
},
"long": Object {
"day": "numeric",
"month": "long",
"year": "numeric",
},
"medium": Object {
"day": "numeric",
"month": "short",
"year": "numeric",
},
"short": Object {
"day": "numeric",
"month": "numeric",
"year": "2-digit",
},
},
"number": Object {
"currency": Object {
"style": "currency",
},
"percent": Object {
"style": "percent",
},
},
"relative": Object {
"days": Object {
"units": "day",
},
"hours": Object {
"units": "hour",
},
"minutes": Object {
"units": "minute",
},
"months": Object {
"units": "month",
},
"seconds": Object {
"units": "second",
},
"years": Object {
"units": "year",
},
},
"time": Object {
"full": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"long": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
"timeZoneName": "short",
},
"medium": Object {
"hour": "numeric",
"minute": "numeric",
"second": "numeric",
},
"short": Object {
"hour": "numeric",
"minute": "numeric",
},
},
},
"formatters": Object {
"getDateTimeFormat": [Function],
"getMessageFormat": [Function],
"getNumberFormat": [Function],
"getPluralFormat": [Function],
"getRelativeFormat": [Function],
},
"locale": "en",
"messages": Object {},
"now": [Function],
"onError": [Function],
"textComponent": Symbol(react.fragment),
"timeZone": null,
}
}
isCollectionIntervalUpdated={false}
isCollectionIntervalUpdating={false}
reason={
Object {
"context": "cluster",
"data": "-1",
"property": "xpack.monitoring.collection.interval",
}
}
>
<WhatIs>
<EuiTitle
size="l"
>
<h2
className="euiTitle euiTitle--large"
>
<FormattedMessage
defaultMessage="Monitoring is currently off"
id="xpack.monitoring.noData.blurbs.monitoringIsOffTitle"
values={Object {}}
>
Monitoring is currently off
</FormattedMessage>
</h2>
</EuiTitle>
<EuiTextColor
color="subdued"
>
<span
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
<FormattedMessage
defaultMessage="Monitoring provides insight to your hardware performance and load."
id="xpack.monitoring.noData.blurbs.monitoringIsOffDescription"
values={Object {}}
>
Monitoring provides insight to your hardware performance and load.
</FormattedMessage>
</p>
</div>
</EuiText>
</span>
</EuiTextColor>
</WhatIs>
<EuiHorizontalRule
size="half"
Array [
<h2
class="euiTitle euiTitle--large"
>
<hr
className="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
/>
</EuiHorizontalRule>
<EuiText>
<div
className="euiText euiText--medium"
>
<p>
<FormattedMessage
defaultMessage="We checked the {context} settings and found that {property} is set to {data}."
id="xpack.monitoring.noData.explanations.collectionIntervalDescription"
values={
Object {
"context": "cluster",
"data": <EuiCode>
-1
</EuiCode>,
"property": <EuiCode>
xpack.monitoring.collection.interval
</EuiCode>,
}
}
>
We checked the cluster settings and found that
<EuiCode>
<code>
xpack.monitoring.collection.interval
</code>
</EuiCode>
is set to
<EuiCode>
<code>
-1
</code>
</EuiCode>
.
</FormattedMessage>
</p>
<p>
<FormattedMessage
defaultMessage="The collection interval setting needs to be a positive integer (10s is recommended) in order for the collection agents to be active."
id="xpack.monitoring.noData.explanations.collectionInterval.wrongIntervalValueDescription"
values={Object {}}
>
The collection interval setting needs to be a positive integer (10s is recommended) in order for the collection agents to be active.
</FormattedMessage>
</p>
<p>
<FormattedMessage
defaultMessage="Would you like us to change it and enable monitoring?"
id="xpack.monitoring.noData.explanations.collectionInterval.changeIntervalDescription"
values={Object {}}
>
Would you like us to change it and enable monitoring?
</FormattedMessage>
</p>
</div>
</EuiText>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
</EuiSpacer>
<EuiFlexGroup
alignItems="center"
gutterSize="s"
justifyContent="spaceAround"
Monitoring is currently off
</h2>,
<span
class="euiTextColor euiTextColor--subdued"
>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
class="euiText euiText--medium"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiButton
data-test-subj="enableCollectionInterval"
fill={true}
isLoading={false}
onClick={[Function]}
type="button"
>
<EuiButtonDisplay
baseClassName="euiButton"
data-test-subj="enableCollectionInterval"
disabled={false}
element="button"
fill={true}
isDisabled={false}
isLoading={false}
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary euiButton--fill"
data-test-subj="enableCollectionInterval"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
isLoading={false}
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
<FormattedMessage
defaultMessage="Turn on monitoring"
id="xpack.monitoring.noData.explanations.collectionInterval.turnOnMonitoringButtonLabel"
values={Object {}}
>
Turn on monitoring
</FormattedMessage>
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</EuiFlexItem>
<p>
Monitoring provides insight to your hardware performance and load.
</p>
</div>
</EuiFlexGroup>
</ExplainCollectionInterval>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium"
>
<p>
We checked the cluster settings and found that
<code>
xpack.monitoring.collection.interval
</code>
is set to
<code>
-1
</code>
.
</p>
<p>
The collection interval setting needs to be a positive integer (10s is recommended) in order for the collection agents to be active.
</p>
<p>
Would you like us to change it and enable monitoring?
</p>
</div>,
<div
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>,
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="enableCollectionInterval"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Turn on monitoring
</span>
</span>
</button>
</div>
</div>,
]
`;

View file

@ -32,7 +32,7 @@ describe('ExplainCollectionInterval', () => {
/>
);
const rendered = mountWithIntl(component);
expect(rendered).toMatchSnapshot();
expect(rendered.render()).toMatchSnapshot();
});
test('should have a button that triggers ajax action', () => {

View file

@ -19,7 +19,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium eui-textLeft"
@ -142,7 +142,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium eui-textLeft"

View file

@ -19,7 +19,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium"

View file

@ -19,7 +19,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium"
@ -43,7 +43,7 @@ Array [
</p>
</div>,
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>,
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -90,7 +90,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium eui-textLeft"
@ -213,7 +213,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium eui-textLeft"
@ -244,7 +244,7 @@ Array [
</div>
</span>,
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>,
<div
class="euiText euiText--medium"

View file

@ -10,7 +10,7 @@ exports[`WeTried should render "we tried" message 1`] = `
We couldn't activate monitoring
</h2>
<hr
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge"
class="euiHorizontalRule euiHorizontalRule--half euiHorizontalRule--marginLarge css-ilegow-euiHorizontalRule-half-l"
/>
<div
class="euiText euiText--medium eui-textLeft"

View file

@ -43,7 +43,7 @@ test('ScreenCapturePanelContent renders the default view properly', () => {
/>
</IntlProvider>
);
expect(component.find('EuiForm')).toMatchSnapshot();
expect(component.find('EuiForm').render()).toMatchSnapshot();
expect(component.text()).not.toMatch('Full page layout');
expect(component.text()).not.toMatch('Optimize for printing');
});
@ -63,7 +63,7 @@ test('ScreenCapturePanelContent properly renders a view with "canvas" layout opt
/>
</IntlProvider>
);
expect(component.find('EuiForm')).toMatchSnapshot();
expect(component.find('EuiForm').render()).toMatchSnapshot();
expect(component.text()).toMatch('Full page layout');
});
@ -121,7 +121,7 @@ test('ScreenCapturePanelContent properly renders a view with "print" layout opti
/>
</IntlProvider>
);
expect(component.find('EuiForm')).toMatchSnapshot();
expect(component.find('EuiForm').render()).toMatchSnapshot();
expect(component.text()).toMatch('Optimize for printing');
});

View file

@ -1,126 +1,53 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`OverwrittenSessionPage renders as expected 1`] = `
<AuthenticationStatePage
title={
<FormattedMessage
defaultMessage="You previously logged in as a different user."
id="xpack.security.overwrittenSession.title"
values={Object {}}
/>
}
<div
class="secAuthenticationStatePage "
>
<div
className="secAuthenticationStatePage "
<header
class="secAuthenticationStatePage__header"
>
<header
className="secAuthenticationStatePage__header"
<div
class="secAuthenticationStatePage__content eui-textCenter"
>
<div
className="secAuthenticationStatePage__content eui-textCenter"
class="euiSpacer euiSpacer--xxl css-1ji3uld-euiSpacer-xxl"
/>
<span
class="secAuthenticationStatePage__logo"
>
<EuiSpacer
size="xxl"
>
<div
className="euiSpacer euiSpacer--xxl"
/>
</EuiSpacer>
<span
className="secAuthenticationStatePage__logo"
>
<EuiIcon
size="xxl"
type="logoElastic"
>
<span
data-euiicon-type="logoElastic"
size="xxl"
/>
</EuiIcon>
</span>
<EuiTitle
className="secAuthenticationStatePage__title"
size="l"
>
<h1
className="euiTitle euiTitle--large secAuthenticationStatePage__title"
>
<FormattedMessage
defaultMessage="You previously logged in as a different user."
id="xpack.security.overwrittenSession.title"
values={Object {}}
>
You previously logged in as a different user.
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="xl"
>
<div
className="euiSpacer euiSpacer--xl"
/>
</EuiSpacer>
</div>
</header>
<div
className="secAuthenticationStatePage__content eui-textCenter"
>
<EuiButton
href="/mock-base-path/"
data-euiicon-type="logoElastic"
/>
</span>
<h1
class="euiTitle euiTitle--large secAuthenticationStatePage__title"
>
<EuiButtonDisplay
baseClassName="euiButton"
element="a"
href="/mock-base-path/"
isDisabled={false}
rel="noreferrer"
>
<a
className="euiButton euiButton--primary"
disabled={false}
href="/mock-base-path/"
rel="noreferrer"
style={
Object {
"minWidth": undefined,
}
}
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
<FormattedMessage
defaultMessage="Continue as {username}"
id="xpack.security.overwrittenSession.continueAsUserText"
values={
Object {
"username": "mock-user",
}
}
>
Continue as mock-user
</FormattedMessage>
</span>
</span>
</EuiButtonContent>
</a>
</EuiButtonDisplay>
</EuiButton>
You previously logged in as a different user.
</h1>
<div
class="euiSpacer euiSpacer--xl css-kiiy9t-euiSpacer-xl"
/>
</div>
</header>
<div
class="secAuthenticationStatePage__content eui-textCenter"
>
<a
class="euiButton euiButton--primary"
href="/mock-base-path/"
rel="noreferrer"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Continue as mock-user
</span>
</span>
</a>
</div>
</AuthenticationStatePage>
</div>
`;

View file

@ -44,7 +44,7 @@ describe('OverwrittenSessionPage', () => {
wrapper.update();
});
expect(wrapper.find(AuthenticationStatePage)).toMatchSnapshot();
expect(wrapper.find(AuthenticationStatePage).render()).toMatchSnapshot();
});
it('properly parses `next` parameter', async () => {

View file

@ -1,133 +1,54 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<RolesGridPage /> renders permission denied if required 1`] = `
<PermissionDenied>
<EuiPageContent
color="danger"
horizontalPosition="center"
verticalPosition="center"
<div
class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter"
role="main"
>
<div
class="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
>
<EuiPanel
className="euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter"
color="danger"
paddingSize="l"
role="main"
<div
class="euiEmptyPrompt__main"
>
<div
className="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter"
role="main"
class="euiEmptyPrompt__icon"
>
<EuiEmptyPrompt
body={
<p
data-test-subj="permissionDeniedMessage"
>
<FormattedMessage
defaultMessage="Contact your system administrator."
id="xpack.security.management.roles.noPermissionToManageRolesDescription"
values={Object {}}
/>
</p>
}
iconType="securityApp"
title={
<h2>
<FormattedMessage
defaultMessage="You need permission to manage roles"
id="xpack.security.management.roles.deniedPermissionTitle"
values={Object {}}
/>
</h2>
}
<span
color="subdued"
data-euiicon-type="securityApp"
/>
</div>
<div
class="euiEmptyPrompt__content"
>
<div
class="euiEmptyPrompt__contentInner"
>
<EuiPanel
className="euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
color="transparent"
paddingSize="none"
<h2
class="euiTitle euiTitle--medium"
>
You need permission to manage roles
</h2>
<span
class="euiTextColor euiTextColor--subdued"
>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
class="euiText euiText--medium"
>
<div
className="euiEmptyPrompt__main"
<p
data-test-subj="permissionDeniedMessage"
>
<div
className="euiEmptyPrompt__icon"
>
<EuiIcon
color="subdued"
size="xxl"
type="securityApp"
>
<span
color="subdued"
data-euiicon-type="securityApp"
size="xxl"
/>
</EuiIcon>
</div>
<div
className="euiEmptyPrompt__content"
>
<div
className="euiEmptyPrompt__contentInner"
>
<EuiTitle
size="m"
>
<h2
className="euiTitle euiTitle--medium"
>
<FormattedMessage
defaultMessage="You need permission to manage roles"
id="xpack.security.management.roles.deniedPermissionTitle"
values={Object {}}
>
You need permission to manage roles
</FormattedMessage>
</h2>
</EuiTitle>
<EuiTextColor
color="subdued"
>
<span
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<EuiSpacer
size="m"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
<EuiText>
<div
className="euiText euiText--medium"
>
<p
data-test-subj="permissionDeniedMessage"
>
<FormattedMessage
defaultMessage="Contact your system administrator."
id="xpack.security.management.roles.noPermissionToManageRolesDescription"
values={Object {}}
>
Contact your system administrator.
</FormattedMessage>
</p>
</div>
</EuiText>
</span>
</EuiTextColor>
</div>
</div>
</div>
Contact your system administrator.
</p>
</div>
</EuiPanel>
</EuiEmptyPrompt>
</span>
</div>
</div>
</EuiPanel>
</EuiPageContent>
</PermissionDenied>
</div>
</div>
</div>
`;

View file

@ -125,7 +125,7 @@ describe('<RolesGridPage />', () => {
await waitForRender(wrapper, (updatedWrapper) => {
return updatedWrapper.find(PermissionDenied).length > 0;
});
expect(wrapper.find(PermissionDenied)).toMatchSnapshot();
expect(wrapper.find(PermissionDenied).render()).toMatchSnapshot();
});
it('renders role actions as appropriate, escaping when necessary', async () => {

View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">Some Title</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m\\"></div><div class=\\"euiText euiText--medium\\"><div>Some Body</div></div></span><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#2</span></div></div></div></div></div></div></div></div></div></body></html>"`;
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">Some Title</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m\\"></div><div class=\\"euiText euiText--medium\\"><div>Some Body</div></div></span><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#2</span></div></div></div></div></div></div></div></div></div></body></html>"`;
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">Some Title</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m\\"></div><div class=\\"euiText euiText--medium\\"><div>Some Body</div></div></span><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#2</span></div></div></div></div></div></div></div></div></div></body></html>"`;
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">Some Title</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m\\"></div><div class=\\"euiText euiText--medium\\"><div>Some Body</div></div></span><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span>Action#2</span></div></div></div></div></div></div></div></div></div></body></html>"`;

View file

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">We couldn&#x27;t log you in</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m\\"></div><div class=\\"euiText euiText--medium\\"><p>We hit an authentication error. Please check your credentials and try again. If you still can&#x27;t log in, contact your system administrator.</p></div></span><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><a class=\\"euiButton euiButton--primary euiButton--fill\\" href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" data-test-subj=\\"logInButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Log in</span></span></a></div></div></div></div></div></div></div></div></div></body></html>"`;
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">We couldn&#x27;t log you in</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m\\"></div><div class=\\"euiText euiText--medium\\"><p>We hit an authentication error. Please check your credentials and try again. If you still can&#x27;t log in, contact your system administrator.</p></div></span><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><a class=\\"euiButton euiButton--primary euiButton--fill\\" href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" data-test-subj=\\"logInButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Log in</span></span></a></div></div></div></div></div></div></div></div></div></body></html>"`;

View file

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">You do not have permission to access the requested page</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m\\"></div><div class=\\"euiText euiText--medium\\"><p>Either go back to the previous page or log in as a different user.</p></div></span><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><a class=\\"euiButton euiButton--primary euiButton--fill\\" href=\\"/path/to/logout\\" rel=\\"noreferrer\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Log in as different user</span></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></div></div></div></body></html>"`;
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/100500/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.v8.light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/node_modules/@kbn/ui-framework/dist/kui_light.css\\" rel=\\"stylesheet\\"/><link href=\\"/mock-server-basepath/ui/legacy_light_theme.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/mock-server-basepath/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/mock-server-basepath/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div class=\\"euiPage euiPage--grow\\" style=\\"min-height:100vh\\" data-test-subj=\\"promptPage\\"><div class=\\"euiPageBody euiPageBody--borderRadiusNone\\"><div class=\\"euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter\\" role=\\"main\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge\\"><div class=\\"euiEmptyPrompt__main\\"><div class=\\"euiEmptyPrompt__icon\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content\\"><div class=\\"euiEmptyPrompt__contentInner\\"><h2 class=\\"euiTitle euiTitle--medium\\">You do not have permission to access the requested page</h2><span class=\\"euiTextColor euiTextColor--subdued\\"><div class=\\"euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m\\"></div><div class=\\"euiText euiText--medium\\"><p>Either go back to the previous page or log in as a different user.</p></div></span><div class=\\"euiSpacer euiSpacer--l css-jz428s-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive euiEmptyPrompt__actions\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><a class=\\"euiButton euiButton--primary euiButton--fill\\" href=\\"/path/to/logout\\" rel=\\"noreferrer\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Log in as different user</span></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></div></div></div></body></html>"`;

View file

@ -97,7 +97,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
Status
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -194,7 +194,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
Risk Score
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -253,7 +253,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
</div>
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive c0"
@ -270,7 +270,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
Rule
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"

View file

@ -23,7 +23,7 @@ type MarkdownEditorFormProps = EuiMarkdownEditorProps & {
const BottomContentWrapper = styled(EuiFlexGroup)`
${({ theme }) => `
padding: ${theme.eui.ruleMargins.marginSmall} 0;
padding: ${theme.eui.euiSizeM} 0;
`}
`;

View file

@ -27,7 +27,7 @@ import { DescriptionField } from './components/description_field';
const CardContainerPanel = styled(EuiSplitPanel.Outer)`
&.artifactEntryCardMinified + &.artifactEntryCardMinified {
margin-top: ${({ theme }) => theme.eui.spacerSizes.l};
margin-top: ${({ theme }) => theme.eui.euiSizeL};
}
`;

View file

@ -12,7 +12,7 @@ import React, { memo } from 'react';
export const EuiPanelStyled = styled(EuiPanel)`
&.artifactEntryCard + &.artifactEntryCard {
margin-top: ${({ theme }) => theme.eui.spacerSizes.l};
margin-top: ${({ theme }) => theme.eui.euiSizeL};
}
`;

View file

@ -56,7 +56,7 @@ const OPERATOR_TYPE_LABELS_EXCLUDED = Object.freeze({
});
const EuiFlexGroupNested = styled(EuiFlexGroup)`
margin-left: ${({ theme }) => theme.eui.spacerSizes.xl};
margin-left: ${({ theme }) => theme.eui.euiSizeXL};
`;
const EuiFlexItemNested = styled(EuiFlexItem)`

View file

@ -64,7 +64,7 @@ type EventListPaginatedContent = PaginatedContentProps<
const AdministrationListPage = styled(_AdministrationListPage)`
.event-filter-container > * {
margin-bottom: ${({ theme }) => theme.eui.spacerSizes.l};
margin-bottom: ${({ theme }) => theme.eui.euiSizeL};
&:last-child {
margin-bottom: 0;

View file

@ -25,7 +25,7 @@ export const RadioFlexGroup = styled(EuiFlexGroup)`
margin-right: 0;
}
.no-horizontal-margin-radio {
margin: ${(props) => props.theme.eui.ruleMargins.marginSmall} 0;
margin: ${(props) => props.theme.eui.euiSizeM} 0;
}
`;

View file

@ -8,7 +8,7 @@
import styled from 'styled-components';
import { EuiTheme } from '@kbn/kibana-react-plugin/common';
type SpacingOptions = keyof EuiTheme['eui']['spacerSizes'];
type SpacingOptions = keyof EuiTheme['eui']['paddingSizes'];
/**
* A vertical divider - show a vertical line that spans 100% of the height of its parent container.

View file

@ -35,280 +35,127 @@ exports[`Details Panel Component DetailsPanel: rendering it should not render th
`;
exports[`Details Panel Component DetailsPanel:EventDetails: rendering it should render the Event Details Panel when the panelView is set and the associated params are set 1`] = `
.c0 {
Array [
.c0 {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-top: 8px;
}
<EventDetailsPanelComponent
browserFields={Object {}}
docValueFields={Array []}
expandedEvent={
Object {
"eventId": "my-id",
"indexName": "my-index",
}
}
handleOnEventClosed={[Function]}
isDraggable={false}
isFlyoutView={false}
runtimeMappings={Object {}}
tabType="query"
timelineId="test"
>
<ExpandableEventTitle
handleOnEventClosed={[Function]}
isAlert={false}
loading={true}
ruleName=""
>
<Styled(EuiFlexGroup)
gutterSize="none"
justifyContent="spaceBetween"
wrap={true}
>
<EuiFlexGroup
className="c0"
gutterSize="none"
justifyContent="spaceBetween"
wrap={true}
>
<div
className="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap c0"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiButtonIcon
aria-label="close"
iconType="cross"
onClick={[Function]}
>
<button
aria-label="close"
className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
onClick={[Function]}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="cross"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
</Styled(EuiFlexGroup)>
</ExpandableEventTitle>
<EuiSpacer
size="m"
<div
class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap c0"
>
<div
className="euiSpacer euiSpacer--m"
class="euiFlexItem euiFlexItem--flexGrowZero"
/>
</EuiSpacer>
<ExpandableEvent
browserFields={Object {}}
detailsData={null}
event={
Object {
"eventId": "my-id",
"indexName": "my-index",
}
}
handleOnEventClosed={[Function]}
hostRisk={null}
isAlert={false}
isDraggable={false}
loading={true}
timelineId="test"
timelineTabType="query"
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
aria-label="close"
class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
</div>
</div>,
<div
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>,
<span
class="euiLoadingContent"
>
<EuiLoadingContent
lines={10}
<span
class="euiLoadingContent__singleLine"
>
<span
className="euiLoadingContent"
>
<span
className="euiLoadingContent__singleLine"
key="0"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="1"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="2"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="3"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="4"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="5"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="6"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="7"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="8"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
<span
className="euiLoadingContent__singleLine"
key="9"
>
<span
className="euiLoadingContent__singleLineBackground"
/>
</span>
</span>
</EuiLoadingContent>
</ExpandableEvent>
<Connect(Component)
detailsData={null}
detailsEcsData={null}
expandedEvent={
Object {
"eventId": "my-id",
"indexName": "my-index",
}
}
handleOnEventClosed={[Function]}
isHostIsolationPanelOpen={false}
loadingEventDetails={true}
onAddIsolationStatusClick={[Function]}
refetchFlyoutData={[Function]}
timelineId="test"
>
<Memo()
detailsData={null}
detailsEcsData={null}
dispatch={[Function]}
expandedEvent={
Object {
"eventId": "my-id",
"indexName": "my-index",
}
}
globalQuery={Array []}
handleOnEventClosed={[Function]}
isHostIsolationPanelOpen={false}
loadingEventDetails={true}
onAddIsolationStatusClick={[Function]}
refetchFlyoutData={[Function]}
timelineId="test"
timelineQuery={
Object {
"id": "",
"inspect": null,
"isInspected": false,
"loading": false,
"refetch": null,
"selectedInspectIndex": 0,
}
}
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<EuiFlyoutFooter
data-test-subj="side-panel-flyout-footer"
>
<div
className="euiFlyoutFooter"
data-test-subj="side-panel-flyout-footer"
>
<EuiFlexGroup
justifyContent="flexEnd"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
</EuiFlexItem>
</div>
</EuiFlexGroup>
</div>
</EuiFlyoutFooter>
</Memo()>
</Connect(Component)>
</EventDetailsPanelComponent>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
<span
class="euiLoadingContent__singleLine"
>
<span
class="euiLoadingContent__singleLineBackground"
/>
</span>
</span>,
<div
class="euiFlyoutFooter"
data-test-subj="side-panel-flyout-footer"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
/>
</div>
</div>,
]
`;
exports[`Details Panel Component DetailsPanel:EventDetails: rendering it should render the Event Details view of the Details Panel in the flyout when the panelView is eventDetail and the eventId is set 1`] = `

View file

@ -179,7 +179,7 @@ describe('Details Panel Component', () => {
</TestProviders>
);
expect(wrapper.find('EventDetailsPanelComponent')).toMatchSnapshot();
expect(wrapper.find('EventDetailsPanelComponent').render()).toMatchSnapshot();
});
test('it should render the Event Details view of the Details Panel in the flyout when the panelView is eventDetail and the eventId is set', () => {

View file

@ -824,7 +824,7 @@ exports[`DonutChart component renders a donut chart 1`] = `
</span>
</div>
<div
class="euiSpacer euiSpacer--m"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow"
@ -979,7 +979,7 @@ exports[`DonutChart component renders a green check when all monitors are up 1`]
</span>
</div>
<div
class="euiSpacer euiSpacer--m"
class="euiSpacer euiSpacer--m css-hg1jdf-euiSpacer-m"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow"

View file

@ -46,7 +46,8 @@ describe('ChartWrapper component', () => {
</ChartWrapper>
);
let loadingChart = component.find(`.euiLoadingChart`);
// Added span because class appears twice with classNames and Emotion
let loadingChart = component.find(`span.euiLoadingChart`);
expect(loadingChart.length).toBe(1);
component.setProps({

View file

@ -165,7 +165,7 @@ exports[`PingListExpandedRow renders link to docs if body is not recorded but it
Body size is 1MB.
</div>
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>
<div
class="euiText euiText--medium"

View file

@ -10,7 +10,7 @@ Array [
</h2>
</div>,
<div
class="euiSpacer euiSpacer--l"
class="euiSpacer euiSpacer--l css-jz428s-euiSpacer-l"
/>,
.c0.c0.c0 {
width: 30%;

View file

@ -13,7 +13,7 @@ Array [
TLS Certificate
</dt>,
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
.c0.c0.c0 {
width: 70%;
@ -68,7 +68,7 @@ Array [
TLS Certificate
</dt>,
<div
class="euiSpacer euiSpacer--s"
class="euiSpacer euiSpacer--s css-i2qclb-euiSpacer-s"
/>,
.c0.c0.c0 {
width: 70%;

View file

@ -1508,10 +1508,10 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui@55.0.1":
version "55.0.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-55.0.1.tgz#d10978aa01b3e44f54dbfa148bc31af58d64b251"
integrity sha512-k6ES2Sp8bZlYGRFYIoBS2EQ3C9BmEgC4p/A4ViHWNKpb0qriS37A28/QyIR2cPXwiesRq6rt7L+LQSLJlXmGzA==
"@elastic/eui@55.1.2":
version "55.1.2"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-55.1.2.tgz#dd0b42f5b26c5800d6a9cb2d4c2fe1afce9d3f07"
integrity sha512-wwZz5KxMIMFlqEsoCRiQBJDc4CrluS1d0sCOmQ5lhIzKhYc91MdxnqCk2i6YkhL4sSDf2Y9KAEuMXa+uweOWUA==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"