Highlight the anchor row in surrounding doc view (opensearch-project#…

…7025)

changelogs/fragments/7025.yml

@@ -0,0 +1,2 @@
+fix:
+- Highlight the anchor row in surrounding doc view ([#7025](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7025))

src/plugins/discover/public/application/components/default_discover_table/table_row.tsx

@@ -48,7 +48,7 @@ const TableRowUI = ({
   ]);
 
   const tableRow = (
-    <tr key={row._id}>
+    <tr key={row._id} className={row.isAnchor ? 'osdDocTable__row--highlight' : ''}>
       <td data-test-subj="docTableExpandToggleColumn" className="osdDocTableCell__toggleDetails">
         <EuiButtonIcon
           color="text"

src/plugins/discover/public/application/doc_views/doc_views_types.ts

@@ -32,7 +32,9 @@ import { ComponentType } from 'react';
 import { SearchResponse } from 'elasticsearch';
 import { IndexPattern } from '../../../../data/public';
 
-export type OpenSearchSearchHit<T = unknown> = SearchResponse<T>['hits']['hits'][number];
+export type OpenSearchSearchHit<T = unknown> = SearchResponse<T>['hits']['hits'][number] & {
+  isAnchor?: boolean;
+};
 
 export interface FieldMapping {
   filterable?: boolean;