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

Upgrade EUI to v40.0.0 (#115639)

Browse source 
* eui to v40.0.0

* tokenKeyword -> tokenTag

* mobileOptions type

* snapshot updates

* Revert "tokenKeyword -> tokenTag"

This reverts commit 0e5eae64e7.

* token snapshot
This commit is contained in:
Greg Thompson 2021-10-25 11:54:37 -05:00 • committed by GitHub
parent 14ac1643e6
commit 59815a0681
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 409 additions and 156 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -102,7 +102,7 @@
"@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.21",
"@elastic/ems-client": "7.16.0",
"@elastic/eui": "39.1.1",
"@elastic/eui": "40.0.0",
"@elastic/filesaver": "1.1.2",
"@elastic/maki": "6.3.0",
"@elastic/node-crypto": "1.2.1",

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

@ -644,6 +644,11 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiAccordion
arrowDisplay="right"
arrowProps={
Object {
"color": "text",
}
}
buttonClassName="euiCollapsibleNavGroup__heading"
buttonContent={
<EuiFlexGroup
@ -665,8 +670,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
buttonElement="button"
className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
data-test-subj="collapsibleNavGroup-recentlyViewed"
element="div"
id="generated-id"
initialIsOpen={true}
isLoading={false}
@ -685,28 +692,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<button
aria-controls="generated-id"
aria-expanded={true}
className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
className="euiAccordion__button euiCollapsibleNavGroup__heading"
id="generated-id"
onClick={[Function]}
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon euiAccordion__icon-isOpen"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon euiAccordion__icon-isOpen"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<EuiFlexGroup
alignItems="center"
@ -736,6 +728,43 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexGroup>
</span>
</button>
<EuiButtonIcon
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
<div
aria-labelledby="generated-id"
@ -892,6 +921,11 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiAccordion
arrowDisplay="right"
arrowProps={
Object {
"color": "text",
}
}
buttonClassName="euiCollapsibleNavGroup__heading"
buttonContent={
<EuiFlexGroup
@ -921,8 +955,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
buttonElement="button"
className="euiCollapsibleNavGroup euiCollapsibleNavGroup--withHeading"
data-test-subj="collapsibleNavGroup-kibana"
element="div"
id="generated-id"
initialIsOpen={true}
isLoading={false}
@ -941,28 +977,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<button
aria-controls="generated-id"
aria-expanded={true}
className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
className="euiAccordion__button euiCollapsibleNavGroup__heading"
id="generated-id"
onClick={[Function]}
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon euiAccordion__icon-isOpen"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon euiAccordion__icon-isOpen"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<EuiFlexGroup
alignItems="center"
@ -1009,6 +1030,43 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexGroup>
</span>
</button>
<EuiButtonIcon
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
<div
aria-labelledby="generated-id"
@ -1184,6 +1242,11 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiAccordion
arrowDisplay="right"
arrowProps={
Object {
"color": "text",
}
}
buttonClassName="euiCollapsibleNavGroup__heading"
buttonContent={
<EuiFlexGroup
@ -1213,8 +1276,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
buttonElement="button"
className="euiCollapsibleNavGroup euiCollapsibleNavGroup--withHeading"
data-test-subj="collapsibleNavGroup-observability"
element="div"
id="generated-id"
initialIsOpen={true}
isLoading={false}
@ -1233,28 +1298,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<button
aria-controls="generated-id"
aria-expanded={true}
className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
className="euiAccordion__button euiCollapsibleNavGroup__heading"
id="generated-id"
onClick={[Function]}
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon euiAccordion__icon-isOpen"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon euiAccordion__icon-isOpen"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<EuiFlexGroup
alignItems="center"
@ -1301,6 +1351,43 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexGroup>
</span>
</button>
<EuiButtonIcon
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
<div
aria-labelledby="generated-id"
@ -1437,6 +1524,11 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiAccordion
arrowDisplay="right"
arrowProps={
Object {
"color": "text",
}
}
buttonClassName="euiCollapsibleNavGroup__heading"
buttonContent={
<EuiFlexGroup
@ -1466,8 +1558,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
buttonElement="button"
className="euiCollapsibleNavGroup euiCollapsibleNavGroup--withHeading"
data-test-subj="collapsibleNavGroup-securitySolution"
element="div"
id="generated-id"
initialIsOpen={true}
isLoading={false}
@ -1486,28 +1580,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<button
aria-controls="generated-id"
aria-expanded={true}
className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
className="euiAccordion__button euiCollapsibleNavGroup__heading"
id="generated-id"
onClick={[Function]}
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon euiAccordion__icon-isOpen"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon euiAccordion__icon-isOpen"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<EuiFlexGroup
alignItems="center"
@ -1554,6 +1633,43 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexGroup>
</span>
</button>
<EuiButtonIcon
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
<div
aria-labelledby="generated-id"
@ -1651,6 +1767,11 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
>
<EuiAccordion
arrowDisplay="right"
arrowProps={
Object {
"color": "text",
}
}
buttonClassName="euiCollapsibleNavGroup__heading"
buttonContent={
<EuiFlexGroup
@ -1680,8 +1801,10 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
buttonElement="button"
className="euiCollapsibleNavGroup euiCollapsibleNavGroup--withHeading"
data-test-subj="collapsibleNavGroup-management"
element="div"
id="generated-id"
initialIsOpen={true}
isLoading={false}
@ -1700,28 +1823,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
<button
aria-controls="generated-id"
aria-expanded={true}
className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
className="euiAccordion__button euiCollapsibleNavGroup__heading"
id="generated-id"
onClick={[Function]}
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon euiAccordion__icon-isOpen"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon euiAccordion__icon-isOpen"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<EuiFlexGroup
alignItems="center"
@ -1768,6 +1876,43 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
</EuiFlexGroup>
</span>
</button>
<EuiButtonIcon
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="generated-id"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</div>
<div
aria-labelledby="generated-id"

5
src/core/public/chrome/ui/header/collapsible_nav.test.tsx
View file

@ -71,7 +71,10 @@ function expectNavIsClosed(component: ReactWrapper) {
}
function clickGroup(component: ReactWrapper, group: string) {
component.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`).simulate('click');
component
.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`)
.first()
.simulate('click');
}
describe('CollapsibleNav', () => {

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

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

2
src/plugins/vis_default_editor/public/components/__snapshots__/agg.test.tsx.snap generated
View file

@ -12,8 +12,10 @@ exports[`DefaultEditorAgg component should init with the default set of props 1`
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible visEditorSidebar__collapsible--marginBottom"
data-test-subj="visEditorAggAccordion1"
element="div"
extraAction={
<div>
<EuiToolTip

4
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/value_axes_panel.test.tsx.snap generated
View file

@ -66,8 +66,10 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
data-test-subj="toggleYAxisOptions-ValueAxis-1"
element="div"
extraAction={
<EuiToolTip
content="Remove Y-axis"
@ -176,8 +178,10 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
data-test-subj="toggleYAxisOptions-ValueAxis-2"
element="div"
extraAction={
<EuiToolTip
content="Remove Y-axis"

2
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/value_axis_options.test.tsx.snap generated
View file

@ -117,7 +117,9 @@ exports[`ValueAxisOptions component should init with the default set of props 1`
arrowDisplay="left"
buttonContent="Custom extents"
buttonContentClassName="euiText euiText--small"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
element="div"
id="yAxisOptionsAccordionValueAxis-1"
initialIsOpen={false}
isLoading={false}

29
x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot generated
View file

@ -13,6 +13,24 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
<div
className="euiAccordion__triggerWrapper"
>
<button
aria-controls="accordion-variables"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</button>
<button
aria-controls="accordion-variables"
aria-expanded={false}
@ -22,16 +40,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<span
className="euiAccordion__icon"
data-euiicon-type="arrowRight"
size="m"
/>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
<span
className="euiToolTipAnchor"

3
x-pack/plugins/enterprise_search/public/applications/app_search/components/curations/components/curations_table.tsx
View file

@ -73,11 +73,8 @@ export const CurationsTable: React.FC = () => {
truncateText: true,
mobileOptions: {
header: true,
// Note: the below props are valid props per https://elastic.github.io/eui/#/tabular-content/tables (Responsive tables), but EUI's types have a bug reporting it as an error
// @ts-ignore
enlarge: true,
width: '100%',
truncateText: false,
},
},
{

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

@ -36,11 +36,8 @@ export const NAME_COLUMN: EuiTableFieldDataColumnType<EngineDetails> = {
truncateText: true,
mobileOptions: {
header: true,
// Note: the below props are valid props per https://elastic.github.io/eui/#/tabular-content/tables (Responsive tables), but EUI's types have a bug reporting it as an error
// @ts-ignore
enlarge: true,
width: '100%',
truncateText: false,
},
};

2
x-pack/plugins/maps/public/connected_components/edit_layer_panel/__snapshots__/edit_layer_panel.test.tsx.snap generated
View file

@ -55,6 +55,8 @@ exports[`EditLayerPanel is rendered 1`] = `
<EuiAccordion
arrowDisplay="left"
buttonContent="Source details"
buttonElement="button"
element="div"
id="accordion1"
initialIsOpen={false}
isLoading={false}

2
x-pack/plugins/monitoring/public/components/elasticsearch/ccr_shard/__snapshots__/ccr_shard.test.js.snap generated
View file

@ -136,6 +136,8 @@ exports[`CcrShard that it renders normally 1`] = `
</h2>
</EuiTitle>
}
buttonElement="button"
element="div"
id="ccrLatestStat"
initialIsOpen={false}
isLoading={false}

168
x-pack/plugins/reporting/public/share_context_menu/__snapshots__/screen_capture_panel_content.test.tsx.snap generated
View file

@ -259,6 +259,8 @@ exports[`ScreenCapturePanelContent properly renders a view with "canvas" layout
<EuiAccordion
arrowDisplay="left"
buttonContent="Advanced options"
buttonElement="button"
element="div"
id="advanced-options"
initialIsOpen={false}
isLoading={false}
@ -271,6 +273,43 @@ exports[`ScreenCapturePanelContent properly renders a view with "canvas" layout
<div
className="euiAccordion__triggerWrapper"
>
<EuiButtonIcon
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiAccordion__iconButton"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
<button
aria-controls="advanced-options"
aria-expanded={false}
@ -280,22 +319,7 @@ exports[`ScreenCapturePanelContent properly renders a view with "canvas" layout
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
Advanced options
</span>
@ -697,6 +721,8 @@ exports[`ScreenCapturePanelContent properly renders a view with "print" layout o
<EuiAccordion
arrowDisplay="left"
buttonContent="Advanced options"
buttonElement="button"
element="div"
id="advanced-options"
initialIsOpen={false}
isLoading={false}
@ -709,6 +735,43 @@ exports[`ScreenCapturePanelContent properly renders a view with "print" layout o
<div
className="euiAccordion__triggerWrapper"
>
<EuiButtonIcon
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiAccordion__iconButton"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
<button
aria-controls="advanced-options"
aria-expanded={false}
@ -718,22 +781,7 @@ exports[`ScreenCapturePanelContent properly renders a view with "print" layout o
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
Advanced options
</span>
@ -1007,6 +1055,8 @@ exports[`ScreenCapturePanelContent renders the default view properly 1`] = `
<EuiAccordion
arrowDisplay="left"
buttonContent="Advanced options"
buttonElement="button"
element="div"
id="advanced-options"
initialIsOpen={false}
isLoading={false}
@ -1019,6 +1069,43 @@ exports[`ScreenCapturePanelContent renders the default view properly 1`] = `
<div
className="euiAccordion__triggerWrapper"
>
<EuiButtonIcon
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiAccordion__iconButton"
color="text"
iconType="arrowRight"
onClick={[Function]}
tabIndex={-1}
>
<button
aria-controls="advanced-options"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton"
disabled={false}
onClick={[Function]}
tabIndex={-1}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
<button
aria-controls="advanced-options"
aria-expanded={false}
@ -1028,22 +1115,7 @@ exports[`ScreenCapturePanelContent renders the default view properly 1`] = `
type="button"
>
<span
className="euiAccordion__iconWrapper"
>
<EuiIcon
className="euiAccordion__icon"
size="m"
type="arrowRight"
>
<span
className="euiAccordion__icon"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</span>
<span
className="euiIEFlexWrapFix"
className="euiAccordion__buttonContent"
>
Advanced options
</span>

2
x-pack/plugins/security_solution/public/common/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap generated
View file

@ -22,7 +22,9 @@ exports[`Modal all errors rendering it renders the default all errors modal when
<EuiAccordion
arrowDisplay="left"
buttonContent="Error 1, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt u ..."
buttonElement="button"
data-test-subj="modal-all-errors-accordion"
element="div"
id="accordion1"
initialIsOpen={true}
isLoading={false}

8
x-pack/plugins/security_solution/public/overview/components/overview_host_stats/__snapshots__/index.test.tsx.snap generated
View file

@ -38,6 +38,8 @@ exports[`Overview Host Stat Data rendering it renders the default OverviewHostSt
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="host-stat-accordion-groupauditbeat"
initialIsOpen={false}
isLoading={false}
@ -273,6 +275,8 @@ exports[`Overview Host Stat Data rendering it renders the default OverviewHostSt
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="host-stat-accordion-groupendgame"
initialIsOpen={false}
isLoading={false}
@ -540,6 +544,8 @@ exports[`Overview Host Stat Data rendering it renders the default OverviewHostSt
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="host-stat-accordion-groupfilebeat"
initialIsOpen={false}
isLoading={false}
@ -615,6 +621,8 @@ exports[`Overview Host Stat Data rendering it renders the default OverviewHostSt
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="host-stat-accordion-groupwinlogbeat"
initialIsOpen={false}
isLoading={false}

6
x-pack/plugins/security_solution/public/overview/components/overview_network_stats/__snapshots__/index.test.tsx.snap generated
View file

@ -38,6 +38,8 @@ exports[`Overview Network Stat Data rendering it renders the default OverviewNet
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="network-stat-accordion-groupauditbeat"
initialIsOpen={false}
isLoading={false}
@ -113,6 +115,8 @@ exports[`Overview Network Stat Data rendering it renders the default OverviewNet
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="network-stat-accordion-groupfilebeat"
initialIsOpen={false}
isLoading={false}
@ -316,6 +320,8 @@ exports[`Overview Network Stat Data rendering it renders the default OverviewNet
</EuiFlexGroup>
}
buttonContentClassName="accordion-button"
buttonElement="button"
element="div"
id="network-stat-accordion-grouppacketbeat"
initialIsOpen={false}
isLoading={false}

2
x-pack/plugins/uptime/public/components/monitor/ping_list/__snapshots__/ping_headers.test.tsx.snap generated
View file

@ -16,6 +16,8 @@ exports[`Ping Headers shallow renders expected elements for valid props 1`] = `
</h3>
</EuiText>
}
buttonElement="button"
element="div"
id="responseHeaderAccord"
initialIsOpen={false}
isLoading={false}

8
yarn.lock
View file

@ -2412,10 +2412,10 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui@39.1.1":
version "39.1.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-39.1.1.tgz#52e59f1dd6448b2e80047259ca60c6c87e9873f0"
integrity sha512-zYCNitpp6Ds7U6eaa9QkJqc20ZMo2wjpZokNtd1WalFV22vdfiVizFg7DMtDjJrCDLmoXcLOOCMasKlmmJ1cRg==
"@elastic/eui@40.0.0":
version "40.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-40.0.0.tgz#9556a87fa5eb7d9061e85f71ea9d3e6a9022dc3e"
integrity sha512-Zsz8eczEjthMgU00YhnsNmkKA8j4hxQpWNnrgecMgpcFEIj+Nn5WBofL/TJux/latS/mB4WWmrq4FTiSIyv/+Q==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"