[Discover] Include column width in shared links

packages/kbn-unified-data-table/src/types.ts

@@ -6,14 +6,16 @@
  * Side Public License, v 1.
  */
 
+import { SerializableRecord } from '@kbn/utility-types';
+
 /**
  * User configurable state of data grid, persisted in saved search
  */
-export interface UnifiedDataTableSettings {
+export interface UnifiedDataTableSettings extends SerializableRecord {
   columns?: Record<string, UnifiedDataTableSettingsColumn>;
 }
 
-export interface UnifiedDataTableSettingsColumn {
+export interface UnifiedDataTableSettingsColumn extends SerializableRecord {
   width?: number;
 }
 

src/plugins/discover/common/locator.test.ts

@@ -218,17 +218,22 @@ describe('Discover url generator', () => {
     expect(path).toContain('__test__');
   });
 
-  test('can specify columns, interval, sort and savedQuery', async () => {
+  test('can specify columns, grid, interval, sort and savedQuery', async () => {
     const { locator } = await setup();
     const { path } = await locator.getLocation({
       columns: ['_source'],
+      grid: {
+        columns: {
+          _source: { width: 150 },
+        },
+      },
       interval: 'auto',
       sort: [['timestamp, asc']] as string[][] & SerializableRecord,
       savedQuery: '__savedQueryId__',
     });
 
     expect(path).toMatchInlineSnapshot(
-      `"#/?_a=(columns:!(_source),interval:auto,savedQuery:__savedQueryId__,sort:!(!('timestamp,%20asc')))"`
+      `"#/?_a=(columns:!(_source),grid:(columns:(_source:(width:150))),interval:auto,savedQuery:__savedQueryId__,sort:!(!('timestamp,%20asc')))"`
     );
   });
 

src/plugins/discover/common/locator.ts

@@ -10,6 +10,7 @@ import type { SerializableRecord } from '@kbn/utility-types';
 import type { Filter, TimeRange, Query, AggregateQuery } from '@kbn/es-query';
 import type { GlobalQueryStateFromUrl, RefreshInterval } from '@kbn/data-plugin/public';
 import type { LocatorDefinition, LocatorPublic } from '@kbn/share-plugin/public';
+import type { UnifiedDataTableSettings } from '@kbn/unified-data-table';
 import { DataViewSpec } from '@kbn/data-views-plugin/common';
 import { setStateToKbnUrl } from '@kbn/kibana-utils-plugin/common';
 import { VIEW_MODE } from './constants';
@@ -70,6 +71,11 @@ export interface DiscoverAppLocatorParams extends SerializableRecord {
    */
   columns?: string[];
 
+  /**
+   * Data Grid related state
+   */
+  grid?: UnifiedDataTableSettings;
+
   /**
    * Used interval of the histogram
    */
@@ -139,6 +145,7 @@ export class DiscoverAppLocatorDefinition implements LocatorDefinition<DiscoverA
       timeRange,
       searchSessionId,
       columns,
+      grid,
       savedQuery,
       sort,
       interval,
@@ -154,6 +161,7 @@ export class DiscoverAppLocatorDefinition implements LocatorDefinition<DiscoverA
       filters?: Filter[];
       index?: string;
       columns?: string[];
+      grid?: UnifiedDataTableSettings;
       interval?: string;
       sort?: string[][];
       savedQuery?: string;
@@ -169,6 +177,7 @@ export class DiscoverAppLocatorDefinition implements LocatorDefinition<DiscoverA
     if (indexPatternId) appState.index = indexPatternId;
     if (dataViewId) appState.index = dataViewId;
     if (columns) appState.columns = columns;
+    if (grid) appState.grid = grid;
     if (savedQuery) appState.savedQuery = savedQuery;
     if (sort) appState.sort = sort;
     if (interval) appState.interval = interval;

src/plugins/discover/public/application/main/components/top_nav/get_top_nav_links.tsx

@@ -134,12 +134,11 @@ export const getTopNavLinks = ({
       const { timefilter } = services.data.query.timefilter;
       const timeRange = timefilter.getTime();
       const refreshInterval = timefilter.getRefreshInterval();
-      const { grid, ...otherState } = appState;
       const filters = services.filterManager.getFilters();
 
       // Share -> Get links -> Snapshot
       const params: DiscoverAppLocatorParams = {
-        ...otherState,
+        ...appState,
         ...(savedSearch.id ? { savedSearchId: savedSearch.id } : {}),
         ...(dataView?.isPersisted()
           ? { dataViewId: dataView?.id }

src/plugins/discover/public/application/main/services/discover_state.ts

@@ -550,6 +550,7 @@ function createUrlGeneratorState({
       : data.query.timefilter.timefilter.getTime(),
     searchSessionId: shouldRestoreSearchSession ? data.search.session.getSessionId() : undefined,
     columns: appState.columns,
+    grid: appState.grid,
     sort: appState.sort,
     savedQuery: appState.savedQuery,
     interval: appState.interval,

src/plugins/saved_search/common/types.ts

@@ -9,6 +9,7 @@
 import type { ISearchSource, RefreshInterval, TimeRange } from '@kbn/data-plugin/common';
 import type { SavedObjectReference } from '@kbn/core-saved-objects-server';
 import type { SavedObjectsResolveResponse } from '@kbn/core/server';
+import type { UnifiedDataTableSettings } from '@kbn/unified-data-table';
 import { VIEW_MODE } from '.';
 
 export interface DiscoverGridSettings {
@@ -25,9 +26,7 @@ export interface SavedSearchAttributes {
   sort: Array<[string, string]>;
   columns: string[];
   description: string;
-  grid: {
-    columns?: Record<string, DiscoverGridSettingsColumn>;
-  };
+  grid: UnifiedDataTableSettings;
   hideChart: boolean;
   isTextBasedQuery: boolean;
   usesAdHocDataView?: boolean;
@@ -59,9 +58,7 @@ export interface SavedSearch {
   columns?: string[];
   description?: string;
   tags?: string[] | undefined;
-  grid?: {
-    columns?: Record<string, DiscoverGridSettingsColumn>;
-  };
+  grid?: UnifiedDataTableSettings;
   hideChart?: boolean;
   viewMode?: VIEW_MODE;
   hideAggregatedPreview?: boolean;

src/plugins/saved_search/tsconfig.json

@@ -31,6 +31,7 @@
     "@kbn/discover-utils",
     "@kbn/logging",
     "@kbn/core-plugins-server",
+    "@kbn/unified-data-table",
   ],
   "exclude": [
     "target/**/*",