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

package/dist/index.d.cts

@@ -5278,6 +5278,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 */
@@ -7048,6 +7052,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

@@ -5278,6 +5278,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 */
@@ -7048,6 +7052,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

@@ -13886,9 +13886,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 +13896,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 +14003,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 +17170,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 +17207,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 +17231,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 +17252,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 +17274,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: [