@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.tsx"],
-  "sourcesContent": ["import { functionalUpdate } from '@tanstack/react-table';\nimport {\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport * as styles from './ColumnSizing.sty.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR,\n  DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n} from '../../constants.js';\nimport type {\n  Column,\n  Header,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { isFractionWidth } from '../Layout/width-utils.js';\n\n/** Keyboard offset for column resizing (px). */\nconst COLUMN_RESIZE_KEYBOARD_OFFSET = 10;\n/** Keyboard multiplier for column resizing when Ctrl is held. */\nconst COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER = 10;\n\nconst getClientX = (event: MouseEvent | TouchEvent): number | undefined => {\n  if ('touches' in event && event.touches.length > 0) {\n    return event.touches[0].clientX;\n  }\n  if ('changedTouches' in event && event.changedTouches.length > 0) {\n    return event.changedTouches[0].clientX;\n  }\n  if ('clientX' in event) {\n    return event.clientX;\n  }\n};\n\n// Returns the width of the header cell element of the given resize handle.\nconst getHeaderCellWidth = (resizeHandle: HTMLElement): number | undefined =>\n  resizeHandle.parentElement?.getBoundingClientRect().width;\n\n// helper function to clear the focus on the resizer.\nconst clearResizerFocus = (): void => {\n  if (document.activeElement instanceof HTMLElement) {\n    document.activeElement.blur();\n  }\n};\n\n/**\n * @internal\n */\nexport const DataTableColumnSizing: TableFeature = {\n  createHeader<TData extends RowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    // Side effect function to clear up the container styles that have been applied while resizing.\n    const clearContainerStyles = (container: HTMLElement | null): void => {\n      // Wait an animation frame to remove the custom property to prevent\n      // a layout jump\n      requestAnimationFrame(() => {\n        container?.style.removeProperty(\n          DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        );\n        // Remove col-resize cursor style from body element,\n        // and reset pointer events on all children.\n        document.body.classList.remove(styles.tableColumnResizing);\n\n        if (table.options.enableColumnPinning) {\n          container\n            ?.querySelectorAll(\n              `[style*=${DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR}], [style*=${DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR}]`,\n            )\n            .forEach((elem) => {\n              if (elem instanceof HTMLElement) {\n                const style = elem.style;\n                style.removeProperty(DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR);\n                style.removeProperty(\n                  DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,\n                );\n              }\n            });\n        }\n      });\n    };\n\n    // Side effect function to add the temporary variables to pinned columns while resizing\n    const addPinnedColumnsPositionsStyles = (\n      pinnedPosition: 'left' | 'right',\n      container: HTMLElement | null,\n      colId: string,\n      newPosition: number,\n    ) => {\n      const resizingPositionVariable =\n        pinnedPosition === 'left'\n          ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR\n          : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;\n\n      // Update header position\n      const targetColumn: HTMLElement | null | undefined =\n        container?.querySelector(\n          `[role=columnheader][data-headerid=${CSS.escape(colId)}]`,\n        );\n      targetColumn?.style.setProperty(\n        resizingPositionVariable,\n        `${newPosition}px`,\n      );\n\n      const targetColumnParentId = table.getColumn(colId)?.parent?.id;\n\n      if (targetColumnParentId) {\n        const pinnedState = table.getState().columnPinning;\n        const pinnedColumns: string[] | undefined =\n          pinnedPosition === 'left' ? pinnedState.left : pinnedState.right;\n\n        const pinnedChildren: string[] | undefined = pinnedColumns?.filter(\n          (id) => id.includes(targetColumnParentId),\n        );\n\n        // for the left pinned columns, only update the parent position if the child at the left edge is being resized\n        // for the right pinned columns, only update the parent position if the child at the right edge is being resized\n        const edgeChildId: string | undefined =\n          pinnedPosition === 'left'\n            ? pinnedChildren?.at(0)\n            : pinnedChildren?.at(-1);\n\n        if (colId === edgeChildId) {\n          const parentNode: HTMLElement | null | undefined =\n            container?.querySelector(\n              `[data-headerid*=${pinnedPosition}][data-headerid*=${CSS.escape(\n                targetColumnParentId,\n              )}]`,\n            );\n\n          parentNode?.style.setProperty(\n            resizingPositionVariable,\n            `${newPosition}px`,\n          );\n        }\n      }\n\n      // update all cells from the column\n      const allColumnCells: NodeListOf<HTMLElement> | undefined =\n        container?.querySelectorAll(\n          `[role=cell][data-columnid=${CSS.escape(colId)}]`,\n        );\n\n      if (allColumnCells?.length) {\n        Array.from(allColumnCells).forEach((cell) => {\n          cell.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n        });\n      }\n\n      // update the position of the box-shadow\n      const pinnedShadowNodes: NodeListOf<HTMLElement> | undefined =\n        container?.querySelectorAll(`[data-pinned-position=${pinnedPosition}]`);\n\n      if (pinnedShadowNodes?.length) {\n        Array.from(pinnedShadowNodes).forEach((node) => {\n          node.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n        });\n      }\n    };\n\n    header.handleResize = (\n      event:\n        | ReactMouseEvent<HTMLButtonElement>\n        | ReactTouchEvent<HTMLButtonElement>,\n    ) => {\n      const column = table.getColumn(header.column.id);\n      const canResize = column?.getCanResize();\n      const pinnedPosition = header.getIsPinned();\n      const isPinnedLeft = pinnedPosition === 'left';\n      const isPinnedRight = pinnedPosition === 'right';\n\n      if (!column || !canResize) {\n        return;\n      }\n      event.persist();\n\n      // If a double click appears, do not continue further with the single click\n      // drag handling\n      if (event.detail === 2) {\n        return;\n      }\n\n      const target = event.target;\n      if (target instanceof HTMLElement === false) {\n        return;\n      }\n\n      // store initial pinned columns widths.\n      // necessary to dynamically update the positions of the pinned columns during resize\n      const pinnedColumnsWidths: {\n        left: Record<string, number>;\n        right: Record<string, number>;\n      } = { left: {}, right: {} };\n      let columnIndex: number | undefined;\n\n      if (pinnedPosition) {\n        const pinnedState = table.getState().columnPinning;\n\n        // The header id of the header the resize handle belongs to\n        const headerId = target.parentElement?.dataset.headerid;\n\n        columnIndex = headerId\n          ? pinnedState[pinnedPosition]?.indexOf(headerId)\n          : undefined;\n        if (columnIndex !== undefined && pinnedState[pinnedPosition]?.length) {\n          for (const element of pinnedState[pinnedPosition]) {\n            pinnedColumnsWidths[pinnedPosition][element] =\n              table.getColumnOrHeaderWidth(element);\n          }\n        }\n      }\n\n      const startSize = getHeaderCellWidth(target);\n      // If the header could not be measured, we can't resize it\n      if (startSize === undefined) {\n        return;\n      }\n\n      const columnSizingStart: [string, number][] = [[column.id, startSize]];\n      // Keep a reference for columns affected by the sizing.\n      const newColumnSizing: DataTableColumnSizingState = {};\n      // Get the starting clientX where the drag started.\n      const clientX = getClientX(event.nativeEvent) ?? null;\n\n      const {\n        minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n        maxWidth = Number.MAX_SAFE_INTEGER,\n      } = column.columnDef;\n      const size = `${Math.min(Math.max(startSize, minWidth), maxWidth)}px`;\n      const container: HTMLElement | null = target.closest(\n        '.strato-table-virtualization-container',\n      );\n      container?.style.setProperty(\n        DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        size,\n      );\n      // During resizing, add col-resize cursor style to body element,\n      // and prevent pointer events on all children.\n      // Note: needs to be an element outside the container\n      // that does not have pointer-events: none.\n      document.body.classList.add(styles.tableColumnResizing);\n\n      // Updating the actual offset in the columnSizingInfo\n      const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n        if (typeof clientXPos !== 'number') {\n          return;\n        }\n\n        const old = table.getState().columnSizingInfo;\n\n        const deltaOffset = clientXPos - (old?.startOffset ?? 0);\n        const deltaOffsetRatio = deltaOffset / (old?.startSize ?? 0);\n        // Calculate the percentage so the other columns next to it can be scaled\n        // by the same fraction.\n        const deltaPercentage = isPinnedRight\n          ? deltaOffsetRatio\n          : Math.max(deltaOffsetRatio, -0.9999999);\n\n        columnSizingStart.forEach(([columnId, headerSize]) => {\n          newColumnSizing[columnId] =\n            Math.round(\n              Math.max(\n                isPinnedRight\n                  ? headerSize - headerSize * deltaPercentage\n                  : headerSize + headerSize * deltaPercentage,\n                0,\n              ) * 100,\n            ) / 100;\n        });\n        const {\n          minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n          maxWidth = Number.MAX_SAFE_INTEGER,\n        } = column.columnDef;\n        const size = `${Math.min(\n          Math.max(\n            isPinnedRight ? startSize - deltaOffset : startSize + deltaOffset,\n            minWidth,\n          ),\n          maxWidth,\n        )}px`;\n\n        // While dragging set the custom property value\n        container?.style.setProperty(\n          DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n          size,\n        );\n\n        updatePinnedColumnsPositions(deltaOffset);\n\n        // When dragging ends, we can update the actual widths of the columns\n        if (eventType === 'end') {\n          table.setColumnSizing((old) => ({\n            ...old,\n            ...newColumnSizing,\n          }));\n        }\n      };\n\n      /**\n       * Dynamically update the positions of the pinned columns while resizing\n       */\n      const updatePinnedColumnsPositions = (deltaOffset: number): void => {\n        if (columnIndex === undefined) {\n          return;\n        }\n\n        const leftPinnedColumnsWidths = pinnedColumnsWidths.left;\n        const rightPinnedColumnsWidths = pinnedColumnsWidths.right;\n\n        if (isPinnedLeft) {\n          const values = Object.entries(leftPinnedColumnsWidths);\n          const [, currentColumnInitialWidth] = values[columnIndex];\n\n          // we should update only the left position of the pinned columns to the right of the one being resized\n          for (let i = columnIndex + 1; i < values.length; i++) {\n            const [colId] = values[i];\n\n            // left position of a column is equal to the sum of the previous column widths + deltaOffset\n            let prevColumnIndex = i - 1;\n            let totalWidth = 0;\n\n            while (prevColumnIndex >= 0) {\n              const [, prevColWidth] = values[prevColumnIndex];\n              totalWidth += prevColWidth;\n              prevColumnIndex -= 1;\n            }\n\n            const leftPositionThreshold =\n              totalWidth - currentColumnInitialWidth + minWidth;\n\n            const newLeftPosition = Math.max(\n              totalWidth + deltaOffset,\n              leftPositionThreshold,\n            );\n\n            addPinnedColumnsPositionsStyles(\n              'left',\n              container,\n              colId,\n              newLeftPosition,\n            );\n          }\n        }\n\n        if (isPinnedRight) {\n          const values = Object.entries(rightPinnedColumnsWidths);\n          const [, currentColumnInitialWidth] = values[columnIndex];\n\n          // we should update only the right position of the pinned columns to the left of the one being resized\n          for (let i = columnIndex - 1; i >= 0; i--) {\n            const [colId] = values[i];\n\n            // right position of a column is equal to the next column width from the right - deltaOffset\n            let prevColumnIndex = i + 1;\n            let totalWidth = 0;\n\n            while (prevColumnIndex < values.length) {\n              const [, prevWidth] = values[prevColumnIndex];\n              totalWidth += prevWidth;\n              prevColumnIndex += 1;\n            }\n\n            const rightPositionThreshold =\n              totalWidth - currentColumnInitialWidth + minWidth;\n\n            const newRightPosition = Math.max(\n              totalWidth - deltaOffset,\n              rightPositionThreshold,\n            );\n\n            addPinnedColumnsPositionsStyles(\n              'right',\n              container,\n              colId,\n              newRightPosition,\n            );\n          }\n        }\n      };\n\n      const onEnd = (clientXPos?: number) => {\n        updateOffset('end', clientXPos);\n        clearContainerStyles(container);\n\n        // If we are coming from mouse movements, then clear the focus on resizer\n        clearResizerFocus();\n\n        table.setColumnSizingInfo((old) => ({\n          ...old,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          columnSizingStart: [],\n        }));\n      };\n\n      const moveHandler = (moveEvent: MouseEvent | TouchEvent): void => {\n        const clientXPos = getClientX(moveEvent);\n        updateOffset('move', clientXPos);\n      };\n\n      const upHandler = (upEvent: MouseEvent | TouchEvent): void => {\n        document.removeEventListener('mousemove', moveHandler);\n        document.removeEventListener('mouseup', upHandler);\n        document.removeEventListener('touchmove', moveHandler);\n        document.removeEventListener('touchend', upHandler);\n        const clientXPos = getClientX(upEvent);\n        onEnd(clientXPos);\n      };\n\n      // TODO: SSR check if document is there.\n      document.addEventListener('mousemove', moveHandler);\n      document.addEventListener('mouseup', upHandler);\n      document.addEventListener('touchmove', moveHandler);\n      document.addEventListener('touchend', upHandler);\n\n      // If the table has any fractional templates, we need to make sure to lock their size in place, before starting\n      // to resize the remaining things.\n      if (table.getHasFractionalTemplate()) {\n        const fractionColumns = table\n          .getVisibleLeafColumnsWithoutBuiltin()\n          .filter(\n            ({ id, columnDef }) =>\n              (columnDef.width === undefined ||\n                isFractionWidth(columnDef.width)) &&\n              id !== column.id,\n          );\n\n        table.setColumnSizing((old) => {\n          const newColumnSizing = { ...old };\n          for (const fractionColumn of fractionColumns) {\n            newColumnSizing[fractionColumn.id] = table.getColumnOrHeaderWidth(\n              fractionColumn.id,\n            );\n          }\n          return newColumnSizing;\n        });\n      }\n\n      table.setColumnSizingInfo((old) => ({\n        ...old,\n        startOffset: clientX,\n        startSize,\n        deltaOffset: 0,\n        deltaPercentage: 0,\n        columnSizingStart,\n        isResizingColumn: column.id,\n      }));\n    };\n\n    header.handleResizeExpand = (event: ReactMouseEvent<HTMLButtonElement>) => {\n      const column = table.getColumn(header.column.id);\n      const canResize = column?.getCanResize();\n\n      if (event.type !== 'dblclick') {\n        return;\n      }\n\n      if (!column || !canResize) {\n        return;\n      }\n\n      event.persist();\n\n      const target = event.target;\n      if (target instanceof HTMLElement === false) {\n        return;\n      }\n\n      const startSize = getHeaderCellWidth(target);\n\n      // If the header could not be measured, we can't resize it\n      if (startSize === undefined) {\n        return;\n      }\n\n      // Get the starting clientX where the drag started.\n      const clientX = event.clientX;\n\n      const columnSizingStart: [string, number][] = [[column.id, startSize]];\n      const container: HTMLElement | null = target.closest(\n        '.strato-table-virtualization-container',\n      );\n      // While dragging set the custom property value\n      container?.style.setProperty(\n        DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        'max-content',\n      );\n\n      table.setColumnSizingInfo((old) => ({\n        ...old,\n        startOffset: clientX,\n        startSize,\n        deltaOffset: 0,\n        deltaPercentage: 0,\n        columnSizingStart,\n        isResizingColumn: column.id,\n      }));\n\n      table._queue(() => {\n        const target = event.target;\n        if (!(target instanceof HTMLButtonElement)) {\n          return;\n        }\n        // The button is now inside the columnheader div, so parentElement is the cell itself\n        const cell: HTMLElement | null = target.parentElement;\n        if (cell) {\n          const { width } = cell.getBoundingClientRect();\n          table.setColumnSizingInfo((old) => ({\n            ...old,\n            isResizingColumn: false,\n            startOffset: null,\n            startSize: null,\n            deltaOffset: null,\n            deltaPercentage: null,\n            columnSizingStart: [],\n          }));\n          table.setColumnSizing((old) => ({\n            ...old,\n            [column.id]: width,\n          }));\n        }\n        requestAnimationFrame(() =>\n          container?.style.removeProperty(\n            DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n          ),\n        );\n      });\n    };\n\n    header.handleKeyboardResize = (\n      event: ReactKeyboardEvent<HTMLButtonElement>,\n    ) => {\n      const column = table.getColumn(header.column.id);\n      const canResize = column?.getCanResize();\n\n      const target = event.target;\n      if (\n        !column ||\n        !canResize ||\n        target instanceof HTMLElement === false ||\n        (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')\n      ) {\n        // clear the focus on resizer\n        if (event.key === 'Escape') {\n          clearResizerFocus();\n        }\n        return;\n      }\n\n      event.persist();\n\n      const startSize = getHeaderCellWidth(target);\n\n      // If the header could not be measured, we can't resize it\n      if (startSize === undefined) {\n        return;\n      }\n\n      let offset = 0;\n      if (event.key === 'ArrowLeft') {\n        offset = -COLUMN_RESIZE_KEYBOARD_OFFSET;\n      } else if (event.key === 'ArrowRight') {\n        offset = COLUMN_RESIZE_KEYBOARD_OFFSET;\n      }\n\n      if (event.ctrlKey === true) {\n        offset *= COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER;\n      }\n\n      table.setColumnSizing((old) => ({\n        ...old,\n        [column.id]: startSize + offset,\n      }));\n    };\n  },\n\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    column.getCanResize = () => {\n      // Parent columns are not resizable, only their children are.\n      if (column.columns.length !== 0) {\n        return false;\n      }\n\n      // columnResizing is disabled on the DataTable or on the individual column\n      if (\n        table.options.enableColumnResizing !== true ||\n        column.columnDef.enableResizing === false\n      ) {\n        return false;\n      }\n\n      // Need to evaluate that one here, as it is not yet available in the\n      // createColumn wrapper.\n      const lastLeafColumn = table.getVisibleLeafColumns().at(-1);\n      // Check if it is the last column\n      if (column.id === lastLeafColumn?.id) {\n        return false;\n      }\n\n      return true;\n    };\n  },\n};\n\n/**\n * @internal\n */\nexport function useColumnSizing<TData>(\n  props: DataTableColumnSizingProps,\n  options: TableOptions<TData>,\n): void {\n  options.enableColumnResizing = false;\n\n  const configResizable = useDataTableConfigElement('resizable');\n\n  const [columnSizing, setColumnSizing] = useControllableState({\n    value: props.columnSizing,\n    defaultValue: props.defaultColumnSizing ?? {},\n    onChange: props.onColumnSizingChange,\n  });\n\n  if (configResizable === true || props.resizable === true) {\n    options.enableColumnResizing = true;\n    options.state = {\n      ...options.state,\n      columnSizing,\n    };\n\n    options.onColumnSizingChange = (updater) => {\n      const newValue = functionalUpdate(updater, columnSizing);\n      setColumnSizing(newValue);\n    };\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  type CellData,\n  type Column_Internal,\n  type Header,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n  columnPinningFeature,\n  type Table_Internal,\n} from '@tanstack/react-table';\nimport {\n  column_getIsPinned,\n  table_getColumn,\n  table_getVisibleLeafColumns,\n  table_setColumnSizing,\n  table_setColumnResizing,\n} from '@tanstack/react-table/static-functions';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport type {\n  ColumnSizingFeatureConstructors,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport * as styles from './ColumnSizing.sty.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR,\n  DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n} from '../../constants.js';\nimport { isFractionWidth } from '../Layout/width-utils.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Keyboard offset for column resizing (px). */\nconst COLUMN_RESIZE_KEYBOARD_OFFSET = 10;\n/** Keyboard multiplier for column resizing when Ctrl is held. */\nconst COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER = 10;\n\nconst getClientX = (event: MouseEvent | TouchEvent): number | undefined => {\n  if ('touches' in event && event.touches.length > 0) {\n    return event.touches[0].clientX;\n  }\n  if ('changedTouches' in event && event.changedTouches.length > 0) {\n    return event.changedTouches[0].clientX;\n  }\n  if ('clientX' in event) {\n    return event.clientX;\n  }\n};\n\n// Returns the width of the header cell element of the given resize handle.\nfunction getHeaderCellWidth(resizeHandle: HTMLElement): number | undefined {\n  return resizeHandle.parentElement?.getBoundingClientRect().width;\n}\n\n// helper function to clear the focus on the resizer.\nfunction clearResizerFocus(): void {\n  if (document.activeElement instanceof HTMLElement) {\n    document.activeElement.blur();\n  }\n}\n\n/**\n * Side effect function to add the temporary variables to pinned columns while resizing\n */\nfunction addPinnedColumnsPositionsStyles<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  pinnedPosition: 'left' | 'right',\n  container: HTMLElement | null,\n  colId: string,\n  newPosition: number,\n): void {\n  const resizingPositionVariable =\n    pinnedPosition === 'left'\n      ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR\n      : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;\n\n  // Update header position\n  const targetColumn: HTMLElement | null | undefined = container?.querySelector(\n    `[role=columnheader][data-headerid=${CSS.escape(colId)}]`,\n  );\n  targetColumn?.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n\n  const targetColumnParentId = table.getColumn(colId)?.parent?.id;\n\n  if (targetColumnParentId) {\n    const pinnedState = table.atoms.columnPinning?.get();\n    const pinnedColumns: string[] | undefined =\n      pinnedPosition === 'left' ? pinnedState?.left : pinnedState?.right;\n\n    const pinnedChildren: string[] | undefined = pinnedColumns?.filter((id) =>\n      id.includes(targetColumnParentId),\n    );\n\n    // for the left pinned columns, only update the parent position if the child at the left edge is being resized\n    // for the right pinned columns, only update the parent position if the child at the right edge is being resized\n    const edgeChildId: string | undefined =\n      pinnedPosition === 'left'\n        ? pinnedChildren?.at(0)\n        : pinnedChildren?.at(-1);\n\n    if (colId === edgeChildId) {\n      const parentNode: HTMLElement | null | undefined =\n        container?.querySelector(\n          `[data-headerid*=${pinnedPosition}][data-headerid*=${CSS.escape(\n            targetColumnParentId,\n          )}]`,\n        );\n\n      parentNode?.style.setProperty(\n        resizingPositionVariable,\n        `${newPosition}px`,\n      );\n    }\n  }\n\n  // update all cells from the column\n  const allColumnCells: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(\n      `[role=cell][data-columnid=${CSS.escape(colId)}]`,\n    );\n\n  if (allColumnCells?.length) {\n    Array.from(allColumnCells).forEach((cell) => {\n      cell.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n\n  // update the position of the box-shadow\n  const pinnedShadowNodes: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(`[data-pinned-position=${pinnedPosition}]`);\n\n  if (pinnedShadowNodes?.length) {\n    Array.from(pinnedShadowNodes).forEach((node) => {\n      node.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n}\n\n/**\n * Side effect function to clear up the container styles that have been applied while resizing.\n */\nfunction clearContainerStyles<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  container: HTMLElement | null,\n): void {\n  // Wait an animation frame to remove the custom property to prevent\n  // a layout jump\n  requestAnimationFrame(() => {\n    container?.style.removeProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR);\n    // Remove col-resize cursor style from body element,\n    // and reset pointer events on all children.\n    document.body.classList.remove(styles.tableColumnResizing);\n\n    if (table.options.enableColumnPinning) {\n      container\n        ?.querySelectorAll(\n          `[style*=${DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR}], [style*=${DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR}]`,\n        )\n        .forEach((elem) => {\n          if (elem instanceof HTMLElement) {\n            const style = elem.style;\n            style.removeProperty(DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR);\n            style.removeProperty(DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR);\n          }\n        });\n    }\n  });\n}\n\n/**\n * Helper function to create the resize handler for a header, used in the onMouseDown and onTouchStart events of the resizer button in the header.\n * @internal\n */\nexport function header_getResizeHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): (\n  event:\n    | ReactMouseEvent<HTMLButtonElement>\n    | ReactTouchEvent<HTMLButtonElement>,\n) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n  const pinnedPosition = column_getIsPinned(header.column);\n\n  const isPinnedLeft = pinnedPosition === 'left';\n  const isPinnedRight = pinnedPosition === 'right';\n\n  return (\n    event:\n      | ReactMouseEvent<HTMLButtonElement>\n      | ReactTouchEvent<HTMLButtonElement>,\n  ) => {\n    if (!column || !canResize) {\n      return;\n    }\n    event.persist();\n\n    // If a double click appears, do not continue further with the single click\n    // drag handling\n    if (event.detail === 2) {\n      return;\n    }\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    // store initial pinned columns widths.\n    // necessary to dynamically update the positions of the pinned columns during resize\n    const pinnedColumnsWidths: {\n      left: Record<string, number>;\n      right: Record<string, number>;\n    } = { left: {}, right: {} };\n    let columnIndex: number | undefined;\n\n    if (pinnedPosition) {\n      const pinnedState =\n        // Safe cast here because the TFeature generic gets lost in the union to intersection,\n        // but we know that if column pinning is enabled, the state will have the correct type.\n        (\n          header.table as unknown as Table_Internal<{\n            columnPinningFeature: typeof columnPinningFeature;\n          }>\n        ).atoms.columnPinning.get();\n\n      // The header id of the header the resize handle belongs to\n      const headerId = target.parentElement?.dataset.headerid;\n\n      columnIndex = headerId\n        ? pinnedState[pinnedPosition]?.indexOf(headerId)\n        : undefined;\n      if (columnIndex !== undefined && pinnedState[pinnedPosition]?.length) {\n        for (const element of pinnedState[pinnedPosition]) {\n          pinnedColumnsWidths[pinnedPosition][element] =\n            header.table.getColumnOrHeaderWidth(element);\n        }\n      }\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    // Keep a reference for columns affected by the sizing.\n    const newColumnSizing: DataTableColumnSizingState = {};\n    // Get the starting clientX where the drag started.\n    const clientX = getClientX(event.nativeEvent) ?? null;\n\n    const {\n      minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n      maxWidth = Number.MAX_SAFE_INTEGER,\n    } = column.columnDef;\n    const size = `${Math.min(Math.max(startSize, minWidth), maxWidth)}px`;\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    container?.style.setProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR, size);\n    // During resizing, add col-resize cursor style to body element,\n    // and prevent pointer events on all children.\n    // Note: needs to be an element outside the container\n    // that does not have pointer-events: none.\n    document.body.classList.add(styles.tableColumnResizing);\n\n    // Updating the actual offset in the columnSizingInfo\n    const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n      if (typeof clientXPos !== 'number') {\n        return;\n      }\n\n      const old = // Safe cast here because the TFeature generic gets lost in the union to intersection,\n        // but we know that if column pinning is enabled, the state will have the correct type.\n        (\n          header.table as unknown as Table_Internal<TableFeatures>\n        ).atoms.columnResizing.get();\n\n      const deltaOffset = clientXPos - (old?.startOffset ?? 0);\n      const deltaOffsetRatio = deltaOffset / (old?.startSize ?? 0);\n      // Calculate the percentage so the other columns next to it can be scaled\n      // by the same fraction.\n      const deltaPercentage = isPinnedRight\n        ? deltaOffsetRatio\n        : Math.max(deltaOffsetRatio, -0.9999999);\n\n      columnSizingStart.forEach(([columnId, headerSize]) => {\n        newColumnSizing[columnId] =\n          Math.round(\n            Math.max(\n              isPinnedRight\n                ? headerSize - headerSize * deltaPercentage\n                : headerSize + headerSize * deltaPercentage,\n              0,\n            ) * 100,\n          ) / 100;\n      });\n      const {\n        minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n        maxWidth = Number.MAX_SAFE_INTEGER,\n      } = column.columnDef;\n      const size = `${Math.min(\n        Math.max(\n          isPinnedRight ? startSize - deltaOffset : startSize + deltaOffset,\n          minWidth,\n        ),\n        maxWidth,\n      )}px`;\n\n      // While dragging set the custom property value\n      container?.style.setProperty(\n        DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        size,\n      );\n\n      updatePinnedColumnsPositions(deltaOffset);\n\n      // When dragging ends, we can update the actual widths of the columns\n      if (eventType === 'end') {\n        table_setColumnSizing(column.table, (old) => ({\n          ...old,\n          ...newColumnSizing,\n        }));\n      }\n    };\n\n    /**\n     * Dynamically update the positions of the pinned columns while resizing\n     */\n    const updatePinnedColumnsPositions = (deltaOffset: number): void => {\n      if (columnIndex === undefined) {\n        return;\n      }\n\n      const leftPinnedColumnsWidths = pinnedColumnsWidths.left;\n      const rightPinnedColumnsWidths = pinnedColumnsWidths.right;\n\n      if (isPinnedLeft) {\n        const values = Object.entries(leftPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the left position of the pinned columns to the right of the one being resized\n        for (let i = columnIndex + 1; i < values.length; i++) {\n          const [colId] = values[i];\n\n          // left position of a column is equal to the sum of the previous column widths + deltaOffset\n          let prevColumnIndex = i - 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex >= 0) {\n            const [, prevColWidth] = values[prevColumnIndex];\n            totalWidth += prevColWidth;\n            prevColumnIndex -= 1;\n          }\n\n          const leftPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newLeftPosition = Math.max(\n            totalWidth + deltaOffset,\n            leftPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'left',\n            container,\n            colId,\n            newLeftPosition,\n          );\n        }\n      }\n\n      if (isPinnedRight) {\n        const values = Object.entries(rightPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the right position of the pinned columns to the left of the one being resized\n        for (let i = columnIndex - 1; i >= 0; i--) {\n          const [colId] = values[i];\n\n          // right position of a column is equal to the next column width from the right - deltaOffset\n          let prevColumnIndex = i + 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex < values.length) {\n            const [, prevWidth] = values[prevColumnIndex];\n            totalWidth += prevWidth;\n            prevColumnIndex += 1;\n          }\n\n          const rightPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newRightPosition = Math.max(\n            totalWidth - deltaOffset,\n            rightPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'right',\n            container,\n            colId,\n            newRightPosition,\n          );\n        }\n      }\n    };\n\n    const onEnd = (clientXPos?: number) => {\n      updateOffset('end', clientXPos);\n      clearContainerStyles(column.table, container);\n\n      // If we are coming from mouse movements, then clear the focus on resizer\n      clearResizerFocus();\n      table_setColumnResizing(column.table, (old) => ({\n        ...old,\n        isResizingColumn: false,\n        startOffset: null,\n        startSize: null,\n        deltaOffset: null,\n        deltaPercentage: null,\n        columnSizingStart: [],\n      }));\n    };\n\n    const moveHandler = (moveEvent: MouseEvent | TouchEvent): void => {\n      const clientXPos = getClientX(moveEvent);\n      updateOffset('move', clientXPos);\n    };\n\n    const upHandler = (upEvent: MouseEvent | TouchEvent): void => {\n      document.removeEventListener('mousemove', moveHandler);\n      document.removeEventListener('mouseup', upHandler);\n      document.removeEventListener('touchmove', moveHandler);\n      document.removeEventListener('touchend', upHandler);\n      const clientXPos = getClientX(upEvent);\n      onEnd(clientXPos);\n    };\n\n    document.addEventListener('mousemove', moveHandler);\n    document.addEventListener('mouseup', upHandler);\n    document.addEventListener('touchmove', moveHandler);\n    document.addEventListener('touchend', upHandler);\n\n    // If the table has any fractional templates, we need to make sure to lock their size in place, before starting\n    // to resize the remaining things.\n    if (header.table.getHasFractionalTemplate()) {\n      const fractionColumns = header.table\n        .getVisibleLeafColumnsWithoutBuiltin()\n        .filter(\n          ({ id, columnDef }) =>\n            (columnDef.width === undefined ||\n              isFractionWidth(columnDef.width)) &&\n            id !== column.id,\n        );\n\n      table_setColumnSizing(header.column.table, (old) => {\n        const newColumnSizing = { ...old };\n        for (const fractionColumn of fractionColumns) {\n          newColumnSizing[fractionColumn.id] =\n            header.table.getColumnOrHeaderWidth(fractionColumn.id);\n        }\n        return newColumnSizing;\n      });\n    }\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n  };\n}\n\n/**\n *\n * @internal\n */\nexport function header_getResizeExpandHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): (event: ReactMouseEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn<TFeatures, TData>(\n    header.column.table,\n    header.column.id,\n  );\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactMouseEvent<HTMLButtonElement>) => {\n    if (event.type !== 'dblclick') {\n      return;\n    }\n\n    if (!column || !canResize) {\n      return;\n    }\n\n    event.persist();\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    // Get the starting clientX where the drag started.\n    const clientX = event.clientX;\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    // While dragging set the custom property value\n    container?.style.setProperty(\n      DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n      'max-content',\n    );\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n\n    queueMicrotask(() => {\n      const target = event.target;\n      if (!(target instanceof HTMLButtonElement)) {\n        return;\n      }\n      // The button is now inside the columnheader div, so parentElement is the cell itself\n      const cell: HTMLElement | null = target.parentElement;\n      if (cell) {\n        const { width } = cell.getBoundingClientRect();\n\n        table_setColumnResizing(header.column.table, (old) => ({\n          ...old,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          columnSizingStart: [],\n        }));\n        table_setColumnSizing(header.column.table, (old) => ({\n          ...old,\n          [column.id]: width,\n        }));\n        clearResizerFocus();\n      }\n      requestAnimationFrame(() =>\n        container?.style.removeProperty(\n          DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        ),\n      );\n    });\n  };\n}\n\n/**\n * Helper function to create the resize expand handler for a header, used in the onDoubleClick event of the resizer button in the header.\n * @internal\n */\nexport function header_getKeyboardResizeHandler(\n  header: Header<TDataTableFeatures, RowData, CellData>,\n): (event: ReactKeyboardEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n    const target = event.target;\n    if (\n      !column ||\n      !canResize ||\n      target instanceof HTMLElement === false ||\n      (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')\n    ) {\n      // clear the focus on resizer\n      if (event.key === 'Escape') {\n        clearResizerFocus();\n      }\n      return;\n    }\n\n    event.persist();\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    let offset = 0;\n    if (event.key === 'ArrowLeft') {\n      offset = -COLUMN_RESIZE_KEYBOARD_OFFSET;\n    } else if (event.key === 'ArrowRight') {\n      offset = COLUMN_RESIZE_KEYBOARD_OFFSET;\n    }\n\n    if (event.ctrlKey === true) {\n      offset *= COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER;\n    }\n\n    table_setColumnSizing(header.column.table, (old) => ({\n      ...old,\n      [column.id]: startSize + offset,\n    }));\n  };\n}\n\n/**\n * Helper function to determine if a column can be resized, based on the table and column options, and whether it is a leaf column.\n * @internal\n */\nexport function column_getCanResize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // Parent columns are not resizable, only their children are.\n  if (column.columns.length !== 0) {\n    return false;\n  }\n\n  // columnResizing is disabled on the DataTable or on the individual column\n  if (\n    column.table.options.enableColumnResizing !== true ||\n    column.columnDef.enableResizing === false\n  ) {\n    return false;\n  }\n\n  // Need to evaluate that one here, as it is not yet available in the\n  // createColumn wrapper.\n  const lastLeafColumn = table_getVisibleLeafColumns(column.table).at(-1);\n  // Check if it is the last column\n  if (column.id === lastLeafColumn?.id) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Constructs the column sizing feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnSizingFeature(): TableFeature<ColumnSizingFeatureConstructors> {\n  return {\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        column_getCanResize: {\n          fn: (column) => column_getCanResize(column),\n        },\n      });\n    },\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        header_getResizeHandler: {\n          fn: (header) => header_getResizeHandler(header),\n        },\n        header_getResizeExpandHandler: {\n          fn: (header) => header_getResizeExpandHandler(header),\n        },\n        header_getKeyboardResizeHandler: {\n          fn: (header) => header_getKeyboardResizeHandler(header),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for column sizing.\n * @internal\n */\nexport const DataTableColumnSizingFeature = constructColumnSizingFeature();\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OASK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWP,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAIhC,MAAM,gCAAgC;AAEtC,MAAM,yCAAyC;AAE/C,MAAM,aAAa,CAAC,UAAuD;AACzE,MAAI,aAAa,SAAS,MAAM,QAAQ,SAAS,GAAG;AAClD,WAAO,MAAM,QAAQ,CAAC,EAAE;AAAA,EAC1B;AACA,MAAI,oBAAoB,SAAS,MAAM,eAAe,SAAS,GAAG;AAChE,WAAO,MAAM,eAAe,CAAC,EAAE;AAAA,EACjC;AACA,MAAI,aAAa,OAAO;AACtB,WAAO,MAAM;AAAA,EACf;AACF;AAGA,SAAS,mBAAmB,cAA+C;AACzE,SAAO,aAAa,eAAe,sBAAsB,EAAE;AAC7D;AAGA,SAAS,oBAA0B;AACjC,MAAI,SAAS,yBAAyB,aAAa;AACjD,aAAS,cAAc,KAAK;AAAA,EAC9B;AACF;AAKA,SAAS,gCAIP,OACA,gBACA,WACA,OACA,aACM;AACN,QAAM,2BACJ,mBAAmB,SACf,4CACA;AAGN,QAAM,eAA+C,WAAW;AAAA,IAC9D,qCAAqC,IAAI,OAAO,KAAK,CAAC;AAAA,EACxD;AACA,gBAAc,MAAM,YAAY,0BAA0B,GAAG,WAAW,IAAI;AAE5E,QAAM,uBAAuB,MAAM,UAAU,KAAK,GAAG,QAAQ;AAE7D,MAAI,sBAAsB;AACxB,UAAM,cAAc,MAAM,MAAM,eAAe,IAAI;AACnD,UAAM,gBACJ,mBAAmB,SAAS,aAAa,OAAO,aAAa;AAE/D,UAAM,iBAAuC,eAAe;AAAA,MAAO,CAAC,OAClE,GAAG,SAAS,oBAAoB;AAAA,IAClC;AAIA,UAAM,cACJ,mBAAmB,SACf,gBAAgB,GAAG,CAAC,IACpB,gBAAgB,GAAG,EAAE;AAE3B,QAAI,UAAU,aAAa;AACzB,YAAM,aACJ,WAAW;AAAA,QACT,mBAAmB,cAAc,oBAAoB,IAAI;AAAA,UACvD;AAAA,QACF,CAAC;AAAA,MACH;AAEF,kBAAY,MAAM;AAAA,QAChB;AAAA,QACA,GAAG,WAAW;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAGA,QAAM,iBACJ,WAAW;AAAA,IACT,6BAA6B,IAAI,OAAO,KAAK,CAAC;AAAA,EAChD;AAEF,MAAI,gBAAgB,QAAQ;AAC1B,UAAM,KAAK,cAAc,EAAE,QAAQ,CAAC,SAAS;AAC3C,WAAK,MAAM,YAAY,0BAA0B,GAAG,WAAW,IAAI;AAAA,IACrE,CAAC;AAAA,EACH;AAGA,QAAM,oBACJ,WAAW,iBAAiB,yBAAyB,cAAc,GAAG;AAExE,MAAI,mBAAmB,QAAQ;AAC7B,UAAM,KAAK,iBAAiB,EAAE,QAAQ,CAAC,SAAS;AAC9C,WAAK,MAAM,YAAY,0BAA0B,GAAG,WAAW,IAAI;AAAA,IACrE,CAAC;AAAA,EACH;AACF;AAKA,SAAS,qBAIP,OACA,WACM;AAGN,wBAAsB,MAAM;AAC1B,eAAW,MAAM,eAAe,uCAAuC;AAGvE,aAAS,KAAK,UAAU,OAAO,OAAO,mBAAmB;AAEzD,QAAI,MAAM,QAAQ,qBAAqB;AACrC,iBACI;AAAA,QACA,WAAW,yCAAyC,cAAc,0CAA0C;AAAA,MAC9G,EACC,QAAQ,CAAC,SAAS;AACjB,YAAI,gBAAgB,aAAa;AAC/B,gBAAM,QAAQ,KAAK;AACnB,gBAAM,eAAe,yCAAyC;AAC9D,gBAAM,eAAe,0CAA0C;AAAA,QACjE;AAAA,MACF,CAAC;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAMO,SAAS,wBAKd,QAKQ;AACR,QAAM,SAAS,gBAAgB,OAAO,OAAO,OAAO,OAAO,OAAO,EAAE;AACpE,QAAM,YAAY,oBAAoB,OAAO,MAAM;AACnD,QAAM,iBAAiB,mBAAmB,OAAO,MAAM;AAEvD,QAAM,eAAe,mBAAmB;AACxC,QAAM,gBAAgB,mBAAmB;AAEzC,SAAO,CACL,UAGG;AACH,QAAI,CAAC,UAAU,CAAC,WAAW;AACzB;AAAA,IACF;AACA,UAAM,QAAQ;AAId,QAAI,MAAM,WAAW,GAAG;AACtB;AAAA,IACF;AAEA,UAAM,SAAS,MAAM;AACrB,QAAI,kBAAkB,gBAAgB,OAAO;AAC3C;AAAA,IACF;AAIA,UAAM,sBAGF,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE;AAC1B,QAAI;AAEJ,QAAI,gBAAgB;AAClB,YAAM;AAAA;AAAA;AAAA,QAIF,OAAO,MAGP,MAAM,cAAc,IAAI;AAAA;AAG5B,YAAM,WAAW,OAAO,eAAe,QAAQ;AAE/C,oBAAc,WACV,YAAY,cAAc,GAAG,QAAQ,QAAQ,IAC7C;AACJ,UAAI,gBAAgB,UAAa,YAAY,cAAc,GAAG,QAAQ;AACpE,mBAAW,WAAW,YAAY,cAAc,GAAG;AACjD,8BAAoB,cAAc,EAAE,OAAO,IACzC,OAAO,MAAM,uBAAuB,OAAO;AAAA,QAC/C;AAAA,MACF;AAAA,IACF;AAEA,UAAM,YAAY,mBAAmB,MAAM;AAG3C,QAAI,cAAc,QAAW;AAC3B;AAAA,IACF;AAEA,UAAM,oBAAwC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC;AAErE,UAAM,kBAA8C,CAAC;AAErD,UAAM,UAAU,WAAW,MAAM,WAAW,KAAK;AAEjD,UAAM;AAAA,MACJ,WAAW;AAAA,MACX,WAAW,OAAO;AAAA,IACpB,IAAI,OAAO;AACX,UAAM,OAAO,GAAG,KAAK,IAAI,KAAK,IAAI,WAAW,QAAQ,GAAG,QAAQ,CAAC;AACjE,UAAM,YAAgC,OAAO;AAAA,MAC3C;AAAA,IACF;AACA,eAAW,MAAM,YAAY,yCAAyC,IAAI;AAK1E,aAAS,KAAK,UAAU,IAAI,OAAO,mBAAmB;AAGtD,UAAM,eAAe,CAAC,WAA2B,eAAwB;AACvE,UAAI,OAAO,eAAe,UAAU;AAClC;AAAA,MACF;AAEA,YAAM;AAAA;AAAA;AAAA,QAGF,OAAO,MACP,MAAM,eAAe,IAAI;AAAA;AAE7B,YAAM,cAAc,cAAc,KAAK,eAAe;AACtD,YAAM,mBAAmB,eAAe,KAAK,aAAa;AAG1D,YAAM,kBAAkB,gBACpB,mBACA,KAAK,IAAI,kBAAkB,UAAU;AAEzC,wBAAkB,QAAQ,CAAC,CAAC,UAAU,UAAU,MAAM;AACpD,wBAAgB,QAAQ,IACtB,KAAK;AAAA,UACH,KAAK;AAAA,YACH,gBACI,aAAa,aAAa,kBAC1B,aAAa,aAAa;AAAA,YAC9B;AAAA,UACF,IAAI;AAAA,QACN,IAAI;AAAA,MACR,CAAC;AACD,YAAM;AAAA,QACJ,UAAAA,YAAW;AAAA,QACX,UAAAC,YAAW,OAAO;AAAA,MACpB,IAAI,OAAO;AACX,YAAMC,QAAO,GAAG,KAAK;AAAA,QACnB,KAAK;AAAA,UACH,gBAAgB,YAAY,cAAc,YAAY;AAAA,UACtDF;AAAA,QACF;AAAA,QACAC;AAAA,MACF,CAAC;AAGD,iBAAW,MAAM;AAAA,QACf;AAAA,QACAC;AAAA,MACF;AAEA,mCAA6B,WAAW;AAGxC,UAAI,cAAc,OAAO;AACvB,8BAAsB,OAAO,OAAO,CAACC,UAAS;AAAA,UAC5C,GAAGA;AAAA,UACH,GAAG;AAAA,QACL,EAAE;AAAA,MACJ;AAAA,IACF;AAKA,UAAM,+BAA+B,CAAC,gBAA8B;AAClE,UAAI,gBAAgB,QAAW;AAC7B;AAAA,MACF;AAEA,YAAM,0BAA0B,oBAAoB;AACpD,YAAM,2BAA2B,oBAAoB;AAErD,UAAI,cAAc;AAChB,cAAM,SAAS,OAAO,QAAQ,uBAAuB;AACrD,cAAM,CAAC,EAAE,yBAAyB,IAAI,OAAO,WAAW;AAGxD,iBAAS,IAAI,cAAc,GAAG,IAAI,OAAO,QAAQ,KAAK;AACpD,gBAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAGxB,cAAI,kBAAkB,IAAI;AAC1B,cAAI,aAAa;AAEjB,iBAAO,mBAAmB,GAAG;AAC3B,kBAAM,CAAC,EAAE,YAAY,IAAI,OAAO,eAAe;AAC/C,0BAAc;AACd,+BAAmB;AAAA,UACrB;AAEA,gBAAM,wBACJ,aAAa,4BAA4B;AAE3C,gBAAM,kBAAkB,KAAK;AAAA,YAC3B,aAAa;AAAA,YACb;AAAA,UACF;AAEA;AAAA,YACE,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,eAAe;AACjB,cAAM,SAAS,OAAO,QAAQ,wBAAwB;AACtD,cAAM,CAAC,EAAE,yBAAyB,IAAI,OAAO,WAAW;AAGxD,iBAAS,IAAI,cAAc,GAAG,KAAK,GAAG,KAAK;AACzC,gBAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAGxB,cAAI,kBAAkB,IAAI;AAC1B,cAAI,aAAa;AAEjB,iBAAO,kBAAkB,OAAO,QAAQ;AACtC,kBAAM,CAAC,EAAE,SAAS,IAAI,OAAO,eAAe;AAC5C,0BAAc;AACd,+BAAmB;AAAA,UACrB;AAEA,gBAAM,yBACJ,aAAa,4BAA4B;AAE3C,gBAAM,mBAAmB,KAAK;AAAA,YAC5B,aAAa;AAAA,YACb;AAAA,UACF;AAEA;AAAA,YACE,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,CAAC,eAAwB;AACrC,mBAAa,OAAO,UAAU;AAC9B,2BAAqB,OAAO,OAAO,SAAS;AAG5C,wBAAkB;AAClB,8BAAwB,OAAO,OAAO,CAAC,SAAS;AAAA,QAC9C,GAAG;AAAA,QACH,kBAAkB;AAAA,QAClB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,aAAa;AAAA,QACb,iBAAiB;AAAA,QACjB,mBAAmB,CAAC;AAAA,MACtB,EAAE;AAAA,IACJ;AAEA,UAAM,cAAc,CAAC,cAA6C;AAChE,YAAM,aAAa,WAAW,SAAS;AACvC,mBAAa,QAAQ,UAAU;AAAA,IACjC;AAEA,UAAM,YAAY,CAAC,YAA2C;AAC5D,eAAS,oBAAoB,aAAa,WAAW;AACrD,eAAS,oBAAoB,WAAW,SAAS;AACjD,eAAS,oBAAoB,aAAa,WAAW;AACrD,eAAS,oBAAoB,YAAY,SAAS;AAClD,YAAM,aAAa,WAAW,OAAO;AACrC,YAAM,UAAU;AAAA,IAClB;AAEA,aAAS,iBAAiB,aAAa,WAAW;AAClD,aAAS,iBAAiB,WAAW,SAAS;AAC9C,aAAS,iBAAiB,aAAa,WAAW;AAClD,aAAS,iBAAiB,YAAY,SAAS;AAI/C,QAAI,OAAO,MAAM,yBAAyB,GAAG;AAC3C,YAAM,kBAAkB,OAAO,MAC5B,oCAAoC,EACpC;AAAA,QACC,CAAC,EAAE,IAAI,UAAU,OACd,UAAU,UAAU,UACnB,gBAAgB,UAAU,KAAK,MACjC,OAAO,OAAO;AAAA,MAClB;AAEF,4BAAsB,OAAO,OAAO,OAAO,CAAC,QAAQ;AAClD,cAAMC,mBAAkB,EAAE,GAAG,IAAI;AACjC,mBAAW,kBAAkB,iBAAiB;AAC5C,UAAAA,iBAAgB,eAAe,EAAE,IAC/B,OAAO,MAAM,uBAAuB,eAAe,EAAE;AAAA,QACzD;AACA,eAAOA;AAAA,MACT,CAAC;AAAA,IACH;AAEA,4BAAwB,OAAO,OAAO,OAAO,CAAC,SAAS;AAAA,MACrD,GAAG;AAAA,MACH,aAAa;AAAA,MACb;AAAA,MACA,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB;AAAA,MACA,kBAAkB,OAAO;AAAA,IAC3B,EAAE;AAAA,EACJ;AACF;AAMO,SAAS,8BAKd,QACqD;AACrD,QAAM,SAAS;AAAA,IACb,OAAO,OAAO;AAAA,IACd,OAAO,OAAO;AAAA,EAChB;AACA,QAAM,YAAY,oBAAoB,OAAO,MAAM;AAEnD,SAAO,CAAC,UAA8C;AACpD,QAAI,MAAM,SAAS,YAAY;AAC7B;AAAA,IACF;AAEA,QAAI,CAAC,UAAU,CAAC,WAAW;AACzB;AAAA,IACF;AAEA,UAAM,QAAQ;AAEd,UAAM,SAAS,MAAM;AACrB,QAAI,kBAAkB,gBAAgB,OAAO;AAC3C;AAAA,IACF;AAEA,UAAM,YAAY,mBAAmB,MAAM;AAG3C,QAAI,cAAc,QAAW;AAC3B;AAAA,IACF;AAGA,UAAM,UAAU,MAAM;AAEtB,UAAM,oBAAwC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC;AACrE,UAAM,YAAgC,OAAO;AAAA,MAC3C;AAAA,IACF;AAEA,eAAW,MAAM;AAAA,MACf;AAAA,MACA;AAAA,IACF;AAEA,4BAAwB,OAAO,OAAO,OAAO,CAAC,SAAS;AAAA,MACrD,GAAG;AAAA,MACH,aAAa;AAAA,MACb;AAAA,MACA,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB;AAAA,MACA,kBAAkB,OAAO;AAAA,IAC3B,EAAE;AAEF,mBAAe,MAAM;AACnB,YAAMC,UAAS,MAAM;AACrB,UAAI,EAAEA,mBAAkB,oBAAoB;AAC1C;AAAA,MACF;AAEA,YAAM,OAA2BA,QAAO;AACxC,UAAI,MAAM;AACR,cAAM,EAAE,MAAM,IAAI,KAAK,sBAAsB;AAE7C,gCAAwB,OAAO,OAAO,OAAO,CAAC,SAAS;AAAA,UACrD,GAAG;AAAA,UACH,kBAAkB;AAAA,UAClB,aAAa;AAAA,UACb,WAAW;AAAA,UACX,aAAa;AAAA,UACb,iBAAiB;AAAA,UACjB,mBAAmB,CAAC;AAAA,QACtB,EAAE;AACF,8BAAsB,OAAO,OAAO,OAAO,CAAC,SAAS;AAAA,UACnD,GAAG;AAAA,UACH,CAAC,OAAO,EAAE,GAAG;AAAA,QACf,EAAE;AACF,0BAAkB;AAAA,MACpB;AACA;AAAA,QAAsB,MACpB,WAAW,MAAM;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMO,SAAS,gCACd,QACwD;AACxD,QAAM,SAAS,gBAAgB,OAAO,OAAO,OAAO,OAAO,OAAO,EAAE;AACpE,QAAM,YAAY,oBAAoB,OAAO,MAAM;AAEnD,SAAO,CAAC,UAAiD;AACvD,UAAM,SAAS,MAAM;AACrB,QACE,CAAC,UACD,CAAC,aACD,kBAAkB,gBAAgB,SACjC,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAC5C;AAEA,UAAI,MAAM,QAAQ,UAAU;AAC1B,0BAAkB;AAAA,MACpB;AACA;AAAA,IACF;AAEA,UAAM,QAAQ;AAEd,UAAM,YAAY,mBAAmB,MAAM;AAG3C,QAAI,cAAc,QAAW;AAC3B;AAAA,IACF;AAEA,QAAI,SAAS;AACb,QAAI,MAAM,QAAQ,aAAa;AAC7B,eAAS,CAAC;AAAA,IACZ,WAAW,MAAM,QAAQ,cAAc;AACrC,eAAS;AAAA,IACX;AAEA,QAAI,MAAM,YAAY,MAAM;AAC1B,gBAAU;AAAA,IACZ;AAEA,0BAAsB,OAAO,OAAO,OAAO,CAAC,SAAS;AAAA,MACnD,GAAG;AAAA,MACH,CAAC,OAAO,EAAE,GAAG,YAAY;AAAA,IAC3B,EAAE;AAAA,EACJ;AACF;AAMO,SAAS,oBAId,QAAmD;AAEnD,MAAI,OAAO,QAAQ,WAAW,GAAG;AAC/B,WAAO;AAAA,EACT;AAGA,MACE,OAAO,MAAM,QAAQ,yBAAyB,QAC9C,OAAO,UAAU,mBAAmB,OACpC;AACA,WAAO;AAAA,EACT;AAIA,QAAM,iBAAiB,4BAA4B,OAAO,KAAK,EAAE,GAAG,EAAE;AAEtE,MAAI,OAAO,OAAO,gBAAgB,IAAI;AACpC,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAOO,SAAS,+BAA8E;AAC5F,SAAO;AAAA,IACL,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,uBAAuB,WAAW,OAAO;AAAA,QAC3D,qBAAqB;AAAA,UACnB,IAAI,CAAC,WAAW,oBAAoB,MAAM;AAAA,QAC5C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,uBAAuB,WAAW,OAAO;AAAA,QAC3D,yBAAyB;AAAA,UACvB,IAAI,CAAC,WAAW,wBAAwB,MAAM;AAAA,QAChD;AAAA,QACA,+BAA+B;AAAA,UAC7B,IAAI,CAAC,WAAW,8BAA8B,MAAM;AAAA,QACtD;AAAA,QACA,iCAAiC;AAAA,UAC/B,IAAI,CAAC,WAAW,gCAAgC,MAAM;AAAA,QACxD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,+BAA+B,6BAA6B;",
   "names": ["minWidth", "maxWidth", "size", "old", "newColumnSizing", "target"]
 }

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

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

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

@@ -0,0 +1,34 @@
+import {
+  functionalUpdate
+} from "@tanstack/react-table";
+import { useCallback } from "react";
+import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
+function useColumnSizing(props, options) {
+  options.enableColumnResizing = false;
+  const configResizable = useDataTableConfigElement("resizable");
+  const [columnSizing, setColumnSizing] = useControllableState({
+    value: props.columnSizing,
+    defaultValue: props.defaultColumnSizing ?? {},
+    onChange: props.onColumnSizingChange
+  });
+  const onColumnSizingChangeCallback = useCallback(
+    (updater) => {
+      const newValue = functionalUpdate(updater, columnSizing);
+      setColumnSizing(newValue);
+    },
+    [setColumnSizing, columnSizing]
+  );
+  if (configResizable === true || props.resizable === true) {
+    options.enableColumnResizing = true;
+    options.state = {
+      ...options.state,
+      columnSizing
+    };
+    options.onColumnSizingChange = onColumnSizingChangeCallback;
+  }
+}
+export {
+  useColumnSizing
+};
+//# sourceMappingURL=useColumnSizing.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/useColumnSizing.ts"],
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport {\n  functionalUpdate,\n  type TableOptions_All,\n  type Updater,\n} from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for column sizing feature, to manage the column sizing state and enable column resizing in the table options.\n * @internal\n */\nexport function useColumnSizing<TData extends DataTableRowData>(\n  props: DataTableColumnSizingProps,\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  options.enableColumnResizing = false;\n\n  const configResizable = useDataTableConfigElement('resizable');\n\n  const [columnSizing, setColumnSizing] = useControllableState({\n    value: props.columnSizing,\n    defaultValue: props.defaultColumnSizing ?? {},\n    onChange: props.onColumnSizingChange,\n  });\n\n  const onColumnSizingChangeCallback = useCallback(\n    (updater: Updater<DataTableColumnSizingState>) => {\n      const newValue = functionalUpdate(updater, columnSizing);\n      setColumnSizing(newValue);\n    },\n    [setColumnSizing, columnSizing],\n  );\n\n  if (configResizable === true || props.resizable === true) {\n    options.enableColumnResizing = true;\n    options.state = {\n      ...options.state,\n      columnSizing,\n    };\n\n    options.onColumnSizingChange = onColumnSizingChangeCallback;\n  }\n}\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,mBAAmB;AAM5B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAQnC,SAAS,gBACd,OACA,SACM;AACN,UAAQ,uBAAuB;AAE/B,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,cAAc,eAAe,IAAI,qBAAqB;AAAA,IAC3D,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,uBAAuB,CAAC;AAAA,IAC5C,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,QAAM,+BAA+B;AAAA,IACnC,CAAC,YAAiD;AAChD,YAAM,WAAW,iBAAiB,SAAS,YAAY;AACvD,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAChC;AAEA,MAAI,oBAAoB,QAAQ,MAAM,cAAc,MAAM;AACxD,YAAQ,uBAAuB;AAC/B,YAAQ,QAAQ;AAAA,MACd,GAAG,QAAQ;AAAA,MACX;AAAA,IACF;AAEA,YAAQ,uBAAuB;AAAA,EACjC;AACF;",
+  "names": []
+}

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

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

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

@@ -179,7 +179,7 @@ const CELL_TYPE_RENDERERS = {
     if (props.column.columnDef.meta && isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)) {
       config = props.column.columnDef.meta.config;
     }
-    const rowDensity = props.table.getVisualVariantOptions().rowDensity;
+    const rowDensity = props.table.atoms.visualVariantConfig?.get().rowDensity;
     return /* @__PURE__ */ jsxs(
       SparklineMemo,
       {
@@ -214,7 +214,7 @@ const CELL_TYPE_RENDERERS = {
     const parentData = props.row.getParentRow()?.getValue(props.column.id);
     const isGanttValue = isGanttSegmentData(value) || Array.isArray(value) && value.every(isGanttSegmentData);
     const isGanttParentData = parentData === void 0 || isGanttSegmentData(parentData) || Array.isArray(parentData) && parentData.every(isGanttSegmentData);
-    const pageRows = props.table.getPaginationRowModel().rows;
+    const pageRows = props.table.getPaginatedRowModel().rows;
     const isLastPageRow = props.row.id === pageRows.at(-1)?.id;
     if (isGanttValue && isGanttParentData) {
       return /* @__PURE__ */ jsx(

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

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

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

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