Upgrade EUI to v28.4.0 (elastic#77098)

* eui to 28.4.0

* euiselectableoption fixes

* src snapshot updates

* x-pack snapshot updates

* htmlidgenerator mock

* merge resolution

* clean up

* snapshot update

* prevent api changes

package.json

@@ -125,7 +125,7 @@
     "@babel/register": "^7.10.5",
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "7.9.0-rc.2",
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "^2.5.0",
     "@elastic/request-crypto": "1.1.4",

packages/kbn-ui-shared-deps/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@elastic/charts": "21.1.2",
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "@elastic/numeral": "^2.5.0",
     "@kbn/i18n": "1.0.0",
     "@kbn/monaco": "1.0.0",

test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json

@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "@kbn/plugin-helpers": "1.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",

test/plugin_functional/plugins/kbn_sample_panel_action/package.json

@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "react": "^16.12.0",
     "typescript": "4.0.2"
   }

test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json

@@ -12,7 +12,7 @@
     "build": "rm -rf './target' && tsc"
   },
   "devDependencies": {
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "@kbn/plugin-helpers": "1.0.0",
     "react": "^16.12.0",
     "typescript": "4.0.2"

x-pack/package.json

@@ -275,7 +275,7 @@
     "@babel/runtime": "^7.11.2",
     "@elastic/datemath": "5.0.3",
     "@elastic/ems-client": "7.9.3",
-    "@elastic/eui": "28.2.0",
+    "@elastic/eui": "28.4.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.0",

x-pack/plugins/apm/public/components/shared/Stacktrace/__test__/Stackframe.test.tsx

@@ -11,6 +11,12 @@ import { mountWithTheme } from '../../../../utils/testHelpers';
 import { Stackframe as StackframeComponent } from '../Stackframe';
 import stacktracesMock from './stacktraces.json';
 
+jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => {
+  return {
+    htmlIdGenerator: () => () => `generated-id`,
+  };
+});
+
 describe('Stackframe', () => {
   describe('when stackframe has source lines', () => {
     let wrapper: ReactWrapper;