refactor: NodeListSearchFilter - search filter fix, style updates

Author: RohitRaj011

src/components/ResourceBrowser/Constants.ts

@@ -325,6 +325,8 @@ export const NODE_LIST_HEADERS_TO_KEY_MAP: Record<(typeof NODE_LIST_HEADERS)[num
     unschedulable: 'unschedulable',
 } as const
 
+export const NODE_LIST_HEADER_KEYS_TO_SEARCH = Object.values(NODE_LIST_HEADERS_TO_KEY_MAP)
+
 export const NODE_SEARCH_KEYS_TO_OBJECT_KEYS: Record<
     NODE_SEARCH_KEYS,
     (typeof NODE_LIST_HEADERS_TO_KEY_MAP)[keyof typeof NODE_LIST_HEADERS_TO_KEY_MAP]

src/components/ResourceBrowser/ResourceBrowser.scss

@@ -68,6 +68,13 @@
             display: grid;
             grid-template-columns: 1fr auto 1px 180px;
             column-gap: 8px;
+
+            .grouped-filter-select-picker {
+                width: 350px;
+                > .dc__mxw-250 {
+                    max-width: 350px;
+                }
+            }
         }
 
         .resource-filter-options-container {
@@ -87,6 +94,7 @@
 .cluster-terminal-hidden {
     visibility: hidden;
     height: 0;
+
     .terminal-action-strip {
         display: none;
     }

src/components/ResourceBrowser/ResourceList/K8SResourceList.tsx

@@ -44,7 +44,7 @@ import {
     updateManifestResourceHelmApps,
 } from '@Components/v2/appDetails/k8Resource/nodeDetail/nodeDetail.api'
 
-import { NODE_LIST_HEADERS_TO_KEY_MAP } from '../Constants'
+import { NODE_LIST_HEADER_KEYS_TO_SEARCH, NODE_LIST_HEADERS_TO_KEY_MAP } from '../Constants'
 import { getResourceData } from '../ResourceBrowser.service'
 import { K8SResourceListType } from '../Types'
 import K8sResourceListTableCellComponent from './K8sResourceListTableCellComponent'
@@ -233,6 +233,7 @@ export const K8SResourceList = ({
             Object.entries(row.data).some(
                 ([key, value]) =>
                     key !== 'id' &&
+                    (!isNodeListing || NODE_LIST_HEADER_KEYS_TO_SEARCH.includes(key)) &&
                     value !== null &&
                     value !== undefined &&
                     String(value).toLowerCase().includes(filterData.searchKey.toLowerCase()),

src/components/ResourceBrowser/ResourceList/NodeListSearchFilter.tsx

@@ -190,6 +190,7 @@ const NodeListSearchFilter = ({
                         placeholder: 'Search Nodes',
                         onKeyUp: handleSearchInputKeyUp,
                     }}
+                    containerClassName="w-250"
                 />
 
                 <GroupedFilterSelectPicker<NODE_SEARCH_KEYS | typeof NODE_K8S_VERSION_FILTER_KEY>