@flowselections/layout-maker 1.46.1 → 1.51.2

package/dist-lib/components/ComputerVerwijderenDialog.d.ts

@@ -0,0 +1,16 @@
+export declare function ComputerVerwijderenDialog({ open, onOpenChange, computerNaam, printplekId, printers, andereplekken, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    computerNaam: string | null;
+    printplekId: string | null;
+    printers: {
+        id: string;
+        naam: string;
+    }[];
+    andereplekken: {
+        id: string;
+        naam: string;
+    }[];
+    onKlaar: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ComputerVerwijderenDialog.d.ts.map

package/dist-lib/components/ComputerVerwijderenDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputerVerwijderenDialog.d.ts","sourceRoot":"","sources":["../../src/components/ComputerVerwijderenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAwEA"}

package/dist-lib/components/ComputerVerwijderenDialog.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/ComputerVerwijderenDialog.tsx — een computer "verwijderen"
+// (op de negeerlijst zetten). Hangen er nog printers aan, dan moet eerst
+// gekozen worden: meeverwijderen of verplaatsen. Nooit stil verweesd.
+// ============================================================================
+import { useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { negeerComputer } from "../lib/printplekken.js";
+export function ComputerVerwijderenDialog({ open, onOpenChange, computerNaam, printplekId, printers, andereplekken, onKlaar, }) {
+    const [keuze, setKeuze] = useState("verwijderen");
+    const [bezig, setBezig] = useState(false);
+    const metPrinters = printers.length > 0;
+    const bevestig = async () => {
+        if (!computerNaam)
+            return;
+        setBezig(true);
+        try {
+            await negeerComputer(computerNaam, metPrinters
+                ? {
+                    printerIds: printers.map((p) => p.id),
+                    vanPlek: printplekId,
+                    actie: keuze === "verwijderen" ? "verwijderen" : { naarPlek: keuze },
+                }
+                : null);
+            toast.success(`${computerNaam} verwijderd`);
+            onOpenChange(false);
+            onKlaar();
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Computer verwijderen" }), _jsxs(DialogDescription, { children: [computerNaam, " verdwijnt van deze plek en uit \"Computers zonder printplek\". Je kunt hem later terugzetten via \"Toon genegeerde computers\"."] })] }), metPrinters ? (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("p", { children: ["Aan deze computer hangen nog ", printers.length, " printer(s):", " ", _jsx("strong", { children: printers.map((p) => p.naam).join(", ") }), ". Wat moet ermee gebeuren?"] }), _jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", checked: keuze === "verwijderen", onChange: () => setKeuze("verwijderen") }), "Printers meeverwijderen van deze plek (regels worden zichtbaar leeg gemarkeerd)"] }), andereplekken.map((p) => (_jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", checked: keuze === p.id, onChange: () => setKeuze(p.id) }), "Printers verplaatsen naar ", p.naam] }, p.id)))] })) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { variant: "destructive", disabled: bezig, onClick: () => void bevestig(), children: "Verwijderen" })] })] }) }));
+}

package/dist-lib/components/ComputersLijst.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComputersLijst.d.ts","sourceRoot":"","sources":["../../src/components/ComputersLijst.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY;;;;;EA6C3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,YAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BA0IA"}
+{"version":3,"file":"ComputersLijst.d.ts","sourceRoot":"","sources":["../../src/components/ComputersLijst.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY;;;;;EAiD3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,YAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BA0IA"}

package/dist-lib/components/ComputersLijst.js

@@ -8,6 +8,7 @@ import { Button, Card, CardContent, Dialog, DialogContent, DialogDescription, Di
 import { Loader2, Monitor, Plus, RefreshCw } from "lucide-react";
 import { netwerkComputers, netwerkPrinters } from "../lib/printService.functions.js";
 import { PrintProgrammaUitleg, WerktHetNiet } from "./PrintProgrammaUitleg.js";
+import { genegeerdeComputersLijst } from "../lib/printplekken.js";
 export function useComputers() {
     const [computers, setComputers] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -17,12 +18,14 @@ export function useComputers() {
             setLoading(true);
         setFout(null);
         try {
-            const [c, p] = await Promise.all([
+            const [c, p, g] = await Promise.all([
                 netwerkComputers({ data: undefined }),
                 netwerkPrinters({ data: undefined }),
+                genegeerdeComputersLijst().catch(() => []),
             ]);
             const printers = p.ok && Array.isArray(p.printers) ? p.printers : [];
-            const lijst = c.ok && Array.isArray(c.computers) ? c.computers : [];
+            const genegeerd = new Set((Array.isArray(g) ? g : []).map((x) => x.computer_naam));
+            const lijst = (c.ok && Array.isArray(c.computers) ? c.computers : []).filter((comp) => !genegeerd.has(comp.naam));
             if (!c.ok)
                 setFout(c.fout);
             setComputers(lijst.map((comp) => ({

package/dist-lib/components/LayoutPrinterSelect.d.ts

@@ -1,8 +1,6 @@
-/**
- * Printerkeuze voor één layout (zelfde koppeling als de kolom op de
- * Documenten-pagina). Compact, bedoeld voor de header van de builders.
- */
-export declare function LayoutPrinterSelect({ layoutId }: {
+export declare function LayoutPrinterSelect({ layoutId, documenttype, metLink, }: {
     layoutId: string;
+    documenttype?: string;
+    metLink?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=LayoutPrinterSelect.d.ts.map

package/dist-lib/components/LayoutPrinterSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutPrinterSelect.d.ts","sourceRoot":"","sources":["../../src/components/LayoutPrinterSelect.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAgCrE"}
+{"version":3,"file":"LayoutPrinterSelect.d.ts","sourceRoot":"","sources":["../../src/components/LayoutPrinterSelect.tsx"],"names":[],"mappings":"AAOA,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,OAAc,GACf,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA+CA"}

package/dist-lib/components/LayoutPrinterSelect.js

@@ -1,23 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { usePrinters, zetLayoutPrinter } from "../lib/useDocumentData.js";
-/**
- * Printerkeuze voor één layout (zelfde koppeling als de kolom op de
- * Documenten-pagina). Compact, bedoeld voor de header van de builders.
- */
-export function LayoutPrinterSelect({ layoutId }) {
-    const { printers, koppelingen, reload } = usePrinters();
-    const huidige = koppelingen.find((k) => k.layout_id === layoutId)?.printer_id ?? "geen";
-    return (_jsxs(Select, { value: huidige, onValueChange: async (printerId) => {
+// Alleen-lezen: welke printer geldt nu voor het documenttype van deze layout.
+// Printers kies je uitsluitend op de Printen-pagina (printplek of standaardregel).
+import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { supabase } from "../lib/supabaseClient.js";
+import { routeringVoor } from "../lib/printRoutering.js";
+export function LayoutPrinterSelect({ layoutId, documenttype, metLink = true, }) {
+    const [tekst, setTekst] = useState("…");
+    useEffect(() => {
+        let weg = false;
+        void (async () => {
             try {
-                await zetLayoutPrinter(layoutId, printerId === "geen" ? null : printerId);
-                await reload(true);
-                toast.success("Printer bij document opgeslagen");
+                let type = documenttype;
+                if (!type) {
+                    const { data } = await supabase
+                        .from("document_layouts")
+                        .select("documenttype")
+                        .eq("id", layoutId)
+                        .maybeSingle();
+                    type = data?.documenttype ?? "";
+                }
+                if (!type)
+                    return setTekst("Geen printer");
+                const u = await routeringVoor({ documenttype: type, layoutId });
+                if (!u.printer_id)
+                    return !weg && setTekst("Geen printer ingesteld");
+                const { data: p } = await supabase
+                    .from("printers")
+                    .select("naam")
+                    .eq("id", u.printer_id)
+                    .maybeSingle();
+                if (!weg)
+                    setTekst(p?.naam ?? "Onbekende printer");
             }
             catch {
-                toast.error("Printerkeuze opslaan mislukt");
+                if (!weg)
+                    setTekst("Onbekend");
             }
-        }, children: [_jsx(SelectTrigger, { className: "h-8 w-48 text-sm", "aria-label": "Printer bij dit document", children: _jsx(SelectValue, { placeholder: "Geen printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "geen", children: "Geen printer" }), printers
-                        .filter((p) => p.actief)
-                        .map((printer) => (_jsx(SelectItem, { value: printer.id, children: printer.naam }, printer.id)))] })] }));
+        })();
+        return () => {
+            weg = true;
+        };
+    }, [layoutId, documenttype]);
+    return (_jsxs("div", { className: "text-sm", children: [_jsx("span", { children: tekst }), metLink && (_jsx(Link, { to: "/layouts-printers/printplekken", className: "ml-2 text-xs text-primary underline", children: "Wijzigen op Printen" }))] }));
 }

package/dist-lib/components/LayoutsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAimB1E"}
+{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAkpB1E"}

package/dist-lib/components/LayoutsPage.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useAutoRefresh } from "../lib/useAutoRefresh.js";
-import { useNavigate } from "@tanstack/react-router";
+import { Link, useNavigate } from "@tanstack/react-router";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
-import { Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
-import { dupliceerLayout, maakLayout, updateLayout, useLayouts, usePrinters, zetLayoutPrinter, verwijderLayout, } from "../lib/useDocumentData.js";
+import { AlertTriangle, Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
+import { layoutConflicten, maakStandaardLayout } from "../lib/useDocumentData.js";
+import { dupliceerLayout, maakLayout, updateLayout, useLayouts, verwijderLayout, } from "../lib/useDocumentData.js";
+import { LayoutPrinterSelect } from "./LayoutPrinterSelect.js";
 import { DOCUMENT_TYPES, FLORIDAY_LAYOUT_TOELICHTING, PAPIERFORMATEN, documentTypeLabel, isFloridayLayout, } from "../lib/documentTypes.js";
 import { DOCUMENT_PROFIELEN, documentProfiel, primaireProfielen, standaardConfig, } from "../lib/documentProfiles.js";
 /** Elk documenttype krijgt zijn eigen opbouwpagina. */
@@ -23,10 +25,9 @@ function klantOntwerpLayout(l) {
 }
 export function LayoutsPage({ ingebed = false } = {}) {
     const { layouts, loading, reload } = useLayouts();
-    const { printers, koppelingen, reload: reloadPrinters } = usePrinters();
+    const conflicten = useMemo(() => layoutConflicten(layouts), [layouts]);
     useAutoRefresh(() => {
         void reload(true);
-        void reloadPrinters(true);
     }, 30000);
     const navigate = useNavigate();
     const [zoek, setZoek] = useState("");
@@ -155,19 +156,28 @@ export function LayoutsPage({ ingebed = false } = {}) {
         }
     };
     const Wrapper = ingebed ? "div" : "main";
-    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-5", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsx(TableHead, { children: "Printer bij document" }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsxs(Select, { value: koppelingen.find((k) => k.layout_id === l.id)?.printer_id ?? "geen", onValueChange: async (printerId) => {
-                                                                try {
-                                                                    await zetLayoutPrinter(l.id, printerId === "geen" ? null : printerId);
-                                                                    await reloadPrinters(true);
-                                                                    toast.success("Printer bij document opgeslagen");
-                                                                }
-                                                                catch {
-                                                                    toast.error("Printerkeuze opslaan mislukt");
-                                                                }
-                                                            }, children: [_jsx(SelectTrigger, { "aria-label": `Printer voor ${l.naam}`, children: _jsx(SelectValue, { placeholder: "Geen printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "geen", children: "Geen printer" }), printers.filter((p) => p.actief).map((printer) => (_jsx(SelectItem, { value: printer.id, children: printer.naam }, printer.id)))] })] }) }), _jsx(TableCell, { children: _jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
-                                                                await updateLayout(l.id, { actief: v });
-                                                                void reload();
-                                                            } }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [isFloridayLayout(l) ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "Niet aanpasbaar \u2014 komt uit Floriday" })) : klantOntwerpLayout(l) ? (_jsx(Badge, { variant: "outline", children: "Ontwerp van klant" })) : (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(builderRoute(l.documenttype, l.id)), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Ontwerpen"] })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Naam, documenttype en formaat wijzigen", onClick: () => openBewerken(l), children: _jsx(Settings2, { className: "h-4 w-4" }) })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Kopie maken", onClick: async () => {
+    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), conflicten.length > 0 && (_jsxs(Card, { className: "border-destructive/50", children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), " Meerdere actieve layouts"] }), _jsx(CardDescription, { children: "Bij het printen wint per documentsoort \u00E9\u00E9n layout. De andere worden alleen gebruikt als een module ze expliciet kiest." })] }), _jsx(CardContent, { className: "space-y-2", children: conflicten.map((c) => (_jsxs("div", { className: "rounded-lg border p-2 text-sm", "data-conflict": c.documenttype, children: [_jsxs("div", { className: "font-medium", children: [documentTypeLabel(c.documenttype), " (", c.bron === "floriday" ? "Floriday" : "eigen", ") \u2014 ", c.actief.length, " actief"] }), _jsxs("div", { className: "text-muted-foreground text-xs", children: ["Wint bij printen: ", _jsx("span", { className: "font-medium text-foreground", children: c.winnaar.naam }), c.heeftStandaard ? " (standaard)" : " — geen standaard, de laatst bewerkte wint"] }), _jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: c.actief.filter((l) => l.id !== c.winnaar.id || !c.heeftStandaard).map((l) => (_jsxs(Button, { size: "sm", variant: "outline", onClick: async () => {
+                                            try {
+                                                await maakStandaardLayout(l.id);
+                                                toast.success(`${l.naam} is nu de standaard`);
+                                            }
+                                            catch {
+                                                toast.error("Standaard maken mislukt");
+                                            }
+                                            void reload();
+                                        }, children: ["Maak \"", l.naam, "\" standaard"] }, l.id))) })] }, `${c.documenttype}-${c.bron}`))) })] })), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-5", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsxs(TableHead, { children: [_jsx("div", { children: "Printer nu" }), _jsxs("div", { className: "text-xs font-normal", children: ["bedrijfsstandaard, in te stellen op", " ", _jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary underline", children: "Printen" })] })] }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsx(LayoutPrinterSelect, { layoutId: l.id, documenttype: l.documenttype }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
+                                                                        await updateLayout(l.id, { actief: v });
+                                                                        void reload();
+                                                                    } }), !l.is_standaard && (_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                        try {
+                                                                            await maakStandaardLayout(l.id);
+                                                                            toast.success(`${l.naam} is nu de standaard`);
+                                                                        }
+                                                                        catch {
+                                                                            toast.error("Standaard maken mislukt");
+                                                                        }
+                                                                        void reload();
+                                                                    }, children: "Maak standaard" }))] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [isFloridayLayout(l) ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "Niet aanpasbaar \u2014 komt uit Floriday" })) : klantOntwerpLayout(l) ? (_jsx(Badge, { variant: "outline", children: "Ontwerp van klant" })) : (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(builderRoute(l.documenttype, l.id)), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Ontwerpen"] })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Naam, documenttype en formaat wijzigen", onClick: () => openBewerken(l), children: _jsx(Settings2, { className: "h-4 w-4" }) })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Kopie maken", onClick: async () => {
                                                                         try {
                                                                             await dupliceerLayout(l.id);
                                                                             toast.success("Layout gedupliceerd");

package/dist-lib/components/PrinterSetupWizard.d.ts

@@ -4,11 +4,13 @@ export interface BewerkPrinter {
     locatie: string | null;
     papierformaat: string | null;
 }
-export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds, bekendeLocaties, bewerken, }: {
+export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds, bekendeLocaties, bewerken, printPlekId, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;
     onKlaar?: () => void;
     computerFilter?: string | null;
+    /** Nieuwe printers worden direct aan deze printplek gekoppeld. */
+    printPlekId?: string | null;
     bekendeExterneIds?: string[];
     bekendeLocaties?: string[];
     bewerken?: BewerkPrinter | null;

package/dist-lib/components/PrinterSetupWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAkDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BA4cA"}
+{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAodA"}

package/dist-lib/components/PrinterSetupWizard.js

@@ -7,6 +7,8 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Label, toast, } from "@flowselections/core";
 import { Check, CheckCircle2, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
 import { supabase } from "../lib/supabaseClient.js";
+import { wijsPrinterToeAanPrintplek } from "../lib/printplekken.js";
+import { leesbareFout } from "../lib/foutTekst.js";
 import { printHtml, volgJobStatus } from "../lib/printApi.js";
 import { netwerkPrinters } from "../lib/printService.functions.js";
 import { printerFormaatOpties } from "../lib/papierFormaten.js";
@@ -29,7 +31,7 @@ function Stappenbalk({ stap }) {
                             ? "border-primary text-primary border-2"
                             : "bg-muted text-muted-foreground"}`, children: i < stap ? _jsx(Check, { className: "h-4 w-4" }) : i + 1 }), _jsx("span", { className: `hidden text-sm sm:inline ${i === stap ? "text-foreground font-medium" : "text-muted-foreground"}`, children: s }), i < STAPPEN.length - 1 && _jsx("div", { className: "bg-border h-px flex-1" })] }, s))) }));
 }
-export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds = [], bekendeLocaties = [], bewerken, }) {
+export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds = [], bekendeLocaties = [], bewerken, printPlekId, }) {
     const [stap, setStap] = useState(0);
     const [bezig, setBezig] = useState(false);
     const [zoekt, setZoekt] = useState(false);
@@ -162,12 +164,19 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                 .single();
             if (error)
                 throw error;
-            setPrinterId(data?.id ?? null);
+            const nieuwId = data?.id ?? null;
+            if (nieuwId && printPlekId) {
+                await wijsPrinterToeAanPrintplek(printPlekId, nieuwId);
+            }
+            else if (nieuwId && computerFilter && !printPlekId) {
+                toast.warning(`Printer opgeslagen, maar computer ${computerFilter} hoort bij geen printplek. Koppel de computer eerst aan een printplek.`);
+            }
+            setPrinterId(nieuwId);
             setStap(2);
             onKlaar?.();
         }
-        catch {
-            toast.error("Opslaan mislukt");
+        catch (err) {
+            toast.error(leesbareFout(err));
         }
         finally {
             setBezig(false);

package/dist-lib/components/PrinterVervangenDialog.d.ts

@@ -0,0 +1,14 @@
+export declare function PrinterVervangenDialog({ open, onOpenChange, printer, printers, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    printer: {
+        id: string;
+        naam: string;
+    } | null;
+    printers: {
+        id: string;
+        naam: string;
+    }[];
+    onKlaar?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrinterVervangenDialog.d.ts.map

package/dist-lib/components/PrinterVervangenDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrinterVervangenDialog.d.ts","sourceRoot":"","sources":["../../src/components/PrinterVervangenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7C,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BA2EA"}

package/dist-lib/components/PrinterVervangenDialog.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrinterVervangenDialog.tsx — laat zien waar een printer
+// gebruikt wordt en zet in één keer alle verwijzingen over naar een andere
+// printer, of expliciet op "geen printer".
+// ============================================================================
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { printerGebruik, vervangPrinterOveral } from "../lib/printplekken.js";
+export function PrinterVervangenDialog({ open, onOpenChange, printer, printers, onKlaar, }) {
+    const [gebruik, setGebruik] = useState(null);
+    const [nieuw, setNieuw] = useState("");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        if (!open || !printer)
+            return;
+        setNieuw("");
+        setGebruik(null);
+        printerGebruik(printer.id).then(setGebruik).catch(() => setGebruik(null));
+    }, [open, printer]);
+    const totaal = gebruik
+        ? gebruik.printplek_regels + gebruik.werkplek_regels + gebruik.layout_koppelingen + gebruik.standaardregels
+        : 0;
+    const opties = (Array.isArray(printers) ? printers : []).filter((p) => p.id !== printer?.id);
+    const uitvoeren = async () => {
+        if (!printer)
+            return;
+        setBezig(true);
+        try {
+            const r = await vervangPrinterOveral(printer.id, nieuw || null);
+            const n = Object.values(r).reduce((a, b) => a + Number(b || 0), 0);
+            toast.success(nieuw ? `${n} regels overgezet` : `${n} regels op "geen printer" gezet`);
+            onOpenChange(false);
+            onKlaar?.();
+        }
+        catch (e) {
+            toast.error(e instanceof Error ? e.message : "Vervangen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printer overal vervangen" }), _jsxs(DialogDescription, { children: [printer?.naam, " wordt gebruikt in ", gebruik ? totaal : "…", " regel", totaal === 1 ? "" : "s", "."] })] }), gebruik ? (_jsxs("ul", { className: "text-sm space-y-1", children: [_jsxs("li", { children: ["Printplekregels: ", gebruik.printplek_regels] }), _jsxs("li", { children: ["Werkplek-uitzonderingen: ", gebruik.werkplek_regels] }), _jsxs("li", { children: ["Layout-koppelingen: ", gebruik.layout_koppelingen] }), _jsxs("li", { children: ["Bedrijfsstandaard: ", gebruik.standaardregels] }), _jsxs("li", { children: ["Gekoppeld aan printplekken: ", gebruik.printplekken] })] })) : null, _jsx("label", { className: "text-sm font-medium", children: "Vervangen door" }), _jsxs("select", { className: "border-input bg-background w-full rounded-md border px-3 py-2 text-sm", value: nieuw, onChange: (e) => setNieuw(e.target.value), children: [_jsx("option", { value: "", children: "Geen printer (regels worden zichtbaar leeg)" }), opties.map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: () => void uitvoeren(), disabled: bezig || !printer, children: nieuw ? "Overal vervangen" : "Overal leegmaken" })] })] }) }));
+}

package/dist-lib/components/PrintersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAyM3E"}
+{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAsM3E"}

package/dist-lib/components/PrintersPage.js

@@ -17,7 +17,7 @@ import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { telPrintersPerComputer } from "../lib/printerTelling.js";
 import { WerkplekkenTabel } from "./WerkplekkenTabel.js";
 export function PrintersPage({ ingebed = false } = {}) {
-    const { printers, koppelingen, reload } = usePrinters();
+    const { printers, reload } = usePrinters();
     const { layouts } = useLayouts();
     const navigate = useNavigate();
     const { computers, loading: computersLaden, fout: computersFout, reload: herlaadComputers, } = useComputers();
@@ -29,7 +29,7 @@ export function PrintersPage({ ingebed = false } = {}) {
     const bijgewerkt = useAutoRefresh(async () => {
         await Promise.all([reload(true), herlaadComputers(true), zoek()]);
     }, 10000, computerToevoegen);
-    const gekoppeldePrinters = useMemo(() => new Set(koppelingen.map((k) => k.printer_id)), [koppelingen]);
+    const gekoppeldePrinters = useMemo(() => new Set(), []);
     const printersPerComputer = useMemo(() => telPrintersPerComputer(printers, gevonden, gekoppeldePrinters), [printers, gevonden, gekoppeldePrinters]);
     const alleRijen = computers.map((c) => {
         const info = printersPerComputer.get(c.naam);

package/dist-lib/components/PrintplekDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,mBAAmB,gCA2WlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,mBAAmB,gCAmmBlC"}