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

package/dist/index.d.cts

@@ -6624,6 +6624,21 @@ interface SearchBarProps {
      * Omit to keep the div-based fallback.
      */
     getViewAllHref?: (term: string) => string;
+    /**
+     * Show the price column on each autosuggest result. Defaults to `true`.
+     * Set `false` to hide prices entirely in the dropdown — e.g. a B2B
+     * contract-catalogue context where prices are quote-only and shouldn't
+     * appear in the live preview. Ignored when {@link renderPrice} is provided.
+     */
+    showPrice?: boolean;
+    /**
+     * Replace the price cell of each result with custom content. When provided,
+     * this fully overrides the default price rendering (and `showPrice`) — return
+     * any node (e.g. a "Price by quotation" label for a contract catalogue), or
+     * `null` to render nothing for that result. Keeps price/quotation wording
+     * app-specific rather than baked into the package.
+     */
+    renderPrice?: (result: SearchBarResult) => React$1.ReactNode;
     /** Custom price formatting function */
     formatPrice?: (price: number) => string;
     /** Currency symbol for prices. Resolved from PropellerProvider when omitted; defaults to '€'. */

package/dist/index.d.ts

@@ -6624,6 +6624,21 @@ interface SearchBarProps {
      * Omit to keep the div-based fallback.
      */
     getViewAllHref?: (term: string) => string;
+    /**
+     * Show the price column on each autosuggest result. Defaults to `true`.
+     * Set `false` to hide prices entirely in the dropdown — e.g. a B2B
+     * contract-catalogue context where prices are quote-only and shouldn't
+     * appear in the live preview. Ignored when {@link renderPrice} is provided.
+     */
+    showPrice?: boolean;
+    /**
+     * Replace the price cell of each result with custom content. When provided,
+     * this fully overrides the default price rendering (and `showPrice`) — return
+     * any node (e.g. a "Price by quotation" label for a contract catalogue), or
+     * `null` to render nothing for that result. Keeps price/quotation wording
+     * app-specific rather than baked into the package.
+     */
+    renderPrice?: (result: SearchBarResult) => React$1.ReactNode;
     /** Custom price formatting function */
     formatPrice?: (price: number) => string;
     /** Currency symbol for prices. Resolved from PropellerProvider when omitted; defaults to '€'. */

package/dist/index.js

@@ -2345,6 +2345,10 @@ function useProductSearch(options) {
         setSearchLoading(true);
         try {
           const service = createServices(graphqlClient).product;
+          const orderlistScope = options.orderlistIds && options.orderlistIds.length > 0 ? {
+            applyOrderlists: options.applyOrderlists !== false,
+            orderlistIds: options.orderlistIds
+          } : { applyOrderlists: false };
           const input = {
             term,
             language,
@@ -2356,6 +2360,7 @@ function useProductSearch(options) {
               ProductStatus.T,
               ProductStatus.S
             ],
+            ...orderlistScope,
             sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
             searchFields: [
               {
@@ -2402,7 +2407,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]
   );
   useEffect(() => {
     if (!isControlled) fetchProducts();
@@ -17362,7 +17368,7 @@ function SearchBar(rawProps) {
                         result.sku
                       ] }) : null
                     ] }),
-                    result.price !== void 0 && result.price !== null ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
                       /* @__PURE__ */ jsx("span", { className: "propeller-search-bar__result-price-value", children: formatItemPrice(leadingPrice(result)) }),
                       /* @__PURE__ */ jsx("span", { className: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground", children: priceTaxLabel() })
                     ] }) : null