LogsPanel: Add deduplication option for logs (#31019)

* WIP: Add dedup functionality to logs panel

* Simplify, clean up

* Change ordering of customizations based on how it is in Explore

* Update public/app/plugins/panel/logs/LogsPanel.tsx

Co-authored-by: Giordano Ricci <gio.ricci@grafana.com>

* Update public/app/plugins/panel/logs/LogsPanel.tsx

Co-authored-by: Giordano Ricci <gio.ricci@grafana.com>

Co-authored-by: Giordano Ricci <gio.ricci@grafana.com>

public/app/plugins/panel/logs/LogsPanel.tsx

 import React from 'react';
 import React from 'react';
 import { LogRows, CustomScrollbar } from '@grafana/ui';
 import { LogRows, CustomScrollbar } from '@grafana/ui';
-import { LogsDedupStrategy, PanelProps } from '@grafana/data';
+import { PanelProps } from '@grafana/data';
 import { Options } from './types';
 import { Options } from './types';
-import { dataFrameToLogsModel } from 'app/core/logs_model';
+import { dataFrameToLogsModel, dedupLogRows } from 'app/core/logs_model';
 
 
 interface LogsPanelProps extends PanelProps<Options> {}
 interface LogsPanelProps extends PanelProps<Options> {}
 
 
 export const LogsPanel: React.FunctionComponent<LogsPanelProps> = ({
 export const LogsPanel: React.FunctionComponent<LogsPanelProps> = ({
   data,
   data,
   timeZone,
   timeZone,
-  options: { showLabels, showTime, wrapLogMessage, sortOrder },
-  width,
+  options: { showLabels, showTime, wrapLogMessage, sortOrder, dedupStrategy },
 }) => {
 }) => {
   if (!data) {
   if (!data) {
     return (
     return (
@@ -21,12 +20,15 @@ export const LogsPanel: React.FunctionComponent<LogsPanelProps> = ({
   }
   }
 
 
   const newResults = data ? dataFrameToLogsModel(data.series, data.request?.intervalMs, timeZone) : null;
   const newResults = data ? dataFrameToLogsModel(data.series, data.request?.intervalMs, timeZone) : null;
+  const logRows = newResults?.rows || [];
+  const deduplicatedRows = dedupLogRows(logRows, dedupStrategy);
 
 
   return (
   return (
     <CustomScrollbar autoHide>
     <CustomScrollbar autoHide>
       <LogRows
       <LogRows
-        logRows={newResults?.rows || []}
-        dedupStrategy={LogsDedupStrategy.none}
+        logRows={logRows}
+        deduplicatedRows={deduplicatedRows}
+        dedupStrategy={dedupStrategy}
         highlighterExpressions={[]}
         highlighterExpressions={[]}
         showLabels={showLabels}
         showLabels={showLabels}
         showTime={showTime}
         showTime={showTime}

public/app/plugins/panel/logs/module.tsx

-import { PanelPlugin, LogsSortOrder } from '@grafana/data';
+import { PanelPlugin, LogsSortOrder, LogsDedupStrategy, LogsDedupDescription } from '@grafana/data';
 import { Options } from './types';
 import { Options } from './types';
 import { LogsPanel } from './LogsPanel';
 import { LogsPanel } from './LogsPanel';
 
 
@@ -23,6 +23,32 @@ export const plugin = new PanelPlugin<Options>(LogsPanel).setPanelOptions((build
       defaultValue: false,
       defaultValue: false,
     })
     })
     .addRadio({
     .addRadio({
+      path: 'dedupStrategy',
+      name: 'Deduplication',
+      description: '',
+      settings: {
+        options: [
+          { value: LogsDedupStrategy.none, label: 'None', description: LogsDedupDescription[LogsDedupStrategy.none] },
+          {
+            value: LogsDedupStrategy.exact,
+            label: 'Exact',
+            description: LogsDedupDescription[LogsDedupStrategy.exact],
+          },
+          {
+            value: LogsDedupStrategy.numbers,
+            label: 'Numbers',
+            description: LogsDedupDescription[LogsDedupStrategy.numbers],
+          },
+          {
+            value: LogsDedupStrategy.signature,
+            label: 'Signature',
+            description: LogsDedupDescription[LogsDedupStrategy.signature],
+          },
+        ],
+      },
+      defaultValue: LogsDedupStrategy.none,
+    })
+    .addRadio({
       path: 'sortOrder',
       path: 'sortOrder',
       name: 'Order',
       name: 'Order',
       description: '',
       description: '',

public/app/plugins/panel/logs/types.ts

-import { LogsSortOrder } from '@grafana/data';
+import { LogsSortOrder, LogsDedupStrategy } from '@grafana/data';
 
 
 export interface Options {
 export interface Options {
   showLabels: boolean;
   showLabels: boolean;
   showTime: boolean;
   showTime: boolean;
   wrapLogMessage: boolean;
   wrapLogMessage: boolean;
   sortOrder: LogsSortOrder;
   sortOrder: LogsSortOrder;
+  dedupStrategy: LogsDedupStrategy;
 }
 }