@natoe/colab 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -178,6 +178,11 @@ interface CollabPanelProps {
178
178
  participantIds?: string[];
179
179
  /** Show "seen by" indicator under own messages (default true) */
180
180
  showSeenBy?: boolean;
181
+ /**
182
+ * When set, the header renders a back-arrow button (used by CollabInbox in
183
+ * its compact / single-pane layout to return to the conversation list).
184
+ */
185
+ onBack?: () => void;
181
186
  /** Custom class name for the outer container */
182
187
  className?: string;
183
188
  /** Custom inline styles for the outer container */
@@ -187,7 +192,7 @@ interface CollabPanelProps {
187
192
  * Full collaboration panel: patient header + pinned bar + message thread + input.
188
193
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
189
194
  */
190
- declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
195
+ declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
191
196
 
192
197
  interface CollabPopupProps {
193
198
  /** Order ID for this conversation */
@@ -661,9 +666,11 @@ interface PatientHeaderProps {
661
666
  participants: Participant[];
662
667
  onOpenDicom?: () => void;
663
668
  onOpenSettings?: () => void;
669
+ /** When set, renders a back-arrow button (compact inbox returning to list) */
670
+ onBack?: () => void;
664
671
  className?: string;
665
672
  }
666
- declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
673
+ declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
667
674
 
668
675
  interface MessageListHandle {
669
676
  /** Scroll to a specific message by ID (used by pin jump-to) */
@@ -738,18 +745,17 @@ interface MessageActionsMenuProps {
738
745
  onCopy?: (text: string) => void;
739
746
  /** Whether we've hit the pin limit — if true, pin is disabled */
740
747
  pinDisabled?: boolean;
741
- /** Anchor the popover to the left of the trigger (use for own bubbles) */
748
+ /** Anchor the popover to the right edge of the trigger (use for messages on the left side of the panel) */
742
749
  anchorRight?: boolean;
743
750
  className?: string;
744
751
  }
745
752
  /**
746
- * Self-contained "⋯" trigger + popover for per-message actions. Replaces
747
- * the previous hover-only floating menu so touch users (and anyone with
748
- * a non-pointer device) can reach Reply / Pin / Copy.
753
+ * Self-contained "⋯" trigger + popover for per-message actions. The menu is
754
+ * rendered into a portal on document.body and positioned via getBoundingClientRect,
755
+ * so it escapes any ancestor overflow:hidden (the floating CollabPopup
756
+ * container) and flips above the trigger when there's no room below.
749
757
  *
750
- * Menu rows are icon + text so the affordance reads cold; the trigger is
751
- * a 36px tap target. Closes on outside-click, Escape, or after selecting
752
- * an action.
758
+ * Closes on outside-click, Escape, window resize, or scroll outside the menu.
753
759
  */
754
760
  declare function MessageActionsMenu({ message, onReply, onPin, onUnpin, onCopy, pinDisabled, anchorRight, className, }: MessageActionsMenuProps): react_jsx_runtime.JSX.Element;
755
761
 
package/dist/index.d.ts CHANGED
@@ -178,6 +178,11 @@ interface CollabPanelProps {
178
178
  participantIds?: string[];
179
179
  /** Show "seen by" indicator under own messages (default true) */
180
180
  showSeenBy?: boolean;
181
+ /**
182
+ * When set, the header renders a back-arrow button (used by CollabInbox in
183
+ * its compact / single-pane layout to return to the conversation list).
184
+ */
185
+ onBack?: () => void;
181
186
  /** Custom class name for the outer container */
182
187
  className?: string;
183
188
  /** Custom inline styles for the outer container */
@@ -187,7 +192,7 @@ interface CollabPanelProps {
187
192
  * Full collaboration panel: patient header + pinned bar + message thread + input.
188
193
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
189
194
  */
190
- declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
195
+ declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
191
196
 
192
197
  interface CollabPopupProps {
193
198
  /** Order ID for this conversation */
@@ -661,9 +666,11 @@ interface PatientHeaderProps {
661
666
  participants: Participant[];
662
667
  onOpenDicom?: () => void;
663
668
  onOpenSettings?: () => void;
669
+ /** When set, renders a back-arrow button (compact inbox returning to list) */
670
+ onBack?: () => void;
664
671
  className?: string;
665
672
  }
666
- declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
673
+ declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
667
674
 
668
675
  interface MessageListHandle {
669
676
  /** Scroll to a specific message by ID (used by pin jump-to) */
@@ -738,18 +745,17 @@ interface MessageActionsMenuProps {
738
745
  onCopy?: (text: string) => void;
739
746
  /** Whether we've hit the pin limit — if true, pin is disabled */
740
747
  pinDisabled?: boolean;
741
- /** Anchor the popover to the left of the trigger (use for own bubbles) */
748
+ /** Anchor the popover to the right edge of the trigger (use for messages on the left side of the panel) */
742
749
  anchorRight?: boolean;
743
750
  className?: string;
744
751
  }
745
752
  /**
746
- * Self-contained "⋯" trigger + popover for per-message actions. Replaces
747
- * the previous hover-only floating menu so touch users (and anyone with
748
- * a non-pointer device) can reach Reply / Pin / Copy.
753
+ * Self-contained "⋯" trigger + popover for per-message actions. The menu is
754
+ * rendered into a portal on document.body and positioned via getBoundingClientRect,
755
+ * so it escapes any ancestor overflow:hidden (the floating CollabPopup
756
+ * container) and flips above the trigger when there's no room below.
749
757
  *
750
- * Menu rows are icon + text so the affordance reads cold; the trigger is
751
- * a 36px tap target. Closes on outside-click, Escape, or after selecting
752
- * an action.
758
+ * Closes on outside-click, Escape, window resize, or scroll outside the menu.
753
759
  */
754
760
  declare function MessageActionsMenu({ message, onReply, onPin, onUnpin, onCopy, pinDisabled, anchorRight, className, }: MessageActionsMenuProps): react_jsx_runtime.JSX.Element;
755
761