@dynatrace/strato-components 3.8.0 → 3.10.0

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

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-8-0";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-8-0", enabled: "_1ku1w3z6-3-8-0", inactive: "_1ku1w3z7-3-8-0" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-8-0", variantClassNames: { left: { true: "_1ku1w3z2-3-8-0", false: "_1ku1w3z3-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-8-0";
+var columnDndOverlay = "_1ku1w3z0-3-10-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-10-0", enabled: "_1ku1w3z6-3-10-0", inactive: "_1ku1w3z7-3-10-0" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-10-0", variantClassNames: { left: { true: "_1ku1w3z2-3-10-0", false: "_1ku1w3z3-3-10-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-10-0";
 export {
   columnDndOverlay,
   headerDragAndDrop,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-8-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-8-0',enabled:'_1ku1w3z6-3-8-0',inactive:'_1ku1w3z7-3-8-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-8-0',variantClassNames:{left:{true:'_1ku1w3z2-3-8-0',false:'_1ku1w3z3-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-8-0';"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB;AACxG,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,mBAAmB;",
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-10-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-10-0',enabled:'_1ku1w3z6-3-10-0',inactive:'_1ku1w3z7-3-10-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-10-0',variantClassNames:{left:{true:'_1ku1w3z2-3-10-0',false:'_1ku1w3z3-3-10-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-10-0';"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB;AAC3G,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.js

@@ -74,7 +74,7 @@ function ColumnOrderDragAndDropContext({
   const scrollFrameRef = useRef(null);
   const pointerXRef = useRef(0);
   const trackPointerXRef = useRef(null);
-  const parentHeaderElementRef = useRef(null);
+  const parentHeaderComponentRef = useRef(null);
   const stopScrollLoop = useCallback(() => {
     if (scrollFrameRef.current !== null) {
       cancelAnimationFrame(scrollFrameRef.current);
@@ -99,7 +99,7 @@ function ColumnOrderDragAndDropContext({
       const { scrollLeft, scrollWidth, clientWidth } = virtualizationContainer;
       let maxScrollRight = Infinity;
       let maxScrollLeft = Infinity;
-      const parentEl = parentHeaderElementRef.current;
+      const parentEl = parentHeaderComponentRef.current;
       if (parentEl) {
         const parentRect = parentEl.getBoundingClientRect();
         maxScrollRight = Math.max(0, parentRect.right - rightBound);
@@ -130,7 +130,7 @@ function ColumnOrderDragAndDropContext({
   }, [virtualizationContainer]);
   const cleanupDragState = useCallback(() => {
     stopScrollLoop();
-    parentHeaderElementRef.current = null;
+    parentHeaderComponentRef.current = null;
     if (trackPointerXRef.current) {
       window.removeEventListener("pointermove", trackPointerXRef.current);
       trackPointerXRef.current = null;
@@ -157,7 +157,7 @@ function ColumnOrderDragAndDropContext({
     });
     if (draggedColumn.parent) {
       const parentId = draggedColumn.parent.id;
-      parentHeaderElementRef.current = virtualizationContainer?.querySelector(
+      parentHeaderComponentRef.current = virtualizationContainer?.querySelector(
         `[role="columnheader"][data-header-row="0"][data-columnid=${CSS.escape(
           parentId
         )}]${unpinnedHeaderFilter}`

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrderDragAndDropContext.tsx"],
-  "sourcesContent": ["import {\n  type Active,\n  DndContext as DragAndDropContext,\n  type DragOverEvent,\n  DragOverlay,\n  MouseSensor,\n  type Over,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport type { RowData, Column } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  createHeaderPlaceholder,\n  createRestrictColumnDragAndDrop,\n  customCollisionDetection,\n  getCustomScrollSpeed,\n  getDraggableAreaBounds,\n  getDraggedHeaderElement,\n  indicateInsertPosition,\n  SCROLL_PROXIMITY_ZONE,\n  unpinnedHeaderFilter,\n  updateColumnOrderOnDragEnd,\n} from './column-order-dnd-utils.js';\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst DRAGGED_HEADER_DEFAULT_WIDTH = 100;\nconst DRAGGED_HEADER_DEFAULT_HEIGHT = 37;\n\nexport function ColumnOrderDragAndDropContext<TData extends RowData>({\n  children,\n}: Readonly<{\n  children: ReactNode;\n}>): JSX.Element {\n  const table = useDataTable();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\n  const containedVariant = visualVariantConfig.contained;\n  const hasSubHeaders = table.getHeaderGroups().length > 1;\n  const verticalDividers =\n    visualVariantConfig.verticalDividers || hasSubHeaders;\n  const pinnedColumns = table.atoms.columnPinning?.get();\n\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const [dragOverlayContent, setDragOverlayContent] =\n    useState<RefObject<HTMLDivElement> | null>(null);\n  const pinnedDraggableAreaBoundsRef = useRef<\n    ReturnType<typeof getDraggableAreaBounds>\n  >({ left: undefined, right: undefined });\n  const [draggedHeaderSize, setDraggedHeaderSize] = useState<{\n    width: number;\n    height: number;\n  }>({\n    width: DRAGGED_HEADER_DEFAULT_WIDTH,\n    height: DRAGGED_HEADER_DEFAULT_HEIGHT,\n  });\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n  );\n\n  const restrictColumnDragAndDrop = useMemo(\n    () =>\n      createRestrictColumnDragAndDrop(\n        totalHeaderHeight,\n        containedVariant,\n        pinnedColumns ?? { left: [], right: [] },\n        hasSubHeaders,\n        virtualizationContainer,\n      ),\n    [\n      totalHeaderHeight,\n      virtualizationContainer,\n      containedVariant,\n      pinnedColumns,\n      hasSubHeaders,\n    ],\n  );\n\n  const placeholderElement = useRef<HTMLElement | null>(null);\n\n  // We drive scrolling from a continuous RAF (requestAnimationFrame) loop instead of\n  // dnd-kit's built-in autoScroll. Using a ref prevents scroll updates from causing re-renders.\n  const scrollFrameRef = useRef<number | null>(null);\n\n  // Track raw pointer position to determine scroll direction.\n  // Using a pointermove listener (rather than dnd-kit's `delta`) is necessary\n  // because dnd-kit adds scroll compensation to `delta.x` as the container\n  // scrolls, which would cause the right-scroll zone to never exit.\n  const pointerXRef = useRef<number>(0);\n  const trackPointerXRef = useRef<((e: PointerEvent) => void) | null>(null);\n  // hold the parent header DOM element when dragging a child column so the scroll loop\n  // can check whether the parent is already fully visible and there's no need for scrolling\n  const parentHeaderElementRef = useRef<HTMLElement | null>(null);\n\n  const stopScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      cancelAnimationFrame(scrollFrameRef.current);\n      scrollFrameRef.current = null;\n    }\n  }, []);\n\n  const startScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      return;\n    }\n\n    const loop = () => {\n      if (!virtualizationContainer) {\n        scrollFrameRef.current = null;\n        return;\n      }\n\n      // Read pointer position fresh every frame. RAF callbacks always run after\n      // all pending input events (including pointermove) have been processed,\n      // so pointerXRef.current is guaranteed to hold the latest position here.\n      const mouseX = pointerXRef.current;\n      const containerRect = virtualizationContainer.getBoundingClientRect();\n      const rightBound =\n        pinnedDraggableAreaBoundsRef.current.right ?? containerRect.right;\n      const leftBound =\n        pinnedDraggableAreaBoundsRef.current.left ?? containerRect.left;\n\n      // Positive penetration means the cursor has entered the proximity zone.\n      // Zero or negative means it is safely away from that boundary.\n      const rightPenetration = mouseX - (rightBound - SCROLL_PROXIMITY_ZONE);\n      const leftPenetration = leftBound + SCROLL_PROXIMITY_ZONE - mouseX;\n\n      const { scrollLeft, scrollWidth, clientWidth } = virtualizationContainer;\n\n      // When a child column is being dragged, scrolling should be capped only until the parent header becomes fully visible.\n      // if the parent is already fully visible, skip scrolling entirely.\n      let maxScrollRight = Infinity;\n      let maxScrollLeft = Infinity;\n\n      const parentEl = parentHeaderElementRef.current;\n      if (parentEl) {\n        const parentRect = parentEl.getBoundingClientRect();\n\n        // many pixels the parent overflows past the right / left bound.\n        maxScrollRight = Math.max(0, parentRect.right - rightBound);\n        maxScrollLeft = Math.max(0, leftBound - parentRect.left);\n      }\n\n      if (rightPenetration > 0 && leftPenetration <= 0) {\n        // Scale speed linearly from MIN at zone entry to MAX at the boundary.\n        const scrollSpeed = getCustomScrollSpeed(rightPenetration);\n\n        const canScrollRight = scrollLeft < scrollWidth - clientWidth;\n        if (canScrollRight && maxScrollRight > 0) {\n          // the RAF loop keeps scheduling the next frame as long as maxScrollRight > speed. Same for right scroll.\n          virtualizationContainer.scrollLeft += Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollRight),\n          );\n        }\n      } else if (leftPenetration > 0 && rightPenetration <= 0) {\n        const scrollSpeed = getCustomScrollSpeed(leftPenetration);\n\n        const canScrollLeft = scrollLeft > 0;\n        if (canScrollLeft && maxScrollLeft > 0) {\n          virtualizationContainer.scrollLeft -= Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollLeft),\n          );\n        }\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(loop);\n    };\n\n    scrollFrameRef.current = requestAnimationFrame(loop);\n  }, [virtualizationContainer]);\n\n  const cleanupDragState = useCallback(() => {\n    stopScrollLoop();\n    parentHeaderElementRef.current = null;\n    if (trackPointerXRef.current) {\n      window.removeEventListener('pointermove', trackPointerXRef.current);\n      trackPointerXRef.current = null;\n    }\n  }, [stopScrollLoop]);\n\n  const handleDragStart = ({ active }: { active: Active }) => {\n    const draggedColumn = active.data.current?.column as Column<\n      TDataTableFeatures,\n      TData\n    >;\n\n    // Browsers can scroll the page when initiating a native drag. Capture the current\n    // scroll position and restore it in the next frame to cancel any unintended jump.\n    const pageScrollY = window.scrollY;\n    requestAnimationFrame(() => {\n      if (window.scrollY !== pageScrollY) {\n        window.scrollTo(window.scrollX, pageScrollY);\n      }\n    });\n\n    // Read bounds fresh from the DOM on every drag start event so they always reflect\n    // the current scroll position and are never stale from an earlier render.\n    pinnedDraggableAreaBoundsRef.current = getDraggableAreaBounds(\n      pinnedColumns,\n      virtualizationContainer,\n      hasSubHeaders ? 1 : 0,\n    );\n\n    // Start tracking raw pointer position for scroll zone detection.\n    trackPointerXRef.current = (e: PointerEvent) => {\n      pointerXRef.current = e.clientX;\n    };\n    window.addEventListener('pointermove', trackPointerXRef.current, {\n      passive: true,\n    });\n    // If the dragged column is a child, store its parent header element so\n    // the scroll loop can cap scrolling to keep the parent fully visible.\n    if (draggedColumn.parent) {\n      const parentId = draggedColumn.parent.id;\n      parentHeaderElementRef.current =\n        virtualizationContainer?.querySelector<HTMLElement>(\n          `[role=\"columnheader\"][data-header-row=\"0\"][data-columnid=${CSS.escape(\n            parentId,\n          )}]${unpinnedHeaderFilter}`,\n        ) ?? null;\n    }\n\n    // Start the RAF loop immediately so proximity-zone entry is detected on\n    // every frame regardless of when onDragMove fires relative to pointermove.\n    startScrollLoop();\n\n    table.setDraggedHeaderColumn(draggedColumn);\n    setDraggedHeaderSize(table.getHeaderSize(active.id as string));\n    setDragOverlayContent(active.data.current?.portalRef);\n\n    // In order to make sure the header size does not change when the header\n    // is portalled out, we create a placeholder element in the header in order\n    // to preserve the grid layout\n    const { headerGroupElement, draggedHeaderElement } =\n      getDraggedHeaderElement(String(active.id), virtualizationContainer);\n\n    if (\n      headerGroupElement === null ||\n      !(headerGroupElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    if (\n      draggedHeaderElement === null ||\n      !(draggedHeaderElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    // Extract the position of the dragged element and its size in order\n    // to position the placeholder.\n    const { gridArea } = draggedHeaderElement.style;\n    const { width, height } = draggedHeaderElement.getBoundingClientRect();\n    if (!gridArea) {\n      return;\n    }\n\n    const verticalDividerOptions =\n      verticalDividers && !draggedColumn.getIsFirstVisibleUnpinnedColumn()\n        ? {\n            isParentColumn:\n              draggedHeaderElement.getAttribute('data-header-row') === '0',\n            heightOffset:\n              headerGroupElement.offsetHeight -\n              draggedHeaderElement.offsetHeight,\n          }\n        : undefined;\n\n    placeholderElement.current = createHeaderPlaceholder(\n      gridArea,\n      width,\n      height,\n      verticalDividerOptions,\n    );\n    headerGroupElement.appendChild(placeholderElement.current);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    indicateInsertPosition(event, virtualizationContainer);\n  };\n\n  const handleDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }) => {\n    setDragOverlayContent(null);\n    cleanupDragState();\n    updateColumnOrderOnDragEnd({\n      active,\n      over,\n      table,\n      virtualizationContainer,\n    });\n    // with nested headers, removing the placeholder element too early could lead to wrong header measurements\n    // therefore, the placeholder is removed just before the next repaint\n    requestAnimationFrame(() => {\n      placeholderElement.current?.remove();\n    });\n  };\n\n  // Clean up the RAF scroll loop and the global pointermove listener if\n  // the component unmounts during an active drag (e.g. the table is removed\n  // from the DOM), since handleDragEnd would never fire in that case.\n  useEffect(() => {\n    return () => {\n      cleanupDragState();\n      placeholderElement.current?.remove();\n    };\n  }, [stopScrollLoop, cleanupDragState]);\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={customCollisionDetection}\n      modifiers={[restrictColumnDragAndDrop]}\n      autoScroll={false}\n      accessibility={{ container: table.getRowVirtualizationContainer() }}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            data-drag-overlay\n            dropAnimation={null}\n            className={clsx(styles.columnDndOverlay)}\n            style={{\n              // the observed header size includes a border which we don't want in the overlay\n              height: draggedHeaderSize.height - getDataTableBorderWidth(),\n              width: draggedHeaderSize.width,\n            }}\n          >\n            <div ref={dragOverlayContent} />\n          </DragOverlay>,\n          document.body,\n        )\n      }\n      {children}\n    </DragAndDropContext>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type Active,\n  DndContext as DragAndDropContext,\n  type DragOverEvent,\n  DragOverlay,\n  MouseSensor,\n  type Over,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport type { RowData, Column } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  createHeaderPlaceholder,\n  createRestrictColumnDragAndDrop,\n  customCollisionDetection,\n  getCustomScrollSpeed,\n  getDraggableAreaBounds,\n  getDraggedHeaderElement,\n  indicateInsertPosition,\n  SCROLL_PROXIMITY_ZONE,\n  unpinnedHeaderFilter,\n  updateColumnOrderOnDragEnd,\n} from './column-order-dnd-utils.js';\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst DRAGGED_HEADER_DEFAULT_WIDTH = 100;\nconst DRAGGED_HEADER_DEFAULT_HEIGHT = 37;\n\nexport function ColumnOrderDragAndDropContext<TData extends RowData>({\n  children,\n}: Readonly<{\n  children: ReactNode;\n}>): JSX.Element {\n  const table = useDataTable();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\n  const containedVariant = visualVariantConfig.contained;\n  const hasSubHeaders = table.getHeaderGroups().length > 1;\n  const verticalDividers =\n    visualVariantConfig.verticalDividers || hasSubHeaders;\n  const pinnedColumns = table.atoms.columnPinning?.get();\n\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const [dragOverlayContent, setDragOverlayContent] =\n    useState<RefObject<HTMLDivElement> | null>(null);\n  const pinnedDraggableAreaBoundsRef = useRef<\n    ReturnType<typeof getDraggableAreaBounds>\n  >({ left: undefined, right: undefined });\n  const [draggedHeaderSize, setDraggedHeaderSize] = useState<{\n    width: number;\n    height: number;\n  }>({\n    width: DRAGGED_HEADER_DEFAULT_WIDTH,\n    height: DRAGGED_HEADER_DEFAULT_HEIGHT,\n  });\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n  );\n\n  const restrictColumnDragAndDrop = useMemo(\n    () =>\n      createRestrictColumnDragAndDrop(\n        totalHeaderHeight,\n        containedVariant,\n        pinnedColumns ?? { left: [], right: [] },\n        hasSubHeaders,\n        virtualizationContainer,\n      ),\n    [\n      totalHeaderHeight,\n      virtualizationContainer,\n      containedVariant,\n      pinnedColumns,\n      hasSubHeaders,\n    ],\n  );\n\n  const placeholderElement = useRef<HTMLElement | null>(null);\n\n  // We drive scrolling from a continuous RAF (requestAnimationFrame) loop instead of\n  // dnd-kit's built-in autoScroll. Using a ref prevents scroll updates from causing re-renders.\n  const scrollFrameRef = useRef<number | null>(null);\n\n  // Track raw pointer position to determine scroll direction.\n  // Using a pointermove listener (rather than dnd-kit's `delta`) is necessary\n  // because dnd-kit adds scroll compensation to `delta.x` as the container\n  // scrolls, which would cause the right-scroll zone to never exit.\n  const pointerXRef = useRef<number>(0);\n  const trackPointerXRef = useRef<((e: PointerEvent) => void) | null>(null);\n  // hold the parent header DOM element when dragging a child column so the scroll loop\n  // can check whether the parent is already fully visible and there's no need for scrolling\n  const parentHeaderComponentRef = useRef<HTMLElement | null>(null);\n\n  const stopScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      cancelAnimationFrame(scrollFrameRef.current);\n      scrollFrameRef.current = null;\n    }\n  }, []);\n\n  const startScrollLoop = useCallback(() => {\n    if (scrollFrameRef.current !== null) {\n      return;\n    }\n\n    const loop = () => {\n      if (!virtualizationContainer) {\n        scrollFrameRef.current = null;\n        return;\n      }\n\n      // Read pointer position fresh every frame. RAF callbacks always run after\n      // all pending input events (including pointermove) have been processed,\n      // so pointerXRef.current is guaranteed to hold the latest position here.\n      const mouseX = pointerXRef.current;\n      const containerRect = virtualizationContainer.getBoundingClientRect();\n      const rightBound =\n        pinnedDraggableAreaBoundsRef.current.right ?? containerRect.right;\n      const leftBound =\n        pinnedDraggableAreaBoundsRef.current.left ?? containerRect.left;\n\n      // Positive penetration means the cursor has entered the proximity zone.\n      // Zero or negative means it is safely away from that boundary.\n      const rightPenetration = mouseX - (rightBound - SCROLL_PROXIMITY_ZONE);\n      const leftPenetration = leftBound + SCROLL_PROXIMITY_ZONE - mouseX;\n\n      const { scrollLeft, scrollWidth, clientWidth } = virtualizationContainer;\n\n      // When a child column is being dragged, scrolling should be capped only until the parent header becomes fully visible.\n      // if the parent is already fully visible, skip scrolling entirely.\n      let maxScrollRight = Infinity;\n      let maxScrollLeft = Infinity;\n\n      const parentEl = parentHeaderComponentRef.current;\n      if (parentEl) {\n        const parentRect = parentEl.getBoundingClientRect();\n\n        // many pixels the parent overflows past the right / left bound.\n        maxScrollRight = Math.max(0, parentRect.right - rightBound);\n        maxScrollLeft = Math.max(0, leftBound - parentRect.left);\n      }\n\n      if (rightPenetration > 0 && leftPenetration <= 0) {\n        // Scale speed linearly from MIN at zone entry to MAX at the boundary.\n        const scrollSpeed = getCustomScrollSpeed(rightPenetration);\n\n        const canScrollRight = scrollLeft < scrollWidth - clientWidth;\n        if (canScrollRight && maxScrollRight > 0) {\n          // the RAF loop keeps scheduling the next frame as long as maxScrollRight > speed. Same for right scroll.\n          virtualizationContainer.scrollLeft += Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollRight),\n          );\n        }\n      } else if (leftPenetration > 0 && rightPenetration <= 0) {\n        const scrollSpeed = getCustomScrollSpeed(leftPenetration);\n\n        const canScrollLeft = scrollLeft > 0;\n        if (canScrollLeft && maxScrollLeft > 0) {\n          virtualizationContainer.scrollLeft -= Math.min(\n            scrollSpeed,\n            Math.ceil(maxScrollLeft),\n          );\n        }\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(loop);\n    };\n\n    scrollFrameRef.current = requestAnimationFrame(loop);\n  }, [virtualizationContainer]);\n\n  const cleanupDragState = useCallback(() => {\n    stopScrollLoop();\n    parentHeaderComponentRef.current = null;\n    if (trackPointerXRef.current) {\n      window.removeEventListener('pointermove', trackPointerXRef.current);\n      trackPointerXRef.current = null;\n    }\n  }, [stopScrollLoop]);\n\n  const handleDragStart = ({ active }: { active: Active }) => {\n    const draggedColumn = active.data.current?.column as Column<\n      TDataTableFeatures,\n      TData\n    >;\n\n    // Browsers can scroll the page when initiating a native drag. Capture the current\n    // scroll position and restore it in the next frame to cancel any unintended jump.\n    const pageScrollY = window.scrollY;\n    requestAnimationFrame(() => {\n      if (window.scrollY !== pageScrollY) {\n        window.scrollTo(window.scrollX, pageScrollY);\n      }\n    });\n\n    // Read bounds fresh from the DOM on every drag start event so they always reflect\n    // the current scroll position and are never stale from an earlier render.\n    pinnedDraggableAreaBoundsRef.current = getDraggableAreaBounds(\n      pinnedColumns,\n      virtualizationContainer,\n      hasSubHeaders ? 1 : 0,\n    );\n\n    // Start tracking raw pointer position for scroll zone detection.\n    trackPointerXRef.current = (e: PointerEvent) => {\n      pointerXRef.current = e.clientX;\n    };\n    window.addEventListener('pointermove', trackPointerXRef.current, {\n      passive: true,\n    });\n    // If the dragged column is a child, store its parent header element so\n    // the scroll loop can cap scrolling to keep the parent fully visible.\n    if (draggedColumn.parent) {\n      const parentId = draggedColumn.parent.id;\n      parentHeaderComponentRef.current =\n        virtualizationContainer?.querySelector<HTMLElement>(\n          `[role=\"columnheader\"][data-header-row=\"0\"][data-columnid=${CSS.escape(\n            parentId,\n          )}]${unpinnedHeaderFilter}`,\n        ) ?? null;\n    }\n\n    // Start the RAF loop immediately so proximity-zone entry is detected on\n    // every frame regardless of when onDragMove fires relative to pointermove.\n    startScrollLoop();\n\n    table.setDraggedHeaderColumn(draggedColumn);\n    setDraggedHeaderSize(table.getHeaderSize(active.id as string));\n    setDragOverlayContent(active.data.current?.portalRef);\n\n    // In order to make sure the header size does not change when the header\n    // is portalled out, we create a placeholder element in the header in order\n    // to preserve the grid layout\n    const { headerGroupElement, draggedHeaderElement } =\n      getDraggedHeaderElement(String(active.id), virtualizationContainer);\n\n    if (\n      headerGroupElement === null ||\n      !(headerGroupElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    if (\n      draggedHeaderElement === null ||\n      !(draggedHeaderElement instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    // Extract the position of the dragged element and its size in order\n    // to position the placeholder.\n    const { gridArea } = draggedHeaderElement.style;\n    const { width, height } = draggedHeaderElement.getBoundingClientRect();\n    if (!gridArea) {\n      return;\n    }\n\n    const verticalDividerOptions =\n      verticalDividers && !draggedColumn.getIsFirstVisibleUnpinnedColumn()\n        ? {\n            isParentColumn:\n              draggedHeaderElement.getAttribute('data-header-row') === '0',\n            heightOffset:\n              headerGroupElement.offsetHeight -\n              draggedHeaderElement.offsetHeight,\n          }\n        : undefined;\n\n    placeholderElement.current = createHeaderPlaceholder(\n      gridArea,\n      width,\n      height,\n      verticalDividerOptions,\n    );\n    headerGroupElement.appendChild(placeholderElement.current);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    indicateInsertPosition(event, virtualizationContainer);\n  };\n\n  const handleDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }) => {\n    setDragOverlayContent(null);\n    cleanupDragState();\n    updateColumnOrderOnDragEnd({\n      active,\n      over,\n      table,\n      virtualizationContainer,\n    });\n    // with nested headers, removing the placeholder element too early could lead to wrong header measurements\n    // therefore, the placeholder is removed just before the next repaint\n    requestAnimationFrame(() => {\n      placeholderElement.current?.remove();\n    });\n  };\n\n  // Clean up the RAF scroll loop and the global pointermove listener if\n  // the component unmounts during an active drag (e.g. the table is removed\n  // from the DOM), since handleDragEnd would never fire in that case.\n  useEffect(() => {\n    return () => {\n      cleanupDragState();\n      placeholderElement.current?.remove();\n    };\n  }, [stopScrollLoop, cleanupDragState]);\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={customCollisionDetection}\n      modifiers={[restrictColumnDragAndDrop]}\n      autoScroll={false}\n      accessibility={{ container: table.getRowVirtualizationContainer() }}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            data-drag-overlay\n            dropAnimation={null}\n            className={clsx(styles.columnDndOverlay)}\n            style={{\n              // the observed header size includes a border which we don't want in the overlay\n              height: draggedHeaderSize.height - getDataTableBorderWidth(),\n              width: draggedHeaderSize.width,\n            }}\n          >\n            <div ref={dragOverlayContent} />\n          </DragOverlay>,\n          document.body,\n        )\n      }\n      {children}\n    </DragAndDropContext>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -22,6 +22,7 @@ function isDragMotion(touchMove, touchStart) {
 }
 function updateColumnOrderOnDragEnd(config) {
   const { active, over, virtualizationContainer } = config;
+  config.table.setDraggedHeaderColumn(null);
   if (over === null || active.data.current === void 0 || over.data.current === void 0 || virtualizationContainer === void 0) {
     return;
   }
@@ -56,7 +57,6 @@ function updateColumnOrderOnDragEnd(config) {
     newColumnOrder.splice(toIndex, 0, ...movedColumns);
     config.table.setColumnOrder(newColumnOrder);
   }
-  config.table.setDraggedHeaderColumn(null);
   removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);
 }
 const getCustomScrollSpeed = (scrollZoneDepth) => {

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 {\n  ColumnPinningState,\n  TableFeatures,\n  Column,\n  RowData,\n  ReactTable,\n} 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 { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.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 scroll 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 function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: ReactTable<TDataTableFeatures, RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\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<\n    TDataTableFeatures,\n    RowData\n  >;\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<\n    TDataTableFeatures,\n    RowData\n  >;\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 = config.table.atoms.columnOrder?.get() ?? [];\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    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  config.table.setDraggedHeaderColumn(null);\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\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  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(event: DragOverEvent, virtualizationContainer?: HTMLDivElement): 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<TFeatures, TData>\n  )\n    .getVisibleLeafColumns()\n    .filter(\n      (child) =>\n        !(\n          child as unknown as Column<TDataTableFeatures, RowData>\n        ).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<TDataTableFeatures, RowData>\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 the draggable area, constrained by any 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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",
+  "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 {\n  ColumnPinningState,\n  TableFeatures,\n  Column,\n  RowData,\n  ReactTable,\n} 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 { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.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 scroll 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 function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: ReactTable<TDataTableFeatures, RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\n\n  // Always reset drag state, even when there is no valid drop target (e.g. rapid click-release).\n  config.table.setDraggedHeaderColumn(null);\n\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<\n    TDataTableFeatures,\n    RowData\n  >;\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<\n    TDataTableFeatures,\n    RowData\n  >;\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 = config.table.atoms.columnOrder?.get() ?? [];\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    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\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  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(event: DragOverEvent, virtualizationContainer?: HTMLDivElement): 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<TFeatures, TData>\n  )\n    .getVisibleLeafColumns()\n    .filter(\n      (child) =>\n        !(\n          child as unknown as Column<TDataTableFeatures, RowData>\n        ).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<TDataTableFeatures, RowData>\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 the draggable area, constrained by any 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/ColumnPinning/useColumnPinning.js

@@ -122,7 +122,7 @@ function useColumnPinning(props, options) {
       setColumnPinning
     ]
   );
-  const originalColumnPinningRef = useRef();
+  const originalColumnPinningRef = useRef(void 0);
   if (!originalColumnPinningRef.current) {
     const originalPinned = pinnedColumns || defaultPinnedColumns || [];
     originalColumnPinningRef.current = {

package/esm/tables/DataTable/features/ColumnPinning/useColumnPinning.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnPinning/useColumnPinning.ts"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport {\n  ColumnPinningState,\n  functionalUpdate,\n  type RowData,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  DataTableColumnPinningProps,\n  DataTablePinnedColumnState,\n} from './column-pinning-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport {\n  DATA_TABLE_BUILT_IN_COLUMN_IDS,\n  DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  DATA_TABLE_ROW_DETAILS_COLUMN_ID,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport { DataTableColumnOrderProps } from '../ColumnOrder/column-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @returns true, if the given column is not a built-in column, false otherwise.\n */\nfunction isCustomColumn(columnId: string): boolean {\n  return !DATA_TABLE_BUILT_IN_COLUMN_IDS.has(columnId);\n}\n\nfunction removeBuiltinColumns(pinnedColumns: string[] | undefined): string[] {\n  return pinnedColumns?.filter(isCustomColumn) ?? [];\n}\n\nfunction addBuiltinColumns(\n  pinnedColumns: DataTablePinnedColumnState | undefined,\n  options: {\n    enableRowDetails: boolean;\n    enableRowSelection: boolean;\n    enableRowOrderDragAndDrop: boolean;\n    enableRowActions: boolean;\n  },\n): ColumnPinningState {\n  if (!pinnedColumns) {\n    return {\n      left: [],\n      right: [],\n    };\n  }\n\n  // remove any built-in columns first\n  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);\n  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);\n\n  // add built-in columns based on enabled features, in correct pinning order\n  if (options.enableRowDetails) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);\n  }\n  if (options.enableRowSelection) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);\n  }\n  if (options.enableRowOrderDragAndDrop) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);\n  }\n  if (options.enableRowActions) {\n    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);\n  }\n\n  return {\n    left: leftPinnedColumns,\n    right: rightPinnedColumns,\n  };\n}\n\n/**\n * Configuration hook for the DataTable column pinning feature.\n * @internal\n */\nexport function useColumnPinning<TData extends RowData>(\n  props: DataTableColumnPinningProps & DataTableColumnOrderProps,\n  options: TableOptions<TDataTableFeatures, TData>,\n): void {\n  options.enableColumnPinning = props.columnPinning === true;\n\n  const {\n    enableColumnPinning,\n    enableRowDetails,\n    enableRowSelection,\n    enableRowOrderDragAndDrop,\n    enableRowActions,\n  } = options;\n\n  // uncontrolled\n  const defaultPinnedColumns = useMemo(() => {\n    // columns pinned via props in addition to built-in columns\n    const userDefinedPinnedColumns =\n      enableColumnPinning && props.defaultPinnedColumns\n        ? props.defaultPinnedColumns\n        : { left: [], right: [] };\n    return addBuiltinColumns(userDefinedPinnedColumns, {\n      enableRowDetails: !!enableRowDetails,\n      enableRowSelection: !!enableRowSelection,\n      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n      enableRowActions: !!enableRowActions,\n    });\n  }, [\n    enableColumnPinning,\n    enableRowActions,\n    enableRowDetails,\n    enableRowOrderDragAndDrop,\n    enableRowSelection,\n    props.defaultPinnedColumns,\n  ]);\n\n  // controlled\n  const pinnedColumns = useMemo(\n    (): ColumnPinningState | undefined =>\n      enableColumnPinning && props.pinnedColumns\n        ? addBuiltinColumns(props.pinnedColumns, {\n            enableRowDetails: !!enableRowDetails,\n            enableRowSelection: !!enableRowSelection,\n            enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n            enableRowActions: !!enableRowActions,\n          })\n        : undefined,\n    [\n      enableColumnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props.pinnedColumns,\n    ],\n  );\n\n  const [columnPinning, setColumnPinning] =\n    useControllableState<ColumnPinningState>({\n      value: pinnedColumns,\n      defaultValue: defaultPinnedColumns,\n    });\n\n  options.state = {\n    ...options.state,\n    columnPinning: enableColumnPinning ? columnPinning : defaultPinnedColumns, // just built-in columns\n  };\n\n  options.onColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const nextState = functionalUpdate(updater, columnPinning);\n      if (isEqual(nextState, columnPinning)) {\n        // nothing to update\n        return;\n      }\n\n      // user does not have to provide IDs of built-in columns (which are always pinned)\n      setColumnPinning(\n        addBuiltinColumns(nextState, {\n          enableRowDetails: !!enableRowDetails,\n          enableRowSelection: !!enableRowSelection,\n          enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n          enableRowActions: !!enableRowActions,\n        }),\n      );\n      // do not emit IDs of built-in columns (which are always pinned)\n      props.onPinnedColumnsChange?.({\n        left: removeBuiltinColumns(nextState.left),\n        right: removeBuiltinColumns(nextState.right),\n      });\n    },\n    [\n      columnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props,\n      setColumnPinning,\n    ],\n  );\n\n  const originalColumnPinningRef = useRef<DataTablePinnedColumnState>();\n\n  if (!originalColumnPinningRef.current) {\n    const originalPinned = pinnedColumns || defaultPinnedColumns || [];\n    originalColumnPinningRef.current = {\n      left: originalPinned.left,\n      right: originalPinned.right,\n    };\n  }\n\n  options.originalColumnPinning = originalColumnPinningRef.current;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport {\n  ColumnPinningState,\n  functionalUpdate,\n  type RowData,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  DataTableColumnPinningProps,\n  DataTablePinnedColumnState,\n} from './column-pinning-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport {\n  DATA_TABLE_BUILT_IN_COLUMN_IDS,\n  DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  DATA_TABLE_ROW_DETAILS_COLUMN_ID,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport { DataTableColumnOrderProps } from '../ColumnOrder/column-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @returns true, if the given column is not a built-in column, false otherwise.\n */\nfunction isCustomColumn(columnId: string): boolean {\n  return !DATA_TABLE_BUILT_IN_COLUMN_IDS.has(columnId);\n}\n\nfunction removeBuiltinColumns(pinnedColumns: string[] | undefined): string[] {\n  return pinnedColumns?.filter(isCustomColumn) ?? [];\n}\n\nfunction addBuiltinColumns(\n  pinnedColumns: DataTablePinnedColumnState | undefined,\n  options: {\n    enableRowDetails: boolean;\n    enableRowSelection: boolean;\n    enableRowOrderDragAndDrop: boolean;\n    enableRowActions: boolean;\n  },\n): ColumnPinningState {\n  if (!pinnedColumns) {\n    return {\n      left: [],\n      right: [],\n    };\n  }\n\n  // remove any built-in columns first\n  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);\n  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);\n\n  // add built-in columns based on enabled features, in correct pinning order\n  if (options.enableRowDetails) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);\n  }\n  if (options.enableRowSelection) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);\n  }\n  if (options.enableRowOrderDragAndDrop) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);\n  }\n  if (options.enableRowActions) {\n    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);\n  }\n\n  return {\n    left: leftPinnedColumns,\n    right: rightPinnedColumns,\n  };\n}\n\n/**\n * Configuration hook for the DataTable column pinning feature.\n * @internal\n */\nexport function useColumnPinning<TData extends RowData>(\n  props: DataTableColumnPinningProps & DataTableColumnOrderProps,\n  options: TableOptions<TDataTableFeatures, TData>,\n): void {\n  options.enableColumnPinning = props.columnPinning === true;\n\n  const {\n    enableColumnPinning,\n    enableRowDetails,\n    enableRowSelection,\n    enableRowOrderDragAndDrop,\n    enableRowActions,\n  } = options;\n\n  // uncontrolled\n  const defaultPinnedColumns = useMemo(() => {\n    // columns pinned via props in addition to built-in columns\n    const userDefinedPinnedColumns =\n      enableColumnPinning && props.defaultPinnedColumns\n        ? props.defaultPinnedColumns\n        : { left: [], right: [] };\n    return addBuiltinColumns(userDefinedPinnedColumns, {\n      enableRowDetails: !!enableRowDetails,\n      enableRowSelection: !!enableRowSelection,\n      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n      enableRowActions: !!enableRowActions,\n    });\n  }, [\n    enableColumnPinning,\n    enableRowActions,\n    enableRowDetails,\n    enableRowOrderDragAndDrop,\n    enableRowSelection,\n    props.defaultPinnedColumns,\n  ]);\n\n  // controlled\n  const pinnedColumns = useMemo(\n    (): ColumnPinningState | undefined =>\n      enableColumnPinning && props.pinnedColumns\n        ? addBuiltinColumns(props.pinnedColumns, {\n            enableRowDetails: !!enableRowDetails,\n            enableRowSelection: !!enableRowSelection,\n            enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n            enableRowActions: !!enableRowActions,\n          })\n        : undefined,\n    [\n      enableColumnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props.pinnedColumns,\n    ],\n  );\n\n  const [columnPinning, setColumnPinning] =\n    useControllableState<ColumnPinningState>({\n      value: pinnedColumns,\n      defaultValue: defaultPinnedColumns,\n    });\n\n  options.state = {\n    ...options.state,\n    columnPinning: enableColumnPinning ? columnPinning : defaultPinnedColumns, // just built-in columns\n  };\n\n  options.onColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const nextState = functionalUpdate(updater, columnPinning);\n      if (isEqual(nextState, columnPinning)) {\n        // nothing to update\n        return;\n      }\n\n      // user does not have to provide IDs of built-in columns (which are always pinned)\n      setColumnPinning(\n        addBuiltinColumns(nextState, {\n          enableRowDetails: !!enableRowDetails,\n          enableRowSelection: !!enableRowSelection,\n          enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n          enableRowActions: !!enableRowActions,\n        }),\n      );\n      // do not emit IDs of built-in columns (which are always pinned)\n      props.onPinnedColumnsChange?.({\n        left: removeBuiltinColumns(nextState.left),\n        right: removeBuiltinColumns(nextState.right),\n      });\n    },\n    [\n      columnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props,\n      setColumnPinning,\n    ],\n  );\n\n  const originalColumnPinningRef =\n    useRef<DataTablePinnedColumnState>(undefined);\n\n  if (!originalColumnPinningRef.current) {\n    const originalPinned = pinnedColumns || defaultPinnedColumns || [];\n    originalColumnPinningRef.current = {\n      left: originalPinned.left,\n      right: originalPinned.right,\n    };\n  }\n\n  options.originalColumnPinning = originalColumnPinningRef.current;\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,9 +1,9 @@
-._17437gx0-3-8-0 {
+._17437gx0-3-10-0 {
   cursor: col-resize;
 }
-._17437gx0-3-8-0 > * {
+._17437gx0-3-10-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-8-0 ._14sp6az0-3-8-0 * {
+._17437gx0-3-10-0 ._14sp6az0-3-10-0 * {
   pointer-events: none;
 }

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

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-8-0";
+var tableColumnResizing = "_17437gx0-3-10-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-8-0';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-10-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

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

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-8-0", variantClassNames: { linewrap: { false: "_19nyr521-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-10-0", variantClassNames: { linewrap: { false: "_19nyr521-3-10-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-8-0',variantClassNames:{linewrap:{false:'_19nyr521-3-8-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;",
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-10-0',variantClassNames:{linewrap:{false:'_19nyr521-3-10-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnTypes/column-types-types.js

@@ -1,4 +1,7 @@
 const CHART_COLUMN_TYPES = ["sparkline", "meterbar", "gantt"];
+function isDatatableMeterBarColumnConfig(config, columnType) {
+  return columnType === "meterbar" && config !== null && typeof config === "object";
+}
 function isChartColumnType(columnType) {
   if (columnType) {
     return CHART_COLUMN_TYPES.includes(
@@ -8,6 +11,7 @@ function isChartColumnType(columnType) {
   return false;
 }
 export {
-  isChartColumnType
+  isChartColumnType,
+  isDatatableMeterBarColumnConfig
 };
 //# sourceMappingURL=column-types-types.js.map

package/esm/tables/DataTable/features/ColumnTypes/column-types-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/column-types-types.ts"],
-  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  | 'date'\n  | 'datetime'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * The x-axis boundaries props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineXAxisProps {\n  /**\n   * The min value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  min?: 'auto' | 'data-min' | number | Date;\n  /**\n   * The max value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  max?: 'auto' | 'data-max' | number | Date;\n}\n\n/**\n * The y-axis boundaries and scale props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineYAxisProps {\n  /**\n   * The min value configuration to display in the y-axis\n   * @defaultValue 'data-min'\n   */\n  min?: number | 'data-min';\n  /**\n   * The max value configuration to display in the y-axis\n   * @defaultValue 'data-max'\n   */\n  max?: number | 'data-max';\n  /**\n   * The scale of the y-axis values. Is only applied to the bar variant.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n}\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n\n  /**\n   * Optional x-axis boundary configuration for the sparkline.\n   *\n   * Use this to override the default domain derived from the data.\n   * The `min` and `max` values can be set to `Date`, numeric timestamps,\n   * or automatic data-based boundaries (`'data-min'` / `'data-max'`).\n   * @defaultValue undefined\n   */\n  xAxis?: DataTableSparklineXAxisProps;\n\n  /**\n   * Optional y-axis boundary and scale configuration for the sparkline.\n   *\n   * Use this to override the default value domain or scale.\n   * @defaultValue undefined\n   */\n  yAxis?: DataTableSparklineYAxisProps;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n    /**\n     * Name of the threshold.\n     * @deprecated This property has no effect and will be removed.\n     */\n    name?: string;\n\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @defaultValue false\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'datetime'>;\n      formatter?: FormatDateOptions | DataTableDatetimeDisplayMode;\n      config?: never;\n    }\n  | {\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
-  "mappings": "AA4TA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  | 'date'\n  | 'datetime'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * The x-axis boundaries props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineXAxisProps {\n  /**\n   * The min value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  min?: 'auto' | 'data-min' | number | Date;\n  /**\n   * The max value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  max?: 'auto' | 'data-max' | number | Date;\n}\n\n/**\n * The y-axis boundaries and scale props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineYAxisProps {\n  /**\n   * The min value configuration to display in the y-axis\n   * @defaultValue 'data-min'\n   */\n  min?: number | 'data-min';\n  /**\n   * The max value configuration to display in the y-axis\n   * @defaultValue 'data-max'\n   */\n  max?: number | 'data-max';\n  /**\n   * The scale of the y-axis values. Is only applied to the bar variant.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n}\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n\n  /**\n   * Optional x-axis boundary configuration for the sparkline.\n   *\n   * Use this to override the default domain derived from the data.\n   * The `min` and `max` values can be set to `Date`, numeric timestamps,\n   * or automatic data-based boundaries (`'data-min'` / `'data-max'`).\n   * @defaultValue undefined\n   */\n  xAxis?: DataTableSparklineXAxisProps;\n\n  /**\n   * Optional y-axis boundary and scale configuration for the sparkline.\n   *\n   * Use this to override the default value domain or scale.\n   * @defaultValue undefined\n   */\n  yAxis?: DataTableSparklineYAxisProps;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip and inline.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Shows the value inline beside the bar.\n   * Set to `'left'` to display the value to the left of the bar, or `'right'` to display it to the right.\n   * The `formatter` prop controls how the value is formatted \u2014 the same formatted string appears in both the tooltip and inline.\n   * @defaultValue false\n   */\n  showValue?: 'left' | 'right' | false;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n    /**\n     * Name of the threshold.\n     * @deprecated This property has no effect and will be removed.\n     */\n    name?: string;\n\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @defaultValue false\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'datetime'>;\n      formatter?: FormatDateOptions | DataTableDatetimeDisplayMode;\n      config?: never;\n    }\n  | {\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Typeguard function narrows `config` to `DataTableMeterbarColumnConfig`.\n * @internal\n */\nexport function isDatatableMeterBarColumnConfig(\n  config: unknown,\n  columnType: DataTableColumnType | undefined,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    columnType === 'meterbar' && config !== null && typeof config === 'object'\n  );\n}\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
+  "mappings": "AAoUA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,gCACd,QACA,YACyC;AACzC,SACE,eAAe,cAAc,WAAW,QAAQ,OAAO,WAAW;AAEtE;AAMO,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

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

@@ -31,16 +31,20 @@ function useDataTableConfigRef(forwardedRef, columnSettingsModalRef, table, prop
         variant: table.store.state.visualVariantConfig
       };
     },
-    downloadData(subset, excludeColumns) {
+    downloadData(subset, excludeColumns, formatDownloadHeader, fileName) {
       switch (subset) {
         case "all":
-          table.downloadAllData(excludeColumns);
+          table.downloadAllData(excludeColumns, formatDownloadHeader, fileName);
           break;
         case "page":
-          table.downloadPageData(excludeColumns);
+          table.downloadPageData(excludeColumns, formatDownloadHeader, fileName);
           break;
         case "selected":
-          table.downloadSelectedData(excludeColumns);
+          table.downloadSelectedData(
+            excludeColumns,
+            formatDownloadHeader,
+            fileName
+          );
           break;
       }
     },