@dynatrace/strato-components 3.3.3 → 3.5.0

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.tsx"],
-  "sourcesContent": ["import { functionalUpdate } from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type {\n  DataTableRowActivationEvent,\n  DataTableRowInteractivityProps,\n} from './row-interactivity-types.js';\nimport * as styles from './RowInteractivity.sty.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../../../core/styles/useFocusRing.js';\nimport { mergeProps as _mergeProps } from '../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../utils/is-target-interactive.js';\nimport { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableFeature,\n  TableOptions,\n  Updater,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\nfunction removeHoverStyles(target: HTMLElement | SVGElement): void {\n  const virtualizationContainer = target.closest(\n    '.strato-table-virtualization-container',\n  );\n\n  if (virtualizationContainer) {\n    const hoveredRows = virtualizationContainer.querySelectorAll(\n      `.${styles.interactiveRow.classNames.variants.hovered.true}`,\n    );\n    for (const hoveredRow of Array.from(hoveredRows)) {\n      hoveredRow.classList.remove(\n        styles.interactiveRow.classNames.variants.hovered.true,\n      );\n    }\n  }\n}\n\nfunction addHoverStyles(row: HTMLElement): void {\n  row.classList.add(styles.interactiveRow.classNames.variants.hovered.true);\n}\n\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<TData extends DataTableRowData>(\n  row: Row<TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isRowDragging = table.getState().draggingRowInfo !== undefined;\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.getVisualVariantOptions().contained,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow: Row<unknown> | undefined = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ..._mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n\n/**\n * Validates the event target and extracts row information.\n */\nfunction getRowInfoFromMouseEvent(event: ReactMouseEvent<HTMLDivElement>): {\n  target: HTMLElement | SVGElement;\n  row: HTMLElement | null;\n  rowId: string | undefined;\n  isRowDetailsRow: boolean;\n} | null {\n  const { target } = event;\n\n  if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {\n    return null;\n  }\n\n  const row: HTMLElement | null = target.closest('[role=\"row\"]');\n  const rowId =\n    row instanceof HTMLElement && 'rowid' in row.dataset\n      ? row.dataset.rowid\n      : undefined;\n  const isRowDetailsRow =\n    rowId?.endsWith(DATA_TABLE_ROW_EXPANDED_ID_SUFFIX) ?? false;\n\n  return { target, row, rowId, isRowDetailsRow };\n}\n\n/**\n * Defines the user action table feature\n * @internal\n */\nexport const DataTableRowInteractivity: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    let hoveredRow: string | null = null;\n    /**\n     * Activates a given row for the row interactivity\n     */\n    table.setActiveRow = (\n      updater: Updater<string | null>,\n      event?: DataTableRowActivationEvent,\n    ) => {\n      table.options.onActiveRowChange?.(updater, event);\n    };\n\n    /**\n     * Sets a given row as hovered on the table instance.\n     */\n    table.setHoveredRow = (rowId: string | null) => {\n      if (rowId !== hoveredRow) {\n        hoveredRow = rowId;\n      }\n    };\n\n    /**\n     * Gets a given row as hovered on the table instance.\n     */\n    table.getHoveredRow = () => {\n      return hoveredRow;\n    };\n\n    /** Handles mouse over events for interactive rows. */\n    table.handleInteractiveRowMouseOver = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const rowInfo = getRowInfoFromMouseEvent(event);\n      if (!rowInfo) {\n        return;\n      }\n\n      const { target, row, rowId, isRowDetailsRow } = rowInfo;\n      if (row && rowId && !isRowDetailsRow && table.getHoveredRow() !== rowId) {\n        table.setHoveredRow(rowId);\n        removeHoverStyles(row);\n        addHoverStyles(row);\n      } else if (row === null || isRowDetailsRow) {\n        table.setHoveredRow(null);\n        removeHoverStyles(target);\n      }\n    };\n\n    /** Handles mouse leave events for interactive rows. */\n    table.handleInteractiveRowMouseLeave = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const { target } = event;\n      if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {\n        return;\n      }\n\n      table.setHoveredRow(null);\n      removeHoverStyles(target);\n    };\n\n    /** Handles click events for interactive rows. */\n    table.handleInteractiveRowClick = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const rowInfo = getRowInfoFromMouseEvent(event);\n      if (!rowInfo) {\n        return;\n      }\n\n      const { target, row, rowId, isRowDetailsRow } = rowInfo;\n      if (\n        row &&\n        rowId &&\n        !isRowDetailsRow &&\n        !isTargetInteractive(row, target)\n      ) {\n        event.stopPropagation();\n        row.focus();\n      }\n    };\n\n    assignRowMethods(table, {\n      /**\n       * Returns a boolean value if the row can be activated.\n       */\n      getCanActivateRow() {\n        return table.options.enableRowInteractivity === true;\n      },\n\n      /**\n       * Returns a boolean value if the row is currently activated.\n       */\n      getIsActivated(this: Row<TData>) {\n        return table.getState().activeRow === this.id;\n      },\n\n      /**\n       * Activates the row, if it is not activated.\n       * Deactivates the row, if it is currently activated.\n       */\n      toggleActivated(this: Row<TData>, event?: DataTableRowActivationEvent) {\n        table.setActiveRow(this.getIsActivated() ? null : this.id, event);\n      },\n\n      /**\n       * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n       */\n      getLinkForRow(this: Row<TData>) {\n        return table.options.getLinkForRow?.(this);\n      },\n    });\n  },\n};\n\n/**\n * Configuration hook for the rowInteractivity in the DataTable.\n * @internal\n */\nexport function useRowInteractivity<TData extends DataTableRowData>(\n  props: DataTableRowInteractivityProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const {\n    activeRow: activeRowProp,\n    defaultActiveRow,\n    onActiveRowChange,\n    interactiveRows,\n  } = props;\n\n  const [activeRow, setActiveRow] = useControllableState<string | null>({\n    value: activeRowProp,\n    defaultValue: defaultActiveRow,\n  });\n  options.enableRowInteractivity =\n    interactiveRows !== undefined && interactiveRows !== false;\n\n  // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n  const getLinkForRow = useCallback(\n    (row: Row<TData>) => {\n      if (\n        interactiveRows !== undefined &&\n        typeof interactiveRows === 'object' &&\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        interactiveRows.link\n      ) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        return interactiveRows.link(row.original);\n      }\n      return undefined;\n    },\n    [interactiveRows],\n  );\n\n  if (options.enableRowInteractivity) {\n    options.onActiveRowChange = (updater: Updater<string | null>, event) => {\n      const nextState = functionalUpdate(\n        updater,\n        options.state?.activeRow ?? null,\n      );\n\n      setActiveRow(nextState);\n      onActiveRowChange?.(nextState, event);\n    };\n    options.enableAutoActivation =\n      interactiveRows &&\n      (interactiveRows === true || interactiveRows.autoActivate !== false);\n\n    // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n    options.getLinkForRow = getLinkForRow;\n  }\n\n  // Auto reset the state if the data changes\n  const firstRun = useRef(true);\n  useEffect(\n    () => {\n      if (firstRun.current) {\n        firstRun.current = false;\n        return;\n      }\n\n      if (options.enableRowInteractivity) {\n        options.onActiveRowChange?.(null);\n      }\n    },\n    // We only want to listen to the individual options parts and not the entire options.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [options.enableRowInteractivity, options.data],\n  );\n\n  options.state = {\n    ...options.state,\n    activeRow: activeRow ?? null,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { functionalUpdate } from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type {\n  DataTableRowActivationEvent,\n  DataTableRowInteractivityProps,\n} from './row-interactivity-types.js';\nimport * as styles from './RowInteractivity.sty.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../../../core/styles/useFocusRing.js';\nimport { mergeProps as _mergeProps } from '../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../utils/is-target-interactive.js';\nimport { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableFeature,\n  TableOptions,\n  Updater,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\nfunction removeHoverStyles(virtualizationContainer?: Element): void {\n  if (virtualizationContainer) {\n    const hoveredRows = virtualizationContainer.querySelectorAll(\n      `.${styles.interactiveRow.classNames.variants.hovered.true}`,\n    );\n    for (const hoveredRow of Array.from(hoveredRows)) {\n      hoveredRow.classList.remove(\n        styles.interactiveRow.classNames.variants.hovered.true,\n      );\n    }\n  }\n}\n\nfunction addHoverStyles(row: HTMLElement): void {\n  row.classList.add(styles.interactiveRow.classNames.variants.hovered.true);\n}\n\n/**\n * Applies hover styles to a row by its ID within the virtualization container.\n */\nfunction applyHoverStylesByRowId(\n  virtualizationContainer: Element | undefined,\n  rowId: string,\n): void {\n  if (!virtualizationContainer) {\n    return;\n  }\n  const rowElement = virtualizationContainer.querySelector<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(rowId)}\"]`,\n  );\n  if (rowElement) {\n    addHoverStyles(rowElement);\n  }\n}\n\n/**\n * When a cell/row actions menu is open, we need to ensure hover styles remain on the row\n * that the menu belongs to.\n * @param table - the table instance\n * @param virtualizationContainer - the virtualization container element\n * @returns `true` if hover styles were maintained, meaning that any other hover logic can be skipped\n */\nfunction maintainOpenMenuRowHover<TData>(\n  table: Table<TData>,\n  virtualizationContainer: Element | undefined,\n): boolean {\n  const openMenuRowId = table.getOpenMenuRowId();\n  if (openMenuRowId === null) {\n    return false;\n  }\n  if (table.getHoveredRow() !== openMenuRowId) {\n    table.setHoveredRow(openMenuRowId);\n    removeHoverStyles(virtualizationContainer);\n    applyHoverStylesByRowId(virtualizationContainer, openMenuRowId);\n  }\n  return true;\n}\n\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<TData extends DataTableRowData>(\n  row: Row<TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isRowDragging = table.getState().draggingRowInfo !== undefined;\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.getVisualVariantOptions().contained,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow: Row<unknown> | undefined = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ..._mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n\n/**\n * Validates the event target and extracts row information.\n */\nfunction getRowInfoFromMouseEvent(event: ReactMouseEvent<HTMLDivElement>): {\n  target: HTMLElement | SVGElement;\n  row: HTMLElement | null;\n  rowId: string | undefined;\n  isRowDetailsRow: boolean;\n} | null {\n  const { target } = event;\n\n  if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {\n    return null;\n  }\n\n  const row: HTMLElement | null = target.closest('[role=\"row\"]');\n  const rowId =\n    row instanceof HTMLElement && 'rowid' in row.dataset\n      ? row.dataset.rowid\n      : undefined;\n  const isRowDetailsRow =\n    rowId?.endsWith(DATA_TABLE_ROW_EXPANDED_ID_SUFFIX) ?? false;\n\n  return { target, row, rowId, isRowDetailsRow };\n}\n\n/**\n * Defines the user action table feature\n * @internal\n */\nexport const DataTableRowInteractivity: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    let hoveredRow: string | null = null;\n    /**\n     * Activates a given row for the row interactivity\n     */\n    table.setActiveRow = (\n      updater: Updater<string | null>,\n      event?: DataTableRowActivationEvent,\n    ) => {\n      table.options.onActiveRowChange?.(updater, event);\n    };\n\n    /**\n     * Sets a given row as hovered on the table instance.\n     */\n    table.setHoveredRow = (rowId: string | null) => {\n      if (rowId !== hoveredRow) {\n        hoveredRow = rowId;\n      }\n    };\n\n    /**\n     * Gets a given row as hovered on the table instance.\n     */\n    table.getHoveredRow = () => {\n      return hoveredRow;\n    };\n\n    /** Handles mouse over events for interactive rows. */\n    table.handleInteractiveRowMouseOver = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const rowInfo = getRowInfoFromMouseEvent(event);\n      if (!rowInfo) {\n        return;\n      }\n\n      const { target, row, rowId, isRowDetailsRow } = rowInfo;\n      const virtualizationContainer = table.getRowVirtualizationContainer();\n\n      // Remove hover styles when hovering an element outside the table or a row details row.\n      // This also includes portaled content like user actions menus within the table.\n      if (\n        !virtualizationContainer?.contains(target) ||\n        row === null ||\n        isRowDetailsRow\n      ) {\n        // Keep hover unchanged when the target is the floating menu trigger.\n        // The floating menu trigger is portaled to the document.body, but still passed as a target here.\n        // This ensures hover styles don't disappear until the next mouse move when opening the floating menu.\n        if (\n          target instanceof HTMLElement &&\n          target.dataset.trigger === 'context-action'\n        ) {\n          return;\n        }\n\n        if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n          return;\n        }\n\n        table.setHoveredRow(null);\n        removeHoverStyles(virtualizationContainer);\n        return;\n      }\n\n      if (row && rowId && !isRowDetailsRow && table.getHoveredRow() !== rowId) {\n        table.setHoveredRow(rowId);\n        removeHoverStyles(virtualizationContainer);\n        addHoverStyles(row);\n      }\n    };\n\n    /** Handles mouse leave events for interactive rows. */\n    table.handleInteractiveRowMouseLeave = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const virtualizationContainer = table.getRowVirtualizationContainer();\n\n      if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n        return;\n      }\n\n      table.setHoveredRow(null);\n      removeHoverStyles(virtualizationContainer);\n    };\n\n    /** Handles click events for interactive rows. */\n    table.handleInteractiveRowClick = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const rowInfo = getRowInfoFromMouseEvent(event);\n      if (!rowInfo) {\n        return;\n      }\n\n      const { target, row, rowId, isRowDetailsRow } = rowInfo;\n      if (\n        row &&\n        rowId &&\n        !isRowDetailsRow &&\n        !isTargetInteractive(row, target)\n      ) {\n        event.stopPropagation();\n        row.focus();\n      }\n    };\n\n    assignRowMethods(table, {\n      /**\n       * Returns a boolean value if the row can be activated.\n       */\n      getCanActivateRow() {\n        return table.options.enableRowInteractivity === true;\n      },\n\n      /**\n       * Returns a boolean value if the row is currently activated.\n       */\n      getIsActivated(this: Row<TData>) {\n        return table.getState().activeRow === this.id;\n      },\n\n      /**\n       * Activates the row, if it is not activated.\n       * Deactivates the row, if it is currently activated.\n       */\n      toggleActivated(this: Row<TData>, event?: DataTableRowActivationEvent) {\n        table.setActiveRow(this.getIsActivated() ? null : this.id, event);\n      },\n\n      /**\n       * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n       */\n      getLinkForRow(this: Row<TData>) {\n        return table.options.getLinkForRow?.(this);\n      },\n    });\n  },\n};\n\n/**\n * Configuration hook for the rowInteractivity in the DataTable.\n * @internal\n */\nexport function useRowInteractivity<TData extends DataTableRowData>(\n  props: DataTableRowInteractivityProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const {\n    activeRow: activeRowProp,\n    defaultActiveRow,\n    onActiveRowChange,\n    interactiveRows,\n  } = props;\n\n  const [activeRow, setActiveRow] = useControllableState<string | null>({\n    value: activeRowProp,\n    defaultValue: defaultActiveRow,\n  });\n  options.enableRowInteractivity =\n    interactiveRows !== undefined && interactiveRows !== false;\n\n  // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n  const getLinkForRow = useCallback(\n    (row: Row<TData>) => {\n      if (\n        interactiveRows !== undefined &&\n        typeof interactiveRows === 'object' &&\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        interactiveRows.link\n      ) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        return interactiveRows.link(row.original);\n      }\n      return undefined;\n    },\n    [interactiveRows],\n  );\n\n  if (options.enableRowInteractivity) {\n    options.onActiveRowChange = (updater: Updater<string | null>, event) => {\n      const nextState = functionalUpdate(\n        updater,\n        options.state?.activeRow ?? null,\n      );\n\n      setActiveRow(nextState);\n      onActiveRowChange?.(nextState, event);\n    };\n    options.enableAutoActivation =\n      interactiveRows &&\n      (interactiveRows === true || interactiveRows.autoActivate !== false);\n\n    // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n    options.getLinkForRow = getLinkForRow;\n  }\n\n  // Auto reset the state if the data changes\n  const firstRun = useRef(true);\n  useEffect(\n    () => {\n      if (firstRun.current) {\n        firstRun.current = false;\n        return;\n      }\n\n      if (options.enableRowInteractivity) {\n        options.onActiveRowChange?.(null);\n      }\n    },\n    // We only want to listen to the individual options parts and not the entire options.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [options.enableRowInteractivity, options.data],\n  );\n\n  options.state = {\n    ...options.state,\n    activeRow: activeRow ?? null,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js

@@ -1,8 +1,9 @@
+import "../../../../core/components/app-root/AppRoot.css";
 import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-3-3", variantClassNames: { active: { true: "_15silbj1-3-3-3", false: "_15silbj2-3-3-3" }, focus: { true: "_15silbj3-3-3-3" }, hovered: { true: "_15silbj4-3-3-3" }, contained: { true: "_15silbj5-3-3-3", false: "_15silbj6-3-3-3" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-3-3"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-5-0", variantClassNames: { active: { true: "_15silbj1-3-5-0", false: "_15silbj2-3-5-0" }, focus: { true: "_15silbj3-3-5-0" }, hovered: { true: "_15silbj4-3-5-0" }, contained: { true: "_15silbj5-3-5-0", false: "_15silbj6-3-5-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-5-0"]] });
 export {
   interactiveRow
 };

package/esm/tables/DataTable/features/RowInteractivity/RowInteractivity.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.css.ts"],
-  "sourcesContent": ["import '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-3-3',variantClassNames:{active:{true:'_15silbj1-3-3-3',false:'_15silbj2-3-3-3'},focus:{true:'_15silbj3-3-3-3'},hovered:{true:'_15silbj4-3-3-3'},contained:{true:'_15silbj5-3-3-3',false:'_15silbj6-3-3-3'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-3-3']]});"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-5-0',variantClassNames:{active:{true:'_15silbj1-3-5-0',false:'_15silbj2-3-5-0'},focus:{true:'_15silbj3-3-5-0'},hovered:{true:'_15silbj4-3-5-0'},contained:{true:'_15silbj5-3-5-0',false:'_15silbj6-3-5-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-5-0']]});"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.css

@@ -1,11 +1,11 @@
-._or8s40-3-3-3 {
+._or8s40-3-5-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-surface-default, #fff);
   z-index: 4;
   overflow: hidden;
 }
-._or8s41-3-3-3 {
+._or8s41-3-5-0 {
   vertical-align: middle;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   padding-left: var(--dt-spacings-size-2, 2px);
@@ -14,21 +14,21 @@
   padding-bottom: 0;
   transition: none;
 }
-._or8s41-3-3-3:active {
+._or8s41-3-5-0:active {
   background: transparent;
 }
-._or8s41-3-3-3:hover {
+._or8s41-3-5-0:hover {
   background: transparent;
 }
-._or8s40-3-3-3 ._or8s41-3-3-3 {
+._or8s40-3-5-0 ._or8s41-3-5-0 {
   cursor: grabbing;
 }
-._or8s42-3-3-3 {
+._or8s42-3-5-0 {
   cursor: not-allowed;
 }
-._or8s43-3-3-3 {
+._or8s43-3-5-0 {
   cursor: grab;
 }
-._or8s44-3-3-3 {
+._or8s44-3-5-0 {
   opacity: 0.2;
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.js

@@ -33,7 +33,7 @@ import {
 import * as styles from "./RowOrder.sty.js";
 import { Button } from "../../../../buttons/button/Button.js";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
-import { useFocusContext as _useFocusContext } from "../../../../core/hooks/useFocusContext.js";
+import { useModality } from "../../../../core/hooks/useModality.js";
 import { focusRingStatic } from "../../../../core/styles/focusRingStatic.sty.js";
 import { getProperInertValue } from "../../../../core/utils/get-inert-value.js";
 import { devLog } from "../../../../core/utils/logging.js";
@@ -96,7 +96,7 @@ const RowDragHandleCell = ({
   isDraggingActive
 }) => {
   const intl = useIntl();
-  const { modality } = _useFocusContext();
+  const modality = useModality();
   const { attributes, listeners } = useSortable({
     id: rowId
   });
@@ -118,11 +118,12 @@ const RowDragHandleCell = ({
         styles.dndHandle({
           disabled
         }),
-        // also add the focus ring to the dragged row if the original drag handle is currently keyboard focused
+        // Apply the focus ring unconditionally (when: 'always')
+        // to the dragged row's handle during keyboard dragging.
         isKeyboardDragging && focusRingStatic({
           minimal: false,
           color: "neutral",
-          when: "focus-visible"
+          when: "always"
         })
       ),
       "data-dt-name": "RowOrderDragAndDrop",
@@ -148,8 +149,8 @@ const ROW_DRAG_COLUMN = {
     hasCustomCellRenderer: true,
     hasCustomHeaderRenderer: true,
     builtinPlacement: "prefix",
-    cellDeps: () => {
-      return [];
+    cellDeps: (cell) => {
+      return [cell.row.getCanDrag()];
     }
   },
   cell: ({ row, table }) => /* @__PURE__ */ jsx(
@@ -212,6 +213,7 @@ function RowOrderingDragAndDropContext({
   rowSeparation
 }) {
   const table = useDataTable();
+  const modality = useModality();
   const tableHeaderHeight = table.getTotalHeaderHeight();
   const sensors = useSensors(
     useSensor(MouseSensor, {}),
@@ -343,9 +345,12 @@ function RowOrderingDragAndDropContext({
     resetDragging();
     virtualizationContainer?.scrollBy({ top: 1, behavior: "smooth" });
     virtualizationContainer?.scrollBy({ top: -1, behavior: "smooth" });
-    requestAnimationFrame(
-      () => getDragHandleForRow(tableGridElement, toIndex)?.focus()
-    );
+    requestAnimationFrame(() => {
+      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);
+      dragHandle?.focus(
+        modality !== "keyboard" ? { focusVisible: false } : void 0
+      );
+    });
   };
   return /* @__PURE__ */ jsxs(
     DragAndDropContext,

package/esm/tables/DataTable/features/RowOrder/RowOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.tsx"],
-  "sourcesContent": ["import {\n  DndContext as DragAndDropContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type Active,\n  type DragOverEvent,\n  type Over,\n} from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { functionalUpdate } from '@tanstack/react-table';\nimport { type VirtualItem } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type JSX,\n  type MutableRefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIntl } from 'react-intl';\n\nimport { DragAllDirectionIcon } from '@dynatrace/strato-icons';\n\nimport { getRowOrderRowModel } from './row-order-model.js';\nimport type { DataTableRowOrderProps } from './row-order-types.js';\nimport {\n  createRestrictToTableRowAreaModifier,\n  createRowOrderCollisionDetection,\n  getAllRowsInTableBody,\n  getDragHandleForRow,\n  getDragIndexes,\n  resetAllStylesForRows,\n  transformRowOnDragOver,\n} from './row-order-utils.js';\nimport * as styles from './RowOrder.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useFocusContext as _useFocusContext } from '../../../../core/hooks/useFocusContext.js';\nimport { focusRingStatic } from '../../../../core/styles/focusRingStatic.sty.js';\nimport { getProperInertValue } from '../../../../core/utils/get-inert-value.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { DataTableRow } from '../../components/DataTableRow.js';\nimport {\n  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n} from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableOptions,\n  TableFeature,\n  ColumnDef,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { RowDetailsElement } from '../RowDetails/RowDetailsElement.js';\nimport type { DataTableThresholdsNormalizedRule } from '../Thresholds/threshold-types.js';\nimport * as thresholdStyles from '../Thresholds/Thresholds.sty.js';\n\n// Threshold for detecting sudden jumps caused by virtualizer scroll corrections\n// vs. gradual user/auto-scroll during drag.\nconst SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;\n\n/**\n * Checks if the `rowOrdering` prop is a configuration object.\n * @param rowOrdering - The table prop that enables row ordering.\n * @returns `true` if the param is an object, `false` otherwise.\n */\nfunction isRowOrderConfigObject<TData>(\n  rowOrdering:\n    | boolean\n    | {\n        enableDragAndDrop?: boolean;\n        disableRowDragAndDrop?: (row: TData) => boolean;\n      },\n): rowOrdering is {\n  enableDragAndDrop?: boolean;\n  disableRowDragAndDrop?: (row: TData) => boolean;\n} {\n  return typeof rowOrdering === 'object';\n}\n\n/**\n * Configuration hook for the row order in the DataTable.\n * @internal\n */\nexport function useRowOrder<TData extends DataTableRowData>(\n  props: DataTableRowOrderProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const { rowOrdering } = props;\n\n  const disableRowDragAndDropFn =\n    typeof rowOrdering === 'object'\n      ? rowOrdering.disableRowDragAndDrop\n      : undefined;\n\n  const enableRowDragAndDropCallback = useCallback(\n    (row: Row<TData>) => {\n      // If no disable function is provided, enable drag and drop for all rows\n      if (!disableRowDragAndDropFn) {\n        return true;\n      }\n      return !disableRowDragAndDropFn(row.original);\n    },\n    [disableRowDragAndDropFn],\n  );\n\n  const [rowOrder, onRowOrderChange] = useControllableState<string[]>({\n    value: props.rowOrder,\n    defaultValue: props.defaultRowOrder,\n    onChange: props.onRowOrderChange,\n  });\n\n  options.enableRowOrderDragAndDrop = false;\n  if (rowOrdering === false || rowOrdering === undefined) {\n    options.enableRowOrdering = false;\n    return;\n  }\n\n  options.enableRowOrdering = true;\n  options.getRowOrderRowModel = getRowOrderRowModel();\n  options.onRowOrderChange = onRowOrderChange;\n  options.state = { ...options.state, rowOrder };\n\n  // config object is given\n  if (isRowOrderConfigObject(rowOrdering)) {\n    if (\n      rowOrdering.enableDragAndDrop === true &&\n      rowOrdering.disableRowDragAndDrop !== undefined\n    ) {\n      options.lockDisabledRows = rowOrdering.lockDisabledRows;\n      options.enableRowOrderDragAndDrop = enableRowDragAndDropCallback;\n      options.autoResetPageIndex = false;\n    } else {\n      options.enableRowOrderDragAndDrop =\n        rowOrdering.enableDragAndDrop === true;\n    }\n  }\n}\n\nconst RowDragHandleCell = ({\n  rowId,\n  disabled,\n  isDraggingActive,\n}: {\n  rowId: string;\n  disabled: boolean;\n  isDraggingActive: boolean;\n}): JSX.Element => {\n  const intl = useIntl();\n  const { modality } = _useFocusContext();\n  const { attributes, listeners } = useSortable({\n    id: rowId,\n  });\n\n  const isKeyboardDragging = isDraggingActive && modality === 'keyboard';\n  const rowDragHandleLabel = intl.formatMessage(\n    dataTableMessages.rowDragAndDropLabel,\n    { rowId },\n  );\n\n  return (\n    <DataTableDefaultCell>\n      <Button\n        size=\"condensed\"\n        variant=\"default\"\n        {...attributes}\n        {...(!disabled ? listeners : undefined)}\n        aria-disabled={disabled}\n        aria-label={rowDragHandleLabel}\n        className={clsx(\n          styles.dndHandle({\n            disabled,\n          }),\n          // also add the focus ring to the dragged row if the original drag handle is currently keyboard focused\n          isKeyboardDragging &&\n            focusRingStatic({\n              minimal: false,\n              color: 'neutral',\n              when: 'focus-visible',\n            }),\n        )}\n        data-dt-name=\"RowOrderDragAndDrop\"\n      >\n        <Button.Prefix>\n          <DragAllDirectionIcon />\n        </Button.Prefix>\n      </Button>\n    </DataTableDefaultCell>\n  );\n};\n\n/**\n * Column definition for the row drag column.\n * @internal\n */\nexport const ROW_DRAG_COLUMN: ColumnDef<unknown, unknown> = {\n  id: DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  alignment: 'center',\n  accessorFn: () => '',\n  header: () => {\n    return '';\n  },\n  width: 'content',\n  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  enableSorting: false,\n  enableResizing: false,\n  enableUserActions: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    builtinPlacement: 'prefix',\n    cellDeps: () => {\n      // empty dependency to avoid unnecessary re-renders\n      return [];\n    },\n  },\n  cell: ({ row, table }) => (\n    <RowDragHandleCell\n      rowId={row.id}\n      disabled={!row.getCanDrag()}\n      isDraggingActive={table.getState().draggingRowInfo?.id === row.id}\n    />\n  ),\n};\n\n/**\n * Defines the row order table feature.\n */\nexport const DataTableRowOrder: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    /**\n     * Allows access to the row model which comes before the row order.\n     */\n    table.getPreRowOrderRowModel = () => table.getExpandedRowModel();\n\n    table.setDraggingRowInfo = (draggingRowInfo?: {\n      id: string;\n      index: number;\n      row: Row<TData>;\n    }) => {\n      table.setState((state) => ({\n        ...state,\n        draggingRowInfo,\n      }));\n    };\n\n    table.getRowOrderRowModel = () => {\n      if (!table._getRowOrderRowModel && table.options.getRowOrderRowModel) {\n        table._getRowOrderRowModel = table.options.getRowOrderRowModel(table);\n      }\n\n      if (!table._getRowOrderRowModel) {\n        return table.getPreRowOrderRowModel();\n      }\n\n      return table._getRowOrderRowModel();\n    };\n\n    table.setRowOrder = (updater) => {\n      const newValue = functionalUpdate(\n        updater,\n        table.getState().rowOrder ?? [],\n      );\n\n      table._queue(() => {\n        table.options.onRowOrderChange?.(newValue);\n      });\n    };\n\n    assignRowMethods(table, {\n      getCanDrag(this: Row<TData>) {\n        const { enableRowOrdering, enableRowOrderDragAndDrop } = table.options;\n        const sortingState = table.getState().sorting;\n\n        if (\n          enableRowOrdering !== true ||\n          // always disable the drag and drop handle if the rows are sorted\n          (sortingState !== undefined && sortingState.length > 0)\n        ) {\n          return false;\n        }\n\n        // check if drag and drop is disabled for the row\n        if (\n          enableRowOrderDragAndDrop !== undefined &&\n          typeof enableRowOrderDragAndDrop === 'function'\n        ) {\n          return enableRowOrderDragAndDrop(this);\n        }\n        return true;\n      },\n\n      disabledRowDragAndDropLockPosition:\n        table.options.lockDisabledRows ?? false,\n    });\n  },\n};\n\n/**\n * @internal\n */\nexport function RowOrderingDragAndDropContext<TData extends DataTableRowData>({\n  children,\n  rows,\n  virtualColumns,\n  rowSeparation,\n}: Readonly<{\n  children: ReactNode;\n  rows: Row<TData>[];\n  virtualColumns: VirtualItem[];\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n}>): JSX.Element | undefined {\n  const table = useDataTable();\n  const tableHeaderHeight = table.getTotalHeaderHeight();\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n    useSensor(KeyboardSensor, {}),\n  );\n  const [draggingElement, setDraggingElement] = useState<ReactNode | undefined>(\n    undefined,\n  );\n  const containedVariant = table.getVisualVariantOptions().contained;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const draggingRowInfo = table.getState().draggingRowInfo;\n\n  const tableGridElement =\n    virtualizationContainer?.querySelector<HTMLElement>('[role=grid]');\n\n  const overlayContainer = useRef<HTMLDivElement>(null);\n  const scrollHandlerRef = useRef<(() => void) | null>(null);\n\n  const rowOrderCollisionDetection = useMemo(\n    () => createRowOrderCollisionDetection(draggingRowInfo),\n    [draggingRowInfo],\n  );\n\n  const restrictToTableRowArea = useMemo(\n    () =>\n      createRestrictToTableRowAreaModifier(\n        tableHeaderHeight,\n        containedVariant,\n        virtualizationContainer,\n      ),\n    [tableHeaderHeight, virtualizationContainer, containedVariant],\n  );\n\n  const rowOrderWhileDragging = useRef<string[]>([]);\n\n  if (!tableGridElement || !virtualizationContainer) {\n    return;\n  }\n\n  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;\n  const originalRowOrder =\n    table.getState().rowOrder ?? rows.map((row) => row.id);\n\n  const resetDragging = (): void => {\n    // Remove scroll event listener\n    if (virtualizationContainer && scrollHandlerRef.current) {\n      virtualizationContainer.removeEventListener(\n        'scroll',\n        scrollHandlerRef.current,\n      );\n      scrollHandlerRef.current = null;\n    }\n\n    table.setDraggingRowInfo(undefined);\n    setDraggingElement(undefined);\n    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));\n  };\n\n  const handleOnDragStart = ({ active }: { active: Active }): void => {\n    if (active.data.current) {\n      const element = createDraggingElement<TData>(\n        overlayContainer,\n        active,\n        rows,\n        virtualColumns,\n        {\n          width: overlayWidth,\n          gridTemplateColumns: table.getGridTemplateColumns(),\n          rowSeparation,\n          hasThresholds: table.options.hasThresholds,\n          rowThresholds: table.options.rowThresholds,\n          rowDetailsTemplate: table.options.rowDetailsTemplate,\n        },\n      );\n      setDraggingElement(element);\n\n      // Use requestAnimationFrame to delay execution until just before the next paint,\n      // ensuring the DOM is fully updated. This allows us to sync the overlay's scroll\n      // position with the table grid's scroll state.\n      requestAnimationFrame(() => {\n        if (overlayContainer.current?.parentElement) {\n          overlayContainer.current.parentElement.scrollLeft =\n            tableGridElement?.parentElement?.scrollLeft ?? 0;\n        }\n      });\n\n      table.setDraggingRowInfo({\n        id: active.id as string,\n        index: active.data.current.rowIndex,\n        row: active.data.current.row,\n      });\n\n      rowOrderWhileDragging.current = originalRowOrder\n        ? [...originalRowOrder]\n        : [];\n\n      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;\n\n      // Attach scroll event listener to handle virtualization during drag\n      const handleScroll = (): void => {\n        if (!virtualizationContainer) {\n          return;\n        }\n\n        const currentOffset = virtualizationContainer.scrollTop;\n        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);\n        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {\n          // Large sudden jump - virtualizer correction, prevent it\n          virtualizationContainer.scrollTop = lastScrollOffset;\n          return;\n        }\n        lastScrollOffset = currentOffset;\n      };\n      scrollHandlerRef.current = handleScroll;\n      virtualizationContainer?.addEventListener('scroll', handleScroll);\n    }\n  };\n\n  const handleOnDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }): void => {\n    if (over === undefined || over === null) {\n      devLog('[Table] On drag end: over info is undefined or null', over);\n      resetDragging();\n      return;\n    }\n\n    if (draggingRowInfo === undefined) {\n      devLog(\n        '[Table] On drag end: dragging row info is undefined',\n        draggingRowInfo,\n      );\n      resetDragging();\n      return;\n    }\n\n    // if dragged to the starting point, row order does not change\n    if (over.id === active.id) {\n      resetDragging();\n      return;\n    }\n\n    const { fromIndex, toIndex } = getDragIndexes(\n      originalRowOrder,\n      active.id as string, // for us the IDs are always strings\n      over.id as string, // for us the IDs are always strings\n    );\n\n    const newRowOrder = [...originalRowOrder];\n    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;\n    const overRowSubRowsCount = (\n      over.data.current?.row as Row<unknown>\n    ).getLeafRows().length;\n\n    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);\n\n    newRowOrder.splice(\n      fromIndex < toIndex\n        ? toIndex + overRowSubRowsCount - activeRowSubRowsCount\n        : toIndex,\n      0,\n      ...rowsToMove,\n    );\n    table.setRowOrder(newRowOrder);\n    resetDragging();\n\n    // In Safari, after scrolling a table while dragging, the cells are weirdly shifted in the grid\n    // We did not find why, probably a safari bug. This fixes the issue for now.\n    virtualizationContainer?.scrollBy({ top: 1, behavior: 'smooth' });\n    virtualizationContainer?.scrollBy({ top: -1, behavior: 'smooth' });\n    // set focus to new position\n    requestAnimationFrame(() =>\n      getDragHandleForRow(tableGridElement, toIndex)?.focus(),\n    );\n  };\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={rowOrderCollisionDetection}\n      modifiers={[restrictToTableRowArea]}\n      onDragStart={handleOnDragStart}\n      onDragEnd={handleOnDragEnd}\n      onDragOver={(event: DragOverEvent) =>\n        transformRowOnDragOver(\n          tableGridElement,\n          event,\n          originalRowOrder,\n          table.getVisualVariantOptions().rowSeparation === 'none',\n          draggingRowInfo?.row,\n        )\n      }\n      onDragCancel={() => resetDragging()}\n    >\n      {children}\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.rowDndOverlay}\n            style={{ width: overlayWidth, height: 'max-content' }}\n          >\n            {draggingElement}\n          </DragOverlay>,\n          document.body,\n        )\n      }\n    </DragAndDropContext>\n  );\n}\n\n/**\n * Creates element to place in drag overlay.\n * @param overlayContainer - The container element that contains the row being dragged.\n * @param active - The row being dragged. If no corresponding row is found,\n *                 then undefined is returned from this function.\n * @param rows - all rows.\n * @param virtualColumns - virtual items for the columns\n * @param rowConfig - object containing all necessary row configurations to be able to replicate the row for the drag overlay\n * @returns element intended for overlay\n */\nfunction createDraggingElement<TData extends DataTableRowData>(\n  overlayContainer: MutableRefObject<HTMLDivElement | null>,\n  active: Active,\n  rows: Row<TData>[],\n  virtualColumns: VirtualItem[],\n  rowConfig: {\n    width: number;\n    gridTemplateColumns: string;\n    rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n    hasThresholds?: boolean;\n    rowThresholds?: DataTableThresholdsNormalizedRule<unknown>[];\n    rowDetailsTemplate?: (params: { row: TData }) => ReactNode;\n  },\n): JSX.Element | undefined {\n  const activeId = active.id as string;\n  const draggingOriginalRow = active.data.current?.row as Row<TData>;\n  const draggingVirtualRow = active.data.current?.virtualRow as VirtualItem;\n\n  const {\n    gridTemplateColumns,\n    rowSeparation,\n    hasThresholds,\n    rowThresholds,\n    rowDetailsTemplate,\n  } = rowConfig;\n\n  if (draggingOriginalRow === undefined || draggingVirtualRow === undefined) {\n    devLog(\n      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`,\n    );\n    return;\n  }\n\n  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();\n\n  const draggingVirtualDetailsRow = {\n    ...draggingVirtualRow,\n    index: draggingVirtualRow.index + 1,\n  };\n\n  return (\n    <Grid\n      ref={overlayContainer}\n      gridTemplateColumns={gridTemplateColumns}\n      padding={0}\n      minWidth=\"max-content\"\n      gap={0}\n      // TODO: React 19 update - inert is then in the IntrinsicAttributes and can be passed directly\n      {...{ inert: getProperInertValue(true) }}\n      className={clsx({\n        [thresholdStyles.hasPillThresholds]:\n          hasThresholds &&\n          rowThresholds?.some((threshold) => threshold.type === 'pill'),\n      })}\n      style={{\n        position: 'relative',\n      }}\n    >\n      <DataTableRow\n        row={draggingOriginalRow}\n        virtualRow={draggingVirtualRow}\n        virtualItemIndex={0}\n        rowCount={rows.length}\n        virtualColumns={virtualColumns}\n        isDraggedRow={false}\n        isInDragOverlay={true}\n        rowParity=\"even\"\n      />\n      {isRowDetailsOpen ? (\n        <RowDetailsElement\n          originalRow={draggingOriginalRow}\n          virtualRow={draggingVirtualDetailsRow}\n          virtualItemIndex={1}\n          rowSeparation={rowSeparation}\n          rowParity=\"even\"\n        >\n          {rowDetailsTemplate?.({\n            row: draggingOriginalRow.original,\n          })}\n        </RowDetailsElement>\n      ) : null}\n    </Grid>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  DndContext as DragAndDropContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type Active,\n  type DragOverEvent,\n  type Over,\n} from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { functionalUpdate } from '@tanstack/react-table';\nimport { type VirtualItem } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type JSX,\n  type MutableRefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIntl } from 'react-intl';\n\nimport { DragAllDirectionIcon } from '@dynatrace/strato-icons';\n\nimport { getRowOrderRowModel } from './row-order-model.js';\nimport type { DataTableRowOrderProps } from './row-order-types.js';\nimport {\n  createRestrictToTableRowAreaModifier,\n  createRowOrderCollisionDetection,\n  getAllRowsInTableBody,\n  getDragHandleForRow,\n  getDragIndexes,\n  resetAllStylesForRows,\n  transformRowOnDragOver,\n} from './row-order-utils.js';\nimport * as styles from './RowOrder.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useModality } from '../../../../core/hooks/useModality.js';\nimport { focusRingStatic } from '../../../../core/styles/focusRingStatic.sty.js';\nimport { getProperInertValue } from '../../../../core/utils/get-inert-value.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { DataTableDefaultCell } from '../../components/DataTableDefaultCell.js';\nimport { DataTableRow } from '../../components/DataTableRow.js';\nimport {\n  DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n} from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableOptions,\n  TableFeature,\n  ColumnDef,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { RowDetailsElement } from '../RowDetails/RowDetailsElement.js';\nimport type { DataTableThresholdsNormalizedRule } from '../Thresholds/threshold-types.js';\nimport * as thresholdStyles from '../Thresholds/Thresholds.sty.js';\n\n// Threshold for detecting sudden jumps caused by virtualizer scroll corrections\n// vs. gradual user/auto-scroll during drag.\nconst SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;\n\n/**\n * Checks if the `rowOrdering` prop is a configuration object.\n * @param rowOrdering - The table prop that enables row ordering.\n * @returns `true` if the param is an object, `false` otherwise.\n */\nfunction isRowOrderConfigObject<TData>(\n  rowOrdering:\n    | boolean\n    | {\n        enableDragAndDrop?: boolean;\n        disableRowDragAndDrop?: (row: TData) => boolean;\n      },\n): rowOrdering is {\n  enableDragAndDrop?: boolean;\n  disableRowDragAndDrop?: (row: TData) => boolean;\n} {\n  return typeof rowOrdering === 'object';\n}\n\n/**\n * Configuration hook for the row order in the DataTable.\n * @internal\n */\nexport function useRowOrder<TData extends DataTableRowData>(\n  props: DataTableRowOrderProps<TData>,\n  options: TableOptions<TData>,\n): void {\n  const { rowOrdering } = props;\n\n  const disableRowDragAndDropFn =\n    typeof rowOrdering === 'object'\n      ? rowOrdering.disableRowDragAndDrop\n      : undefined;\n\n  const enableRowDragAndDropCallback = useCallback(\n    (row: Row<TData>) => {\n      // If no disable function is provided, enable drag and drop for all rows\n      if (!disableRowDragAndDropFn) {\n        return true;\n      }\n      return !disableRowDragAndDropFn(row.original);\n    },\n    [disableRowDragAndDropFn],\n  );\n\n  const [rowOrder, onRowOrderChange] = useControllableState<string[]>({\n    value: props.rowOrder,\n    defaultValue: props.defaultRowOrder,\n    onChange: props.onRowOrderChange,\n  });\n\n  options.enableRowOrderDragAndDrop = false;\n  if (rowOrdering === false || rowOrdering === undefined) {\n    options.enableRowOrdering = false;\n    return;\n  }\n\n  options.enableRowOrdering = true;\n  options.getRowOrderRowModel = getRowOrderRowModel();\n  options.onRowOrderChange = onRowOrderChange;\n  options.state = { ...options.state, rowOrder };\n\n  // config object is given\n  if (isRowOrderConfigObject(rowOrdering)) {\n    if (\n      rowOrdering.enableDragAndDrop === true &&\n      rowOrdering.disableRowDragAndDrop !== undefined\n    ) {\n      options.lockDisabledRows = rowOrdering.lockDisabledRows;\n      options.enableRowOrderDragAndDrop = enableRowDragAndDropCallback;\n      options.autoResetPageIndex = false;\n    } else {\n      options.enableRowOrderDragAndDrop =\n        rowOrdering.enableDragAndDrop === true;\n    }\n  }\n}\n\nconst RowDragHandleCell = ({\n  rowId,\n  disabled,\n  isDraggingActive,\n}: {\n  rowId: string;\n  disabled: boolean;\n  isDraggingActive: boolean;\n}): JSX.Element => {\n  const intl = useIntl();\n  const modality = useModality();\n  const { attributes, listeners } = useSortable({\n    id: rowId,\n  });\n\n  const isKeyboardDragging = isDraggingActive && modality === 'keyboard';\n  const rowDragHandleLabel = intl.formatMessage(\n    dataTableMessages.rowDragAndDropLabel,\n    { rowId },\n  );\n\n  return (\n    <DataTableDefaultCell>\n      <Button\n        size=\"condensed\"\n        variant=\"default\"\n        {...attributes}\n        {...(!disabled ? listeners : undefined)}\n        aria-disabled={disabled}\n        aria-label={rowDragHandleLabel}\n        className={clsx(\n          styles.dndHandle({\n            disabled,\n          }),\n          // Apply the focus ring unconditionally (when: 'always')\n          // to the dragged row's handle during keyboard dragging.\n          isKeyboardDragging &&\n            focusRingStatic({\n              minimal: false,\n              color: 'neutral',\n              when: 'always',\n            }),\n        )}\n        data-dt-name=\"RowOrderDragAndDrop\"\n      >\n        <Button.Prefix>\n          <DragAllDirectionIcon />\n        </Button.Prefix>\n      </Button>\n    </DataTableDefaultCell>\n  );\n};\n\n/**\n * Column definition for the row drag column.\n * @internal\n */\nexport const ROW_DRAG_COLUMN: ColumnDef<unknown, unknown> = {\n  id: DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  alignment: 'center',\n  accessorFn: () => '',\n  header: () => {\n    return '';\n  },\n  width: 'content',\n  minWidth: DATA_TABLE_BUILTIN_COLUMN_MIN_WIDTH,\n  enableSorting: false,\n  enableResizing: false,\n  enableUserActions: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    builtinPlacement: 'prefix',\n    cellDeps: (cell) => {\n      return [cell.row.getCanDrag()];\n    },\n  },\n  cell: ({ row, table }) => (\n    <RowDragHandleCell\n      rowId={row.id}\n      disabled={!row.getCanDrag()}\n      isDraggingActive={table.getState().draggingRowInfo?.id === row.id}\n    />\n  ),\n};\n\n/**\n * Defines the row order table feature.\n */\nexport const DataTableRowOrder: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    /**\n     * Allows access to the row model which comes before the row order.\n     */\n    table.getPreRowOrderRowModel = () => table.getExpandedRowModel();\n\n    table.setDraggingRowInfo = (draggingRowInfo?: {\n      id: string;\n      index: number;\n      row: Row<TData>;\n    }) => {\n      table.setState((state) => ({\n        ...state,\n        draggingRowInfo,\n      }));\n    };\n\n    table.getRowOrderRowModel = () => {\n      if (!table._getRowOrderRowModel && table.options.getRowOrderRowModel) {\n        table._getRowOrderRowModel = table.options.getRowOrderRowModel(table);\n      }\n\n      if (!table._getRowOrderRowModel) {\n        return table.getPreRowOrderRowModel();\n      }\n\n      return table._getRowOrderRowModel();\n    };\n\n    table.setRowOrder = (updater) => {\n      const newValue = functionalUpdate(\n        updater,\n        table.getState().rowOrder ?? [],\n      );\n\n      table._queue(() => {\n        table.options.onRowOrderChange?.(newValue);\n      });\n    };\n\n    assignRowMethods(table, {\n      getCanDrag(this: Row<TData>) {\n        const { enableRowOrdering, enableRowOrderDragAndDrop } = table.options;\n        const sortingState = table.getState().sorting;\n\n        if (\n          enableRowOrdering !== true ||\n          // always disable the drag and drop handle if the rows are sorted\n          (sortingState !== undefined && sortingState.length > 0)\n        ) {\n          return false;\n        }\n\n        // check if drag and drop is disabled for the row\n        if (\n          enableRowOrderDragAndDrop !== undefined &&\n          typeof enableRowOrderDragAndDrop === 'function'\n        ) {\n          return enableRowOrderDragAndDrop(this);\n        }\n        return true;\n      },\n\n      disabledRowDragAndDropLockPosition:\n        table.options.lockDisabledRows ?? false,\n    });\n  },\n};\n\n/**\n * @internal\n */\nexport function RowOrderingDragAndDropContext<TData extends DataTableRowData>({\n  children,\n  rows,\n  virtualColumns,\n  rowSeparation,\n}: Readonly<{\n  children: ReactNode;\n  rows: Row<TData>[];\n  virtualColumns: VirtualItem[];\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n}>): JSX.Element | undefined {\n  const table = useDataTable();\n  const modality = useModality();\n  const tableHeaderHeight = table.getTotalHeaderHeight();\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n    useSensor(KeyboardSensor, {}),\n  );\n  const [draggingElement, setDraggingElement] = useState<ReactNode | undefined>(\n    undefined,\n  );\n  const containedVariant = table.getVisualVariantOptions().contained;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const draggingRowInfo = table.getState().draggingRowInfo;\n\n  const tableGridElement =\n    virtualizationContainer?.querySelector<HTMLElement>('[role=grid]');\n\n  const overlayContainer = useRef<HTMLDivElement>(null);\n  const scrollHandlerRef = useRef<(() => void) | null>(null);\n\n  const rowOrderCollisionDetection = useMemo(\n    () => createRowOrderCollisionDetection(draggingRowInfo),\n    [draggingRowInfo],\n  );\n\n  const restrictToTableRowArea = useMemo(\n    () =>\n      createRestrictToTableRowAreaModifier(\n        tableHeaderHeight,\n        containedVariant,\n        virtualizationContainer,\n      ),\n    [tableHeaderHeight, virtualizationContainer, containedVariant],\n  );\n\n  const rowOrderWhileDragging = useRef<string[]>([]);\n\n  if (!tableGridElement || !virtualizationContainer) {\n    return;\n  }\n\n  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;\n  const originalRowOrder =\n    table.getState().rowOrder ?? rows.map((row) => row.id);\n\n  const resetDragging = (): void => {\n    // Remove scroll event listener\n    if (virtualizationContainer && scrollHandlerRef.current) {\n      virtualizationContainer.removeEventListener(\n        'scroll',\n        scrollHandlerRef.current,\n      );\n      scrollHandlerRef.current = null;\n    }\n\n    table.setDraggingRowInfo(undefined);\n    setDraggingElement(undefined);\n    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));\n  };\n\n  const handleOnDragStart = ({ active }: { active: Active }): void => {\n    if (active.data.current) {\n      const element = createDraggingElement<TData>(\n        overlayContainer,\n        active,\n        rows,\n        virtualColumns,\n        {\n          width: overlayWidth,\n          gridTemplateColumns: table.getGridTemplateColumns(),\n          rowSeparation,\n          hasThresholds: table.options.hasThresholds,\n          rowThresholds: table.options.rowThresholds,\n          rowDetailsTemplate: table.options.rowDetailsTemplate,\n        },\n      );\n      setDraggingElement(element);\n\n      // Use requestAnimationFrame to delay execution until just before the next paint,\n      // ensuring the DOM is fully updated. This allows us to sync the overlay's scroll\n      // position with the table grid's scroll state.\n      requestAnimationFrame(() => {\n        if (overlayContainer.current?.parentElement) {\n          overlayContainer.current.parentElement.scrollLeft =\n            tableGridElement?.parentElement?.scrollLeft ?? 0;\n        }\n      });\n\n      table.setDraggingRowInfo({\n        id: active.id as string,\n        index: active.data.current.rowIndex,\n        row: active.data.current.row,\n      });\n\n      rowOrderWhileDragging.current = originalRowOrder\n        ? [...originalRowOrder]\n        : [];\n\n      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;\n\n      // Attach scroll event listener to handle virtualization during drag\n      const handleScroll = (): void => {\n        if (!virtualizationContainer) {\n          return;\n        }\n\n        const currentOffset = virtualizationContainer.scrollTop;\n        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);\n        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {\n          // Large sudden jump - virtualizer correction, prevent it\n          virtualizationContainer.scrollTop = lastScrollOffset;\n          return;\n        }\n        lastScrollOffset = currentOffset;\n      };\n      scrollHandlerRef.current = handleScroll;\n      virtualizationContainer?.addEventListener('scroll', handleScroll);\n    }\n  };\n\n  const handleOnDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }): void => {\n    if (over === undefined || over === null) {\n      devLog('[Table] On drag end: over info is undefined or null', over);\n      resetDragging();\n      return;\n    }\n\n    if (draggingRowInfo === undefined) {\n      devLog(\n        '[Table] On drag end: dragging row info is undefined',\n        draggingRowInfo,\n      );\n      resetDragging();\n      return;\n    }\n\n    // if dragged to the starting point, row order does not change\n    if (over.id === active.id) {\n      resetDragging();\n      return;\n    }\n\n    const { fromIndex, toIndex } = getDragIndexes(\n      originalRowOrder,\n      active.id as string, // for us the IDs are always strings\n      over.id as string, // for us the IDs are always strings\n    );\n\n    const newRowOrder = [...originalRowOrder];\n    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;\n    const overRowSubRowsCount = (\n      over.data.current?.row as Row<unknown>\n    ).getLeafRows().length;\n\n    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);\n\n    newRowOrder.splice(\n      fromIndex < toIndex\n        ? toIndex + overRowSubRowsCount - activeRowSubRowsCount\n        : toIndex,\n      0,\n      ...rowsToMove,\n    );\n    table.setRowOrder(newRowOrder);\n    resetDragging();\n\n    // In Safari, after scrolling a table while dragging, the cells are weirdly shifted in the grid\n    // We did not find why, probably a safari bug. This fixes the issue for now.\n    virtualizationContainer?.scrollBy({ top: 1, behavior: 'smooth' });\n    virtualizationContainer?.scrollBy({ top: -1, behavior: 'smooth' });\n    // Always move focus to the dropped row's drag handle so the user can\n    // continue navigating from the new position (e.g. via Tab).\n    // For mouse/touch we pass `focusVisible: false` to suppress the focus ring.\n    requestAnimationFrame(() => {\n      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);\n      dragHandle?.focus(\n        modality !== 'keyboard' ? { focusVisible: false } : undefined,\n      );\n    });\n  };\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={rowOrderCollisionDetection}\n      modifiers={[restrictToTableRowArea]}\n      onDragStart={handleOnDragStart}\n      onDragEnd={handleOnDragEnd}\n      onDragOver={(event: DragOverEvent) =>\n        transformRowOnDragOver(\n          tableGridElement,\n          event,\n          originalRowOrder,\n          table.getVisualVariantOptions().rowSeparation === 'none',\n          draggingRowInfo?.row,\n        )\n      }\n      onDragCancel={() => resetDragging()}\n    >\n      {children}\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.rowDndOverlay}\n            style={{ width: overlayWidth, height: 'max-content' }}\n          >\n            {draggingElement}\n          </DragOverlay>,\n          document.body,\n        )\n      }\n    </DragAndDropContext>\n  );\n}\n\n/**\n * Creates element to place in drag overlay.\n * @param overlayContainer - The container element that contains the row being dragged.\n * @param active - The row being dragged. If no corresponding row is found,\n *                 then undefined is returned from this function.\n * @param rows - all rows.\n * @param virtualColumns - virtual items for the columns\n * @param rowConfig - object containing all necessary row configurations to be able to replicate the row for the drag overlay\n * @returns element intended for overlay\n */\nfunction createDraggingElement<TData extends DataTableRowData>(\n  overlayContainer: MutableRefObject<HTMLDivElement | null>,\n  active: Active,\n  rows: Row<TData>[],\n  virtualColumns: VirtualItem[],\n  rowConfig: {\n    width: number;\n    gridTemplateColumns: string;\n    rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n    hasThresholds?: boolean;\n    rowThresholds?: DataTableThresholdsNormalizedRule<unknown>[];\n    rowDetailsTemplate?: (params: { row: TData }) => ReactNode;\n  },\n): JSX.Element | undefined {\n  const activeId = active.id as string;\n  const draggingOriginalRow = active.data.current?.row as Row<TData>;\n  const draggingVirtualRow = active.data.current?.virtualRow as VirtualItem;\n\n  const {\n    gridTemplateColumns,\n    rowSeparation,\n    hasThresholds,\n    rowThresholds,\n    rowDetailsTemplate,\n  } = rowConfig;\n\n  if (draggingOriginalRow === undefined || draggingVirtualRow === undefined) {\n    devLog(\n      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`,\n    );\n    return;\n  }\n\n  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();\n\n  const draggingVirtualDetailsRow = {\n    ...draggingVirtualRow,\n    index: draggingVirtualRow.index + 1,\n  };\n\n  return (\n    <Grid\n      ref={overlayContainer}\n      gridTemplateColumns={gridTemplateColumns}\n      padding={0}\n      minWidth=\"max-content\"\n      gap={0}\n      // TODO: React 19 update - inert is then in the IntrinsicAttributes and can be passed directly\n      {...{ inert: getProperInertValue(true) }}\n      className={clsx({\n        [thresholdStyles.hasPillThresholds]:\n          hasThresholds &&\n          rowThresholds?.some((threshold) => threshold.type === 'pill'),\n      })}\n      style={{\n        position: 'relative',\n      }}\n    >\n      <DataTableRow\n        row={draggingOriginalRow}\n        virtualRow={draggingVirtualRow}\n        virtualItemIndex={0}\n        rowCount={rows.length}\n        virtualColumns={virtualColumns}\n        isDraggedRow={false}\n        isInDragOverlay={true}\n        rowParity=\"even\"\n      />\n      {isRowDetailsOpen ? (\n        <RowDetailsElement\n          originalRow={draggingOriginalRow}\n          virtualRow={draggingVirtualDetailsRow}\n          virtualItemIndex={1}\n          rowSeparation={rowSeparation}\n          rowParity=\"even\"\n        >\n          {rowDetailsTemplate?.({\n            row: draggingOriginalRow.original,\n          })}\n        </RowDetailsElement>\n      ) : null}\n    </Grid>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js

@@ -1,8 +1,8 @@
 import "./RowOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabledNonTargetRow = "_or8s44-3-3-3";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-3-3", variantClassNames: { disabled: { true: "_or8s42-3-3-3", false: "_or8s43-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-3-3";
+var disabledNonTargetRow = "_or8s44-3-5-0";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-5-0", variantClassNames: { disabled: { true: "_or8s42-3-5-0", false: "_or8s43-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-5-0";
 export {
   disabledNonTargetRow,
   dndHandle,

package/esm/tables/DataTable/features/RowOrder/RowOrder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-3-3';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-3-3',variantClassNames:{disabled:{true:'_or8s42-3-3-3',false:'_or8s43-3-3-3'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-3-3';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-5-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-5-0',variantClassNames:{disabled:{true:'_or8s42-3-5-0',false:'_or8s43-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-5-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,OAAM,gBAAe,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,gBAAgB;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/row-order-utils.js

@@ -1,7 +1,7 @@
 import Animations from "@dynatrace/strato-design-tokens/animations";
 import { disabledNonTargetRow } from "./RowOrder.sty.js";
+import { getDataTableBorderWidth } from "../../../utils/data-table-border-width.js";
 import {
-  DATA_TABLE_BORDER_WIDTH,
   DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT,
   DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX,
   DATA_TABLE_ROW_BORDER,
@@ -261,8 +261,8 @@ function createRestrictToTableRowAreaModifier(tableHeaderHeight, containedVarian
     transform.x = 0;
     const parentRect = virtualizationContainer.getBoundingClientRect();
     const verticalBounds = {
-      top: containedVariant ? parentRect?.top + tableHeaderHeight + DATA_TABLE_BORDER_WIDTH : parentRect?.top + tableHeaderHeight,
-      bottom: containedVariant ? parentRect?.bottom - DATA_TABLE_BORDER_WIDTH : parentRect?.bottom
+      top: containedVariant ? parentRect?.top + tableHeaderHeight + getDataTableBorderWidth() : parentRect?.top + tableHeaderHeight,
+      bottom: containedVariant ? parentRect?.bottom - getDataTableBorderWidth() : parentRect?.bottom
     };
     return restrictToVerticalBounds(
       transform,

package/esm/tables/DataTable/features/RowOrder/row-order-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/row-order-utils.ts"],
-  "sourcesContent": ["import {\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Modifier,\n} from '@dnd-kit/core';\n\nimport Animations from '@dynatrace/strato-design-tokens/animations';\n\nimport { disabledNonTargetRow } from './RowOrder.sty.js';\nimport {\n  DATA_TABLE_BORDER_WIDTH,\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT,\n  DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../../constants.js';\nimport type { DragAndDropTransform, Row } from '../../hooks/useTable/types.js';\n\n// #region RowTransforms\n// all rows that were transformed in the last onDragOver call\nlet lastAffectedRows = new Set<string>();\n\n/**\n * Transforms row upwards or downwards to make space for the row which is currently being dragged (\"active\" row).\n * @param table - the table where the row ordering is happening.\n * @param event - contains \"active\" (row being dragged) and \"over\" ids (row where the active row is currently dragged over).\n * @param rowOrder - original row order before dragging.\n * @param rowSeparationNone - whether the rows are visually separated by a border.\n * @param activeRow - the currently dragged row.\n * @internal\n */\nexport function transformRowOnDragOver(\n  table: HTMLElement,\n  event: DragOverEvent,\n  rowOrder: string[] | undefined,\n  rowSeparationNone: boolean,\n  activeRow?: Row<unknown>,\n): void {\n  let rowHeight = event.active?.rect.current.translated?.height;\n\n  if (\n    activeRow === undefined ||\n    rowOrder === undefined ||\n    event.collisions === null ||\n    event.active === null ||\n    event.over === null ||\n    rowHeight === undefined\n  ) {\n    return;\n  }\n\n  // visually disable rows that do not share the same parent as the dragged row\n  styleNonTargetRows(table, activeRow.parentId);\n\n  // keep track of all rows that are transformed during the current onDragOver call\n  const newAffectedRows = new Set<string>();\n  const { fromIndex, toIndex } = getDragIndexes(\n    rowOrder,\n    event.active.id as string, // for us the IDs are always strings\n    event.over.id as string, // for us the IDs are always strings\n  );\n\n  const activeRowIsLastRow = fromIndex === rowOrder.length - 1;\n\n  // if rowSeparation is active, consider 1px border for all rows\n  // except if dragging the last row or if row details are open\n  if (\n    !rowSeparationNone &&\n    !activeRowIsLastRow &&\n    !activeRow.getIsDetailsOpen()\n  ) {\n    rowHeight += DATA_TABLE_ROW_BORDER;\n  }\n\n  if (fromIndex < toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(fromIndex + 1, toIndex + 1),\n      -rowHeight,\n      newAffectedRows,\n    );\n  } else if (fromIndex > toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(toIndex, fromIndex),\n      rowHeight,\n      newAffectedRows,\n    );\n  }\n\n  // Reset rows that were translated in the last drag operation but are not in the current one\n  transformRows(table, lastAffectedRows, 0);\n  lastAffectedRows = newAffectedRows;\n}\n\n/**\n * Moves rows on the y-axis by the given number of pixels.\n * @param table - the table grid element.\n * @param rowIds - the ids of rows to transform.\n * @param amountToTransform - number of pixels to translate (positive for down or negative for up)\n * @param newAffectedRows - set to save all rows that are transformed during the current onDragOver call\n */\nfunction transformRows(\n  table: HTMLElement,\n  rowIds: string[] | Set<string>,\n  amountToTransform: number,\n  newAffectedRows?: Set<string>,\n): void {\n  for (const rowId of rowIds) {\n    const row = getRowWithId(table, rowId);\n    if (row.length <= 0) {\n      continue;\n    }\n    translateRowY(row, amountToTransform);\n    if (newAffectedRows) {\n      lastAffectedRows.delete(rowId);\n      newAffectedRows.add(rowId);\n    }\n  }\n}\n\n/**\n * Applies styles to visually indicate droppable targets for the currently active row.\n * Rows that do not share the same parent as the dragged row will appear visually disabled.\n *\n * @param table - The table element containing the rows to style.\n * @param activeParentId - parent id of the currently dragged row.\n */\nfunction styleNonTargetRows(table: HTMLElement, activeParentId?: string): void {\n  // if the dragged row is a top-level row, we don't want to add any styles\n  if (activeParentId === undefined) {\n    return;\n  }\n  const rows = getAllNonTargetRowsInTableBody(table, activeParentId);\n  for (const row of rows) {\n    row.classList.add(disabledNonTargetRow);\n  }\n}\n\n/**\n * Moves row on the y-axis by the given number of pixels. Applies a transition\n * also to make it looks smoother, using strato tokens for duration and easing.\n * @param row - the row to translate\n * @param value - number of pixels (positive for down or negative for up)\n */\nfunction translateRowY(row: HTMLElement[], value: number): void {\n  const transform = `translateY(${value}px)`;\n  const transition = `transform ${Animations.SlideIn.Duration.Base} ${Animations.Move.Easing}`;\n  for (const rowElement of row) {\n    rowElement.style.transform = transform;\n    rowElement.style.transition = transition;\n  }\n}\n\n/**\n * Resets the transform style on the given row.\n * @param rows - the row we want to reset.\n * @internal\n */\nexport function resetAllStylesForRows(rows: HTMLElement[]): void {\n  if (rows.length === 0) {\n    return;\n  }\n  for (const row of rows) {\n    row.style.removeProperty('transform');\n    row.style.removeProperty('transition');\n    row.classList.remove(disabledNonTargetRow);\n  }\n}\n\n/**\n * Gets the row elements with a given row id (including row details row).\n * @param table - the current table.\n * @param id - id of the row (matches against `data-rowid`).\n * @returns matching rows.\n * @internal\n */\nexport function getRowWithId(\n  table: HTMLElement,\n  id: string | number | undefined,\n): HTMLElement[] {\n  if (id === undefined) {\n    return [];\n  }\n  const rowElements = table.querySelectorAll<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(String(id))}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}\"]`,\n  );\n\n  return Array.from(rowElements);\n}\n\n/**\n * Gets all rows in the given table that are not within the same sub-row parent.\n *\n * @param table - the table we are concerned with.\n * @param parentIdToExclude - parent id to be excluded\n * @returns all rows in the table (div elements with role=\"row\").\n * @internal\n */\nexport function getAllNonTargetRowsInTableBody(\n  table: HTMLElement,\n  parentIdToExclude?: string,\n): HTMLElement[] {\n  const nonTargetRows = table.querySelectorAll<HTMLElement>(\n    `[data-rowgroup=\"body\"] [role=\"row\"]:not([data-rowid^=\"${CSS.escape(\n      String(parentIdToExclude),\n    )}\"]`,\n  );\n\n  return Array.from(nonTargetRows);\n}\n\n/**\n * Gets all rows in the given table (all rows that have role=\"row\" and a data-rowid attribute).\n * @param table - the table we are concerned with.\n * @returns all rows in the table.\n * @internal\n */\nexport function getAllRowsInTableBody(table: HTMLElement): HTMLElement[] {\n  const allRowsInTableBody = table.querySelectorAll<HTMLElement>(\n    '[role=\"row\"][data-rowid], [role=\"presentation\"][data-rowid]',\n  );\n\n  return Array.from(allRowsInTableBody);\n}\n\n/**\n * @param table - the table we are concerned with.\n * @param rowNumber - zero-based row number\n * @returns the drag handle of the given row for drag and drop ordering\n * @internal\n */\nexport function getDragHandleForRow(\n  table: HTMLElement,\n  rowNumber: number,\n): HTMLElement | null {\n  return table.querySelector<HTMLElement>(\n    `[role=\"row\"][data-row=\"${rowNumber}\"] [role=\"cell\"][data-column=\"0\"] button`,\n  );\n}\n// #endregion RowTransforms\n\n/**\n * Gets the `fromIndex` and `toIndex` from the over and active id.\n * @param rowOrder - contains the ids of the rows in order.\n * @param activeId - is the id of the currently actively dragged row\n * @param overId - is the target id of where the dragging row is currently dragged to\n * @returns indexes from where a row is dragged and where it is dragged to\n * @internal\n */\nexport function getDragIndexes(\n  rowOrder: string[],\n  activeId: string,\n  overId: string,\n): { fromIndex: number; toIndex: number } {\n  const fromIndex = rowOrder.findIndex((id) => id === activeId);\n  const toIndex = rowOrder.findIndex((id) => id === overId);\n  return { fromIndex, toIndex };\n}\n\n// #region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectY(pointY: number, rect: ClientRect): boolean {\n  return rect.top <= pointY && pointY <= rect.bottom;\n}\n\nexport const DATA_TABLE_ROW_DND_COLLISION_OFFSET =\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT / 2 - 1;\n\n/**\n * Custom collision detection algorithm for row order drag and drop.\n * Determines the closest droppable target within the Y-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged row, or an empty array if none is found.\n * @internal\n */\nexport const closestTargetWithinY: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  collisionRect,\n  active,\n}) => {\n  const initialRect = active.rect.current.initial;\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying row heights, depending on the dragging direction\n  // we take either the top or the bottom of the dragged row to check for collisions\n  // (minus a small offset, so the rows have to overlap a bit, before they would be swapped)\n  const isDraggingUp = collisionRect.top < initialRect.top;\n  // min row height is 24px, to ensure the offset is in the top/bottom half: 24 / 2 - 1 = 11\n  const collisionRectY = isDraggingUp\n    ? collisionRect.top + DATA_TABLE_ROW_DND_COLLISION_OFFSET\n    : collisionRect.bottom - DATA_TABLE_ROW_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id, node } = droppableContainer;\n    const rect = droppableRects.get(id);\n    if (rect === undefined) {\n      continue;\n    }\n\n    // the droppable containers do not consider the row details height, so we need to get that\n    // this can be removed once we have subgrids and can put the ref on the row itself (APPDEV-12251)\n    const heightAdaptedRect = { ...rect };\n    const rowDetailsElement = node.current?.parentElement?.querySelector(\n      `[data-rowid=\"${CSS.escape(\n        String(id),\n      )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"]`,\n    );\n\n    if (rowDetailsElement) {\n      const detailsHeight = rowDetailsElement.getBoundingClientRect().height;\n      heightAdaptedRect.height += detailsHeight;\n      heightAdaptedRect.bottom += detailsHeight;\n    }\n\n    if (isPointWithinRectY(collisionRectY, heightAdaptedRect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer },\n        },\n      ];\n    }\n\n    // in case the dragged row's collisionRectY is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectY coordinate.\n    const droppableContainerY = isDraggingUp ? rect.top : rect.bottom;\n    const distance = Math.abs(collisionRectY - droppableContainerY);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.toSorted((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Identifies the last row in the given array where drag-and-drop is disabled, and where all preceding rows are also disabled.\n *\n * @param rows - the table rows\n * @returns the index of the last found row with disabled drag and drop\n */\nfunction findLastDisabledRow(rows: { rowIndex: number; row: Row<unknown> }[]) {\n  let lastDisabledRowIndex: number | undefined = undefined;\n  for (const { rowIndex, row } of rows) {\n    if (row.getCanDrag()) {\n      break;\n    }\n    lastDisabledRowIndex = rowIndex;\n  }\n  return lastDisabledRowIndex;\n}\n\n/**\n * Custom collision detection function that filters droppable containers based the sub-row depth of the dragged row,\n * and then applies the custom closestCenterWithinY algorithm on the filtered targets.\n * Only rows on the same sub-row depth level can be ordered.\n *\n * We need to pass the dragged row stored in the table state, as during dragging in a scrollable table it can happen\n * that the active row is virtualized and would therefore be undefined.\n *\n * @param draggingRowInfo - active/dragged row info saved in the table state\n * @returns\n */\nexport const createRowOrderCollisionDetection = (draggingRowInfo?: {\n  id: string;\n  index: number;\n  row: Row<unknown>;\n}): CollisionDetection => {\n  return ({ active, droppableContainers, ...rest }) => {\n    if (draggingRowInfo === undefined) {\n      return [];\n    }\n    const activeRow = draggingRowInfo.row;\n    const activeRowIndex = draggingRowInfo.index;\n    const activeRowSubRowDepth = activeRow.getSubRowDepth();\n\n    const lastExpandedSubRowsOnLevel = new Set<string>();\n\n    const validTargets = droppableContainers.filter((target) => {\n      const targetRow = target.data.current?.row as Row<unknown>;\n      const targetRowIndex = target.data.current?.rowIndex;\n      const targetRowSubRowDepth = targetRow?.getSubRowDepth();\n      const targetRowDisabled = !targetRow?.getCanDrag();\n      const targetRowLockedDisabled =\n        targetRow?.disabledRowDragAndDropLockPosition;\n\n      const isSameDepthAndParent =\n        targetRowSubRowDepth === activeRowSubRowDepth &&\n        activeRow.parentId === targetRow.parentId;\n\n      // currently active row is a valid target\n      if (activeRowIndex === targetRowIndex) {\n        return true;\n      }\n\n      if (targetRowDisabled && targetRowLockedDisabled !== false) {\n        const rowsByRowIndex = droppableContainers\n          .filter(\n            (container) => container.data.current?.row.parentId === undefined,\n          )\n          .map((container) => ({\n            rowIndex: container.data.current?.rowIndex,\n            row: container.data.current?.row,\n          }))\n          .toSorted((data1, data2) => data1?.rowIndex - data2?.rowIndex);\n\n        const lastDisabledRowIndexFromStart =\n          targetRowLockedDisabled !== 'end'\n            ? findLastDisabledRow(rowsByRowIndex)\n            : undefined;\n        const firstDisabledRowIndexFromEnd =\n          targetRowLockedDisabled !== 'start'\n            ? findLastDisabledRow(rowsByRowIndex.toReversed())\n            : undefined;\n\n        // if the disabled row is already (grouped) at the start or end,\n        // the row is not a valid target\n        if (\n          targetRow.parentId === undefined &&\n          ((lastDisabledRowIndexFromStart !== undefined &&\n            targetRowIndex <= lastDisabledRowIndexFromStart) ||\n            (firstDisabledRowIndexFromEnd !== undefined &&\n              targetRowIndex >= firstDisabledRowIndexFromEnd))\n        ) {\n          return false;\n        }\n      }\n\n      if (isSameDepthAndParent) {\n        const hasOpenSubRows =\n          targetRow.getCanExpand() && targetRow.getIsExpanded();\n\n        // when active row is moved down, and the target row has expanded sub-rows the row\n        // should only be moved when it's moved past the sub-rows\n        // therefore, instead of the parent row, the last expanded sub-row is the valid target\n        if (activeRowIndex < targetRowIndex && hasOpenSubRows) {\n          // get id of last open subrow and save it to be able to make it the actual target\n          const lastExpandedRow = targetRow.getLastExpandedSubRow();\n          if (lastExpandedRow) {\n            lastExpandedSubRowsOnLevel.add(lastExpandedRow.id);\n          }\n          return false;\n        }\n\n        return true;\n      }\n\n      if (targetRowSubRowDepth > activeRowSubRowDepth) {\n        // if the target is the last expanded sub-row of a target row\n        return lastExpandedSubRowsOnLevel.has(targetRow.id);\n      }\n\n      return false;\n    });\n\n    // Apply closestTargetWithinY on filtered targets\n    return closestTargetWithinY({\n      active,\n      droppableContainers: validTargets,\n      ...rest,\n    });\n  };\n};\n// #endregion CollisionDetection\n\n// #region Modifiers\n/**\n * Restricts the vertical movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param verticalBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted y value.\n * @internal\n */\nexport function restrictToVerticalBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  verticalBounds: {\n    top: number;\n    bottom: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  if (\n    rect.top >= verticalBounds.top &&\n    rect.top + transform.y <= verticalBounds.top\n  ) {\n    value.y = verticalBounds.top - rect.top;\n  } else if (\n    rect.bottom <= verticalBounds.bottom &&\n    rect.bottom + transform.y >= verticalBounds.bottom\n  ) {\n    value.y = verticalBounds.bottom - rect.bottom;\n  }\n  // Only with keyboard navigation:\n  // When focusing the drag handle and scrolling the table so that the row is not visible anymore,\n  // and then pressing SPACE/ENTER to start dragging, the dragged row's position needs to be adjusted\n  // in a way where we need to make sure the row remains within the vertical bounds with the new transform value.\n  else if (rect.top < verticalBounds.top) {\n    const bottomTransformYLimit = verticalBounds.bottom - rect.bottom;\n    const transformY =\n      transform.y > 0\n        ? verticalBounds.top - rect.top + transform.y\n        : verticalBounds.top - rect.top;\n\n    // adjust value.y to be the bottom bound if the new transform value would position the row outside the bottom vertical bound\n    value.y =\n      transformY > bottomTransformYLimit ? bottomTransformYLimit : transformY;\n  } else if (rect.bottom > verticalBounds.bottom) {\n    const topTransformYLimit = verticalBounds.top - rect.top;\n    const transformY =\n      transform.y < 0\n        ? verticalBounds.bottom - rect.bottom + transform.y\n        : verticalBounds.bottom - rect.bottom;\n\n    // adjust value.y to be the top bound if the new transform value would position the row outside the top vertical bound\n    value.y = transformY > topTransformYLimit ? transformY : topTransformYLimit;\n  }\n\n  return value;\n}\n\n/**\n * Creates a dnd-kit modifier to restrict the dragging to the table row area.\n * @param tableHeaderHeight - This height is subtracted from the parent element height.\n * @param containedVariant - Whether the table is using the contained visual variant.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns dnd-kit modifier\n * @internal\n */\nexport function createRestrictToTableRowAreaModifier(\n  tableHeaderHeight: number,\n  containedVariant: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier {\n  return ({ transform, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    // Restrict dragging to the vertical axis\n    transform.x = 0;\n\n    const parentRect = virtualizationContainer.getBoundingClientRect();\n    // Restrict dragging to the table container minus borders\n    const verticalBounds = {\n      top: containedVariant\n        ? parentRect?.top + tableHeaderHeight + DATA_TABLE_BORDER_WIDTH\n        : parentRect?.top + tableHeaderHeight,\n      bottom: containedVariant\n        ? parentRect?.bottom - DATA_TABLE_BORDER_WIDTH\n        : parentRect?.bottom,\n    };\n\n    return restrictToVerticalBounds(\n      transform,\n      draggingNodeRect,\n      verticalBounds,\n    );\n  };\n}\n// #endregion Modifiers\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Modifier,\n} from '@dnd-kit/core';\n\nimport Animations from '@dynatrace/strato-design-tokens/animations';\n\nimport { disabledNonTargetRow } from './RowOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT,\n  DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../../constants.js';\nimport type { DragAndDropTransform, Row } from '../../hooks/useTable/types.js';\n\n// #region RowTransforms\n// all rows that were transformed in the last onDragOver call\nlet lastAffectedRows = new Set<string>();\n\n/**\n * Transforms row upwards or downwards to make space for the row which is currently being dragged (\"active\" row).\n * @param table - the table where the row ordering is happening.\n * @param event - contains \"active\" (row being dragged) and \"over\" ids (row where the active row is currently dragged over).\n * @param rowOrder - original row order before dragging.\n * @param rowSeparationNone - whether the rows are visually separated by a border.\n * @param activeRow - the currently dragged row.\n * @internal\n */\nexport function transformRowOnDragOver(\n  table: HTMLElement,\n  event: DragOverEvent,\n  rowOrder: string[] | undefined,\n  rowSeparationNone: boolean,\n  activeRow?: Row<unknown>,\n): void {\n  let rowHeight = event.active?.rect.current.translated?.height;\n\n  if (\n    activeRow === undefined ||\n    rowOrder === undefined ||\n    event.collisions === null ||\n    event.active === null ||\n    event.over === null ||\n    rowHeight === undefined\n  ) {\n    return;\n  }\n\n  // visually disable rows that do not share the same parent as the dragged row\n  styleNonTargetRows(table, activeRow.parentId);\n\n  // keep track of all rows that are transformed during the current onDragOver call\n  const newAffectedRows = new Set<string>();\n  const { fromIndex, toIndex } = getDragIndexes(\n    rowOrder,\n    event.active.id as string, // for us the IDs are always strings\n    event.over.id as string, // for us the IDs are always strings\n  );\n\n  const activeRowIsLastRow = fromIndex === rowOrder.length - 1;\n\n  // if rowSeparation is active, consider 1px border for all rows\n  // except if dragging the last row or if row details are open\n  if (\n    !rowSeparationNone &&\n    !activeRowIsLastRow &&\n    !activeRow.getIsDetailsOpen()\n  ) {\n    rowHeight += DATA_TABLE_ROW_BORDER;\n  }\n\n  if (fromIndex < toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(fromIndex + 1, toIndex + 1),\n      -rowHeight,\n      newAffectedRows,\n    );\n  } else if (fromIndex > toIndex) {\n    transformRows(\n      table,\n      rowOrder.slice(toIndex, fromIndex),\n      rowHeight,\n      newAffectedRows,\n    );\n  }\n\n  // Reset rows that were translated in the last drag operation but are not in the current one\n  transformRows(table, lastAffectedRows, 0);\n  lastAffectedRows = newAffectedRows;\n}\n\n/**\n * Moves rows on the y-axis by the given number of pixels.\n * @param table - the table grid element.\n * @param rowIds - the ids of rows to transform.\n * @param amountToTransform - number of pixels to translate (positive for down or negative for up)\n * @param newAffectedRows - set to save all rows that are transformed during the current onDragOver call\n */\nfunction transformRows(\n  table: HTMLElement,\n  rowIds: string[] | Set<string>,\n  amountToTransform: number,\n  newAffectedRows?: Set<string>,\n): void {\n  for (const rowId of rowIds) {\n    const row = getRowWithId(table, rowId);\n    if (row.length <= 0) {\n      continue;\n    }\n    translateRowY(row, amountToTransform);\n    if (newAffectedRows) {\n      lastAffectedRows.delete(rowId);\n      newAffectedRows.add(rowId);\n    }\n  }\n}\n\n/**\n * Applies styles to visually indicate droppable targets for the currently active row.\n * Rows that do not share the same parent as the dragged row will appear visually disabled.\n *\n * @param table - The table element containing the rows to style.\n * @param activeParentId - parent id of the currently dragged row.\n */\nfunction styleNonTargetRows(table: HTMLElement, activeParentId?: string): void {\n  // if the dragged row is a top-level row, we don't want to add any styles\n  if (activeParentId === undefined) {\n    return;\n  }\n  const rows = getAllNonTargetRowsInTableBody(table, activeParentId);\n  for (const row of rows) {\n    row.classList.add(disabledNonTargetRow);\n  }\n}\n\n/**\n * Moves row on the y-axis by the given number of pixels. Applies a transition\n * also to make it looks smoother, using strato tokens for duration and easing.\n * @param row - the row to translate\n * @param value - number of pixels (positive for down or negative for up)\n */\nfunction translateRowY(row: HTMLElement[], value: number): void {\n  const transform = `translateY(${value}px)`;\n  const transition = `transform ${Animations.SlideIn.Duration.Base} ${Animations.Move.Easing}`;\n  for (const rowElement of row) {\n    rowElement.style.transform = transform;\n    rowElement.style.transition = transition;\n  }\n}\n\n/**\n * Resets the transform style on the given row.\n * @param rows - the row we want to reset.\n * @internal\n */\nexport function resetAllStylesForRows(rows: HTMLElement[]): void {\n  if (rows.length === 0) {\n    return;\n  }\n  for (const row of rows) {\n    row.style.removeProperty('transform');\n    row.style.removeProperty('transition');\n    row.classList.remove(disabledNonTargetRow);\n  }\n}\n\n/**\n * Gets the row elements with a given row id (including row details row).\n * @param table - the current table.\n * @param id - id of the row (matches against `data-rowid`).\n * @returns matching rows.\n * @internal\n */\nexport function getRowWithId(\n  table: HTMLElement,\n  id: string | number | undefined,\n): HTMLElement[] {\n  if (id === undefined) {\n    return [];\n  }\n  const rowElements = table.querySelectorAll<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(String(id))}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"], [data-rowid=\"${CSS.escape(\n      String(id),\n    )}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}\"]`,\n  );\n\n  return Array.from(rowElements);\n}\n\n/**\n * Gets all rows in the given table that are not within the same sub-row parent.\n *\n * @param table - the table we are concerned with.\n * @param parentIdToExclude - parent id to be excluded\n * @returns all rows in the table (div elements with role=\"row\").\n * @internal\n */\nexport function getAllNonTargetRowsInTableBody(\n  table: HTMLElement,\n  parentIdToExclude?: string,\n): HTMLElement[] {\n  const nonTargetRows = table.querySelectorAll<HTMLElement>(\n    `[data-rowgroup=\"body\"] [role=\"row\"]:not([data-rowid^=\"${CSS.escape(\n      String(parentIdToExclude),\n    )}\"]`,\n  );\n\n  return Array.from(nonTargetRows);\n}\n\n/**\n * Gets all rows in the given table (all rows that have role=\"row\" and a data-rowid attribute).\n * @param table - the table we are concerned with.\n * @returns all rows in the table.\n * @internal\n */\nexport function getAllRowsInTableBody(table: HTMLElement): HTMLElement[] {\n  const allRowsInTableBody = table.querySelectorAll<HTMLElement>(\n    '[role=\"row\"][data-rowid], [role=\"presentation\"][data-rowid]',\n  );\n\n  return Array.from(allRowsInTableBody);\n}\n\n/**\n * @param table - the table we are concerned with.\n * @param rowNumber - zero-based row number\n * @returns the drag handle of the given row for drag and drop ordering\n * @internal\n */\nexport function getDragHandleForRow(\n  table: HTMLElement,\n  rowNumber: number,\n): HTMLElement | null {\n  return table.querySelector<HTMLElement>(\n    `[role=\"row\"][data-row=\"${rowNumber}\"] [role=\"cell\"][data-column=\"0\"] button`,\n  );\n}\n// #endregion RowTransforms\n\n/**\n * Gets the `fromIndex` and `toIndex` from the over and active id.\n * @param rowOrder - contains the ids of the rows in order.\n * @param activeId - is the id of the currently actively dragged row\n * @param overId - is the target id of where the dragging row is currently dragged to\n * @returns indexes from where a row is dragged and where it is dragged to\n * @internal\n */\nexport function getDragIndexes(\n  rowOrder: string[],\n  activeId: string,\n  overId: string,\n): { fromIndex: number; toIndex: number } {\n  const fromIndex = rowOrder.findIndex((id) => id === activeId);\n  const toIndex = rowOrder.findIndex((id) => id === overId);\n  return { fromIndex, toIndex };\n}\n\n// #region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectY(pointY: number, rect: ClientRect): boolean {\n  return rect.top <= pointY && pointY <= rect.bottom;\n}\n\nexport const DATA_TABLE_ROW_DND_COLLISION_OFFSET =\n  DATA_TABLE_DEFAULT_MIN_ROW_HEIGHT / 2 - 1;\n\n/**\n * Custom collision detection algorithm for row order drag and drop.\n * Determines the closest droppable target within the Y-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged row, or an empty array if none is found.\n * @internal\n */\nexport const closestTargetWithinY: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  collisionRect,\n  active,\n}) => {\n  const initialRect = active.rect.current.initial;\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying row heights, depending on the dragging direction\n  // we take either the top or the bottom of the dragged row to check for collisions\n  // (minus a small offset, so the rows have to overlap a bit, before they would be swapped)\n  const isDraggingUp = collisionRect.top < initialRect.top;\n  // min row height is 24px, to ensure the offset is in the top/bottom half: 24 / 2 - 1 = 11\n  const collisionRectY = isDraggingUp\n    ? collisionRect.top + DATA_TABLE_ROW_DND_COLLISION_OFFSET\n    : collisionRect.bottom - DATA_TABLE_ROW_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id, node } = droppableContainer;\n    const rect = droppableRects.get(id);\n    if (rect === undefined) {\n      continue;\n    }\n\n    // the droppable containers do not consider the row details height, so we need to get that\n    // this can be removed once we have subgrids and can put the ref on the row itself (APPDEV-12251)\n    const heightAdaptedRect = { ...rect };\n    const rowDetailsElement = node.current?.parentElement?.querySelector(\n      `[data-rowid=\"${CSS.escape(\n        String(id),\n      )}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}\"]`,\n    );\n\n    if (rowDetailsElement) {\n      const detailsHeight = rowDetailsElement.getBoundingClientRect().height;\n      heightAdaptedRect.height += detailsHeight;\n      heightAdaptedRect.bottom += detailsHeight;\n    }\n\n    if (isPointWithinRectY(collisionRectY, heightAdaptedRect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer },\n        },\n      ];\n    }\n\n    // in case the dragged row's collisionRectY is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectY coordinate.\n    const droppableContainerY = isDraggingUp ? rect.top : rect.bottom;\n    const distance = Math.abs(collisionRectY - droppableContainerY);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.toSorted((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Identifies the last row in the given array where drag-and-drop is disabled, and where all preceding rows are also disabled.\n *\n * @param rows - the table rows\n * @returns the index of the last found row with disabled drag and drop\n */\nfunction findLastDisabledRow(rows: { rowIndex: number; row: Row<unknown> }[]) {\n  let lastDisabledRowIndex: number | undefined = undefined;\n  for (const { rowIndex, row } of rows) {\n    if (row.getCanDrag()) {\n      break;\n    }\n    lastDisabledRowIndex = rowIndex;\n  }\n  return lastDisabledRowIndex;\n}\n\n/**\n * Custom collision detection function that filters droppable containers based the sub-row depth of the dragged row,\n * and then applies the custom closestCenterWithinY algorithm on the filtered targets.\n * Only rows on the same sub-row depth level can be ordered.\n *\n * We need to pass the dragged row stored in the table state, as during dragging in a scrollable table it can happen\n * that the active row is virtualized and would therefore be undefined.\n *\n * @param draggingRowInfo - active/dragged row info saved in the table state\n * @returns\n */\nexport const createRowOrderCollisionDetection = (draggingRowInfo?: {\n  id: string;\n  index: number;\n  row: Row<unknown>;\n}): CollisionDetection => {\n  return ({ active, droppableContainers, ...rest }) => {\n    if (draggingRowInfo === undefined) {\n      return [];\n    }\n    const activeRow = draggingRowInfo.row;\n    const activeRowIndex = draggingRowInfo.index;\n    const activeRowSubRowDepth = activeRow.getSubRowDepth();\n\n    const lastExpandedSubRowsOnLevel = new Set<string>();\n\n    const validTargets = droppableContainers.filter((target) => {\n      const targetRow = target.data.current?.row as Row<unknown>;\n      const targetRowIndex = target.data.current?.rowIndex;\n      const targetRowSubRowDepth = targetRow?.getSubRowDepth();\n      const targetRowDisabled = !targetRow?.getCanDrag();\n      const targetRowLockedDisabled =\n        targetRow?.disabledRowDragAndDropLockPosition;\n\n      const isSameDepthAndParent =\n        targetRowSubRowDepth === activeRowSubRowDepth &&\n        activeRow.parentId === targetRow.parentId;\n\n      // currently active row is a valid target\n      if (activeRowIndex === targetRowIndex) {\n        return true;\n      }\n\n      if (targetRowDisabled && targetRowLockedDisabled !== false) {\n        const rowsByRowIndex = droppableContainers\n          .filter(\n            (container) => container.data.current?.row.parentId === undefined,\n          )\n          .map((container) => ({\n            rowIndex: container.data.current?.rowIndex,\n            row: container.data.current?.row,\n          }))\n          .toSorted((data1, data2) => data1?.rowIndex - data2?.rowIndex);\n\n        const lastDisabledRowIndexFromStart =\n          targetRowLockedDisabled !== 'end'\n            ? findLastDisabledRow(rowsByRowIndex)\n            : undefined;\n        const firstDisabledRowIndexFromEnd =\n          targetRowLockedDisabled !== 'start'\n            ? findLastDisabledRow(rowsByRowIndex.toReversed())\n            : undefined;\n\n        // if the disabled row is already (grouped) at the start or end,\n        // the row is not a valid target\n        if (\n          targetRow.parentId === undefined &&\n          ((lastDisabledRowIndexFromStart !== undefined &&\n            targetRowIndex <= lastDisabledRowIndexFromStart) ||\n            (firstDisabledRowIndexFromEnd !== undefined &&\n              targetRowIndex >= firstDisabledRowIndexFromEnd))\n        ) {\n          return false;\n        }\n      }\n\n      if (isSameDepthAndParent) {\n        const hasOpenSubRows =\n          targetRow.getCanExpand() && targetRow.getIsExpanded();\n\n        // when active row is moved down, and the target row has expanded sub-rows the row\n        // should only be moved when it's moved past the sub-rows\n        // therefore, instead of the parent row, the last expanded sub-row is the valid target\n        if (activeRowIndex < targetRowIndex && hasOpenSubRows) {\n          // get id of last open subrow and save it to be able to make it the actual target\n          const lastExpandedRow = targetRow.getLastExpandedSubRow();\n          if (lastExpandedRow) {\n            lastExpandedSubRowsOnLevel.add(lastExpandedRow.id);\n          }\n          return false;\n        }\n\n        return true;\n      }\n\n      if (targetRowSubRowDepth > activeRowSubRowDepth) {\n        // if the target is the last expanded sub-row of a target row\n        return lastExpandedSubRowsOnLevel.has(targetRow.id);\n      }\n\n      return false;\n    });\n\n    // Apply closestTargetWithinY on filtered targets\n    return closestTargetWithinY({\n      active,\n      droppableContainers: validTargets,\n      ...rest,\n    });\n  };\n};\n// #endregion CollisionDetection\n\n// #region Modifiers\n/**\n * Restricts the vertical movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param verticalBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted y value.\n * @internal\n */\nexport function restrictToVerticalBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  verticalBounds: {\n    top: number;\n    bottom: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  if (\n    rect.top >= verticalBounds.top &&\n    rect.top + transform.y <= verticalBounds.top\n  ) {\n    value.y = verticalBounds.top - rect.top;\n  } else if (\n    rect.bottom <= verticalBounds.bottom &&\n    rect.bottom + transform.y >= verticalBounds.bottom\n  ) {\n    value.y = verticalBounds.bottom - rect.bottom;\n  }\n  // Only with keyboard navigation:\n  // When focusing the drag handle and scrolling the table so that the row is not visible anymore,\n  // and then pressing SPACE/ENTER to start dragging, the dragged row's position needs to be adjusted\n  // in a way where we need to make sure the row remains within the vertical bounds with the new transform value.\n  else if (rect.top < verticalBounds.top) {\n    const bottomTransformYLimit = verticalBounds.bottom - rect.bottom;\n    const transformY =\n      transform.y > 0\n        ? verticalBounds.top - rect.top + transform.y\n        : verticalBounds.top - rect.top;\n\n    // adjust value.y to be the bottom bound if the new transform value would position the row outside the bottom vertical bound\n    value.y =\n      transformY > bottomTransformYLimit ? bottomTransformYLimit : transformY;\n  } else if (rect.bottom > verticalBounds.bottom) {\n    const topTransformYLimit = verticalBounds.top - rect.top;\n    const transformY =\n      transform.y < 0\n        ? verticalBounds.bottom - rect.bottom + transform.y\n        : verticalBounds.bottom - rect.bottom;\n\n    // adjust value.y to be the top bound if the new transform value would position the row outside the top vertical bound\n    value.y = transformY > topTransformYLimit ? transformY : topTransformYLimit;\n  }\n\n  return value;\n}\n\n/**\n * Creates a dnd-kit modifier to restrict the dragging to the table row area.\n * @param tableHeaderHeight - This height is subtracted from the parent element height.\n * @param containedVariant - Whether the table is using the contained visual variant.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns dnd-kit modifier\n * @internal\n */\nexport function createRestrictToTableRowAreaModifier(\n  tableHeaderHeight: number,\n  containedVariant: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier {\n  return ({ transform, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    // Restrict dragging to the vertical axis\n    transform.x = 0;\n\n    const parentRect = virtualizationContainer.getBoundingClientRect();\n    // Restrict dragging to the table container minus borders\n    const verticalBounds = {\n      top: containedVariant\n        ? parentRect?.top + tableHeaderHeight + getDataTableBorderWidth()\n        : parentRect?.top + tableHeaderHeight,\n      bottom: containedVariant\n        ? parentRect?.bottom - getDataTableBorderWidth()\n        : parentRect?.bottom,\n    };\n\n    return restrictToVerticalBounds(\n      transform,\n      draggingNodeRect,\n      verticalBounds,\n    );\n  };\n}\n// #endregion Modifiers\n"],
+  "mappings": "AAQA,OAAO,gBAAgB;AAEvB,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,IAAI,mBAAmB,oBAAI,IAAY;AAWhC,SAAS,uBACd,OACA,OACA,UACA,mBACA,WACM;AACN,MAAI,YAAY,MAAM,QAAQ,KAAK,QAAQ,YAAY;AAEvD,MACE,cAAc,UACd,aAAa,UACb,MAAM,eAAe,QACrB,MAAM,WAAW,QACjB,MAAM,SAAS,QACf,cAAc,QACd;AACA;AAAA,EACF;AAGA,qBAAmB,OAAO,UAAU,QAAQ;AAG5C,QAAM,kBAAkB,oBAAI,IAAY;AACxC,QAAM,EAAE,WAAW,QAAQ,IAAI;AAAA,IAC7B;AAAA,IACA,MAAM,OAAO;AAAA;AAAA,IACb,MAAM,KAAK;AAAA;AAAA,EACb;AAEA,QAAM,qBAAqB,cAAc,SAAS,SAAS;AAI3D,MACE,CAAC,qBACD,CAAC,sBACD,CAAC,UAAU,iBAAiB,GAC5B;AACA,iBAAa;AAAA,EACf;AAEA,MAAI,YAAY,SAAS;AACvB;AAAA,MACE;AAAA,MACA,SAAS,MAAM,YAAY,GAAG,UAAU,CAAC;AAAA,MACzC,CAAC;AAAA,MACD;AAAA,IACF;AAAA,EACF,WAAW,YAAY,SAAS;AAC9B;AAAA,MACE;AAAA,MACA,SAAS,MAAM,SAAS,SAAS;AAAA,MACjC;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,gBAAc,OAAO,kBAAkB,CAAC;AACxC,qBAAmB;AACrB;AASA,SAAS,cACP,OACA,QACA,mBACA,iBACM;AACN,aAAW,SAAS,QAAQ;AAC1B,UAAM,MAAM,aAAa,OAAO,KAAK;AACrC,QAAI,IAAI,UAAU,GAAG;AACnB;AAAA,IACF;AACA,kBAAc,KAAK,iBAAiB;AACpC,QAAI,iBAAiB;AACnB,uBAAiB,OAAO,KAAK;AAC7B,sBAAgB,IAAI,KAAK;AAAA,IAC3B;AAAA,EACF;AACF;AASA,SAAS,mBAAmB,OAAoB,gBAA+B;AAE7E,MAAI,mBAAmB,QAAW;AAChC;AAAA,EACF;AACA,QAAM,OAAO,+BAA+B,OAAO,cAAc;AACjE,aAAW,OAAO,MAAM;AACtB,QAAI,UAAU,IAAI,oBAAoB;AAAA,EACxC;AACF;AAQA,SAAS,cAAc,KAAoB,OAAqB;AAC9D,QAAM,YAAY,cAAc,KAAK;AACrC,QAAM,aAAa,aAAa,WAAW,QAAQ,SAAS,IAAI,IAAI,WAAW,KAAK,MAAM;AAC1F,aAAW,cAAc,KAAK;AAC5B,eAAW,MAAM,YAAY;AAC7B,eAAW,MAAM,aAAa;AAAA,EAChC;AACF;AAOO,SAAS,sBAAsB,MAA2B;AAC/D,MAAI,KAAK,WAAW,GAAG;AACrB;AAAA,EACF;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,MAAM,eAAe,WAAW;AACpC,QAAI,MAAM,eAAe,YAAY;AACrC,QAAI,UAAU,OAAO,oBAAoB;AAAA,EAC3C;AACF;AASO,SAAS,aACd,OACA,IACe;AACf,MAAI,OAAO,QAAW;AACpB,WAAO,CAAC;AAAA,EACV;AACA,QAAM,cAAc,MAAM;AAAA,IACxB,gBAAgB,IAAI,OAAO,OAAO,EAAE,CAAC,CAAC,oBAAoB,IAAI;AAAA,MAC5D,OAAO,EAAE;AAAA,IACX,CAAC,GAAG,iCAAiC,oBAAoB,IAAI;AAAA,MAC3D,OAAO,EAAE;AAAA,IACX,CAAC,GAAG,4CAA4C;AAAA,EAClD;AAEA,SAAO,MAAM,KAAK,WAAW;AAC/B;AAUO,SAAS,+BACd,OACA,mBACe;AACf,QAAM,gBAAgB,MAAM;AAAA,IAC1B,yDAAyD,IAAI;AAAA,MAC3D,OAAO,iBAAiB;AAAA,IAC1B,CAAC;AAAA,EACH;AAEA,SAAO,MAAM,KAAK,aAAa;AACjC;AAQO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,qBAAqB,MAAM;AAAA,IAC/B;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,kBAAkB;AACtC;AAQO,SAAS,oBACd,OACA,WACoB;AACpB,SAAO,MAAM;AAAA,IACX,0BAA0B,SAAS;AAAA,EACrC;AACF;AAWO,SAAS,eACd,UACA,UACA,QACwC;AACxC,QAAM,YAAY,SAAS,UAAU,CAAC,OAAO,OAAO,QAAQ;AAC5D,QAAM,UAAU,SAAS,UAAU,CAAC,OAAO,OAAO,MAAM;AACxD,SAAO,EAAE,WAAW,QAAQ;AAC9B;AAMA,SAAS,mBAAmB,QAAgB,MAA2B;AACrE,SAAO,KAAK,OAAO,UAAU,UAAU,KAAK;AAC9C;AAEO,MAAM,sCACX,oCAAoC,IAAI;AAWnC,MAAM,uBAA2C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,OAAO,KAAK,QAAQ;AACxC,MAAI,gBAAgB,MAAM;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAoC,CAAC;AAK3C,QAAM,eAAe,cAAc,MAAM,YAAY;AAErD,QAAM,iBAAiB,eACnB,cAAc,MAAM,sCACpB,cAAc,SAAS;AAE3B,aAAW,sBAAsB,qBAAqB;AACpD,UAAM,EAAE,IAAI,KAAK,IAAI;AACrB,UAAM,OAAO,eAAe,IAAI,EAAE;AAClC,QAAI,SAAS,QAAW;AACtB;AAAA,IACF;AAIA,UAAM,oBAAoB,EAAE,GAAG,KAAK;AACpC,UAAM,oBAAoB,KAAK,SAAS,eAAe;AAAA,MACrD,gBAAgB,IAAI;AAAA,QAClB,OAAO,EAAE;AAAA,MACX,CAAC,GAAG,iCAAiC;AAAA,IACvC;AAEA,QAAI,mBAAmB;AACrB,YAAM,gBAAgB,kBAAkB,sBAAsB,EAAE;AAChE,wBAAkB,UAAU;AAC5B,wBAAkB,UAAU;AAAA,IAC9B;AAEA,QAAI,mBAAmB,gBAAgB,iBAAiB,GAAG;AAEzD,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,MAAM,EAAE,mBAAmB;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAKA,UAAM,sBAAsB,eAAe,KAAK,MAAM,KAAK;AAC3D,UAAM,WAAW,KAAK,IAAI,iBAAiB,mBAAmB;AAC9D,eAAW,KAAK,EAAE,IAAI,MAAM,EAAE,oBAAoB,OAAO,SAAS,EAAE,CAAC;AAAA,EACvE;AAEA,SAAO,WAAW,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK;AAClE;AAQA,SAAS,oBAAoB,MAAiD;AAC5E,MAAI,uBAA2C;AAC/C,aAAW,EAAE,UAAU,IAAI,KAAK,MAAM;AACpC,QAAI,IAAI,WAAW,GAAG;AACpB;AAAA,IACF;AACA,2BAAuB;AAAA,EACzB;AACA,SAAO;AACT;AAaO,MAAM,mCAAmC,CAAC,oBAIvB;AACxB,SAAO,CAAC,EAAE,QAAQ,qBAAqB,GAAG,KAAK,MAAM;AACnD,QAAI,oBAAoB,QAAW;AACjC,aAAO,CAAC;AAAA,IACV;AACA,UAAM,YAAY,gBAAgB;AAClC,UAAM,iBAAiB,gBAAgB;AACvC,UAAM,uBAAuB,UAAU,eAAe;AAEtD,UAAM,6BAA6B,oBAAI,IAAY;AAEnD,UAAM,eAAe,oBAAoB,OAAO,CAAC,WAAW;AAC1D,YAAM,YAAY,OAAO,KAAK,SAAS;AACvC,YAAM,iBAAiB,OAAO,KAAK,SAAS;AAC5C,YAAM,uBAAuB,WAAW,eAAe;AACvD,YAAM,oBAAoB,CAAC,WAAW,WAAW;AACjD,YAAM,0BACJ,WAAW;AAEb,YAAM,uBACJ,yBAAyB,wBACzB,UAAU,aAAa,UAAU;AAGnC,UAAI,mBAAmB,gBAAgB;AACrC,eAAO;AAAA,MACT;AAEA,UAAI,qBAAqB,4BAA4B,OAAO;AAC1D,cAAM,iBAAiB,oBACpB;AAAA,UACC,CAAC,cAAc,UAAU,KAAK,SAAS,IAAI,aAAa;AAAA,QAC1D,EACC,IAAI,CAAC,eAAe;AAAA,UACnB,UAAU,UAAU,KAAK,SAAS;AAAA,UAClC,KAAK,UAAU,KAAK,SAAS;AAAA,QAC/B,EAAE,EACD,SAAS,CAAC,OAAO,UAAU,OAAO,WAAW,OAAO,QAAQ;AAE/D,cAAM,gCACJ,4BAA4B,QACxB,oBAAoB,cAAc,IAClC;AACN,cAAM,+BACJ,4BAA4B,UACxB,oBAAoB,eAAe,WAAW,CAAC,IAC/C;AAIN,YACE,UAAU,aAAa,WACrB,kCAAkC,UAClC,kBAAkB,iCACjB,iCAAiC,UAChC,kBAAkB,+BACtB;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,UAAI,sBAAsB;AACxB,cAAM,iBACJ,UAAU,aAAa,KAAK,UAAU,cAAc;AAKtD,YAAI,iBAAiB,kBAAkB,gBAAgB;AAErD,gBAAM,kBAAkB,UAAU,sBAAsB;AACxD,cAAI,iBAAiB;AACnB,uCAA2B,IAAI,gBAAgB,EAAE;AAAA,UACnD;AACA,iBAAO;AAAA,QACT;AAEA,eAAO;AAAA,MACT;AAEA,UAAI,uBAAuB,sBAAsB;AAE/C,eAAO,2BAA2B,IAAI,UAAU,EAAE;AAAA,MACpD;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,WAAO,qBAAqB;AAAA,MAC1B;AAAA,MACA,qBAAqB;AAAA,MACrB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACF;AAaO,SAAS,yBACd,WACA,MACA,gBAIsB;AACtB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAEA,MACE,KAAK,OAAO,eAAe,OAC3B,KAAK,MAAM,UAAU,KAAK,eAAe,KACzC;AACA,UAAM,IAAI,eAAe,MAAM,KAAK;AAAA,EACtC,WACE,KAAK,UAAU,eAAe,UAC9B,KAAK,SAAS,UAAU,KAAK,eAAe,QAC5C;AACA,UAAM,IAAI,eAAe,SAAS,KAAK;AAAA,EACzC,WAKS,KAAK,MAAM,eAAe,KAAK;AACtC,UAAM,wBAAwB,eAAe,SAAS,KAAK;AAC3D,UAAM,aACJ,UAAU,IAAI,IACV,eAAe,MAAM,KAAK,MAAM,UAAU,IAC1C,eAAe,MAAM,KAAK;AAGhC,UAAM,IACJ,aAAa,wBAAwB,wBAAwB;AAAA,EACjE,WAAW,KAAK,SAAS,eAAe,QAAQ;AAC9C,UAAM,qBAAqB,eAAe,MAAM,KAAK;AACrD,UAAM,aACJ,UAAU,IAAI,IACV,eAAe,SAAS,KAAK,SAAS,UAAU,IAChD,eAAe,SAAS,KAAK;AAGnC,UAAM,IAAI,aAAa,qBAAqB,aAAa;AAAA,EAC3D;AAEA,SAAO;AACT;AAUO,SAAS,qCACd,mBACA,kBACA,yBACU;AACV,SAAO,CAAC,EAAE,WAAW,iBAAiB,MAAM;AAC1C,QAAI,CAAC,oBAAoB,4BAA4B,QAAW;AAC9D,aAAO;AAAA,IACT;AAGA,cAAU,IAAI;AAEd,UAAM,aAAa,wBAAwB,sBAAsB;AAEjE,UAAM,iBAAiB;AAAA,MACrB,KAAK,mBACD,YAAY,MAAM,oBAAoB,wBAAwB,IAC9D,YAAY,MAAM;AAAA,MACtB,QAAQ,mBACJ,YAAY,SAAS,wBAAwB,IAC7C,YAAY;AAAA,IAClB;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }