@flowselections/floriday-voorraad 1.0.145 → 1.0.149

package/dist-lib/components/voorraad/lijst/SnelActieDialogen.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, toast, } from "@flowselections/core";
+import { supabase } from "../../../integrations/supabase/client.js";
+import { AFBOEK_REDENEN, afboekFout } from "../../../lib/stock-save.js";
+import { dbFoutTekst } from "../../../lib/db-error-message.js";
+import { aantal } from "../../../lib/voorraad-lijst.js";
+/** Controle vóór "Voorraad aanpassen": aantal ≠ 0, reden verplicht, niet onder 0. */
+export function aanpassenFout(delta, reden, liggend) {
+    if (!Number.isInteger(delta) || delta === 0)
+        return "Vul een heel aantal in dat niet 0 is (bijv. 10 of -5).";
+    if (!reden.trim())
+        return "Vul een reden in.";
+    if (liggend + delta < 0)
+        return `Je kunt niet meer weghalen (${-delta}) dan er ligt (${liggend}).`;
+    return null;
+}
+/** Directe boeking +/− met reden; los van "Opslaan" zodat een orderafboeking nooit wordt overschreven. */
+export function AanpassenDialog({ rij, onClose, onDone }) {
+    const [delta, setDelta] = useState("");
+    const [reden, setReden] = useState("");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        setDelta("");
+        setReden("");
+    }, [rij?.id]);
+    if (!rij)
+        return null;
+    const d = Number(delta.replace(",", "."));
+    const fout = delta.trim() === "" ? null : aanpassenFout(d, reden || " ", rij.liggend);
+    const bevestig = async () => {
+        const f = aanpassenFout(d, reden, rij.liggend);
+        if (f)
+            return toast.error(f);
+        setBezig(true);
+        try {
+            const { error } = await supabase.rpc("voorraad_voorraad_corrigeren", { p_product_id: rij.id, p_delta: d, p_reden: reden.trim() });
+            if (error)
+                throw error;
+            toast.success(`Liggend van ${aantal(rij.liggend)} naar ${aantal(rij.liggend + d)}`);
+            onDone();
+            onClose();
+        }
+        catch (e) {
+            toast.error(`Aanpassen mislukt, niets gewijzigd. ${dbFoutTekst(e, "Opslaan")}`);
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: true, onOpenChange: (o) => !o && onClose(), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Voorraad aanpassen" }), _jsxs(DialogDescription, { children: [rij.naam, " \u2014 nu liggend ", aantal(rij.liggend), ". Typ een plus- of minaantal; dit wordt direct geboekt."] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "aanpassen-delta", children: "Aantal (+ of \u2212)" }), _jsx(Input, { id: "aanpassen-delta", inputMode: "numeric", autoFocus: true, value: delta, onChange: (e) => setDelta(e.target.value), placeholder: "bijv. 25 of -10" }), delta.trim() !== "" && !fout && Number.isFinite(d) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Wordt liggend ", aantal(rij.liggend + d), "."] })), fout && _jsx("p", { className: "text-xs text-destructive", children: fout })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "aanpassen-reden", children: "Reden" }), _jsx(Textarea, { id: "aanpassen-reden", rows: 2, value: reden, onChange: (e) => setReden(e.target.value), placeholder: "bijv. telling kas 3" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Annuleren" }), _jsx(Button, { onClick: bevestig, disabled: bezig || !!aanpassenFout(d, reden, rij.liggend), children: "Boeken" })] })] }) }));
+}
+export function AfboekenDialog({ rij, connectionId, onClose, onDone, }) {
+    const [hoeveel, setHoeveel] = useState("");
+    const [reden, setReden] = useState(null);
+    const [notitie, setNotitie] = useState("");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        setHoeveel("");
+        setReden(null);
+        setNotitie("");
+    }, [rij?.id]);
+    if (!rij)
+        return null;
+    const n = Number(hoeveel.replace(",", "."));
+    const bevestig = async () => {
+        const f = afboekFout(n, reden, rij.liggend);
+        if (f)
+            return toast.error(f);
+        if (!rij.voorraad_sleutel)
+            return toast.error("Dit artikel heeft nog geen voorraad om af te boeken.");
+        setBezig(true);
+        try {
+            const { error } = await supabase.rpc("voorraad_afboeken", {
+                p_connection_id: connectionId,
+                p_trade_item_key: rij.voorraad_sleutel,
+                p_aantal: n,
+                p_reden: reden,
+                p_notitie: notitie.trim() || null,
+            });
+            if (error)
+                throw error;
+            toast.success(`${aantal(n)} afgeboekt`);
+            onDone();
+            onClose();
+        }
+        catch (e) {
+            toast.error(`Afboeken mislukt, niets gewijzigd. ${dbFoutTekst(e, "Afboeken")}`);
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: true, onOpenChange: (o) => !o && onClose(), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Afboeken" }), _jsxs(DialogDescription, { children: [rij.naam, " \u2014 haal planten van de liggende voorraad (", aantal(rij.liggend), "). Kies altijd een reden."] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "afboek-aantal", children: "Aantal" }), _jsx(Input, { id: "afboek-aantal", inputMode: "numeric", autoFocus: true, value: hoeveel, onChange: (e) => setHoeveel(e.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Reden" }), _jsxs(Select, { value: reden ?? undefined, onValueChange: setReden, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een reden" }) }), _jsx(SelectContent, { children: AFBOEK_REDENEN.map((r) => (_jsx(SelectItem, { value: r.value, children: r.label }, r.value))) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "afboek-notitie", children: "Notitie (optioneel)" }), _jsx(Textarea, { id: "afboek-notitie", rows: 2, value: notitie, onChange: (e) => setNotitie(e.target.value) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Annuleren" }), _jsx(Button, { onClick: bevestig, disabled: bezig || !!afboekFout(n, reden, rij.liggend), children: "Afboeken" })] })] }) }));
+}

package/dist-lib/components/voorraad/lijst/VoorraadLijstTabel.d.ts

@@ -0,0 +1,21 @@
+import { type LijstRij, type LijstSort } from "../../../lib/voorraad-lijst.js";
+export type OptioneleKolom = "artikelnummer" | "minimum" | "inkomend" | "prijs";
+export declare const OPTIONELE_KOLOMMEN: Array<{
+    key: OptioneleKolom;
+    label: string;
+}>;
+export declare function VoorraadLijstTabel({ rijen, loading, sort, oplopend, onSort, kolommen, selected, onToggleSelect, onToggleAll, onAanpassen, onAfboeken, heeftKoppeling, }: {
+    heeftKoppeling?: boolean;
+    rijen: LijstRij[];
+    loading: boolean;
+    sort: LijstSort;
+    oplopend: boolean;
+    onSort: (k: LijstSort) => void;
+    kolommen: Set<OptioneleKolom>;
+    selected: Set<string>;
+    onToggleSelect: (id: string) => void;
+    onToggleAll: (ids: string[]) => void;
+    onAanpassen: (r: LijstRij) => void;
+    onAfboeken: (r: LijstRij) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=VoorraadLijstTabel.d.ts.map

package/dist-lib/components/voorraad/lijst/VoorraadLijstTabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadLijstTabel.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/lijst/VoorraadLijstTabel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,SAAS,EAEf,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAChF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC;IAAE,GAAG,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK5E,CAAC;AA+CF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAsB,GACvB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,+BAyFA"}

package/dist-lib/components/voorraad/lijst/VoorraadLijstTabel.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Button, Checkbox } from "@flowselections/core";
+import { ArrowDown, ArrowUp, CheckCircle2, Euro, ExternalLink, Link2Off, Minus, Package, PackageX, SlidersHorizontal, } from "lucide-react";
+import floridayLogo from "../../../assets/floriday-logo.png.asset.json";
+import { aantal, geld, toonFloridayLabel, onderMinimum, STATUS_INFO, } from "../../../lib/voorraad-lijst.js";
+export const OPTIONELE_KOLOMMEN = [
+    { key: "artikelnummer", label: "Artikelnummer" },
+    { key: "minimum", label: "Minimum" },
+    { key: "inkomend", label: "Inkomend" },
+    { key: "prijs", label: "Prijs" },
+];
+function StatusIcoon({ status }) {
+    const info = STATUS_INFO[status];
+    const titel = info.actie ? `${info.label} — ${info.actie}` : info.label;
+    const cls = "h-4 w-4";
+    const icon = status === "verpakking" ? _jsx(PackageX, { className: `${cls} text-destructive` }) :
+        status === "verwijderd_floriday" ? _jsx(Link2Off, { className: `${cls} text-destructive` }) :
+            status === "niet_gekoppeld" ? _jsx(Link2Off, { className: `${cls} text-muted-foreground` }) :
+                status === "prijs" ? _jsx(Euro, { className: `${cls} text-destructive` }) :
+                    status === "gearchiveerd" ? _jsx(Minus, { className: `${cls} text-muted-foreground` }) :
+                        _jsx(CheckCircle2, { className: `${cls} text-primary` });
+    return (_jsxs("span", { title: titel, "aria-label": titel, className: "inline-flex items-center gap-1.5", children: [icon, status !== "ok" && _jsx("span", { className: "text-xs text-muted-foreground hidden xl:inline", children: info.label })] }));
+}
+function Kop({ kolom, label, sort, oplopend, onSort, rechts, }) {
+    const actief = sort === kolom;
+    return (_jsx("th", { className: `px-3 py-2 font-medium ${rechts ? "text-right" : "text-left"}`, "aria-sort": actief ? (oplopend ? "ascending" : "descending") : "none", children: _jsxs("button", { type: "button", onClick: () => onSort(kolom), className: `inline-flex items-center gap-1 hover:text-foreground ${actief ? "text-foreground" : ""}`, children: [label, actief && (oplopend ? _jsx(ArrowUp, { className: "h-3 w-3" }) : _jsx(ArrowDown, { className: "h-3 w-3" }))] }) }));
+}
+export function VoorraadLijstTabel({ rijen, loading, sort, oplopend, onSort, kolommen, selected, onToggleSelect, onToggleAll, onAanpassen, onAfboeken, heeftKoppeling = false, }) {
+    const ids = rijen.map((r) => r.id);
+    const allesGekozen = ids.length > 0 && ids.every((id) => selected.has(id));
+    const k = (s) => kolommen.has(s);
+    return (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b bg-muted/40 text-xs text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "w-10 px-3 py-2", children: _jsx(Checkbox, { checked: allesGekozen, onCheckedChange: () => onToggleAll(ids), "aria-label": "Alles op deze pagina kiezen" }) }), _jsx(Kop, { kolom: "naam", label: "Artikel", sort: sort, oplopend: oplopend, onSort: onSort }), k("artikelnummer") && _jsx(Kop, { kolom: "artikelnummer", label: "Artikelnummer", sort: sort, oplopend: oplopend, onSort: onSort }), _jsx(Kop, { kolom: "liggend", label: "Liggend", sort: sort, oplopend: oplopend, onSort: onSort, rechts: true }), _jsx(Kop, { kolom: "gereserveerd", label: "Gereserveerd", sort: sort, oplopend: oplopend, onSort: onSort, rechts: true }), _jsx(Kop, { kolom: "vrij", label: "Vrij", sort: sort, oplopend: oplopend, onSort: onSort, rechts: true }), k("minimum") && _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Minimum" }), k("inkomend") && _jsx(Kop, { kolom: "inkomend", label: "Inkomend", sort: sort, oplopend: oplopend, onSort: onSort, rechts: true }), k("prijs") && _jsx(Kop, { kolom: "prijs", label: "Prijs", sort: sort, oplopend: oplopend, onSort: onSort, rechts: true }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: "Status" }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Acties" })] }) }), _jsxs("tbody", { children: [loading && rijen.length === 0 &&
+                        Array.from({ length: 6 }).map((_, i) => (_jsx("tr", { className: "border-b", children: _jsx("td", { colSpan: 12, className: "px-3 py-3", children: _jsx("div", { className: "h-6 animate-pulse rounded bg-muted" }) }) }, `s${i}`))), !loading && rijen.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 12, className: "px-3 py-10 text-center text-muted-foreground", children: "Geen artikelen gevonden." }) })), rijen.map((r) => {
+                        const rood = onderMinimum(r);
+                        const gearchiveerd = !!r.gearchiveerd_at;
+                        return (_jsxs("tr", { className: `border-b hover:bg-muted/30 ${loading ? "opacity-60" : ""}`, children: [_jsx("td", { className: "px-3 py-2", children: _jsx(Checkbox, { checked: selected.has(r.id), onCheckedChange: () => onToggleSelect(r.id), "aria-label": `Kies ${r.naam}` }) }), _jsx("td", { className: "px-3 py-2", children: _jsxs(Link, { to: "/voorraad/$id", params: { id: r.id }, className: "flex items-center gap-3 min-w-0", children: [r.foto ? (_jsx("img", { src: r.foto, alt: "", loading: "lazy", className: "h-9 w-9 shrink-0 rounded object-cover bg-muted" })) : (_jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded bg-muted", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })), _jsxs("span", { className: "min-w-0", children: [_jsxs("span", { className: "flex items-center gap-1.5 font-medium text-foreground truncate", children: [r.naam, toonFloridayLabel(r, heeftKoppeling) && _jsx("img", { src: floridayLogo.url, alt: "Floriday", title: "Gekoppeld aan Floriday", className: "h-3.5 w-3.5 shrink-0" })] }), _jsxs("span", { className: "block text-xs text-muted-foreground truncate", children: [r.artikelnummer || "Geen artikelnummer", r.soort === "SET" ? " · Samenstelling" : r.soort === "GROUP" ? " · Productgroep" : ""] })] })] }) }), k("artikelnummer") && _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: r.artikelnummer ?? "—" }), _jsx("td", { className: "px-3 py-2 text-right tabular-nums", children: aantal(r.liggend) }), _jsx("td", { className: "px-3 py-2 text-right tabular-nums text-muted-foreground", children: aantal(r.gereserveerd) }), _jsx("td", { className: `px-3 py-2 text-right tabular-nums font-medium ${rood ? "text-destructive" : ""}`, title: rood ? `Onder minimum (${aantal(r.minimum)})` : undefined, children: aantal(r.vrij) }), k("minimum") && _jsx("td", { className: "px-3 py-2 text-right tabular-nums text-muted-foreground", children: aantal(r.minimum) }), k("inkomend") && _jsx("td", { className: "px-3 py-2 text-right tabular-nums text-muted-foreground", children: aantal(r.inkomend) }), k("prijs") && _jsx("td", { className: "px-3 py-2 text-right tabular-nums", children: geld(r.prijs) }), _jsx("td", { className: "px-3 py-2", children: _jsx(StatusIcoon, { status: r.status }) }), _jsx("td", { className: "px-3 py-2", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", title: "Voorraad aanpassen (+/\u2212)", "aria-label": "Voorraad aanpassen", disabled: gearchiveerd || r.soort === "GROUP", onClick: () => onAanpassen(r), children: _jsx(SlidersHorizontal, { className: "h-4 w-4" }) }), _jsx(Button, { size: "sm", variant: "ghost", title: r.voorraad_sleutel ? "Afboeken" : "Nog geen voorraad om af te boeken", "aria-label": "Afboeken", disabled: gearchiveerd || !r.voorraad_sleutel || r.liggend <= 0, onClick: () => onAfboeken(r), children: _jsx(Minus, { className: "h-4 w-4" }) }), _jsx(Button, { asChild: true, size: "sm", variant: "ghost", title: "Openen", "aria-label": "Openen", children: _jsx(Link, { to: "/voorraad/$id", params: { id: r.id }, children: _jsx(ExternalLink, { className: "h-4 w-4" }) }) })] }) })] }, r.id));
+                    })] })] }));
+}

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

@@ -1,6 +1,7 @@
 import { type VoorraadCustomField } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
-export declare function useVoorraadCustomFields(): {
+/** `begin`: velden die al bekend zijn (uit voorraad_artikel_detail); dan geen eigen aanvraag. */
+export declare function useVoorraadCustomFields(begin?: VoorraadCustomField[]): {
     fields: VoorraadCustomField[];
     loading: boolean;
     error: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadCustomFields.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadCustomFields.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,+DAA+D;AAC/D,wBAAgB,uBAAuB;;;;;EAuBtC"}
+{"version":3,"file":"useVoorraadCustomFields.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadCustomFields.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,+DAA+D;AAC/D,iGAAiG;AACjG,wBAAgB,uBAAuB,CAAC,KAAK,CAAC,EAAE,mBAAmB,EAAE;;;;;EAyBpE"}

package/dist-lib/hooks/useVoorraadCustomFields.js

@@ -1,9 +1,10 @@
 import { useCallback, useEffect, useState } from "react";
 import { fetchVoorraadCustomFields, } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
-export function useVoorraadCustomFields() {
-    const [fields, setFields] = useState([]);
-    const [loading, setLoading] = useState(true);
+/** `begin`: velden die al bekend zijn (uit voorraad_artikel_detail); dan geen eigen aanvraag. */
+export function useVoorraadCustomFields(begin) {
+    const [fields, setFields] = useState(begin ?? []);
+    const [loading, setLoading] = useState(!begin);
     const [error, setError] = useState(null);
     const reload = useCallback(async () => {
         setLoading(true);
@@ -19,8 +20,11 @@ export function useVoorraadCustomFields() {
             setLoading(false);
         }
     }, []);
+    const heeftBegin = Boolean(begin);
     useEffect(() => {
+        if (heeftBegin)
+            return;
         void reload();
-    }, [reload]);
+    }, [reload, heeftBegin]);
     return { fields, loading, error, reload };
 }

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

@@ -0,0 +1,21 @@
+import type { LijstAntwoord, LijstFilter, LijstSort } from "../lib/voorraad-lijst.js";
+export interface LijstVraag {
+    zoek: string;
+    filter: LijstFilter;
+    sort: LijstSort;
+    oplopend: boolean;
+    pagina: number;
+    grootte: number;
+}
+export declare function haalVoorraadLijst(v: LijstVraag): Promise<LijstAntwoord>;
+/**
+ * Eén aanvraag per wijziging van zoeken/filter/sortering/pagina. Live-updates
+ * gebundeld: één kanaal, hooguit één herlaadactie per 3 s, niet in een verborgen tabblad.
+ */
+export declare function useVoorraadLijst(vraag: LijstVraag): {
+    data: LijstAntwoord | null;
+    loading: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useVoorraadLijst.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVoorraadLijst.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadLijst.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEnF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,CAW7E;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU;;;;;EAgDjD"}

package/dist-lib/hooks/useVoorraadLijst.js

@@ -0,0 +1,71 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { supabase } from "../integrations/supabase/client.js";
+import { createBundler, pageRequestGuard } from "../lib/request-guard.js";
+export async function haalVoorraadLijst(v) {
+    const { data, error } = await supabase.rpc("voorraad_lijst", {
+        p_zoek: v.zoek.trim() || null,
+        p_filter: v.filter,
+        p_sort: v.sort,
+        p_oplopend: v.oplopend,
+        p_pagina: v.pagina,
+        p_grootte: v.grootte,
+    });
+    if (error)
+        throw new Error(error.message);
+    return data;
+}
+/**
+ * Eén aanvraag per wijziging van zoeken/filter/sortering/pagina. Live-updates
+ * gebundeld: één kanaal, hooguit één herlaadactie per 3 s, niet in een verborgen tabblad.
+ */
+export function useVoorraadLijst(vraag) {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const vraagRef = useRef(vraag);
+    vraagRef.current = vraag;
+    const seq = useRef(0);
+    const laad = useCallback(async () => {
+        if (!pageRequestGuard.allow("voorraad_lijst"))
+            return;
+        const mijn = ++seq.current;
+        setLoading(true);
+        try {
+            const a = await haalVoorraadLijst(vraagRef.current);
+            if (mijn !== seq.current)
+                return;
+            setData(a);
+            setError(null);
+        }
+        catch (e) {
+            if (mijn !== seq.current)
+                return;
+            setError(e.message);
+        }
+        finally {
+            if (mijn === seq.current)
+                setLoading(false);
+        }
+    }, []);
+    const key = `${vraag.zoek}|${vraag.filter}|${vraag.sort}|${vraag.oplopend}|${vraag.pagina}|${vraag.grootte}`;
+    useEffect(() => {
+        void laad();
+    }, [key, laad]);
+    useEffect(() => {
+        const bundler = createBundler(() => void laad(), 3000);
+        const trigger = () => bundler.trigger();
+        const channel = supabase
+            .channel(`voorraad-lijst-${Math.random().toString(36).slice(2)}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock" }, trigger)
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, trigger)
+            .subscribe();
+        const onVis = () => bundler.flushIfPending();
+        document.addEventListener("visibilitychange", onVis);
+        return () => {
+            bundler.cancel();
+            document.removeEventListener("visibilitychange", onVis);
+            supabase.removeChannel(channel);
+        };
+    }, [laad]);
+    return { data, loading, error, reload: laad };
+}

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,eAAO,MAAM,sBAAsB,EAAE,UAgBpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,eAAO,MAAM,sBAAsB,EAAE,UAkBpC,CAAC"}

package/dist-lib/index.js

@@ -9,6 +9,8 @@ export { EditArtikelPage } from './components/voorraad/EditArtikelPage.js';
 export { ValidationPage } from './components/voorraad/ValidationPage.js';
 export { ArtikelWizard } from './components/voorraad/ArtikelWizard.js';
 import { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard.js';
+import { VoorraadSturingCard } from './components/voorraad/VoorraadSturingCard.js';
+import { VoorraadBeheerCard } from './components/voorraad/VoorraadBeheerCard.js';
 export { FustenPage } from "./components/voorraad/FustenPage.js";
 export { PublicatiesPage } from "./components/voorraad/PublicatiesPage.js";
 export const floridayVoorraadModule = {
@@ -25,6 +27,8 @@ export const floridayVoorraadModule = {
         ],
     },
     settingsCards: [
+        { component: VoorraadSturingCard, order: 45 },
         { component: VoorraadVeldenCard, order: 50 },
+        { component: VoorraadBeheerCard, order: 90 },
     ],
 };