@voyantjs/resources-ui 0.16.0 → 0.18.0

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

@@ -1,125 +1,140 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatSelectionLabel, labelById, } from "@voyantjs/resources-react";
+import { formatMessage } from "@voyantjs/i18n";
+import { labelById, } from "@voyantjs/resources-react";
 import { Badge, Button, ConfirmActionButton, SelectionActionBar } from "@voyantjs/ui/components";
 import { DataTable } from "@voyantjs/ui/components/data-table";
 import { DataTableColumnHeader } from "@voyantjs/ui/components/data-table-column-header";
 import { TabsContent } from "@voyantjs/ui/components/tabs";
 import { ExternalLink } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n";
+import { formatSelectionLabel, formatSelectionSummary } from "../i18n/utils";
 import { ResourcesSectionHeader } from "./resources-section-header";
-const resourceColumns = (suppliers, onView) => [
+const resourceColumns = (i18n, suppliers, onView) => [
     {
         accessorKey: "name",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.name })),
     },
     {
         accessorKey: "kind",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Kind" }),
-        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.kind })),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.kind })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.resourceKindLabels[row.original.kind] })),
     },
     {
         accessorKey: "supplierId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Supplier" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.supplier })),
         cell: ({ row }) => labelById(suppliers, row.original.supplierId),
     },
     {
         accessorKey: "capacity",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Capacity" }),
-        cell: ({ row }) => row.original.capacity ?? "-",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.capacity })),
+        cell: ({ row }) => row.original.capacity === null ? "-" : i18n.formatNumber(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" })),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: row.original.active ? "default" : "secondary", children: row.original.active ? i18n.messages.common.active : i18n.messages.common.inactive })),
     },
     {
         id: "view",
-        header: "View",
+        header: i18n.messages.tabsPrimary.columns.resources.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"] })),
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
     },
 ];
-const poolColumns = (products, onView) => [
+const poolColumns = (i18n, products, onView) => [
     {
         accessorKey: "name",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Pool" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.name })),
     },
     {
         accessorKey: "kind",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Kind" }),
-        cell: ({ row }) => (_jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.kind })),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.kind })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.resourceKindLabels[row.original.kind] })),
     },
     {
         accessorKey: "productId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Product" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.product })),
         cell: ({ row }) => labelById(products, row.original.productId),
     },
     {
         accessorKey: "sharedCapacity",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Shared Capacity" }),
-        cell: ({ row }) => row.original.sharedCapacity ?? "-",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.sharedCapacity })),
+        cell: ({ row }) => row.original.sharedCapacity === null ? "-" : i18n.formatNumber(row.original.sharedCapacity),
     },
     {
         id: "view",
-        header: "View",
+        header: i18n.messages.tabsPrimary.columns.pools.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"] })),
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
     },
 ];
-const allocationColumns = (pools, products, onView) => [
+const allocationColumns = (i18n, pools, products, onView) => [
     {
         accessorKey: "poolId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Pool" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.pool })),
         cell: ({ row }) => labelById(pools, row.original.poolId),
     },
     {
         accessorKey: "productId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Product" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.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 })),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.mode })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.allocationModeLabels[row.original.allocationMode] })),
     },
     {
         accessorKey: "quantityRequired",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Qty Required" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.quantityRequired })),
+        cell: ({ row }) => i18n.formatNumber(row.original.quantityRequired),
     },
     {
         accessorKey: "priority",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Priority" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.priority })),
+        cell: ({ row }) => i18n.formatNumber(row.original.priority),
     },
     {
         id: "view",
-        header: "View",
+        header: i18n.messages.tabsPrimary.columns.allocations.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"] })),
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.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({
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.resources;
+    const selection = m.common.selectionNouns.resource;
+    return (_jsxs(TabsContent, { value: "resources", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: resourceColumns(i18n, props.suppliers, props.onOpenRoute), data: props.filteredResources, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.resourceSelection, onRowSelectionChange: props.setResourceSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: [_jsx(ConfirmActionButton, { buttonLabel: section.actions.activate.buttonLabel, confirmLabel: section.actions.activate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.activate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.activate.description, 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",
+                                successVerb: section.actions.activate.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.deactivate.buttonLabel, confirmLabel: section.actions.deactivate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.deactivate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.deactivate.description, 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",
+                                successVerb: section.actions.deactivate.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.delete.description, 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",
@@ -128,23 +143,33 @@ export function ResourcesTab(props) {
                             }) })] })), 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({
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.pools;
+    const selection = m.common.selectionNouns.pool;
+    return (_jsxs(TabsContent, { value: "pools", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: poolColumns(i18n, props.products, props.onOpenRoute), data: props.filteredPools, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.poolSelection, onRowSelectionChange: props.setPoolSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: [_jsx(ConfirmActionButton, { buttonLabel: section.actions.activate.buttonLabel, confirmLabel: section.actions.activate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.activate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.activate.description, 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",
+                                successVerb: section.actions.activate.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.deactivate.buttonLabel, confirmLabel: section.actions.deactivate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.deactivate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.deactivate.description, 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",
+                                successVerb: section.actions.deactivate.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.delete.description, 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",
@@ -153,7 +178,13 @@ export function PoolsTab(props) {
                             }) })] })), 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({
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.allocations;
+    const selection = m.common.selectionNouns.allocation;
+    return (_jsxs(TabsContent, { value: "allocations", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: allocationColumns(i18n, props.pools, props.products, props.onOpenRoute), data: props.filteredAllocations, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.allocationSelection, onRowSelectionChange: props.setAllocationSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                            selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                        }), description: section.actions.delete.description, 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",

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

@@ -1 +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;AAQlC,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"}
+{"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;AAErF,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,UAAU,EAChB,MAAM,2BAA2B,CAAA;AAgBlC,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;AAiKnB,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,2CAuHA;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,2CA+DA"}

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

@@ -1,95 +1,120 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatDateTime, formatSelectionLabel, labelById, slotLabel, } from "@voyantjs/resources-react";
+import { formatMessage } from "@voyantjs/i18n";
+import { labelById, } from "@voyantjs/resources-react";
 import { Badge, Button, ConfirmActionButton, SelectionActionBar } from "@voyantjs/ui/components";
 import { DataTable } from "@voyantjs/ui/components/data-table";
 import { DataTableColumnHeader } from "@voyantjs/ui/components/data-table-column-header";
 import { TabsContent } from "@voyantjs/ui/components/tabs";
 import { ExternalLink } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n";
+import { formatDateTimeOrFallback, formatResourceSlotLabel, formatSelectionLabel, formatSelectionSummary, } from "../i18n/utils";
 import { ResourcesSectionHeader } from "./resources-section-header";
-const assignmentColumns = (slots, resources, bookings, onView) => [
+const assignmentColumns = (i18n, 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) ?? {
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.assignments.slot })),
+        cell: ({ row }) => formatResourceSlotLabel(slots.find((slot) => slot.id === row.original.slotId) ?? {
             id: row.original.slotId,
             productId: "",
             dateLocal: row.original.slotId,
             startsAt: row.original.slotId,
+        }, {
+            template: i18n.messages.common.slotLabel,
+            formatDate: i18n.formatDate,
         }),
     },
     {
         accessorKey: "resourceId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.assignments.resource })),
         cell: ({ row }) => labelById(resources, row.original.resourceId),
     },
     {
         accessorKey: "bookingId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Booking" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.assignments.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 })),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.assignments.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.assignmentStatusLabels[row.original.status] })),
     },
     {
         accessorKey: "releasedAt",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Released" }),
-        cell: ({ row }) => formatDateTime(row.original.releasedAt),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.assignments.released })),
+        cell: ({ row }) => formatDateTimeOrFallback(row.original.releasedAt, {
+            fallback: i18n.messages.common.dateTimeFallback,
+            formatDateTime: i18n.formatDateTime,
+        }),
     },
     {
         id: "view",
-        header: "View",
+        header: i18n.messages.tabsSecondary.columns.assignments.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"] })),
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
     },
 ];
-const closeoutColumns = (resources) => [
+const closeoutColumns = (i18n, resources) => [
     {
         accessorKey: "resourceId",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Resource" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.closeouts.resource })),
         cell: ({ row }) => labelById(resources, row.original.resourceId),
     },
     {
         accessorKey: "dateLocal",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Date" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.closeouts.date })),
     },
     {
         accessorKey: "startsAt",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Starts" }),
-        cell: ({ row }) => formatDateTime(row.original.startsAt),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.closeouts.starts })),
+        cell: ({ row }) => formatDateTimeOrFallback(row.original.startsAt, {
+            fallback: i18n.messages.common.dateTimeFallback,
+            formatDateTime: i18n.formatDateTime,
+        }),
     },
     {
         accessorKey: "endsAt",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Ends" }),
-        cell: ({ row }) => formatDateTime(row.original.endsAt),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.closeouts.ends })),
+        cell: ({ row }) => formatDateTimeOrFallback(row.original.endsAt, {
+            fallback: i18n.messages.common.dateTimeFallback,
+            formatDateTime: i18n.formatDateTime,
+        }),
     },
     {
         accessorKey: "reason",
-        header: ({ column }) => _jsx(DataTableColumnHeader, { column: column, title: "Reason" }),
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsSecondary.columns.closeouts.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({
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsSecondary.sections.assignments;
+    const selection = m.common.selectionNouns.assignment;
+    return (_jsxs(TabsContent, { value: "assignments", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: assignmentColumns(i18n, props.slots, props.resources, props.bookings, props.onOpenRoute), data: props.filteredAssignments, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.assignmentSelection, onRowSelectionChange: props.setAssignmentSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: [_jsx(ConfirmActionButton, { buttonLabel: section.actions.assign.buttonLabel, confirmLabel: section.actions.assign.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.assign.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.assign.description, 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",
+                                successVerb: section.actions.assign.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.release.buttonLabel, confirmLabel: section.actions.release.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.release.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.release.description, 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",
+                                successVerb: section.actions.release.successVerb,
                                 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({
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.delete.description, 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",
@@ -98,7 +123,13 @@ export function AssignmentsTab(props) {
                             }) })] })), 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({
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsSecondary.sections.closeouts;
+    const selection = m.common.selectionNouns.closeout;
+    return (_jsxs(TabsContent, { value: "closeouts", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: closeoutColumns(i18n, props.resources), data: props.filteredCloseouts, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.closeoutSelection, onRowSelectionChange: props.setCloseoutSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                            selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                        }), description: section.actions.delete.description, 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",

package/dist/i18n/en.d.ts

@@ -0,0 +1,3 @@
+import type { ResourcesUiMessages } from "./messages";
+export declare const resourcesUiEn: ResourcesUiMessages;
+//# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAErD,eAAO,MAAM,aAAa,EAAE,mBAkQ3B,CAAA"}