@payloadcms/next 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.js

@@ -2,262 +2,268 @@ import { KeyboardCode, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useS
 /**
  * Get all droppable widget positions, filtering out overlapping "before" droppables
  * and assigning row numbers based on Y position.
- */ function getDroppablePositions() {
-    const positionTolerance = 5;
-    const rowTolerance = 10;
-    const result = [];
-    let currentRow = 0;
-    let currentY = null;
-    const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'));
-    for(let i = 0; i < allDroppables.length; i++){
-        const element = allDroppables[i];
-        const rect = element.getBoundingClientRect();
-        // Skip hidden elements
-        if (rect.width === 0 || rect.height === 0) {
-            continue;
-        }
-        const centerX = rect.left + rect.width / 2;
-        const centerY = rect.top + rect.height / 2;
-        const testId = element.getAttribute('data-testid') || '';
-        const isBeforeDroppable = testId.endsWith('-before');
-        // Skip "before" droppables that overlap with another droppable
-        if (isBeforeDroppable) {
-            const hasOverlapping = allDroppables.some((other, otherIndex)=>{
-                if (otherIndex === i) {
-                    return false;
-                }
-                const otherRect = other.getBoundingClientRect();
-                const otherCenterX = otherRect.left + otherRect.width / 2;
-                const otherCenterY = otherRect.top + otherRect.height / 2;
-                return Math.abs(otherCenterX - centerX) < positionTolerance && Math.abs(otherCenterY - centerY) < positionTolerance;
-            });
-            if (hasOverlapping) {
-                continue;
-            }
-        }
-        // Assign row number based on Y position change
-        if (currentY === null) {
-            currentY = centerY;
-        } else if (Math.abs(centerY - currentY) >= rowTolerance) {
-            currentRow++;
-            currentY = centerY;
+ */
+function getDroppablePositions() {
+  const positionTolerance = 5;
+  const rowTolerance = 10;
+  const result = [];
+  let currentRow = 0;
+  let currentY = null;
+  const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'));
+  for (let i = 0; i < allDroppables.length; i++) {
+    const element = allDroppables[i];
+    const rect = element.getBoundingClientRect();
+    // Skip hidden elements
+    if (rect.width === 0 || rect.height === 0) {
+      continue;
+    }
+    const centerX = rect.left + rect.width / 2;
+    const centerY = rect.top + rect.height / 2;
+    const testId = element.getAttribute('data-testid') || '';
+    const isBeforeDroppable = testId.endsWith('-before');
+    // Skip "before" droppables that overlap with another droppable
+    if (isBeforeDroppable) {
+      const hasOverlapping = allDroppables.some((other, otherIndex) => {
+        if (otherIndex === i) {
+          return false;
         }
-        result.push({
-            centerX,
-            centerY,
-            element,
-            isBeforeDroppable,
-            rect,
-            row: currentRow
-        });
+        const otherRect = other.getBoundingClientRect();
+        const otherCenterX = otherRect.left + otherRect.width / 2;
+        const otherCenterY = otherRect.top + otherRect.height / 2;
+        return Math.abs(otherCenterX - centerX) < positionTolerance && Math.abs(otherCenterY - centerY) < positionTolerance;
+      });
+      if (hasOverlapping) {
+        continue;
+      }
+    }
+    // Assign row number based on Y position change
+    if (currentY === null) {
+      currentY = centerY;
+    } else if (Math.abs(centerY - currentY) >= rowTolerance) {
+      currentRow++;
+      currentY = centerY;
     }
-    return result;
+    result.push({
+      centerX,
+      centerY,
+      element,
+      isBeforeDroppable,
+      rect,
+      row: currentRow
+    });
+  }
+  return result;
 }
 /**
  * Find the row with the closest Y position to the given posY.
  * Returns the row index, or null if no droppables exist.
- */ function findClosestRow(droppables, posY) {
-    if (droppables.length === 0) {
-        return null;
+ */
+function findClosestRow(droppables, posY) {
+  if (droppables.length === 0) {
+    return null;
+  }
+  let closestRow = droppables[0].row;
+  let minYDistance = Infinity;
+  for (const droppable of droppables) {
+    const yDistance = Math.abs(droppable.centerY - posY);
+    if (yDistance < minYDistance) {
+      minYDistance = yDistance;
+      closestRow = droppable.row;
     }
-    let closestRow = droppables[0].row;
-    let minYDistance = Infinity;
-    for (const droppable of droppables){
-        const yDistance = Math.abs(droppable.centerY - posY);
-        if (yDistance < minYDistance) {
-            minYDistance = yDistance;
-            closestRow = droppable.row;
-        }
-    }
-    return closestRow;
+  }
+  return closestRow;
 }
 /**
  * Find the closest droppable within a specific row by X position.
  * Returns the droppable and its index, or null if no droppables in that row.
- */ function findClosestDroppableInRow(droppables, rowIndex, posX) {
-    let closestIndex = -1;
-    let minXDistance = Infinity;
-    for(let i = 0; i < droppables.length; i++){
-        const droppable = droppables[i];
-        if (droppable.row === rowIndex) {
-            const xDistance = Math.abs(droppable.centerX - posX);
-            if (xDistance < minXDistance) {
-                minXDistance = xDistance;
-                closestIndex = i;
-            }
-        }
-    }
-    if (closestIndex === -1) {
-        return null;
+ */
+function findClosestDroppableInRow(droppables, rowIndex, posX) {
+  let closestIndex = -1;
+  let minXDistance = Infinity;
+  for (let i = 0; i < droppables.length; i++) {
+    const droppable = droppables[i];
+    if (droppable.row === rowIndex) {
+      const xDistance = Math.abs(droppable.centerX - posX);
+      if (xDistance < minXDistance) {
+        minXDistance = xDistance;
+        closestIndex = i;
+      }
     }
-    return {
-        droppable: droppables[closestIndex],
-        index: closestIndex
-    };
+  }
+  if (closestIndex === -1) {
+    return null;
+  }
+  return {
+    droppable: droppables[closestIndex],
+    index: closestIndex
+  };
 }
 /**
  * Find the target droppable based on direction
  * - ArrowRight/Left: Next/previous in DOM order (now that overlapping droppables are filtered)
  * - ArrowUp/Down: Closest in adjacent row (row +1 or -1) by X position
- */ function findTargetDroppable(droppables, currentCenterX, currentCenterY, direction) {
-    // Find the closest row, then the closest droppable in that row
-    const currentRow = findClosestRow(droppables, currentCenterY);
-    if (currentRow === null) {
-        return null;
-    }
-    const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX);
-    if (!currentDroppable) {
-        return null;
-    }
-    const { index: currentIndex } = currentDroppable;
-    switch(direction){
-        case 'ArrowDown':
-            {
-                const targetRow = currentRow + 1;
-                return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null;
-            }
-        case 'ArrowLeft':
-            // Previous in DOM order
-            return droppables[currentIndex - 1] || null;
-        case 'ArrowRight':
-            // Next in DOM order
-            return droppables[currentIndex + 1] || null;
-        case 'ArrowUp':
-            {
-                const targetRow = currentRow - 1;
-                return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null;
-            }
-        default:
-            return null;
-    }
+ */
+function findTargetDroppable(droppables, currentCenterX, currentCenterY, direction) {
+  // Find the closest row, then the closest droppable in that row
+  const currentRow = findClosestRow(droppables, currentCenterY);
+  if (currentRow === null) {
+    return null;
+  }
+  const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX);
+  if (!currentDroppable) {
+    return null;
+  }
+  const {
+    index: currentIndex
+  } = currentDroppable;
+  switch (direction) {
+    case 'ArrowDown':
+      {
+        const targetRow = currentRow + 1;
+        return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null;
+      }
+    case 'ArrowLeft':
+      // Previous in DOM order
+      return droppables[currentIndex - 1] || null;
+    case 'ArrowRight':
+      // Next in DOM order
+      return droppables[currentIndex + 1] || null;
+    case 'ArrowUp':
+      {
+        const targetRow = currentRow - 1;
+        return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null;
+      }
+    default:
+      return null;
+  }
 }
 /**
  * Custom coordinate getter that jumps directly to droppable positions
  * instead of moving in pixel increments. This works better with scrolling
  * and provides more predictable navigation.
- */ const droppableJumpKeyboardCoordinateGetter = (event, { context, currentCoordinates })=>{
-    const { collisionRect } = context;
-    const { code } = event;
-    if (!collisionRect) {
-        return currentCoordinates;
-    }
-    // Only handle arrow keys
-    if (![
-        'ArrowDown',
-        'ArrowLeft',
-        'ArrowRight',
-        'ArrowUp'
-    ].includes(code)) {
-        return currentCoordinates;
-    }
-    // Prevent default browser scroll behavior for arrow keys
-    event.preventDefault();
-    // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving
-    // This must be done on every keydown because context is updated by dnd-kit
-    if (context.scrollableAncestors) {
-        context.scrollableAncestors.length = 0;
-    }
-    // Get all droppable widgets and their positions
-    const droppables = getDroppablePositions();
-    if (droppables.length === 0) {
-        return currentCoordinates;
-    }
-    // Current position center (viewport coordinates from collisionRect)
-    const currentCenterX = collisionRect.left + collisionRect.width / 2;
-    const currentCenterY = collisionRect.top + collisionRect.height / 2;
-    // Find the target droppable based on direction
-    const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code);
-    // If we found a target, scroll if needed and calculate the delta
-    if (targetDroppable) {
-        const viewportHeight = window.innerHeight;
-        const targetRect = targetDroppable.rect;
-        const scrollPadding = 20;
-        // Extra padding to ensure element is fully visible
-        // Check if target droppable is fully visible in viewport
-        const isAboveViewport = targetRect.top < scrollPadding;
-        const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding;
-        // Scroll to make target visible (using instant scroll for synchronous behavior)
-        if (isAboveViewport) {
-            const scrollAmount = targetRect.top - scrollPadding;
-            // don't use smooth scroll here, because it will mess up the delta calculation
-            window.scrollBy({
-                behavior: 'instant',
-                top: scrollAmount
-            });
-        } else if (isBelowViewport) {
-            const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding;
-            window.scrollBy({
-                behavior: 'instant',
-                top: scrollAmount
-            });
-        }
-        // After scroll, recalculate target position (it may have changed due to scroll)
-        const newTargetRect = targetDroppable.element.getBoundingClientRect();
-        const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2;
-        const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2;
-        // Calculate delta using current overlay position (which didn't change) and new target position
-        const deltaX = newTargetCenterX - currentCenterX;
-        const deltaY = newTargetCenterY - currentCenterY;
-        // Add delta to currentCoordinates to position overlay's center at target's center
-        return {
-            x: currentCoordinates.x + deltaX,
-            y: currentCoordinates.y + deltaY
-        };
-    }
-    // No valid target found, stay in place
+ */
+const droppableJumpKeyboardCoordinateGetter = (event, {
+  context,
+  currentCoordinates
+}) => {
+  const {
+    collisionRect
+  } = context;
+  const {
+    code
+  } = event;
+  if (!collisionRect) {
+    return currentCoordinates;
+  }
+  // Only handle arrow keys
+  if (!['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(code)) {
+    return currentCoordinates;
+  }
+  // Prevent default browser scroll behavior for arrow keys
+  event.preventDefault();
+  // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving
+  // This must be done on every keydown because context is updated by dnd-kit
+  if (context.scrollableAncestors) {
+    context.scrollableAncestors.length = 0;
+  }
+  // Get all droppable widgets and their positions
+  const droppables = getDroppablePositions();
+  if (droppables.length === 0) {
     return currentCoordinates;
+  }
+  // Current position center (viewport coordinates from collisionRect)
+  const currentCenterX = collisionRect.left + collisionRect.width / 2;
+  const currentCenterY = collisionRect.top + collisionRect.height / 2;
+  // Find the target droppable based on direction
+  const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code);
+  // If we found a target, scroll if needed and calculate the delta
+  if (targetDroppable) {
+    const viewportHeight = window.innerHeight;
+    const targetRect = targetDroppable.rect;
+    const scrollPadding = 20 // Extra padding to ensure element is fully visible
+;
+    // Check if target droppable is fully visible in viewport
+    const isAboveViewport = targetRect.top < scrollPadding;
+    const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding;
+    // Scroll to make target visible (using instant scroll for synchronous behavior)
+    if (isAboveViewport) {
+      const scrollAmount = targetRect.top - scrollPadding;
+      // don't use smooth scroll here, because it will mess up the delta calculation
+      window.scrollBy({
+        behavior: 'instant',
+        top: scrollAmount
+      });
+    } else if (isBelowViewport) {
+      const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding;
+      window.scrollBy({
+        behavior: 'instant',
+        top: scrollAmount
+      });
+    }
+    // After scroll, recalculate target position (it may have changed due to scroll)
+    const newTargetRect = targetDroppable.element.getBoundingClientRect();
+    const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2;
+    const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2;
+    // Calculate delta using current overlay position (which didn't change) and new target position
+    const deltaX = newTargetCenterX - currentCenterX;
+    const deltaY = newTargetCenterY - currentCenterY;
+    // Add delta to currentCoordinates to position overlay's center at target's center
+    return {
+      x: currentCoordinates.x + deltaX,
+      y: currentCoordinates.y + deltaY
+    };
+  }
+  // No valid target found, stay in place
+  return currentCoordinates;
 };
 /**
  * Custom KeyboardSensor that only activates when focus is directly on the
  * draggable element, not on any of its descendants. This allows interactive
  * elements inside draggables (like buttons) to work normally with the keyboard.
- */ let DirectFocusKeyboardSensor = class DirectFocusKeyboardSensor extends KeyboardSensor {
-    static activators = [
-        {
-            eventName: 'onKeyDown',
-            handler: (event, { keyboardCodes = {
-                cancel: [
-                    KeyboardCode.Esc
-                ],
-                end: [
-                    KeyboardCode.Space,
-                    KeyboardCode.Enter
-                ],
-                start: [
-                    KeyboardCode.Space,
-                    KeyboardCode.Enter
-                ]
-            }, onActivation }, { active })=>{
-                const { code } = event.nativeEvent;
-                // Only activate if focus is directly on the draggable node, not descendants
-                if (event.target !== active.node.current) {
-                    return false;
-                }
-                if (keyboardCodes.start.includes(code)) {
-                    event.preventDefault();
-                    onActivation?.({
-                        event: event.nativeEvent
-                    });
-                    return true;
-                }
-                return false;
-            }
-        }
-    ];
-};
+ */
+class DirectFocusKeyboardSensor extends KeyboardSensor {
+  static activators = [{
+    eventName: 'onKeyDown',
+    handler: (event, {
+      keyboardCodes = {
+        cancel: [KeyboardCode.Esc],
+        end: [KeyboardCode.Space, KeyboardCode.Enter],
+        start: [KeyboardCode.Space, KeyboardCode.Enter]
+      },
+      onActivation
+    }, {
+      active
+    }) => {
+      const {
+        code
+      } = event.nativeEvent;
+      // Only activate if focus is directly on the draggable node, not descendants
+      if (event.target !== active.node.current) {
+        return false;
+      }
+      if (keyboardCodes.start.includes(code)) {
+        event.preventDefault();
+        onActivation?.({
+          event: event.nativeEvent
+        });
+        return true;
+      }
+      return false;
+    }
+  }];
+}
 export function useDashboardSensors() {
-    return useSensors(useSensor(MouseSensor, {
-        activationConstraint: {
-            distance: 5
-        }
-    }), useSensor(TouchSensor, {
-        activationConstraint: {
-            delay: 200,
-            tolerance: 5
-        }
-    }), useSensor(DirectFocusKeyboardSensor, {
-        coordinateGetter: droppableJumpKeyboardCoordinateGetter
-    }));
+  return useSensors(useSensor(MouseSensor, {
+    activationConstraint: {
+      distance: 5
+    }
+  }), useSensor(TouchSensor, {
+    activationConstraint: {
+      delay: 200,
+      tolerance: 5
+    }
+  }), useSensor(DirectFocusKeyboardSensor, {
+    coordinateGetter: droppableJumpKeyboardCoordinateGetter
+  }));
 }
-
 //# sourceMappingURL=sensors.js.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter, KeyboardSensorOptions } from '@dnd-kit/core'\n\nimport {\n  KeyboardCode,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\n\ntype DroppablePosition = {\n  centerX: number\n  centerY: number\n  element: Element\n  isBeforeDroppable: boolean\n  rect: DOMRect\n  row: number\n}\n\n/**\n * Get all droppable widget positions, filtering out overlapping \"before\" droppables\n * and assigning row numbers based on Y position.\n */\nfunction getDroppablePositions(): DroppablePosition[] {\n  const positionTolerance = 5\n  const rowTolerance = 10\n  const result: DroppablePosition[] = []\n  let currentRow = 0\n  let currentY: null | number = null\n\n  const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'))\n\n  for (let i = 0; i < allDroppables.length; i++) {\n    const element = allDroppables[i]\n    const rect = element.getBoundingClientRect()\n\n    // Skip hidden elements\n    if (rect.width === 0 || rect.height === 0) {\n      continue\n    }\n\n    const centerX = rect.left + rect.width / 2\n    const centerY = rect.top + rect.height / 2\n    const testId = element.getAttribute('data-testid') || ''\n    const isBeforeDroppable = testId.endsWith('-before')\n\n    // Skip \"before\" droppables that overlap with another droppable\n    if (isBeforeDroppable) {\n      const hasOverlapping = allDroppables.some((other, otherIndex) => {\n        if (otherIndex === i) {\n          return false\n        }\n        const otherRect = other.getBoundingClientRect()\n        const otherCenterX = otherRect.left + otherRect.width / 2\n        const otherCenterY = otherRect.top + otherRect.height / 2\n        return (\n          Math.abs(otherCenterX - centerX) < positionTolerance &&\n          Math.abs(otherCenterY - centerY) < positionTolerance\n        )\n      })\n      if (hasOverlapping) {\n        continue\n      }\n    }\n\n    // Assign row number based on Y position change\n    if (currentY === null) {\n      currentY = centerY\n    } else if (Math.abs(centerY - currentY) >= rowTolerance) {\n      currentRow++\n      currentY = centerY\n    }\n\n    result.push({\n      centerX,\n      centerY,\n      element,\n      isBeforeDroppable,\n      rect,\n      row: currentRow,\n    })\n  }\n\n  return result\n}\n\n/**\n * Find the row with the closest Y position to the given posY.\n * Returns the row index, or null if no droppables exist.\n */\nfunction findClosestRow(droppables: DroppablePosition[], posY: number): null | number {\n  if (droppables.length === 0) {\n    return null\n  }\n\n  let closestRow = droppables[0].row\n  let minYDistance = Infinity\n\n  for (const droppable of droppables) {\n    const yDistance = Math.abs(droppable.centerY - posY)\n    if (yDistance < minYDistance) {\n      minYDistance = yDistance\n      closestRow = droppable.row\n    }\n  }\n\n  return closestRow\n}\n\n/**\n * Find the closest droppable within a specific row by X position.\n * Returns the droppable and its index, or null if no droppables in that row.\n */\nfunction findClosestDroppableInRow(\n  droppables: DroppablePosition[],\n  rowIndex: number,\n  posX: number,\n): { droppable: DroppablePosition; index: number } | null {\n  let closestIndex = -1\n  let minXDistance = Infinity\n\n  for (let i = 0; i < droppables.length; i++) {\n    const droppable = droppables[i]\n    if (droppable.row === rowIndex) {\n      const xDistance = Math.abs(droppable.centerX - posX)\n      if (xDistance < minXDistance) {\n        minXDistance = xDistance\n        closestIndex = i\n      }\n    }\n  }\n\n  if (closestIndex === -1) {\n    return null\n  }\n\n  return { droppable: droppables[closestIndex], index: closestIndex }\n}\n\n/**\n * Find the target droppable based on direction\n * - ArrowRight/Left: Next/previous in DOM order (now that overlapping droppables are filtered)\n * - ArrowUp/Down: Closest in adjacent row (row +1 or -1) by X position\n */\nfunction findTargetDroppable(\n  droppables: DroppablePosition[],\n  currentCenterX: number,\n  currentCenterY: number,\n  direction: string,\n): DroppablePosition | null {\n  // Find the closest row, then the closest droppable in that row\n  const currentRow = findClosestRow(droppables, currentCenterY)\n\n  if (currentRow === null) {\n    return null\n  }\n\n  const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX)\n\n  if (!currentDroppable) {\n    return null\n  }\n\n  const { index: currentIndex } = currentDroppable\n\n  switch (direction) {\n    case 'ArrowDown': {\n      const targetRow = currentRow + 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    case 'ArrowLeft':\n      // Previous in DOM order\n      return droppables[currentIndex - 1] || null\n\n    case 'ArrowRight':\n      // Next in DOM order\n      return droppables[currentIndex + 1] || null\n\n    case 'ArrowUp': {\n      const targetRow = currentRow - 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    default:\n      return null\n  }\n}\n\n/**\n * Custom coordinate getter that jumps directly to droppable positions\n * instead of moving in pixel increments. This works better with scrolling\n * and provides more predictable navigation.\n */\nconst droppableJumpKeyboardCoordinateGetter: KeyboardCoordinateGetter = (\n  event,\n  { context, currentCoordinates },\n) => {\n  const { collisionRect } = context\n  const { code } = event\n\n  if (!collisionRect) {\n    return currentCoordinates\n  }\n\n  // Only handle arrow keys\n  if (!['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(code)) {\n    return currentCoordinates\n  }\n\n  // Prevent default browser scroll behavior for arrow keys\n  event.preventDefault()\n\n  // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving\n  // This must be done on every keydown because context is updated by dnd-kit\n  if (context.scrollableAncestors) {\n    context.scrollableAncestors.length = 0\n  }\n\n  // Get all droppable widgets and their positions\n  const droppables = getDroppablePositions()\n\n  if (droppables.length === 0) {\n    return currentCoordinates\n  }\n\n  // Current position center (viewport coordinates from collisionRect)\n  const currentCenterX = collisionRect.left + collisionRect.width / 2\n  const currentCenterY = collisionRect.top + collisionRect.height / 2\n\n  // Find the target droppable based on direction\n  const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code)\n\n  // If we found a target, scroll if needed and calculate the delta\n  if (targetDroppable) {\n    const viewportHeight = window.innerHeight\n    const targetRect = targetDroppable.rect\n    const scrollPadding = 20 // Extra padding to ensure element is fully visible\n\n    // Check if target droppable is fully visible in viewport\n    const isAboveViewport = targetRect.top < scrollPadding\n    const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding\n\n    // Scroll to make target visible (using instant scroll for synchronous behavior)\n    if (isAboveViewport) {\n      const scrollAmount = targetRect.top - scrollPadding\n      // don't use smooth scroll here, because it will mess up the delta calculation\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    } else if (isBelowViewport) {\n      const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    }\n\n    // After scroll, recalculate target position (it may have changed due to scroll)\n    const newTargetRect = targetDroppable.element.getBoundingClientRect()\n    const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2\n    const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2\n\n    // Calculate delta using current overlay position (which didn't change) and new target position\n    const deltaX = newTargetCenterX - currentCenterX\n    const deltaY = newTargetCenterY - currentCenterY\n\n    // Add delta to currentCoordinates to position overlay's center at target's center\n    return {\n      x: currentCoordinates.x + deltaX,\n      y: currentCoordinates.y + deltaY,\n    }\n  }\n\n  // No valid target found, stay in place\n  return currentCoordinates\n}\n\n/**\n * Custom KeyboardSensor that only activates when focus is directly on the\n * draggable element, not on any of its descendants. This allows interactive\n * elements inside draggables (like buttons) to work normally with the keyboard.\n */\nclass DirectFocusKeyboardSensor extends KeyboardSensor {\n  static override activators = [\n    {\n      eventName: 'onKeyDown' as const,\n      handler: (\n        event: React.KeyboardEvent,\n        {\n          keyboardCodes = {\n            cancel: [KeyboardCode.Esc],\n            end: [KeyboardCode.Space, KeyboardCode.Enter],\n            start: [KeyboardCode.Space, KeyboardCode.Enter],\n          },\n          onActivation,\n        }: KeyboardSensorOptions,\n        { active }: { active: { node: React.MutableRefObject<HTMLElement | null> } },\n      ) => {\n        const { code } = event.nativeEvent\n\n        // Only activate if focus is directly on the draggable node, not descendants\n        if (event.target !== active.node.current) {\n          return false\n        }\n\n        if (keyboardCodes.start.includes(code)) {\n          event.preventDefault()\n          onActivation?.({ event: event.nativeEvent })\n          return true\n        }\n\n        return false\n      },\n    },\n  ]\n}\n\nexport function useDashboardSensors() {\n  return useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(DirectFocusKeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"names":["KeyboardCode","KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","getDroppablePositions","positionTolerance","rowTolerance","result","currentRow","currentY","allDroppables","Array","from","document","querySelectorAll","i","length","element","rect","getBoundingClientRect","width","height","centerX","left","centerY","top","testId","getAttribute","isBeforeDroppable","endsWith","hasOverlapping","some","other","otherIndex","otherRect","otherCenterX","otherCenterY","Math","abs","push","row","findClosestRow","droppables","posY","closestRow","minYDistance","Infinity","droppable","yDistance","findClosestDroppableInRow","rowIndex","posX","closestIndex","minXDistance","xDistance","index","findTargetDroppable","currentCenterX","currentCenterY","direction","currentDroppable","currentIndex","targetRow","droppableJumpKeyboardCoordinateGetter","event","context","currentCoordinates","collisionRect","code","includes","preventDefault","scrollableAncestors","targetDroppable","viewportHeight","window","innerHeight","targetRect","scrollPadding","isAboveViewport","isBelowViewport","bottom","scrollAmount","scrollBy","behavior","newTargetRect","newTargetCenterX","newTargetCenterY","deltaX","deltaY","x","y","DirectFocusKeyboardSensor","activators","eventName","handler","keyboardCodes","cancel","Esc","end","Space","Enter","start","onActivation","active","nativeEvent","target","node","current","useDashboardSensors","activationConstraint","distance","delay","tolerance","coordinateGetter"],"mappings":"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"}
+{"version":3,"file":"sensors.js","names":["KeyboardCode","KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","getDroppablePositions","positionTolerance","rowTolerance","result","currentRow","currentY","allDroppables","Array","from","document","querySelectorAll","i","length","element","rect","getBoundingClientRect","width","height","centerX","left","centerY","top","testId","getAttribute","isBeforeDroppable","endsWith","hasOverlapping","some","other","otherIndex","otherRect","otherCenterX","otherCenterY","Math","abs","push","row","findClosestRow","droppables","posY","closestRow","minYDistance","Infinity","droppable","yDistance","findClosestDroppableInRow","rowIndex","posX","closestIndex","minXDistance","xDistance","index","findTargetDroppable","currentCenterX","currentCenterY","direction","currentDroppable","currentIndex","targetRow","droppableJumpKeyboardCoordinateGetter","event","context","currentCoordinates","collisionRect","code","includes","preventDefault","scrollableAncestors","targetDroppable","viewportHeight","window","innerHeight","targetRect","scrollPadding","isAboveViewport","isBelowViewport","bottom","scrollAmount","scrollBy","behavior","newTargetRect","newTargetCenterX","newTargetCenterY","deltaX","deltaY","x","y","DirectFocusKeyboardSensor","activators","eventName","handler","keyboardCodes","cancel","Esc","end","Space","Enter","start","onActivation","active","nativeEvent","target","node","current","useDashboardSensors","activationConstraint","distance","delay","tolerance","coordinateGetter"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter, KeyboardSensorOptions } from '@dnd-kit/core'\n\nimport {\n  KeyboardCode,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\n\ntype DroppablePosition = {\n  centerX: number\n  centerY: number\n  element: Element\n  isBeforeDroppable: boolean\n  rect: DOMRect\n  row: number\n}\n\n/**\n * Get all droppable widget positions, filtering out overlapping \"before\" droppables\n * and assigning row numbers based on Y position.\n */\nfunction getDroppablePositions(): DroppablePosition[] {\n  const positionTolerance = 5\n  const rowTolerance = 10\n  const result: DroppablePosition[] = []\n  let currentRow = 0\n  let currentY: null | number = null\n\n  const allDroppables = Array.from(document.querySelectorAll('.droppable-widget'))\n\n  for (let i = 0; i < allDroppables.length; i++) {\n    const element = allDroppables[i]\n    const rect = element.getBoundingClientRect()\n\n    // Skip hidden elements\n    if (rect.width === 0 || rect.height === 0) {\n      continue\n    }\n\n    const centerX = rect.left + rect.width / 2\n    const centerY = rect.top + rect.height / 2\n    const testId = element.getAttribute('data-testid') || ''\n    const isBeforeDroppable = testId.endsWith('-before')\n\n    // Skip \"before\" droppables that overlap with another droppable\n    if (isBeforeDroppable) {\n      const hasOverlapping = allDroppables.some((other, otherIndex) => {\n        if (otherIndex === i) {\n          return false\n        }\n        const otherRect = other.getBoundingClientRect()\n        const otherCenterX = otherRect.left + otherRect.width / 2\n        const otherCenterY = otherRect.top + otherRect.height / 2\n        return (\n          Math.abs(otherCenterX - centerX) < positionTolerance &&\n          Math.abs(otherCenterY - centerY) < positionTolerance\n        )\n      })\n      if (hasOverlapping) {\n        continue\n      }\n    }\n\n    // Assign row number based on Y position change\n    if (currentY === null) {\n      currentY = centerY\n    } else if (Math.abs(centerY - currentY) >= rowTolerance) {\n      currentRow++\n      currentY = centerY\n    }\n\n    result.push({\n      centerX,\n      centerY,\n      element,\n      isBeforeDroppable,\n      rect,\n      row: currentRow,\n    })\n  }\n\n  return result\n}\n\n/**\n * Find the row with the closest Y position to the given posY.\n * Returns the row index, or null if no droppables exist.\n */\nfunction findClosestRow(droppables: DroppablePosition[], posY: number): null | number {\n  if (droppables.length === 0) {\n    return null\n  }\n\n  let closestRow = droppables[0].row\n  let minYDistance = Infinity\n\n  for (const droppable of droppables) {\n    const yDistance = Math.abs(droppable.centerY - posY)\n    if (yDistance < minYDistance) {\n      minYDistance = yDistance\n      closestRow = droppable.row\n    }\n  }\n\n  return closestRow\n}\n\n/**\n * Find the closest droppable within a specific row by X position.\n * Returns the droppable and its index, or null if no droppables in that row.\n */\nfunction findClosestDroppableInRow(\n  droppables: DroppablePosition[],\n  rowIndex: number,\n  posX: number,\n): { droppable: DroppablePosition; index: number } | null {\n  let closestIndex = -1\n  let minXDistance = Infinity\n\n  for (let i = 0; i < droppables.length; i++) {\n    const droppable = droppables[i]\n    if (droppable.row === rowIndex) {\n      const xDistance = Math.abs(droppable.centerX - posX)\n      if (xDistance < minXDistance) {\n        minXDistance = xDistance\n        closestIndex = i\n      }\n    }\n  }\n\n  if (closestIndex === -1) {\n    return null\n  }\n\n  return { droppable: droppables[closestIndex], index: closestIndex }\n}\n\n/**\n * Find the target droppable based on direction\n * - ArrowRight/Left: Next/previous in DOM order (now that overlapping droppables are filtered)\n * - ArrowUp/Down: Closest in adjacent row (row +1 or -1) by X position\n */\nfunction findTargetDroppable(\n  droppables: DroppablePosition[],\n  currentCenterX: number,\n  currentCenterY: number,\n  direction: string,\n): DroppablePosition | null {\n  // Find the closest row, then the closest droppable in that row\n  const currentRow = findClosestRow(droppables, currentCenterY)\n\n  if (currentRow === null) {\n    return null\n  }\n\n  const currentDroppable = findClosestDroppableInRow(droppables, currentRow, currentCenterX)\n\n  if (!currentDroppable) {\n    return null\n  }\n\n  const { index: currentIndex } = currentDroppable\n\n  switch (direction) {\n    case 'ArrowDown': {\n      const targetRow = currentRow + 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    case 'ArrowLeft':\n      // Previous in DOM order\n      return droppables[currentIndex - 1] || null\n\n    case 'ArrowRight':\n      // Next in DOM order\n      return droppables[currentIndex + 1] || null\n\n    case 'ArrowUp': {\n      const targetRow = currentRow - 1\n      return findClosestDroppableInRow(droppables, targetRow, currentCenterX)?.droppable || null\n    }\n\n    default:\n      return null\n  }\n}\n\n/**\n * Custom coordinate getter that jumps directly to droppable positions\n * instead of moving in pixel increments. This works better with scrolling\n * and provides more predictable navigation.\n */\nconst droppableJumpKeyboardCoordinateGetter: KeyboardCoordinateGetter = (\n  event,\n  { context, currentCoordinates },\n) => {\n  const { collisionRect } = context\n  const { code } = event\n\n  if (!collisionRect) {\n    return currentCoordinates\n  }\n\n  // Only handle arrow keys\n  if (!['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(code)) {\n    return currentCoordinates\n  }\n\n  // Prevent default browser scroll behavior for arrow keys\n  event.preventDefault()\n\n  // Clear scrollableAncestors to prevent dnd-kit from scrolling instead of moving\n  // This must be done on every keydown because context is updated by dnd-kit\n  if (context.scrollableAncestors) {\n    context.scrollableAncestors.length = 0\n  }\n\n  // Get all droppable widgets and their positions\n  const droppables = getDroppablePositions()\n\n  if (droppables.length === 0) {\n    return currentCoordinates\n  }\n\n  // Current position center (viewport coordinates from collisionRect)\n  const currentCenterX = collisionRect.left + collisionRect.width / 2\n  const currentCenterY = collisionRect.top + collisionRect.height / 2\n\n  // Find the target droppable based on direction\n  const targetDroppable = findTargetDroppable(droppables, currentCenterX, currentCenterY, code)\n\n  // If we found a target, scroll if needed and calculate the delta\n  if (targetDroppable) {\n    const viewportHeight = window.innerHeight\n    const targetRect = targetDroppable.rect\n    const scrollPadding = 20 // Extra padding to ensure element is fully visible\n\n    // Check if target droppable is fully visible in viewport\n    const isAboveViewport = targetRect.top < scrollPadding\n    const isBelowViewport = targetRect.bottom > viewportHeight - scrollPadding\n\n    // Scroll to make target visible (using instant scroll for synchronous behavior)\n    if (isAboveViewport) {\n      const scrollAmount = targetRect.top - scrollPadding\n      // don't use smooth scroll here, because it will mess up the delta calculation\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    } else if (isBelowViewport) {\n      const scrollAmount = targetRect.bottom - viewportHeight + scrollPadding\n      window.scrollBy({ behavior: 'instant', top: scrollAmount })\n    }\n\n    // After scroll, recalculate target position (it may have changed due to scroll)\n    const newTargetRect = targetDroppable.element.getBoundingClientRect()\n    const newTargetCenterX = newTargetRect.left + newTargetRect.width / 2\n    const newTargetCenterY = newTargetRect.top + newTargetRect.height / 2\n\n    // Calculate delta using current overlay position (which didn't change) and new target position\n    const deltaX = newTargetCenterX - currentCenterX\n    const deltaY = newTargetCenterY - currentCenterY\n\n    // Add delta to currentCoordinates to position overlay's center at target's center\n    return {\n      x: currentCoordinates.x + deltaX,\n      y: currentCoordinates.y + deltaY,\n    }\n  }\n\n  // No valid target found, stay in place\n  return currentCoordinates\n}\n\n/**\n * Custom KeyboardSensor that only activates when focus is directly on the\n * draggable element, not on any of its descendants. This allows interactive\n * elements inside draggables (like buttons) to work normally with the keyboard.\n */\nclass DirectFocusKeyboardSensor extends KeyboardSensor {\n  static override activators = [\n    {\n      eventName: 'onKeyDown' as const,\n      handler: (\n        event: React.KeyboardEvent,\n        {\n          keyboardCodes = {\n            cancel: [KeyboardCode.Esc],\n            end: [KeyboardCode.Space, KeyboardCode.Enter],\n            start: [KeyboardCode.Space, KeyboardCode.Enter],\n          },\n          onActivation,\n        }: KeyboardSensorOptions,\n        { active }: { active: { node: React.MutableRefObject<HTMLElement | null> } },\n      ) => {\n        const { code } = event.nativeEvent\n\n        // Only activate if focus is directly on the draggable node, not descendants\n        if (event.target !== active.node.current) {\n          return false\n        }\n\n        if (keyboardCodes.start.includes(code)) {\n          event.preventDefault()\n          onActivation?.({ event: event.nativeEvent })\n          return true\n        }\n\n        return false\n      },\n    },\n  ]\n}\n\nexport function useDashboardSensors() {\n  return useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(DirectFocusKeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"mappings":"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","ignoreList":[]}