feat: NodeListSearchFilter - integrate GroupedFilterSelectPicker

Author: RohitRaj011

src/components/ResourceBrowser/Constants.ts

@@ -335,7 +335,6 @@ export const NODE_SEARCH_KEYS_TO_OBJECT_KEYS: Record<
     (typeof NODE_LIST_HEADERS_TO_KEY_MAP)[keyof typeof NODE_LIST_HEADERS_TO_KEY_MAP]
 > = {
     [NODE_SEARCH_KEYS.LABEL]: 'labels',
-    [NODE_SEARCH_KEYS.NAME]: 'name',
     [NODE_SEARCH_KEYS.NODE_GROUP]: 'nodeGroup',
 }
 

src/components/ResourceBrowser/ResourceBrowser.scss

@@ -66,7 +66,7 @@
     .resource-list-container {
         .node-listing-search-container {
             display: grid;
-            grid-template-columns: auto 160px 1px 180px;
+            grid-template-columns: 1fr auto 160px 1px 180px;
             column-gap: 8px;
         }
 

src/components/ResourceBrowser/ResourceList/K8SResourceList.tsx

@@ -99,6 +99,8 @@ const K8SResourceListViewWrapper = ({
                 allColumns={allColumns}
                 searchParams={restProps}
                 rows={rows}
+                searchKey={searchKey}
+                handleSearch={handleSearch}
             />
         ) : (
             <ResourceFilterOptions
@@ -220,8 +222,10 @@ export const K8SResourceList = ({
     )
 
     const tableFilter: K8sResourceListTableProps['filter'] = (row, filterData) => {
+        let nodeFilters = true
+
         if (isNodeListing) {
-            return isItemASearchMatchForNodeListing(row.data, filterData)
+            nodeFilters = isItemASearchMatchForNodeListing(row.data, filterData)
         }
 
         const isSearchMatch =
@@ -241,7 +245,7 @@ export const K8SResourceList = ({
             )
         }
 
-        return isSearchMatch
+        return isSearchMatch && nodeFilters
     }
 
     const getDefaultSortKey = () => {