Upgrade EUI to v33.0.0 (#99382)

* eui to 33.0.0

* resize observer type inclusion - revisit

* src snapshot updates

* x-pack snapshot updates

* table sort test updates

* code block language sh -> bash

* datagrid datetime sort inversion

* types

* kbn-crypto

* refractor yarn resolution

* refractor yarn resolution

* update cypress tests

* url state test

* trial

* Revert "trial"

This reverts commit adc3538145.

* trial anomaly timeout

* Revert "trial anomaly timeout"

This reverts commit 9a11711ba8.

* kbn-telemetry-tools

* Change a useMemo to useCallback so the code executes when intended

* Removed no-longer-used import

* exitOrFail already retries for longer than tryForTime

* Wait for loading indicator to disappear

* Intentionally adding `.only`

* Revert .only

* Increase wait time for the ML chart to load

* Remove unused var

* overflow

* chartWidth

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Alejandro Fernández Haro <alejandro.haro@elastic.co>
Co-authored-by: Chandler Prall <chandler.prall@gmail.com>
This commit is contained in:
Greg Thompson 2021-06-01 10:53:07 -05:00 committed by GitHub
parent 9734d1cfe8
commit 38fd8a268a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
79 changed files with 1152 additions and 622 deletions

View file

@ -86,6 +86,7 @@
"**/prismjs": "1.23.0",
"**/react-syntax-highlighter": "^15.3.1",
"**/react-syntax-highlighter/**/highlight.js": "^10.4.1",
"**/refractor": "^3.3.1",
"**/request": "^2.88.2",
"**/trim": "1.0.1",
"**/typescript": "4.1.3",
@ -102,7 +103,7 @@
"@elastic/datemath": "link:bazel-bin/packages/elastic-datemath/npm_module",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.4",
"@elastic/ems-client": "7.13.0",
"@elastic/eui": "32.1.0",
"@elastic/eui": "33.0.0",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "^9.0.1-kibana3",
"@elastic/maki": "6.3.0",

View file

@ -38,6 +38,7 @@ TYPES_DEPS = [
"@npm//@types/node",
"@npm//@types/node-forge",
"@npm//@types/testing-library__jest-dom",
"@npm//resize-observer-polyfill"
]
DEPS = SRC_DEPS + TYPES_DEPS

View file

@ -47,6 +47,7 @@ TYPES_DEPS = [
"@npm//@types/node",
"@npm//@types/normalize-path",
"@npm//@types/testing-library__jest-dom",
"@npm//resize-observer-polyfill"
]
DEPS = SRC_DEPS + TYPES_DEPS

View file

@ -587,10 +587,12 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="home"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="home"
/>
</EuiIcon>
@ -1921,6 +1923,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<span
class="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lockOpen"
/>
<span
@ -1952,10 +1955,12 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="lockOpen"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lockOpen"
/>
</EuiIcon>
@ -1999,6 +2004,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="s"
iconType="cross"
textProps={
Object {
@ -2011,13 +2017,15 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="cross"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
size="s"
/>
</EuiIcon>
<span
@ -2854,10 +2862,12 @@ exports[`CollapsibleNav renders the default nav 3`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="home"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="home"
/>
</EuiIcon>
@ -3084,6 +3094,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
>
<span
class="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lock"
/>
<span
@ -3115,10 +3126,12 @@ exports[`CollapsibleNav renders the default nav 3`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="lock"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lock"
/>
</EuiIcon>
@ -3162,6 +3175,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="s"
iconType="cross"
textProps={
Object {
@ -3174,13 +3188,15 @@ exports[`CollapsibleNav renders the default nav 3`] = `
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="cross"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
size="s"
/>
</EuiIcon>
<span

View file

@ -4115,6 +4115,7 @@ exports[`Header renders 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -4297,6 +4298,7 @@ exports[`Header renders 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -5154,10 +5156,12 @@ exports[`Header renders 1`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="home"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="home"
/>
</EuiIcon>
@ -5469,6 +5473,7 @@ exports[`Header renders 1`] = `
>
<span
class="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lock"
/>
<span
@ -5500,10 +5505,12 @@ exports[`Header renders 1`] = `
>
<EuiIcon
className="euiListGroupItem__icon"
color="inherit"
type="lock"
>
<span
className="euiListGroupItem__icon"
color="inherit"
data-euiicon-type="lock"
/>
</EuiIcon>
@ -5547,6 +5554,7 @@ exports[`Header renders 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="s"
iconType="cross"
textProps={
Object {
@ -5559,13 +5567,15 @@ exports[`Header renders 1`] = `
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="cross"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
size="s"
/>
</EuiIcon>
<span

View file

@ -26,7 +26,7 @@ Array [
]
`;
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium euiFlyout--paddingLarge\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Close this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div>"`;
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium euiFlyout--paddingLarge\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Close this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div>"`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 1`] = `
Array [
@ -59,4 +59,4 @@ Array [
]
`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium euiFlyout--paddingLarge\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Close this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div>"`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium euiFlyout--paddingLarge\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Close this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div>"`;

View file

@ -29,7 +29,7 @@ Array [
]
`;
exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText euiText--medium\\" data-test-subj=\\"confirmModalBodyText\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText euiText--medium\\" data-test-subj=\\"confirmModalBodyText\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() renders a string confirm message 1`] = `
Array [
@ -49,7 +49,7 @@ Array [
]
`;
exports[`ModalService openConfirm() renders a string confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText euiText--medium\\" data-test-subj=\\"confirmModalBodyText\\"><p>Some message</p></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() renders a string confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText euiText--medium\\" data-test-subj=\\"confirmModalBodyText\\"><p>Some message</p></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() with a currently active confirm replaces the current confirm with the new one 1`] = `
Array [
@ -131,7 +131,7 @@ Array [
]
`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div>"`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div>"`;
exports[`ModalService openModal() with a currently active confirm replaces the current confirm with the new one 1`] = `
Array [

View file

@ -718,11 +718,13 @@ exports[`Inspector Data View component should render single table without select
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>
@ -996,6 +998,7 @@ exports[`Inspector Data View component should render single table without select
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="s"
iconType="arrowDown"
textProps={
Object {
@ -1008,13 +1011,15 @@ exports[`Inspector Data View component should render single table without select
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
</EuiIcon>
<span
@ -1066,7 +1071,6 @@ exports[`Inspector Data View component should render single table without select
<tr>
<EuiTableHeaderCell
align="left"
allowNeutralSort={true}
data-test-subj="tableHeaderCell_1_0"
isSorted={false}
key="_data_h_1_0"
@ -1091,40 +1095,34 @@ exports[`Inspector Data View component should render single table without select
onClick={[Function]}
type="button"
>
<span
<CellContents
className="euiTableCellContent"
isSorted={false}
showSortMsg={true}
>
<EuiInnerText>
<EuiI18n
default="{innerText}; Sorted in {ariaSortValue} order"
token="euiTableHeaderCell.titleTextWithSort"
values={
Object {
"ariaSortValue": "none",
"innerText": undefined,
}
}
>
<span
className="euiTableCellContent__text"
>
column1
</span>
</EuiI18n>
</EuiInnerText>
</span>
<EuiScreenReaderOnly>
<span
className="euiScreenReaderOnly"
className="euiTableCellContent"
>
<EuiI18n
default="Click to sort in ascending order"
token="euiTableHeaderCell.clickForAscending"
>
Click to sort in ascending order
</EuiI18n>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": undefined,
}
}
>
<span
className="euiTableCellContent__text"
>
column1
</span>
</EuiI18n>
</EuiInnerText>
</span>
</EuiScreenReaderOnly>
</CellContents>
</button>
</th>
</EuiTableHeaderCell>
@ -1322,6 +1320,7 @@ exports[`Inspector Data View component should render single table without select
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="s"
iconType="arrowDown"
textProps={
Object {
@ -1334,13 +1333,15 @@ exports[`Inspector Data View component should render single table without select
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
</EuiIcon>
<span
@ -1411,12 +1412,14 @@ exports[`Inspector Data View component should render single table without select
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowLeft"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -1487,6 +1490,7 @@ exports[`Inspector Data View component should render single table without select
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -1543,12 +1547,14 @@ exports[`Inspector Data View component should render single table without select
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -2038,6 +2044,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="m"
iconType="arrowDown"
textProps={
Object {
@ -2050,11 +2057,13 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>
@ -2247,11 +2256,13 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>
@ -2549,6 +2560,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="s"
iconType="arrowDown"
textProps={
Object {
@ -2561,13 +2573,15 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
</EuiIcon>
<span
@ -2619,7 +2633,6 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<tr>
<EuiTableHeaderCell
align="left"
allowNeutralSort={true}
data-test-subj="tableHeaderCell_1_0"
isSorted={false}
key="_data_h_1_0"
@ -2644,41 +2657,35 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
onClick={[Function]}
type="button"
>
<span
<CellContents
className="euiTableCellContent"
isSorted={false}
showSortMsg={true}
>
<EuiInnerText>
<EuiI18n
default="{innerText}; Sorted in {ariaSortValue} order"
token="euiTableHeaderCell.titleTextWithSort"
values={
Object {
"ariaSortValue": "none",
"innerText": "column1",
}
}
>
<span
className="euiTableCellContent__text"
title="column1"
>
column1
</span>
</EuiI18n>
</EuiInnerText>
</span>
<EuiScreenReaderOnly>
<span
className="euiScreenReaderOnly"
className="euiTableCellContent"
>
<EuiI18n
default="Click to sort in ascending order"
token="euiTableHeaderCell.clickForAscending"
>
Click to sort in ascending order
</EuiI18n>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "column1",
}
}
>
<span
className="euiTableCellContent__text"
title="column1"
>
column1
</span>
</EuiI18n>
</EuiInnerText>
</span>
</EuiScreenReaderOnly>
</CellContents>
</button>
</th>
</EuiTableHeaderCell>
@ -2876,6 +2883,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="s"
iconType="arrowDown"
textProps={
Object {
@ -2888,13 +2896,15 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
>
<EuiIcon
className="euiButtonContent__icon"
size="m"
color="inherit"
size="s"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
</EuiIcon>
<span
@ -2965,12 +2975,14 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowLeft"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -3041,6 +3053,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -3097,12 +3110,14 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -697,12 +697,14 @@ exports[`Discover IndexPattern Management renders correctly 1`] = `
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="boxesHorizontal"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
size="m"
/>

View file

@ -60,7 +60,7 @@ export function Instruction({ commands, paramValues, textPost, textPre, replaceT
commandBlock = (
<div>
<EuiSpacer size="m" />
<EuiCodeBlock language="sh">{cmdText}</EuiCodeBlock>
<EuiCodeBlock language="bash">{cmdText}</EuiCodeBlock>
</div>
);
}

View file

@ -306,7 +306,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -315,7 +315,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
>
Input
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -323,7 +323,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -332,7 +332,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
>
Output
</span>
</div>
</span>
</th>
</tr>
</thead>

View file

@ -112,12 +112,14 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
<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"
/>

View file

@ -268,6 +268,7 @@ exports[`InspectorPanel should render as expected 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="right"
iconSize="m"
iconType="arrowDown"
textProps={
Object {
@ -280,11 +281,13 @@ exports[`InspectorPanel should render as expected 1`] = `
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="arrowDown"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>

View file

@ -95,11 +95,13 @@ exports[`Intro component renders correctly 1`] = `
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="eye"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="eye"
size="m"
/>
@ -178,11 +180,13 @@ exports[`Intro component renders correctly 1`] = `
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="m"
type="trash"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -22,12 +22,14 @@ exports[`Intro component renders correctly 1`] = `
<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"
/>

View file

@ -24,12 +24,14 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
<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"
/>
@ -101,12 +103,14 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
<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"
/>
@ -178,12 +182,14 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
<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"
/>
@ -255,12 +261,14 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
<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"
/>

View file

@ -6,7 +6,7 @@
* Side Public License, v 1.
*/
import React, { useEffect, useMemo, useRef } from 'react';
import React, { useEffect, useCallback, useRef } from 'react';
import { EuiResizeObserver } from '@elastic/eui';
import { throttle } from 'lodash';
@ -48,7 +48,7 @@ const VegaVisComponent = ({ visData, fireEvent, renderComplete, deps }: VegaVisC
}
}, [visData, renderComplete]);
const updateChartSize = useMemo(
const updateChartSize = useCallback(
() =>
throttle(() => {
if (visController.current) {

View file

@ -200,7 +200,7 @@ export class DataGridService extends FtrService {
});
}
public async clickDocSortAsc(field?: string, sortText = 'Sort New-Old') {
public async clickDocSortAsc(field?: string, sortText = 'Sort Old-New') {
if (field) {
await this.openColMenuByField(field);
} else {
@ -209,7 +209,7 @@ export class DataGridService extends FtrService {
await this.find.clickByButtonText(sortText);
}
public async clickDocSortDesc(field?: string, sortText = 'Sort Old-New') {
public async clickDocSortDesc(field?: string, sortText = 'Sort New-Old') {
if (field) {
await this.openColMenuByField(field);
} else {

View file

@ -2,7 +2,7 @@
"extends": "../tsconfig.base.json",
"compilerOptions": {
"incremental": false,
"types": ["node"]
"types": ["node", "resize-observer-polyfill"]
},
"include": [
"**/*",

View file

@ -54,7 +54,8 @@
"jest",
"flot",
"jest-styled-components",
"@testing-library/jest-dom"
"@testing-library/jest-dom",
"resize-observer-polyfill"
]
}
}

View file

@ -37,8 +37,9 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text"
@ -74,7 +75,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -101,7 +102,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
/>
</span>
</span>
</div>
</span>
</th>
<th
className="euiTableHeaderCell"
@ -114,7 +115,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -123,7 +124,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
>
Type
</span>
</div>
</span>
</th>
<th
className="euiTableHeaderCell"
@ -136,7 +137,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -145,7 +146,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
>
Error message and culprit
</span>
</div>
</span>
</th>
<td
className="euiTableHeaderCell"
@ -158,13 +159,13 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
}
}
>
<div
<span
className="euiTableCellContent euiTableCellContent--alignRight"
>
<span
className="euiTableCellContent__text"
/>
</div>
</span>
</td>
<th
aria-live="polite"
@ -190,7 +191,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
>
<span
className="euiTableCellContent__text"
title="Occurrences; Sorted in descending order"
title="Occurrences"
>
Occurrences
</span>
@ -200,11 +201,6 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
size="m"
/>
</span>
<span
className="euiScreenReaderOnly"
>
Click to sort in ascending order
</span>
</button>
</th>
<th
@ -236,11 +232,6 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
Latest occurrence
</span>
</span>
<span
className="euiScreenReaderOnly"
>
Click to sort in ascending order
</span>
</button>
</th>
</tr>
@ -343,8 +334,9 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text"
@ -380,7 +372,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -407,7 +399,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
/>
</span>
</span>
</div>
</span>
</th>
<th
className="euiTableHeaderCell"
@ -420,7 +412,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -429,7 +421,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
Type
</span>
</div>
</span>
</th>
<th
className="euiTableHeaderCell"
@ -442,7 +434,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -451,7 +443,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
Error message and culprit
</span>
</div>
</span>
</th>
<td
className="euiTableHeaderCell"
@ -464,13 +456,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
}
}
>
<div
<span
className="euiTableCellContent euiTableCellContent--alignRight"
>
<span
className="euiTableCellContent__text"
/>
</div>
</span>
</td>
<th
aria-live="polite"
@ -496,7 +488,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<span
className="euiTableCellContent__text"
title="Occurrences; Sorted in descending order"
title="Occurrences"
>
Occurrences
</span>
@ -506,11 +498,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
size="m"
/>
</span>
<span
className="euiScreenReaderOnly"
>
Click to sort in ascending order
</span>
</button>
</th>
<th
@ -542,11 +529,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
Latest occurrence
</span>
</span>
<span
className="euiScreenReaderOnly"
>
Click to sort in ascending order
</span>
</button>
</th>
</tr>
@ -1314,6 +1296,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -1357,6 +1340,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -82,9 +82,7 @@ describe('ServiceList', () => {
wrapper: Wrapper,
});
expect(
await findByTitle('Throughput; Sorted in descending order')
).toBeInTheDocument();
expect(await findByTitle('Throughput')).toBeInTheDocument();
});
});
@ -100,9 +98,7 @@ describe('ServiceList', () => {
{ wrapper: Wrapper }
);
expect(
await findByTitle('Health; Sorted in descending order')
).toBeInTheDocument();
expect(await findByTitle('Health')).toBeInTheDocument();
});
});
});

View file

@ -18,6 +18,7 @@ exports[`TransactionActionMenu component matches the snapshot 1`] = `
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
/>
<span

View file

@ -39,8 +39,9 @@ exports[`Storyshots renderers/TimeFilter default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
@ -120,8 +121,9 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
@ -231,8 +233,9 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
@ -312,8 +315,9 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
@ -393,8 +397,9 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"

View file

@ -79,6 +79,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="vector"
size="m"
/>
@ -110,6 +111,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
size="m"
/>
@ -142,6 +144,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copyClipboard"
size="m"
/>
@ -170,6 +173,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -261,6 +265,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="vector"
size="m"
/>
@ -292,6 +297,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
size="m"
/>
@ -324,6 +330,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copyClipboard"
size="m"
/>
@ -352,6 +359,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -24,6 +24,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -213,6 +214,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -366,6 +368,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="vector"
size="m"
/>
@ -397,6 +400,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
size="m"
/>
@ -429,6 +433,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copyClipboard"
size="m"
/>
@ -457,6 +462,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -537,6 +543,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="vector"
size="m"
/>
@ -568,6 +575,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
size="m"
/>
@ -600,6 +608,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copyClipboard"
size="m"
/>
@ -628,6 +637,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -391,6 +391,7 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -405,6 +406,7 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -801,6 +803,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -815,6 +818,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -880,6 +884,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -894,6 +899,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -959,6 +965,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -973,6 +980,7 @@ Array [
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>

View file

@ -234,6 +234,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -248,6 +249,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -521,6 +523,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -535,6 +538,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -781,6 +785,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -795,6 +800,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>
@ -963,6 +969,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>
@ -977,6 +984,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="minusInCircle"
size="m"
/>

View file

@ -25,6 +25,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -333,6 +334,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -638,6 +640,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -938,6 +941,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>

View file

@ -15,6 +15,7 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -61,6 +62,7 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -20,6 +20,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>

View file

@ -33,6 +33,7 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -61,6 +62,7 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -84,6 +84,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -112,6 +113,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -193,6 +195,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -221,6 +224,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -302,6 +306,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -330,6 +335,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -24,6 +24,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -172,6 +173,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -308,6 +310,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -336,6 +339,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -417,6 +421,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -445,6 +450,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -526,6 +532,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -554,6 +561,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>
@ -620,6 +628,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -771,6 +780,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="pencil"
size="m"
/>
@ -799,6 +809,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -71,6 +71,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortUp"
size="m"
/>
@ -98,6 +99,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowUp"
size="m"
/>
@ -125,6 +127,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>
@ -152,6 +155,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
size="m"
/>

View file

@ -241,6 +241,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorBold"
size="m"
/>
@ -270,6 +271,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorItalic"
size="m"
/>
@ -299,6 +301,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorUnderline"
size="m"
/>
@ -343,6 +346,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignLeft"
size="m"
/>
@ -379,6 +383,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignCenter"
size="m"
/>
@ -415,6 +420,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignRight"
size="m"
/>
@ -684,6 +690,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorBold"
size="m"
/>
@ -713,6 +720,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorItalic"
size="m"
/>
@ -742,6 +750,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorUnderline"
size="m"
/>
@ -786,6 +795,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignLeft"
size="m"
/>
@ -822,6 +832,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignCenter"
size="m"
/>
@ -858,6 +869,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorAlignRight"
size="m"
/>

View file

@ -24,6 +24,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="grid"
size="m"
/>
@ -51,6 +52,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -89,6 +91,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -112,6 +115,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="editorCodeBlock"
size="m"
/>
@ -152,6 +156,7 @@ exports[`Storyshots components/Toolbar no element selected 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="grid"
size="m"
/>
@ -179,6 +184,7 @@ exports[`Storyshots components/Toolbar no element selected 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -217,6 +223,7 @@ exports[`Storyshots components/Toolbar no element selected 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -77,6 +77,7 @@ Array [
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="trash"
size="m"
/>

View file

@ -44,6 +44,7 @@ Array [
<span
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
/>
@ -250,6 +251,7 @@ Array [
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="save"
size="m"
/>
@ -331,6 +333,7 @@ Array [
<span
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
/>
@ -476,6 +479,7 @@ Array [
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="save"
size="m"
/>
@ -557,6 +561,7 @@ Array [
<span
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
/>
@ -702,6 +707,7 @@ Array [
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="save"
size="m"
/>
@ -904,6 +910,7 @@ Array [
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="save"
size="m"
/>

View file

@ -69,6 +69,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>

View file

@ -25,6 +25,7 @@ exports[`Storyshots components/WorkpadHeader/ElementMenu default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="plusInCircle"
size="m"
/>

View file

@ -69,6 +69,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
/>
@ -130,8 +131,9 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
size="m"
size="s"
/>
<span
className="euiButtonEmpty__text"
@ -180,7 +182,6 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
>
<span
className="euiTableCellContent__text"
title="; Sorted in ascending order"
>
Template name
</span>
@ -190,11 +191,6 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
size="m"
/>
</span>
<span
className="euiScreenReaderOnly"
>
Click to sort in descending order
</span>
</button>
</th>
<th
@ -208,7 +204,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -216,7 +212,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
>
Description
</span>
</div>
</span>
</th>
<th
className="euiTableHeaderCell"
@ -229,7 +225,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
}
}
>
<div
<span
className="euiTableCellContent"
>
<span
@ -237,7 +233,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
>
Tags
</span>
</div>
</span>
</th>
</tr>
</thead>
@ -513,6 +509,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -555,6 +552,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -9,7 +9,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with height specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-height=\\"350\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -21,7 +21,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with page specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-page=\\"0\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -33,7 +33,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with width and height specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-width=\\"350\\" kbn-canvas-height=\\"350\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -45,7 +45,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with width specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-width=\\"400\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -57,5 +57,5 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;

View file

@ -1383,6 +1383,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -1433,6 +1434,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -1462,6 +1464,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>
@ -2862,6 +2865,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -2912,6 +2916,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -2941,6 +2946,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>
@ -3157,6 +3163,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -3206,6 +3213,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -3235,6 +3243,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>

View file

@ -1336,6 +1336,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -1386,6 +1387,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -1415,6 +1417,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>
@ -1585,6 +1588,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -1634,6 +1638,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -1663,6 +1668,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>

View file

@ -31,6 +31,7 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -81,6 +82,7 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -126,6 +128,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -176,6 +179,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
@ -221,6 +225,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
@ -271,6 +276,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>

View file

@ -53,6 +53,7 @@ exports[`<Settings /> can navigate Autoplay Settings 1`] = `
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="play"
/>
<span
@ -75,6 +76,7 @@ exports[`<Settings /> can navigate Autoplay Settings 1`] = `
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
<span
@ -151,6 +153,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="play"
/>
<span
@ -173,6 +176,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
<span
@ -401,6 +405,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="play"
/>
<span
@ -423,6 +428,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
<span
@ -499,6 +505,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="play"
/>
<span
@ -521,6 +528,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
<span
@ -632,4 +640,4 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
</div>
`;
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top\\" tabindex=\\"0\\" aria-live=\\"off\\" role=\\"dialog\\" aria-modal=\\"true\\" aria-describedby=\\"generated-id\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><p id=\\"generated-id\\" class=\\"euiScreenReaderOnly\\">You are in a dialog. To close this dialog, hit escape.</p><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiContextMenuPanelTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"play\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenuItem__text\\">Auto Play</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"boxesHorizontal\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenuItem__text\\">Toolbar</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><button id=\\"generated-id\\" aria-checked=\\"true\\" class=\\"euiSwitch__button\\" role=\\"switch\\" type=\\"button\\" aria-labelledby=\\"generated-id\\" data-test-subj=\\"hideToolbarSwitch\\" name=\\"toolbarHide\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><span data-euiicon-type=\\"cross\\" class=\\"euiSwitch__icon\\"></span><span data-euiicon-type=\\"check\\" class=\\"euiSwitch__icon euiSwitch__icon--checked\\"></span></span></span></button><span class=\\"euiSwitch__label\\" id=\\"generated-id\\">Hide Toolbar</span></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div></div>"`;
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top\\" tabindex=\\"0\\" aria-live=\\"off\\" role=\\"dialog\\" aria-modal=\\"true\\" aria-describedby=\\"generated-id\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><p id=\\"generated-id\\" class=\\"euiScreenReaderOnly\\">You are in a dialog. To close this dialog, hit escape.</p><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"0\\"><div class=\\"euiContextMenuPanelTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"play\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Auto Play</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"boxesHorizontal\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Toolbar</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button></div></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"0\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><button id=\\"generated-id\\" aria-checked=\\"true\\" class=\\"euiSwitch__button\\" role=\\"switch\\" type=\\"button\\" aria-labelledby=\\"generated-id\\" data-test-subj=\\"hideToolbarSwitch\\" name=\\"toolbarHide\\" aria-describedby=\\"generated-id-help\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><span data-euiicon-type=\\"cross\\" class=\\"euiSwitch__icon\\"></span><span data-euiicon-type=\\"check\\" class=\\"euiSwitch__icon euiSwitch__icon--checked\\"></span></span></span></button><span class=\\"euiSwitch__label\\" id=\\"generated-id\\">Hide Toolbar</span></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div></div>"`;

View file

@ -37,6 +37,7 @@ exports[`Storyshots shareables/Footer/Settings component 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>
@ -85,6 +86,7 @@ exports[`Storyshots shareables/Footer/Settings contextual 1`] = `
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="gear"
size="m"
/>

View file

@ -97,11 +97,11 @@ describe('Background Search Session Management Table', () => {
expect(table.find('thead th').map((node) => node.text())).toMatchInlineSnapshot(`
Array [
"AppClick to sort in ascending order",
"NameClick to sort in ascending order",
"StatusClick to sort in ascending order",
"CreatedClick to unsort",
"ExpirationClick to sort in ascending order",
"App",
"Name",
"Status",
"Created",
"Expiration",
]
`);
});

View file

@ -289,12 +289,14 @@ exports[`extend index management ilm summary extension should return extension w
<EuiIcon
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
size="m"
type="cross"
>
<span
aria-hidden="true"
className="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="cross"
size="m"
/>
@ -367,6 +369,7 @@ exports[`extend index management ilm summary extension should return extension w
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",

View file

@ -98,6 +98,7 @@ exports[`policy table should show empty state when there are not any policies 1`
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="plusInCircle"
/>
<span

View file

@ -56,7 +56,7 @@ export class AutoSizer extends React.PureComponent<AutoSizerProps, AutoSizerStat
if (this.props.detectAnyWindowResize) {
window.addEventListener('resize', this.updateMeasurement);
}
this.resizeObserver = new ResizeObserver((entries) => {
this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {
entries.forEach((entry) => {
if (entry.target === this.element) {
this.measure(entry);

View file

@ -348,6 +348,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
@ -463,12 +464,14 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<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"
/>
@ -561,6 +564,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -836,6 +840,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -1565,6 +1570,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -2294,6 +2300,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -3023,6 +3030,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",
@ -3752,6 +3760,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
textProps={
Object {
"className": "euiButtonEmpty__text",

View file

@ -98,9 +98,11 @@ export const EmbeddableAnomalyChartsContainer: FC<EmbeddableAnomalyChartsContain
);
const resizeHandler = useCallback(
throttle((e: { width: number; height: number }) => {
setChartWidth(e.width);
if (Math.abs(chartWidth - e.width) > 20) {
setChartWidth(e.width);
}
}, RESIZE_THROTTLE_TIME_MS),
[]
[chartWidth]
);
if (error) {
@ -146,7 +148,7 @@ export const EmbeddableAnomalyChartsContainer: FC<EmbeddableAnomalyChartsContain
id={`mlAnomalyExplorerEmbeddableWrapper-${id}`}
style={{
width: '100%',
overflowY: 'auto',
overflowY: 'hidden',
overflowX: 'hidden',
padding: '8px',
}}

View file

@ -41,6 +41,7 @@ exports[`Node Listing Metric Cell should format a non-percentage metric 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
/>
</button>
@ -94,6 +95,7 @@ exports[`Node Listing Metric Cell should format a percentage metric 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="sortDown"
/>
</button>

View file

@ -220,18 +220,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Report"
>
Report
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Report",
}
}
>
<span
className="euiTableCellContent__text"
title="Report"
>
Report
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -250,18 +266,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Created at"
>
Created at
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Created at",
}
}
>
<span
className="euiTableCellContent__text"
title="Created at"
>
Created at
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -280,18 +312,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Status"
>
Status
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Status",
}
}
>
<span
className="euiTableCellContent__text"
title="Status"
>
Status
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -308,18 +356,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent euiTableCellContent--alignRight"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Actions"
>
Actions
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent euiTableCellContent--alignRight"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Actions",
}
}
>
<span
className="euiTableCellContent__text"
title="Actions"
>
Actions
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
</tr>
@ -530,18 +594,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Report"
>
Report
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Report",
}
}
>
<span
className="euiTableCellContent__text"
title="Report"
>
Report
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -560,18 +640,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Created at"
>
Created at
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Created at",
}
}
>
<span
className="euiTableCellContent__text"
title="Created at"
>
Created at
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -590,18 +686,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Status"
>
Status
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Status",
}
}
>
<span
className="euiTableCellContent__text"
title="Status"
>
Status
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
<EuiTableHeaderCell
@ -618,18 +730,34 @@ Array [
}
}
>
<div
<CellContents
className="euiTableCellContent euiTableCellContent--alignRight"
showSortMsg={false}
>
<EuiInnerText>
<span
className="euiTableCellContent__text"
title="Actions"
>
Actions
</span>
</EuiInnerText>
</div>
<span
className="euiTableCellContent euiTableCellContent--alignRight"
>
<EuiInnerText>
<EuiI18n
default="{innerText}; {description}"
token="euiTableHeaderCell.titleTextWithDesc"
values={
Object {
"description": undefined,
"innerText": "Actions",
}
}
>
<span
className="euiTableCellContent__text"
title="Actions"
>
Actions
</span>
</EuiI18n>
</EuiInnerText>
</span>
</CellContents>
</th>
</EuiTableHeaderCell>
</tr>

View file

@ -12,12 +12,14 @@ exports[`ReportInfoButton handles button click flyout on click 1`] = `
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="iInCircle"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="iInCircle"
size="m"
/>
@ -86,12 +88,14 @@ Array [
<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"
/>
@ -172,12 +176,14 @@ Array [
<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"
/>
@ -289,12 +295,14 @@ Array [
<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"
/>
@ -373,12 +381,14 @@ Array [
<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"
/>

View file

@ -61,7 +61,7 @@ describe('timeline flyout button', () => {
it('the `(+)` button popover menu owns focus', () => {
cy.get(TIMELINE_SETTINGS_ICON).filter(':visible').click({ force: true });
cy.get(CREATE_NEW_TIMELINE).closest('.euiPanel').should('have.focus');
cy.get(CREATE_NEW_TIMELINE).should('have.focus');
cy.get('body').type('{esc}');
cy.get(CREATE_NEW_TIMELINE).should('not.be.visible');
});

View file

@ -74,6 +74,7 @@ describe('url state', () => {
waitForIpsTableToBeLoaded();
setEndDate(ABSOLUTE_DATE.newEndTimeTyped);
updateDates();
cy.wait(300);
let startDate: string;
let endDate: string;

View file

@ -140,6 +140,7 @@ export const addFilter = (filter: TimelineFilter): Cypress.Chainable<JQuery<HTML
export const addDataProvider = (filter: TimelineFilter): Cypress.Chainable<JQuery<HTMLElement>> => {
cy.get(TIMELINE_ADD_FIELD_BUTTON).click();
cy.wait(300);
cy.get(TIMELINE_DATA_PROVIDER_FIELD).type(`${filter.field}{downarrow}{enter}`);
cy.get(TIMELINE_DATA_PROVIDER_OPERATOR).type(filter.operator);
cy.get(COMBO_BOX).contains(filter.operator).click();

View file

@ -94,9 +94,7 @@ describe('Hosts Table', () => {
sortField: 'lastSeen',
limit: 10,
});
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual(
'Last seen Click to sort in ascending order'
);
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual('Last seen ');
expect(wrapper.find('.euiTable thead tr th button').at(1).find('svg')).toBeTruthy();
});
@ -111,9 +109,7 @@ describe('Hosts Table', () => {
sortField: 'hostName',
limit: 10,
});
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual(
'Host nameClick to sort in descending order'
);
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual('Host name');
});
});
});

View file

@ -29,6 +29,7 @@ exports[`TrustedAppDeletionDialog renders correctly when deletion failed 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
@ -130,6 +131,7 @@ exports[`TrustedAppDeletionDialog renders correctly when deletion is in progress
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
@ -236,6 +238,7 @@ exports[`TrustedAppDeletionDialog renders correctly when dialog started 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>

View file

@ -128,12 +128,8 @@ describe('NetworkTopCountries Table Component', () => {
direction: 'asc',
field: 'bytes_out',
});
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual(
'Bytes inClick to sort in ascending order'
);
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual(
'Bytes outClick to sort in descending order'
);
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual('Bytes in');
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual('Bytes out');
expect(wrapper.find('.euiTable thead tr th button').at(1).find('svg')).toBeTruthy();
});
});

View file

@ -114,12 +114,8 @@ describe('NetworkTopNFlow Table Component', () => {
direction: 'asc',
field: 'bytes_out',
});
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual(
'Bytes inClick to sort in ascending order'
);
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual(
'Bytes outClick to sort in descending order'
);
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual('Bytes in');
expect(wrapper.find('.euiTable thead tr th button').at(1).text()).toEqual('Bytes out');
expect(wrapper.find('.euiTable thead tr th button').at(1).find('svg')).toBeTruthy();
});
});

View file

@ -90,7 +90,7 @@ describe('Tls Table Component', () => {
});
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual(
'SHA1 fingerprintClick to sort in descending order'
'SHA1 fingerprint'
);
});
});

View file

@ -92,9 +92,7 @@ describe('Users Table Component', () => {
direction: 'desc',
field: 'name',
});
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual(
'UserClick to sort in ascending order'
);
expect(wrapper.find('.euiTable thead tr th button').first().text()).toEqual('User');
});
});
});

View file

@ -103,12 +103,14 @@ exports[`Details Panel Component DetailsPanel:EventDetails: rendering it should
<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"
/>
@ -319,12 +321,14 @@ Array [
<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"
/>
@ -589,12 +593,14 @@ Array [
<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"
/>
@ -842,12 +848,14 @@ Array [
<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"
/>

View file

@ -201,7 +201,6 @@ const AddDataProviderPopoverComponent: React.FC<AddDataProviderPopoverProps> = (
closePopover={handleClosePopover}
anchorPosition="downLeft"
panelPaddingSize="none"
ownFocus={true}
repositionOnScroll
>
{content}

View file

@ -44,6 +44,7 @@ exports[`FingerprintCol renders expected elements for valid props 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copy"
/>
</button>
@ -83,6 +84,7 @@ exports[`FingerprintCol renders expected elements for valid props 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="copy"
/>
</button>

View file

@ -27,6 +27,7 @@ exports[`UptimeDatePicker component renders properly with mock data 1`] = `
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
/>
<span
@ -77,6 +78,7 @@ exports[`UptimeDatePicker component renders properly with mock data 1`] = `
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="refresh"
/>
<span

View file

@ -12,6 +12,7 @@ Array [
<span
aria-hidden="true"
class="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="help"
/>
<span

View file

@ -98,6 +98,7 @@ exports[`ML Flyout component shows license info if no ml available 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
@ -132,6 +133,7 @@ exports[`ML Flyout component shows license info if no ml available 1`] = `
<span
aria-hidden="true"
class="euiCallOutHeader__icon"
color="inherit"
data-euiicon-type="help"
/>
<span

View file

@ -41,7 +41,7 @@ Array [
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -49,7 +49,7 @@ Array [
>
Location
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -57,7 +57,7 @@ Array [
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -65,7 +65,7 @@ Array [
>
Availability
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -73,7 +73,7 @@ Array [
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -81,7 +81,7 @@ Array [
>
Last check
</span>
</div>
</span>
</th>
</tr>
</thead>

View file

@ -78,7 +78,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -86,7 +86,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
>
Location
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -94,7 +94,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -102,7 +102,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
>
Availability
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -110,7 +110,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -118,7 +118,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
>
Last check
</span>
</div>
</span>
</th>
</tr>
</thead>
@ -316,7 +316,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -324,7 +324,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
>
Location
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -332,7 +332,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -340,7 +340,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
>
Availability
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -348,7 +348,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -356,7 +356,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
>
Last check
</span>
</div>
</span>
</th>
</tr>
</thead>
@ -554,7 +554,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -562,7 +562,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
>
Location
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -570,7 +570,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -578,7 +578,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
>
Availability
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -586,7 +586,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
@ -594,7 +594,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
>
Last check
</span>
</div>
</span>
</th>
</tr>
</thead>
@ -983,6 +983,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
/>
</button>
@ -1046,6 +1047,7 @@ exports[`LocationStatusTags component renders when there are many location 1`] =
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
/>
</a>

View file

@ -969,7 +969,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -977,7 +977,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Status
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell euiTableHeaderCell--hideForMobile"
@ -985,7 +985,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -993,7 +993,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Name
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -1002,7 +1002,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
scope="col"
style="width:30%"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -1010,7 +1010,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Url
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -1019,7 +1019,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
scope="col"
style="width:12%"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -1027,7 +1027,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Tags
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -1035,7 +1035,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent"
>
<span
@ -1043,7 +1043,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
TLS Certificate
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell euiTableHeaderCell--hideForMobile"
@ -1051,7 +1051,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
role="columnheader"
scope="col"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignCenter"
>
<span
@ -1059,7 +1059,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Downtime history
</span>
</div>
</span>
</th>
<th
class="euiTableHeaderCell"
@ -1068,7 +1068,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
scope="col"
style="width:100px"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignCenter"
>
<span
@ -1076,7 +1076,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
Status alert
</span>
</div>
</span>
</th>
<td
class="euiTableHeaderCell"
@ -1085,13 +1085,13 @@ exports[`MonitorList component renders the monitor list 1`] = `
scope="col"
style="width:40px"
>
<div
<span
class="euiTableCellContent euiTableCellContent--alignRight"
>
<span
class="euiTableCellContent__text"
/>
</div>
</span>
</td>
</tr>
</thead>
@ -1342,6 +1342,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowDown"
/>
</button>
@ -1594,6 +1595,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowDown"
/>
</button>
@ -1629,6 +1631,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="arrowDown"
/>
<span
@ -1660,6 +1663,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
/>
</button>
@ -1677,6 +1681,7 @@ exports[`MonitorList component renders the monitor list 1`] = `
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
/>
</button>

View file

@ -78,7 +78,7 @@ export function MachineLearningDashboardEmbeddablesProvider(
},
async assertAnomalyChartsSeverityThresholdControlExists() {
await retry.tryForTime(60 * 1000, async () => {
await retry.tryForTime(3 * 60 * 1000, async () => {
await testSubjects.existOrFail(`mlAnomalySeverityThresholdControls`);
});
},

View file

@ -1444,10 +1444,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@32.1.0":
version "32.1.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-32.1.0.tgz#065a91162962e187f42365557684db8b54b37407"
integrity sha512-a1Q70lwFO2MrFTITRWmApZUbQKhkUrKeXrvCdQoUCP4+ZiFsdk80R6ruXVW3kgrULCOtDKJQS1Bt9pfl+13sJw==
"@elastic/eui@33.0.0":
version "33.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-33.0.0.tgz#525cf5ea6e6ab16c32bb09766e9c23806640240f"
integrity sha512-BQ6GJxKVaOF7Fm+IvH2iFeeGnepzygDr4xmmZ8PH2BEfrtkxzGP9YDpqmr/Drg5beVynJ3+72k1AEQT/JE6NTw==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"
@ -1456,10 +1456,11 @@
"@types/react-input-autosize" "^2.2.0"
"@types/react-virtualized-auto-sizer" "^1.0.0"
"@types/react-window" "^1.8.2"
"@types/refractor" "^3.0.0"
"@types/resize-observer-browser" "^0.1.5"
"@types/vfile-message" "^2.0.0"
chroma-js "^2.1.0"
classnames "^2.2.6"
highlight.js "^9.18.5"
lodash "^4.17.21"
numeral "^2.0.6"
prop-types "^15.6.0"
@ -1471,11 +1472,11 @@
react-is "~16.3.0"
react-virtualized-auto-sizer "^1.0.2"
react-window "^1.8.5"
refractor "^3.3.1"
rehype-raw "^5.0.0"
rehype-react "^6.0.0"
rehype-stringify "^8.0.0"
remark-emoji "^2.1.0"
remark-highlight.js "^6.0.0"
remark-parse "^8.0.3"
remark-rehype "^8.0.0"
tabbable "^3.0.0"
@ -5614,6 +5615,11 @@
dependencies:
pretty-ms "*"
"@types/prismjs@*":
version "1.16.3"
resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.16.3.tgz#73ae78b3e339777a1a1b7a8df89dcd6b8fe750c5"
integrity sha512-7lbX0Odbg9rnzXRdYdgPQZFkjd38QHpD6tvWxbLi6VXGQbXr054doixIS+TwftHP6afffA1zxCZrIcJRS/MkYQ==
"@types/prop-types@*":
version "15.7.1"
resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.1.tgz#f1a11e7babb0c3cad68100be381d1e064c68f1f6"
@ -5810,6 +5816,13 @@
dependencies:
redux "^4.0.0"
"@types/refractor@^3.0.0":
version "3.0.0"
resolved "https://registry.yarnpkg.com/@types/refractor/-/refractor-3.0.0.tgz#c535cfad1c54cf377ae2984f6cf6e9627a36ea66"
integrity sha512-jkCqkTpxMXXfN03Xpzj+mBMxo9IxG616SV2U42iwHkBGq/f8RrX3DCzLayIqUV+MAIBCUvl5xPnjqpUtZRnMqA==
dependencies:
"@types/prismjs" "*"
"@types/request@^2.48.2":
version "2.48.2"
resolved "https://registry.yarnpkg.com/@types/request/-/request-2.48.2.tgz#936374cbe1179d7ed529fc02543deb4597450fed"
@ -5820,6 +5833,11 @@
"@types/tough-cookie" "*"
form-data "^2.5.0"
"@types/resize-observer-browser@^0.1.5":
version "0.1.5"
resolved "https://registry.yarnpkg.com/@types/resize-observer-browser/-/resize-observer-browser-0.1.5.tgz#36d897708172ac2380cd486da7a3daf1161c1e23"
integrity sha512-8k/67Z95Goa6Lznuykxkfhq9YU3l1Qe6LNZmwde1u7802a3x8v44oq0j91DICclxatTr0rNnhXx7+VTIetSrSQ==
"@types/responselike@*", "@types/responselike@^1.0.0":
version "1.0.0"
resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
@ -15286,11 +15304,6 @@ highlight.js@^10.1.1, highlight.js@^10.4.1, highlight.js@~10.4.0:
resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.4.1.tgz#d48fbcf4a9971c4361b3f95f302747afe19dbad0"
integrity sha512-yR5lWvNz7c85OhVAEAeFhVCc/GV4C30Fjzc/rCP0aCWzc1UUOPUk55dK/qdwTZHBvMZo+eZ2jpk62ndX/xMFlg==
highlight.js@^9.18.5:
version "9.18.5"
resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.5.tgz#d18a359867f378c138d6819edfc2a8acd5f29825"
integrity sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==
history-extra@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/history-extra/-/history-extra-5.0.1.tgz#95a2e59dda526c4241d0ae1b124a77a5e4675ce8"
@ -18674,7 +18687,7 @@ lowercase-keys@^2.0.0:
resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
lowlight@^1.14.0, lowlight@^1.2.0:
lowlight@^1.14.0:
version "1.17.0"
resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.17.0.tgz#a1143b2fba8239df8cd5893f9fe97aaf8465af4a"
integrity sha512-vmtBgYKD+QVNy7tIa7ulz5d//Il9R4MooOVh4nkOf9R9Cb/Dk5TXMSTieg/vDulkBkIWj59/BIlyFQxT9X1oAQ==
@ -22109,7 +22122,7 @@ printj@~1.1.0:
resolved "https://registry.yarnpkg.com/printj/-/printj-1.1.2.tgz#d90deb2975a8b9f600fb3a1c94e3f4c53c78a222"
integrity sha512-zA2SmoLaxZyArQTOPj5LXecR+RagfPSU5Kw1qP+jkWeNlrq+eJZyY2oS68SU1Z/7/myXM4lo9716laOFAVStCQ==
prismjs@1.23.0, prismjs@^1.22.0, prismjs@~1.22.0:
prismjs@1.23.0, prismjs@^1.22.0, prismjs@~1.23.0:
version "1.23.0"
resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.23.0.tgz#d3b3967f7d72440690497652a9d40ff046067f33"
integrity sha512-c29LVsqOaLbBHuIbsTxaKENh1N2EQBOHaWv7gkHN4dgRbxSREqDnDbtFJYdpPauS4YCplMSNCABQ6Eeor69bAA==
@ -23710,14 +23723,14 @@ reflect.ownkeys@^0.2.0:
resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460"
integrity sha1-dJrO7H8/34tj+SegSAnpDFwLNGA=
refractor@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.2.0.tgz#bc46f7cfbb6adbf45cd304e8e299b7fa854804e0"
integrity sha512-hSo+EyMIZTLBvNNgIU5lW4yjCzNYMZ4dcEhBq/3nReGfqzd2JfVhdlPDfU9rEsgcAyWx+OimIIUoL4ZU7NtYHQ==
refractor@^3.2.0, refractor@^3.3.1:
version "3.3.1"
resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.3.1.tgz#ebbc04b427ea81dc25ad333f7f67a0b5f4f0be3a"
integrity sha512-vaN6R56kLMuBszHSWlwTpcZ8KTMG6aUCok4GrxYDT20UIOXxOc5o6oDc8tNTzSlH3m2sI+Eu9Jo2kVdDcUTWYw==
dependencies:
hastscript "^6.0.0"
parse-entities "^2.0.0"
prismjs "~1.22.0"
prismjs "~1.23.0"
regedit@^3.0.3:
version "3.0.3"
@ -23911,14 +23924,6 @@ remark-footnotes@2.0.0:
resolved "https://registry.yarnpkg.com/remark-footnotes/-/remark-footnotes-2.0.0.tgz#9001c4c2ffebba55695d2dd80ffb8b82f7e6303f"
integrity sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ==
remark-highlight.js@^6.0.0:
version "6.0.0"
resolved "https://registry.yarnpkg.com/remark-highlight.js/-/remark-highlight.js-6.0.0.tgz#cb05387ddddeb078f0b61ce6299f6323f05098fc"
integrity sha512-eNHP/ezuDKoeh3KV+rWLeBVzU3SYVt0uu1tHdsCB6TUJYHwTNMJWZ5+nU+2fJHQXb+7PtpfGXVtFS9zk/W6qdw==
dependencies:
lowlight "^1.2.0"
unist-util-visit "^2.0.0"
remark-mdx@1.6.22:
version "1.6.22"
resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.22.tgz#06a8dab07dcfdd57f3373af7f86bd0e992108bbd"