sag_components 2.0.0-beta313 → 2.0.0-beta315

package/dist/index.d.ts

@@ -1439,7 +1439,7 @@ declare function RangePop(props: any): any;
 
 declare function SearchInput(props: any): any;
 
-declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors, componentText, SubTitleColor, searchValue, onSearchChange, filteredVendors, isSearchLoading, isLoading, isLoadingText, onLastRowsReached, lastRowsThreshold, onBackFromList, }: {
+declare function ItemManagerPanel({ width, height, disableSection, onSendForms, editMode, disabledSendForms, AllFormsSent, itemAndPackage, setItemAndPackage, linkColor, backgroundColor, buttonTooltipText, trashTooltipText, maxVisibleVendors, componentText, SubTitleColor, searchValue, onSearchChange, searchResults, filteredVendors, isSearchLoading, isLoading, isLoadingText, onLastRowsReached, lastRowsThreshold, onBackFromList, }: {
     width?: string;
     height?: string;
     disableSection?: boolean;
@@ -1458,6 +1458,7 @@ declare function ItemManagerPanel({ width, height, disableSection, onSendForms,
     SubTitleColor?: string;
     searchValue?: string;
     onSearchChange?: any;
+    searchResults?: any;
     filteredVendors?: any;
     isSearchLoading?: boolean;
     isLoading?: boolean;

package/dist/index.esm.js

@@ -47940,7 +47940,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
@@ -47971,20 +47974,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 = 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 = [];
@@ -47996,8 +48007,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
   useEffect(() => {
@@ -48070,7 +48082,7 @@ const NewItemList = ({
     type: "search",
     placeholder: "Search",
     onChange: handleSearchChange
-  }), /*#__PURE__*/React$1.createElement(VendorSearchResult, null, isSearchLoading ? "Searching..." : currentSearchValue !== "" ? `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found` : " ")), /*#__PURE__*/React$1.createElement(VendorListWrapper$1, {
+  }), /*#__PURE__*/React$1.createElement(VendorSearchResult, null, currentSearchValue === "" ? " " : isSearchLoading ? "Searching..." : serverSearchResults === null ? "..." : `${filteredItems.length === 0 ? "No" : filteredItems.length} Vendors Found`)), /*#__PURE__*/React$1.createElement(VendorListWrapper$1, {
     ref: scrollWrapperRef,
     headerHeight: headerHeight
   }, FixedSizeList ? /*#__PURE__*/React$1.createElement(FixedSizeList, {
@@ -57326,7 +57338,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...",
@@ -57554,6 +57569,7 @@ const ItemManagerPanel = _ref => {
       onVendorClick: handleVendorClick,
       searchValue: searchValue,
       onSearchChange: onSearchChange,
+      searchResults: searchResults,
       filteredVendors: filteredVendors,
       isSearchLoading: isSearchLoading,
       onLastRowsReached: onLastRowsReached,