@flowselections/floriday-voorraad 1.0.9 → 1.0.10

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { Button, Card, Input } from "@flowselections/core";
+import { Plus, RefreshCw, Search } from "lucide-react";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useVoorraadData } from "../../hooks/useVoorraadData";
+import { ConnectionPicker } from "./ConnectionPicker";
+import { ExcelExportButton } from "./ExcelExportButton";
+import { VoorraadTable } from "./VoorraadTable";
+export function VoorraadPage() {
+    const { connections, activeId, setActiveId, loading: connLoading, error: connError, } = useFloridayConnection();
+    const { items, loading, error, reload } = useVoorraadData(activeId);
+    const [search, setSearch] = useState("");
+    const filtered = useMemo(() => {
+        if (!search.trim())
+            return items;
+        const q = search.toLowerCase();
+        return items.filter((i) => i.name.toLowerCase().includes(q) ||
+            i.articleNumber.toLowerCase().includes(q));
+    }, [items, search]);
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek op product of artikelnummer...", className: "pl-9" })] }), _jsx(ConnectionPicker, { connections: connections, activeId: activeId, onChange: setActiveId, disabled: connLoading }), _jsxs(Button, { variant: "outline", onClick: reload, disabled: loading || !activeId, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] }), _jsx(ExcelExportButton, { items: filtered }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Floriday-connecties laden mislukt: ", connError] })), error && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs(Card, { className: "overflow-hidden", children: [_jsxs("div", { className: "px-4 py-2 border-b text-xs text-muted-foreground", children: [filtered.length, " producten ", search && `(gefilterd uit ${items.length})`] }), _jsx(VoorraadTable, { items: filtered, loading: loading })] })] }));
+}

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 { VoorraadPage } from './components/voorraad/VoorraadPage';
 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":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAI1C,eAAO,MAAM,QAAQ,EAAE,UAYtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAIlE,eAAO,MAAM,QAAQ,EAAE,UAYtB,CAAC"}

package/dist-lib/index.js

@@ -3,7 +3,7 @@
 // ============================================================================
 import { Package } from "lucide-react";
 export * from './_core-safelist';
-export * from './components/TemplatePage';
+export { VoorraadPage } from './components/voorraad/VoorraadPage';
 import { VoorraadSettingsCard } from "./components/settings/VoorraadSettingsCard";
 export const myModule = {
     id: "voorraad",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/floriday-voorraad",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "sideEffects": false,
   "type": "module",
   "main": "./dist-lib/index.js",