[Triggers Actions UI] hideBulkActions for AlertsTable (elastic#184877)

I would like to be able to disable the bulk actions entirely for a new
Observability page. Maybe there's an existing or easier way but I
couldn't figure it out :) I also added the possibility to set the
`emptyStateHeight`.

---------

Co-authored-by: Kibana Machine <[email protected]>

x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.tsx

@@ -343,6 +343,7 @@ const AlertsTable: React.FunctionComponent<AlertsTableProps> = memo((props: Aler
       useBulkActionsConfig: alertsTableConfiguration.useBulkActions,
       refresh: alertsRefresh,
       featureIds,
+      hideBulkActions: Boolean(alertsTableConfiguration.hideBulkActions),
     };
   }, [alerts, alertsTableConfiguration, query, alertsRefresh, featureIds]);
 

x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table_state.tsx

@@ -92,6 +92,7 @@ export type AlertsTableStateProps = {
   dynamicRowHeight?: boolean;
   lastReloadRequestTime?: number;
   renderCellPopover?: AlertsTableProps['renderCellPopover'];
+  emptyStateHeight?: 'tall' | 'short';
 } & Omit<Partial<EuiDataGridProps>, 'renderCellPopover'>;
 
 export interface AlertsTableStorage {
@@ -214,6 +215,7 @@ const AlertsTableStateWithQueryProvider = memo(
     shouldHighlightRow,
     dynamicRowHeight,
     lastReloadRequestTime,
+    emptyStateHeight,
   }: AlertsTableStateProps) => {
     const { cases: casesService, fieldFormats } = useKibana<{
       cases?: CasesService;
@@ -530,6 +532,7 @@ const AlertsTableStateWithQueryProvider = memo(
               controls={persistentControls}
               getInspectQuery={getInspectQuery}
               showInpectButton={showInspectButton}
+              height={emptyStateHeight}
             />
           </InspectButtonContainer>
         )}

x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/hooks/use_bulk_actions.test.tsx

@@ -463,5 +463,42 @@ describe('bulk action hooks', () => {
       const newBulkActions = result.current.bulkActions[0].items;
       expect(initialBulkActions).toEqual(newBulkActions);
     });
+
+    it('hides bulk actions if hideBulkActions == true', () => {
+      // make sure by default some actions are returned for this
+      // config
+      const { result: resultWithoutHideBulkActions } = renderHook(
+        () =>
+          useBulkActions({
+            alerts: [],
+            query: {},
+            casesConfig,
+            refresh,
+            featureIds: ['observability'],
+          }),
+        {
+          wrapper: appMockRender.AppWrapper,
+        }
+      );
+
+      expect(resultWithoutHideBulkActions.current.bulkActions.length).toBeGreaterThan(0);
+
+      const { result: resultWithHideBulkActions } = renderHook(
+        () =>
+          useBulkActions({
+            alerts: [],
+            query: {},
+            casesConfig,
+            refresh,
+            featureIds: ['observability'],
+            hideBulkActions: true,
+          }),
+        {
+          wrapper: appMockRender.AppWrapper,
+        }
+      );
+
+      expect(resultWithHideBulkActions.current.bulkActions.length).toBe(0);
+    });
   });
 });

x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/hooks/use_bulk_actions.ts

@@ -42,6 +42,7 @@ interface BulkActionsProps {
   useBulkActionsConfig?: UseBulkActionsRegistry;
   refresh: () => void;
   featureIds?: ValidFeatureId[];
+  hideBulkActions?: boolean;
 }
 
 export interface UseBulkActions {
@@ -278,6 +279,7 @@ export function useBulkActions({
   refresh,
   useBulkActionsConfig = () => [],
   featureIds,
+  hideBulkActions,
 }: BulkActionsProps): UseBulkActions {
   const {
     bulkActions: [bulkActionsState, updateBulkActionsState],
@@ -302,17 +304,22 @@ export function useBulkActions({
     featureIds,
     isAllSelected: bulkActionsState.isAllSelected,
   });
+
   const initialItems = useMemo(() => {
     return [...caseBulkActions, ...(featureIds?.includes('siem') ? [] : untrackBulkActions)];
   }, [caseBulkActions, featureIds, untrackBulkActions]);
   const bulkActions = useMemo(() => {
+    if (hideBulkActions) {
+      return [];
+    }
+
     return initialItems.length
       ? addItemsToInitialPanel({
           panels: configBulkActionPanels,
           items: initialItems,
         })
       : configBulkActionPanels;
-  }, [configBulkActionPanels, initialItems]);
+  }, [configBulkActionPanels, initialItems, hideBulkActions]);
 
   const isBulkActionsColumnActive = bulkActions.length !== 0;
 

x-pack/plugins/triggers_actions_ui/public/types.ts

@@ -763,6 +763,7 @@ export interface AlertsTableConfigurationRegistry {
   };
   useFieldBrowserOptions?: UseFieldBrowserOptions;
   showInspectButton?: boolean;
+  hideBulkActions?: boolean;
   ruleTypeIds?: string[];
   useFetchPageContext?: PreFetchPageContext;
   actions?: {