[Security/Timeline] Update Timeline datagrid to accept/pass `visibleC…

…ellActions` prop + update Security to show 3 visible cell actions
Mpdreamz · Apr 7, 2022 · 793d208 · 793d208
1 parent 86b4a0f
commit 793d208
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/x-pack/plugins/security_solution/public/common/components/events_viewer/index.tsx b/x-pack/plugins/security_solution/public/common/components/events_viewer/index.tsx
@@ -212,6 +212,7 @@ const StatefulEventsViewerComponent: React.FC<Props> = ({
               dataProviders,
               dataViewId,
               defaultCellActions,
+              visibleCellActions: 3,
               deletedEventIds,
               disabledCellActions: FIELDS_WITHOUT_CELL_ACTIONS,
               docValueFields,

diff --git a/x-pack/plugins/timelines/public/components/t_grid/body/index.tsx b/x-pack/plugins/timelines/public/components/t_grid/body/index.tsx
@@ -92,6 +92,7 @@ interface OwnProps {
   bulkActions?: BulkActionsProp;
   data: TimelineItem[];
   defaultCellActions?: TGridCellAction[];
+  visibleCellActions?: number;
   disabledCellActions: string[];
   fieldBrowserOptions?: FieldBrowserOptions;
   filters?: Filter[];
@@ -307,6 +308,7 @@ export const BodyComponent = React.memo<StatefulBodyProps>(
     columnHeaders,
     data,
     defaultCellActions,
+    visibleCellActions,
     disabledCellActions,
     fieldBrowserOptions,
     filterQuery,
@@ -716,6 +718,7 @@ export const BodyComponent = React.memo<StatefulBodyProps>(
                   cellActions:
                     header.tGridCellActions?.map(buildAction) ??
                     defaultCellActions?.map(buildAction),
+                  visibleCellActions,
                 }
               : {}),
           };
@@ -725,6 +728,7 @@ export const BodyComponent = React.memo<StatefulBodyProps>(
         columnHeaders,
         data,
         defaultCellActions,
+        visibleCellActions,
         disabledCellActions,
         dispatch,
         id,

diff --git a/x-pack/plugins/timelines/public/components/t_grid/integrated/index.tsx b/x-pack/plugins/timelines/public/components/t_grid/integrated/index.tsx
@@ -103,6 +103,7 @@ export interface TGridIntegratedProps {
   dataProviders: DataProvider[];
   dataViewId?: string | null;
   defaultCellActions?: TGridCellAction[];
+  visibleCellActions?: number;
   deletedEventIds: Readonly<string[]>;
   disabledCellActions: string[];
   docValueFields: DocValueFields[];
@@ -149,6 +150,7 @@ const TGridIntegratedComponent: React.FC<TGridIntegratedProps> = ({
   dataProviders,
   dataViewId = null,
   defaultCellActions,
+  visibleCellActions,
   deletedEventIds,
   disabledCellActions,
   docValueFields,
@@ -366,6 +368,7 @@ const TGridIntegratedComponent: React.FC<TGridIntegratedProps> = ({
                         bulkActions={bulkActions}
                         data={nonDeletedEvents}
                         defaultCellActions={defaultCellActions}
+                        visibleCellActions={visibleCellActions}
                         disabledCellActions={disabledCellActions}
                         fieldBrowserOptions={fieldBrowserOptions}
                         filterQuery={filterQuery}

diff --git a/x-pack/plugins/timelines/public/components/t_grid/standalone/index.tsx b/x-pack/plugins/timelines/public/components/t_grid/standalone/index.tsx
@@ -79,6 +79,7 @@ export interface TGridStandaloneProps {
   columns: ColumnHeaderOptions[];
   dataViewId?: string | null;
   defaultCellActions?: TGridCellAction[];
+  visibleCellActions?: number;
   deletedEventIds: Readonly<string[]>;
   disabledCellActions: string[];
   end: string;
@@ -120,6 +121,7 @@ const TGridStandaloneComponent: React.FC<TGridStandaloneProps> = ({
   columns,
   dataViewId = null,
   defaultCellActions,
+  visibleCellActions,
   deletedEventIds,
   disabledCellActions,
   end,
@@ -361,6 +363,7 @@ const TGridStandaloneComponent: React.FC<TGridStandaloneProps> = ({
                       browserFields={browserFields}
                       data={nonDeletedEvents}
                       defaultCellActions={defaultCellActions}
+                      visibleCellActions={visibleCellActions}
                       disabledCellActions={disabledCellActions}
                       filterQuery={filterQuery}
                       hasAlertsCrud={hasAlertsCrud}