@flowselections/floriday-afhandeling-module 1.0.3 → 1.0.5

package/dist-lib/components/afhandeling/LeveringenPage.d.ts

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

package/dist-lib/components/afhandeling/LeveringenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,cAAc,gCAoL7B"}

package/dist-lib/components/afhandeling/LeveringenPage.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { useServerFn } from "@tanstack/react-start";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { Button, Badge, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { Plus } from "lucide-react";
+import { getFloridayOrders } from "../../lib/floriday.functions";
+const ALL = "__all__";
+function formatDate(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return d.toLocaleDateString("nl-NL", { day: "2-digit", month: "2-digit", year: "numeric" });
+}
+function formatMoney(amount, currency) {
+    if (amount == null)
+        return "—";
+    try {
+        return new Intl.NumberFormat("nl-NL", {
+            style: "currency",
+            currency: currency ?? "EUR",
+        }).format(amount);
+    }
+    catch {
+        return `${amount.toFixed(2)} ${currency ?? ""}`.trim();
+    }
+}
+function statusVariant(status) {
+    const s = status.toLowerCase();
+    if (s.includes("delivered") || s.includes("completed") || s.includes("afgerond"))
+        return "bg-green-500/10 text-green-600";
+    if (s.includes("cancel") || s.includes("annul") || s.includes("reject"))
+        return "bg-red-500/10 text-red-600";
+    if (s.includes("pending") || s.includes("open") || s.includes("nieuw"))
+        return "bg-blue-500/10 text-blue-600";
+    return "bg-amber-500/10 text-amber-600";
+}
+export function LeveringenPage() {
+    const fetchOrders = useServerFn(getFloridayOrders);
+    const { data, isLoading, error, refetch, isFetching } = useQuery({
+        queryKey: ["floriday", "orders"],
+        queryFn: () => fetchOrders(),
+    });
+    const orders = data?.orders ?? [];
+    const [customer, setCustomer] = useState(ALL);
+    const [deliveryType, setDeliveryType] = useState(ALL);
+    const [dateFrom, setDateFrom] = useState("");
+    const [dateTo, setDateTo] = useState("");
+    const customers = useMemo(() => Array.from(new Set(orders.map((o) => o.customerName).filter(Boolean))).sort(), [orders]);
+    const deliveryTypes = useMemo(() => Array.from(new Set(orders.map((o) => o.deliveryType).filter(Boolean))).sort(), [orders]);
+    const filtered = useMemo(() => {
+        return orders.filter((o) => {
+            if (customer !== ALL && o.customerName !== customer)
+                return false;
+            if (deliveryType !== ALL && o.deliveryType !== deliveryType)
+                return false;
+            if (dateFrom && (!o.deliveryDate || o.deliveryDate < dateFrom))
+                return false;
+            if (dateTo && (!o.deliveryDate || o.deliveryDate > dateTo + "T23:59:59"))
+                return false;
+            return true;
+        });
+    }, [orders, customer, deliveryType, dateFrom, dateTo]);
+    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => (_jsx(SelectItem, { value: c, children: c }, c)))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => (_jsx(SelectItem, { value: t, children: t }, t)))] })] })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/leveringen/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Levering aanmaken"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error.message, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Leverdatum" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Regels" }), _jsx(TableHead, { className: "text-right", children: "Totaal" })] }) }), _jsx(TableBody, { children: isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Leveringen laden\u2026" }) })) : filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Geen leveringen gevonden." }) })) : (filtered.map((o) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: o.orderNumber }), _jsx(TableCell, { children: o.customerName }), _jsx(TableCell, { children: formatDate(o.deliveryDate) }), _jsx(TableCell, { children: o.deliveryType }), _jsx(TableCell, { children: _jsx(Badge, { className: statusVariant(o.status), variant: "secondary", children: o.status }) }), _jsx(TableCell, { className: "text-right", children: o.lineCount }), _jsx(TableCell, { className: "text-right", children: formatMoney(o.totalAmount, o.currency) })] }, o.id)))) })] }) })), _jsx("div", { className: "text-xs text-muted-foreground", children: isFetching ? "Bijwerken…" : `${filtered.length} van ${orders.length} leveringen` })] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
+}

package/dist-lib/index.d.ts

@@ -1,5 +1,5 @@
 import type { FlowModule } from "@flowselections/core";
 export * from "./_core-safelist";
-export * from "./components/TemplatePage";
+export { LeveringenPage } from "./components/afhandeling/LeveringenPage";
 export declare const myModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,UAatB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,eAAO,MAAM,QAAQ,EAAE,UAatB,CAAC"}

package/dist-lib/index.js

@@ -1,6 +1,6 @@
 import { PackageCheck, Truck } from "lucide-react";
 export * from "./_core-safelist";
-export * from "./components/TemplatePage";
+export { LeveringenPage } from "./components/afhandeling/LeveringenPage";
 export const myModule = {
     id: "afhandeling",
     name: "Afhandeling",