@flowselections/layout-maker 1.51.2 → 1.51.4

package/dist-lib/components/AfdrukKnop.js

@@ -1,64 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// src/components/AfdrukKnop.tsx — afdrukken met automatisch ingesteld
-// papierformaat, stand en de bedoelde printer. Waar mogelijk gaat het
-// document direct naar de printer; anders opent het printvenster.
-// ============================================================================
-import { useState } from "react";
-import { Button, toast } from "@flowselections/core";
-import { Loader2, Printer } from "lucide-react";
-import { drukAf } from "../lib/browserPrint.js";
-import { printDirect } from "../lib/directPrint.js";
-/**
- * @deprecated Verouderd — deze knop gebruikt het browser-printvenster als
- * terugval. Gebruik `printHtml()` / `printPdf()` uit `printApi` zodat alles
- * via PrintNode loopt.
- */
-export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", layoutId, kopieen, }) {
-    const [bezig, setBezig] = useState(false);
-    const afdrukken = async () => {
-        setBezig(true);
-        try {
-            const html = getHtml();
-            const direct = await printDirect({
-                documenttype,
-                formaatCode,
-                orientatie,
-                html,
-                css,
-                documentnaam,
-                layoutId: layoutId ?? null,
-                kopieen,
-            });
-            if (direct.gelukt) {
-                toast.success(direct.printernaam
-                    ? `Verstuurd naar ${direct.printernaam}`
-                    : "Het document is naar de printer verstuurd");
-                return;
-            }
-            if (direct.reden)
-                toast.error(direct.reden);
-            const { printer } = await drukAf({
-                documenttype,
-                formaatCode,
-                orientatie,
-                html,
-                css,
-                documentnaam,
-            });
-            if (printer) {
-                toast.info(`Kies in het printvenster: ${printer.systeemnaam ?? printer.naam}`);
-            }
-            else {
-                toast.info("Er is nog geen vaste printer ingesteld voor dit document.");
-            }
-        }
-        catch {
-            toast.error("Afdrukken mislukt");
-        }
-        finally {
-            setBezig(false);
-        }
-    };
-    return (_jsxs(Button, { variant: "outline", disabled: bezig, onClick: () => void afdrukken(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Printer, { className: "mr-2 h-4 w-4" }), label] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/AfdrukKnop.tsx — afdrukken met automatisch ingesteld
+// papierformaat, stand en de bedoelde printer. Waar mogelijk gaat het
+// document direct naar de printer; anders opent het printvenster.
+// ============================================================================
+import { useState } from "react";
+import { Button, toast } from "@flowselections/core";
+import { Loader2, Printer } from "lucide-react";
+import { drukAf } from "../lib/browserPrint.js";
+import { printDirect } from "../lib/directPrint.js";
+/**
+ * @deprecated Verouderd — deze knop gebruikt het browser-printvenster als
+ * terugval. Gebruik `printHtml()` / `printPdf()` uit `printApi` zodat alles
+ * via PrintNode loopt.
+ */
+export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", layoutId, kopieen, }) {
+    const [bezig, setBezig] = useState(false);
+    const afdrukken = async () => {
+        setBezig(true);
+        try {
+            const html = getHtml();
+            const direct = await printDirect({
+                documenttype,
+                formaatCode,
+                orientatie,
+                html,
+                css,
+                documentnaam,
+                layoutId: layoutId ?? null,
+                kopieen,
+            });
+            if (direct.gelukt) {
+                toast.success(direct.printernaam
+                    ? `Verstuurd naar ${direct.printernaam}`
+                    : "Het document is naar de printer verstuurd");
+                return;
+            }
+            if (direct.reden)
+                toast.error(direct.reden);
+            const { printer } = await drukAf({
+                documenttype,
+                formaatCode,
+                orientatie,
+                html,
+                css,
+                documentnaam,
+            });
+            if (printer) {
+                toast.info(`Kies in het printvenster: ${printer.systeemnaam ?? printer.naam}`);
+            }
+            else {
+                toast.info("Er is nog geen vaste printer ingesteld voor dit document.");
+            }
+        }
+        catch {
+            toast.error("Afdrukken mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsxs(Button, { variant: "outline", disabled: bezig, onClick: () => void afdrukken(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Printer, { className: "mr-2 h-4 w-4" }), label] }));
+}

package/dist-lib/components/NetwerkPrintersDialog.js

@@ -1,79 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// src/components/NetwerkPrintersDialog.tsx — printers uit het netwerk zoeken,
-// toevoegen of koppelen aan een bestaande printer.
-// ============================================================================
-import { useCallback, useEffect, useState } from "react";
-import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
-import { Loader2, Printer, RefreshCw } from "lucide-react";
-import { supabase } from "../lib/supabaseClient.js";
-import { netwerkPrinters } from "../lib/printService.functions.js";
-export function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }) {
-    const [bezig, setBezig] = useState(false);
-    const [fout, setFout] = useState(null);
-    const [lijst, setLijst] = useState([]);
-    const zoeken = useCallback(async () => {
-        setBezig(true);
-        setFout(null);
-        try {
-            const res = await netwerkPrinters({ data: undefined });
-            if (!res.ok) {
-                setFout(res.fout);
-                setLijst([]);
-            }
-            else {
-                setLijst(Array.isArray(res.printers) ? res.printers : []);
-            }
-        }
-        catch {
-            setFout("Er kon niet in het netwerk worden gezocht. Probeer het zo opnieuw.");
-        }
-        finally {
-            setBezig(false);
-        }
-    }, []);
-    useEffect(() => {
-        if (open)
-            void zoeken();
-    }, [open, zoeken]);
-    const toevoegen = async (p) => {
-        try {
-            const { error } = await supabase.from("printers").insert({
-                naam: p.naam,
-                systeemnaam: p.naam,
-                locatie: p.computer,
-                omschrijving: p.omschrijving,
-                online: p.online,
-                actief: true,
-                extern_printer_id: p.id,
-            });
-            if (error)
-                throw error;
-            toast.success(`${p.naam} is toegevoegd`);
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Toevoegen mislukt");
-        }
-    };
-    const koppelen = async (p) => {
-        if (!huidigePrinterId)
-            return;
-        try {
-            const { error } = await supabase
-                .from("printers")
-                .update({ extern_printer_id: p.id, systeemnaam: p.naam, locatie: p.computer })
-                .eq("id", huidigePrinterId);
-            if (error)
-                throw error;
-            toast.success("Printer gekoppeld");
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Koppelen mislukt");
-        }
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printers in het netwerk" }), _jsx(DialogDescription, { children: "Kies een printer om toe te voegen. Staat een printer er niet bij? Zet dan de computer aan waar de printer op is aangesloten." })] }), _jsxs("div", { className: "space-y-2", children: [bezig && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })), !bezig && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !bezig && !fout && lijst.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen printers gevonden." })), lijst.map((p) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-3", children: [_jsx(Printer, { className: "text-muted-foreground h-5 w-5" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsxs("p", { className: "text-muted-foreground truncate text-xs", children: [p.computer || "Onbekende computer", " \u00B7 ", p.online ? "online" : "offline"] })] }), huidigePrinterId && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void koppelen(p), children: ["Koppelen aan ", huidigePrinterNaam ?? "printer"] })), _jsx(Button, { size: "sm", onClick: () => void toevoegen(p), children: "Toevoegen" })] }, p.id)))] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: bezig, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/NetwerkPrintersDialog.tsx — printers uit het netwerk zoeken,
+// toevoegen of koppelen aan een bestaande printer.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { Loader2, Printer, RefreshCw } from "lucide-react";
+import { supabase } from "../lib/supabaseClient.js";
+import { netwerkPrinters } from "../lib/printService.functions.js";
+export function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }) {
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    const [lijst, setLijst] = useState([]);
+    const zoeken = useCallback(async () => {
+        setBezig(true);
+        setFout(null);
+        try {
+            const res = await netwerkPrinters({ data: undefined });
+            if (!res.ok) {
+                setFout(res.fout);
+                setLijst([]);
+            }
+            else {
+                setLijst(Array.isArray(res.printers) ? res.printers : []);
+            }
+        }
+        catch {
+            setFout("Er kon niet in het netwerk worden gezocht. Probeer het zo opnieuw.");
+        }
+        finally {
+            setBezig(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (open)
+            void zoeken();
+    }, [open, zoeken]);
+    const toevoegen = async (p) => {
+        try {
+            const { error } = await supabase.from("printers").insert({
+                naam: p.naam,
+                systeemnaam: p.naam,
+                locatie: p.computer,
+                omschrijving: p.omschrijving,
+                online: p.online,
+                actief: true,
+                extern_printer_id: p.id,
+            });
+            if (error)
+                throw error;
+            toast.success(`${p.naam} is toegevoegd`);
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Toevoegen mislukt");
+        }
+    };
+    const koppelen = async (p) => {
+        if (!huidigePrinterId)
+            return;
+        try {
+            const { error } = await supabase
+                .from("printers")
+                .update({ extern_printer_id: p.id, systeemnaam: p.naam, locatie: p.computer })
+                .eq("id", huidigePrinterId);
+            if (error)
+                throw error;
+            toast.success("Printer gekoppeld");
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Koppelen mislukt");
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printers in het netwerk" }), _jsx(DialogDescription, { children: "Kies een printer om toe te voegen. Staat een printer er niet bij? Zet dan de computer aan waar de printer op is aangesloten." })] }), _jsxs("div", { className: "space-y-2", children: [bezig && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })), !bezig && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !bezig && !fout && lijst.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen printers gevonden." })), lijst.map((p) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-3", children: [_jsx(Printer, { className: "text-muted-foreground h-5 w-5" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsxs("p", { className: "text-muted-foreground truncate text-xs", children: [p.computer || "Onbekende computer", " \u00B7 ", p.online ? "online" : "offline"] })] }), huidigePrinterId && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void koppelen(p), children: ["Koppelen aan ", huidigePrinterNaam ?? "printer"] })), _jsx(Button, { size: "sm", onClick: () => void toevoegen(p), children: "Toevoegen" })] }, p.id)))] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: bezig, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] }) }));
+}