@j3m-quantum/ui 1.9.1 → 1.10.0

package/dist/index.d.cts

@@ -1762,7 +1762,7 @@ declare function SubmitCalibrationBar({ className, status, lastSaved, canSubmit,
  * Types for the Supplier Weekly Loading (iPad) block
  *
  * A touch-first weekly view for suppliers to view deliveries
- * and add pre-unloading comments.
+ * and add pre-loading comments.
  */
 /**
  * User role for role-based access control
@@ -1787,7 +1787,7 @@ declare function getLoadingDeliveryStatusLabel(status: LoadingDeliveryStatus): s
 /**
  * Visual state for delivery cards (3-state model)
  * - sent: Greyed out with checkmark (shipped/delivered)
- * - ready: Highlighted as ready to unload
+ * - ready: Highlighted as ready to load
  * - normal: Default neutral state
  */
 type DeliveryVisualState = "sent" | "ready" | "normal";
@@ -1825,11 +1825,11 @@ interface LoadingElement {
     originalDeliveryLabel?: string;
 }
 /**
- * Comment context for pre-unloading notes
+ * Comment context for pre-loading notes
  */
 type CommentContext = "pre_unloading" | "general";
 /**
- * A comment attached to a delivery (pre-unloading)
+ * A comment attached to a delivery (pre-loading)
  */
 interface LoadingComment {
     /** Unique identifier */
@@ -1877,7 +1877,7 @@ interface LoadingDelivery {
     destination?: string;
     /** Elements to load */
     elements: LoadingElement[];
-    /** Pre-unloading comments */
+    /** Pre-loading comments */
     comments: LoadingComment[];
     /** Number loaded (if loading has started) */
     loadedCount?: number;
@@ -2076,6 +2076,8 @@ interface DeliveryBadgeProps {
     delivery: LoadingDelivery;
     /** Callback when badge is clicked */
     onClick?: () => void;
+    /** Callback when comment button is clicked */
+    onCommentClick?: () => void;
     /** Additional class names */
     className?: string;
 }
@@ -2084,14 +2086,15 @@ interface DeliveryBadgeProps {
  *
  * Card title = prefixes carried (e.g., "TF · WP · CF")
  * Factory icon + progress bar for production readiness
+ * Comment button in top-right corner (44px touch target)
  *
  * Spacing using Quantum tokens:
- * - Card height: h-[80px]
- * - Padding: px-6 py-4 (j3m.spacing.l / j3m.spacing.m)
+ * - Card min-height: min-h-[100px]
+ * - Padding: p-4 (j3m.spacing.m = 16px)
  * - Row gap: gap-3 (j3m.spacing.s = 12px) - breathing room between title and progress
  * - Intra-row gap: gap-2 (j3m.spacing.xs = 8px) - tighter within rows
  */
-declare function DeliveryBadge({ delivery, onClick, className, }: DeliveryBadgeProps): react_jsx_runtime.JSX.Element;
+declare function DeliveryBadge({ delivery, onClick, onCommentClick, className, }: DeliveryBadgeProps): react_jsx_runtime.JSX.Element;
 
 /**
  * DeliveryDetailPage - Touch-first detail page for a delivery
@@ -2100,7 +2103,7 @@ declare function DeliveryBadge({ delivery, onClick, className, }: DeliveryBadgeP
  * - Delivery summary with visual state (sent/ready/normal)
  * - Production progress with risk indicators
  * - Elements table (view-only)
- * - Pre-unloading notes (Dialog for adding - no "Applies to" selector)
+ * - Pre-loading notes (Dialog for adding - no "Applies to" selector)
  * - Actions (Confirm load)
  */
 declare function DeliveryDetailPage({ delivery, week, suppliers, userRole, currentSupplierId, onBack, onAddComment, onConfirmLoad, }: DeliveryDetailPageProps): react_jsx_runtime.JSX.Element;
@@ -2114,8 +2117,8 @@ interface WeeklyLoadingViewProps {
     onDeliveryClick?: (delivery: LoadingDelivery) => void;
     /** Callback for week navigation (optional) */
     onWeekChange?: (direction: "prev" | "next") => void;
-    /** Callback when day comment button is clicked */
-    onDayCommentClick?: (dayOfWeek: number, date: Date) => void;
+    /** Callback when delivery comment button is clicked */
+    onDeliveryCommentClick?: (delivery: LoadingDelivery) => void;
     /** Show week navigation controls */
     showNavigation?: boolean;
     /** Additional class names */
@@ -2126,11 +2129,11 @@ interface WeeklyLoadingViewProps {
  *
  * Layout using Quantum spacing tokens:
  * - Columns = Mon-Fri (no vertical dividers)
- * - Day headers include comment button (top-right)
+ * - Clean day headers (no comment controls)
  * - Each column contains stacked delivery cards with gap-3 (j3m.spacing.s = 12px)
  * - Content-sized grid
  */
-declare function WeeklyLoadingView({ week, deliveries, onDeliveryClick, onWeekChange, onDayCommentClick, showNavigation, className, }: WeeklyLoadingViewProps): react_jsx_runtime.JSX.Element;
+declare function WeeklyLoadingView({ week, deliveries, onDeliveryClick, onWeekChange, onDeliveryCommentClick, showNavigation, className, }: WeeklyLoadingViewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Event Calendar Types

package/dist/index.d.ts

@@ -1762,7 +1762,7 @@ declare function SubmitCalibrationBar({ className, status, lastSaved, canSubmit,
  * Types for the Supplier Weekly Loading (iPad) block
  *
  * A touch-first weekly view for suppliers to view deliveries
- * and add pre-unloading comments.
+ * and add pre-loading comments.
  */
 /**
  * User role for role-based access control
@@ -1787,7 +1787,7 @@ declare function getLoadingDeliveryStatusLabel(status: LoadingDeliveryStatus): s
 /**
  * Visual state for delivery cards (3-state model)
  * - sent: Greyed out with checkmark (shipped/delivered)
- * - ready: Highlighted as ready to unload
+ * - ready: Highlighted as ready to load
  * - normal: Default neutral state
  */
 type DeliveryVisualState = "sent" | "ready" | "normal";
@@ -1825,11 +1825,11 @@ interface LoadingElement {
     originalDeliveryLabel?: string;
 }
 /**
- * Comment context for pre-unloading notes
+ * Comment context for pre-loading notes
  */
 type CommentContext = "pre_unloading" | "general";
 /**
- * A comment attached to a delivery (pre-unloading)
+ * A comment attached to a delivery (pre-loading)
  */
 interface LoadingComment {
     /** Unique identifier */
@@ -1877,7 +1877,7 @@ interface LoadingDelivery {
     destination?: string;
     /** Elements to load */
     elements: LoadingElement[];
-    /** Pre-unloading comments */
+    /** Pre-loading comments */
     comments: LoadingComment[];
     /** Number loaded (if loading has started) */
     loadedCount?: number;
@@ -2076,6 +2076,8 @@ interface DeliveryBadgeProps {
     delivery: LoadingDelivery;
     /** Callback when badge is clicked */
     onClick?: () => void;
+    /** Callback when comment button is clicked */
+    onCommentClick?: () => void;
     /** Additional class names */
     className?: string;
 }
@@ -2084,14 +2086,15 @@ interface DeliveryBadgeProps {
  *
  * Card title = prefixes carried (e.g., "TF · WP · CF")
  * Factory icon + progress bar for production readiness
+ * Comment button in top-right corner (44px touch target)
  *
  * Spacing using Quantum tokens:
- * - Card height: h-[80px]
- * - Padding: px-6 py-4 (j3m.spacing.l / j3m.spacing.m)
+ * - Card min-height: min-h-[100px]
+ * - Padding: p-4 (j3m.spacing.m = 16px)
  * - Row gap: gap-3 (j3m.spacing.s = 12px) - breathing room between title and progress
  * - Intra-row gap: gap-2 (j3m.spacing.xs = 8px) - tighter within rows
  */
-declare function DeliveryBadge({ delivery, onClick, className, }: DeliveryBadgeProps): react_jsx_runtime.JSX.Element;
+declare function DeliveryBadge({ delivery, onClick, onCommentClick, className, }: DeliveryBadgeProps): react_jsx_runtime.JSX.Element;
 
 /**
  * DeliveryDetailPage - Touch-first detail page for a delivery
@@ -2100,7 +2103,7 @@ declare function DeliveryBadge({ delivery, onClick, className, }: DeliveryBadgeP
  * - Delivery summary with visual state (sent/ready/normal)
  * - Production progress with risk indicators
  * - Elements table (view-only)
- * - Pre-unloading notes (Dialog for adding - no "Applies to" selector)
+ * - Pre-loading notes (Dialog for adding - no "Applies to" selector)
  * - Actions (Confirm load)
  */
 declare function DeliveryDetailPage({ delivery, week, suppliers, userRole, currentSupplierId, onBack, onAddComment, onConfirmLoad, }: DeliveryDetailPageProps): react_jsx_runtime.JSX.Element;
@@ -2114,8 +2117,8 @@ interface WeeklyLoadingViewProps {
     onDeliveryClick?: (delivery: LoadingDelivery) => void;
     /** Callback for week navigation (optional) */
     onWeekChange?: (direction: "prev" | "next") => void;
-    /** Callback when day comment button is clicked */
-    onDayCommentClick?: (dayOfWeek: number, date: Date) => void;
+    /** Callback when delivery comment button is clicked */
+    onDeliveryCommentClick?: (delivery: LoadingDelivery) => void;
     /** Show week navigation controls */
     showNavigation?: boolean;
     /** Additional class names */
@@ -2126,11 +2129,11 @@ interface WeeklyLoadingViewProps {
  *
  * Layout using Quantum spacing tokens:
  * - Columns = Mon-Fri (no vertical dividers)
- * - Day headers include comment button (top-right)
+ * - Clean day headers (no comment controls)
  * - Each column contains stacked delivery cards with gap-3 (j3m.spacing.s = 12px)
  * - Content-sized grid
  */
-declare function WeeklyLoadingView({ week, deliveries, onDeliveryClick, onWeekChange, onDayCommentClick, showNavigation, className, }: WeeklyLoadingViewProps): react_jsx_runtime.JSX.Element;
+declare function WeeklyLoadingView({ week, deliveries, onDeliveryClick, onWeekChange, onDeliveryCommentClick, showNavigation, className, }: WeeklyLoadingViewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Event Calendar Types