@voyantjs/bookings-ui 0.50.2 → 0.50.4

package/README.md

@@ -34,6 +34,7 @@ surfaces app-owned through typed slots:
   id={bookingId}
   slots={{
     actionBar: ({ booking }) => <button type="button">Assign {booking.bookingNumber}</button>,
+    bookingTab: ({ booking }) => <BookingOverviewPanel booking={booking} />,
     financeSidebar: ({ bookingId }) => <FinanceStatusCard bookingId={bookingId} />,
     legalTab: ({ bookingId }) => <ContractChecklist bookingId={bookingId} />,
     travelersTabExtensions: ({ bulkActions }) => (
@@ -46,7 +47,10 @@ surfaces app-owned through typed slots:
 
 Slot render functions receive the booking, active workspace section, section
 setter, and bulk-action state for traveler and finance selections. Use
-`bookingDetailSlots` to pass slots through to the mounted `BookingDetailPage`.
+`bookingTab` when an app wants to use top-level finance, legal, traveler, or
+activity tabs without nesting the default `BookingDetailPage` tabs. When
+`bookingTab` is omitted, the workspace keeps mounting `BookingDetailPage`; use
+`bookingDetailSlots` to pass slots through to that default detail page.
 
 ## I18n
 

package/dist/components/booking-workspace-page.d.ts

@@ -32,6 +32,7 @@ export interface BookingWorkspacePageSlots {
     legalSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
     travelersSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
     activitySidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
+    bookingTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
     financeTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
     legalTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
     travelersTabExtensions?: (context: BookingWorkspaceSlotContext) => ReactNode;

package/dist/components/booking-workspace-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-workspace-page.d.ts","sourceRoot":"","sources":["../../src/components/booking-workspace-page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"booking-workspace-page.d.ts","sourceRoot":"","sources":["../../src/components/booking-workspace-page.tsx"],"names":[],"mappings":"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"}

package/dist/components/booking-workspace-page.js

@@ -61,7 +61,7 @@ export function BookingWorkspaceShell({ id, className, locale, defaultSection =
     const items = navigationItems ?? getDefaultNavigationItems(workspaceMessages.tabs);
     const sidebar = renderSidebar(activeSection, slots, context);
     const hasSidebar = Boolean(sidebar);
-    return (_jsx(BookingWorkspaceBulkActionsContext.Provider, { value: bulkActions, children: _jsxs("div", { "data-slot": "booking-workspace-page", className: cn("flex flex-col gap-5 p-6", className), children: [_jsx(WorkspaceHeader, { title: booking.bookingNumber, description: workspaceMessages.description, onBack: onBack, actions: slots?.actionBar?.(context) }), slots?.bulkActionBar?.(context), _jsxs(Tabs, { value: activeSection, onValueChange: (value) => setActiveSection(value), className: "flex min-w-0 flex-col gap-5", children: [_jsx("div", { className: "overflow-x-auto", children: _jsx(TabsList, { className: "h-auto min-w-max justify-start", children: items.map((item) => (_jsxs(TabsTrigger, { value: item.value, disabled: item.disabled, className: "gap-2", children: [_jsx(WorkspaceTabIcon, { section: item.value }), _jsx("span", { children: item.label }), item.badge] }, item.value))) }) }), slots?.afterNavigation?.(context), _jsxs("div", { className: cn("grid min-w-0 gap-6", hasSidebar ? "xl:grid-cols-[minmax(0,1fr)_320px]" : "xl:grid-cols-1"), children: [_jsxs("div", { className: "min-w-0", children: [_jsx(TabsContent, { value: "booking", className: "mt-0", children: _jsx(BookingDetailPage, { id: bookingId, className: "p-0", locale: locale, onBack: onBack, onPersonOpen: onPersonOpen, onOrganizationOpen: onOrganizationOpen, onCollectPayment: onCollectPayment, slots: bookingDetailSlots }) }), _jsx(TabsContent, { value: "finance", className: "mt-0", children: renderTabSlot(slots?.financeTab, context, workspaceMessages.empty.finance) }), _jsx(TabsContent, { value: "legal", className: "mt-0", children: renderTabSlot(slots?.legalTab, context, workspaceMessages.empty.legal) }), _jsx(TabsContent, { value: "travelers", className: "mt-0", children: renderTabSlot(slots?.travelersTabExtensions, context, workspaceMessages.empty.travelers) }), _jsx(TabsContent, { value: "activity", className: "mt-0", children: renderTabSlot(slots?.activityTab, context, workspaceMessages.empty.activity) })] }), hasSidebar ? (_jsx("aside", { "data-slot": "booking-workspace-sidebar", className: "flex min-w-0 flex-col gap-4", children: sidebar })) : null] })] })] }) }));
+    return (_jsx(BookingWorkspaceBulkActionsContext.Provider, { value: bulkActions, children: _jsxs("div", { "data-slot": "booking-workspace-page", className: cn("flex flex-col gap-5 p-6", className), children: [_jsx(WorkspaceHeader, { title: booking.bookingNumber, description: workspaceMessages.description, onBack: onBack, actions: slots?.actionBar?.(context) }), slots?.bulkActionBar?.(context), _jsxs(Tabs, { value: activeSection, onValueChange: (value) => setActiveSection(value), className: "flex min-w-0 flex-col gap-5", children: [_jsx("div", { className: "overflow-x-auto", children: _jsx(TabsList, { className: "h-auto min-w-max justify-start", children: items.map((item) => (_jsxs(TabsTrigger, { value: item.value, disabled: item.disabled, className: "gap-2", children: [_jsx(WorkspaceTabIcon, { section: item.value }), _jsx("span", { children: item.label }), item.badge] }, item.value))) }) }), slots?.afterNavigation?.(context), _jsxs("div", { className: cn("grid min-w-0 gap-6", hasSidebar ? "xl:grid-cols-[minmax(0,1fr)_320px]" : "xl:grid-cols-1"), children: [_jsxs("div", { className: "min-w-0", children: [_jsx(TabsContent, { value: "booking", className: "mt-0", children: slots?.bookingTab ? (slots.bookingTab(context)) : (_jsx(BookingDetailPage, { id: bookingId, className: "p-0", locale: locale, onBack: onBack, onPersonOpen: onPersonOpen, onOrganizationOpen: onOrganizationOpen, onCollectPayment: onCollectPayment, slots: bookingDetailSlots })) }), _jsx(TabsContent, { value: "finance", className: "mt-0", children: renderTabSlot(slots?.financeTab, context, workspaceMessages.empty.finance) }), _jsx(TabsContent, { value: "legal", className: "mt-0", children: renderTabSlot(slots?.legalTab, context, workspaceMessages.empty.legal) }), _jsx(TabsContent, { value: "travelers", className: "mt-0", children: renderTabSlot(slots?.travelersTabExtensions, context, workspaceMessages.empty.travelers) }), _jsx(TabsContent, { value: "activity", className: "mt-0", children: renderTabSlot(slots?.activityTab, context, workspaceMessages.empty.activity) })] }), hasSidebar ? (_jsx("aside", { "data-slot": "booking-workspace-sidebar", className: "flex min-w-0 flex-col gap-4", children: sidebar })) : null] })] })] }) }));
 }
 function WorkspaceHeader({ title, description, onBack, actions, }) {
     return (_jsxs("div", { "data-slot": "booking-workspace-header", className: "flex flex-col gap-4 border-b pb-4 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onBack, children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: "Back" })] })) : null, _jsx("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title })] }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/bookings-ui",
-  "version": "0.50.2",
+  "version": "0.50.4",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -51,20 +51,20 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/availability-react": "0.50.2",
-    "@voyantjs/bookings-react": "0.50.2",
-    "@voyantjs/catalog": "0.50.2",
-    "@voyantjs/catalog-react": "0.50.2",
-    "@voyantjs/crm-react": "0.50.2",
-    "@voyantjs/crm-ui": "0.50.2",
-    "@voyantjs/finance-react": "0.50.2",
-    "@voyantjs/legal-react": "0.50.2",
-    "@voyantjs/products-react": "0.50.2",
-    "@voyantjs/suppliers-react": "0.50.2",
-    "@voyantjs/ui": "0.50.2"
+    "@voyantjs/availability-react": "0.50.4",
+    "@voyantjs/bookings-react": "0.50.4",
+    "@voyantjs/catalog": "0.50.4",
+    "@voyantjs/catalog-react": "0.50.4",
+    "@voyantjs/crm-react": "0.50.4",
+    "@voyantjs/crm-ui": "0.50.4",
+    "@voyantjs/finance-react": "0.50.4",
+    "@voyantjs/legal-react": "0.50.4",
+    "@voyantjs/products-react": "0.50.4",
+    "@voyantjs/suppliers-react": "0.50.4",
+    "@voyantjs/ui": "0.50.4"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.50.2"
+    "@voyantjs/i18n": "0.50.4"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -77,18 +77,18 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/availability-react": "0.50.2",
-    "@voyantjs/bookings-react": "0.50.2",
-    "@voyantjs/catalog": "0.50.2",
-    "@voyantjs/catalog-react": "0.50.2",
-    "@voyantjs/crm-react": "0.50.2",
-    "@voyantjs/crm-ui": "0.50.2",
-    "@voyantjs/finance-react": "0.50.2",
-    "@voyantjs/legal-react": "0.50.2",
-    "@voyantjs/products-react": "0.50.2",
-    "@voyantjs/suppliers-react": "0.50.2",
+    "@voyantjs/availability-react": "0.50.4",
+    "@voyantjs/bookings-react": "0.50.4",
+    "@voyantjs/catalog": "0.50.4",
+    "@voyantjs/catalog-react": "0.50.4",
+    "@voyantjs/crm-react": "0.50.4",
+    "@voyantjs/crm-ui": "0.50.4",
+    "@voyantjs/finance-react": "0.50.4",
+    "@voyantjs/legal-react": "0.50.4",
+    "@voyantjs/products-react": "0.50.4",
+    "@voyantjs/suppliers-react": "0.50.4",
     "@voyantjs/voyant-typescript-config": "0.1.0",
-    "@voyantjs/ui": "0.50.2"
+    "@voyantjs/ui": "0.50.4"
   },
   "files": [
     "dist",