Recently accessed items filter prop

elastic · May 1, 2023 · 85a3e03 · 85a3e03
1 parent b43f859
commit 85a3e03
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/packages/shared-ux/chrome/navigation/src/ui/components/recently_accessed.tsx b/packages/shared-ux/chrome/navigation/src/ui/components/recently_accessed.tsx
@@ -13,14 +13,20 @@ import { NavigationProps, NavigationServices } from '../../../types';
 import { getI18nStrings } from '../../i18n_strings';
 import { navigationStyles as styles } from '../../styles';
 
-interface Props {
-  recentlyAccessed$: Observable<RecentItem[]>;
-}
+type Props = Pick<NavigationProps, 'recentlyAccessedFilter'>;
+type Services = Pick<NavigationServices, 'recentlyAccessed$'>;
 
-export const RecentlyAccessed = (props: Props) => {
+export const RecentlyAccessed = (props: Props & Services) => {
   const strings = getI18nStrings();
   const recentlyAccessed = useObservable(props.recentlyAccessed$, []);
-  if (recentlyAccessed.length > 0) {
+
+  // consumer may filter objects from recent that are not applicable to the project
+  let filteredRecent = recentlyAccessed;
+  if (props.recentlyAccessedFilter) {
+    filteredRecent = props.recentlyAccessedFilter(recentlyAccessed);
+  }
+
+  if (filteredRecent.length > 0) {
     const navItems: Array<EuiSideNavItemType<unknown>> = [
       {
         name: '', // no list header title

diff --git a/packages/shared-ux/chrome/navigation/types/index.ts b/packages/shared-ux/chrome/navigation/types/index.ts
@@ -125,6 +125,10 @@ export interface NavigationProps {
    * Control of the link that takes the user to their projects or deployments
    */
   linkToCloud?: 'projects' | 'deployments';
+  /**
+   * Filter function to allow consumer to remove items from the recently accessed section
+   */
+  recentlyAccessedFilter?: (items: RecentItem[]) => RecentItem[];
 }
 
 export type NavigationBucketProps = (SolutionProperties &

diff --git a/x-pack/plugins/serverless_search/public/plugin.tsx b/x-pack/plugins/serverless_search/public/plugin.tsx
@@ -9,6 +9,7 @@ import { CoreSetup, CoreStart, Plugin } from '@kbn/core/public';
 import {
   Navigation,
   NavigationKibanaProvider,
+  NavigationProps,
   NavItemProps,
 } from '@kbn/shared-ux-chrome-navigation';
 import React from 'react';
@@ -52,6 +53,7 @@ const navItems: NavItemProps[] = [
     ],
   },
 ];
+
 export class ServerlessSearchPlugin
   implements Plugin<ServerlessSearchPluginSetup, ServerlessSearchPluginStart>
 {
@@ -66,6 +68,11 @@ export class ServerlessSearchPlugin
     core: CoreStart,
     { serverless }: ServerlessSearchPluginStartDependencies
   ): ServerlessSearchPluginStart {
+    const recentlyAccessedFilter: NavigationProps['recentlyAccessedFilter'] = (items) => {
+      // Example: only allow recent dashboards
+      return items.filter(({ link }) => link.match('/app/dashboards'));
+    };
+
     serverless.setServerlessNavigation(
       <NavigationKibanaProvider core={core}>
         <Navigation
@@ -81,6 +88,7 @@ export class ServerlessSearchPlugin
           platformConfig={{}}
           homeHref="/app/enterprise_search/content/setup_guide"
           linkToCloud="projects"
+          recentlyAccessedFilter={recentlyAccessedFilter}
         />
       </NavigationKibanaProvider>
     );