@voyantjs/resources-ui 0.13.0

package/README.md

@@ -0,0 +1,13 @@
+# @voyantjs/resources-ui
+
+Importable React UI components for Voyant resources. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/resources-ui @voyantjs/resources-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/resources-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/resources-overview.d.ts

@@ -0,0 +1,22 @@
+import type { BookingOption, ResourceCloseoutRow, ResourceRow, ResourceSlotAssignmentRow, SlotOption } from "@voyantjs/resources-react";
+export declare function ResourcesOverview({ bookings, slots, closeouts, filteredResources, filteredPools, liveAssignments, resourcesWithoutSupplier, unassignedReservations, search, setSearch, kindFilter, setKindFilter, hasFilters, onClearFilters, onOpenAssignment, onOpenResource, }: {
+    bookings: BookingOption[];
+    slots: SlotOption[];
+    closeouts: ResourceCloseoutRow[];
+    filteredResources: ResourceRow[];
+    filteredPools: Array<{
+        active: boolean;
+    }>;
+    liveAssignments: ResourceSlotAssignmentRow[];
+    resourcesWithoutSupplier: ResourceRow[];
+    unassignedReservations: ResourceSlotAssignmentRow[];
+    search: string;
+    setSearch: (value: string) => void;
+    kindFilter: string;
+    setKindFilter: (value: string) => void;
+    hasFilters: boolean;
+    onClearFilters: () => void;
+    onOpenAssignment: (assignmentId: string) => void;
+    onOpenResource: (resourceId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-overview.d.ts.map

package/dist/components/resources-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-overview.d.ts","sourceRoot":"","sources":["../../src/components/resources-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,yBAAyB,EACzB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAkBlC,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,wBAAwB,EACxB,sBAAsB,EACtB,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,aAAa,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IACzC,eAAe,EAAE,yBAAyB,EAAE,CAAA;IAC5C,wBAAwB,EAAE,WAAW,EAAE,CAAA;IACvC,sBAAsB,EAAE,yBAAyB,EAAE,CAAA;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C,2CAgIA"}

package/dist/components/resources-overview.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { labelById, resourceKindOptions, slotLabel } from "@voyantjs/resources-react";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, OverviewMetric, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import { CalendarDays, ExternalLink, Search, Users, Wrench } from "lucide-react";
+export function ResourcesOverview({ bookings, slots, closeouts, filteredResources, filteredPools, liveAssignments, resourcesWithoutSupplier, unassignedReservations, search, setSearch, kindFilter, setKindFilter, hasFilters, onClearFilters, onOpenAssignment, onOpenResource, }) {
+    const activeResourcesCount = filteredResources.filter((resource) => resource.active).length;
+    const activePoolsCount = filteredPools.filter((pool) => pool.active).length;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetric, { title: "Active Resources", value: activeResourcesCount, description: "Assignable assets ready for use", icon: Wrench }), _jsx(OverviewMetric, { title: "Active Pools", value: activePoolsCount, description: "Shared-capacity pools live", icon: Users }), _jsx(OverviewMetric, { title: "Live Assignments", value: liveAssignments.length, description: "Reserved or assigned slot coverage", icon: CalendarDays }), _jsx(OverviewMetric, { title: "Closeouts", value: closeouts.length, description: "Active maintenance or conflict blocks", icon: ExternalLink })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Assignment Gaps" }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: unassignedReservations.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Every live reservation has a named resource." })) : (unassignedReservations.slice(0, 4).map((assignment) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenAssignment(assignment.id), children: [_jsx("div", { className: "font-medium", children: slotLabel(slots.find((slot) => slot.id === assignment.slotId) ?? {
+                                                id: assignment.slotId,
+                                                productId: "",
+                                                dateLocal: assignment.slotId,
+                                                startsAt: assignment.slotId,
+                                            }) }), _jsxs("div", { className: "text-muted-foreground", children: ["Status: ", assignment.status, " \u00B7 Booking:", " ", labelById(bookings, assignment.bookingId)] })] }, assignment.id)))) })] }), _jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Ownership Gaps" }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: resourcesWithoutSupplier.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Every resource is linked to a supplier." })) : (resourcesWithoutSupplier.slice(0, 4).map((resource) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenResource(resource.id), children: [_jsx("div", { className: "font-medium", children: resource.name }), _jsxs("div", { className: "text-muted-foreground capitalize", children: [resource.kind, " \u00B7 Capacity ", resource.capacity ?? "-", " \u00B7 No supplier assigned"] })] }, resource.id)))) })] })] }), _jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-3 md:flex-row md:items-center", children: [_jsxs("div", { className: "relative w-full 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 resources...", value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: kindFilter, onValueChange: (value) => setKindFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-full md:w-56", children: _jsx(SelectValue, { placeholder: "All kinds" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All kinds" }), resourceKindOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] })] }), hasFilters ? (_jsx(Button, { variant: "outline", onClick: onClearFilters, children: "Clear Filters" })) : null] })] }));
+}

package/dist/components/resources-section-header.d.ts

@@ -0,0 +1,7 @@
+export declare function ResourcesSectionHeader({ title, description, actionLabel, onAction, }: {
+    title: string;
+    description: string;
+    actionLabel: string;
+    onAction: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-section-header.d.ts.map

package/dist/components/resources-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-section-header.d.ts","sourceRoot":"","sources":["../../src/components/resources-section-header.tsx"],"names":[],"mappings":"AAGA,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,2CAaA"}

package/dist/components/resources-section-header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyantjs/voyant-ui/components";
+import { Plus } from "lucide-react";
+export function ResourcesSectionHeader({ title, description, actionLabel, onAction, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Button, { onClick: onAction, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), actionLabel] })] }));
+}

package/dist/components/resources-tabs-primary.d.ts

@@ -0,0 +1,56 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import { type ProductOption, type ResourceAllocationRow, type ResourcePoolRow, type ResourceRow, type SupplierOption } from "@voyantjs/resources-react";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function ResourcesTab(props: {
+    suppliers: SupplierOption[];
+    filteredResources: ResourceRow[];
+    resourceSelection: RowSelectionState;
+    setResourceSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (resourceId: string) => void;
+    onEdit: (row: ResourceRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PoolsTab(props: {
+    products: ProductOption[];
+    filteredPools: ResourcePoolRow[];
+    poolSelection: RowSelectionState;
+    setPoolSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (poolId: string) => void;
+    onEdit: (row: ResourcePoolRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AllocationsTab(props: {
+    pools: ResourcePoolRow[];
+    products: ProductOption[];
+    filteredAllocations: ResourceAllocationRow[];
+    allocationSelection: RowSelectionState;
+    setAllocationSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (allocationId: string) => void;
+    onEdit: (row: ResourceAllocationRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resources-tabs-primary.d.ts.map

package/dist/components/resources-tabs-primary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-tabs-primary.d.ts","sourceRoot":"","sources":["../../src/components/resources-tabs-primary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAalC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AA0JnB,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,MAAM,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACnC,2CA+EA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,aAAa,EAAE,eAAe,EAAE,CAAA;IAChC,aAAa,EAAE,iBAAiB,CAAA;IAChC,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACvC,2CA+EA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,mBAAmB,EAAE,qBAAqB,EAAE,CAAA;IAC5C,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,sBAAsB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAA;CAC7C,2CA2CA"}

package/dist/components/resources-tabs-primary.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatSelectionLabel, labelById, } from "@voyantjs/resources-react";
+import { Badge, Button, ConfirmActionButton, SelectionActionBar, } 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 { TabsContent } from "@voyantjs/voyant-ui/components/tabs";
+import { ExternalLink } from "lucide-react";
+import { ResourcesSectionHeader } from "./resources-section-header";
+const resourceColumns = (suppliers, onView) => [
+    {
+        accessorKey: "name",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+    },
+    {
+        accessorKey: "kind",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Kind" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.kind })),
+    },
+    {
+        accessorKey: "supplierId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Supplier" }),
+        cell: ({ row }) => labelById(suppliers, row.original.supplierId),
+    },
+    {
+        accessorKey: "capacity",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Capacity" }),
+        cell: ({ row }) => row.original.capacity ?? "-",
+    },
+    {
+        accessorKey: "active",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Status" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: row.original.active ? "default" : "secondary", children: row.original.active ? "Active" : "Inactive" })),
+    },
+    {
+        id: "view",
+        header: "View",
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), "Open"] })),
+    },
+];
+const poolColumns = (products, onView) => [
+    {
+        accessorKey: "name",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Pool" }),
+    },
+    {
+        accessorKey: "kind",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Kind" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.kind })),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Product" }),
+        cell: ({ row }) => labelById(products, row.original.productId),
+    },
+    {
+        accessorKey: "sharedCapacity",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Shared Capacity" }),
+        cell: ({ row }) => row.original.sharedCapacity ?? "-",
+    },
+    {
+        id: "view",
+        header: "View",
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), "Open"] })),
+    },
+];
+const allocationColumns = (pools, products, onView) => [
+    {
+        accessorKey: "poolId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Pool" }),
+        cell: ({ row }) => labelById(pools, row.original.poolId),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Product" }),
+        cell: ({ row }) => labelById(products, row.original.productId),
+    },
+    {
+        accessorKey: "allocationMode",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Mode" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.allocationMode })),
+    },
+    {
+        accessorKey: "quantityRequired",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Qty Required" }),
+    },
+    {
+        accessorKey: "priority",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Priority" }),
+    },
+    {
+        id: "view",
+        header: "View",
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), "Open"] })),
+    },
+];
+export function ResourcesTab(props) {
+    return (_jsxs(TabsContent, { value: "resources", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: "Resources", description: "Guides, vehicles, rooms, and other assignable assets.", actionLabel: "New Resource", onAction: props.onCreate }), _jsx(DataTable, { columns: resourceColumns(props.suppliers, props.onOpenRoute), data: props.filteredResources, emptyMessage: "No resources match the current filters.", enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.resourceSelection, onRowSelectionChange: props.setResourceSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: "Activate", confirmLabel: "Activate Resources", title: `Activate ${formatSelectionLabel(selectedRows.length, "resource")}?`, description: "This makes the selected resources available again for assignment and planning.", disabled: props.bulkActionTarget === "resources-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/resources",
+                                target: "resources-activate",
+                                noun: "resource",
+                                payload: { active: true },
+                                successVerb: "Activated",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Deactivate", confirmLabel: "Deactivate Resources", title: `Deactivate ${formatSelectionLabel(selectedRows.length, "resource")}?`, description: "This preserves the selected resources but removes them from active operational use.", disabled: props.bulkActionTarget === "resources-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/resources",
+                                target: "resources-deactivate",
+                                noun: "resource",
+                                payload: { active: false },
+                                successVerb: "Deactivated",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Delete Selected", confirmLabel: "Delete Resources", title: `Delete ${formatSelectionLabel(selectedRows.length, "resource")}?`, description: "This permanently removes the selected resources. Use Deactivate if you only need to take them out of rotation.", disabled: props.bulkActionTarget === "resources-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/resources",
+                                target: "resources-delete",
+                                noun: "resource",
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function PoolsTab(props) {
+    return (_jsxs(TabsContent, { value: "pools", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: "Pools", description: "Shared capacity groups by product or operational need.", actionLabel: "New Pool", onAction: props.onCreate }), _jsx(DataTable, { columns: poolColumns(props.products, props.onOpenRoute), data: props.filteredPools, emptyMessage: "No pools match the current filters.", enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.poolSelection, onRowSelectionChange: props.setPoolSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: "Activate", confirmLabel: "Activate Pools", title: `Activate ${formatSelectionLabel(selectedRows.length, "pool")}?`, description: "This re-enables the selected resource pools for live capacity planning.", disabled: props.bulkActionTarget === "pools-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/pools",
+                                target: "pools-activate",
+                                noun: "pool",
+                                payload: { active: true },
+                                successVerb: "Activated",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Deactivate", confirmLabel: "Deactivate Pools", title: `Deactivate ${formatSelectionLabel(selectedRows.length, "pool")}?`, description: "This keeps the selected pools for reference but removes them from active planning.", disabled: props.bulkActionTarget === "pools-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/pools",
+                                target: "pools-deactivate",
+                                noun: "pool",
+                                payload: { active: false },
+                                successVerb: "Deactivated",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Delete Selected", confirmLabel: "Delete Pools", title: `Delete ${formatSelectionLabel(selectedRows.length, "pool")}?`, description: "This permanently removes the selected pools and any pool-level grouping they provide.", disabled: props.bulkActionTarget === "pools-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/pools",
+                                target: "pools-delete",
+                                noun: "pool",
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AllocationsTab(props) {
+    return (_jsxs(TabsContent, { value: "allocations", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: "Allocations", description: "Attach pools to products, rules, and start times.", actionLabel: "New Allocation", onAction: props.onCreate }), _jsx(DataTable, { columns: allocationColumns(props.pools, props.products, props.onOpenRoute), data: props.filteredAllocations, emptyMessage: "No allocations match the current filters.", enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.allocationSelection, onRowSelectionChange: props.setAllocationSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: _jsx(ConfirmActionButton, { buttonLabel: "Delete Selected", confirmLabel: "Delete Allocations", title: `Delete ${formatSelectionLabel(selectedRows.length, "allocation")}?`, description: "This permanently removes the selected allocation rules from resource planning.", disabled: props.bulkActionTarget === "allocations-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                            ids: selectedRows.map((row) => row.original.id),
+                            endpoint: "/v1/resources/allocations",
+                            target: "allocations-delete",
+                            noun: "allocation",
+                            clearSelection,
+                        }) }) })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/components/resources-tabs-secondary.d.ts

@@ -0,0 +1,44 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import { type BookingOption, type ResourceCloseoutRow, type ResourceRow, type ResourceSlotAssignmentRow, type SlotOption } from "@voyantjs/resources-react";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function AssignmentsTab(props: {
+    slots: SlotOption[];
+    resources: ResourceRow[];
+    bookings: BookingOption[];
+    filteredAssignments: ResourceSlotAssignmentRow[];
+    assignmentSelection: RowSelectionState;
+    setAssignmentSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (assignmentId: string) => void;
+    onEdit: (row: ResourceSlotAssignmentRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CloseoutsTab(props: {
+    resources: ResourceRow[];
+    filteredCloseouts: ResourceCloseoutRow[];
+    closeoutSelection: RowSelectionState;
+    setCloseoutSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onEdit: (row: ResourceCloseoutRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resources-tabs-secondary.d.ts.map

package/dist/components/resources-tabs-secondary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-tabs-secondary.d.ts","sourceRoot":"","sources":["../../src/components/resources-tabs-secondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,EACL,KAAK,aAAa,EAIlB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,UAAU,EAEhB,MAAM,2BAA2B,CAAA;AAalC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AA2FnB,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAChD,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,sBAAsB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACjD,2CA+EA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,iBAAiB,EAAE,mBAAmB,EAAE,CAAA;IACxC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAA;CAC3C,2CA2CA"}

package/dist/components/resources-tabs-secondary.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDateTime, formatSelectionLabel, labelById, slotLabel, } from "@voyantjs/resources-react";
+import { Badge, Button, ConfirmActionButton, SelectionActionBar, } 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 { TabsContent } from "@voyantjs/voyant-ui/components/tabs";
+import { ExternalLink } from "lucide-react";
+import { ResourcesSectionHeader } from "./resources-section-header";
+const assignmentColumns = (slots, resources, bookings, onView) => [
+    {
+        accessorKey: "slotId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Slot" }),
+        cell: ({ row }) => slotLabel(slots.find((slot) => slot.id === row.original.slotId) ?? {
+            id: row.original.slotId,
+            productId: "",
+            dateLocal: row.original.slotId,
+            startsAt: row.original.slotId,
+        }),
+    },
+    {
+        accessorKey: "resourceId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+        cell: ({ row }) => labelById(resources, row.original.resourceId),
+    },
+    {
+        accessorKey: "bookingId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Booking" }),
+        cell: ({ row }) => labelById(bookings, row.original.bookingId),
+    },
+    {
+        accessorKey: "status",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Status" }),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.status })),
+    },
+    {
+        accessorKey: "releasedAt",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Released" }),
+        cell: ({ row }) => formatDateTime(row.original.releasedAt),
+    },
+    {
+        id: "view",
+        header: "View",
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), "Open"] })),
+    },
+];
+const closeoutColumns = (resources) => [
+    {
+        accessorKey: "resourceId",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+        cell: ({ row }) => labelById(resources, row.original.resourceId),
+    },
+    {
+        accessorKey: "dateLocal",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Date" }),
+    },
+    {
+        accessorKey: "startsAt",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Starts" }),
+        cell: ({ row }) => formatDateTime(row.original.startsAt),
+    },
+    {
+        accessorKey: "endsAt",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Ends" }),
+        cell: ({ row }) => formatDateTime(row.original.endsAt),
+    },
+    {
+        accessorKey: "reason",
+        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Reason" }),
+        cell: ({ row }) => row.original.reason ?? "-",
+    },
+];
+export function AssignmentsTab(props) {
+    return (_jsxs(TabsContent, { value: "assignments", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: "Slot Assignments", description: "Reserve or assign specific resources against live slots and bookings.", actionLabel: "New Assignment", onAction: props.onCreate }), _jsx(DataTable, { columns: assignmentColumns(props.slots, props.resources, props.bookings, props.onOpenRoute), data: props.filteredAssignments, emptyMessage: "No assignments match the current filters.", enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.assignmentSelection, onRowSelectionChange: props.setAssignmentSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: "Assign", confirmLabel: "Mark Assigned", title: `Mark ${formatSelectionLabel(selectedRows.length, "assignment")} as assigned?`, description: "This marks the selected reservations as actively assigned without deleting any linkage.", disabled: props.bulkActionTarget === "assignments-assigned", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/slot-assignments",
+                                target: "assignments-assigned",
+                                noun: "assignment",
+                                payload: { status: "assigned" },
+                                successVerb: "Updated",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Release", confirmLabel: "Release Assignments", title: `Release ${formatSelectionLabel(selectedRows.length, "assignment")}?`, description: "This marks the selected reservations as released while keeping the assignment history intact.", disabled: props.bulkActionTarget === "assignments-released", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/slot-assignments",
+                                target: "assignments-released",
+                                noun: "assignment",
+                                payload: { status: "released" },
+                                successVerb: "Released",
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: "Delete Selected", confirmLabel: "Delete Assignments", title: `Delete ${formatSelectionLabel(selectedRows.length, "assignment")}?`, description: "This permanently removes the selected slot assignments. Use Release if you only need to free the resource.", disabled: props.bulkActionTarget === "assignments-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/resources/slot-assignments",
+                                target: "assignments-delete",
+                                noun: "assignment",
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function CloseoutsTab(props) {
+    return (_jsxs(TabsContent, { value: "closeouts", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: "Resource Closeouts", description: "Block assets for maintenance, charter use, or operational conflicts.", actionLabel: "New Closeout", onAction: props.onCreate }), _jsx(DataTable, { columns: closeoutColumns(props.resources), data: props.filteredCloseouts, emptyMessage: "No closeouts match the current filters.", enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.closeoutSelection, onRowSelectionChange: props.setCloseoutSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: _jsx(ConfirmActionButton, { buttonLabel: "Delete Selected", confirmLabel: "Delete Closeouts", title: `Delete ${formatSelectionLabel(selectedRows.length, "closeout")}?`, description: "This permanently removes the selected closeouts and may return the resources to operational use.", disabled: props.bulkActionTarget === "closeouts-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                            ids: selectedRows.map((row) => row.original.id),
+                            endpoint: "/v1/resources/closeouts",
+                            target: "closeouts-delete",
+                            noun: "closeout",
+                            clearSelection,
+                        }) }) })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { ResourcesOverview } from "./components/resources-overview";
+export { ResourcesSectionHeader } from "./components/resources-section-header";
+export { AllocationsTab, PoolsTab, ResourcesTab } from "./components/resources-tabs-primary";
+export { AssignmentsTab, CloseoutsTab } from "./components/resources-tabs-secondary";
+//# 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,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { ResourcesOverview } from "./components/resources-overview";
+export { ResourcesSectionHeader } from "./components/resources-section-header";
+export { AllocationsTab, PoolsTab, ResourcesTab } from "./components/resources-tabs-primary";
+export { AssignmentsTab, CloseoutsTab } from "./components/resources-tabs-secondary";

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@voyantjs/resources-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/resources-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/resources-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/resources-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"
+  }
+}