@dynatrace/strato-components 3.4.0 → 3.5.0

package/esm/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.ts"],
-  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type { ColumnPinningState } from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport {\n  DATA_TABLE_BORDER_WIDTH,\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type {\n  Column,\n  DragAndDropTransform,\n  Table,\n} from '../../hooks/useTable/types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid*=\"left\"]):not([data-headerid*=\"right\"])';\n// Pixels from the pinned-column boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport const updateColumnOrderOnDragEnd = ({\n  active,\n  over,\n  table,\n  virtualizationContainer,\n}: {\n  active: Active;\n  over: Over | null;\n  table: Table<unknown>;\n  virtualizationContainer?: HTMLDivElement;\n}): void => {\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<unknown, unknown>;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<unknown, unknown>;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = table.getState().columnOrder;\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    table.setColumnOrder(newColumnOrder);\n  }\n\n  table.setDraggedHeaderColumn(undefined);\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n};\n\n/**\n * Gets the speed for the custom auto scroll used for when column pinning is enabled.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition(\n  event: DragOverEvent,\n  virtualizationContainer?: HTMLDivElement,\n): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren = (\n    event.over.data.current?.column as Column<unknown, unknown>\n  )\n    .getVisibleLeafColumns()\n    .filter((child) => !child.getIsPinned());\n\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-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 column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX 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 collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<unknown, unknown>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + DATA_TABLE_BORDER_WIDTH\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - DATA_TABLE_BORDER_WIDTH\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + DATA_TABLE_BORDER_WIDTH\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of a draggable area when there are pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.left;\n  const rightPinnedColumns = pinnedColumns.right;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal 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 tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.left?.length ?? pinnedColumns.right?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
-  "mappings": "AAaA,OAAO,cAAc;AAErB,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,MAAM,uBACX;AAEK,MAAM,wBAAwB;AAErC,MAAM,8BAA8B,sCAAsC,IAAI;AAE9E,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AAUlB,SAAS,aACd,WACA,YACS;AACT,QAAM,cAAc,YAAY,QAAQ,CAAC,EAAE;AAC3C,MAAI,gBAAgB,QAAW;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,aAAa,UAAU,QAAQ,CAAC,EAAE;AACxC,SAAO,KAAK,IAAI,aAAa,WAAW,IAAI;AAC9C;AAWO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKY;AACV,MACE,SAAS,QACT,OAAO,KAAK,YAAY,UACxB,KAAK,KAAK,YAAY,UACtB,4BAA4B,QAC5B;AACA;AAAA,EACF;AAEA,QAAM,eAAe,OAAO,KAAK,QAAQ;AACzC,QAAM,uBAAuB,aAAa,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACzE,QAAM,0BAA0B,qBAAqB;AACrD,QAAM,uBAAuB,aAAa,QAAQ;AAElD,QAAM,aAAa,KAAK,KAAK,QAAQ;AACrC,QAAM,qBAAqB,KAAK,KAAK,SAAS,QAAQ,QAAQ;AAC9D,QAAM,qBAAqB,WAAW,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACrE,QAAM,wBAAwB,mBAAmB;AAGjD,MAAI,yBAAyB,oBAAoB;AAC/C,UAAM,cAAc,MAAM,SAAS,EAAE;AACrC,UAAM,YAAY,KAAK,IAAI,yBAAyB,CAAC;AAGrD,UAAM,oBAAoB,YAAY,UAAU,CAAC,aAAa;AAC5D,YAAM,KACJ,4BAA4B,IACxB,aAAa;AAAA;AAAA,QAEb,aAAa,eAAe,EAAE,CAAC,EAAE;AAAA;AAEvC,aAAO,aAAa;AAAA,IACtB,CAAC;AACD,UAAM,kBAAkB,YAAY,UAAU,CAAC,aAAa;AAC1D,YAAM,KACJ,0BAA0B,IACtB,WAAW;AAAA;AAAA,QAEX,WAAW,eAAe,EAAE,CAAC,EAAE;AAAA;AACrC,aAAO,aAAa;AAAA,IACtB,CAAC;AAGD,UAAM,iBAAiB,CAAC,GAAG,WAAW;AACtC,UAAM,eAAe,eAAe,OAAO,mBAAmB,SAAS;AAEvE,UAAM,UACJ,kBAAkB,oBACd,mBAAmB,YAAY,KAC/B;AAEN,mBAAe,OAAO,SAAS,GAAG,GAAG,YAAY;AACjD,UAAM,eAAe,cAAc;AAAA,EACrC;AAEA,QAAM,uBAAuB,MAAS;AACtC,gCAA8B,iBAAiB,yBAAyB,IAAI;AAC9E;AAUO,MAAM,uBAAuB,CAAC,oBAAoC;AACvE,SAAO,KAAK;AAAA,IACV,mBACG,KAAK,IAAI,iBAAiB,qBAAqB,IAC9C,yBACC,mBAAmB;AAAA,EAC1B;AACF;AAcO,MAAM,0BAA0B,CACrC,UACA,OACA,QACA,2BAImB;AACnB,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,MAAM,WAAW;AAC7B,cAAY,MAAM,QAAQ,GAAG,KAAK;AAClC,cAAY,MAAM,SAAS,GAAG,MAAM;AAEpC,MAAI,wBAAwB;AAC1B,UAAM,EAAE,gBAAgB,aAAa,IAAI;AACzC,gBAAY,UAAU,IAAI,OAAO,gBAAgB;AACjD,gBAAY,MAAM;AAAA,MAChB;AAAA,MACA,CAAC,kBAAkB,iBAAiB,IAChC,GAAG,YAAY,OACf,SAAS;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;AAMA,MAAM,kBAAkB,oBAAI,IAAiB;AAStC,SAAS,uBACd,OACA,yBACM;AACN,MAAI,4BAA4B,UAAa,CAAC,MAAM,UAAU,CAAC,MAAM,MAAM;AACzE;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM,OAAO,KAAK,SAAS;AACrD,QAAM,eAAe,MAAM,KAAK;AAChC,QAAM,kBAAkB,MAAM,KAAK,KAAK,SAAS;AAIjD,QAAM,sBACJ,MAAM,KAAK,KAAK,SAAS,QAExB,sBAAsB,EACtB,OAAO,CAAC,UAAU,CAAC,MAAM,YAAY,CAAC;AAEzC,QAAM,mBAAmB,mBAAmB,GAAG,CAAC,GAAG;AACnD,QAAM,kBAAkB,mBAAmB,GAAG,EAAE,GAAG;AAEnD,MAAI,oBAAoB,iBAAiB;AAEvC,UAAM,oBACJ,oBAAoB,eAAe,kBAAkB;AACvD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,WAAW,oBAAoB,iBAAiB;AAE9C,UAAM,oBACJ,qBAAqB,eAAe,mBAAmB;AACzD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AACL,kCAA8B,eAAe;AAAA,EAC/C;AACF;AAKA,SAAS,8BACP,yBACA,UACA,eACA,UACM;AACN,QAAM,WAAW,cAAc,yBAAyB,QAAQ;AAChE,MAAI,aAAa,MAAM;AACrB;AAAA,EACF;AAEA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAGA,gCAA8B,eAAe;AAE7C,QAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,aAAW,gBAAgB,eAAe;AACxC,iBAAa,MAAM,UAAU;AAAA,EAC/B;AAGA,4BAA0B,UAAU,QAAQ;AAC5C,kBAAgB,IAAI,QAAQ;AAG5B,MAAI,qBAAqB;AACvB,8BAA0B,qBAAqB,QAAQ;AACvD,oBAAgB,IAAI,mBAAmB;AAAA,EACzC;AACF;AAEA,SAAS,0BACP,MACA,UACM;AACN,OAAK,UAAU;AAAA,IACb,OAAO,wBAAwB,WAAW;AAAA,IAC1C,OAAO,wBAAwB,WAAW,SAAS,KACjD,aAAa,SAAS,SAAS,OACjC;AAAA,EACF;AACF;AAKA,SAAS,8BACP,OACA,0BAAsD,QACtD,uBAAgC,OAC1B;AACN,MAAI,MAAM,QAAQ,GAAG;AACnB;AAAA,EACF;AAEA,MAAI,wBAAwB,yBAAyB;AACnD,UAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,eAAW,gBAAgB,eAAe;AACxC,mBAAa,MAAM,eAAe,SAAS;AAAA,IAC7C;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO;AACxB,SAAK,UAAU;AAAA,MACb,OAAO,wBAAwB,WAAW;AAAA,MAC1C,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,MACxD,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,IAC1D;AACA,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AACF;AAQA,SAAS,cACP,yBACA,UACoB;AACpB,MAAI,aAAa,QAAW;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO,wBAAwB;AAAA,IAC7B,uCAAuC,IAAI;AAAA,MACzC;AAAA,IACF,CAAC,2CAA2C,IAAI,OAAO,QAAQ,CAAC;AAAA,EAClE;AACF;AAOA,SAAS,iBACP,yBACe;AACf,QAAM,gBAAgB,wBAAwB;AAAA,IAC5C;AAAA,EACF;AACA,SAAO,MAAM,KAAK,aAAa;AACjC;AAQA,SAAS,mBAAmB,QAAgB,MAA2B;AACrE,SAAO,KAAK,QAAQ,UAAU,UAAU,KAAK;AAC/C;AAUA,MAAM,uBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,cAAc,OAAO,KAAK,QAAQ;AAExC,MAAI,gBAAgB,MAAM;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAoC,CAAC;AAK3C,QAAM,iBAAiB,cAAc,OAAO,YAAY;AAExD,QAAM,iBAAiB,iBACnB,cAAc,OAAO,8BACrB,cAAc,QAAQ;AAE1B,aAAW,sBAAsB,qBAAqB;AACpD,UAAM,EAAE,GAAG,IAAI;AACf,UAAM,OAAO,eAAe,IAAI,EAAE;AAElC,QAAI,SAAS,QAAW;AACtB;AAAA,IACF;AAEA,QAAI,mBAAmB,gBAAgB,IAAI,GAAG;AAE5C,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,MAAM,EAAE,oBAAoB,OAAO,EAAE;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAKA,UAAM,sBAAsB,iBAAiB,KAAK,OAAO,KAAK;AAC9D,UAAM,WAAW,KAAK,IAAI,iBAAiB,mBAAmB;AAC9D,eAAW,KAAK,EAAE,IAAI,MAAM,EAAE,oBAAoB,OAAO,SAAS,EAAE,CAAC;AAAA,EACvE;AAEA,SAAO,WAAW,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK;AAC9D;AAWO,MAAM,2BAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,MAAI,OAAO,KAAK,YAAY,QAAW;AACrC,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,MAAI;AAGJ,MAAI,yBAAyB,QAAW;AAEtC,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,sBACJ,OAAO,KAAK,SAAS,QAAQ,WAAW;AAC1C,aAAO,CAAC;AAAA,IACV,CAAC;AAAA,EACH,OAAO;AAEL,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,aAAO,yBAAyB;AAAA,IAClC,CAAC;AAAA,EACH;AAKA,iBAAe,aAAa,OAAO,CAAC,WAAW;AAC7C,UAAM,KAAK,OAAO,OAAO,EAAE;AAC3B,QAAI,GAAG,WAAW,OAAO,KAAK,GAAG,WAAW,QAAQ,GAAG;AACrD,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,OAAO,KAAK,SAAS;AAIpC,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,UAAU,MAAM,YAAY,MAAM;AAC3C,aAAO;AAAA,IACT;AAGA,UAAM,eAAe,QAAQ,WAAW,CAAC;AACzC,QAAI,aAAa,SAAS,GAAG;AAC3B,aAAO,aAAa,KAAK,CAAC,UAAU,CAAC,MAAM,YAAY,CAAC;AAAA,IAC1D;AAEA,WAAO,CAAC,OAAO,YAAY;AAAA,EAC7B,CAAC;AAGD,SAAO,qBAAqB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,CAAC;AACH;AAaA,SAAS,gBACP,UACA,yBACA,WAAkB,GAClB,aAAsB,OAKtB;AACA,QAAM,UAAU,wBAAwB;AAAA,IACtC,0CAA0C,QAAQ,oBAAoB,IAAI;AAAA,MACxE;AAAA,IACF,CAAC,IAAI,aAAa,uBAAuB,EAAE;AAAA,EAC7C;AAEA,MAAI,SAAS;AACX,UAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ,sBAAsB;AAC9D,WAAO,EAAE,MAAM,OAAO,OAAO;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAMA,MAAM,iBAAiB,CACrB,kBACA,yBACA,sBAMG;AACH,QAAM,aAAa,wBAAwB,sBAAsB;AAEjE,SAAO;AAAA,IACL,MAAM,mBACF,WAAW,OAAO,0BAClB,WAAW;AAAA,IACf,OAAO,mBACH,WAAW,QAAQ,0BACnB,WAAW;AAAA,IACf,KAAK,mBACD,WAAW,MAAM,0BACjB,WAAW;AAAA,IACf,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF;AAMO,SAAS,uBACd,eACA,yBACA,WAAkB,GACuC;AACzD,MAAI;AACJ,MAAI;AAEJ,QAAM,oBAAoB,cAAc;AACxC,QAAM,qBAAqB,cAAc;AAEzC,MAAI,yBAAyB;AAC3B,QAAI,mBAAmB,QAAQ;AAC7B,YAAM,uBACJ,kBAAkB,kBAAkB,SAAS,CAAC;AAGhD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAGA,QAAI,oBAAoB,QAAQ;AAC9B,cAAQ;AAAA,QACN,mBAAmB,CAAC;AAAA,QACpB;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,MAAM;AACvB;AAMO,SAAS,wBACd,UACA,yBAIA;AACA,MAAI,CAAC,yBAAyB;AAC5B,WAAO,EAAE,oBAAoB,MAAM,sBAAsB,KAAK;AAAA,EAChE;AAEA,QAAM,qBACJ,wBAAwB,cAAc,mBAAmB;AAE3D,QAAM,uBAAuB,oBAAoB;AAAA,IAC/C,mBAAmB,IAAI,OAAO,QAAQ,CAAC;AAAA,EACzC;AAEA,SAAO,EAAE,oBAAoB,qBAAqB;AACpD;AAWO,SAAS,sBACd,WACA,MACA,aAMsB;AACtB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAGA,MAAI,OAAO,YAAY,SAAS,UAAU;AACxC,QAAI,KAAK,OAAO,UAAU,KAAK,YAAY,MAAM;AAC/C,YAAM,IAAI,YAAY,OAAO,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,UAAU,UAAU;AACzC,QAAI,KAAK,QAAQ,UAAU,KAAK,YAAY,OAAO;AACjD,YAAM,IAAI,YAAY,QAAQ,KAAK;AAAA,IACrC;AAAA,EACF;AAGA,MAAI,OAAO,YAAY,QAAQ,UAAU;AACvC,QAAI,KAAK,MAAM,UAAU,KAAK,YAAY,KAAK;AAC7C,YAAM,IAAI,YAAY,MAAM,KAAK;AAAA,IACnC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,WAAW,UAAU;AAC1C,QAAI,KAAK,SAAS,UAAU,KAAK,YAAY,QAAQ;AACnD,YAAM,IAAI,YAAY,SAAS,KAAK;AAAA,IACtC;AAAA,EACF;AAEA,SAAO;AACT;AAiBO,MAAM,kCAAkC,CAC7C,mBACA,kBACA,eACA,eACA,4BACa;AACb,SAAO,CAAC,EAAE,WAAW,QAAQ,iBAAiB,MAAM;AAClD,QAAI,CAAC,oBAAoB,4BAA4B,QAAW;AAC9D,aAAO;AAAA,IACT;AAEA,UAAM,uBAAuB,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AACnE,UAAM,kBACJ,yBAAyB,UACzB,QAAQ,KAAK,SAAS,QAAQ,QAAQ,SAAS;AACjD,UAAM,gBAAgB,yBAAyB;AAC/C,UAAM,mBAAmB,CAAC,EACxB,cAAc,MAAM,UAAU,cAAc,OAAO;AAErD,UAAM,iBAAiB,gBAAgB,IAAI;AAE3C,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,qBACF;AAEF,QAAI,kBAAkB;AACpB,YAAM,EAAE,MAAM,MAAM,IAAI;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,4BAAsB;AACtB,6BAAuB;AACvB,kBAAY,OAAO,QAAQ,YAAY;AACvC,kBAAY,QAAQ,SAAS,YAAY;AAAA,IAC3C;AAKA,UAAM,oBAAoB,CACxB,MACA,OACA,WACS;AAET,UAAI,WAAW,UAAa,aAAa;AACvC,cAAM,0BAA0B,kBAC5B,uCACA;AAEJ,oBAAY,UACT,YAAY,UAAU,KAAK,SAAS;AAAA,MACzC;AAEA,UAAI,iBAAiB,SAAS,UAAa,UAAU,QAAW;AAC9D,oBAAY,OAAO,KAAK,IAAI,MAAM,uBAAuB,IAAI;AAC7D,oBAAY,QAAQ,KAAK,IAAI,OAAO,wBAAwB,KAAK;AAAA,MACnE;AAAA,IACF;AAGA,QAAI,mBAAmB,eAAe;AACpC,YAAM,iBAAiB,QAAQ,KAAK,SAAS,QAAQ;AACrD,YAAM,mCAAmC,kBACrC,iBACA;AAEJ,YAAM,EAAE,MAAM,OAAO,OAAO,IAAI;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,MACnB;AAIA,wBAAkB,MAAM,OAAO,MAAM;AAAA,IACvC;AAEA,WAAO,sBAAsB,WAAW,kBAAkB,WAAW;AAAA,EACvE;AACF;",
+  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type { ColumnPinningState } from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type {\n  Column,\n  DragAndDropTransform,\n  Table,\n} from '../../hooks/useTable/types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid*=\"left\"]):not([data-headerid*=\"right\"])';\n// Pixels from the pinned-column boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport const updateColumnOrderOnDragEnd = ({\n  active,\n  over,\n  table,\n  virtualizationContainer,\n}: {\n  active: Active;\n  over: Over | null;\n  table: Table<unknown>;\n  virtualizationContainer?: HTMLDivElement;\n}): void => {\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<unknown, unknown>;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<unknown, unknown>;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = table.getState().columnOrder;\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    table.setColumnOrder(newColumnOrder);\n  }\n\n  table.setDraggedHeaderColumn(undefined);\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n};\n\n/**\n * Gets the speed for the custom auto scroll used for when column pinning is enabled.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition(\n  event: DragOverEvent,\n  virtualizationContainer?: HTMLDivElement,\n): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren = (\n    event.over.data.current?.column as Column<unknown, unknown>\n  )\n    .getVisibleLeafColumns()\n    .filter((child) => !child.getIsPinned());\n\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-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 column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX 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 collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<unknown, unknown>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + getDataTableBorderWidth()\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - getDataTableBorderWidth()\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + getDataTableBorderWidth()\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of a draggable area when there are pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.left;\n  const rightPinnedColumns = pinnedColumns.right;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal 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 tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.left?.length ?? pinnedColumns.right?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,9 +1,9 @@
-._17437gx0-3-4-0 {
+._17437gx0-3-5-0 {
   cursor: col-resize;
 }
-._17437gx0-3-4-0 > * {
+._17437gx0-3-5-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-4-0 ._14sp6az0-3-4-0 * {
+._17437gx0-3-5-0 ._14sp6az0-3-5-0 * {
   pointer-events: none !important;
 }

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

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-4-0";
+var tableColumnResizing = "_17437gx0-3-5-0";
 export {
   tableColumnResizing
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-4-0';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._19nyr521-3-4-0 {
+._19nyr521-3-5-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

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

@@ -190,7 +190,7 @@ const CELL_TYPE_RENDERERS = {
         curve: config.curve ?? "linear",
         showContextValues: !!config?.showContextValues,
         labelsAlignment: "right",
-        labelsFixedWidth: rowDensity === "condensed" ? 32 : 42,
+        labelsFixedWidth: rowDensity === "condensed" ? 36 : 42,
         children: [
           config.xAxis && /* @__PURE__ */ jsx(Sparkline.XAxis, { ...config.xAxis }),
           config.yAxis && /* @__PURE__ */ jsx(Sparkline.YAxis, { ...config.yAxis })

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.tsx"],
-  "sourcesContent": ["import { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  formatLong,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type {\n  CellContext,\n  ColumnDef,\n  ColumnDefBase,\n  ColumnDefTemplate,\n  ColumnMeta,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefBase<TData, TValue>['cell'];\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnType === 'date') {\n    devLog(\n      \"DataTable: columnType 'date' is deprecated and will be removed in a future release. Use 'datetime' instead.\",\n    );\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date': // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'datetime':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config ||\n      'xAxis' in config ||\n      'yAxis' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DatetimeMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDatetimeDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefBase<unknown, unknown>['cell']\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  datetime: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.getVisualVariantOptions().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 32 : 42}\n      >\n        {config.xAxis && <Sparkline.XAxis {...config.xAxis} />}\n        {config.yAxis && <Sparkline.YAxis {...config.yAxis} />}\n      </SparklineMemo>\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    const pageRows = props.table.getPaginationRowModel().rows;\n    const isLastPageRow = props.row.id === pageRows.at(-1)?.id;\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n          isLastPageRow={isLastPageRow}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
+  "sourcesContent": ["import { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  formatLong,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type {\n  CellContext,\n  ColumnDef,\n  ColumnDefBase,\n  ColumnDefTemplate,\n  ColumnMeta,\n} from '../../hooks/useTable/types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefBase<TData, TValue>['cell'];\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnType === 'date') {\n    devLog(\n      \"DataTable: columnType 'date' is deprecated and will be removed in a future release. Use 'datetime' instead.\",\n    );\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date': // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'datetime':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config ||\n      'xAxis' in config ||\n      'yAxis' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DatetimeMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDatetimeDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefBase<unknown, unknown>['cell']\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  datetime: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.getVisualVariantOptions().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 36 : 42}\n      >\n        {config.xAxis && <Sparkline.XAxis {...config.xAxis} />}\n        {config.yAxis && <Sparkline.YAxis {...config.yAxis} />}\n      </SparklineMemo>\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    const pageRows = props.table.getPaginationRowModel().rows;\n    const isLastPageRow = props.row.id === pageRows.at(-1)?.id;\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n          isLastPageRow={isLastPageRow}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-4-0", variantClassNames: { linewrap: { false: "_19nyr521-3-4-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-5-0", variantClassNames: { linewrap: { false: "_19nyr521-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-4-0',variantClassNames:{linewrap:{false:'_19nyr521-3-4-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-5-0',variantClassNames:{linewrap:{false:'_19nyr521-3-5-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-4-0 {
+._1x1hmrh0-3-5-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-4-0";
+var annotationIndicators = "_1x1hmrh0-3-5-0";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-4-0';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-4-0 {
+._5jn5tp0-3-5-0 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-4-0 {
+._5jn5tp1-3-5-0 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-4-0:not(:has(._1udh2jz2-3-4-0)) {
+._5jn5tp1-3-5-0:not(:has(._1udh2jz2-3-5-0)) {
   padding-left: 0;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -1,6 +1,7 @@
 import "../../../../core/styles/focusRingStatic.css";
 import "../../components/Alignment.css";
 import "../../DataTable.css";
+import "../../../../core/components/app-root/AppRoot.css";
 import "../../components/DataTableVirtualizationContainer.css";
 import "../RowOrder/RowOrder.css";
 import "../RowDetails/RowDetails.css";
@@ -13,8 +14,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-4-0";
-var ganttChartDefaultCell = "_5jn5tp1-3-4-0";
+var ganttChartCell = "_5jn5tp0-3-5-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-5-0";
 export {
   ganttChartCell,
   ganttChartDefaultCell

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-4-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-4-0';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-5-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-5-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-4-0 {
+._evozey0-3-5-0 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-4-0";
+var ganttChartGrid = "_evozey0-3-5-0";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-4-0';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-4-0 {
+._10y95u40-3-5-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-4-0:not(._11pvd3z9-3-4-0) ._10y95u40-3-4-0 {
+._11pvd3zt-3-5-0:not(._11pvd3z9-3-5-0) ._10y95u40-3-5-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z9-3-4-0 ._10y95u40-3-4-0 {
+._11pvd3z9-3-5-0 ._10y95u40-3-5-0 {
   width: 100%;
 }
-._10y95u40-3-4-0 span {
+._10y95u40-3-5-0 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -1,10 +1,11 @@
+import "../../../../core/components/app-root/AppRoot.css";
 import "../../DataTable.css";
 import "../../components/Alignment.css";
 import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-4-0";
+var ganttChartHeader = "_10y95u40-3-5-0";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-4-0';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-5-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-._14flfjk1-3-4-0 {
+._14flfjk1-3-5-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: var(--_14flfjk0-3-4-0);
+  top: var(--_14flfjk0-3-5-0);
 }

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

@@ -1,6 +1,6 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-4-0)";
-var loadingState = "_14flfjk1-3-4-0";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-5-0)";
+var loadingState = "_14flfjk1-3-5-0";
 export {
   dataTableHeaderHeight,
   loadingState

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-4-0)';\nexport var loadingState = '_14flfjk1-3-4-0';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-5-0)';\nexport var loadingState = '_14flfjk1-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._2twyod0-3-4-0::before {
+._2twyod0-3-5-0::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-4-0 ._2twyod0-3-4-0::before, ._2twyod0-3-4-0:not(:first-child)::before {
+._or8s40-3-5-0 ._2twyod0-3-5-0::before, ._2twyod0-3-5-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-4-0 {
+._2twyod1-3-5-0 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-4-0:not(:has(+ ._2twyod0-3-4-0)) {
+._2twyod1-3-5-0:not(:has(+ ._2twyod0-3-5-0)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-4-0:not(._or8s40-3-4-0 ._2twyod4-3-4-0) {
+._2twyod4-3-5-0:not(._or8s40-3-5-0 ._2twyod4-3-5-0) {
   opacity: 0;
 }
-._2twyod6-3-4-0 {
+._2twyod6-3-5-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-4-0 {
+._2twyod7-3-5-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-4-0 {
+._2twyod8-3-5-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-4-0 {
+._2twyod9-3-5-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-4-0 {
+._2twyoda-3-5-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-4-0 {
+._2twyodc-3-5-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-4-0 {
+._2twyodd-3-5-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-4-0 {
+._2twyode-3-5-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);