Upgrade EUI to 11.0.1; support dynamic import() calls in UI code + eui (

#36316)

* Upgrade EUI to 11.0.1; support dynamic import() calls in UI code + eui

* update snaps

* Clicking on the svg itself once loaded

* updated snaps

* update icon in snapshots

* Fix snapshot

package.json

@@ -104,7 +104,7 @@
     "@babel/register": "7.4.4",
     "@elastic/charts": "^4.2.6",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "10.4.1",
+    "@elastic/eui": "11.0.1",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",
@@ -258,6 +258,7 @@
   },
   "devDependencies": {
     "@babel/parser": "7.4.5",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/types": "7.4.4",
     "@elastic/eslint-config-kibana": "0.15.0",
     "@elastic/github-checks-reporter": "0.0.15",
@@ -338,6 +339,7 @@
     "archiver": "^3.0.0",
     "babel-eslint": "10.0.1",
     "babel-jest": "^24.1.0",
+    "babel-plugin-dynamic-import-node": "^2.2.0",
     "backport": "4.5.5",
     "chai": "3.5.0",
     "chance": "1.0.18",

src/dev/jest/babel_transform.js

@@ -23,4 +23,9 @@ module.exports = babelJest.createTransformer({
   presets: [
     require.resolve('@kbn/babel-preset/node_preset')
   ],
+  plugins: [
+    // enables jest to parse and execute dynamic import() calls
+    '@babel/plugin-syntax-dynamic-import',
+    'dynamic-import-node'
+  ]
 });

src/dev/jest/config.js

@@ -88,7 +88,8 @@ export default {
     '^.+\\.html?$': 'jest-raw-loader',
   },
   transformIgnorePatterns: [
-    '[/\\\\]node_modules[/\\\\].+\\.js$',
+    // ignore all node_modules except @elastic/eui which requires babel transforms to handle dynamic import()
+    '[/\\\\]node_modules(?![\\/\\\\]@elastic[\\/\\\\]eui)[/\\\\].+\\.js$',
     'packages/kbn-pm/dist/index.js'
   ],
   snapshotSerializers: [