[CM] Onboard maps to cross-type search

examples/content_management_examples/kibana.jsonc

@@ -9,7 +9,9 @@
     "browser": true,
     "requiredPlugins": [
       "contentManagement",
-      "developerExamples"
+      "developerExamples",
+      "kibanaReact",
+      "savedObjectsTaggingOss"
     ]
   }
 }

examples/content_management_examples/public/examples/index.tsx

@@ -8,22 +8,69 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { EuiPageTemplate } from '@elastic/eui';
+// eslint-disable-next-line no-restricted-imports
+import { Router, Switch, Route } from 'react-router-dom';
+import { RedirectAppLinks } from '@kbn/shared-ux-link-redirect-app';
+import { EuiPageTemplate, EuiSideNav } from '@elastic/eui';
 import { AppMountParameters, CoreStart } from '@kbn/core/public';
 import { StartDeps } from '../types';
 import { TodoApp } from './todos';
+import { MSearchApp } from './msearch';
 
 export const renderApp = (
-  { notifications }: CoreStart,
-  { contentManagement }: StartDeps,
-  { element }: AppMountParameters
+  core: CoreStart,
+  { contentManagement, savedObjectsTaggingOss }: StartDeps,
+  { element, history }: AppMountParameters
 ) => {
   ReactDOM.render(
-    <EuiPageTemplate offset={0}>
-      <EuiPageTemplate.Section>
-        <TodoApp contentClient={contentManagement.client} />
-      </EuiPageTemplate.Section>
-    </EuiPageTemplate>,
+    <Router history={history}>
+      <RedirectAppLinks coreStart={core}>
+        <EuiPageTemplate offset={0}>
+          <EuiPageTemplate.Sidebar>
+            <EuiSideNav
+              items={[
+                {
+                  id: 'Examples',
+                  name: 'Examples',
+                  items: [
+                    {
+                      id: 'todos',
+                      name: 'Todo app',
+                      'data-test-subj': 'todosExample',
+                      href: '/app/contentManagementExamples/todos',
+                    },
+                    {
+                      id: 'msearch',
+                      name: 'MSearch',
+                      'data-test-subj': 'msearchExample',
+                      href: '/app/contentManagementExamples/msearch',
+                    },
+                  ],
+                },
+              ]}
+            />
+          </EuiPageTemplate.Sidebar>
+
+          <EuiPageTemplate.Section>
+            <Switch>
+              <Route path="/" exact={true}>
+                <TodoApp contentClient={contentManagement.client} />
+              </Route>
+              <Route path="/todos">
+                <TodoApp contentClient={contentManagement.client} />
+              </Route>
+              <Route path="/msearch">
+                <MSearchApp
+                  contentClient={contentManagement.client}
+                  core={core}
+                  savedObjectsTagging={savedObjectsTaggingOss}
+                />
+              </Route>
+            </Switch>
+          </EuiPageTemplate.Section>
+        </EuiPageTemplate>
+      </RedirectAppLinks>
+    </Router>,
     element
   );
 

examples/content_management_examples/public/examples/msearch/index.tsx

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export { MSearchApp } from './msearch_app';

examples/content_management_examples/public/examples/msearch/msearch_app.tsx

@@ -0,0 +1,42 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React from 'react';
+import { ContentClientProvider, type ContentClient } from '@kbn/content-management-plugin/public';
+import { TableListViewKibanaProvider } from '@kbn/content-management-table-list';
+import type { CoreStart } from '@kbn/core/public';
+import { toMountPoint } from '@kbn/kibana-react-plugin/public';
+import { FormattedRelative, I18nProvider } from '@kbn/i18n-react';
+import { SavedObjectTaggingOssPluginStart } from '@kbn/saved-objects-tagging-oss-plugin/public';
+import { MSearchTable } from './msearch_table';
+
+export const MSearchApp = (props: {
+  contentClient: ContentClient;
+  core: CoreStart;
+  savedObjectsTagging: SavedObjectTaggingOssPluginStart;
+}) => {
+  return (
+    <ContentClientProvider contentClient={props.contentClient}>
+      <I18nProvider>
+        <TableListViewKibanaProvider
+          core={{
+            application: props.core.application as any, // TODO: fix it on the TableListView side
+            notifications: props.core.notifications,
+            overlays: props.core.overlays,
+            http: props.core.http,
+          }}
+          toMountPoint={toMountPoint}
+          FormattedRelative={FormattedRelative}
+          savedObjectsTagging={props.savedObjectsTagging.getTaggingApi()}
+        >
+          <MSearchTable />
+        </TableListViewKibanaProvider>
+      </I18nProvider>
+    </ContentClientProvider>
+  );
+};

examples/content_management_examples/public/examples/msearch/msearch_table.tsx

@@ -0,0 +1,61 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { TableListView, UserContentCommonSchema } from '@kbn/content-management-table-list';
+import { useContentClient } from '@kbn/content-management-plugin/public';
+import React from 'react';
+import { SavedObjectsFindOptionsReference } from '@kbn/core-saved-objects-api-browser';
+
+const LISTING_LIMIT = 1000;
+
+export const MSearchTable = () => {
+  const contentClient = useContentClient();
+
+  const findItems = async (
+    searchQuery: string,
+    refs?: {
+      references?: SavedObjectsFindOptionsReference[];
+      referencesToExclude?: SavedObjectsFindOptionsReference[];
+    }
+  ) => {
+    const { hits, pagination } = await contentClient.mSearch<UserContentCommonSchema>({
+      query: {
+        text: searchQuery,
+        limit: LISTING_LIMIT,
+        cursor: '1',
+        tags: {
+          included: refs?.references?.map((ref) => ref.id),
+          excluded: refs?.referencesToExclude?.map((ref) => ref.id),
+        },
+      },
+      contentTypes: [{ contentTypeId: 'map' }], // TODO: improve types to not require objects here?
+    });
+
+    // TODO: needs to have logic of extracting common schema from an unknown mSearch hit: hits.map(hit => cm.convertToCommonSchema(hit))
+    // for now we just assume that mSearch hit satisfies UserContentCommonSchema
+
+    return { hits, total: pagination.total };
+  };
+
+  return (
+    <TableListView
+      id="cm-msearch-table"
+      headingId="cm-msearch-table-heading"
+      findItems={findItems}
+      listingLimit={LISTING_LIMIT}
+      initialPageSize={50}
+      entityName={`ContentItem`}
+      entityNamePlural={`ContentItems`}
+      tableListTitle={`MSearch Demo`}
+      urlStateEnabled={false}
+      onClickTitle={(item) => {
+        alert(`Clicked item ${item.attributes.title} (${item.id})`);
+      }}
+    />
+  );
+};

examples/content_management_examples/public/types.ts

@@ -11,6 +11,7 @@ import {
   ContentManagementPublicStart,
 } from '@kbn/content-management-plugin/public';
 import { DeveloperExamplesSetup } from '@kbn/developer-examples-plugin/public';
+import { SavedObjectTaggingOssPluginStart } from '@kbn/saved-objects-tagging-oss-plugin/public';
 
 export interface SetupDeps {
   contentManagement: ContentManagementPublicSetup;
@@ -19,4 +20,5 @@ export interface SetupDeps {
 
 export interface StartDeps {
   contentManagement: ContentManagementPublicStart;
+  savedObjectsTaggingOss: SavedObjectTaggingOssPluginStart;
 }

examples/content_management_examples/tsconfig.json

@@ -19,5 +19,11 @@
     "@kbn/developer-examples-plugin",
     "@kbn/content-management-plugin",
     "@kbn/core-application-browser",
+    "@kbn/shared-ux-link-redirect-app",
+    "@kbn/content-management-table-list",
+    "@kbn/kibana-react-plugin",
+    "@kbn/i18n-react",
+    "@kbn/saved-objects-tagging-oss-plugin",
+    "@kbn/core-saved-objects-api-browser",
   ]
 }

packages/kbn-object-versioning/lib/content_management_services_schemas.ts

@@ -103,6 +103,20 @@ const searchSchemas = getOptionalInOutSchemas({
   ),
 });
 
+// Schema to validate the "msearch" service objects
+const mSearchSchemas = schema.maybe(
+  schema.object({
+    out: schema.maybe(
+      schema.object(
+        {
+          result: schema.maybe(versionableObjectSchema),
+        },
+        { unknowns: 'forbid' }
+      )
+    ),
+  })
+);
+
 export const serviceDefinitionSchema = schema.object(
   {
     get: getSchemas,
@@ -111,6 +125,7 @@ export const serviceDefinitionSchema = schema.object(
     update: createSchemas,
     delete: getSchemas,
     search: searchSchemas,
+    mSearch: mSearchSchemas,
   },
   { unknowns: 'forbid' }
 );

packages/kbn-object-versioning/lib/content_management_services_versioning.test.ts

@@ -240,6 +240,7 @@ describe('CM services getTransforms()', () => {
             'delete.out.result',
             'search.in.options',
             'search.out.result',
+            'mSearch.out.result',
           ].sort()
         );
       });

packages/kbn-object-versioning/lib/content_management_services_versioning.ts

@@ -34,6 +34,7 @@ const serviceObjectPaths = [
   'delete.out.result',
   'search.in.options',
   'search.out.result',
+  'mSearch.out.result',
 ];
 
 const validateServiceDefinitions = (definitions: ServiceDefinitionVersioned) => {
@@ -175,6 +176,11 @@ const getDefaultServiceTransforms = (): ServiceTransforms => ({
       result: getDefaultTransforms(),
     },
   },
+  mSearch: {
+    out: {
+      result: getDefaultTransforms(),
+    },
+  },
 });
 
 export const getTransforms = (

packages/kbn-object-versioning/lib/content_management_types.ts

@@ -59,6 +59,11 @@ export interface ServicesDefinition {
       result?: VersionableObject<any, any, any, any>;
     };
   };
+  mSearch?: {
+    out?: {
+      result?: VersionableObject<any, any, any, any>;
+    };
+  };
 }
 
 export interface ServiceTransforms {
@@ -112,6 +117,11 @@ export interface ServiceTransforms {
       result: ObjectTransforms<any, any, any, any>;
     };
   };
+  mSearch: {
+    out: {
+      result: ObjectTransforms<any, any, any, any>;
+    };
+  };
 }
 
 export interface ServiceDefinitionVersioned {

src/plugins/content_management/server/core/registry.ts

@@ -23,7 +23,9 @@ export class ContentRegistry {
    * @param contentType The content type to register
    * @param config The content configuration
    */
-  register<S extends ContentStorage<any> = ContentStorage>(definition: ContentTypeDefinition<S>) {
+  register<S extends ContentStorage<any, any, any> = ContentStorage>(
+    definition: ContentTypeDefinition<S>
+  ) {
     if (this.types.has(definition.id)) {
       throw new Error(`Content [${definition.id}] is already registered`);
     }

src/plugins/content_management/server/core/types.ts

@@ -41,7 +41,7 @@ export interface StorageContext {
   };
 }
 
-export interface ContentStorage<T = unknown, U = T> {
+export interface ContentStorage<T = unknown, U = T, TSavedObjectAttributes = unknown> {
   /** Get a single item */
   get(ctx: StorageContext, id: string, options?: object): Promise<GetResult<T, any>>;
 
@@ -69,7 +69,7 @@ export interface ContentStorage<T = unknown, U = T> {
    * Opt-in to multi-type search.
    * Can only be supported if the content type is backed by a saved object since `mSearch` is using the `savedObjects.find` API.
    **/
-  mSearch?: MSearchConfig<T>;
+  mSearch?: MSearchConfig<T, TSavedObjectAttributes>;
 }
 
 export interface ContentTypeDefinition<S extends ContentStorage = ContentStorage> {
@@ -87,7 +87,7 @@ export interface ContentTypeDefinition<S extends ContentStorage = ContentStorage
  * By configuring a content type with a `MSearchConfig`, it can be searched in the multi-type search.
  * Underneath content management is using the `savedObjects.find` API to search the saved objects.
  */
-export interface MSearchConfig<T = unknown, SavedObjectAttributes = unknown> {
+export interface MSearchConfig<T = unknown, TSavedObjectAttributes = unknown> {
   /**
    * The saved object type that corresponds to this content type.
    */
@@ -98,7 +98,7 @@ export interface MSearchConfig<T = unknown, SavedObjectAttributes = unknown> {
    */
   toItemResult: (
     ctx: StorageContext,
-    savedObject: SavedObjectsFindResult<SavedObjectAttributes>
+    savedObject: SavedObjectsFindResult<TSavedObjectAttributes>
   ) => T;
 
   /**

test/examples/content_management/index.ts

@@ -12,5 +12,6 @@ import { PluginFunctionalProviderContext } from '../../plugin_functional/service
 export default function ({ loadTestFile }: PluginFunctionalProviderContext) {
   describe('content management examples', function () {
     loadTestFile(require.resolve('./todo_app'));
+    loadTestFile(require.resolve('./msearch'));
   });
 }