@payloadcms/next 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

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

@@ -2,263 +2,257 @@ import { KeyboardCode, KeyboardSensor, PointerSensor, useSensor, useSensors } fr
 /**
  * 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;
+ */ 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 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;
+        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;
+        }
+        result.push({
+            centerX,
+            centerY,
+            element,
+            isBeforeDroppable,
+            rect,
+            row: currentRow
+        });
     }
-    result.push({
-      centerX,
-      centerY,
-      element,
-      isBeforeDroppable,
-      rect,
-      row: currentRow
-    });
-  }
-  return result;
+    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;
-  }
-  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;
+ */ 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;
+        }
     }
-  }
-  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;
-      }
+ */ 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;
-  }
-  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
-      });
+ */ const droppableJumpKeyboardCoordinateGetter = (event, { context, currentCoordinates })=>{
+    const { collisionRect } = context;
+    const { code } = event;
+    if (!collisionRect) {
+        return currentCoordinates;
     }
-    // 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;
+    // 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.
- */
-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;
-    }
-  }];
-}
+ */ 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;
+            }
+        }
+    ];
+};
 export function useDashboardSensors() {
-  return useSensors(useSensor(PointerSensor, {
-    activationConstraint: {
-      distance: 5
-    }
-  }), useSensor(DirectFocusKeyboardSensor, {
-    coordinateGetter: droppableJumpKeyboardCoordinateGetter
-  }));
+    return useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 5
+        }
+    }), useSensor(DirectFocusKeyboardSensor, {
+        coordinateGetter: droppableJumpKeyboardCoordinateGetter
+    }));
 }
+
 //# sourceMappingURL=sensors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sensors.js","names":["KeyboardCode","KeyboardSensor","PointerSensor","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","coordinateGetter"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter, KeyboardSensorOptions } from '@dnd-kit/core'\n\nimport { KeyboardCode, KeyboardSensor, PointerSensor, useSensor, useSensors } 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(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(DirectFocusKeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"sourcesContent":["import type { KeyboardCoordinateGetter, KeyboardSensorOptions } from '@dnd-kit/core'\n\nimport { KeyboardCode, KeyboardSensor, PointerSensor, useSensor, useSensors } 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(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(DirectFocusKeyboardSensor, {\n      coordinateGetter: droppableJumpKeyboardCoordinateGetter,\n    }),\n  )\n}\n"],"names":["KeyboardCode","KeyboardSensor","PointerSensor","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","coordinateGetter"],"mappings":"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"}