@voyantjs/suppliers-ui 0.13.0

package/README.md

@@ -0,0 +1,13 @@
+# @voyantjs/suppliers-ui
+
+Importable React UI components for Voyant suppliers. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/suppliers-ui @voyantjs/suppliers-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/suppliers-react` provides the data-layer hooks. Both are required peers.
+
+All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.

package/dist/components/supplier-service-row.d.ts

@@ -0,0 +1,13 @@
+import { type SupplierRate, type SupplierService } from "@voyantjs/suppliers-react";
+export declare function SupplierServiceRow({ service, rates, expanded, onToggle, onEdit, onDelete, onAddRate, onEditRate, onDeleteRate, }: {
+    service: SupplierService;
+    rates: SupplierRate[];
+    expanded: boolean;
+    onToggle: () => void;
+    onEdit: () => void;
+    onDelete: () => void;
+    onAddRate: () => void;
+    onEditRate: (rate: SupplierRate) => void;
+    onDeleteRate: (rateId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-service-row.d.ts.map

package/dist/components/supplier-service-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-service-row.d.ts","sourceRoot":"","sources":["../../src/components/supplier-service-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAA;AAIlC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,2CAiHA"}

package/dist/components/supplier-service-row.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAmount, formatUnit, } from "@voyantjs/suppliers-react";
+import { Badge, Button } from "@voyantjs/voyant-ui/components";
+import { ChevronDown, ChevronRight, Pencil, Plus, Trash2 } from "lucide-react";
+export function SupplierServiceRow({ service, rates, expanded, onToggle, onEdit, onDelete, onAddRate, onEditRate, onDeleteRate, }) {
+    return (_jsxs("div", { className: "rounded-md border", children: [_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("button", { type: "button", onClick: onToggle, className: "text-muted-foreground hover:text-foreground", children: expanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-sm font-medium", children: service.name }), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs capitalize", children: service.serviceType }), service.duration ? (_jsx("span", { className: "text-xs text-muted-foreground", children: service.duration })) : null, service.capacity ? (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["max ", service.capacity, " pax"] })) : null, !service.active ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: "Inactive" })) : null] })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onEdit, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onDelete, children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }), expanded ? (_jsxs("div", { className: "border-t bg-muted/30 p-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Rates" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: onAddRate, children: [_jsx(Plus, { className: "mr-1 h-3 w-3" }), "Add Rate"] })] }), rates.length === 0 ? (_jsx("p", { className: "py-2 text-center text-xs text-muted-foreground", children: "No rates yet." })) : (_jsx("div", { className: "rounded border bg-background", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "p-2 text-left font-medium", children: "Name" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Amount" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Unit" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Valid" }), _jsx("th", { className: "p-2 text-left font-medium", children: "Pax" }), _jsx("th", { className: "w-16 p-2" })] }) }), _jsx("tbody", { children: rates.map((rate) => (_jsxs("tr", { className: "border-b last:border-b-0", children: [_jsx("td", { className: "p-2", children: rate.name }), _jsx("td", { className: "p-2 font-mono", children: formatAmount(rate.amountCents, rate.currency) }), _jsx("td", { className: "p-2 capitalize", children: formatUnit(rate.unit) }), _jsx("td", { className: "p-2", children: rate.validFrom || rate.validTo
+                                                    ? `${rate.validFrom ?? "..."} — ${rate.validTo ?? "..."}`
+                                                    : "-" }), _jsx("td", { className: "p-2", children: rate.minPax || rate.maxPax
+                                                    ? `${rate.minPax ?? "?"}-${rate.maxPax ?? "?"}`
+                                                    : "-" }), _jsx("td", { className: "p-2", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => onEditRate(rate), className: "text-muted-foreground hover:text-foreground", children: _jsx(Pencil, { className: "h-3 w-3" }) }), _jsx("button", { type: "button", onClick: () => onDeleteRate(rate.id), className: "text-muted-foreground hover:text-destructive", children: _jsx(Trash2, { className: "h-3 w-3" }) })] }) })] }, rate.id))) })] }) }))] })) : null] }));
+}

package/dist/components/suppliers-page.d.ts

@@ -0,0 +1,11 @@
+import type { Supplier } from "@voyantjs/suppliers-react";
+export declare function SuppliersPage({ search, onSearchChange, onCreate, onRowClick, rows, total, isPending, }: {
+    search: string;
+    onSearchChange: (value: string) => void;
+    onCreate: () => void;
+    onRowClick: (supplier: Supplier) => void;
+    rows: Supplier[];
+    total: number;
+    isPending?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=suppliers-page.d.ts.map

package/dist/components/suppliers-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suppliers-page.d.ts","sourceRoot":"","sources":["../../src/components/suppliers-page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AA+CzD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,2CAuCA"}

package/dist/components/suppliers-page.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { statusVariant } from "@voyantjs/suppliers-react";
+import { Badge, Button, Input } from "@voyantjs/voyant-ui/components";
+import { DataTable } from "@voyantjs/voyant-ui/components/data-table";
+import { DataTableColumnHeader } from "@voyantjs/voyant-ui/components/data-table-column-header";
+import { Loader2, Plus, Search } from "lucide-react";
+const columns = [
+    {
+        accessorKey: "name",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Name" }),
+    },
+    {
+        accessorKey: "type",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Type" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.type })),
+    },
+    {
+        accessorKey: "status",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Status" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: statusVariant[row.original.status] ?? "secondary", className: "capitalize", children: row.original.status })),
+    },
+    {
+        accessorKey: "city",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "City" }),
+        cell: ({ row }) => row.original.city ?? "-",
+    },
+    {
+        accessorKey: "country",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Country" }),
+        cell: ({ row }) => row.original.country ?? "-",
+    },
+    {
+        accessorKey: "defaultCurrency",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Currency" }),
+        cell: ({ row }) => row.original.defaultCurrency ?? "-",
+    },
+];
+export function SuppliersPage({ search, onSearchChange, onCreate, onRowClick, rows, total, isPending, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Suppliers" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Manage your hotels, transfers, guides, and service providers." })] }), _jsxs(Button, { onClick: onCreate, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Supplier"] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search suppliers...", value: search, onChange: (event) => onSearchChange(event.target.value), className: "pl-9" })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : (_jsx(DataTable, { columns: columns, data: rows, onRowClick: (row) => onRowClick(row.original) })), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Showing ", rows.length, " of ", total, " suppliers"] })] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { SupplierServiceRow } from "./components/supplier-service-row";
+export { SuppliersPage } from "./components/suppliers-page";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { SupplierServiceRow } from "./components/supplier-service-row";
+export { SuppliersPage } from "./components/suppliers-page";

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@voyantjs/suppliers-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/suppliers-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@voyantjs/suppliers-react": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/suppliers-react": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}