@flowselections/pick-schermen-kwekers 1.0.13 → 1.0.15

package/dist-lib/lib/layoutMaker/pakbonHtml.js

@@ -590,55 +590,55 @@ export function renderPakbonDocument(config, order, opties = {}) {
     const font = opties.lettertype ?? 'Arial, Helvetica, "Segoe UI", sans-serif';
     const grootte = opties.lettergrootte ?? 8.5;
     const body = renderPakbonBody(config, order, opties);
-    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
-<title>${esc(opties.titel ?? "Pakbon")}</title>
-<style>
-@page { size: ${b}mm ${h}mm; margin: ${marge}mm; }
-* { box-sizing: border-box; }
-html, body { margin: 0; padding: 0; }
-body { font-family: ${font}; font-size: ${grootte}pt; color: #111827; line-height: 1.35; }
-.blok { margin-bottom: 2mm; }
-.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
-.vet { font-weight: 600; }
-.kv { display: flex; justify-content: space-between; gap: 3mm; }
-.kv .k { color: #6b7280; }
-.kv .v { font-weight: 500; }
-.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6mm; }
-.kader { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
-table.regels { width: 100%; border-collapse: collapse; table-layout: fixed; }
-table.regels th, table.regels td { overflow-wrap: anywhere; }
-table.regels th, table.regels td { padding: 0.7mm 1mm; vertical-align: top; }
-table.regels th { font-size: 90%; text-transform: uppercase; color: #6b7280; font-weight: 600; text-align: left; }
-.rand { border: 0.2mm solid #d1d5db; }
-.onder { border-bottom: 0.2mm solid #d1d5db; }
-table.regels.compact th, table.regels.compact td { padding: 0.3mm 0.8mm; }
-tr.zebra td { background: #f3f4f6; }
-.plijst { margin: 0; padding-left: 4mm; }
-.groep { margin-bottom: 1.5mm; }
-.regelrij { display: flex; gap: 2mm; }
-.tweekolom { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
-.karblok { margin-bottom: 2mm; }
-.karblok.omkaderd { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
-.karkop { display: flex; justify-content: space-between; align-items: center; padding: 0.8mm 1.5mm; border-radius: 1mm; margin-bottom: 1mm; }
-.bundel { display: inline-block; border: 0.3mm dashed #6b7280; border-radius: 1mm; padding: 0.4mm 1.5mm; margin-bottom: 1mm; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2mm; font-size: 90%; }
-.laag { margin-bottom: 1.5mm; }
-.laagkop { display: flex; justify-content: space-between; font-weight: 500; border-bottom: 0.2mm solid #d1d5db; padding-bottom: 0.4mm; margin-bottom: 0.6mm; }
-.laagkop.compact { border-bottom: none; }
-.meta { display: flex; gap: 3mm; font-size: 88%; font-weight: 400; color: #4b5563; }
-.totalen { display: flex; flex-wrap: wrap; gap: 5mm; border-top: 0.25mm solid #d1d5db; padding-top: 1.2mm; font-weight: 500; }
-.paginavoet { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; }
-.handtekening { margin-top: 3mm; }
-.lijnveld { margin-top: 4mm; border-bottom: 0.25mm solid #6b7280; padding-bottom: 3mm; }
-.lijnveld.hoog { padding-bottom: 10mm; }
-.lijn { border-top: 0.25mm solid #d1d5db; margin: 1.5mm 0; }
-.balk { height: 1mm; background: #374151; margin: 1.5mm 0; }
-.qr { border: 0.25mm dashed #9ca3af; }
-.streepjes { width: 45mm; background: repeating-linear-gradient(to right, #111827 0 2px, transparent 2px 5px); }
-.klein { font-size: 85%; color: #6b7280; }
-.breekvoor { break-before: page; page-break-before: always; }
-.heelhouden { break-inside: avoid; page-break-inside: avoid; }
-img { max-width: 100%; }
-</style></head>
+    return `<!doctype html><html lang="nl"><head><meta charset="utf-8" />
+<title>${esc(opties.titel ?? "Pakbon")}</title>
+<style>
+@page { size: ${b}mm ${h}mm; margin: ${marge}mm; }
+* { box-sizing: border-box; }
+html, body { margin: 0; padding: 0; }
+body { font-family: ${font}; font-size: ${grootte}pt; color: #111827; line-height: 1.35; }
+.blok { margin-bottom: 2mm; }
+.sectitel { font-size: 90%; font-weight: 600; text-transform: uppercase; color: #6b7280; margin-bottom: 0.6mm; }
+.vet { font-weight: 600; }
+.kv { display: flex; justify-content: space-between; gap: 3mm; }
+.kv .k { color: #6b7280; }
+.kv .v { font-weight: 500; }
+.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6mm; }
+.kader { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
+table.regels { width: 100%; border-collapse: collapse; table-layout: fixed; }
+table.regels th, table.regels td { overflow-wrap: anywhere; }
+table.regels th, table.regels td { padding: 0.7mm 1mm; vertical-align: top; }
+table.regels th { font-size: 90%; text-transform: uppercase; color: #6b7280; font-weight: 600; text-align: left; }
+.rand { border: 0.2mm solid #d1d5db; }
+.onder { border-bottom: 0.2mm solid #d1d5db; }
+table.regels.compact th, table.regels.compact td { padding: 0.3mm 0.8mm; }
+tr.zebra td { background: #f3f4f6; }
+.plijst { margin: 0; padding-left: 4mm; }
+.groep { margin-bottom: 1.5mm; }
+.regelrij { display: flex; gap: 2mm; }
+.tweekolom { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
+.karblok { margin-bottom: 2mm; }
+.karblok.omkaderd { border: 0.25mm solid #d1d5db; border-radius: 1mm; padding: 1.5mm; }
+.karkop { display: flex; justify-content: space-between; align-items: center; padding: 0.8mm 1.5mm; border-radius: 1mm; margin-bottom: 1mm; }
+.bundel { display: inline-block; border: 0.3mm dashed #6b7280; border-radius: 1mm; padding: 0.4mm 1.5mm; margin-bottom: 1mm; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2mm; font-size: 90%; }
+.laag { margin-bottom: 1.5mm; }
+.laagkop { display: flex; justify-content: space-between; font-weight: 500; border-bottom: 0.2mm solid #d1d5db; padding-bottom: 0.4mm; margin-bottom: 0.6mm; }
+.laagkop.compact { border-bottom: none; }
+.meta { display: flex; gap: 3mm; font-size: 88%; font-weight: 400; color: #4b5563; }
+.totalen { display: flex; flex-wrap: wrap; gap: 5mm; border-top: 0.25mm solid #d1d5db; padding-top: 1.2mm; font-weight: 500; }
+.paginavoet { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; }
+.handtekening { margin-top: 3mm; }
+.lijnveld { margin-top: 4mm; border-bottom: 0.25mm solid #6b7280; padding-bottom: 3mm; }
+.lijnveld.hoog { padding-bottom: 10mm; }
+.lijn { border-top: 0.25mm solid #d1d5db; margin: 1.5mm 0; }
+.balk { height: 1mm; background: #374151; margin: 1.5mm 0; }
+.qr { border: 0.25mm dashed #9ca3af; }
+.streepjes { width: 45mm; background: repeating-linear-gradient(to right, #111827 0 2px, transparent 2px 5px); }
+.klein { font-size: 85%; color: #6b7280; }
+.breekvoor { break-before: page; page-break-before: always; }
+.heelhouden { break-inside: avoid; page-break-inside: avoid; }
+img { max-width: 100%; }
+</style></head>
 <body>${body}</body></html>`;
 }
 /** Handig voor testen: het document met de voorbeeldgegevens. */

package/dist-lib/lib/layoutRenderer.js

@@ -212,22 +212,22 @@ export function renderLayoutHtml(resolved, data, locale = "nl-NL") {
     const body = resolved.elements
         .map((el) => renderElement(el, resolved, data, locale))
         .join("\n");
-    return `<!DOCTYPE html>
-<html lang="nl"><head><meta charset="utf-8" />
-<title>${esc(layout.naam)}</title>
-<style>
-  @page { size: ${w}mm ${h}mm; margin: 0; }
-  * { box-sizing: border-box; }
-  html, body { margin: 0; padding: 0; }
-  body { font-family: ${baseFont}; font-size: ${baseSize}pt; color: #000; }
-  .page { position: relative; width: ${w}mm; height: ${h}mm; overflow: hidden; }
-  .content { position: absolute; left: ${ml}mm; top: ${mt}mm; right: ${mr}mm; bottom: ${mb}mm; }
-  .el { position: absolute; white-space: pre-wrap; }
-  .lbl { font-weight: 600; }
-  .lay-table { width: 100%; border-collapse: collapse; font-size: inherit; }
-  .lay-table th, .lay-table td { padding: 1mm 1.5mm; border-bottom: 0.2mm solid #999; vertical-align: top; }
-  .barcode { font-family: "Libre Barcode 39", monospace; font-size: 30pt; letter-spacing: 4px; line-height: 1; }
-  .barcode-text { font-size: 8pt; letter-spacing: 2px; }
-</style></head>
+    return `<!DOCTYPE html>
+<html lang="nl"><head><meta charset="utf-8" />
+<title>${esc(layout.naam)}</title>
+<style>
+  @page { size: ${w}mm ${h}mm; margin: 0; }
+  * { box-sizing: border-box; }
+  html, body { margin: 0; padding: 0; }
+  body { font-family: ${baseFont}; font-size: ${baseSize}pt; color: #000; }
+  .page { position: relative; width: ${w}mm; height: ${h}mm; overflow: hidden; }
+  .content { position: absolute; left: ${ml}mm; top: ${mt}mm; right: ${mr}mm; bottom: ${mb}mm; }
+  .el { position: absolute; white-space: pre-wrap; }
+  .lbl { font-weight: 600; }
+  .lay-table { width: 100%; border-collapse: collapse; font-size: inherit; }
+  .lay-table th, .lay-table td { padding: 1mm 1.5mm; border-bottom: 0.2mm solid #999; vertical-align: top; }
+  .barcode { font-family: "Libre Barcode 39", monospace; font-size: 30pt; letter-spacing: 4px; line-height: 1; }
+  .barcode-text { font-size: 8pt; letter-spacing: 2px; }
+</style></head>
 <body><div class="page"><div class="content">${body}</div></div></body></html>`;
 }

package/dist-lib/lib/pickReferenceApi.d.ts

@@ -0,0 +1,37 @@
+import type { PickDocumentType, PickStatus } from "./pickTypes";
+/** Codes waar SQL-functies en TypeScript hardcoded op zoeken. */
+export declare const VERPLICHTE_TYPE_CODES: readonly ["pakbon"];
+export declare const VERPLICHTE_STATUS_CODES: readonly ["queued", "reserved", "printing", "printed", "cancelled"];
+export interface PickReferenceStatus {
+    verplichte_types: string[];
+    verplichte_statussen: string[];
+    types_aantal: number;
+    statussen_aantal: number;
+    types_ontbreken: string[];
+    types_inactief: string[];
+    statussen_ontbreken: string[];
+    statussen_inactief: string[];
+    types: PickDocumentType[];
+    statussen: PickStatus[];
+}
+export declare const pickReferenceApi: {
+    /** Eén bron voor kaart en banner: aantallen, ontbrekende codes en de rijen zelf. */
+    status(): Promise<PickReferenceStatus>;
+    seed(): Promise<{
+        statuses_toegevoegd: number;
+        types_toegevoegd: number;
+    }>;
+    updateType(id: string, patch: Partial<PickDocumentType>): Promise<void>;
+    updateStatus(id: string, patch: Partial<PickStatus>): Promise<void>;
+    insertType(row: {
+        code: string;
+        name: string;
+    }): Promise<void>;
+    insertStatus(row: {
+        code: string;
+        name: string;
+    }): Promise<void>;
+};
+/** Alle verplichte codes die ontbreken of uitgezet zijn, als leesbare regels. */
+export declare function referentieProblemen(s: PickReferenceStatus | undefined | null): string[];
+//# sourceMappingURL=pickReferenceApi.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pickReferenceApi.d.ts","sourceRoot":"","sources":["../../src/lib/pickReferenceApi.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE,iEAAiE;AACjE,eAAO,MAAM,qBAAqB,qBAAsB,CAAC;AACzD,eAAO,MAAM,uBAAuB,qEAM1B,CAAC;AAEX,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB;AAoBD,eAAO,MAAM,gBAAgB;IAC3B,oFAAoF;cACpE,OAAO,CAAC,mBAAmB,CAAC;YAmB9B,OAAO,CAAC;QAAE,mBAAmB,EAAE,MAAM,CAAC;QAAC,gBAAgB,EAAE,MAAM,CAAA;KAAE,CAAC;mBAU3D,MAAM,SAAS,OAAO,CAAC,gBAAgB,CAAC;qBAKtC,MAAM,SAAS,OAAO,CAAC,UAAU,CAAC;oBAKnC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;sBAK5B;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;CAIvD,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,mBAAmB,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,EAAE,CAgBvF"}

package/dist-lib/lib/pickReferenceApi.js

@@ -0,0 +1,98 @@
+import { pickDb } from "./pickApi";
+import { safeArray } from "./pickTypes";
+/** Codes waar SQL-functies en TypeScript hardcoded op zoeken. */
+export const VERPLICHTE_TYPE_CODES = ["pakbon"];
+export const VERPLICHTE_STATUS_CODES = [
+    "queued",
+    "reserved",
+    "printing",
+    "printed",
+    "cancelled",
+];
+const leeg = {
+    verplichte_types: [...VERPLICHTE_TYPE_CODES],
+    verplichte_statussen: [...VERPLICHTE_STATUS_CODES],
+    types_aantal: 0,
+    statussen_aantal: 0,
+    types_ontbreken: [],
+    types_inactief: [],
+    statussen_ontbreken: [],
+    statussen_inactief: [],
+    types: [],
+    statussen: [],
+};
+function num(v) {
+    const n = Number(v);
+    return Number.isFinite(n) ? n : 0;
+}
+export const pickReferenceApi = {
+    /** Eén bron voor kaart en banner: aantallen, ontbrekende codes en de rijen zelf. */
+    async status() {
+        const { data, error } = await pickDb.rpc("pick_reference_data_status");
+        if (error)
+            throw new Error(error.message);
+        const row = (data ?? {});
+        return {
+            ...leeg,
+            verplichte_types: safeArray(row.verplichte_types),
+            verplichte_statussen: safeArray(row.verplichte_statussen),
+            types_aantal: num(row.types_aantal),
+            statussen_aantal: num(row.statussen_aantal),
+            types_ontbreken: safeArray(row.types_ontbreken),
+            types_inactief: safeArray(row.types_inactief),
+            statussen_ontbreken: safeArray(row.statussen_ontbreken),
+            statussen_inactief: safeArray(row.statussen_inactief),
+            types: safeArray(row.types),
+            statussen: safeArray(row.statussen),
+        };
+    },
+    async seed() {
+        const { data, error } = await pickDb.rpc("pick_seed_reference_data");
+        if (error)
+            throw new Error(error.message);
+        const row = (data ?? {});
+        return {
+            statuses_toegevoegd: num(row["statuses_toegevoegd"]),
+            types_toegevoegd: num(row["types_toegevoegd"]),
+        };
+    },
+    async updateType(id, patch) {
+        const res = await pickDb.from("pick_document_types").update(patch).eq("id", id);
+        if (res.error)
+            throw new Error(res.error.message);
+    },
+    async updateStatus(id, patch) {
+        const res = await pickDb.from("pick_document_statuses").update(patch).eq("id", id);
+        if (res.error)
+            throw new Error(res.error.message);
+    },
+    async insertType(row) {
+        const res = await pickDb.from("pick_document_types").insert(row);
+        if (res.error)
+            throw new Error(res.error.message);
+    },
+    async insertStatus(row) {
+        const res = await pickDb.from("pick_document_statuses").insert(row);
+        if (res.error)
+            throw new Error(res.error.message);
+    },
+};
+/** Alle verplichte codes die ontbreken of uitgezet zijn, als leesbare regels. */
+export function referentieProblemen(s) {
+    if (!s)
+        return [];
+    const regels = [];
+    for (const code of safeArray(s.types_ontbreken)) {
+        regels.push(`Documenttype '${code}' ontbreekt.`);
+    }
+    for (const code of safeArray(s.types_inactief)) {
+        regels.push(`Documenttype '${code}' staat op inactief.`);
+    }
+    for (const code of safeArray(s.statussen_ontbreken)) {
+        regels.push(`Documentstatus '${code}' ontbreekt.`);
+    }
+    for (const code of safeArray(s.statussen_inactief)) {
+        regels.push(`Documentstatus '${code}' staat op inactief.`);
+    }
+    return regels;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/pick-schermen-kwekers",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "flowselections": {
     "moduleId": "pick-schermen",
     "pages": [

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

@@ -1,2 +0,0 @@
-export declare function TemplateModulePage(): import("react").JSX.Element;
-//# sourceMappingURL=TemplateModulePage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateModulePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplateModulePage.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,kBAAkB,gCAmFjC"}

package/dist-lib/components/TemplateModulePage.js

@@ -1,44 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-// ============================================================================
-// src/components/TemplateModulePage.tsx — EXAMPLE PAGE COMPONENT
-// ============================================================================
-// Pagina-componenten horen in src/components/, NIET alleen in src/routes/.
-// src/routes/ wordt NIET naar npm gepubliceerd (zie tsconfig.build.json exclude).
-//
-// GEEN <Header /> hier — die zit in _authenticated.tsx via staticData.title
-// ============================================================================
-import { useState, useEffect } from "react";
-import { useAuth, supabase, Button, Card, CardContent, CardHeader, CardTitle, toast, } from "@flowselections/core";
-import { TemplateModuleLogo } from './TemplateModuleLogo';
-export function TemplateModulePage() {
-    // Auth is guaranteed — this user is already logged in
-    const { user, isAdmin } = useAuth();
-    // Example state — replace with your own
-    const [items, setItems] = useState([]);
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        loadData();
-    }, []);
-    const loadData = async () => {
-        setLoading(true);
-        try {
-            // Example query — replace "products" with your table
-            const { data, error } = await supabase
-                .from("products")
-                .select("*")
-                .limit(10);
-            if (error)
-                throw error;
-            // ✅ Altijd Array.isArray bewaken op server-function data
-            // const safeItems = Array.isArray(data?.items) ? data.items : [];
-            setItems(Array.isArray(data) ? data : []);
-        }
-        catch {
-            toast.error("Fout bij het laden van gegevens");
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [isAdmin && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Ingelogd als admin: ", user?.email] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Overzicht" }) }), _jsxs(CardContent, { children: [loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden..." })) : items.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen gegevens gevonden." })) : (_jsxs("p", { className: "text-sm", children: [items.length, " items geladen."] })), _jsx(Button, { onClick: loadData, className: "mt-4", disabled: loading, children: "Vernieuwen" })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(TemplateModuleLogo, { className: "w-6 h-6 text-primary" }), _jsx("span", { children: "SVG-component (voorkeur voor vector-logo's)" })] })] }));
-}