@flamingo-stack/openframe-frontend-core 0.0.170 → 0.0.171-snapshot.20260513130829

package/dist/{chunk-M7DP7XDQ.js → chunk-FEEPEOW2.js}

@@ -26355,14 +26355,15 @@ function CompactAssigneeDropdown({
           "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
         ),
         children: [
-          /* @__PURE__ */ jsx235("div", { className: "p-[var(--spacing-system-xs)] border-b border-ods-border", children: /* @__PURE__ */ jsx235(
+          /* @__PURE__ */ jsx235("div", { className: "border-b border-ods-border", children: /* @__PURE__ */ jsx235(
             Input,
             {
               autoFocus: true,
               value: search,
               onChange: (e) => setSearch(e.target.value),
               placeholder: "Search users...",
-              startAdornment: /* @__PURE__ */ jsx235(SearchIcon, { className: "size-4 text-ods-text-secondary" })
+              startAdornment: /* @__PURE__ */ jsx235(SearchIcon, { className: "size-4 text-ods-text-secondary" }),
+              className: "rounded-none border-0"
             }
           ) }),
           /* @__PURE__ */ jsx235("div", { className: "max-h-80 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: isLoading ? /* @__PURE__ */ jsx235("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "Loading\u2026" }) : orderedOptions.length === 0 ? /* @__PURE__ */ jsx235("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "No users found" }) : orderedOptions.map((opt) => {
@@ -32473,7 +32474,9 @@ import {
   DragOverlay,
   KeyboardSensor,
   PointerSensor,
-  closestCenter,
+  closestCorners,
+  pointerWithin,
+  rectIntersection,
   useSensor,
   useSensors
 } from "@dnd-kit/core";
@@ -32494,7 +32497,6 @@ function BoardColumnHeader({
   onToggleCollapse,
   onAddTicket
 }) {
-  const textColor = getReadableTextColor(column.color);
   const count = column.total ?? column.tickets.length;
   const useStatusVariant = !!getTicketStatusConfig(column.id).icon;
   if (collapsed) {
@@ -32504,18 +32506,19 @@ function BoardColumnHeader({
         {
           variant: "transparent",
           size: "icon",
-          className: "h-8 w-8 p-0",
+          className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onToggleCollapse,
           "aria-label": "Expand column",
           children: /* @__PURE__ */ jsx291(Arrow02RightIcon, { className: "h-6 w-6 text-ods-text-secondary" })
         }
       ),
       /* @__PURE__ */ jsx291(
-        "div",
+        TicketStatusTag,
         {
-          className: "inline-flex items-center justify-center whitespace-nowrap rounded-md p-[var(--spacing-system-xsf)] text-h5 rotate-180",
-          style: { backgroundColor: column.color, color: textColor, writingMode: "vertical-rl" },
-          children: column.label
+          status: column.id,
+          label: column.label,
+          color: useStatusVariant ? void 0 : column.color,
+          className: "h-auto [writing-mode:vertical-rl]"
         }
       ),
       /* @__PURE__ */ jsx291("span", { className: "text-h5", style: { color: column.color }, children: count })
@@ -32546,7 +32549,7 @@ function BoardColumnHeader({
         {
           variant: "transparent",
           size: "icon",
-          className: "h-8 w-8 p-0",
+          className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onToggleCollapse,
           "aria-label": "Collapse column",
           children: /* @__PURE__ */ jsx291(Arrow02LeftIcon, { className: "h-6 w-6 text-ods-text-secondary" })
@@ -32557,7 +32560,7 @@ function BoardColumnHeader({
         {
           variant: "transparent",
           size: "icon",
-          className: "h-8 w-8 p-0",
+          className: "h-8 w-8 md:h-8 md:w-8 p-0",
           onClick: onAddTicket,
           "aria-label": "Add ticket",
           children: /* @__PURE__ */ jsx291(PlusIcon, { className: "h-6 w-6 text-ods-text-secondary" })
@@ -32928,6 +32931,30 @@ function Board({
     useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
   );
+  const collisionDetection = React101.useCallback((args) => {
+    const pointer = pointerWithin(args);
+    const intersections = pointer.length > 0 ? pointer : rectIntersection(args);
+    const ticketHit = intersections.find(
+      (c) => c.data?.droppableContainer?.data?.current?.type === "ticket"
+    );
+    if (ticketHit) return [ticketHit];
+    const columnHit = intersections.find(
+      (c) => c.data?.droppableContainer?.data?.current?.type === "column"
+    );
+    if (columnHit) {
+      const columnId = columnHit.data?.droppableContainer?.data?.current?.columnId;
+      const ticketsInColumn = args.droppableContainers.filter((c) => {
+        const d = c.data.current;
+        return d?.type === "ticket" && d.columnId === columnId;
+      });
+      if (ticketsInColumn.length > 0) {
+        const closest = closestCorners({ ...args, droppableContainers: ticketsInColumn });
+        if (closest.length > 0) return closest;
+      }
+      return [columnHit];
+    }
+    return closestCorners(args);
+  }, []);
   const handleDragStart = (e) => {
     const id = String(e.active.id);
     const located = locate(items, id);
@@ -32946,9 +32973,10 @@ function Board({
     const fromColumnId = locate(items, activeId)?.columnId;
     const toColumnId = overData?.columnId;
     if (!fromColumnId || !toColumnId || fromColumnId === toColumnId) return;
-    const isReturnToOrigin = dragOriginRef.current?.fromColumnId === toColumnId;
+    const origin = dragOriginRef.current;
+    const isReturnToOrigin = origin?.fromColumnId === toColumnId;
     const targetCol = items.find((c) => c.id === toColumnId);
-    const blockedBySource = !isReturnToOrigin && !!targetCol?.allowedFromColumns && !targetCol.allowedFromColumns.includes(fromColumnId);
+    const blockedBySource = !isReturnToOrigin && !!targetCol?.allowedFromColumns && !!origin && !targetCol.allowedFromColumns.includes(origin.fromColumnId);
     if (targetCol?.dropDisabled && !isReturnToOrigin || blockedBySource) return;
     setItems((prev) => {
       const fromIndex = findIndexInColumn(prev, fromColumnId, activeId);
@@ -32964,7 +32992,7 @@ function Board({
         } else {
           const activeRect = active.rect.current.translated;
           const overRect = over.rect;
-          const isBelow = !!activeRect && activeRect.top + activeRect.height / 2 > overRect.top + overRect.height / 2;
+          const isBelow = !!activeRect && activeRect.top > overRect.top + overRect.height / 2;
           toIndex = overIndex + (isBelow ? 1 : 0);
         }
       }
@@ -33038,7 +33066,7 @@ function Board({
     DndContext,
     {
       sensors,
-      collisionDetection: closestCenter,
+      collisionDetection,
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,
@@ -33736,4 +33764,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-M7DP7XDQ.js.map
+//# sourceMappingURL=chunk-FEEPEOW2.js.map