Upgrade EUI to 12.1.0

package.json

@@ -104,7 +104,7 @@
     "@babel/register": "7.4.4",
     "@elastic/charts": "^6.0.1",
     "@elastic/datemath": "5.0.2",
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",

src/core/public/index.ts

@@ -57,7 +57,7 @@ import {
   ErrorToastOptions,
   NotificationsSetup,
   NotificationsStart,
-  Toast,
+  EuiGlobalToastListToast,
   ToastInput,
   ToastsApi,
 } from './notifications';
@@ -163,7 +163,7 @@ export {
   NotificationsStart,
   OverlayRef,
   OverlayStart,
-  Toast,
+  EuiGlobalToastListToast as Toast,
   ToastInput,
   ToastsApi,
   UiSettingsClient,

src/core/public/notifications/index.ts

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-export { ErrorToastOptions, Toast, ToastInput, ToastsApi } from './toasts';
+export { ErrorToastOptions, EuiGlobalToastListToast, ToastInput, ToastsApi } from './toasts';
 export {
   NotificationsService,
   NotificationsSetup,

src/core/public/notifications/toasts/global_toast_list.tsx

@@ -17,18 +17,18 @@
  * under the License.
  */
 
-import { EuiGlobalToastList, Toast } from '@elastic/eui';
+import { EuiGlobalToastList, EuiGlobalToastListToast } from '@elastic/eui';
 
 import React from 'react';
 import * as Rx from 'rxjs';
 
 interface Props {
-  toasts$: Rx.Observable<Toast[]>;
-  dismissToast: (t: Toast) => void;
+  toasts$: Rx.Observable<EuiGlobalToastListToast[]>;
+  dismissToast: (t: EuiGlobalToastListToast) => void;
 }
 
 interface State {
-  toasts: Toast[];
+  toasts: EuiGlobalToastListToast[];
 }
 
 export class GlobalToastList extends React.Component<Props, State> {

src/core/public/notifications/toasts/index.ts

@@ -19,4 +19,4 @@
 
 export { ToastsService, ToastsSetup, ToastsStart } from './toasts_service';
 export { ErrorToastOptions, ToastsApi, ToastInput } from './toasts_api';
-export { Toast } from '@elastic/eui';
+export { EuiGlobalToastListToast } from '@elastic/eui';

src/core/public/notifications/toasts/toasts_api.tsx

@@ -17,15 +17,15 @@
  * under the License.
  */
 
-import { Toast } from '@elastic/eui';
+import { EuiGlobalToastListToast } from '@elastic/eui';
 import React from 'react';
 import * as Rx from 'rxjs';
 
 import { ErrorToast } from './error_toast';
 import { UiSettingsSetup } from '../../ui_settings';
 import { OverlayStart } from '../../overlays';
 
-type ToastInputFields = Pick<Toast, Exclude<keyof Toast, 'id'>>;
+type ToastInputFields = Pick<EuiGlobalToastListToast, Exclude<keyof EuiGlobalToastListToast, 'id'>>;
 
 /** @public */
 export type ToastInput = string | ToastInputFields | Promise<ToastInputFields>;
@@ -56,7 +56,7 @@ const normalizeToast = (toastOrTitle: ToastInput) => {
 
 /** @public */
 export class ToastsApi {
-  private toasts$ = new Rx.BehaviorSubject<Toast[]>([]);
+  private toasts$ = new Rx.BehaviorSubject<EuiGlobalToastListToast[]>([]);
   private idCounter = 0;
   private uiSettings: UiSettingsSetup;
 
@@ -75,7 +75,7 @@ export class ToastsApi {
   }
 
   public add(toastOrTitle: ToastInput) {
-    const toast: Toast = {
+    const toast: EuiGlobalToastListToast = {
       id: String(this.idCounter++),
       toastLifeTimeMs: this.uiSettings.get('notifications:lifetime:info'),
       ...normalizeToast(toastOrTitle),
@@ -86,7 +86,7 @@ export class ToastsApi {
     return toast;
   }
 
-  public remove(toast: Toast) {
+  public remove(toast: EuiGlobalToastListToast) {
     const list = this.toasts$.getValue();
     const listWithoutToast = list.filter(t => t !== toast);
     if (listWithoutToast.length !== list.length) {

src/core/public/notifications/toasts/toasts_service.tsx

@@ -20,7 +20,7 @@
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 
-import { Toast } from '@elastic/eui';
+import { EuiGlobalToastListToast } from '@elastic/eui';
 import { I18nStart } from '../../i18n';
 import { UiSettingsSetup } from '../../ui_settings';
 import { GlobalToastList } from './global_toast_list';
@@ -59,7 +59,7 @@ export class ToastsService {
     render(
       <i18n.Context>
         <GlobalToastList
-          dismissToast={(toast: Toast) => this.api!.remove(toast)}
+          dismissToast={(toast: EuiGlobalToastListToast) => this.api!.remove(toast)}
           toasts$={this.api!.get$()}
         />
       </i18n.Context>,

src/dev/jest/setup/babel_polyfill.js

@@ -21,3 +21,4 @@
 // include the necessary polyfills when using `@babel/preset-env`, but for some
 // reason it did not work. See https://github.com/elastic/kibana/issues/14506
 import '../../../setup_node_env/babel_register/polyfill';
+import 'regenerator-runtime/runtime';

src/legacy/core_plugins/data/public/filter/filter_bar/filter_view/index.tsx

@@ -28,7 +28,7 @@ interface Props {
   [propName: string]: any;
 }
 
-export const FilterView: SFC<Props> = ({ filter, ...rest }: Props) => {
+export const FilterView: SFC<Props> = ({ filter, iconOnClick, onClick, ...rest }: Props) => {
   let title = `Filter: ${getFilterDisplayText(filter)}. ${i18n.translate(
     'data.filter.filterBar.moreFilterActionsMessage',
     {
@@ -51,16 +51,17 @@ export const FilterView: SFC<Props> = ({ filter, ...rest }: Props) => {
     <EuiBadge
       title={title}
       iconType="cross"
-      // @ts-ignore
       iconSide="right"
       closeButtonProps={{
         // Removing tab focus on close button because the same option can be optained through the context menu
         // Also, we may want to add a `DEL` keyboard press functionality
-        tabIndex: '-1',
+        tabIndex: -1,
       }}
+      iconOnClick={iconOnClick}
       iconOnClickAriaLabel={i18n.translate('data.filter.filterBar.filterItemBadgeIconAriaLabel', {
         defaultMessage: 'Delete',
       })}
+      onClick={onClick}
       onClickAriaLabel={i18n.translate('data.filter.filterBar.filterItemBadgeAriaLabel', {
         defaultMessage: 'Filter actions',
       })}

src/legacy/ui/public/share/components/url_panel_content.tsx

@@ -100,7 +100,10 @@ class UrlPanelContentUI extends Component<Props, State> {
 
         {this.renderShortUrlSwitch()}
 
-        <EuiCopy textToCopy={this.state.url} anchorClassName="kbnShareContextMenu__copyAnchor">
+        <EuiCopy
+          textToCopy={this.state.url || ''}
+          anchorClassName="kbnShareContextMenu__copyAnchor"
+        >
           {(copy: () => void) => (
             <EuiButton
               fill

test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json

@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }

test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json

@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "react": "^16.8.0"
   }
 }

test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json

@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "react": "^16.8.0"
   },
   "scripts": {

test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json

@@ -8,7 +8,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "react": "^16.8.0"
   },
   "scripts": {

test/plugin_functional/plugins/kbn_tp_visualize_embedding/package.json

@@ -7,7 +7,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@elastic/eui": "11.3.2",
+    "@elastic/eui": "12.1.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   }

typings/@elastic/eui/index.d.ts

@@ -22,7 +22,6 @@ import { Direction } from '@elastic/eui/src/services/sort/sort_direction';
 
 declare module '@elastic/eui' {
   export const EuiWrappingPopover: React.SFC<any>;
-  export const EuiCopy: React.SFC<any>;
   export const EuiOutsideClickDetector: React.SFC<any>;
   export const EuiSideNav: React.SFC<any>;