@flowselections/floriday-voorraad 1.0.115 → 1.0.121

package/dist-lib/components/voorraad/VoorraadPage.d.ts

@@ -1,8 +1,7 @@
 import type { TradeItem } from "../../lib/floriday-client.js";
 /**
- * 1.0.114: "Op voorraad" telt liggende voorraad (fysiek > 0), niet vrij
- * beschikbaar. Reserveringen voor orders op "Nog te picken" lieten anders alles
- * als "Niet op voorraad" zien zonder dat er iets was afgeboekt.
+ * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
+ * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
  */
 export declare function countStock(items: Array<Pick<TradeItem, "quantity" | "availableQuantity" | "minQuantity">>): {
     total: number;
@@ -10,6 +9,7 @@ export declare function countStock(items: Array<Pick<TradeItem, "quantity" | "av
     outOfStock: number;
     belowMin: number;
     fullyReserved: number;
+    freeAvailable: number;
 };
 export declare function VoorraadPage(): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadPage.d.ts.map

package/dist-lib/components/voorraad/VoorraadPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAiF3D;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAC;;;;;;EAczG;AAED,wBAAgB,YAAY,gCAiW3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAqF3D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAC;;;;;;;EAgBzG;AAED,wBAAgB,YAAY,gCA0W3B"}

package/dist-lib/components/voorraad/VoorraadPage.js

@@ -37,23 +37,23 @@ function toneClasses(tone) {
             return { icon: "bg-primary/10 text-primary", value: "text-foreground" };
     }
 }
-function KpiCard({ icon, label, count, tone, active, onClick, }) {
+function KpiCard({ icon, label, count, tone, active, onClick, hint, }) {
     const cls = toneClasses(tone);
-    return (_jsxs("button", { type: "button", onClick: onClick, className: `text-left rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 ${active ? "border-primary ring-1 ring-primary" : "border-border"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-md ${cls.icon}`, children: icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }), _jsx("div", { className: `mt-3 text-3xl font-bold tabular-nums ${cls.value}`, children: count })] }));
+    return (_jsxs("button", { type: "button", onClick: onClick, title: hint, className: `text-left rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 ${active ? "border-primary ring-1 ring-primary" : "border-border"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-md ${cls.icon}`, children: icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }), _jsx("div", { className: `mt-3 text-3xl font-bold tabular-nums ${cls.value}`, children: count }), hint && _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: hint })] }));
 }
 function availableOf(i) {
     return i.availableQuantity ?? i.quantity ?? 0;
 }
 /**
- * 1.0.114: "Op voorraad" telt liggende voorraad (fysiek > 0), niet vrij
- * beschikbaar. Reserveringen voor orders op "Nog te picken" lieten anders alles
- * als "Niet op voorraad" zien zonder dat er iets was afgeboekt.
+ * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
+ * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
  */
 export function countStock(items) {
     let inStock = 0;
     let outOfStock = 0;
     let belowMin = 0;
     let fullyReserved = 0;
+    let freeAvailable = 0;
     for (const i of items) {
         const physical = Number(i.quantity ?? 0);
         const avail = availableOf(i);
@@ -61,12 +61,14 @@ export function countStock(items) {
             inStock++;
         else
             outOfStock++;
+        if (avail > 0)
+            freeAvailable++;
         if (physical > 0 && avail <= 0)
             fullyReserved++;
         if ((i.minQuantity ?? 0) > 0 && avail < (i.minQuantity ?? 0))
             belowMin++;
     }
-    return { total: items.length, inStock, outOfStock, belowMin, fullyReserved };
+    return { total: items.length, inStock, outOfStock, belowMin, fullyReserved, freeAvailable };
 }
 export function VoorraadPage() {
     const auth = useAuthState();
@@ -150,7 +152,7 @@ export function VoorraadPage() {
                                         noPriceBreakdown.unit > 0 ? `${noPriceBreakdown.unit} met een andere eenheid dan stuks` : null,
                                     ]
                                         .filter(Boolean)
-                                        .join(", "), "."] }), " ", "Kies \"Toon deze artikelen\", open een artikel en vul bij Artikel regulier de verkoopprijs per stuk (excl. btw) in. De voorraadsturing van elk artikel heeft ook een link \"Prijs invullen\"."] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setNoPriceOnly((v) => !v), children: noPriceOnly ? "Alle artikelen tonen" : "Toon deze artikelen" })] })), _jsx(FloridayLeadingSummary, { connectionId: activeId ?? null }), auth.isAdmin && _jsx(FloridayTakeoverPanel, { connectionId: activeId ?? null }), auth.isAdmin && _jsx(StockPushMonitor, { connectionId: activeId ?? null }), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: connError }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
+                                        .join(", "), "."] }), " ", "Kies \"Toon deze artikelen\", open een artikel en vul bij Artikel regulier de verkoopprijs per stuk (excl. btw) in. De voorraadsturing van elk artikel heeft ook een link \"Prijs invullen\"."] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setNoPriceOnly((v) => !v), children: noPriceOnly ? "Alle artikelen tonen" : "Toon deze artikelen" })] })), _jsx(FloridayLeadingSummary, { connectionId: activeId ?? null }), auth.isAdmin && _jsx(FloridayTakeoverPanel, { connectionId: activeId ?? null }), auth.isAdmin && _jsx(StockPushMonitor, { connectionId: activeId ?? null }), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: connError }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock"), hint: "Artikelen waarvan nu iets op de kwekerij staat." }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "primary", label: "Vrij beschikbaar", count: counts.freeAvailable, active: false, hint: "Artikelen waarvan na aftrek van wat voor orders gereserveerd is nog iets over is." }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
                             const active = stockFilter === t.id;
                             return (_jsxs("button", { type: "button", onClick: () => setStockFilter(t.id), className: `relative py-3 px-3 text-sm font-medium whitespace-nowrap transition-colors ${active
                                     ? "text-foreground"

package/dist-lib/components/voorraad/__tests__/count-stock-free.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=count-stock-free.test.d.ts.map

package/dist-lib/components/voorraad/__tests__/count-stock-free.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-stock-free.test.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/__tests__/count-stock-free.test.ts"],"names":[],"mappings":""}

package/dist-lib/components/voorraad/__tests__/count-stock-free.test.js

@@ -0,0 +1,12 @@
+import { describe, it, expect } from "vitest";
+import { countStock } from "../VoorraadPage.js";
+describe("countStock vrij beschikbaar", () => {
+    it("liggend 100 met 100 gereserveerd: op voorraad, niet vrij", () => {
+        const c = countStock([{ quantity: 100, availableQuantity: 0, minQuantity: 0 }]);
+        expect(c.inStock).toBe(1);
+        expect(c.freeAvailable).toBe(0);
+    });
+    it("liggend 100 met 40 gereserveerd: vrij", () => {
+        expect(countStock([{ quantity: 100, availableQuantity: 60, minQuantity: 0 }]).freeAvailable).toBe(1);
+    });
+});