fix: sbom Search by name instead of full search [Backport release/0.5.z]

client/src/app/pages/sbom-list/sbom-context.ts

@@ -25,7 +25,7 @@ interface ISbomSearchContext {
     | "labels"
     | "vulnerabilities",
     "name" | "published",
-    "" | "published" | "labels" | "license",
+    "name" | "published" | "labels" | "license",
     string
   >;
 

client/src/app/pages/sbom-list/sbom-provider.tsx

@@ -72,7 +72,7 @@ export const SbomSearchProvider: React.FunctionComponent<ISbomProvider> = ({
     isFilterEnabled: true,
     filterCategories: [
       {
-        categoryKey: FILTER_TEXT_CATEGORY_KEY,
+        categoryKey: "name",
         title: "Filter text",
         placeholderText: "Search",
         type: FilterType.search,

client/src/app/pages/search/components/SearchMenu.tsx

@@ -63,6 +63,11 @@ function useAllEntities(filterText: string, disableSearch: boolean) {
     page: { pageNumber: 1, itemsPerPage: 5 },
   };
 
+  const sbomParams: HubRequestParams = {
+    filters: [{ field: "name", operator: "~", value: filterText }],
+    page: { pageNumber: 1, itemsPerPage: 5 },
+  };
+
   const {
     isFetching: isFetchingAdvisories,
     result: { data: advisories },
@@ -76,7 +81,7 @@ function useAllEntities(filterText: string, disableSearch: boolean) {
   const {
     isFetching: isFetchingSBOMs,
     result: { data: sboms },
-  } = useFetchSBOMs(null, { ...params }, [], disableSearch);
+  } = useFetchSBOMs(null, { ...sbomParams }, [], disableSearch);
 
   const {
     isFetching: isFetchingVulnerabilities,
@@ -170,8 +175,7 @@ export const SearchMenu: React.FC<ISearchMenu> = ({ onChangeSearch }) => {
   // (no useMemo in the useUrlParams → useFilterState → context chain), but the
   // extracted string only changes when the URL filter param actually changes.
   const appliedSearchValue =
-    sbomTableControls.filterState.filterValues[FILTER_TEXT_CATEGORY_KEY]?.[0] ??
-    "";
+    sbomTableControls.filterState.filterValues["name"]?.[0] ?? "";
 
   const [searchValue, setSearchValue] = React.useState("");
   const [isSearchValueDirty, setIsSearchValueDirty] = React.useState(false);

client/src/app/pages/search/components/SearchTabs.tsx

@@ -48,7 +48,7 @@ export interface SearchTabsProps {
     >;
     sbomFilterPanelProps: IFilterPanelProps<
       SbomSummary,
-      "" | "published" | "labels" | "license"
+      "name" | "published" | "labels" | "license"
     >;
     vulnerabilityFilterPanelProps: IFilterPanelProps<
       VulnerabilitySummary,
@@ -117,7 +117,7 @@ export const SearchTabs: React.FC<SearchTabsProps> = ({
           <CardBody style={{ width: 241 }}>
             {isTabActive("sboms") ? (
               <FilterPanel
-                omitFilterCategoryKeys={[""]}
+                omitFilterCategoryKeys={["name"]}
                 {...sbomFilterPanelProps}
               />
             ) : isTabActive("packages") ? (

client/src/app/pages/search/search.tsx

@@ -92,7 +92,7 @@ export const Search: React.FC<SearchPageProps> = ({ searchBodyOverride }) => {
     if (searchValue === undefined) return;
     sbomTableControls.filterState.setFilterValues({
       ...sbomTableControls.filterState.filterValues,
-      [FILTER_TEXT_CATEGORY_KEY]: [searchValue],
+      ["name"]: [searchValue],
     });
     packageTableControls.filterState.setFilterValues({
       ...packageTableControls.filterState.filterValues,