Upgrade EUI to 14.5.0 (elastic#48119)

* eui 14.5.0

* snapshot updates

* update ChromeBreadcrumb interface

* change bad id selector to data-test-subj selector

docs/development/core/public/kibana-plugin-public.chromebreadcrumb.md

@@ -2,21 +2,11 @@
 
 [Home](./index.md) > [kibana-plugin-public](./kibana-plugin-public.md) > [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md)
 
-## ChromeBreadcrumb interface
+## ChromeBreadcrumb type
 
 
 <b>Signature:</b>
 
 ```typescript
-export interface ChromeBreadcrumb 
+export declare type ChromeBreadcrumb = EuiBreadcrumb;
 ```
-
-## Properties
-
-|  Property | Type | Description |
-|  --- | --- | --- |
-|  ["data-test-subj"](./kibana-plugin-public.chromebreadcrumb._data-test-subj_.md) | <code>string</code> |  |
-|  [href](./kibana-plugin-public.chromebreadcrumb.href.md) | <code>string</code> |  |
-|  [onClick](./kibana-plugin-public.chromebreadcrumb.onclick.md) | <code>MouseEventHandler&lt;HTMLButtonElement&gt;</code> |  |
-|  [text](./kibana-plugin-public.chromebreadcrumb.text.md) | <code>string</code> |  |
-

docs/development/core/public/kibana-plugin-public.md

@@ -34,7 +34,6 @@ The plugin integrates with the core system via lifecycle events: `setup`<!-- -->
 |  [Capabilities](./kibana-plugin-public.capabilities.md) | The read-only set of capabilities available for the current UI session. Capabilities are simple key-value pairs of (string, boolean), where the string denotes the capability ID, and the boolean is a flag indicating if the capability is enabled or disabled. |
 |  [ChromeBadge](./kibana-plugin-public.chromebadge.md) |  |
 |  [ChromeBrand](./kibana-plugin-public.chromebrand.md) |  |
-|  [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) |  |
 |  [ChromeNavControl](./kibana-plugin-public.chromenavcontrol.md) |  |
 |  [ChromeNavControls](./kibana-plugin-public.chromenavcontrols.md) | [APIs](./kibana-plugin-public.chromenavcontrols.md) for registering new controls to be displayed in the navigation bar. |
 |  [ChromeNavLink](./kibana-plugin-public.chromenavlink.md) |  |
@@ -92,6 +91,7 @@ The plugin integrates with the core system via lifecycle events: `setup`<!-- -->
 |  Type Alias | Description |
 |  --- | --- |
 |  [AppUnmount](./kibana-plugin-public.appunmount.md) | A function called when an application should be unmounted from the page. This function should be synchronous. |
+|  [ChromeBreadcrumb](./kibana-plugin-public.chromebreadcrumb.md) |  |
 |  [ChromeHelpExtension](./kibana-plugin-public.chromehelpextension.md) |  |
 |  [ChromeNavLinkUpdateableFields](./kibana-plugin-public.chromenavlinkupdateablefields.md) |  |
 |  [HandlerContextType](./kibana-plugin-public.handlercontexttype.md) | Extracts the type of the first argument of a [HandlerFunction](./kibana-plugin-public.handlerfunction.md) to represent the type of the context. |

package.json

@@ -107,7 +107,7 @@
     "@elastic/charts": "^13.5.1",
     "@elastic/datemath": "5.0.2",
     "@elastic/ems-client": "^1.0.2",
-    "@elastic/eui": "14.4.0",
+    "@elastic/eui": "14.5.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "8.1.1-kibana2",
     "@elastic/numeral": "2.3.3",

src/core/public/chrome/chrome_service.tsx

@@ -17,13 +17,13 @@
  * under the License.
  */
 
-import React, { MouseEventHandler } from 'react';
+import React from 'react';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { map, takeUntil } from 'rxjs/operators';
 import * as Url from 'url';
 
 import { i18n } from '@kbn/i18n';
-import { IconType } from '@elastic/eui';
+import { IconType, Breadcrumb as EuiBreadcrumb } from '@elastic/eui';
 
 import { InjectedMetadataStart } from '../injected_metadata';
 import { NotificationsStart } from '../notifications';
@@ -59,12 +59,7 @@ export interface ChromeBrand {
 }
 
 /** @public */
-export interface ChromeBreadcrumb {
-  text: string;
-  href?: string;
-  'data-test-subj'?: string;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-}
+export type ChromeBreadcrumb = EuiBreadcrumb;
 
 /** @public */
 export type ChromeHelpExtension = (element: HTMLDivElement) => () => void;

src/core/public/chrome/ui/header/header_breadcrumbs.tsx

@@ -21,10 +21,7 @@ import classNames from 'classnames';
 import React, { Component } from 'react';
 import * as Rx from 'rxjs';
 
-import {
-  // @ts-ignore
-  EuiHeaderBreadcrumbs,
-} from '@elastic/eui';
+import { EuiHeaderBreadcrumbs } from '@elastic/eui';
 import { ChromeBreadcrumb } from '../../chrome_service';
 
 interface Props {

src/core/public/public.api.md

@@ -4,8 +4,8 @@
 
 ```ts
 
+import { Breadcrumb } from '@elastic/eui';
 import { IconType } from '@elastic/eui';
-import { MouseEventHandler } from 'react';
 import { Observable } from 'rxjs';
 import React from 'react';
 import * as Rx from 'rxjs';
@@ -103,16 +103,7 @@ export interface ChromeBrand {
 }
 
 // @public (undocumented)
-export interface ChromeBreadcrumb {
-    // (undocumented)
-    'data-test-subj'?: string;
-    // (undocumented)
-    href?: string;
-    // (undocumented)
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    // (undocumented)
-    text: string;
-}
+export type ChromeBreadcrumb = Breadcrumb;
 
 // @public (undocumented)
 export type ChromeHelpExtension = (element: HTMLDivElement) => () => void;