sag_components 2.0.0-beta313 → 2.0.0-beta315

package/dist/index.js

@@ -47950,7 +47950,10 @@ const NewItemList = ({
   itemAndPackage,
   searchValue = "",
   onSearchChange = null,
+  searchResults = null,
+  // Server-side search results (separate from itemAndPackage)
   filteredVendors = null,
+  // Deprecated: use searchResults instead
   isSearchLoading = false,
   onLastRowsReached = () => {},
   lastRowsThreshold = 3
@@ -47981,20 +47984,28 @@ const NewItemList = ({
     }
   };
 
+  // Resolve searchResults (prefer new prop, fallback to deprecated filteredVendors)
+  const serverSearchResults = searchResults !== null ? searchResults : filteredVendors;
+
   // DEFINE filteredItems BEFORE using it
+  // Logic:
+  // - When NOT searching: show static itemAndPackage (never changes length)
+  // - When searching with external/server-side search: show searchResults (can change length)
+  // - When searching with internal search: filter itemAndPackage locally
   const filteredItems = React$1.useMemo(() => {
-    // Use external results if provided
-    if (filteredVendors !== null) {
-      return filteredVendors;
-    }
-
-    // Safety check
     if (!itemAndPackage || !Array.isArray(itemAndPackage)) {
       return [];
     }
-
-    // Internal filtering
-    if (!currentSearchValue) return itemAndPackage;
+    if (!currentSearchValue) {
+      return itemAndPackage;
+    }
+    if (isExternalSearch) {
+      if (serverSearchResults !== null) {
+        return serverSearchResults;
+      } else {
+        return [];
+      }
+    }
     const searchLower = currentSearchValue.toLowerCase();
     const results = [];
     const startsWithResults = [];
@@ -48006,8 +48017,9 @@ const NewItemList = ({
         results.push(itemAndPackage[i]);
       }
     }
-    return [...startsWithResults, ...results];
-  }, [currentSearchValue, itemAndPackage, filteredVendors]);
+    const finalResults = [...startsWithResults, ...results];
+    return finalResults;
+  }, [currentSearchValue, itemAndPackage, serverSearchResults, isExternalSearch]);
 
   // ONLY ONE scroll detection useEffect
   React$1.useEffect(() => {
@@ -48080,7 +48092,7 @@ const NewItemList = ({
     type: "search",
     placeholder: "Search",
     onChange: handleSearchChange
-  }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, isSearchLoading ? "Searching..." : currentSearchValue !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(VendorSearchResult, null, currentSearchValue === "" ? " " : isSearchLoading ? "Searching..." : serverSearchResults === null ? "..." : `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found`)), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$1, {
     ref: scrollWrapperRef,
     headerHeight: headerHeight
   }, FixedSizeList ? /*#__PURE__*/React__default["default"].createElement(FixedSizeList, {
@@ -57336,7 +57348,10 @@ const ItemManagerPanel = _ref => {
     SubTitleColor = "#8B8989",
     searchValue = "",
     onSearchChange = null,
+    searchResults = null,
+    // Server-side search results (separate from itemAndPackage)
     filteredVendors = null,
+    // Deprecated: use searchResults instead
     isSearchLoading = false,
     isLoading = false,
     isLoadingText = "Loading Vendors...",
@@ -57564,6 +57579,7 @@ const ItemManagerPanel = _ref => {
       onVendorClick: handleVendorClick,
       searchValue: searchValue,
       onSearchChange: onSearchChange,
+      searchResults: searchResults,
       filteredVendors: filteredVendors,
       isSearchLoading: isSearchLoading,
       onLastRowsReached: onLastRowsReached,