@propeller-commerce/propeller-v2-react-ui 0.13.0 → 0.15.0

package/dist/index.d.cts

@@ -1396,11 +1396,13 @@ interface UseProductSearchOptions {
     /** Upper price bound filter. */
     priceFilterMax?: number;
     /**
-     * Stock buckets to filter by. Empty, unset, or both buckets sends no stock
-     * filter. Filtering happens server-side, so `itemsFound` and the page count
+     * Stock selection to filter by. `'all'` or unset sends no stock filter.
+     * Filtering happens server-side, so `itemsFound` and the page count
      * describe the filtered set.
      */
-    availability?: Availability[];
+    availability?: Availability;
+    /** Minimum stock quantity for the `'in-stock'` selection. */
+    minStock?: number;
     /** Sort field; overrides the internal sort state when set. */
     sortField?: string;
     /** Sort direction (`'ASC'` / `'DESC'`); overrides internal state when set. */
@@ -4635,12 +4637,14 @@ interface GridFiltersProps {
      */
     showAvailabilityFilter?: boolean;
     /**
-     * Currently active availability buckets (URL-driven). Seeds the checkboxes
-     * on the first render so a restored filtered URL renders them ticked.
+     * Currently active availability selection (URL-driven). Seeds the toggle
+     * on the first render so a restored filtered URL renders it correctly.
      */
-    activeAvailability?: Availability[];
-    /** Called whenever an availability checkbox is toggled. */
-    onAvailabilityChange?: (sel: Availability[]) => void;
+    activeAvailability?: Availability;
+    /** Currently active minimum stock quantity (URL-driven). Undefined means the minimum. */
+    activeMinStock?: number;
+    /** Called on every toggle or stepper change with both values. */
+    onAvailabilityChange?: (sel: Availability, minStock: number) => void;
     /**
      * When true, all checkboxes and price inputs are disabled.
      * Wire to ProductGrid's `onLoadingChange` to block rapid re-clicks while a fetch is in flight.
@@ -4826,15 +4830,14 @@ interface GridToolbarProps {
      */
     onPriceFilterRemove?: () => void;
     /**
-     * Currently active availability (stock) filter selections.
-     * Renders one removable chip per selected bucket.
+     * Currently active availability (stock) selection.
+     * Renders a single removable chip when set to `'in-stock'`.
      */
-    availability?: Availability[];
-    /**
-     * Called when an availability filter badge × is clicked.
-     * Receives the specific bucket to remove.
-     */
-    onAvailabilityFilterRemove?: (value: Availability) => void;
+    availability?: Availability;
+    /** Currently active minimum stock quantity, shown on the chip above the default. */
+    minStock?: number;
+    /** Called when the availability filter badge × is clicked. */
+    onAvailabilityFilterRemove?: () => void;
     /**
      * Called when "Clear All" is clicked.
      */
@@ -5278,6 +5281,10 @@ interface OrderListProps {
     showCompanyOrders?: boolean;
     /** Hide pagination controls. Defaults to false. */
     hidePagination?: boolean;
+    /** Hide the column header row. Defaults to false. */
+    hideHeader?: boolean;
+    /** Drop the results container's card chrome (background/border/shadow). Defaults to false. */
+    flat?: boolean;
     /** Filter orders by channel IDs */
     channelIds?: number[];
     /** Format price */
@@ -6229,10 +6236,12 @@ interface ProductGridProps {
     /**  * Active price range lower bound from the FiltersSidebar `onPriceChange`.  * Triggers a re-fetch when changed.  */ priceFilterMin?: number;
     /**  * Active price range upper bound from the FiltersSidebar `onPriceChange`.  * Triggers a re-fetch when changed.  */ priceFilterMax?: number;
     /**
-     * Active stock buckets from the filters sidebar. Triggers a re-fetch when
-     * changed. Empty or both buckets means no stock filter.
+     * Active stock selection from the filters sidebar. Triggers a re-fetch when
+     * changed. `'all'` or undefined means no stock filter.
      */
-    availability?: Availability[];
+    availability?: Availability;
+    /** Minimum stock quantity for the `'in-stock'` selection. Defaults to the minimum threshold. */
+    minStock?: number;
     /**  * Called when sort state changes internally (for syncing a sibling toolbar).  */ onSortChange?: (field: string, order: string) => void;
     /**  * Called after each internal data fetch with the min/max price of the  * current product set — use to populate a price range slider in the parent.  */ onPriceBoundsChange?: (min: number, max: number) => void;
     /**  * Called after each fetch with the total number of products found —  * use to display a result count in the parent toolbar.  */ onItemsFoundChange?: (count: number) => void;
@@ -7048,6 +7057,20 @@ interface PurchaseAuthorizationRequestsProps {
     user?: Contact | Customer;
     /** The companyId of the current selected company. Resolved from PropellerProvider when omitted. */
     companyId?: number;
+    /** Limit the number of requests shown (e.g. 3 = last 3 modified). undefined = show all */
+    limit?: number;
+    /** Columns to display, in order. Keys: 'date' | 'quantity' | 'total' | 'requestedBy' | 'action'. Defaults to all five. */
+    columns?: string[];
+    /** Label mapping for columns */
+    columnConfig?: Record<string, string>;
+    /** Show the actions column and its buttons. Defaults to true. */
+    showActions?: boolean;
+    /** Hide the column header row. Defaults to false. */
+    hideHeader?: boolean;
+    /** Drop the results container's card chrome (background/border/shadow). Defaults to false. */
+    flat?: boolean;
+    /** Hide the component's own title. Defaults to false. */
+    hideTitle?: boolean;
     /**
      * Override: fires instead of the default CartService.acceptPurchaseAuthorizationRequest() call.
      * Receives the cartId string.

package/dist/index.d.ts

@@ -1396,11 +1396,13 @@ interface UseProductSearchOptions {
     /** Upper price bound filter. */
     priceFilterMax?: number;
     /**
-     * Stock buckets to filter by. Empty, unset, or both buckets sends no stock
-     * filter. Filtering happens server-side, so `itemsFound` and the page count
+     * Stock selection to filter by. `'all'` or unset sends no stock filter.
+     * Filtering happens server-side, so `itemsFound` and the page count
      * describe the filtered set.
      */
-    availability?: Availability[];
+    availability?: Availability;
+    /** Minimum stock quantity for the `'in-stock'` selection. */
+    minStock?: number;
     /** Sort field; overrides the internal sort state when set. */
     sortField?: string;
     /** Sort direction (`'ASC'` / `'DESC'`); overrides internal state when set. */
@@ -4635,12 +4637,14 @@ interface GridFiltersProps {
      */
     showAvailabilityFilter?: boolean;
     /**
-     * Currently active availability buckets (URL-driven). Seeds the checkboxes
-     * on the first render so a restored filtered URL renders them ticked.
+     * Currently active availability selection (URL-driven). Seeds the toggle
+     * on the first render so a restored filtered URL renders it correctly.
      */
-    activeAvailability?: Availability[];
-    /** Called whenever an availability checkbox is toggled. */
-    onAvailabilityChange?: (sel: Availability[]) => void;
+    activeAvailability?: Availability;
+    /** Currently active minimum stock quantity (URL-driven). Undefined means the minimum. */
+    activeMinStock?: number;
+    /** Called on every toggle or stepper change with both values. */
+    onAvailabilityChange?: (sel: Availability, minStock: number) => void;
     /**
      * When true, all checkboxes and price inputs are disabled.
      * Wire to ProductGrid's `onLoadingChange` to block rapid re-clicks while a fetch is in flight.
@@ -4826,15 +4830,14 @@ interface GridToolbarProps {
      */
     onPriceFilterRemove?: () => void;
     /**
-     * Currently active availability (stock) filter selections.
-     * Renders one removable chip per selected bucket.
+     * Currently active availability (stock) selection.
+     * Renders a single removable chip when set to `'in-stock'`.
      */
-    availability?: Availability[];
-    /**
-     * Called when an availability filter badge × is clicked.
-     * Receives the specific bucket to remove.
-     */
-    onAvailabilityFilterRemove?: (value: Availability) => void;
+    availability?: Availability;
+    /** Currently active minimum stock quantity, shown on the chip above the default. */
+    minStock?: number;
+    /** Called when the availability filter badge × is clicked. */
+    onAvailabilityFilterRemove?: () => void;
     /**
      * Called when "Clear All" is clicked.
      */
@@ -5278,6 +5281,10 @@ interface OrderListProps {
     showCompanyOrders?: boolean;
     /** Hide pagination controls. Defaults to false. */
     hidePagination?: boolean;
+    /** Hide the column header row. Defaults to false. */
+    hideHeader?: boolean;
+    /** Drop the results container's card chrome (background/border/shadow). Defaults to false. */
+    flat?: boolean;
     /** Filter orders by channel IDs */
     channelIds?: number[];
     /** Format price */
@@ -6229,10 +6236,12 @@ interface ProductGridProps {
     /**  * Active price range lower bound from the FiltersSidebar `onPriceChange`.  * Triggers a re-fetch when changed.  */ priceFilterMin?: number;
     /**  * Active price range upper bound from the FiltersSidebar `onPriceChange`.  * Triggers a re-fetch when changed.  */ priceFilterMax?: number;
     /**
-     * Active stock buckets from the filters sidebar. Triggers a re-fetch when
-     * changed. Empty or both buckets means no stock filter.
+     * Active stock selection from the filters sidebar. Triggers a re-fetch when
+     * changed. `'all'` or undefined means no stock filter.
      */
-    availability?: Availability[];
+    availability?: Availability;
+    /** Minimum stock quantity for the `'in-stock'` selection. Defaults to the minimum threshold. */
+    minStock?: number;
     /**  * Called when sort state changes internally (for syncing a sibling toolbar).  */ onSortChange?: (field: string, order: string) => void;
     /**  * Called after each internal data fetch with the min/max price of the  * current product set — use to populate a price range slider in the parent.  */ onPriceBoundsChange?: (min: number, max: number) => void;
     /**  * Called after each fetch with the total number of products found —  * use to display a result count in the parent toolbar.  */ onItemsFoundChange?: (count: number) => void;
@@ -7048,6 +7057,20 @@ interface PurchaseAuthorizationRequestsProps {
     user?: Contact | Customer;
     /** The companyId of the current selected company. Resolved from PropellerProvider when omitted. */
     companyId?: number;
+    /** Limit the number of requests shown (e.g. 3 = last 3 modified). undefined = show all */
+    limit?: number;
+    /** Columns to display, in order. Keys: 'date' | 'quantity' | 'total' | 'requestedBy' | 'action'. Defaults to all five. */
+    columns?: string[];
+    /** Label mapping for columns */
+    columnConfig?: Record<string, string>;
+    /** Show the actions column and its buttons. Defaults to true. */
+    showActions?: boolean;
+    /** Hide the column header row. Defaults to false. */
+    hideHeader?: boolean;
+    /** Drop the results container's card chrome (background/border/shadow). Defaults to false. */
+    flat?: boolean;
+    /** Hide the component's own title. Defaults to false. */
+    hideTitle?: boolean;
     /**
      * Override: fires instead of the default CartService.acceptPurchaseAuthorizationRequest() call.
      * Receives the cartId string.

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useMemo, useCallback, useContext, useEffect } from 'react';
@@ -2242,7 +2242,8 @@ function useProductSearch(options) {
       JSON.stringify(options.textFilters ?? []),
       options.priceFilterMin ?? "",
       options.priceFilterMax ?? "",
-      JSON.stringify(options.availability ?? [])
+      options.availability ?? "",
+      options.minStock ?? ""
     ].join("|");
     if (inflightFetches2.has(inflightKey)) {
       fetchIdRef.current--;
@@ -2284,7 +2285,7 @@ function useProductSearch(options) {
         }
       ] : [];
       const priceFilter = options.priceFilterMin !== void 0 || options.priceFilterMax !== void 0 ? { from: options.priceFilterMin ?? 0, to: options.priceFilterMax ?? 999999 } : void 0;
-      const inventoryFilter = buildInventoryFilter(options.availability);
+      const inventoryFilter = buildInventoryFilter(options.availability, options.minStock);
       const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
       const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
       const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
@@ -2385,6 +2386,7 @@ function useProductSearch(options) {
     options.priceFilterMin,
     options.priceFilterMax,
     options.availability,
+    options.minStock,
     options.sortField,
     options.sortOrder,
     options.companyId,
@@ -2424,7 +2426,7 @@ function useProductSearch(options) {
           const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
           const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
           const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
-          const inventoryFilter = buildInventoryFilter(options.availability);
+          const inventoryFilter = buildInventoryFilter(options.availability, options.minStock);
           const categoryProductSearchInput = {
             language,
             page: 1,
@@ -2517,6 +2519,7 @@ function useProductSearch(options) {
     options.priceFilterMin,
     options.priceFilterMax,
     options.availability,
+    options.minStock,
     options.sortField,
     options.sortOrder,
     pageSize,
@@ -9040,6 +9043,7 @@ function ProductGrid(rawProps) {
     priceFilterMin: props.priceFilterMin,
     priceFilterMax: props.priceFilterMax,
     availability: props.availability,
+    minStock: props.minStock,
     sortField: props.sortField,
     sortOrder: props.sortOrder,
     pageSize: props.pageSize,
@@ -9343,7 +9347,13 @@ function GridFilters(rawProps) {
   const [appliedMin, setAppliedMin] = useState(() => void 0);
   const [appliedMax, setAppliedMax] = useState(() => void 0);
   const [availability, setAvailability] = useState(
-    () => [...props.activeAvailability || []]
+    () => props.activeAvailability || "all"
+  );
+  const [minStock, setMinStock] = useState(
+    () => props.activeMinStock ?? MIN_STOCK_THRESHOLD
+  );
+  const [minStockInput, setMinStockInput] = useState(
+    () => String(props.activeMinStock ?? MIN_STOCK_THRESHOLD)
   );
   function showPriceFilter() {
     const mode = props.portalMode || "open";
@@ -9398,13 +9408,28 @@ function GridFilters(rawProps) {
     props.onFilterChange(filter, value);
     if (props.getSelectedFilters) props.getSelectedFilters();
   }
-  function handleAvailabilityToggle(value, checked) {
-    const next = checked ? [...availability, value] : availability.filter((v) => v !== value);
-    setAvailability(next);
+  function handleAvailabilityChange(value) {
+    const nextMinStock = value === "all" ? MIN_STOCK_THRESHOLD : minStock;
+    setAvailability(value);
+    setMinStock(nextMinStock);
+    setMinStockInput(String(nextMinStock));
+    setIsPending(true);
+    if (props.onAvailabilityChange) props.onAvailabilityChange(value, nextMinStock);
+    if (props.getSelectedFilters) props.getSelectedFilters();
+  }
+  function handleMinStockChange(value) {
+    const n = Math.max(Math.floor(value) || MIN_STOCK_THRESHOLD, MIN_STOCK_THRESHOLD);
+    setMinStock(n);
+    setMinStockInput(String(n));
+    if (n === minStock) return;
     setIsPending(true);
-    if (props.onAvailabilityChange) props.onAvailabilityChange(next);
+    if (props.onAvailabilityChange) props.onAvailabilityChange(availability, n);
     if (props.getSelectedFilters) props.getSelectedFilters();
   }
+  function commitMinStockInput() {
+    const parsed = parseInt(minStockInput, 10);
+    handleMinStockChange(isNaN(parsed) ? MIN_STOCK_THRESHOLD : parsed);
+  }
   function handleMinChange(value) {
     const n = value > currentMax ? currentMax : value;
     setCurrentMin(n);
@@ -9478,7 +9503,9 @@ function GridFilters(rawProps) {
     setCurrentMin(props.priceMin || 0);
     setCurrentMax(props.priceMax || 9999);
     setExpandedFilters({});
-    setAvailability([]);
+    setAvailability("all");
+    setMinStock(MIN_STOCK_THRESHOLD);
+    setMinStockInput(String(MIN_STOCK_THRESHOLD));
   }, [props.clearSignal, props.priceMin, props.priceMax]);
   useEffect(() => {
     if (!props.activeTextFilters) return;
@@ -9486,8 +9513,10 @@ function GridFilters(rawProps) {
   }, [props.activeTextFilters]);
   useEffect(() => {
     if (!props.activeAvailability) return;
-    setAvailability([...props.activeAvailability]);
-  }, [props.activeAvailability]);
+    setAvailability(props.activeAvailability);
+    setMinStock(props.activeMinStock ?? MIN_STOCK_THRESHOLD);
+    setMinStockInput(String(props.activeMinStock ?? MIN_STOCK_THRESHOLD));
+  }, [props.activeAvailability, props.activeMinStock]);
   useEffect(() => {
     if (props.activePriceMin === void 0 && props.activePriceMax === void 0) {
       setCurrentMin(props.priceMin || 0);
@@ -9590,34 +9619,76 @@ function GridFilters(rawProps) {
         showAvailability() ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "propeller-grid-filters__availability space-y-3", children: [
             /* @__PURE__ */ jsx("h3", { className: "propeller-grid-filters__availability-title text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: getLabel(props.labels, "availability", "Availability") }),
-            /* @__PURE__ */ jsxs("div", { className: "propeller-grid-filters__availability-options space-y-1.5", children: [
-              /* @__PURE__ */ jsxs("label", { className: "propeller-grid-filters__option flex items-center gap-2 cursor-pointer group", children: [
+            /* @__PURE__ */ jsxs("div", { className: "propeller-grid-filters__availability-toggle inline-flex h-8 w-full rounded-control border border-input overflow-hidden", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `propeller-grid-filters__availability-option flex-1 text-xs font-medium transition-colors ${availability === "all" ? "bg-secondary text-secondary-foreground" : "bg-transparent text-muted-foreground hover:text-foreground"}`,
+                  "aria-pressed": availability === "all",
+                  disabled: !!props.isLoading,
+                  onClick: () => handleAvailabilityChange("all"),
+                  children: getLabel(props.labels, "allProducts", "All products")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `propeller-grid-filters__availability-option flex-1 text-xs font-medium transition-colors ${availability === "in-stock" ? "bg-secondary text-secondary-foreground" : "bg-transparent text-muted-foreground hover:text-foreground"}`,
+                  "aria-pressed": availability === "in-stock",
+                  disabled: !!props.isLoading,
+                  onClick: () => handleAvailabilityChange("in-stock"),
+                  children: getLabel(props.labels, "inStock", "In stock")
+                }
+              )
+            ] }),
+            availability === "in-stock" ? /* @__PURE__ */ jsxs("div", { className: "propeller-grid-filters__availability-quantity flex items-center gap-2 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: getLabel(props.labels, "atLeast", "at least") }),
+              /* @__PURE__ */ jsxs("div", { className: "propeller-grid-filters__availability-stepper inline-flex items-center h-8 rounded-control border border-input bg-card overflow-hidden focus-within:ring-1 focus-within:ring-secondary", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  "button",
                   {
-                    type: "checkbox",
-                    className: "propeller-grid-filters__checkbox h-4 w-4 rounded border-input text-secondary focus:ring-secondary cursor-pointer flex-shrink-0",
-                    checked: availability.includes("in-stock"),
-                    disabled: !!props.isLoading,
-                    onChange: (e) => handleAvailabilityToggle("in-stock", e.target.checked)
+                    type: "button",
+                    className: "propeller-grid-filters__quantity-decrease h-full w-8 flex items-center justify-center text-muted-foreground disabled:opacity-40 disabled:cursor-not-allowed hover:bg-accent hover:text-foreground transition-colors",
+                    "aria-label": getLabel(props.labels, "quantityDecrease", "Decrease quantity"),
+                    disabled: !!props.isLoading || minStock <= MIN_STOCK_THRESHOLD,
+                    onClick: () => handleMinStockChange(minStock - 1),
+                    children: "\u2212"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "propeller-grid-filters__option-label flex-1 text-sm text-muted-foreground leading-none select-none group-hover:text-foreground", children: getLabel(props.labels, "inStock", "In stock") })
-              ] }),
-              /* @__PURE__ */ jsxs("label", { className: "propeller-grid-filters__option flex items-center gap-2 cursor-pointer group", children: [
                 /* @__PURE__ */ jsx(
                   "input",
                   {
-                    type: "checkbox",
-                    className: "propeller-grid-filters__checkbox h-4 w-4 rounded border-input text-secondary focus:ring-secondary cursor-pointer flex-shrink-0",
-                    checked: availability.includes("out-of-stock"),
+                    type: "number",
+                    inputMode: "numeric",
+                    className: "propeller-grid-filters__availability-quantity-input w-10 h-full px-0 text-center font-medium text-foreground bg-transparent border-0 focus:outline-none focus:ring-0 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+                    "aria-label": getLabel(props.labels, "atLeast", "at least"),
+                    min: MIN_STOCK_THRESHOLD,
+                    step: 1,
+                    value: minStockInput,
                     disabled: !!props.isLoading,
-                    onChange: (e) => handleAvailabilityToggle("out-of-stock", e.target.checked)
+                    onChange: (e) => setMinStockInput(e.target.value),
+                    onBlur: () => commitMinStockInput(),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") e.target.blur();
+                    }
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "propeller-grid-filters__option-label flex-1 text-sm text-muted-foreground leading-none select-none group-hover:text-foreground", children: getLabel(props.labels, "outOfStock", "Out of stock") })
-              ] })
-            ] })
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "propeller-grid-filters__quantity-increase h-full w-8 flex items-center justify-center text-muted-foreground disabled:opacity-40 disabled:cursor-not-allowed hover:bg-accent hover:text-foreground transition-colors",
+                    "aria-label": getLabel(props.labels, "quantityIncrease", "Increase quantity"),
+                    disabled: !!props.isLoading,
+                    onClick: () => handleMinStockChange(minStock + 1),
+                    children: "+"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: getLabel(props.labels, "pcs", "pcs") })
+            ] }) : null
           ] }),
           /* @__PURE__ */ jsx("div", { className: "propeller-grid-filters__divider h-px bg-border-subtle" })
         ] }) : null,
@@ -9797,7 +9868,6 @@ var DEFAULT_LABELS = {
   perPage: " per page",
   price: "Price",
   inStock: "In stock",
-  outOfStock: "Out of stock",
   switchToList: "Switch to list view",
   switchToGrid: "Switch to grid view"
 };
@@ -9826,7 +9896,7 @@ function GridToolbar(rawProps) {
     const text = props.activeTextFilters || {};
     const hasText = Object.keys(text).some((k) => (text[k] || []).length > 0);
     const hasPrice = props.priceFilterMin !== void 0 || props.priceFilterMax !== void 0;
-    const hasAvailability = (props.availability || []).length > 0;
+    const hasAvailability = props.availability === "in-stock";
     return hasText || hasPrice || hasAvailability;
   }
   function getActiveFilterBadges() {
@@ -9845,8 +9915,10 @@ function GridToolbar(rawProps) {
   function isPriceSortDisabled() {
     return isContentHidden(props.portalMode, props.user);
   }
-  function getAvailabilityLabel(value) {
-    return value === "in-stock" ? getLabel56("inStock") : getLabel56("outOfStock");
+  function getAvailabilityLabel() {
+    const qty = props.minStock;
+    if (qty !== void 0 && qty > MIN_STOCK_THRESHOLD) return `${getLabel56("inStock")}: ${qty}+`;
+    return getLabel56("inStock");
   }
   function handleSortFieldChange(field) {
     setCurrentSortField(field);
@@ -10021,20 +10093,19 @@ function GridToolbar(rawProps) {
               ]
             }
           ) : null,
-          (props.availability || []).map((value) => /* @__PURE__ */ jsxs(
+          props.availability === "in-stock" ? /* @__PURE__ */ jsxs(
             "span",
             {
               className: "propeller-grid-toolbar__filter-badge propeller-grid-toolbar__filter-badge--availability inline-flex items-center gap-1 cursor-pointer px-2.5 py-0.5 rounded-full text-xs font-semibold border border-input bg-background hover:bg-primary hover:text-primary-foreground hover:border-primary transition-colors",
               onClick: (event) => {
-                if (props.onAvailabilityFilterRemove) props.onAvailabilityFilterRemove(value);
+                if (props.onAvailabilityFilterRemove) props.onAvailabilityFilterRemove();
               },
               children: [
-                getAvailabilityLabel(value),
+                getAvailabilityLabel(),
                 /* @__PURE__ */ jsx("span", { className: "propeller-grid-toolbar__filter-badge-remove", children: "\xD7" })
               ]
-            },
-            value
-          )),
+            }
+          ) : null,
           getActiveFilterBadges()?.map((badge) => /* @__PURE__ */ jsxs(
             "span",
             {
@@ -13886,9 +13957,9 @@ function OrderList(rawProps) {
         )
       ] })
     ] }) : null,
-    !loading || orders.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: orders.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "propeller-order-list__results bg-card rounded-container shadow overflow-hidden", children: [
+    !loading || orders.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: orders.length > 0 ? /* @__PURE__ */ jsxs("div", { className: `propeller-order-list__results${props.flat ? "" : " bg-card rounded-container shadow"} overflow-hidden`, children: [
       /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "propeller-order-list__table min-w-full divide-y divide-border", children: [
-        /* @__PURE__ */ jsx("thead", { className: "propeller-order-list__thead bg-surface-hover", children: /* @__PURE__ */ jsx("tr", { children: columns?.map((col) => /* @__PURE__ */ jsx(
+        !props.hideHeader ? /* @__PURE__ */ jsx("thead", { className: "propeller-order-list__thead bg-surface-hover", children: /* @__PURE__ */ jsx("tr", { children: columns?.map((col) => /* @__PURE__ */ jsx(
           "th",
           {
             "data-column": col,
@@ -13896,7 +13967,7 @@ function OrderList(rawProps) {
             children: getColumnLabel(col)
           },
           col
-        )) }) }),
+        )) }) }) : null,
         /* @__PURE__ */ jsx("tbody", { className: "propeller-order-list__tbody bg-card divide-y divide-border", children: orders?.map((order) => /* @__PURE__ */ jsx(
           "tr",
           {
@@ -14003,7 +14074,7 @@ function OrderList(rawProps) {
           ) })
         ] })
       ] }) : null
-    ] }) : /* @__PURE__ */ jsx("div", { className: "propeller-order-list__empty bg-card rounded-container shadow p-8 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: getLabel(props.labels, "noOrders", "No orders found.") }) }) }) : /* @__PURE__ */ jsx("div", { className: "propeller-order-list__loading p-8 text-center text-muted-foreground", children: getLabel(props.labels, "loading", "Loading orders...") })
+    ] }) : /* @__PURE__ */ jsx("div", { className: `propeller-order-list__empty${props.flat ? "" : " bg-card rounded-container shadow"} p-8 text-center`, children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: getLabel(props.labels, "noOrders", "No orders found.") }) }) }) : /* @__PURE__ */ jsx("div", { className: "propeller-order-list__loading p-8 text-center text-muted-foreground", children: getLabel(props.labels, "loading", "Loading orders...") })
   ] });
 }
 var OrderList_default = OrderList;
@@ -17170,6 +17241,10 @@ function PurchaseAuthorizationConfigurator(rawProps) {
 var PurchaseAuthorizationConfigurator_default = PurchaseAuthorizationConfigurator;
 function PurchaseAuthorizationRequests(rawProps) {
   const props = useInfraProps(rawProps);
+  const showActions = props.showActions !== false;
+  const columns = (props.columns || ["date", "quantity", "total", "requestedBy", "action"]).filter(
+    (col) => showActions || col !== "action"
+  );
   const {
     carts,
     loading,
@@ -17203,6 +17278,17 @@ function PurchaseAuthorizationRequests(rawProps) {
     await handleDeleteRequest();
     setShowDeleteConfirm(false);
   };
+  const displayedCarts = useMemo(() => {
+    if (props.limit && props.limit > 0) {
+      const sorted = [...carts].sort((a, b) => {
+        const dateA = new Date(a.lastModifiedAt || "").getTime();
+        const dateB = new Date(b.lastModifiedAt || "").getTime();
+        return dateB - dateA;
+      });
+      return sorted.slice(0, props.limit);
+    }
+    return carts;
+  }, [carts, props.limit]);
   function formatDate(dateStr) {
     if (props.formatDate) return props.formatDate(dateStr);
     if (!dateStr) return "-";
@@ -17216,6 +17302,18 @@ function PurchaseAuthorizationRequests(rawProps) {
     if (props.formatPrice) return props.formatPrice(price);
     return formatPrice(price, { symbol: props.currency ?? "\u20AC" });
   }
+  const columnLabelKeys = {
+    date: ["colDate", "Date"],
+    quantity: ["colQuantity", "Quantity"],
+    total: ["colTotal", "Total"],
+    requestedBy: ["colRequestedBy", "Requested by"],
+    action: ["colActions", "Actions"]
+  };
+  function getColumnLabel(col) {
+    if (props.columnConfig?.[col]) return props.columnConfig[col];
+    const [key, fallback] = columnLabelKeys[col] || [col, col];
+    return getLabel(props.labels, key, fallback);
+  }
   function getProductName5(item) {
     const lang = props.language || "NL";
     const fromNames = getLanguageString(item?.product?.names, lang, "");
@@ -17225,27 +17323,21 @@ function PurchaseAuthorizationRequests(rawProps) {
     return item?.product?.sku || "";
   }
   return /* @__PURE__ */ jsx("div", { className: `propeller-purchase-authorization-requests ${props.className || ""}`, children: isAuthManager ? /* @__PURE__ */ jsxs("div", { className: "propeller-purchase-authorization-requests__content space-y-4", children: [
-    /* @__PURE__ */ jsx("h2", { className: "propeller-purchase-authorization-requests__title text-xl font-semibold", children: getLabel(props.labels, "title", "Authorization Requests") }),
+    !props.hideTitle ? /* @__PURE__ */ jsx("h2", { className: "propeller-purchase-authorization-requests__title text-xl font-semibold", children: getLabel(props.labels, "title", "Authorization Requests") }) : null,
     loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin" }) }) : null,
     !loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
       carts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-muted-foreground", children: getLabel(props.labels, "empty", "No pending authorization requests") }) : null,
-      carts.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border bg-card shadow-sm", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-muted/50 border-b border-border", children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getLabel(props.labels, "colDate", "Date") }),
-          /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getLabel(props.labels, "colQuantity", "Quantity") }),
-          /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getLabel(props.labels, "colTotal", "Total") }),
-          /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getLabel(props.labels, "colRequestedBy", "Requested by") }),
-          /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getLabel(props.labels, "colActions", "Actions") })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-border", children: carts.map((cart, index) => /* @__PURE__ */ jsxs("tr", { className: "hover:bg-muted/30 transition-colors", children: [
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: formatDate(cart.lastModifiedAt ?? "") }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: getTotalQuantity(cart) }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-medium", children: formatPrice17(cart.total?.totalNet ?? 0) }),
-          /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
+      carts.length > 0 ? /* @__PURE__ */ jsx("div", { className: `propeller-purchase-authorization-requests__results overflow-x-auto${props.flat ? "" : " rounded-lg border border-border bg-card shadow-sm"}`, children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+        !props.hideHeader ? /* @__PURE__ */ jsx("thead", { className: "bg-muted/50 border-b border-border", children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-muted-foreground", children: getColumnLabel(col) }, col)) }) }) : null,
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-border", children: displayedCarts.map((cart, index) => /* @__PURE__ */ jsx("tr", { className: "hover:bg-muted/30 transition-colors", children: columns.map((col) => /* @__PURE__ */ jsxs("td", { className: `px-4 py-3${col === "date" ? " text-muted-foreground" : ""}${col === "total" ? " font-medium" : ""}`, children: [
+          col === "date" ? formatDate(cart.lastModifiedAt ?? "") : null,
+          col === "quantity" ? getTotalQuantity(cart) : null,
+          col === "total" ? formatPrice17(cart.total?.totalNet ?? 0) : null,
+          col === "requestedBy" ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "font-medium", children: getContactName(cart.contact) }),
             /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-0.5", children: cart.contact?.email })
-          ] }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+          ] }) : null,
+          col === "action" ? /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -17253,8 +17345,8 @@ function PurchaseAuthorizationRequests(rawProps) {
               onClick: () => handleViewCart(cart),
               children: getLabel(props.labels, "view", "View")
             }
-          ) })
-        ] }, index)) })
+          ) : null
+        ] }, col)) }, index)) })
       ] }) }) : null
     ] }) : null,
     selectedCart ? /* @__PURE__ */ jsxs("div", { className: "propeller-purchase-authorization-requests__modal fixed inset-0 z-50 flex items-center justify-center px-4", children: [