@propeller-commerce/propeller-v2-react-ui 0.4.26 → 0.4.27

package/CHANGELOG.md

@@ -8,6 +8,28 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.4.27] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest now respects orderlist (contract) scoping.** The
+  debounced live-search query built a plain `ProductSearchInput` that never
+  passed `orderlistIds`/`applyOrderlists`, so the dropdown previewed the full
+  catalogue even inside a B2B contract catalogue (the submitted results were
+  already correctly scoped — only the preview leaked). It now threads the same
+  orderlist scope as the grid fetch, so previews and results agree and a PDP
+  outside the contract is no longer reachable from the preview.
+
+### Added
+
+- **`SearchBar`: `renderPrice` + `showPrice` props.** `renderPrice(result)`
+  replaces the price cell of each result with custom content (return any node,
+  or `null` to render nothing) — e.g. a "Price by quotation" label for a
+  contract catalogue where prices are quote-only; it fully overrides the
+  default price rendering. `showPrice` (default `true`) is a simpler boolean to
+  hide the price column outright. Both default to the previous behaviour, so
+  the change is backward-compatible.
+
 ## [0.4.26] - 2026-07-21
 
 ### Added

package/dist/index.cjs

@@ -2365,6 +2365,10 @@ function useProductSearch(options) {
         setSearchLoading(true);
         try {
           const service = propellerV2CoreUi.createServices(graphqlClient).product;
+          const orderlistScope = options.orderlistIds && options.orderlistIds.length > 0 ? {
+            applyOrderlists: options.applyOrderlists !== false,
+            orderlistIds: options.orderlistIds
+          } : { applyOrderlists: false };
           const input = {
             term,
             language,
@@ -2376,6 +2380,7 @@ function useProductSearch(options) {
               propellerSdkV2.ProductStatus.T,
               propellerSdkV2.ProductStatus.S
             ],
+            ...orderlistScope,
             sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.SortOrder.DESC }],
             searchFields: [
               {
@@ -2422,7 +2427,8 @@ function useProductSearch(options) {
         }
       }, 300);
     },
-    [graphqlClient, language, configuration, userKey]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [graphqlClient, language, configuration, userKey, JSON.stringify(options.orderlistIds ?? []), options.applyOrderlists]
   );
   React6.useEffect(() => {
     if (!isControlled) fetchProducts();
@@ -17382,7 +17388,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
+                    props.renderPrice ? props.renderPrice(result) : props.showPrice !== false && result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-value", children: formatItemPrice(leadingPrice(result)) }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground", children: priceTaxLabel() })
                     ] }) : null