Upgrade to EUI@17.1.2 [table typescript types] (#52688)

* more types

* table types changes

* siem table conversions

* Updated rest of x-pack for EUI table typees

* updated x-pack changes against master

* Update to published eui 17.1.0

* kibana snapshots

* x-pack snapshots

* src snapshots

* autofixes

* autofixes, round 2
This commit is contained in:
Chandler Prall 2019-12-18 11:15:14 -07:00 committed by GitHub
parent 942fdeeb2d
commit 068f3ffa2c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
150 changed files with 998 additions and 627 deletions

View file

@ -116,7 +116,7 @@
"@elastic/charts": "^14.0.0",
"@elastic/datemath": "5.0.2",
"@elastic/ems-client": "1.0.5",
"@elastic/eui": "17.0.0",
"@elastic/eui": "17.1.2",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.3.3",

View file

@ -31,7 +31,7 @@ Array [
]
`;
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 1`] = `
Array [
@ -74,4 +74,4 @@ Array [
]
`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;

View file

@ -29,7 +29,7 @@ Array [
]
`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `"<div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div class=\\"euiModal euiModal--maxWidth-default\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"euiModal__flex\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div>"`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `"<div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div class=\\"euiModal euiModal--maxWidth-default\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button><div class=\\"euiModal__flex\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div>"`;
exports[`ModalService openModal() with a currently active modal replaces the current modal with a new one 1`] = `
Array [

View file

@ -230,14 +230,18 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
type="dashboardApp"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -330,16 +334,18 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
type="arrowDown"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButton__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButton__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -599,14 +605,18 @@ exports[`DashboardEmptyScreen renders correctly without visualize paragraph 1`]
type="dashboardApp"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -23,6 +23,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -214,6 +215,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -253,6 +255,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -360,6 +363,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -508,6 +508,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
aria-label="complete"
className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
focusable="false"
role="img"
style={null}
>
<svg
@ -515,13 +516,15 @@ exports[`bulkCreate should display success message when bulkCreate is successful
className="euiIcon euiIcon--medium euiIcon-isLoaded euiStepNumber__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
d="M6.5 12a.502.502 0 01-.354-.146l-4-4a.502.502 0 01.708-.708L6.5 10.793l6.646-6.647a.502.502 0 01.708.708l-7 7A.502.502 0 016.5 12"
fillRule="evenodd"
/>
</svg>

View file

@ -93,7 +93,6 @@ exports[`Table should render normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -136,9 +135,11 @@ exports[`Table should render the boolean template (false) 1`] = `<span />`;
exports[`Table should render the boolean template (true) 1`] = `
<EuiIconEmpty
aria-hidden={true}
aria-label="Is searchable"
className="euiIcon euiIcon--medium euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
/>
`;

View file

@ -55,7 +55,6 @@ exports[`Table should render normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {

View file

@ -78,7 +78,6 @@ exports[`Table should render normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {

View file

@ -59,7 +59,7 @@ const columns = [
))}
</EuiButtonEmpty>
),
dataType: 'string',
dataType: 'string' as const,
sortable: ({ sort }: { sort: string }) => sort,
},
];
@ -72,7 +72,7 @@ const pagination = {
const sorting = {
sort: {
field: 'title',
direction: 'asc',
direction: 'asc' as const,
},
};

View file

@ -54,7 +54,6 @@ exports[`ObjectsTable delete should show a confirm modal 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {

View file

@ -90,7 +90,6 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -116,7 +115,6 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
}
}
responsive={true}
sorting={false}
/>
</EuiFlyoutBody>
<EuiFlyoutFooter>
@ -411,7 +409,6 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -448,7 +445,6 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
}
}
responsive={true}
sorting={false}
/>
</EuiFlyoutBody>
<EuiFlyoutFooter>

View file

@ -83,7 +83,6 @@ exports[`Relationships should render dashboards normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -155,7 +154,6 @@ exports[`Relationships should render dashboards normally 1`] = `
],
}
}
sorting={false}
/>
</div>
</EuiFlyoutBody>
@ -294,7 +292,6 @@ exports[`Relationships should render index patterns normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -371,7 +368,6 @@ exports[`Relationships should render index patterns normally 1`] = `
],
}
}
sorting={false}
/>
</div>
</EuiFlyoutBody>
@ -461,7 +457,6 @@ exports[`Relationships should render searches normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -538,7 +533,6 @@ exports[`Relationships should render searches normally 1`] = `
],
}
}
sorting={false}
/>
</div>
</EuiFlyoutBody>
@ -628,7 +622,6 @@ exports[`Relationships should render visualizations normally 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={
Array [
Object {
@ -700,7 +693,6 @@ exports[`Relationships should render visualizations normally 1`] = `
],
}
}
sorting={false}
/>
</div>
</EuiFlyoutBody>

View file

@ -169,6 +169,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -226,6 +227,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -275,6 +277,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -290,6 +293,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -325,6 +329,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -361,6 +366,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -494,6 +500,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -551,6 +558,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -600,6 +608,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -615,6 +624,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -650,6 +660,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -686,6 +697,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -758,6 +770,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -815,6 +828,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -864,6 +878,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -879,6 +894,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -914,6 +930,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -950,6 +967,7 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1031,16 +1049,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1167,16 +1187,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="search"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1302,16 +1324,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="popout"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1335,16 +1359,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1415,16 +1441,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1495,16 +1523,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1784,6 +1814,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1841,6 +1872,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1881,6 +1913,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1923,6 +1956,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1938,6 +1972,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -1973,6 +2008,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2106,6 +2142,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2163,6 +2200,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2203,6 +2241,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2245,6 +2284,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2260,6 +2300,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2295,6 +2336,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2367,6 +2409,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2424,6 +2467,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2464,6 +2508,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2506,6 +2551,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2521,6 +2567,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2556,6 +2603,7 @@ exports[`NewVisModal should render as expected 1`] = `
class="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -2637,16 +2685,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2773,16 +2823,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="search"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2871,16 +2923,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2976,16 +3030,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="popout"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiBetaBadge__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3009,16 +3065,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3089,16 +3147,18 @@ exports[`NewVisModal should render as expected 1`] = `
type="empty"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon--secondary euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -21,6 +21,7 @@ exports[`VisualizationNoResults should render according to snapshot 1`] = `
class="euiIcon euiIcon--medium euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -15,6 +15,7 @@ exports[`VisualizationRequestError should render according to snapshot 1`] = `
class="euiIcon euiIcon--medium euiIcon--danger euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -36,7 +36,6 @@ exports[`ShardFailureTable renders matching snapshot given valid properties 1`]
},
]
}
executeQueryOptions={Object {}}
itemId="id"
itemIdToExpandedRowMap={Object {}}
items={

View file

@ -113,20 +113,18 @@ export function ShardFailureTable({ failures }: { failures: ShardFailure[] }) {
},
];
const sorting = {
sort: {
field: 'index',
direction: 'desc',
},
};
return (
<EuiInMemoryTable
itemId="id"
items={itemList}
columns={columns}
pagination={true}
sorting={sorting}
sorting={{
sort: {
field: 'index',
direction: 'desc',
},
}}
itemIdToExpandedRowMap={expandMap}
/>
);

View file

@ -6,10 +6,12 @@ exports[`FieldName renders a geo field, useShortDots is set to true 1`] = `
title="Geo point field"
>
<svg
aria-hidden="true"
aria-label="Geo point field"
class="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -28,10 +30,12 @@ exports[`FieldName renders a number field by providing a field record, useShortD
title="Number field"
>
<svg
aria-hidden="true"
aria-label="Number field"
class="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -50,10 +54,12 @@ exports[`FieldName renders a string field by providing fieldType and fieldName 1
title="String field"
>
<svg
aria-hidden="true"
aria-label="String field"
class="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -23,9 +23,11 @@ exports[`is rendered 1`] = `
>
Exit full screen
<svg
aria-hidden="true"
class="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`VisLegend Component Legend closed should match the snapshot 1`] = `"<div class=\\"visLegend\\"><button type=\\"button\\" class=\\"visLegend__toggle kbn-resetFocusState\\" aria-label=\\"Toggle legend\\" aria-expanded=\\"false\\" aria-controls=\\"legendId\\" data-test-subj=\\"vislibToggleLegend\\" title=\\"Toggle legend\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--text euiIcon-isLoaded\\" focusable=\\"false\\"><path d=\\"M2 4V3h2v1H2zm4 0V3h8v1H6zm0 3V6h8v1H6zm0 3V9h8v1H6zM2 7V6h2v1H2zm0 3V9h2v1H2zm4 3v-1h8v1H6zm-4 0v-1h2v1H2z\\"></path></svg></button></div>"`;
exports[`VisLegend Component Legend closed should match the snapshot 1`] = `"<div class=\\"visLegend\\"><button type=\\"button\\" class=\\"visLegend__toggle kbn-resetFocusState\\" aria-label=\\"Toggle legend\\" aria-expanded=\\"false\\" aria-controls=\\"legendId\\" data-test-subj=\\"vislibToggleLegend\\" title=\\"Toggle legend\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--text euiIcon-isLoaded\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"><title></title><path d=\\"M2 4V3h2v1H2zm4 0V3h8v1H6zm0 3V6h8v1H6zm0 3V9h8v1H6zM2 7V6h2v1H2zm0 3V9h2v1H2zm4 3v-1h8v1H6zm-4 0v-1h2v1H2z\\"></path></svg></button></div>"`;
exports[`VisLegend Component Legend open should match the snapshot 1`] = `"<div class=\\"visLegend\\"><button type=\\"button\\" class=\\"visLegend__toggle kbn-resetFocusState visLegend__toggle--isOpen\\" aria-label=\\"Toggle legend\\" aria-expanded=\\"true\\" aria-controls=\\"legendId\\" data-test-subj=\\"vislibToggleLegend\\" title=\\"Toggle legend\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--text euiIcon-isLoaded\\" focusable=\\"false\\"><path d=\\"M2 4V3h2v1H2zm4 0V3h8v1H6zm0 3V6h8v1H6zm0 3V9h8v1H6zM2 7V6h2v1H2zm0 3V9h2v1H2zm4 3v-1h8v1H6zm-4 0v-1h2v1H2z\\"></path></svg></button><ul class=\\"visLegend__list\\" id=\\"legendId\\"><li class=\\"visLegend__value\\"><div class=\\"euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushLeft visLegend__button\\" type=\\"button\\" data-label=\\"A\\" title=\\"A\\" aria-label=\\"A, toggle options\\" data-test-subj=\\"legend-A\\"><span class=\\"euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoaded\\" style=\\"fill: red;\\" focusable=\\"false\\" data-test-subj=\\"legendSelectedColor-red\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"4\\"></circle></svg><span class=\\"visLegend__valueTitle\\">A</span></span></span></button></div></div></li><li class=\\"visLegend__value\\"><div class=\\"euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushLeft visLegend__button\\" type=\\"button\\" data-label=\\"B\\" title=\\"B\\" aria-label=\\"B, toggle options\\" data-test-subj=\\"legend-B\\"><span class=\\"euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoaded\\" style=\\"fill: red;\\" focusable=\\"false\\" data-test-subj=\\"legendSelectedColor-red\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"4\\"></circle></svg><span class=\\"visLegend__valueTitle\\">B</span></span></span></button></div></div></li></ul></div>"`;
exports[`VisLegend Component Legend open should match the snapshot 1`] = `"<div class=\\"visLegend\\"><button type=\\"button\\" class=\\"visLegend__toggle kbn-resetFocusState visLegend__toggle--isOpen\\" aria-label=\\"Toggle legend\\" aria-expanded=\\"true\\" aria-controls=\\"legendId\\" data-test-subj=\\"vislibToggleLegend\\" title=\\"Toggle legend\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--text euiIcon-isLoaded\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"><title></title><path d=\\"M2 4V3h2v1H2zm4 0V3h8v1H6zm0 3V6h8v1H6zm0 3V9h8v1H6zM2 7V6h2v1H2zm0 3V9h2v1H2zm4 3v-1h8v1H6zm-4 0v-1h2v1H2z\\"></path></svg></button><ul class=\\"visLegend__list\\" id=\\"legendId\\"><li class=\\"visLegend__value\\"><div class=\\"euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushLeft visLegend__button\\" type=\\"button\\" data-label=\\"A\\" title=\\"A\\" aria-label=\\"A, toggle options\\" data-test-subj=\\"legend-A\\"><span class=\\"euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoaded\\" style=\\"fill: red;\\" focusable=\\"false\\" role=\\"img\\" data-test-subj=\\"legendSelectedColor-red\\" aria-hidden=\\"true\\"><title></title><circle cx=\\"8\\" cy=\\"8\\" r=\\"4\\"></circle></svg><span class=\\"visLegend__valueTitle\\">A</span></span></span></button></div></div></li><li class=\\"visLegend__value\\"><div class=\\"euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiButtonEmpty--flushLeft visLegend__button\\" type=\\"button\\" data-label=\\"B\\" title=\\"B\\" aria-label=\\"B, toggle options\\" data-test-subj=\\"legend-B\\"><span class=\\"euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoaded\\" style=\\"fill: red;\\" focusable=\\"false\\" role=\\"img\\" data-test-subj=\\"legendSelectedColor-red\\" aria-hidden=\\"true\\"><title></title><circle cx=\\"8\\" cy=\\"8\\" r=\\"4\\"></circle></svg><span class=\\"visLegend__valueTitle\\">B</span></span></span></button></div></div></li></ul></div>"`;

View file

@ -271,16 +271,18 @@ exports[`InspectorPanel should render as expected 1`] = `
type="arrowDown"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonEmpty__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonEmpty__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -20,11 +20,11 @@
export interface DataViewColumn {
name: string;
field: string;
sortable: Function;
sortable: (item: DataViewRow) => string | number;
render: DataViewColumnRender;
}
type DataViewColumnRender = (value: string) => string;
type DataViewColumnRender = (value: string, _item: DataViewRow) => string;
export interface DataViewRow {
[fields: string]: {

View file

@ -33,14 +33,18 @@ exports[`is rendered 1`] = `
type="arrowLeft"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--small euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -23,7 +23,6 @@ import { i18n } from '@kbn/i18n';
import { debounce, indexBy, sortBy, uniq } from 'lodash';
import {
EuiTitle,
// @ts-ignore
EuiInMemoryTable,
EuiPage,
EuiPageBody,
@ -36,6 +35,7 @@ import {
EuiOverlayMask,
EuiConfirmModal,
EuiCallOut,
EuiBasicTableColumn,
} from '@elastic/eui';
import { ToastsStart, IUiSettingsClient } from 'kibana/public';
import { toMountPoint } from '../util';
@ -366,7 +366,7 @@ class TableListView extends React.Component<TableListViewProps, TableListViewSta
});
},
}
: null;
: undefined;
const actions = [
{
@ -416,7 +416,7 @@ class TableListView extends React.Component<TableListViewProps, TableListViewSta
<EuiInMemoryTable
itemId="id"
items={this.state.items}
columns={columns}
columns={(columns as unknown) as Array<EuiBasicTableColumn<object>>} // EuiBasicTableColumn is stricter than Column
pagination={this.pagination}
loading={this.state.isFetchingItems}
message={noItemsMessage}

View file

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

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "17.0.0",
"@elastic/eui": "17.1.2",
"react": "^16.12.0"
}
}

View file

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

View file

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

View file

@ -25,17 +25,4 @@ declare module '@elastic/eui' {
export const EuiDescribedFormGroup: React.FC<any>;
export const EuiCodeEditor: React.FC<any>;
export const Query: any;
export interface EuiTableCriteria {
page: { index: number; size: number };
sort?: {
field?: string;
direction?: Direction;
};
}
export const EuiBasicTable: React.ComponentClass<{
onTableChange?: (criteria: EuiTableCriteria) => void;
sorting: { sort?: EuiTableCriteria['sort'] };
[key: string]: any;
}>;
}

View file

@ -93,10 +93,11 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
className="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonEmpty__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -251,10 +252,12 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
Latest occurrence
</span>
<svg
aria-hidden={true}
aria-label="Sorted in descending order"
className="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -297,29 +300,6 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
</tbody>
</table>
</div>
<div>
<div
className="euiSpacer euiSpacer--m"
/>
<EuiFlexGroup
alignItems="center"
justifyContent="spaceBetween"
responsive={false}
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<span />
</div>
</div>
</EuiFlexGroup>
</div>
</div>
</Memo(UnoptimizedManagedTable)>
`;
@ -472,10 +452,11 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
className="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonEmpty__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -630,10 +611,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
Latest occurrence
</span>
<svg
aria-hidden={true}
aria-label="Sorted in descending order"
className="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1351,7 +1334,68 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<span />
<div
className="euiPagination"
role="group"
>
<button
aria-label="Previous page"
className="euiButtonIcon euiButtonIcon--text"
data-test-subj="pagination-button-previous"
disabled={true}
onClick={[Function]}
type="button"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
</button>
<button
aria-label="Page 1 of 1"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
data-test-subj="pagination-button-0"
onClick={[Function]}
type="button"
>
<span
className="euiButtonEmpty__content"
>
<span
className="euiButtonEmpty__text"
>
1
</span>
</span>
</button>
<button
aria-label="Next page"
className="euiButtonIcon euiButtonIcon--text"
data-test-subj="pagination-button-next"
disabled={true}
onClick={[Function]}
type="button"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
</button>
</div>
</div>
</div>
</EuiFlexGroup>

View file

@ -111,12 +111,14 @@ NodeList [
class="euiIcon euiIcon--medium euiIcon-isLoaded euiButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M13.6 12.186l-1.357-1.358c-.025-.025-.058-.034-.084-.056.53-.794.84-1.746.84-2.773a4.977 4.977 0 0 0-.84-2.772c.026-.02.059-.03.084-.056L13.6 3.813a6.96 6.96 0 0 1 0 8.373zM8 15A6.956 6.956 0 0 1 3.814 13.6l1.358-1.358c.025-.025.034-.057.055-.084C6.02 12.688 6.974 13 8 13a4.978 4.978 0 0 0 2.773-.84c.02.026.03.058.056.083l1.357 1.358A6.956 6.956 0 0 1 8 15zm-5.601-2.813a6.963 6.963 0 0 1 0-8.373l1.359 1.358c.024.025.057.035.084.056A4.97 4.97 0 0 0 3 8c0 1.027.31 1.98.842 2.773-.027.022-.06.031-.084.056l-1.36 1.358zm5.6-.187A4 4 0 1 1 8 4a4 4 0 0 1 0 8zM8 1c1.573 0 3.019.525 4.187 1.4l-1.357 1.358c-.025.025-.035.057-.056.084A4.979 4.979 0 0 0 8 3a4.979 4.979 0 0 0-2.773.842c-.021-.027-.03-.059-.055-.084L3.814 2.4A6.957 6.957 0 0 1 8 1zm0-1a8.001 8.001 0 1 0 .003 16.002A8.001 8.001 0 0 0 8 0z"
d="M13.6 12.186l-1.357-1.358c-.025-.025-.058-.034-.084-.056.53-.794.84-1.746.84-2.773a4.977 4.977 0 00-.84-2.772c.026-.02.059-.03.084-.056L13.6 3.813a6.96 6.96 0 010 8.373zM8 15A6.956 6.956 0 013.814 13.6l1.358-1.358c.025-.025.034-.057.055-.084C6.02 12.688 6.974 13 8 13a4.978 4.978 0 002.773-.84c.02.026.03.058.056.083l1.357 1.358A6.956 6.956 0 018 15zm-5.601-2.813a6.963 6.963 0 010-8.373l1.359 1.358c.024.025.057.035.084.056A4.97 4.97 0 003 8c0 1.027.31 1.98.842 2.773-.027.022-.06.031-.084.056l-1.36 1.358zm5.6-.187A4 4 0 118 4a4 4 0 010 8zM8 1c1.573 0 3.019.525 4.187 1.4l-1.357 1.358c-.025.025-.035.057-.056.084A4.979 4.979 0 008 3a4.979 4.979 0 00-2.773.842c-.021-.027-.03-.059-.055-.084L3.814 2.4A6.957 6.957 0 018 1zm0-1a8.001 8.001 0 10.003 16.002A8.001 8.001 0 008 0z"
fill-rule="evenodd"
/>
</svg>

View file

@ -4,7 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/
import { EuiBasicTable } from '@elastic/eui';
import { EuiBasicTable, EuiBasicTableColumn } from '@elastic/eui';
import { sortByOrder } from 'lodash';
import React, { useMemo, useCallback, ReactNode } from 'react';
import { useUrlParams } from '../../../hooks/useUrlParams';
@ -69,8 +69,8 @@ function UnoptimizedManagedTable<T>(props: Props<T>) {
const sort = useMemo(() => {
return {
sort: {
field: sortField,
direction: sortDirection
field: sortField as keyof T,
direction: sortDirection as 'asc' | 'desc'
}
};
}, [sortField, sortDirection]);
@ -78,7 +78,7 @@ function UnoptimizedManagedTable<T>(props: Props<T>) {
const onTableChange = useCallback(
(options: {
page: { index: number; size: number };
sort: { field: string; direction: 'asc' | 'desc' };
sort?: { field: keyof T; direction: 'asc' | 'desc' };
}) => {
history.push({
...history.location,
@ -86,8 +86,8 @@ function UnoptimizedManagedTable<T>(props: Props<T>) {
...toQuery(history.location.search),
page: options.page.index,
pageSize: options.page.size,
sortField: options.sort.field,
sortDirection: options.sort.direction
sortField: options.sort!.field,
sortDirection: options.sort!.direction
})
});
},
@ -107,7 +107,7 @@ function UnoptimizedManagedTable<T>(props: Props<T>) {
<EuiBasicTable
noItemsMessage={noItemsMessage}
items={renderedItems}
columns={columns}
columns={(columns as unknown) as Array<EuiBasicTableColumn<T>>} // EuiBasicTableColumn is stricter than ITableColumn
pagination={pagination}
sorting={sort}
onChange={onTableChange}

View file

@ -185,14 +185,18 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
type="arrowRight"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -21,12 +21,14 @@ exports[`TransactionActionMenu component should match the snapshot 1`] = `
class="euiIcon euiIcon--medium euiIcon-isLoaded euiButtonEmpty__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
d="M13.069 5.157L8.384 9.768a.546.546 0 01-.768 0L2.93 5.158a.552.552 0 00-.771 0 .53.53 0 000 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 000-.76.552.552 0 00-.771 0z"
fill-rule="non-zero"
/>
</svg>

View file

@ -93,7 +93,7 @@ export class Table extends React.Component<TableProps, TableState> {
};
const selectionOptions = hideTableControls
? null
? undefined
: {
onSelectionChange: this.setSelection,
selectable: () => true,
@ -148,7 +148,7 @@ export class Table extends React.Component<TableProps, TableState> {
);
}
private onTableChange = (page: { index: number; size: number } = { index: 0, size: 50 }) => {
private onTableChange = ({ page }: { page: { index: number; size: number } }) => {
if (this.props.onTableChange) {
this.props.onTableChange(page.index, page.size);
}

View file

@ -14,7 +14,7 @@ import { ConnectedLink } from '../navigation/connected_link';
import { TagBadge } from '../tag';
export interface ColumnDefinition {
align?: string;
align?: 'left' | 'right' | 'center' | undefined;
field: string;
name: string;
sortable?: boolean;

View file

@ -13,6 +13,7 @@ import {
EuiSpacer,
EuiText,
EuiTitle,
EuiBasicTableColumn,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage, InjectedIntl, injectI18n } from '@kbn/i18n/react';
@ -98,7 +99,7 @@ class BeatDetailPageUi extends React.PureComponent<PageProps, PageState> {
),
}));
const columns = [
const columns: Array<EuiBasicTableColumn<ConfigurationBlock>> = [
{
field: 'displayValue',
name: intl.formatMessage({

View file

@ -16,9 +16,11 @@ exports[`Storyshots renderers/DropdownFilter default 1`] = `
</option>
</select>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading canvasDropdownFilter__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -61,9 +63,11 @@ exports[`Storyshots renderers/DropdownFilter with choices 1`] = `
</option>
</select>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading canvasDropdownFilter__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -107,9 +111,11 @@ exports[`Storyshots renderers/DropdownFilter with choices and new value 1`] = `
</option>
</select>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading canvasDropdownFilter__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -153,9 +159,11 @@ exports[`Storyshots renderers/DropdownFilter with choices and value 1`] = `
</option>
</select>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading canvasDropdownFilter__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -181,9 +189,11 @@ exports[`Storyshots renderers/DropdownFilter with new value 1`] = `
</option>
</select>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading canvasDropdownFilter__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -60,10 +60,11 @@ exports[`Storyshots arguments/AxisConfig extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -141,10 +142,11 @@ exports[`Storyshots arguments/AxisConfig/components extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -43,10 +43,11 @@ Array [
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -120,10 +121,11 @@ Array [
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -196,10 +198,11 @@ exports[`Storyshots arguments/DateFormat with preset format 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -53,10 +53,11 @@ Array [
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -140,10 +141,11 @@ Array [
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -226,10 +228,11 @@ exports[`Storyshots arguments/NumberFormat with preset format 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -80,10 +80,11 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -113,10 +114,11 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -147,10 +149,11 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -177,10 +180,11 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -275,10 +279,11 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -308,10 +313,11 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -342,10 +348,11 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -372,10 +379,11 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -127,9 +127,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#000",
@ -156,9 +158,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#fff",
@ -185,9 +189,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#fff",
@ -214,9 +220,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#fff",

View file

@ -389,10 +389,11 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -407,10 +408,11 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -807,10 +809,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -825,10 +828,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -894,10 +898,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -912,10 +917,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -981,10 +987,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -999,10 +1006,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -364,9 +364,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading selected-color"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",
@ -713,9 +715,11 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading selected-color"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",
@ -985,9 +989,11 @@ Array [
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading selected-color"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",

View file

@ -220,10 +220,11 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -238,10 +239,11 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -307,9 +309,11 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading selected-color"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",
@ -511,10 +515,11 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -529,10 +534,11 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -767,10 +773,11 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -785,10 +792,11 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -833,9 +841,11 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading selected-color"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",
@ -959,10 +969,11 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -977,10 +988,11 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -55,10 +55,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -209,10 +210,11 @@ Array [
className="euiFilePicker__prompt"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -255,9 +257,11 @@ Array [
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -412,10 +416,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -566,10 +571,11 @@ Array [
className="euiFilePicker__prompt"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -766,10 +772,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -920,10 +927,11 @@ Array [
className="euiFilePicker__prompt"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -966,9 +974,11 @@ Array [
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1122,10 +1132,11 @@ Array [
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1276,10 +1287,11 @@ Array [
className="euiFilePicker__prompt"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1322,9 +1334,11 @@ Array [
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -16,9 +16,11 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -118,9 +120,11 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -289,9 +293,11 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
className="euiCard__top"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading euiCard__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -28,10 +28,11 @@ exports[`Storyshots components/Elements/ElementControls has two buttons 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -57,10 +58,11 @@ exports[`Storyshots components/Elements/ElementControls has two buttons 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -75,10 +75,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -104,10 +105,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -182,10 +184,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -211,10 +214,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -289,10 +293,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -318,10 +323,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -411,10 +417,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls and filter 1`]
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -440,10 +447,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls and filter 1`]
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -20,10 +20,11 @@ exports[`Storyshots components/FileUpload default 1`] = `
className="euiFilePicker__prompt"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -47,10 +47,11 @@ exports[`Storyshots components/FontPicker default 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -129,10 +130,11 @@ exports[`Storyshots components/FontPicker with value 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -71,9 +71,11 @@ exports[`Storyshots components/ItemGrid complex grid 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#333",
@ -100,9 +102,11 @@ exports[`Storyshots components/ItemGrid complex grid 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#FFF",
@ -129,9 +133,11 @@ exports[`Storyshots components/ItemGrid complex grid 1`] = `
}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#FFF",
@ -151,27 +157,33 @@ exports[`Storyshots components/ItemGrid icon grid 1`] = `
className="item-grid-row"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -55,10 +55,11 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -43,10 +43,11 @@ exports[`Storyshots components/Sidebar/SidebarHeader default 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -85,10 +86,11 @@ exports[`Storyshots components/Sidebar/SidebarHeader default 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -148,10 +150,11 @@ exports[`Storyshots components/Sidebar/SidebarHeader without layer controls 1`]
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -190,10 +193,11 @@ exports[`Storyshots components/Sidebar/SidebarHeader without layer controls 1`]
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -55,9 +55,11 @@ exports[`Storyshots components/Tags/Tag as health 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#666666",
@ -88,9 +90,11 @@ exports[`Storyshots components/Tags/Tag as health with color 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#9b3067",

View file

@ -76,9 +76,11 @@ Array [
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#cc3b54",
@ -106,9 +108,11 @@ Array [
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#9b3067",
@ -136,9 +140,11 @@ Array [
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={
Object {
"fill": "#d41e93",

View file

@ -71,10 +71,11 @@ exports[`Storyshots components/Export/PDFPanel default 1`] = `
className="euiButton__content"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButton__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -28,10 +28,11 @@ exports[`Storyshots components/Export/WorkpadExport disabled 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -72,10 +73,11 @@ exports[`Storyshots components/Export/WorkpadExport enabled 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -139,10 +139,11 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -208,10 +209,11 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -367,10 +369,11 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -626,10 +629,11 @@ exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -695,10 +699,11 @@ exports[`Storyshots arguments/ContainerStyle/components appearance form 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -853,10 +858,11 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1123,10 +1129,11 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1192,10 +1199,11 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1351,10 +1359,11 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -66,10 +66,11 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -163,10 +164,11 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -252,10 +254,11 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -341,10 +344,11 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
className="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -173,12 +173,14 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
onMouseOver={[Function]}
>
<svg
aria-hidden={true}
aria-label="Info"
className="euiIcon euiIcon--medium euiIcon--warning euiIcon-isLoading"
focusable="true"
height={16}
onBlur={[Function]}
onFocus={[Function]}
role="img"
style={null}
tabIndex={0}
viewBox="0 0 16 16"

File diff suppressed because one or more lines are too long

View file

@ -1325,9 +1325,11 @@ exports[`Storyshots shareables/Canvas component 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1386,10 +1388,11 @@ exports[`Storyshots shareables/Canvas component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1439,10 +1442,11 @@ exports[`Storyshots shareables/Canvas component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1476,10 +1480,11 @@ exports[`Storyshots shareables/Canvas component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2824,9 +2829,11 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2885,10 +2892,11 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2938,10 +2946,11 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2975,10 +2984,11 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3139,9 +3149,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3200,10 +3212,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3252,10 +3265,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -3289,10 +3303,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -7,5 +7,5 @@ exports[`<App /> App renders properly 1`] = `
</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;\\"><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;\\"><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\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoading\\" focusable=\\"false\\"></svg></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\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"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\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight euiPopover--withTitle\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost\\" type=\\"button\\" aria-label=\\"Settings\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></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\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoading\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></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\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"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\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight euiPopover--withTitle\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost\\" type=\\"button\\" aria-label=\\"Settings\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></button></div></div></div></div></div></div></div></div></div></div>"
`;

View file

@ -1278,9 +1278,11 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1339,10 +1341,11 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1392,10 +1395,11 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1429,10 +1433,11 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1547,9 +1552,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1608,10 +1615,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1660,10 +1668,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1697,10 +1706,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -29,10 +29,11 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -82,10 +83,11 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -131,10 +133,11 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -184,10 +187,11 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -233,10 +237,11 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -286,10 +291,11 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -32,9 +32,11 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -101,9 +103,11 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -170,9 +174,11 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
title="Powered by Elastic.co"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -45,18 +45,22 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -216,18 +220,22 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -387,18 +395,22 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -39,10 +39,11 @@ exports[`Storyshots shareables/Footer/Settings component 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -95,10 +96,11 @@ exports[`Storyshots shareables/Footer/Settings contextual 1`] = `
type="button"
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -56,18 +56,22 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: off 1`
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -152,18 +156,22 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: on 1`]
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -248,18 +256,22 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings contextual 1`] =
className="euiSwitch__track"
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -263,16 +263,18 @@ exports[`ilm summary extension should return extension when index has lifecycle
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiCallOutHeader__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -60,9 +60,11 @@ exports[`policy table should show empty state when there are not any policies 1`
class="euiEmptyPrompt"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -109,6 +111,7 @@ exports[`policy table should show empty state when there are not any policies 1`
class="euiIcon euiIcon--medium euiIcon-isLoading euiButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -49,7 +49,7 @@ export class NodeAttrsDetails extends PureComponent {
</EuiTitle>
<EuiSpacer size="s" />
<EuiInMemoryTable
items={details}
items={details || []}
columns={[
{
field: 'nodeId',

View file

@ -7,7 +7,7 @@
import React, { useState, Fragment } from 'react';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n/react';
import { EuiInMemoryTable, EuiIcon, EuiButton, EuiLink } from '@elastic/eui';
import { EuiInMemoryTable, EuiIcon, EuiButton, EuiLink, EuiBasicTableColumn } from '@elastic/eui';
import { TemplateListItem, Template } from '../../../../../../common/types';
import { BASE_PATH, UIM_TEMPLATE_SHOW_DETAILS_CLICK } from '../../../../../../common/constants';
import { TemplateDeleteModal } from '../../../../components';
@ -31,7 +31,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
const [selection, setSelection] = useState<TemplateListItem[]>([]);
const [templatesToDelete, setTemplatesToDelete] = useState<Array<TemplateListItem['name']>>([]);
const columns = [
const columns: Array<EuiBasicTableColumn<TemplateListItem>> = [
{
field: 'name',
name: i18n.translate('xpack.idxMgmt.templateList.table.nameColumnTitle', {
@ -138,6 +138,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
enabled: ({ isManaged }: Template) => !isManaged,
},
{
type: 'icon',
name: i18n.translate('xpack.idxMgmt.templateList.table.actionCloneTitle', {
defaultMessage: 'Clone',
}),
@ -179,7 +180,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
field: 'name',
direction: 'asc',
},
};
} as const;
const selectionConfig = {
onSelectionChange: setSelection,
@ -190,6 +191,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
defaultMessage: 'You cannot delete a managed template.',
});
}
return '';
},
};

View file

@ -4,7 +4,7 @@
* you may not use this file except in compliance with the Elastic License.
*/
import { EuiButtonEmpty, EuiInMemoryTable, EuiToolTip } from '@elastic/eui';
import { EuiButtonEmpty, EuiInMemoryTable, EuiToolTip, EuiBasicTableColumn } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { last } from 'lodash';
@ -45,7 +45,7 @@ export const TableView = class extends React.PureComponent<Props, State> {
public readonly state: State = initialState;
public render() {
const { nodes, options, formatter, currentTime, nodeType } = this.props;
const columns = [
const columns: Array<EuiBasicTableColumn<typeof items[number]>> = [
{
field: 'name',
name: i18n.translate('xpack.infra.tableView.columnName.name', { defaultMessage: 'Name' }),
@ -139,7 +139,7 @@ export const TableView = class extends React.PureComponent<Props, State> {
field: 'value',
direction: 'desc',
},
};
} as const;
return (
<EuiInMemoryTable
pagination={true}

View file

@ -22,8 +22,8 @@ interface TableItem {
interface SortingOptions {
sort: {
field: string;
direction: string;
field: keyof TableItem;
direction: 'asc' | 'desc';
};
}
@ -139,7 +139,7 @@ export const AnomaliesTable: React.FunctionComponent<{
name: maxAnomalyScoreColumnName,
sortable: true,
truncateText: true,
dataType: 'number',
dataType: 'number' as const,
},
{
align: RIGHT_ALIGNMENT,
@ -169,8 +169,8 @@ export const AnomaliesTable: React.FunctionComponent<{
);
};
const StyledEuiBasicTable = euiStyled(EuiBasicTable)`
const StyledEuiBasicTable: typeof EuiBasicTable = euiStyled(EuiBasicTable as any)`
& .euiTable {
table-layout: auto;
}
`;
` as any; // eslint-disable-line @typescript-eslint/no-explicit-any

View file

@ -43,32 +43,9 @@ declare module '@elastic/eui' {
};
export const EuiSideNav: React.FC<EuiSideNavProps>;
type EuiErrorBoundaryProps = CommonProps & {
children: React.ReactNode;
};
type EuiSizesResponsive = 'xs' | 's' | 'm' | 'l' | 'xl';
type EuiResponsiveProps = CommonProps & {
children: React.ReactNode;
sizes: EuiSizesResponsive[];
};
type EuiInMemoryTableProps = CommonProps & {
items?: any;
columns?: any;
sorting?: any;
search?: any;
selection?: any;
pagination?: any;
itemId?: any;
isSelectable?: any;
loading?: any;
hasActions?: any;
message?: any;
rowProps?: any;
cellProps?: any;
responsive?: boolean;
itemIdToExpandedRowMap?: any;
};
export const EuiInMemoryTable: React.FC<EuiInMemoryTableProps>;
}

View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`LicenseStatus component should display display warning is expired 1`] = `"<div class=\\"euiTextAlign euiTextAlign--center\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--danger euiIcon-isLoading\\" focusable=\\"false\\"></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h1 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--medium\\">Your Platinum license has expired</h1></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium\\" data-test-subj=\\"licenseSubText\\">Your license expired on <strong></strong></div></div>"`;
exports[`LicenseStatus component should display display warning is expired 1`] = `"<div class=\\"euiTextAlign euiTextAlign--center\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon--danger euiIcon-isLoading\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h1 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--medium\\">Your Platinum license has expired</h1></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium\\" data-test-subj=\\"licenseSubText\\">Your license expired on <strong></strong></div></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<div class=\\"euiTextAlign euiTextAlign--center\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon--success euiIcon-isLoading\\" focusable=\\"false\\"></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h1 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--medium\\">Your Gold license is active</h1></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium\\" data-test-subj=\\"licenseSubText\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></div></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<div class=\\"euiTextAlign euiTextAlign--center\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon--success euiIcon-isLoading\\" focusable=\\"false\\" role=\\"img\\" aria-hidden=\\"true\\"></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h1 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--medium\\">Your Gold license is active</h1></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div><div class=\\"euiText euiText--medium\\" data-test-subj=\\"licenseSubText\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></div></div>"`;

View file

@ -203,6 +203,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -398,6 +399,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -508,6 +510,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -627,16 +630,18 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -915,16 +920,18 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
type="importAction"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -1379,23 +1386,26 @@ exports[`UploadLicense should display an error when ES says license is expired 1
type="importAction"
>
<EuiIconImport
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M9 10.114l1.85-1.943a.52.52 0 0 1 .77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 0 1-2.31 0L5.41 9a.617.617 0 0 1 0-.829.52.52 0 0 1 .77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 0 0-.972.804l-1.189 6A.995.995 0 0 0 2.991 14h11.018a1 1 0 0 0 .972-1.196l-1.19-6a.993.993 0 0 0-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0 1 14.016 15H2.984a1.992 1.992 0 0 1-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
d="M9 10.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 9a.617.617 0 010-.829.52.52 0 01.77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 00-.972.804l-1.189 6A.995.995 0 002.991 14h11.018a1 1 0 00.972-1.196l-1.19-6a.993.993 0 00-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0114.016 15H2.984a1.992 1.992 0 01-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
/>
</svg>
</EuiIconImport>
@ -1847,23 +1857,26 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
type="importAction"
>
<EuiIconImport
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M9 10.114l1.85-1.943a.52.52 0 0 1 .77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 0 1-2.31 0L5.41 9a.617.617 0 0 1 0-.829.52.52 0 0 1 .77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 0 0-.972.804l-1.189 6A.995.995 0 0 0 2.991 14h11.018a1 1 0 0 0 .972-1.196l-1.19-6a.993.993 0 0 0-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0 1 14.016 15H2.984a1.992 1.992 0 0 1-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
d="M9 10.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 9a.617.617 0 010-.829.52.52 0 01.77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 00-.972.804l-1.189 6A.995.995 0 002.991 14h11.018a1 1 0 00.972-1.196l-1.19-6a.993.993 0 00-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0114.016 15H2.984a1.992 1.992 0 01-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
/>
</svg>
</EuiIconImport>
@ -2315,16 +2328,18 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
type="importAction"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoading euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -2779,23 +2794,26 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
type="importAction"
>
<EuiIconImport
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--large euiIcon-isLoaded euiFilePicker__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M9 10.114l1.85-1.943a.52.52 0 0 1 .77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 0 1-2.31 0L5.41 9a.617.617 0 0 1 0-.829.52.52 0 0 1 .77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 0 0-.972.804l-1.189 6A.995.995 0 0 0 2.991 14h11.018a1 1 0 0 0 .972-1.196l-1.19-6a.993.993 0 0 0-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0 1 14.016 15H2.984a1.992 1.992 0 0 1-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
d="M9 10.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 9a.617.617 0 010-.829.52.52 0 01.77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 00-.972.804l-1.189 6A.995.995 0 002.991 14h11.018a1 1 0 00.972-1.196l-1.19-6a.993.993 0 00-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0114.016 15H2.984a1.992 1.992 0 01-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"
/>
</svg>
</EuiIconImport>

View file

@ -39,7 +39,6 @@ exports[`PipelinesTable component renders component as expected 1`] = `
]
}
data-test-subj="pipelineTable"
executeQueryOptions={Object {}}
isSelectable={true}
itemId="id"
items={

View file

@ -181,14 +181,18 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
type="alert"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -521,14 +525,18 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
type="alert"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -861,14 +869,18 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
type="alert"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xLarge euiIcon-isLoading"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -54,7 +54,6 @@ exports[`AnnotationsTable Initialization with annotations prop. 1`] = `
]
}
compressed={true}
executeQueryOptions={Object {}}
items={
Array [
Object {

View file

@ -61,8 +61,8 @@ export const JobMessages: FC<JobMessagesProps> = ({ messages, loading, error })
const defaultSorting = {
sort: {
field: 'timestamp',
direction: 'asc',
field: 'timestamp' as const,
direction: 'asc' as const,
},
};
@ -74,7 +74,6 @@ export const JobMessages: FC<JobMessagesProps> = ({ messages, loading, error })
items={messages}
columns={columns}
sorting={defaultSorting}
// @ts-ignore
compressed={true}
loading={loading}
error={error}

View file

@ -6,7 +6,7 @@
import { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
import { CommonProps, EuiInMemoryTable } from '@elastic/eui';
import { Direction, CommonProps, EuiInMemoryTable } from '@elastic/eui';
// Not using an enum here because the original HorizontalAlignment is also a union type of string.
type HorizontalAlignment = 'left' | 'center' | 'right';
@ -66,11 +66,9 @@ interface CustomItemActionType<T> {
isPrimary?: boolean;
}
export interface ExpanderColumnType {
export interface ExpanderColumnType<T> extends ComputedColumnType<T> {
align?: HorizontalAlignment;
width?: string;
isExpander: boolean;
render: RenderFunc;
isExpander: true;
}
type SupportedItemActionType<T> = DefaultItemActionType<T> | CustomItemActionType<T>;
@ -85,7 +83,7 @@ export interface ActionsColumnType<T> {
export type ColumnType<T> =
| ActionsColumnType<T>
| ComputedColumnType<T>
| ExpanderColumnType
| ExpanderColumnType<T>
| FieldDataColumnType<T>;
type QueryType = any;
@ -143,19 +141,24 @@ export enum SORT_DIRECTION {
ASC = 'asc',
DESC = 'desc',
}
export type SortDirection = SORT_DIRECTION.ASC | SORT_DIRECTION.DESC;
export interface Sorting {
sort: {
field: string;
direction: SortDirection;
};
export type SortDirection = SORT_DIRECTION.ASC | SORT_DIRECTION.DESC | 'asc' | 'desc';
interface SortFields {
field: string;
direction: SortDirection | Direction;
}
export type SortingPropType = boolean | Sorting;
export interface Sorting {
sort?: SortFields;
}
export type SortingPropType =
| boolean
| {
sort: SortFields;
};
type SelectionType = any;
export interface OnTableChangeArg extends Sorting {
page: { index: number; size: number };
page?: { index: number; size: number };
}
type ItemIdTypeFunc = <T>(item: T) => string;

View file

@ -33,7 +33,6 @@ exports[`EventsTable Renders events table with no search bar 1`] = `
},
]
}
executeQueryOptions={Object {}}
itemId="event_id"
items={
Array [
@ -101,7 +100,6 @@ exports[`EventsTable Renders events table with search bar 1`] = `
},
]
}
executeQueryOptions={Object {}}
itemId="event_id"
items={
Array [

View file

@ -27,7 +27,6 @@ exports[`CalendarsListTable renders the table with all calendars 1`] = `
]
}
data-test-subj="mlCalendarTable"
executeQueryOptions={Object {}}
isSelectable={true}
itemId="calendar_id"
items={

View file

@ -31,7 +31,6 @@ exports[`Filter Lists Table renders with filter lists and selection supplied 1`]
]
}
data-test-subj="mlFilterListsTable"
executeQueryOptions={Object {}}
isSelectable={true}
itemId="filter_id"
items={
@ -139,7 +138,6 @@ exports[`Filter Lists Table renders with filter lists supplied 1`] = `
]
}
data-test-subj="mlFilterListsTable"
executeQueryOptions={Object {}}
isSelectable={true}
itemId="filter_id"
items={

View file

@ -12,9 +12,11 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
class="euiPanel euiPanel--paddingLarge euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter eui-textCenter"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -102,9 +104,11 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
class="euiPanel euiPanel--paddingLarge euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter eui-textCenter"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--xxLarge euiIcon--app euiIcon-isLoading"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -30,10 +30,12 @@ exports[`Summary Status Component should allow label to be optional 1`] = `
Status:
<svg
alt="Status: yellow"
aria-hidden="true"
class="euiIcon euiIcon--large euiIcon--warning euiIcon-isLoading"
data-test-subj="statusIcon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -207,10 +209,12 @@ exports[`Summary Status Component should render metrics in a summary bar 1`] = `
Status:
<svg
alt="Status: green"
aria-hidden="true"
class="euiIcon euiIcon--large euiIcon--success euiIcon-isLoading"
data-test-subj="statusIcon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -269,17 +269,21 @@ Array [
class="euiSwitch__track"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -329,6 +333,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -531,17 +536,21 @@ Array [
class="euiSwitch__track"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiSwitch__icon euiSwitch__icon--checked"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"

View file

@ -15,16 +15,18 @@ exports[`ReportInfoButton handles button click flyout on click 1`] = `
type="iInCircle"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -157,6 +159,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -217,6 +220,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -282,16 +286,18 @@ Array [
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -388,16 +394,18 @@ Array [
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -568,6 +576,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -626,6 +635,7 @@ Array [
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
@ -689,16 +699,18 @@ Array [
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
@ -793,16 +805,18 @@ Array [
type="cross"
>
<EuiIconEmpty
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}

View file

@ -249,76 +249,6 @@ Array [
</table>
</EuiTable>
</div>
<PaginationBar
onPageChange={[Function]}
onPageSizeChange={[Function]}
pagination={
Object {
"hidePerPageOptions": true,
"pageIndex": 0,
"pageSize": 10,
"totalItemCount": 0,
}
}
>
<div>
<EuiSpacer
size="m"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
<EuiTablePagination
activePage={0}
hidePerPageOptions={true}
itemsPerPage={10}
itemsPerPageOptions={
Array [
10,
25,
50,
]
}
onChangeItemsPerPage={[Function]}
onChangePage={[Function]}
pageCount={0}
>
<EuiFlexGroup
alignItems="center"
justifyContent="spaceBetween"
responsive={false}
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiPagination
activePage={0}
onPageClick={[Function]}
pageCount={0}
>
<span />
</EuiPagination>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
</EuiTablePagination>
</div>
</PaginationBar>
</div>
</EuiBasicTable>,
<div
@ -524,76 +454,6 @@ Array [
</table>
</EuiTable>
</div>
<PaginationBar
onPageChange={[Function]}
onPageSizeChange={[Function]}
pagination={
Object {
"hidePerPageOptions": true,
"pageIndex": 0,
"pageSize": 10,
"totalItemCount": 0,
}
}
>
<div>
<EuiSpacer
size="m"
>
<div
className="euiSpacer euiSpacer--m"
/>
</EuiSpacer>
<EuiTablePagination
activePage={0}
hidePerPageOptions={true}
itemsPerPage={10}
itemsPerPageOptions={
Array [
10,
25,
50,
]
}
onChangeItemsPerPage={[Function]}
onChangePage={[Function]}
pageCount={0}
>
<EuiFlexGroup
alignItems="center"
justifyContent="spaceBetween"
responsive={false}
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiPagination
activePage={0}
onPageClick={[Function]}
pageCount={0}
>
<span />
</EuiPagination>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
</EuiTablePagination>
</div>
</PaginationBar>
</div>,
]
`;

View file

@ -4,11 +4,6 @@
* you may not use this file except in compliance with the Elastic License.
*/
// TODO: Remove once typescript definitions are in EUI
declare module '@elastic/eui' {
export const EuiBasicTable: React.FC<any>;
}
import { i18n } from '@kbn/i18n';
import { FormattedMessage, InjectedIntl, injectI18n } from '@kbn/i18n/react';
import moment from 'moment';
@ -17,7 +12,7 @@ import React, { Component } from 'react';
import chrome from 'ui/chrome';
import { toastNotifications } from 'ui/notify';
import {
EuiBasicTable as EuiBasicTableTyped,
EuiBasicTable,
EuiButtonIcon,
EuiPageContent,
EuiSpacer,
@ -297,7 +292,7 @@ class ReportListingUi extends Component<Props, State> {
};
return (
<EuiBasicTableTyped
<EuiBasicTable
itemId={'id'}
items={this.state.jobs}
loading={this.state.isLoading}

View file

@ -26,23 +26,26 @@ exports[`ApiKeysGridPage renders a callout when API keys are not enabled 1`] = `
type="alert"
>
<EuiIconAlert
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoaded euiCallOutHeader__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden="true"
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoaded euiCallOutHeader__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184zM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2zm0-1h12L8 2 2 13z"
d="M7.59 10.059L7.35 5.18h1.3L8.4 10.06h-.81zm.394 1.901a.61.61 0 01-.448-.186.606.606 0 01-.186-.444c0-.174.062-.323.186-.446a.614.614 0 01.448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 01-.189.446.607.607 0 01-.437.184zM2 14a1 1 0 01-.878-1.479l6-11a1 1 0 011.756 0l6 11A1 1 0 0114 14H2zm0-1h12L8 2 2 13z"
fillRule="evenodd"
/>
</svg>
@ -164,25 +167,30 @@ exports[`ApiKeysGridPage renders permission denied if user does not have require
type="securityApp"
>
<EuiIconAppSecurity
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoaded"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon--app euiIcon-isLoaded"
focusable="false"
height={32}
role="img"
style={null}
viewBox="0 0 32 32"
width={32}
xmlns="http://www.w3.org/2000/svg"
>
<title />
<path
d="M14 32l-.36-.14A21.07 21.07 0 0 1 0 12.07V5.44L14 .06l14 5.38v6.63a21.07 21.07 0 0 1-13.64 19.78L14 32zM2 6.82v5.25a19.08 19.08 0 0 0 12 17.77 19.08 19.08 0 0 0 12-17.77V6.82L14 2.2 2 6.82z"
d="M14 32l-.36-.14A21.07 21.07 0 010 12.07V5.44L14 .06l14 5.38v6.63a21.07 21.07 0 01-13.64 19.78L14 32zM2 6.82v5.25a19.08 19.08 0 0012 17.77 19.08 19.08 0 0012-17.77V6.82L14 2.2 2 6.82z"
/>
<path
className="euiIcon__fillSecondary"
d="M9 17.83h2V23H9zM11 10.18V7H9v3.18a3 3 0 1 0 2 0zM10 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM17 7h2v5.17h-2zM21 17a3 3 0 1 0-4 2.82V23h2v-3.18A3 3 0 0 0 21 17zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
d="M9 17.83h2V23H9zM11 10.18V7H9v3.18a3 3 0 102 0zM10 14a1 1 0 110-2 1 1 0 010 2zM17 7h2v5.17h-2zM21 17a3 3 0 10-4 2.82V23h2v-3.18A3 3 0 0021 17zm-3 1a1 1 0 110-2 1 1 0 010 2z"
/>
</svg>
</EuiIconAppSecurity>

View file

@ -21,6 +21,7 @@ import {
EuiText,
EuiTitle,
EuiToolTip,
EuiInMemoryTableProps,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n/react';
@ -192,7 +193,7 @@ export class ApiKeysGridPage extends Component<any, State> {
field: 'expiration',
direction: 'asc',
},
};
} as const;
const pagination = {
initialPageSize: 20,
@ -207,7 +208,7 @@ export class ApiKeysGridPage extends Component<any, State> {
},
};
const search = {
const search: EuiInMemoryTableProps<ApiKey>['search'] = {
toolsLeft: selectedItems.length ? (
<InvalidateProvider isAdmin={isAdmin}>
{invalidateApiKeyPrompt => {

View file

@ -32,10 +32,7 @@ exports[`FeatureTable can render without spaces 1`] = `
},
]
}
executeQueryOptions={Object {}}
items={Array []}
pagination={false}
responsive={false}
sorting={false}
/>
`;

View file

@ -8,8 +8,8 @@ import {
EuiBadgeProps,
EuiButtonEmpty,
EuiButtonIcon,
// @ts-ignore
EuiInMemoryTable,
EuiBasicTableColumn,
} from '@elastic/eui';
import { FormattedMessage, InjectedIntl } from '@kbn/i18n/react';
import _ from 'lodash';
@ -113,7 +113,7 @@ export class PrivilegeSpaceTable extends Component<Props, State> {
return {};
};
const columns: Record<string, any> = [
const columns: Array<EuiBasicTableColumn<TableRow>> = [
{
field: 'spaces',
name: 'Spaces',
@ -274,12 +274,10 @@ export class PrivilegeSpaceTable extends Component<Props, State> {
}
return (
// @ts-ignore missing rowProps from typedef
<EuiInMemoryTable
columns={columns}
items={rows}
hasActions
// @ts-ignore missing rowProps from typedef
rowProps={(item: TableRow) => {
return {
className: isGlobalPrivilegeDefinition(item.privileges)

Some files were not shown because too many files have changed in this diff Show more