Upgrade EUI to v59.0.1

package.json

@@ -109,7 +109,7 @@
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.2.0-canary.2",
     "@elastic/ems-client": "8.3.3",
-    "@elastic/eui": "58.0.0",
+    "@elastic/eui": "59.0.1",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

packages/core/theme/core-theme-browser-internal/src/core_theme_provider.tsx

@@ -28,6 +28,7 @@ const emotionCache = createCache({
   key: 'eui-styles',
   container: document.querySelector(`meta[name="${EUI_STYLES_GLOBAL}"]`) as HTMLElement,
 });
+emotionCache.compat = true;
 
 /**
  * Wrapper around `EuiProvider` converting (and exposing) core's theme to EUI theme.

packages/kbn-storybook/src/lib/decorators.tsx

@@ -23,6 +23,7 @@ const EuiProviderDecorator: DecoratorFn = (storyFn, { globals }) => {
     key: 'eui-styles',
     container: document.querySelector(`meta[name="eui-styles-global"]`) as HTMLElement,
   });
+  emotionCache.compat = true;
 
   return (
     <EuiProvider colorMode={colorMode} cache={emotionCache}>

packages/kbn-test/src/jest/setup/emotion.js

@@ -12,3 +12,18 @@ module.exports = createSerializer({
   classNameReplacer: (className) => className,
   includeStyles: false,
 });
+
+const consoleError = console.error;
+console.error = (message, ...rest) => {
+  // @see https://github.com/emotion-js/emotion/issues/1105
+  // This error that Emotion throws doesn't apply to Jest, so
+  // we're just going to remove the first/nth-child warning
+  if (
+    typeof message === 'string' &&
+    message.includes('The pseudo class') &&
+    message.includes('is potentially unsafe when doing server-side rendering. Try changing it to')
+  ) {
+    return;
+  }
+  consoleError(message, ...rest);
+};

src/core/public/i18n/i18n_eui_mapping.tsx

@@ -306,6 +306,12 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: 'Select sorting method for {display}',
         values: { display },
       }),
+    'euiColumnSortingDraggable.dragHandleAriaLabel': i18n.translate(
+      'core.euiColumnSortingDraggable.dragHandleAriaLabel',
+      {
+        defaultMessage: 'Drag handle',
+      }
+    ),
     'euiComboBox.listboxAriaLabel': i18n.translate('core.euiComboBox.listboxAriaLabel', {
       defaultMessage: 'Choose from the following options',
     }),