@flowselections/floriday-voorraad 1.0.12 → 1.0.14

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Card } from "@flowselections/core";
+function Stat({ label, value, tone = "default", }) {
+    const toneCls = tone === "danger"
+        ? "text-destructive"
+        : tone === "warn"
+            ? "text-amber-600"
+            : tone === "good"
+                ? "text-emerald-600"
+                : "text-foreground";
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: `text-2xl font-semibold tabular-nums ${toneCls}`, children: value })] }));
+}
+export function VoorraadDashboard({ items, connectionId, }) {
+    const total = items.length;
+    const linked = items.filter((i) => i.published).length +
+        items.filter((i) => !i.published && i.linkStatus === "linked").length;
+    const waiting = items.filter((i) => !i.published && i.linkStatus === "waiting_for_data").length;
+    const validationErrors = items.filter((i) => !i.published && (i.missingFields?.length ?? 0) > 0 && i.linkStatus !== "linked").length;
+    const publishErrors = items.filter((i) => !i.published && i.linkStatus === "publish_failed").length;
+    // Nieuw sinds laatste import
+    let lastImport = null;
+    try {
+        if (connectionId) {
+            const s = localStorage.getItem(`voorraad_last_import_${connectionId}`);
+            if (s)
+                lastImport = new Date(s);
+        }
+    }
+    catch {
+        /* ignore */
+    }
+    const newSinceImport = lastImport
+        ? items.filter((i) => {
+            const raw = i.raw;
+            const src = raw?.source ?? raw?.data?.source;
+            const created = raw?.created_at ? new Date(raw.created_at) : null;
+            return src === "excel_import" && created && created >= lastImport;
+        }).length
+        : 0;
+    return (_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Floriday-koppeling overzicht" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Status van alle artikelen ten opzichte van Floriday" })] }), _jsx(Link, { to: "/voorraad/validatie", className: "text-xs text-primary hover:underline", children: "Openstaande artikelen bekijken \u2192" })] }), _jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4", children: [_jsx(Stat, { label: "Artikelen", value: total }), _jsx(Stat, { label: "Gekoppeld", value: linked, tone: "good" }), _jsx(Stat, { label: "Wacht op koppeling", value: waiting, tone: "warn" }), _jsx(Stat, { label: "Validatiefouten", value: validationErrors, tone: "warn" }), _jsx(Stat, { label: "Publicatiefouten", value: publishErrors, tone: "danger" }), _jsx(Stat, { label: "Nieuw sinds import", value: newSinceImport })] })] }));
+}

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":"AAUA,wBAAgB,YAAY,4CAuE3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,YAAY,4CAiM3B"}

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

@@ -1,23 +1,90 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
 import { Button, Card, Input } from "@flowselections/core";
-import { Plus, RefreshCw, Search } from "lucide-react";
+import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
-import { ConnectionPicker } from "./ConnectionPicker";
 import { ExcelExportButton } from "./ExcelExportButton";
+import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
+import { VoorraadPagination } from "./VoorraadPagination";
+function toneClasses(tone) {
+    switch (tone) {
+        case "emerald":
+            return { icon: "bg-emerald-100 text-emerald-700", value: "text-foreground" };
+        case "rose":
+            return { icon: "bg-rose-100 text-rose-700", value: "text-foreground" };
+        case "amber":
+            return { icon: "bg-amber-100 text-amber-700", value: "text-foreground" };
+        case "primary":
+        default:
+            return { icon: "bg-primary/10 text-primary", value: "text-foreground" };
+    }
+}
+function KpiCard({ icon, label, count, tone, active, onClick, }) {
+    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 })] }));
+}
+function availableOf(i) {
+    return i.availableQuantity ?? i.quantity ?? 0;
+}
 export function VoorraadPage() {
-    const { connections, activeId, setActiveId, loading: connLoading, error: connError, } = useFloridayConnection();
+    const { activeId, error: connError } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
+    const [stockFilter, setStockFilter] = useState("all");
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const counts = useMemo(() => {
+        let inStock = 0;
+        let outOfStock = 0;
+        let belowMin = 0;
+        for (const i of items) {
+            const avail = availableOf(i);
+            if (avail > 0)
+                inStock++;
+            else
+                outOfStock++;
+            if ((i.minQuantity ?? 0) > 0 && avail < i.minQuantity)
+                belowMin++;
+        }
+        return { total: items.length, inStock, outOfStock, belowMin };
+    }, [items]);
     const filtered = useMemo(() => {
-        if (!search.trim())
-            return items;
-        const q = search.toLowerCase();
-        return items.filter((i) => i.name.toLowerCase().includes(q) ||
-            i.articleNumber.toLowerCase().includes(q));
-    }, [items, search]);
-    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek op product of artikelnummer...", className: "pl-9" })] }), _jsx(ConnectionPicker, { connections: connections, activeId: activeId, onChange: setActiveId, disabled: connLoading }), _jsxs(Button, { variant: "outline", onClick: reload, disabled: loading || !activeId, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] }), _jsx(ExcelExportButton, { items: filtered }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Floriday-connecties laden mislukt: ", connError] })), error && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs(Card, { className: "overflow-hidden", children: [_jsxs("div", { className: "px-4 py-2 border-b text-xs text-muted-foreground", children: [filtered.length, " producten ", search && `(gefilterd uit ${items.length})`] }), _jsx(VoorraadTable, { items: filtered, loading: loading })] })] }));
+        const q = search.trim().toLowerCase();
+        return items.filter((i) => {
+            const avail = availableOf(i);
+            if (stockFilter === "in_stock" && avail <= 0)
+                return false;
+            if (stockFilter === "out_of_stock" && avail > 0)
+                return false;
+            if (stockFilter === "below_min" &&
+                !((i.minQuantity ?? 0) > 0 && avail < i.minQuantity))
+                return false;
+            if (!q)
+                return true;
+            return (i.name.toLowerCase().includes(q) ||
+                (i.articleNumber ?? "").toLowerCase().includes(q));
+        });
+    }, [items, search, stockFilter]);
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    useEffect(() => {
+        if (page > totalPages)
+            setPage(1);
+    }, [page, totalPages]);
+    const paged = useMemo(() => filtered.slice((page - 1) * pageSize, page * pageSize), [filtered, page, pageSize]);
+    const toggle = (id) => setStockFilter((cur) => (cur === id && id !== "all" ? "all" : id));
+    const TABS = [
+        { id: "all", label: "Alle", count: counts.total },
+        { id: "in_stock", label: "Op voorraad", count: counts.inStock },
+        { id: "out_of_stock", label: "Niet op voorraad", count: counts.outOfStock },
+        { id: "below_min", label: "Onder minimum", count: counts.belowMin },
+    ];
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", className: "shrink-0", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", 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) => {
+                            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"
+                                    : "text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: `ml-2 text-xs ${active ? "text-primary" : "text-muted-foreground/70"}`, children: t.count }), active && (_jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 bg-primary rounded-full" }))] }, t.id));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] })] }));
 }

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

@@ -0,0 +1,10 @@
+export interface VoorraadPaginationProps {
+    total: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions?: number[];
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+}
+export declare function VoorraadPagination({ total, page, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, }: VoorraadPaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VoorraadPagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadPagination.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPagination.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,eAAmC,EACnC,YAAY,EACZ,gBAAgB,GACjB,EAAE,uBAAuB,2CAuDzB"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+export function VoorraadPagination({ total, page, pageSize, pageSizeOptions = [10, 25, 50, 100], onPageChange, onPageSizeChange, }) {
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const safePage = Math.min(Math.max(1, page), totalPages);
+    const from = total === 0 ? 0 : (safePage - 1) * pageSize + 1;
+    const to = Math.min(total, safePage * pageSize);
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t px-4 py-2 text-sm text-muted-foreground", children: [_jsx("div", { children: total === 0 ? "0 van 0" : `${from}–${to} van ${total}` }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
+                                    onPageSizeChange(Number(v));
+                                    onPageChange(1);
+                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[72px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: pageSizeOptions.map((opt) => (_jsx(SelectItem, { value: String(opt), children: opt }, opt))) })] })] }), _jsx(Button, { variant: "outline", size: "sm", disabled: safePage <= 1, onClick: () => onPageChange(safePage - 1), children: "Vorige" }), _jsxs("span", { className: "tabular-nums", children: [safePage, " / ", totalPages] }), _jsx(Button, { variant: "outline", size: "sm", disabled: safePage >= totalPages, onClick: () => onPageChange(safePage + 1), children: "Volgende" })] })] }));
+}

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

@@ -0,0 +1,8 @@
+interface Props {
+    connectionId: string | null;
+    tradeItemId?: string | null;
+    draftId?: string | null;
+}
+export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VoorraadStockCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadStockCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadStockCard.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,2CAoG9E"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, Input, Label, Textarea, toast, } from "@flowselections/core";
+import { Loader2, Package, Check } from "lucide-react";
+import { useTradeItemStock, stockKeyFor } from "../../hooks/useTradeItemStock";
+export function VoorraadStockCard({ connectionId, tradeItemId, draftId }) {
+    const key = stockKeyFor({ tradeItemId, draftId });
+    const { row, loading, save } = useTradeItemStock(connectionId, key);
+    const [values, setValues] = useState(row);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        setValues(row);
+    }, [row.updated_at, row.physical_stock, row.minimum_stock, row.reserved_stock, row.incoming_stock, row.notes]);
+    if (!key) {
+        return (_jsx(Card, { className: "p-4 text-sm text-muted-foreground", children: "Voorraad kan pas worden ingesteld nadat het artikel voor het eerst is opgeslagen." }));
+    }
+    const available = Math.max(0, values.physical_stock - values.reserved_stock);
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            await save(values);
+            toast.success("Voorraad bijgewerkt");
+        }
+        catch (e) {
+            toast.error(`Opslaan mislukt: ${e.message}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const numField = (id, label) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, type: "number", min: 0, value: String(values[id] ?? 0), onChange: (e) => setValues((v) => ({ ...v, [id]: Number(e.target.value) || 0 })) })] }));
+    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(Package, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Voorraad" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Beschikbaar: ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: available })] })] }), _jsx(CardContent, { className: "pt-0 space-y-4", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Voorraad laden\u2026"] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [numField("physical_stock", "Liggend"), numField("minimum_stock", "Minimum"), numField("reserved_stock", "Gereserveerd"), numField("incoming_stock", "Inkomend")] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "stock-notes", children: "Notitie (optioneel)" }), _jsx(Textarea, { id: "stock-notes", rows: 2, value: values.notes ?? "", onChange: (e) => setValues((v) => ({ ...v, notes: e.target.value })), placeholder: "Bijv. locatie of opmerking" })] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: handleSave, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Voorraad opslaan"] }) })] })) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAoEA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CA8GA"}

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigate } from "@tanstack/react-router";
+import { Badge } from "@flowselections/core";
 import { Package } from "lucide-react";
 const columns = [
     { key: "quantity", label: "Liggend" },
@@ -9,6 +11,7 @@ const columns = [
     { key: "economicQuantity", label: "Economisch" },
 ];
 export function VoorraadTable({ items, loading, }) {
+    const navigate = useNavigate();
     if (loading) {
         return _jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Voorraad laden..." });
     }
@@ -16,7 +19,23 @@ export function VoorraadTable({ items, loading, }) {
         return (_jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Geen producten gevonden voor deze connectie." }));
     }
     return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Artikelnummer" }), columns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key)))] }) }), _jsx("tbody", { children: items.map((item) => {
-                        const low = item.minQuantity > 0 && item.availableQuantity < item.minQuantity;
-                        return (_jsxs("tr", { className: "border-t hover:bg-muted/30", children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsx("div", { className: "font-medium text-foreground", children: item.name }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
+                        const isLocal = !item.published;
+                        const low = !isLocal &&
+                            item.minQuantity > 0 &&
+                            item.availableQuantity < item.minQuantity;
+                        const linkId = isLocal ? item.localId : item.id;
+                        const clickable = Boolean(linkId);
+                        const open = () => {
+                            if (linkId)
+                                navigate({ to: "/voorraad/$id", params: { id: linkId } });
+                        };
+                        return (_jsxs("tr", { className: `border-t hover:bg-muted/30 ${clickable ? "cursor-pointer" : ""}`, onClick: clickable ? open : undefined, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
+                                ? (e) => {
+                                    if (e.key === "Enter" || e.key === " ") {
+                                        e.preventDefault();
+                                        open();
+                                    }
+                                }
+                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), isLocal && (_jsx(Badge, { variant: "outline", className: "text-[10px] font-normal text-muted-foreground border-amber-500/40 bg-amber-500/10", children: "Niet gepubliceerd" }))] }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
                     }) })] }) }));
 }

package/dist-lib/hooks/useFloriday.d.ts

@@ -0,0 +1,55 @@
+export interface FloridaySchemaField {
+    name: string;
+    type: string;
+    required?: boolean;
+    enum?: string[];
+    description?: string;
+    minLength?: number;
+    maxLength?: number;
+    minimum?: number;
+    maximum?: number;
+    pattern?: string;
+    nullable?: boolean;
+}
+export interface FloridaySchema {
+    ok: boolean;
+    resource: string;
+    version: string;
+    requiredFields: string[];
+    fields: FloridaySchemaField[];
+    enums?: Record<string, string[]>;
+    schema?: unknown;
+    /** §15.2 — code-lists die in dezelfde call zijn meegeleverd. */
+    codeLists?: Record<string, Array<{
+        code: string;
+        label?: string | null;
+        description?: string | null;
+        payload?: unknown;
+    }>>;
+}
+export declare function useFloridaySchema(resource: string, params?: Record<string, string>): import("@tanstack/react-query").UseQueryResult<FloridaySchema, Error>;
+export declare function useTradeItemFormSchema(): import("@tanstack/react-query").UseQueryResult<FloridaySchema, Error>;
+export declare function useCodeList(listName: string | null | undefined): import("@tanstack/react-query").UseQueryResult<{
+    ok: boolean;
+    listName: string;
+    values: {
+        code: string;
+        description?: string;
+    }[];
+}, Error>;
+import type { GatewayEntity } from "../lib/floriday-gateway-entities";
+export declare function useCachedList(entity: GatewayEntity | null | undefined, limit?: number): import("@tanstack/react-query").UseQueryResult<{
+    ok: boolean;
+    entity: string;
+    rows: {
+        id: string;
+        data: Record<string, any>;
+    }[];
+}, Error>;
+/**
+ * Invalideert alle floriday-* queries wanneer de actieve connectie
+ * (en dus mogelijk de environment) wijzigt. Voorkomt cache-bleed
+ * tussen staging en live bij een toekomstige switcher.
+ */
+export declare function useInvalidateFloridayOnConnectionChange(): void;
+//# sourceMappingURL=useFloriday.d.ts.map

package/dist-lib/hooks/useFloriday.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloriday.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloriday.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EACN,KAAK,CAAC;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CACH,CAAC;CACH;AAoMD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,yEA0BhC;AAqBD,wBAAgB,sBAAsB,0EA0CrC;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;QAMnD,OAAO;cACD,MAAM;YACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;UAKvD;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EACxC,KAAK,SAAO;QAOF,OAAO;YACH,MAAM;UACR;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EAAE;UAKxD;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,SAStD"}