[7.x] Adds link for Cloud deployment settings (elastic#66486) (elasti…

…c#70015)

Co-authored-by: Michail Yasonik <michail@yasonik.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

src/core/public/chrome/chrome_service.mock.ts

@@ -74,13 +74,16 @@ const createStartContractMock = () => {
  setHelpSupportUrl: jest.fn(),
  getIsNavDrawerLocked$: jest.fn(),
  getNavType$: jest.fn(),
+ getCustomNavLink$: jest.fn(),
+ setCustomNavLink: jest.fn(),
  };
  startContract.navLinks.getAll.mockReturnValue([]);
  startContract.getBrand$.mockReturnValue(new BehaviorSubject({} as ChromeBrand));
  startContract.getIsVisible$.mockReturnValue(new BehaviorSubject(false));
  startContract.getApplicationClasses$.mockReturnValue(new BehaviorSubject(['class-name']));
  startContract.getBadge$.mockReturnValue(new BehaviorSubject({} as ChromeBadge));
  startContract.getBreadcrumbs$.mockReturnValue(new BehaviorSubject([{} as ChromeBreadcrumb]));
+ startContract.getCustomNavLink$.mockReturnValue(new BehaviorSubject(undefined));
  startContract.getHelpExtension$.mockReturnValue(new BehaviorSubject(undefined));
  startContract.getIsNavDrawerLocked$.mockReturnValue(new BehaviorSubject(false));
  startContract.getNavType$.mockReturnValue(new BehaviorSubject('modern' as NavType));

src/core/public/chrome/chrome_service.test.ts

@@ -363,6 +363,27 @@ describe('start', () => {
  });
  });
 
+ describe('custom nav link', () => {
+ it('updates/emits the current custom nav link', async () => {
+ const { chrome, service } = await start();
+ const promise = chrome.getCustomNavLink$().pipe(toArray()).toPromise();
+
+ chrome.setCustomNavLink({ title: 'Manage cloud deployment' });
+ chrome.setCustomNavLink(undefined);
+ service.stop();
+
+ await expect(promise).resolves.toMatchInlineSnapshot(`
+ Array [
+ undefined,
+ Object {
+ "title": "Manage cloud deployment",
+ },
+ undefined,
+ ]
+ `);
+ });
+ });
+
  describe('help extension', () => {
  it('updates/emits the current help extension', async () => {
  const { chrome, service } = await start();

src/core/public/chrome/chrome_service.tsx

@@ -34,7 +34,7 @@ import { IUiSettingsClient } from '../ui_settings';
 import { KIBANA_ASK_ELASTIC_LINK } from './constants';
 import { ChromeDocTitle, DocTitleService } from './doc_title';
 import { ChromeNavControls, NavControlsService } from './nav_controls';
-import { ChromeNavLinks, NavLinksService } from './nav_links';
+import { ChromeNavLinks, NavLinksService, ChromeNavLink } from './nav_links';
 import { ChromeRecentlyAccessed, RecentlyAccessedService } from './recently_accessed';
 import { Header } from './ui';
 import { NavType } from './ui/header';
@@ -148,6 +148,7 @@ export class ChromeService {
  const helpExtension$ = new BehaviorSubject<ChromeHelpExtension | undefined>(undefined);
  const breadcrumbs$ = new BehaviorSubject<ChromeBreadcrumb[]>([]);
  const badge$ = new BehaviorSubject<ChromeBadge | undefined>(undefined);
+ const customNavLink$ = new BehaviorSubject<ChromeNavLink | undefined>(undefined);
  const helpSupportUrl$ = new BehaviorSubject<string>(KIBANA_ASK_ELASTIC_LINK);
  const isNavDrawerLocked$ = new BehaviorSubject(localStorage.getItem(IS_LOCKED_KEY) === 'true');
 
@@ -221,6 +222,7 @@ export class ChromeService {
  badge$={badge$.pipe(takeUntil(this.stop$))}
  basePath={http.basePath}
  breadcrumbs$={breadcrumbs$.pipe(takeUntil(this.stop$))}
+ customNavLink$={customNavLink$.pipe(takeUntil(this.stop$))}
  kibanaDocLink={docLinks.links.kibana}
  forceAppSwitcherNavigation$={navLinks.getForceAppSwitcherNavigation$()}
  helpExtension$={helpExtension$.pipe(takeUntil(this.stop$))}
@@ -297,6 +299,12 @@ export class ChromeService {
  getIsNavDrawerLocked$: () => getIsNavDrawerLocked$,
 
  getNavType$: () => getNavType$,
+
+ getCustomNavLink$: () => customNavLink$.pipe(takeUntil(this.stop$)),
+
+ setCustomNavLink: (customNavLink?: ChromeNavLink) => {
+ customNavLink$.next(customNavLink);
+ },
  };
  }
 
@@ -423,6 +431,16 @@ export interface ChromeStart {
  */
  setBreadcrumbs(newBreadcrumbs: ChromeBreadcrumb[]): void;
 
+ /**
+ * Get an observable of the current custom nav link
+ */
+ getCustomNavLink$(): Observable<Partial<ChromeNavLink> | undefined>;
+
+ /**
+ * Override the current set of custom nav link
+ */
+ setCustomNavLink(newCustomNavLink?: Partial<ChromeNavLink>): void;
+
  /**
  * Get an observable of the current custom help conttent
  */