@flowselections/floriday-voorraad 1.0.23 → 1.0.27

package/dist-lib/components/voorraad/ConnectionBadge.d.ts

@@ -2,5 +2,5 @@ import type { FloridayActiveConnection } from "../../lib/floriday-client";
 export declare function ConnectionBadge({ connection, loading, }: {
     connection: FloridayActiveConnection | null;
     loading?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ConnectionBadge.d.ts.map

package/dist-lib/components/voorraad/ConnectionBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ConnectionBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAO,GACR,EAAE;IACD,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAqBA"}
+{"version":3,"file":"ConnectionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ConnectionBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAO,GACR,EAAE;IACD,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAqBA"}

package/dist-lib/components/voorraad/EditArtikelPage.d.ts

@@ -1,4 +1,4 @@
 export declare function EditArtikelPage({ id }: {
     id: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=EditArtikelPage.d.ts.map

package/dist-lib/components/voorraad/EditArtikelPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,2CA4ErD"}
+{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,+BA4ErD"}

package/dist-lib/components/voorraad/ExcelExportButton.d.ts

@@ -3,5 +3,5 @@ export declare function ExcelExportButton({ items, filename, onExported, }: {
     items: TradeItem[];
     filename?: string;
     onExported?: () => void | Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ExcelExportButton.d.ts.map

package/dist-lib/components/voorraad/ExcelExportButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ExcelExportButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAqB,EACrB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,2CAgDA"}
+{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ExcelExportButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAqB,EACrB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,+BAgDA"}

package/dist-lib/components/voorraad/FloridayInfoCard.d.ts

@@ -7,6 +7,6 @@ interface Props {
         gtin?: string | null;
     };
 }
-export declare function FloridayInfoCard({ floridayTradeItemId, local }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function FloridayInfoCard({ floridayTradeItemId, local }: Props): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=FloridayInfoCard.d.ts.map

package/dist-lib/components/voorraad/FloridayInfoCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloridayInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayInfoCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8EAA8E;IAC9E,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;CACH;AA6DD,wBAAgB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,KAAK,kDAqRrE"}
+{"version":3,"file":"FloridayInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayInfoCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8EAA8E;IAC9E,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;CACH;AA6DD,wBAAgB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,KAAK,sCAqRrE"}

package/dist-lib/components/voorraad/FloridayStatusBadge.d.ts

@@ -1,4 +1,4 @@
 export declare function FloridayStatusBadge({ active }: {
     active: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=FloridayStatusBadge.d.ts.map

package/dist-lib/components/voorraad/FloridayStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloridayStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayStatusBadge.tsx"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,2CAa9E"}
+{"version":3,"file":"FloridayStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayStatusBadge.tsx"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,+BAa9E"}

package/dist-lib/components/voorraad/NieuwArtikelPage.d.ts

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

package/dist-lib/components/voorraad/NieuwArtikelPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,4CAE/B"}
+{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,gCAE/B"}

package/dist-lib/components/voorraad/OrderHistoryCard.d.ts

@@ -3,6 +3,6 @@ interface Props {
     productName: string | null;
     productId?: string | null;
 }
-export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=OrderHistoryCard.d.ts.map

package/dist-lib/components/voorraad/OrderHistoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,2CAoK/E"}
+{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,+BAoK/E"}

package/dist-lib/components/voorraad/PriceStatusBadge.d.ts

@@ -2,6 +2,6 @@ type Props = {
     tradeItemId: string | null | undefined;
     offerForSale: boolean;
 };
-export declare function PriceStatusBadge({ tradeItemId, offerForSale }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function PriceStatusBadge({ tradeItemId, offerForSale }: Props): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=PriceStatusBadge.d.ts.map

package/dist-lib/components/voorraad/PriceStatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,kDAkEpE"}
+{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,sCAkEpE"}

package/dist-lib/components/voorraad/ProductLinkCard.d.ts

@@ -8,6 +8,6 @@ interface Props {
  * Koppelt ERP-`products` rijen aan één Floriday-voorraadrij (`trade_item_key`).
  * Zonder koppeling doen bestel-triggers niets voor mailbox/manual-orders.
  */
-export declare function ProductLinkCard({ tradeItemKey, productName }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ProductLinkCard({ tradeItemKey, productName }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductLinkCard.d.ts.map

package/dist-lib/components/voorraad/ProductLinkCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductLinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductLinkCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,qFAAqF;IACrF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,2CA4OnE"}
+{"version":3,"file":"ProductLinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductLinkCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,qFAAqF;IACrF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,+BA4OnE"}

package/dist-lib/components/voorraad/StepSamenstelling.d.ts

@@ -0,0 +1,10 @@
+import type { PackingConfigurationInput } from "../../lib/floriday-payload";
+interface Props {
+    productId: string | null;
+    floridayId: string | null;
+    packings: PackingConfigurationInput[];
+    packagingTypeLabel: (code: string) => string;
+}
+export declare function StepSamenstelling({ productId, floridayId, packings, packagingTypeLabel, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StepSamenstelling.d.ts.map

package/dist-lib/components/voorraad/StepSamenstelling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSamenstelling.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StepSamenstelling.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAsB5E,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,yBAAyB,EAAE,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAUD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAU,EACV,QAAQ,EACR,kBAAkB,GACnB,EAAE,KAAK,+BA+ZP"}

package/dist-lib/components/voorraad/StepSamenstelling.js

@@ -0,0 +1,333 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Button, Input, Popover, PopoverContent, PopoverTrigger, toast, } from "@flowselections/core";
+import { Loader2, Package, Plus, Search, Trash2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+function newRowId() {
+    return `new:${typeof crypto !== "undefined" && "randomUUID" in crypto
+        ? crypto.randomUUID()
+        : Date.now().toString(36) + Math.random().toString(36).slice(2)}`;
+}
+export function StepSamenstelling({ productId, floridayId, packings, packagingTypeLabel, }) {
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [rows, setRows] = useState([]);
+    const [names, setNames] = useState(new Map());
+    const [activeTab, setActiveTab] = useState("__base__");
+    const hasParent = Boolean(productId || floridayId);
+    const load = useCallback(async () => {
+        if (!hasParent) {
+            setRows([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        let q = supabase
+            .from("product_bom_items")
+            .select("id,packing_configuration_id,component_product_id,component_trade_item_floriday_id,quantity,sort_order")
+            .order("sort_order", { ascending: true });
+        if (productId && floridayId) {
+            q = q.or(`parent_product_id.eq.${productId},parent_trade_item_floriday_id.eq.${floridayId}`);
+        }
+        else if (productId) {
+            q = q.eq("parent_product_id", productId);
+        }
+        else if (floridayId) {
+            q = q.eq("parent_trade_item_floriday_id", floridayId);
+        }
+        const { data, error } = await q;
+        if (error) {
+            toast.error("Kon samenstelling niet laden");
+            setRows([]);
+            setLoading(false);
+            return;
+        }
+        const list = (data ?? []).map((r) => ({
+            id: r.id,
+            packing_configuration_id: r.packing_configuration_id ?? null,
+            component_product_id: r.component_product_id ?? null,
+            component_trade_item_floriday_id: r.component_trade_item_floriday_id ?? null,
+            quantity: Number(r.quantity ?? 1),
+            sort_order: Number(r.sort_order ?? 0),
+        }));
+        setRows(list);
+        await resolveNames(list);
+        setLoading(false);
+    }, [productId, floridayId, hasParent]);
+    const resolveNames = useCallback(async (list) => {
+        const prodIds = Array.from(new Set(list.map((r) => r.component_product_id).filter((v) => !!v)));
+        const flIds = Array.from(new Set(list
+            .map((r) => r.component_trade_item_floriday_id)
+            .filter((v) => !!v)));
+        const map = new Map();
+        if (prodIds.length) {
+            const { data } = await supabase
+                .from("products")
+                .select("id,product,barcode,article_number")
+                .in("id", prodIds);
+            (data ?? []).forEach((p) => {
+                map.set(`product:${p.id}`, {
+                    kind: "product",
+                    id: p.id,
+                    name: String(p.product ?? p.id),
+                    code: p.barcode ? String(p.barcode) : p.article_number ? String(p.article_number) : undefined,
+                });
+            });
+        }
+        if (flIds.length) {
+            const { data } = await supabase
+                .from("floriday_trade_items_cache")
+                .select("floriday_id,data")
+                .in("floriday_id", flIds);
+            (data ?? []).forEach((n) => {
+                const nm = n.data?.tradeItemName?.nl ??
+                    n.data?.tradeItemName?.en ??
+                    Object.values(n.data?.tradeItemName ?? {})[0] ??
+                    n.floriday_id;
+                const code = n.data?.supplierArticleCode ??
+                    n.data?.articleGtin ??
+                    undefined;
+                map.set(`floriday:${n.floriday_id}`, {
+                    kind: "floriday",
+                    id: n.floriday_id,
+                    name: String(nm),
+                    code: code ? String(code) : undefined,
+                });
+            });
+        }
+        setNames((prev) => {
+            const merged = new Map(prev);
+            map.forEach((v, k) => merged.set(k, v));
+            return merged;
+        });
+    }, []);
+    useEffect(() => {
+        load();
+    }, [load]);
+    // Tabs = base + one per current packing.
+    const tabs = useMemo(() => [
+        { key: "__base__", label: "Basissamenstelling" },
+        ...packings.map((p, i) => ({
+            key: p.id,
+            label: `Belading ${i + 1}${p.isPrimary ? " (primair)" : ""}${p.packagingType ? " · " + packagingTypeLabel(p.packagingType) : ""}`,
+        })),
+    ], [packings, packagingTypeLabel]);
+    // If the active tab no longer exists (packing removed), fall back to base.
+    useEffect(() => {
+        if (!tabs.some((t) => t.key === activeTab))
+            setActiveTab("__base__");
+    }, [tabs, activeTab]);
+    const currentPackingId = activeTab === "__base__" ? null : activeTab;
+    const currentRows = rows.filter((r) => r.packing_configuration_id === currentPackingId);
+    const baseRows = rows.filter((r) => r.packing_configuration_id === null);
+    const addRow = (opt) => {
+        const sortOrder = currentRows.length;
+        setRows((prev) => [
+            ...prev,
+            {
+                id: newRowId(),
+                packing_configuration_id: currentPackingId,
+                component_product_id: opt.kind === "product" ? opt.id : null,
+                component_trade_item_floriday_id: opt.kind === "floriday" ? opt.id : null,
+                quantity: 1,
+                sort_order: sortOrder,
+                _new: true,
+                _dirty: true,
+            },
+        ]);
+        setNames((prev) => {
+            const m = new Map(prev);
+            m.set(`${opt.kind}:${opt.id}`, opt);
+            return m;
+        });
+    };
+    const updateRow = (id, patch) => {
+        setRows((prev) => prev.map((r) => (r.id === id ? { ...r, ...patch, _dirty: true } : r)));
+    };
+    const removeRow = async (id) => {
+        const row = rows.find((r) => r.id === id);
+        if (!row)
+            return;
+        if (!row._new) {
+            const { error } = await supabase.from("product_bom_items").delete().eq("id", id);
+            if (error) {
+                toast.error("Verwijderen mislukt");
+                return;
+            }
+        }
+        setRows((prev) => prev.filter((r) => r.id !== id));
+    };
+    const saveAll = async () => {
+        if (!hasParent) {
+            toast.error("Sla het artikel eerst op voordat je een samenstelling toevoegt.");
+            return;
+        }
+        const dirty = rows.filter((r) => r._dirty);
+        if (dirty.length === 0)
+            return;
+        setSaving(true);
+        try {
+            const inserts = dirty
+                .filter((r) => r._new)
+                .map((r) => ({
+                parent_product_id: productId,
+                parent_trade_item_floriday_id: floridayId,
+                packing_configuration_id: r.packing_configuration_id,
+                component_product_id: r.component_product_id,
+                component_trade_item_floriday_id: r.component_trade_item_floriday_id,
+                quantity: r.quantity,
+                unit: "PIECE",
+                sort_order: r.sort_order,
+            }));
+            const updates = dirty.filter((r) => !r._new);
+            if (inserts.length) {
+                const { data, error } = await supabase
+                    .from("product_bom_items")
+                    .insert(inserts)
+                    .select("id");
+                if (error)
+                    throw error;
+                // Map new ids back onto local rows (align by index of the "new" rows we sent)
+                const newIds = (data ?? []).map((d) => d.id);
+                const newLocal = dirty.filter((r) => r._new);
+                setRows((prev) => {
+                    const map = new Map();
+                    newLocal.forEach((r, i) => {
+                        if (newIds[i])
+                            map.set(r.id, newIds[i]);
+                    });
+                    return prev.map((r) => map.has(r.id)
+                        ? { ...r, id: map.get(r.id), _new: false, _dirty: false }
+                        : r);
+                });
+            }
+            for (const r of updates) {
+                const { error } = await supabase
+                    .from("product_bom_items")
+                    .update({
+                    quantity: r.quantity,
+                    sort_order: r.sort_order,
+                })
+                    .eq("id", r.id);
+                if (error)
+                    throw error;
+            }
+            setRows((prev) => prev.map((r) => ({ ...r, _dirty: false })));
+            toast.success("Samenstelling opgeslagen");
+        }
+        catch (e) {
+            toast.error("Opslaan mislukt: " + e.message);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const hasUnsaved = rows.some((r) => r._dirty);
+    if (!hasParent) {
+        return (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground", children: "Sla het artikel eerst op om een samenstelling te configureren." }));
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "rounded-md border bg-muted/30 p-3 text-xs text-muted-foreground", children: "Configureer een basissamenstelling en optioneel afwijkende onderdelen per belading. Rijen op de belading-tabbladen gelden bovenop of in plaats van de basissamenstelling." }), _jsx("div", { className: "flex flex-wrap gap-1 border-b", children: tabs.map((t) => {
+                    const active = t.key === activeTab;
+                    const count = rows.filter((r) => r.packing_configuration_id === (t.key === "__base__" ? null : t.key)).length;
+                    return (_jsxs("button", { type: "button", onClick: () => setActiveTab(t.key), className: `-mb-px border-b-2 px-3 py-2 text-sm ${active
+                            ? "border-primary text-foreground font-medium"
+                            : "border-transparent text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: "ml-2 rounded bg-muted px-1.5 py-0.5 text-xs", children: count })] }, t.key));
+                }) }), currentPackingId && baseRows.length > 0 && (_jsxs("div", { className: "rounded-md border bg-muted/20 p-3", children: [_jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Basissamenstelling (referentie)" }), _jsx("ul", { className: "divide-y", children: baseRows.map((r) => {
+                            const key = r.component_product_id
+                                ? `product:${r.component_product_id}`
+                                : `floriday:${r.component_trade_item_floriday_id}`;
+                            const info = names.get(key);
+                            return (_jsxs("li", { className: "flex items-center gap-3 py-1.5 text-sm", children: [_jsx(Package, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0 truncate", children: [info?.name ?? key, info?.code && (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: info.code }))] }), _jsxs("div", { className: "text-xs tabular-nums text-muted-foreground", children: [r.quantity, "\u00D7"] })] }, r.id));
+                        }) })] })), loading ? (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Samenstelling laden\u2026"] })) : currentRows.length === 0 ? (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: currentPackingId
+                        ? "Nog geen afwijkende onderdelen voor deze belading."
+                        : "Nog geen onderdelen in de basissamenstelling." }) })) : (_jsx("div", { className: "overflow-hidden rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 font-medium", children: "Onderdeel" }), _jsx("th", { className: "px-3 py-2 font-medium w-32", children: "Aantal per verpakking" }), _jsx("th", { className: "px-3 py-2" })] }) }), _jsx("tbody", { className: "divide-y", children: currentRows.map((r) => {
+                                const key = r.component_product_id
+                                    ? `product:${r.component_product_id}`
+                                    : `floriday:${r.component_trade_item_floriday_id}`;
+                                const info = names.get(key);
+                                return (_jsxs("tr", { children: [_jsx("td", { className: "px-3 py-2", children: _jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium truncate", children: info?.name ?? key }), info?.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: info.code }))] })] }) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Input, { type: "number", inputMode: "decimal", min: 0, step: "0.01", value: r.quantity, onChange: (e) => updateRow(r.id, { quantity: Number(e.target.value) }), className: "h-8 w-24" }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeRow(r.id), children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, r.id));
+                            }) })] }) })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(ComponentPicker, { excludeKeys: new Set(currentRows.map((r) => r.component_product_id
+                            ? `product:${r.component_product_id}`
+                            : `floriday:${r.component_trade_item_floriday_id}`)), onPick: addRow }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [hasUnsaved && (_jsx("span", { className: "text-xs text-amber-700", children: "Niet-opgeslagen wijzigingen" })), _jsxs(Button, { type: "button", size: "sm", onClick: saveAll, disabled: !hasUnsaved || saving, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })] })] }));
+}
+// ============================================================
+// Component picker
+// ============================================================
+function ComponentPicker({ onPick, excludeKeys, }) {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [results, setResults] = useState([]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const q = query.trim();
+        let cancelled = false;
+        setLoading(true);
+        const timer = setTimeout(async () => {
+            try {
+                const [prodRes, flRes] = await Promise.all([
+                    q.length > 0
+                        ? supabase
+                            .from("products")
+                            .select("id,product,barcode,article_number")
+                            .or(`product.ilike.%${q}%,barcode.ilike.%${q}%,article_number.ilike.%${q}%`)
+                            .limit(25)
+                        : supabase
+                            .from("products")
+                            .select("id,product,barcode,article_number")
+                            .order("updated_at", { ascending: false })
+                            .limit(15),
+                    supabase
+                        .from("floriday_trade_items_cache")
+                        .select("floriday_id,data")
+                        .eq("is_deleted", false)
+                        .limit(200),
+                ]);
+                if (cancelled)
+                    return;
+                const prodOpts = (prodRes.data ?? []).map((p) => ({
+                    kind: "product",
+                    id: p.id,
+                    name: String(p.product ?? p.id),
+                    code: p.barcode
+                        ? String(p.barcode)
+                        : p.article_number
+                            ? String(p.article_number)
+                            : undefined,
+                }));
+                const flOptsAll = (flRes.data ?? []).map((n) => {
+                    const nm = n.data?.tradeItemName?.nl ??
+                        n.data?.tradeItemName?.en ??
+                        Object.values(n.data?.tradeItemName ?? {})[0] ??
+                        n.floriday_id;
+                    const code = n.data?.supplierArticleCode ?? n.data?.articleGtin ?? undefined;
+                    return {
+                        kind: "floriday",
+                        id: n.floriday_id,
+                        name: String(nm),
+                        code: code ? String(code) : undefined,
+                    };
+                });
+                const flOpts = q.length
+                    ? flOptsAll.filter((o) => o.name.toLowerCase().includes(q.toLowerCase()) ||
+                        (o.code ?? "").toLowerCase().includes(q.toLowerCase()))
+                    : flOptsAll.slice(0, 15);
+                setResults([...prodOpts, ...flOpts].filter((o) => !excludeKeys.has(`${o.kind}:${o.id}`)));
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        }, 200);
+        return () => {
+            cancelled = true;
+            clearTimeout(timer);
+        };
+    }, [open, query, excludeKeys]);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Onderdeel toevoegen"] }) }), _jsxs(PopoverContent, { className: "w-96 p-0", align: "start", children: [_jsx("div", { className: "border-b p-2", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { autoFocus: true, placeholder: "Zoek artikel of Floriday-item\u2026", value: query, onChange: (e) => setQuery(e.target.value), className: "h-8 pl-8" })] }) }), _jsx("div", { className: "max-h-80 overflow-y-auto", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 p-3 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })) : results.length === 0 ? (_jsx("div", { className: "p-3 text-sm text-muted-foreground", children: "Geen resultaten." })) : (_jsx("ul", { className: "divide-y", children: results.map((r) => (_jsx("li", { children: _jsxs("button", { type: "button", className: "flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-muted", onClick: () => {
+                                        onPick(r);
+                                        setOpen(false);
+                                        setQuery("");
+                                    }, children: [_jsx(Package, { className: "h-4 w-4 text-muted-foreground shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium", children: r.name }), _jsxs("div", { className: "truncate text-xs text-muted-foreground", children: [r.kind === "product" ? "Lokaal artikel" : "Floriday", " \u00B7", " ", r.code ?? r.id] })] })] }) }, `${r.kind}:${r.id}`))) })) })] })] }));
+}

package/dist-lib/components/voorraad/StockBulkButtons.d.ts

@@ -3,5 +3,5 @@ export declare function StockBulkButtons({ items, activeConnectionId, onImported
     items: TradeItem[];
     activeConnectionId: string | null;
     onImported: () => void | Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=StockBulkButtons.d.ts.map

package/dist-lib/components/voorraad/StockBulkButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,2CAikBA"}
+{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,+BAikBA"}

package/dist-lib/components/voorraad/ValidationOverviewTable.d.ts

@@ -8,5 +8,5 @@ export declare function ValidationOverviewTable({ items, connectionId, onChanged
     items: TradeItem[];
     connectionId: string | null;
     onChanged: () => void | Promise<void>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=ValidationOverviewTable.d.ts.map

package/dist-lib/components/voorraad/ValidationOverviewTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,2CA4GA"}
+{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,+BA4GA"}

package/dist-lib/components/voorraad/ValidationPage.d.ts

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

package/dist-lib/components/voorraad/ValidationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CAiC7B"}
+{"version":3,"file":"ValidationPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,gCAiC7B"}

package/dist-lib/components/voorraad/VoorraadDashboard.d.ts

@@ -6,5 +6,5 @@ import type { TradeItem } from "../../lib/floriday-client";
 export declare function VoorraadDashboard({ items, connectionId, }: {
     items: TradeItem[];
     connectionId: string | null;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadDashboard.d.ts.map

package/dist-lib/components/voorraad/VoorraadDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadDashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA4B3D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,2CAuDA"}
+{"version":3,"file":"VoorraadDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadDashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA4B3D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,+BAuDA"}

package/dist-lib/components/voorraad/VoorraadPage.d.ts

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

package/dist-lib/components/voorraad/VoorraadPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,YAAY,4CAiM3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA4FA,wBAAgB,YAAY,gCAkO3B"}

package/dist-lib/components/voorraad/VoorraadPage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
-import { Button, Card, Input } from "@flowselections/core";
+import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
@@ -9,6 +9,9 @@ import { ExcelExportButton } from "./ExcelExportButton";
 import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
 import { VoorraadPagination } from "./VoorraadPagination";
+function isLinkedToFloriday(i) {
+    return Boolean(i.floridayId) || i.source === "published";
+}
 function toneClasses(tone) {
     switch (tone) {
         case "emerald":
@@ -34,6 +37,8 @@ export function VoorraadPage() {
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
     const [stockFilter, setStockFilter] = useState("all");
+    const [floridayFilter, setFloridayFilter] = useState("all");
+    const [typeFilter, setTypeFilter] = useState("all");
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(25);
     const counts = useMemo(() => {
@@ -62,12 +67,18 @@ export function VoorraadPage() {
             if (stockFilter === "below_min" &&
                 !((i.minQuantity ?? 0) > 0 && avail < i.minQuantity))
                 return false;
+            if (floridayFilter === "linked" && !isLinkedToFloriday(i))
+                return false;
+            if (floridayFilter === "unlinked" && isLinkedToFloriday(i))
+                return false;
+            if (typeFilter !== "all" && (i.itemType ?? "artikel") !== typeFilter)
+                return false;
             if (!q)
                 return true;
             return (i.name.toLowerCase().includes(q) ||
                 (i.articleNumber ?? "").toLowerCase().includes(q));
         });
-    }, [items, search, stockFilter]);
+    }, [items, search, stockFilter, floridayFilter, typeFilter]);
     const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
     useEffect(() => {
         if (page > totalPages)
@@ -86,5 +97,5 @@ export function VoorraadPage() {
                             return (_jsxs("button", { type: "button", onClick: () => setStockFilter(t.id), className: `relative py-3 px-3 text-sm font-medium whitespace-nowrap transition-colors ${active
                                     ? "text-foreground"
                                     : "text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: `ml-2 text-xs ${active ? "text-primary" : "text-muted-foreground/70"}`, children: t.count }), active && (_jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 bg-primary rounded-full" }))] }, t.id));
-                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] })] }));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs(Select, { value: floridayFilter, onValueChange: (v) => setFloridayFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[190px]", children: _jsx(SelectValue, { placeholder: "Floriday" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle (Floriday)" }), _jsx(SelectItem, { value: "linked", children: "Gekoppeld aan Floriday" }), _jsx(SelectItem, { value: "unlinked", children: "Niet gekoppeld" })] })] }), _jsxs(Select, { value: typeFilter, onValueChange: (v) => setTypeFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[170px]", children: _jsx(SelectValue, { placeholder: "Type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle types" }), _jsx(SelectItem, { value: "artikel", children: "Artikel" }), _jsx(SelectItem, { value: "productgroep", children: "Productgroep" }), _jsx(SelectItem, { value: "samenstelling", children: "Samenstelling" })] })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] })] }));
 }

package/dist-lib/components/voorraad/VoorraadPagination.d.ts

@@ -6,5 +6,5 @@ export interface VoorraadPaginationProps {
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
 }
-export declare function VoorraadPagination({ total, page, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, }: VoorraadPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function VoorraadPagination({ total, page, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, }: VoorraadPaginationProps): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadPagination.d.ts.map

package/dist-lib/components/voorraad/VoorraadPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPagination.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPagination.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,eAAmC,EACnC,YAAY,EACZ,gBAAgB,GACjB,EAAE,uBAAuB,2CAuDzB"}
+{"version":3,"file":"VoorraadPagination.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPagination.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,eAAmC,EACnC,YAAY,EACZ,gBAAgB,GACjB,EAAE,uBAAuB,+BAuDzB"}