@flamingo-stack/openframe-frontend-core 0.0.666 → 0.0.667-2387.7140.1

package/dist/{chunk-ILAEMVAI.js → chunk-WMCJWEJX.js}

@@ -29373,7 +29373,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
 import { combine as combine3 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled";
-import { Fragment as Fragment45, useCallback as useCallback27, useEffect as useEffect44, useMemo as useMemo23, useRef as useRef43, useState as useState78 } from "react";
+import { Fragment as Fragment45, useCallback as useCallback28, useEffect as useEffect44, useMemo as useMemo23, useRef as useRef43, useState as useState78 } from "react";
 import { createPortal } from "react-dom";
 
 // src/utils/auto-scroll-ancestors.ts
@@ -29486,7 +29486,7 @@ function aimToChange(columns, ticketId, aim) {
 // src/components/features/board/board-column.tsx
 import { attachClosestEdge as attachClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import { dropTargetForElements as dropTargetForElements2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { memo as memo6, useCallback as useCallback25, useEffect as useEffect42, useRef as useRef41, useState as useState76 } from "react";
+import { memo as memo6, useCallback as useCallback26, useEffect as useEffect42, useRef as useRef41, useState as useState76 } from "react";
 
 // src/components/features/board/board-column-header.tsx
 import { jsx as jsx261, jsxs as jsxs207 } from "react/jsx-runtime";
@@ -29658,6 +29658,7 @@ import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/elemen
 import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
 import {
   memo as memo5,
+  useCallback as useCallback25,
   useEffect as useEffect41,
   useMemo as useMemo22,
   useRef as useRef40,
@@ -29778,7 +29779,15 @@ var ACTIVITY_DEFAULT_LABEL = {
   stale: "No activity"
 };
 var TICKET_CARD_SHELL = "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left";
-function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onReject }) {
+function TicketCardBody({
+  ticket,
+  columnColor,
+  renderAssignSlot,
+  onApprove,
+  onReject,
+  href,
+  onLinkClick
+}) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
   const newMessageTextColor = columnColor ? getReadableTextColor(columnColor) : void 0;
   const showDeviceRow = !!(ticket.deviceHostnames?.length || ticket.organizationName);
@@ -29822,6 +29831,19 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
+  const metaClass = "truncate text-ods-text-secondary text-h6";
+  const meta = href ? /* @__PURE__ */ jsx263(
+    next_link_default,
+    {
+      href,
+      draggable: false,
+      prefetch: false,
+      tabIndex: -1,
+      onClick: onLinkClick,
+      className: cn("pointer-events-auto block", metaClass),
+      children: metaLabel
+    }
+  ) : /* @__PURE__ */ jsx263("p", { className: cn(tooltipLabel && "pointer-events-auto", metaClass), children: metaLabel });
   return /* @__PURE__ */ jsxs209(Fragment43, { children: [
     /* @__PURE__ */ jsxs209("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs209("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
@@ -29835,9 +29857,9 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
     ] }),
     ticket.tags?.length ? /* @__PURE__ */ jsx263(TicketTagRow, { tags: ticket.tags }) : null,
     metaLabel && (tooltipLabel ? /* @__PURE__ */ jsx263(TooltipProvider, { children: /* @__PURE__ */ jsxs209(Tooltip, { children: [
-      /* @__PURE__ */ jsx263(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx263("p", { className: "pointer-events-auto truncate text-ods-text-secondary text-h6", children: metaLabel }) }),
+      /* @__PURE__ */ jsx263(TooltipTrigger, { asChild: true, children: meta }),
       /* @__PURE__ */ jsx263(TooltipContent, { children: tooltipLabel })
-    ] }) }) : /* @__PURE__ */ jsx263("p", { className: "truncate text-ods-text-secondary text-h6", children: metaLabel })),
+    ] }) }) : meta),
     ticket.escalatedByUser && /* @__PURE__ */ jsxs209("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ jsx263(UserCheckIcon, { className: "size-4 shrink-0" }),
       /* @__PURE__ */ jsx263("span", { className: "truncate", children: "Escalated by User" })
@@ -29983,9 +30005,12 @@ var TicketCard = memo5(function TicketCardImpl({
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
   const style = {};
   if (showNewMessage) style.borderColor = columnColor;
-  const handleClick = (e) => {
-    if (isDragging) e.preventDefault();
-  };
+  const handleClick = useCallback25(
+    (e) => {
+      if (isDragging) e.preventDefault();
+    },
+    [isDragging]
+  );
   const body = useMemo22(
     () => /* @__PURE__ */ jsx263(
       TicketCardBody,
@@ -29994,10 +30019,12 @@ var TicketCard = memo5(function TicketCardImpl({
         columnColor,
         renderAssignSlot,
         onApprove: onApprove ? (requestId) => onApprove(ticket.id, requestId) : void 0,
-        onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0
+        onReject: onReject ? (requestId) => onReject(ticket.id, requestId) : void 0,
+        href,
+        onLinkClick: handleClick
       }
     ),
-    [ticket, columnColor, renderAssignSlot, onApprove, onReject]
+    [ticket, columnColor, renderAssignSlot, onApprove, onReject, href, handleClick]
   );
   const cardClasses = cn(TICKET_CARD_SHELL, !dragDisabled && "cursor-pointer");
   const outerProps = {
@@ -30165,7 +30192,7 @@ var BoardColumn = memo6(function BoardColumnImpl({
       onDrop: () => setIsOver(false)
     });
   }, [column.id, column.dropDisabled, column.allowedFromColumns, collapsed, touchMode]);
-  const handleToggleCollapse = useCallback25(() => onToggleCollapse?.(column.id), [onToggleCollapse, column.id]);
+  const handleToggleCollapse = useCallback26(() => onToggleCollapse?.(column.id), [onToggleCollapse, column.id]);
   return /* @__PURE__ */ jsxs211(
     "div",
     {
@@ -30312,7 +30339,7 @@ function resolveBoardDrop(columns, { source, target }) {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback26, useEffect as useEffect43, useRef as useRef42, useState as useState77 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect43, useRef as useRef42, useState as useState77 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(storageKey ?? "__board_collapse_unused__", {});
   const [memory, setMemory] = useState77({});
@@ -30322,10 +30349,10 @@ function useBoardCollapse(storageKey) {
   useEffect43(() => {
     setMapRef.current = setMap;
   });
-  const toggle = useCallback26((columnId) => {
+  const toggle = useCallback27((columnId) => {
     setMapRef.current((prev) => ({ ...prev, [columnId]: !prev[columnId] }));
   }, []);
-  const setCollapsed = useCallback26((columnId, value) => {
+  const setCollapsed = useCallback27((columnId, value) => {
     setMapRef.current((prev) => ({ ...prev, [columnId]: value }));
   }, []);
   return { collapsed, toggle, setCollapsed };
@@ -30423,7 +30450,7 @@ function DragBoard({
   const onChangeRef = useRef43(onChange);
   const boardRef = useRef43(null);
   const scrollerRef = useRef43(null);
-  const setScroller = useCallback27(
+  const setScroller = useCallback28(
     (node) => {
       scrollerRef.current = node;
       scrollRef(node);
@@ -30446,8 +30473,8 @@ function DragBoard({
   const [landing, setLanding] = useState78(null);
   const landingTimer = useRef43(null);
   const pointRef = useRef43({ x: 0, y: 0 });
-  const laneLabel = useCallback27((columnId) => view.find((c) => c.id === columnId)?.label ?? columnId, [view]);
-  const acceptsLifted = useCallback27(
+  const laneLabel = useCallback28((columnId) => view.find((c) => c.id === columnId)?.label ?? columnId, [view]);
+  const acceptsLifted = useCallback28(
     (fromColumnId) => (column) => {
       if (column.dropDisabled || collapsed[column.id]) return false;
       if (column.id === fromColumnId) return true;
@@ -30455,7 +30482,7 @@ function DragBoard({
     },
     [collapsed]
   );
-  const lift = useCallback27(
+  const lift = useCallback28(
     (ticketId) => {
       const start = initialAim(view, ticketId);
       if (!start) return;
@@ -30465,7 +30492,7 @@ function DragBoard({
     },
     [view]
   );
-  const drop = useCallback27(() => {
+  const drop = useCallback28(() => {
     if (!lifted) return;
     const change = aimToChange(view, lifted.ticketId, lifted.aim);
     setLifted(null);
@@ -30482,7 +30509,7 @@ function DragBoard({
     });
     onChange(change);
   }, [lifted, view, laneLabel, onChange]);
-  const walk = useCallback27(
+  const walk = useCallback28(
     (key) => {
       if (!lifted) return;
       const from = laneOf(view, lifted.ticketId)?.id ?? lifted.aim.columnId;
@@ -30828,7 +30855,7 @@ import { dropTargetForElements as dropTargetForElements3, monitorForElements as
 import { preventUnhandled as preventUnhandled2 } from "@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled";
 import {
   createContext as createContext13,
-  useCallback as useCallback28,
+  useCallback as useCallback29,
   useContext as useContext13,
   useEffect as useEffect45,
   useId as useId7,
@@ -30861,11 +30888,11 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
   const flipFrom = useRef44(null);
   const [flipTick, setFlipTick] = useState79(0);
   const flipTimer = useRef44(null);
-  const readItems = useCallback28(
+  const readItems = useCallback29(
     () => [...listRef.current?.querySelectorAll(`[${SORTABLE_ITEM_ATTRIBUTE}]`) ?? []],
     []
   );
-  const reorder = useCallback28(
+  const reorder = useCallback29(
     (from, to) => {
       if (from === to) return;
       const label = getItemLabelRef.current?.(from) ?? "Item";
@@ -31034,14 +31061,14 @@ function SortableMoveButtons({ index, count, label, className }) {
 import { combine as combine5 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable as draggable2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { disableNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
-import { useCallback as useCallback29, useEffect as useEffect46, useState as useState80 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect46, useState as useState80 } from "react";
 function useSortableItem() {
   const { dragType, disabled, dragAndDropEnabled, reorder, readItems } = useSortableListContext();
   const inert = disabled || !dragAndDropEnabled;
   const [item, setItem] = useState80(null);
   const [handle, setHandle] = useState80(null);
   const [isDragging, setIsDragging] = useState80(false);
-  const itemRef = useCallback29((node) => {
+  const itemRef = useCallback30((node) => {
     node?.setAttribute(SORTABLE_ITEM_ATTRIBUTE, "");
     setItem(node);
   }, []);
@@ -31062,7 +31089,7 @@ function useSortableItem() {
       })
     );
   }, [item, handle, inert, dragType]);
-  const onKeyDown = useCallback29(
+  const onKeyDown = useCallback30(
     (event) => {
       const step = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
       if (!step || inert) return;
@@ -31766,4 +31793,4 @@ export {
   LazyMount,
   IconTile
 };
-//# sourceMappingURL=chunk-ILAEMVAI.js.map
+//# sourceMappingURL=chunk-WMCJWEJX.js.map