Upgrade EUI to v55.1.3 (elastic#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 <[email protected]>

package.json

@@ -110,7 +110,7 @@
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "npm:@elastic/[email protected]",
     "@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",

src/dev/license_checker/config.ts

@@ -77,6 +77,6 @@ export const LICENSE_OVERRIDES = {
   '[email protected]': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/[email protected]': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/[email protected]': ['Elastic License 2.0'],
-  '@elastic/[email protected].2': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/[email protected].3': ['SSPL-1.0 OR Elastic License 2.0'],
   '[email protected]': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
 };

src/plugins/presentation_util/public/components/field_picker/field_search.tsx

@@ -103,7 +103,6 @@ export function FieldSearch({
               })}
             </EuiPopoverTitle>
             <EuiContextMenuPanel
-              watchedItemProps={['icon', 'disabled']}
               items={(availableFieldTypes as string[]).map((type) => (
                 <EuiContextMenuItem
                   key={type}

src/plugins/saved_objects/public/finder/saved_object_finder.tsx

@@ -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}

x-pack/plugins/cases/public/components/markdown_editor/plugins/lens/saved_objects_finder.tsx

@@ -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}

x-pack/plugins/lens/public/indexpattern_datasource/datapanel.tsx

@@ -671,7 +671,6 @@ export const InnerIndexPatternDataPanel = function InnerIndexPatternDataPanel({
               }
             >
               <EuiContextMenuPanel
-                watchedItemProps={['icon', 'disabled']}
                 data-test-subj="lnsIndexPatternTypeFilterOptions"
                 items={(availableFieldTypes as DataType[]).map((type) => (
                   <EuiContextMenuItem

x-pack/plugins/ml/public/application/components/anomalies_table/links_menu.tsx

@@ -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" />
   );
 };
 

x-pack/plugins/security/public/management/roles/edit_role/spaces_popover_list/spaces_popover_list.tsx

@@ -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) {

x-pack/plugins/spaces/public/nav_control/components/spaces_menu.tsx

@@ -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) {

x-pack/test/functional/apps/maps/group1/layer_visibility.js

@@ -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');
     });

x-pack/test/functional/apps/maps/group1/sample_data.js

@@ -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();

yarn.lock

@@ -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/[email protected].2":
-  version "55.1.2"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-55.1.2.tgz#dd0b42f5b26c5800d6a9cb2d4c2fe1afce9d3f07"
-  integrity sha512-wwZz5KxMIMFlqEsoCRiQBJDc4CrluS1d0sCOmQ5lhIzKhYc91MdxnqCk2i6YkhL4sSDf2Y9KAEuMXa+uweOWUA==
+"@elastic/[email protected].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"