[Security Solution] [Grouping] Re-add support to custom Group By title in the useGetGroupSelector hook

packages/kbn-grouping/src/components/group_selector/index.test.tsx

@@ -73,6 +73,14 @@ describe('group selector', () => {
     const { getByTestId } = render(<GroupSelector {...testProps} />);
     expect(getByTestId('group-selector-dropdown').textContent).toBe('Group alerts by: Rule name');
   });
+  it('Sets the Group by title from the title prop', () => {
+    const { getByTestId } = render(
+      <GroupSelector {...testProps} title="Group custom property by" />
+    );
+    expect(getByTestId('group-selector-dropdown').textContent).toBe(
+      'Group custom property by: Rule name'
+    );
+  });
   it('Presents correct option when group selector dropdown is clicked', () => {
     const { getByTestId } = render(<GroupSelector {...testProps} />);
     fireEvent.click(getByTestId('group-selector-dropdown'));

packages/kbn-grouping/src/hooks/use_get_group_selector.test.tsx

@@ -376,6 +376,17 @@ describe('Group Selector Hooks', () => {
         type: ActionType.updateGroupOptions,
       });
     });
+
+    it('Supports custom group by title', () => {
+      const result = renderHook(() =>
+        useGetGroupSelector({
+          ...defaultArgs,
+          title: 'Group custom property by',
+        })
+      );
+
+      expect(result.result.current.props.title).toEqual('Group custom property by');
+    });
   });
 
   describe('useGetGroupSelectorStateless', () => {

packages/kbn-grouping/src/hooks/use_get_group_selector.tsx

@@ -211,8 +211,9 @@ export const useGetGroupSelector = ({
           fields,
           maxGroupingLevels,
           options,
+          title,
         }}
       />
     );
-  }, [groupingId, fields, maxGroupingLevels, onChange, selectedGroups, options]);
+  }, [groupingId, fields, maxGroupingLevels, onChange, selectedGroups, options, title]);
 };