Add sample doc viewer flyout implementation

src/plugins/discover/public/components/discover_grid_flyout/discover_grid_flyout.tsx

@@ -43,12 +43,12 @@ export interface DiscoverGridFlyoutProps {
  * Flyout displaying an expanded Elasticsearch document
  */
 export function DiscoverGridFlyout(props: DiscoverGridFlyoutProps) {
-  const getRenderDocViewerOverride = useProfileAccessor('getRenderDocViewerOverride', {
+  const getRenderDocViewerFlyout = useProfileAccessor('getRenderDocViewerFlyout', {
     record: props.hit,
   });
   const GridFlyout = useMemo(
-    () => getRenderDocViewerOverride(DefaultDiscoverGridFlyout),
-    [getRenderDocViewerOverride]
+    () => getRenderDocViewerFlyout(DefaultDiscoverGridFlyout),
+    [getRenderDocViewerFlyout]
   );
 
   return <GridFlyout {...props} />;

src/plugins/discover/public/context_awareness/profile_providers/common/logs_data_source_profile/accessors/get_cell_renderers.tsx

@@ -9,6 +9,7 @@
 
 import React, { createContext, useContext } from 'react';
 import { getFieldValue } from '@kbn/discover-utils';
+import { EuiFlyout } from '@elastic/eui';
 import { LOG_LEVEL_FIELDS } from '../../../../../../common/data_types/logs/constants';
 import { getLogLevelBadgeCell } from '../../../../../components/data_types/logs/log_level_badge_cell';
 import type { DataSourceProfileProvider } from '../../../../profiles';
@@ -46,3 +47,12 @@ export const getRenderAppWrapper: DataSourceProfileProvider['profile']['getRende
       </testContext.Provider>
     );
   };
+
+export const getRenderDocViewerFlyout: DataSourceProfileProvider['profile']['getRenderDocViewerFlyout'] =
+  () => (props) => {
+    return (
+      <EuiFlyout onClose={props.onClose}>
+        <pre>{JSON.stringify(props.hit, null, 2)}</pre>
+      </EuiFlyout>
+    );
+  };

src/plugins/discover/public/context_awareness/profile_providers/common/logs_data_source_profile/profile.ts

@@ -15,14 +15,15 @@ import {
   getRowAdditionalLeadingControls,
 } from './accessors';
 import { extractIndexPatternFrom } from '../../extract_index_pattern_from';
-import { getRenderAppWrapper } from './accessors/get_cell_renderers';
+import { getRenderAppWrapper, getRenderDocViewerFlyout } from './accessors/get_cell_renderers';
 
 export const createLogsDataSourceProfileProvider = (
   services: ProfileProviderServices
 ): DataSourceProfileProvider => ({
   profileId: 'logs-data-source-profile',
   profile: {
     getRenderAppWrapper,
+    getRenderDocViewerFlyout,
     getRowIndicatorProvider,
     getCellRenderers,
     getRowAdditionalLeadingControls,

src/plugins/discover/public/context_awareness/types.ts

@@ -272,5 +272,5 @@ export interface Profile {
    * @param props The doc viewer override props
    * @returns The custom doc viewer component
    */
-  getRenderDocViewerOverride: (props: DiscoverGridFlyoutProps) => ReactElement;
+  getRenderDocViewerFlyout: (props: DiscoverGridFlyoutProps) => ReactElement;
 }