mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
Upgrade EUI to v55.1.3 (#132451)
* Upgrade EUI to 55.1.3 backport * [Deprecation] Remove `watchedItemProps` from EuiContextMenu usage - should no longer be necessary * Update snapshots with new data-popover attr * Fix failing FTR test - Now that EuiContextMenu focus is restored correctly, there is a tooltip around the popover toggle that's blocking an above item that the test wants to click - swapping the order so that the tooltip does not block the clicked item should work * Fix 2nd maps FTR test with blocking tooltip Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Constance
GitHub
parent
642290b0f1
commit
51ae0208dc
13 changed files with 17 additions and 27 deletions
|
|
@ -110,7 +110,7 @@
|
|||
"@elastic/datemath": "5.0.3",
|
||||
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.2.0-canary.2",
|
||||
"@elastic/ems-client": "8.3.2",
|
||||
"@elastic/eui": "55.1.2",
|
||||
"@elastic/eui": "55.1.3",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -77,6 +77,6 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.3.2': ['Elastic License 2.0'],
|
||||
'@elastic/eui@55.1.2': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'@elastic/eui@55.1.3': ['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
|
||||
};
|
||||
|
|
|
|||
|
|
@ -103,7 +103,6 @@ export function FieldSearch({
|
|||
})}
|
||||
</EuiPopoverTitle>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
items={(availableFieldTypes as string[]).map((type) => (
|
||||
<EuiContextMenuItem
|
||||
key={type}
|
||||
|
|
|
|||
|
|
@ -378,10 +378,7 @@ class SavedObjectFinderUi extends React.Component<
|
|||
</EuiFilterButton>
|
||||
}
|
||||
>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
items={this.getSortOptions()}
|
||||
/>
|
||||
<EuiContextMenuPanel items={this.getSortOptions()} />
|
||||
</EuiPopover>
|
||||
{this.props.showFilter && (
|
||||
<EuiPopover
|
||||
|
|
@ -411,7 +408,6 @@ class SavedObjectFinderUi extends React.Component<
|
|||
}
|
||||
>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
items={this.props.savedObjectMetaData.map((metaData) => (
|
||||
<EuiContextMenuItem
|
||||
key={metaData.type}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ exports[`<Settings /> can navigate Autoplay Settings 1`] = `
|
|||
aria-live="off"
|
||||
aria-modal="true"
|
||||
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top"
|
||||
data-popover-panel="true"
|
||||
role="dialog"
|
||||
style="top: -16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
|
||||
tabindex="0"
|
||||
|
|
@ -108,6 +109,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
aria-live="off"
|
||||
aria-modal="true"
|
||||
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen"
|
||||
data-popover-panel="true"
|
||||
role="dialog"
|
||||
style="top: -16px; left: -22px; z-index: 2000;"
|
||||
tabindex="0"
|
||||
|
|
@ -359,6 +361,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
|
|||
aria-live="off"
|
||||
aria-modal="true"
|
||||
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top"
|
||||
data-popover-panel="true"
|
||||
role="dialog"
|
||||
style="top: -16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
|
||||
tabindex="0"
|
||||
|
|
@ -457,6 +460,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
|
|||
aria-live="off"
|
||||
aria-modal="true"
|
||||
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen"
|
||||
data-popover-panel="true"
|
||||
role="dialog"
|
||||
style="top: -16px; left: -22px; z-index: 2000;"
|
||||
tabindex="0"
|
||||
|
|
@ -631,4 +635,4 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
|
|||
</div>
|
||||
`;
|
||||
|
||||
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top\\" tabindex=\\"0\\" aria-live=\\"off\\" role=\\"dialog\\" aria-modal=\\"true\\" aria-describedby=\\"generated-id\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><p id=\\"generated-id\\" class=\\"euiScreenReaderOnly\\">You are in a dialog. To close this dialog, hit escape.</p><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"-1\\"><div class=\\"euiContextMenuPanelTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"play\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Auto Play</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"boxesHorizontal\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Toolbar</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"-1\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><button id=\\"generated-id\\" aria-checked=\\"true\\" class=\\"euiSwitch__button\\" role=\\"switch\\" type=\\"button\\" aria-labelledby=\\"generated-id\\" data-test-subj=\\"hideToolbarSwitch\\" name=\\"toolbarHide\\" aria-describedby=\\"generated-id-help-0\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><span data-euiicon-type=\\"cross\\" class=\\"euiSwitch__icon\\"></span><span data-euiicon-type=\\"check\\" class=\\"euiSwitch__icon euiSwitch__icon--checked\\"></span></span></span></button><span class=\\"euiSwitch__label\\" id=\\"generated-id\\">Hide Toolbar</span></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help-0\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div>"`;
|
||||
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top\\" data-popover-panel=\\"true\\" tabindex=\\"0\\" aria-live=\\"off\\" role=\\"dialog\\" aria-modal=\\"true\\" aria-describedby=\\"generated-id\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><p id=\\"generated-id\\" class=\\"euiScreenReaderOnly\\">You are in a dialog. To close this dialog, hit escape.</p><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"-1\\"><div class=\\"euiContextMenuPanelTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"play\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Auto Play</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"boxesHorizontal\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Toolbar</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"-1\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><button id=\\"generated-id\\" aria-checked=\\"true\\" class=\\"euiSwitch__button\\" role=\\"switch\\" type=\\"button\\" aria-labelledby=\\"generated-id\\" data-test-subj=\\"hideToolbarSwitch\\" name=\\"toolbarHide\\" aria-describedby=\\"generated-id-help-0\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><span data-euiicon-type=\\"cross\\" class=\\"euiSwitch__icon\\"></span><span data-euiicon-type=\\"check\\" class=\\"euiSwitch__icon euiSwitch__icon--checked\\"></span></span></span></button><span class=\\"euiSwitch__label\\" id=\\"generated-id\\">Hide Toolbar</span></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help-0\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div>"`;
|
||||
|
|
|
|||
|
|
@ -394,10 +394,7 @@ export class SavedObjectFinderUi extends React.Component<
|
|||
</EuiFilterButton>
|
||||
}
|
||||
>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
items={this.getSortOptions()}
|
||||
/>
|
||||
<EuiContextMenuPanel items={this.getSortOptions()} />
|
||||
</EuiPopover>
|
||||
{this.props.showFilter && (
|
||||
<EuiPopover
|
||||
|
|
@ -430,7 +427,6 @@ export class SavedObjectFinderUi extends React.Component<
|
|||
}
|
||||
>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
items={this.props.savedObjectMetaData.map((metaData) => (
|
||||
<EuiContextMenuItem
|
||||
key={metaData.type}
|
||||
|
|
|
|||
|
|
@ -671,7 +671,6 @@ export const InnerIndexPatternDataPanel = function InnerIndexPatternDataPanel({
|
|||
}
|
||||
>
|
||||
<EuiContextMenuPanel
|
||||
watchedItemProps={['icon', 'disabled']}
|
||||
data-test-subj="lnsIndexPatternTypeFilterOptions"
|
||||
items={(availableFieldTypes as DataType[]).map((type) => (
|
||||
<EuiContextMenuItem
|
||||
|
|
|
|||
|
|
@ -694,11 +694,7 @@ export const LinksMenuUI = (props: LinksMenuProps) => {
|
|||
]);
|
||||
|
||||
return (
|
||||
<EuiContextMenuPanel
|
||||
items={contextMenuItems}
|
||||
watchedItemProps={['disabled', 'href']} // Ensures the 'View in Discover' link rerenders when loading completes
|
||||
data-test-subj="mlAnomaliesListRowActionsMenu"
|
||||
/>
|
||||
<EuiContextMenuPanel items={contextMenuItems} data-test-subj="mlAnomaliesListRowActionsMenu" />
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -73,7 +73,6 @@ export class SpacesPopoverList extends Component<Props, State> {
|
|||
title: i18n.translate('xpack.security.management.editRole.spacesPopoverList.popoverTitle', {
|
||||
defaultMessage: 'Spaces',
|
||||
}),
|
||||
watchedItemProps: ['data-search-term'],
|
||||
};
|
||||
|
||||
if (this.props.spaces.length >= SPACE_SEARCH_COUNT_THRESHOLD) {
|
||||
|
|
|
|||
|
|
@ -69,7 +69,6 @@ class SpacesMenuUI extends Component<Props, State> {
|
|||
id: 'xpack.spaces.navControl.spacesMenu.changeCurrentSpaceTitle',
|
||||
defaultMessage: 'Change current space',
|
||||
}),
|
||||
watchedItemProps: ['data-search-term'],
|
||||
};
|
||||
|
||||
if (this.props.spaces.length >= SPACE_SEARCH_COUNT_THRESHOLD) {
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ import expect from '@kbn/expect';
|
|||
export default function ({ getPageObjects, getService }) {
|
||||
const PageObjects = getPageObjects(['maps']);
|
||||
const inspector = getService('inspector');
|
||||
const testSubjects = getService('testSubjects');
|
||||
const security = getService('security');
|
||||
|
||||
describe('layer visibility', () => {
|
||||
|
|
@ -31,6 +32,7 @@ export default function ({ getPageObjects, getService }) {
|
|||
|
||||
it('should fetch layer data when layer is made visible', async () => {
|
||||
await PageObjects.maps.toggleLayerVisibility('logstash');
|
||||
await testSubjects.click('mapLayerTOC'); // Tooltip blocks clicks otherwise
|
||||
const hits = await PageObjects.maps.getHits();
|
||||
expect(hits).to.equal('5');
|
||||
});
|
||||
|
|
|
|||
|
|
@ -165,8 +165,8 @@ export default function ({ getPageObjects, getService, updateBaselines }) {
|
|||
describe('web logs', () => {
|
||||
before(async () => {
|
||||
await PageObjects.maps.loadSavedMap('[Logs] Total Requests and Bytes');
|
||||
await PageObjects.maps.toggleLayerVisibility('Road map - desaturated');
|
||||
await PageObjects.maps.toggleLayerVisibility('Total Requests by Destination');
|
||||
await PageObjects.maps.toggleLayerVisibility('Road map - desaturated');
|
||||
await PageObjects.timePicker.setCommonlyUsedTime('sample_data range');
|
||||
await PageObjects.maps.enterFullScreen();
|
||||
await PageObjects.maps.closeLegend();
|
||||
|
|
|
|||
|
|
@ -1503,10 +1503,10 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui@55.1.2":
|
||||
version "55.1.2"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-55.1.2.tgz#dd0b42f5b26c5800d6a9cb2d4c2fe1afce9d3f07"
|
||||
integrity sha512-wwZz5KxMIMFlqEsoCRiQBJDc4CrluS1d0sCOmQ5lhIzKhYc91MdxnqCk2i6YkhL4sSDf2Y9KAEuMXa+uweOWUA==
|
||||
"@elastic/eui@55.1.3":
|
||||
version "55.1.3"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-55.1.3.tgz#976142b88156caab2ce896102a1e35fecdaa2647"
|
||||
integrity sha512-Hf6eN9YKOKAQMMS9OV5pHLUkzpKKAxGYNVSfc/KK7hN9BlhlHH4OaZIQP3Psgf5GKoqhZrldT/N65hujk3rlLA==
|
||||
dependencies:
|
||||
"@types/chroma-js" "^2.0.0"
|
||||
"@types/lodash" "^4.14.160"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue