@flamingo-stack/openframe-frontend-core 0.0.171 → 0.0.172

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

@@ -32474,7 +32474,9 @@ import {
   DragOverlay,
   KeyboardSensor,
   PointerSensor,
-  closestCenter,
+  closestCorners,
+  pointerWithin,
+  rectIntersection,
   useSensor,
   useSensors
 } from "@dnd-kit/core";
@@ -32495,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) {
@@ -32512,11 +32513,12 @@ function BoardColumnHeader({
         }
       ),
       /* @__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 })
@@ -32929,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);
@@ -32966,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);
         }
       }
@@ -33040,7 +33066,7 @@ function Board({
     DndContext,
     {
       sensors,
-      collisionDetection: closestCenter,
+      collisionDetection,
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,
@@ -33738,4 +33764,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-HVQIP5MH.js.map
+//# sourceMappingURL=chunk-FEEPEOW2.js.map