@dynatrace/strato-components 3.0.1 → 3.1.1

package/esm/tables/DataTable/components/DataTableHeaderCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeaderCell.tsx"],
-  "sourcesContent": ["import { flexRender, type SortDirection } from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  memo,\n  type PropsWithChildren,\n  useCallback,\n  useRef,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIntl, type IntlShape } from 'react-intl';\n\nimport * as alignmentStyles from './Alignment.sty.js';\nimport { DataTablePinningShadowHeaderCells } from './ColumnPinning/DataTablePinningShadowHeaderCells.js';\nimport * as headerCellStyles from './DataTableHeaderCell.sty.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport { TextEllipsis } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { getColumnLabel } from '../../utils/get-column-label.js';\nimport {\n  DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT,\n  DATA_TABLE_SPACER_COLUMN_ID,\n} from '../constants.js';\nimport {\n  DataTableColumnContextProvider,\n  DataTableHeaderContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport * as tableStyles from '../DataTable.sty.js';\nimport * as columnOrderStyles from '../features/ColumnOrder/ColumnOrder.sty.js';\nimport { SortingArrowIndicators } from '../features/Sorting/SortingHeaderButton.js';\nimport { SubRowsHeaderExpander } from '../features/SubRows/SubRowExpanders.js';\nimport { SubRowsHeaderWidthCorrection } from '../features/SubRows/SubRows.js';\nimport { InlineUserActionsMenu } from '../features/UserActions/InlineUserActionsMenu.js';\nimport { useHeaderCellInteractions } from '../hooks/useHeaderCellInteractions.js';\nimport { useHeaderCellDragAndDrop } from '../hooks/useHeaderDragAndDrop.js';\nimport type { Header } from '../hooks/useTable/types.js';\nimport { dataTableMessages } from '../messages.js';\n\ninterface DataTableHeaderCellProps extends PropsWithChildren {\n  /**\n   * Header to be rendered with this header cell.\n   */\n  header: Header<unknown, unknown>;\n\n  /**\n   * All headers in the same group (row).\n   */\n  headers: Header<unknown, unknown>[];\n\n  /**\n   * Header group id from the TanStack/table header object.\n   */\n  headerGroupId: string;\n\n  /**\n   * RowIndex based on the virtualization index.\n   */\n  rowIndex: number;\n\n  /**\n   * ColumnIndex based on the virtualization index.\n   */\n  columnIndex: number;\n\n  /**\n   * The index of the last header row.\n   */\n  lastRowIndex: number;\n}\n\n/**\n * Memoized wrapper for TextEllipsis in header cells to avoid unnecessary re-calculations.\n */\nconst HeaderTextEllipsis = memo(\n  ({\n    children,\n    onTextOverflow,\n  }: {\n    children: string;\n    onTextOverflow: (ellipsized: boolean) => void;\n  }) => {\n    return (\n      <TextEllipsis\n        onTextOverflow={onTextOverflow}\n        className={headerCellStyles.headerCellEllipsis}\n      >\n        {children}\n      </TextEllipsis>\n    );\n  },\n);\n\n/**\n * Hook that gets the aria-label for the header according to the different table configurations.\n *\n * @param param0 - object containing everything to create the labels\n * according to the current table configuration.\n * @returns the aria label for the header cell.\n * @internal\n */\nexport function getHeaderAriaLabel({\n  intl,\n  columnLabel,\n  nextSortingOrder,\n  canSort,\n  columnDragAndDropMode,\n  isCustomHeader,\n  role,\n}: {\n  intl: IntlShape;\n  columnLabel: string;\n  nextSortingOrder: false | SortDirection | undefined;\n  canSort?: boolean;\n  columnDragAndDropMode: 'none' | 'enabled' | 'only';\n  isCustomHeader: boolean;\n  role: 'columnheader' | 'presentation';\n}): string | undefined {\n  // Don't set an aria-label on elements with role=\"presentation\"\n  if (role === 'presentation') {\n    return undefined;\n  }\n\n  if (canSort && columnDragAndDropMode === 'none') {\n    return intl.formatMessage(dataTableMessages.sortingLabel, {\n      column: columnLabel,\n      direction: nextSortingOrder,\n    });\n  }\n  if (canSort && columnDragAndDropMode === 'enabled') {\n    return intl.formatMessage(dataTableMessages.sortingDragAndDropLabel, {\n      column: columnLabel,\n      direction: nextSortingOrder,\n    });\n  }\n  if (columnDragAndDropMode !== 'none') {\n    return intl.formatMessage(dataTableMessages.dragAndDropLabel, {\n      column: columnLabel,\n    });\n  }\n  return isCustomHeader ? columnLabel : undefined;\n}\n\nexport function DataTableHeaderCell(\n  props: Readonly<DataTableHeaderCellProps>,\n): JSX.Element | null {\n  const {\n    header,\n    headers,\n    headerGroupId,\n    rowIndex,\n    columnIndex: virtualColumnIndex,\n    lastRowIndex,\n  } = props;\n\n  const intl = useIntl();\n  const table = useDataTable();\n  const { rowDensity, verticalDividers } = table.getVisualVariantOptions();\n  const columnDragAndDropMode = header.getColumnDragAndDropMode();\n\n  const gridPosition = header.getGridPosition(headers);\n  const column = header.column;\n  const { id: columnId, parent, columns: childColumns, columnDef } = column;\n  const columnIndex =\n    rowIndex === 0 ? gridPosition.gridColumnStart - 1 : virtualColumnIndex;\n\n  const canSort = column.getCanSort();\n  const canColumnActions = column.getCanColumnActions();\n\n  const textOverflowRef = useRef(false);\n  const handleTextOverflow = useCallback((ellipsized: boolean) => {\n    textOverflowRef.current = ellipsized;\n  }, []);\n\n  const { setNodeRef, isDragging, portalRef, dragAndDropProps } =\n    useHeaderCellDragAndDrop({\n      headerId: header.id,\n      column,\n      columnIndex,\n      columnDragAndDropMode,\n    });\n  const divRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<HTMLElement | null>([setNodeRef, divRef]);\n\n  const {\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    handleCellActionsClose,\n    handleCellClick,\n  } = useHeaderCellInteractions({\n    headerCell: divRef.current,\n    canSort,\n    canColumnActions,\n    rowDensity,\n    getToggleSortingHandler: column.getToggleSortingHandler,\n  });\n\n  // Early exit if the header is a placeholder to not render any content.\n  if (header.isPlaceholder) {\n    return null;\n  }\n  const headerGroupsLength = table.getHeaderGroups().length;\n  const tableState = table.getState();\n\n  const enableExpanding = table.options.enableExpanding;\n  const canResize = column.getCanResize();\n  const isResizing = column.getIsResizing();\n  const isSorted = column.getIsSorted();\n  const isRightAligned = columnDef.alignment === 'right';\n  // even if vertical dividers are not set, they should be rendered for nested headers and when resizing is enabled\n  const renderVerticalDividers =\n    verticalDividers ||\n    table.getHeaderGroups().length > 1 ||\n    (table.options.enableColumnResizing &&\n      (canResize ||\n        // when resizing is enabled we need to render the vertical dividers for the spacer column as well\n        column.id === DATA_TABLE_SPACER_COLUMN_ID));\n\n  const floatingMenuHeaderColumnId =\n    (tableState.floatingMenuInfo?.rowId === null &&\n      tableState.floatingMenuInfo?.headerId) ||\n    undefined;\n\n  const hasCustomHeaderRenderer = columnDef.meta?.hasCustomHeaderRenderer;\n  const children = hasCustomHeaderRenderer ? (\n    <DataTableColumnContextProvider value={header.column}>\n      {flexRender(columnDef.header, header.getContext())}\n    </DataTableColumnContextProvider>\n  ) : (\n    flexRender(columnDef.header, header.getContext())\n  );\n  const isStringHeader = typeof children === 'string';\n\n  const role =\n    columnDef.meta?.spacer === true ? 'presentation' : 'columnheader';\n  const columnLabel = getColumnLabel(column);\n  const ariaLabel = getHeaderAriaLabel({\n    intl,\n    columnLabel,\n    nextSortingOrder: column.getNextSortingOrder(),\n    canSort,\n    columnDragAndDropMode,\n    isCustomHeader: !isStringHeader,\n    role,\n  });\n\n  // subrows\n  const isSubRowIndicatorColumn =\n    enableExpanding === true &&\n    table.getSubRowIndicatorColumnId() === column.id;\n  const subRowsWidthCorrection =\n    // only render the subrow width correction in the subrow indicator column\n    enableExpanding === true && isSubRowIndicatorColumn ? (\n      <SubRowsHeaderWidthCorrection\n        subRowOpenDepth={table.getSubRowOpenDepth()}\n      />\n    ) : null;\n\n  // column pinning\n  const pinningPosition = header.getIsPinned();\n  const isPinnedLeft = pinningPosition === 'left';\n  const isPinnedRight = pinningPosition === 'right';\n  const leftPinnedPosition = isPinnedLeft\n    ? header.getLeftPinnedPosition()\n    : undefined;\n  const leftPinnedPositionPx =\n    leftPinnedPosition === undefined ? undefined : `${leftPinnedPosition}px`;\n  const rightPinnedPosition = isPinnedRight\n    ? header.getRightPinnedPosition()\n    : undefined;\n  const rightPinnedPositionPx =\n    rightPinnedPosition === undefined ? undefined : `${rightPinnedPosition}px`;\n\n  const hasChildren = childColumns.length > 0;\n  const isEdgeColumnInGroup =\n    parent?.getCenterVisibleLeafColumns().at(-1) === column ||\n    parent?.getLeftVisibleLeafColumns().at(-1) === column ||\n    parent?.getRightVisibleLeafColumns().at(0) === column;\n\n  const isLastVisibleLeftPinnedHeader = isPinnedLeft\n    ? header.getIsLastVisibleLeftPinnedHeader()\n    : false;\n  const isFirstVisibleRightPinnedHeader = isPinnedRight\n    ? header.getIsFirstVisibleRightPinnedHeader()\n    : false;\n  const isFirstVisibleUnpinnedHeader =\n    pinningPosition === false\n      ? header.getIsFirstVisibleUnpinnedHeader()\n      : false;\n  const isLastUnpinnedColumnWithoutSpacer =\n    columnId === table.getCenterVisibleLeafColumns().at(-2)?.id;\n\n  const edgeAdjustedGridPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}`;\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  } = {\n    gridColumnStart: gridPosition.gridColumnStart,\n    gridColumnEnd: gridPosition.gridColumnEnd,\n    gridRowStart: isEdgeColumnInGroup ? 1 : gridPosition.gridRowStart,\n    gridRowEnd: isEdgeColumnInGroup\n      ? `span ${headerGroupsLength}`\n      : gridPosition.gridRowEnd,\n  };\n\n  const headerWidth = pinningPosition\n    ? `${table.getColumnOrHeaderWidth(header.id)}px`\n    : undefined;\n\n  /**\n   * Only renders the subrow expander in the subrow indicator column\n   * and if no custom header renderer is exposed.\n   */\n  const renderSubRowHeaderExpander = (): JSX.Element | null => {\n    if (\n      !enableExpanding ||\n      !isSubRowIndicatorColumn ||\n      hasCustomHeaderRenderer\n    ) {\n      return null;\n    }\n\n    return (\n      <SubRowsHeaderExpander isAllRowsExpanded={table.getIsAllRowsExpanded()} />\n    );\n  };\n\n  let headerContent = (\n    <>\n      <div\n        {...dragAndDropProps}\n        key={`Header-${columnId}`}\n        ref={mergedRef}\n        role={role}\n        data-headerid={header?.id}\n        data-header-row={rowIndex}\n        data-column={columnIndex}\n        data-columnid={columnId}\n        data-columntype={columnDef.columnType}\n        className={clsx(\n          headerCellStyles.headerCell({\n            rowDensity: hasCustomHeaderRenderer\n              ? 'customHeaderRenderer'\n              : rowDensity,\n            pinnedColumn: pinningPosition,\n            verticalDividers: renderVerticalDividers,\n            isDragAndDropDisabled: header.getIsDragAndDropDisabled(),\n          }),\n          alignmentStyles.horizontalAlignment[\n            columnDef.alignment ?? DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT\n          ],\n          alignmentStyles.verticalAlignment[table.getHeaderVerticalAlignment()],\n          {\n            [headerCellStyles.firstColumn]: columnIndex === 0,\n            [headerCellStyles.firstHeaderRow]: rowIndex === 0,\n            [headerCellStyles.lastLeftPinnedColumn]:\n              isLastVisibleLeftPinnedHeader,\n            [headerCellStyles.firstUnpinnedColumn]:\n              isFirstVisibleUnpinnedHeader,\n            [headerCellStyles.firstRightPinnedColumn]:\n              isFirstVisibleRightPinnedHeader,\n            [headerCellStyles.lastHeaderRow]: rowIndex === lastRowIndex,\n            [headerCellStyles.parentHeader]: hasChildren,\n            [headerCellStyles.childHeader]: !!parent,\n            [headerCellStyles.sortableHeader]: canSort,\n            [headerCellStyles.isSortedHeader]: isSorted,\n            [tableStyles.prefixColumn]:\n              columnDef.meta?.builtinPlacement === 'prefix',\n            [headerCellStyles.headerCellActiveInteraction]:\n              floatingMenuHeaderColumnId === header.id,\n            [headerCellStyles.customHeaderDensity[rowDensity]]:\n              hasCustomHeaderRenderer,\n            [headerCellStyles.subRowIndicatorColumn]: isSubRowIndicatorColumn,\n            // add grab cursor styling only if column drag and drop is enabled but sorting is not\n            [columnOrderStyles.headerDragAndDrop.enabled]:\n              !isDragging &&\n              columnDragAndDropMode !== 'none' &&\n              !header.getCanSortByHeaderClick(),\n            [columnOrderStyles.headerDragAndDrop.inactive]:\n              tableState.draggedHeaderColumn !== undefined,\n          },\n        )}\n        aria-sort={header.getAriaSortAttribute()}\n        data-sort-desc-first={columnDef.sortDescFirst ?? false}\n        aria-label={ariaLabel}\n        style={{\n          ...assignInlineVars({\n            [headerCellStyles.leftPositionVar]: leftPinnedPositionPx,\n            [headerCellStyles.rightPositionVar]: rightPinnedPositionPx,\n          }),\n          ...gridPosition,\n        }}\n        onMouseEnter={handleCellMouseEnter}\n        onMouseLeave={handleCellMouseLeave}\n        onClick={handleCellClick}\n      >\n        {renderSubRowHeaderExpander()}\n\n        {isRightAligned && subRowsWidthCorrection}\n\n        {isStringHeader ? (\n          <HeaderTextEllipsis onTextOverflow={handleTextOverflow}>\n            {children}\n          </HeaderTextEllipsis>\n        ) : (\n          children\n        )}\n\n        {canSort && (\n          <SortingArrowIndicators isSorted={isSorted} rowDensity={rowDensity} />\n        )}\n\n        {canColumnActions && (\n          <DataTableHeaderContextProvider value={header}>\n            <InlineUserActionsMenu\n              headerGroupOrRowId={headerGroupId}\n              columnId={columnId}\n              type=\"header\"\n              aria-label={intl.formatMessage(\n                dataTableMessages.columnActionLabel,\n              )}\n              data-header-row={rowIndex}\n              data-column={columnIndex}\n              onClose={handleCellActionsClose}\n            />\n          </DataTableHeaderContextProvider>\n        )}\n\n        {!isRightAligned && subRowsWidthCorrection}\n      </div>\n\n      {!isDragging && canResize && (\n        <button\n          type=\"button\"\n          key={`Header-${columnId}-resize-handler`}\n          aria-label={intl.formatMessage(dataTableMessages.resizeColumnLabel, {\n            column: columnLabel,\n          })}\n          data-header-row={rowIndex}\n          data-column={columnIndex}\n          data-trigger=\"resize\"\n          style={{\n            ...edgeAdjustedGridPosition,\n            ...assignInlineVars({\n              [headerCellStyles.leftPositionVar]: leftPinnedPositionPx,\n              [headerCellStyles.rightPositionVar]: rightPinnedPositionPx,\n              [headerCellStyles.headerWidthVar]: headerWidth,\n            }),\n          }}\n          className={clsx(\n            headerCellStyles.columnSizingHandle({\n              active: isResizing,\n              last: isLastUnpinnedColumnWithoutSpacer,\n              pinnedColumn: pinningPosition,\n            }),\n            {\n              [headerCellStyles.firstRightPinnedColumn]:\n                isFirstVisibleRightPinnedHeader,\n            },\n          )}\n          onMouseDown={header.handleResize}\n          onTouchStart={header.handleResize}\n          onKeyUp={header.handleKeyboardResize}\n          onDoubleClick={header.handleResizeExpand}\n        />\n      )}\n    </>\n  );\n\n  // when dragging, the header is portaled out and rendered into the drag overlay\n  if (isDragging) {\n    headerContent = createPortal(\n      headerContent,\n      portalRef.current || document.body,\n    );\n  }\n\n  // for text headers a tooltip should be rendered when the text overflows\n  if (isStringHeader) {\n    headerContent = (\n      <Tooltip disabled={!textOverflowRef.current} text={children}>\n        {headerContent}\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      {headerContent}\n      <DataTablePinningShadowHeaderCells\n        isLeftShadow={isLastVisibleLeftPinnedHeader && !hasChildren}\n        isRightShadow={isFirstVisibleRightPinnedHeader && !hasChildren}\n        leftPosition={leftPinnedPosition}\n        rightPosition={rightPinnedPosition}\n        gridPosition={edgeAdjustedGridPosition}\n      />\n    </>\n  );\n}\n\nDataTableHeaderCell.displayName = 'DataTableHeaderCell';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { flexRender, type SortDirection } from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport {\n  type JSX,\n  memo,\n  type PropsWithChildren,\n  useCallback,\n  useRef,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIntl, type IntlShape } from 'react-intl';\n\nimport * as alignmentStyles from './Alignment.sty.js';\nimport { DataTablePinningShadowHeaderCells } from './ColumnPinning/DataTablePinningShadowHeaderCells.js';\nimport * as headerCellStyles from './DataTableHeaderCell.sty.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport { TextEllipsis } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { getColumnLabel } from '../../utils/get-column-label.js';\nimport {\n  DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT,\n  DATA_TABLE_SPACER_COLUMN_ID,\n} from '../constants.js';\nimport {\n  DataTableColumnContextProvider,\n  DataTableHeaderContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport * as tableStyles from '../DataTable.sty.js';\nimport * as columnOrderStyles from '../features/ColumnOrder/ColumnOrder.sty.js';\nimport { SortingArrowIndicators } from '../features/Sorting/SortingHeaderButton.js';\nimport { SubRowsHeaderExpander } from '../features/SubRows/SubRowExpanders.js';\nimport { SubRowsHeaderWidthCorrection } from '../features/SubRows/SubRows.js';\nimport { InlineUserActionsMenu } from '../features/UserActions/InlineUserActionsMenu.js';\nimport { useHeaderCellInteractions } from '../hooks/useHeaderCellInteractions.js';\nimport { useHeaderCellDragAndDrop } from '../hooks/useHeaderDragAndDrop.js';\nimport type { Header } from '../hooks/useTable/types.js';\nimport { dataTableMessages } from '../messages.js';\n\ninterface DataTableHeaderCellProps extends PropsWithChildren {\n  /**\n   * Header to be rendered with this header cell.\n   */\n  header: Header<unknown, unknown>;\n\n  /**\n   * All headers in the same group (row).\n   */\n  headers: Header<unknown, unknown>[];\n\n  /**\n   * Header group id from the TanStack/table header object.\n   */\n  headerGroupId: string;\n\n  /**\n   * RowIndex based on the virtualization index.\n   */\n  rowIndex: number;\n\n  /**\n   * ColumnIndex based on the virtualization index.\n   */\n  columnIndex: number;\n\n  /**\n   * The index of the last header row.\n   */\n  lastRowIndex: number;\n}\n\n/**\n * Memoized wrapper for TextEllipsis in header cells to avoid unnecessary re-calculations.\n */\nconst HeaderTextEllipsis = memo(\n  ({\n    children,\n    onTextOverflow,\n  }: {\n    children: string;\n    onTextOverflow: (ellipsized: boolean) => void;\n  }) => {\n    return (\n      <TextEllipsis\n        onTextOverflow={onTextOverflow}\n        className={headerCellStyles.headerCellEllipsis}\n      >\n        {children}\n      </TextEllipsis>\n    );\n  },\n);\n\n/**\n * Hook that gets the aria-label for the header according to the different table configurations.\n *\n * @param param0 - object containing everything to create the labels\n * according to the current table configuration.\n * @returns the aria label for the header cell.\n * @internal\n */\nexport function getHeaderAriaLabel({\n  intl,\n  columnLabel,\n  nextSortingOrder,\n  canSort,\n  columnDragAndDropMode,\n  isCustomHeader,\n  role,\n}: {\n  intl: IntlShape;\n  columnLabel: string;\n  nextSortingOrder: false | SortDirection | undefined;\n  canSort?: boolean;\n  columnDragAndDropMode: 'none' | 'enabled' | 'only';\n  isCustomHeader: boolean;\n  role: 'columnheader' | 'presentation';\n}): string | undefined {\n  // Don't set an aria-label on elements with role=\"presentation\"\n  if (role === 'presentation') {\n    return undefined;\n  }\n\n  if (canSort && columnDragAndDropMode === 'none') {\n    return intl.formatMessage(dataTableMessages.sortingLabel, {\n      column: columnLabel,\n      direction: nextSortingOrder,\n    });\n  }\n  if (canSort && columnDragAndDropMode === 'enabled') {\n    return intl.formatMessage(dataTableMessages.sortingDragAndDropLabel, {\n      column: columnLabel,\n      direction: nextSortingOrder,\n    });\n  }\n  if (columnDragAndDropMode !== 'none') {\n    return intl.formatMessage(dataTableMessages.dragAndDropLabel, {\n      column: columnLabel,\n    });\n  }\n  return isCustomHeader ? columnLabel : undefined;\n}\n\n/**\n * Returns the `data-dt-name` value for a header cell, reflecting the NEXT action that will be performed when the user clicks the header.\n * The value depends on whether sorting and/or column drag and drop are enabled, and on the next sorting order.\n *\n * @param param0 - object containing the necessary information to determine the correct `data-dt-name` value.\n * @returns the `data-dt-name` value for the header cell, or undefined if no interaction is enabled.\n * @internal\n */\nfunction getInteractionDtName({\n  columnDragAndDropMode,\n  canSort,\n  nextSortingOrder,\n}: {\n  columnDragAndDropMode: 'none' | 'enabled' | 'only';\n  canSort: boolean;\n  nextSortingOrder: false | SortDirection | undefined;\n}): string | undefined {\n  // if only ordering is enabled, but not sorting\n  if (\n    columnDragAndDropMode === 'only' ||\n    (columnDragAndDropMode === 'enabled' && !canSort)\n  ) {\n    return 'ColumnHeaderOrder';\n  }\n\n  if (!canSort) {\n    return undefined;\n  }\n\n  const isDraggingEnabled = columnDragAndDropMode === 'enabled';\n\n  if (nextSortingOrder === 'asc') {\n    return isDraggingEnabled\n      ? 'ColumnHeaderOrderAndSortAscending'\n      : 'ColumnHeaderSortAscending';\n  }\n  if (nextSortingOrder === 'desc') {\n    return isDraggingEnabled\n      ? 'ColumnHeaderOrderAndSortDescending'\n      : 'ColumnHeaderSortDescending';\n  }\n  // nextSortingOrder === false -> unsort action\n  return isDraggingEnabled\n    ? 'ColumnHeaderOrderAndUnsort'\n    : 'ColumnHeaderUnsort';\n}\n\nexport function DataTableHeaderCell(\n  props: Readonly<DataTableHeaderCellProps>,\n): JSX.Element | null {\n  const {\n    header,\n    headers,\n    headerGroupId,\n    rowIndex,\n    columnIndex: virtualColumnIndex,\n    lastRowIndex,\n  } = props;\n\n  const intl = useIntl();\n  const table = useDataTable();\n  const { rowDensity, verticalDividers } = table.getVisualVariantOptions();\n  const columnDragAndDropMode = header.getColumnDragAndDropMode();\n\n  const gridPosition = header.getGridPosition(headers);\n  const column = header.column;\n  const { id: columnId, parent, columns: childColumns, columnDef } = column;\n  const columnIndex =\n    rowIndex === 0 ? gridPosition.gridColumnStart - 1 : virtualColumnIndex;\n\n  const canSort = column.getCanSort();\n  const canColumnActions = column.getCanColumnActions();\n\n  const textOverflowRef = useRef(false);\n  const handleTextOverflow = useCallback((ellipsized: boolean) => {\n    textOverflowRef.current = ellipsized;\n  }, []);\n\n  const { setNodeRef, isDragging, portalRef, dragAndDropProps } =\n    useHeaderCellDragAndDrop({\n      headerId: header.id,\n      column,\n      columnIndex,\n      columnDragAndDropMode,\n    });\n  const divRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<HTMLElement | null>([setNodeRef, divRef]);\n\n  const {\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    handleCellActionsClose,\n    handleCellClick,\n  } = useHeaderCellInteractions({\n    headerCell: divRef.current,\n    canSort,\n    canColumnActions,\n    rowDensity,\n    getToggleSortingHandler: column.getToggleSortingHandler,\n  });\n\n  // Early exit if the header is a placeholder to not render any content.\n  if (header.isPlaceholder) {\n    return null;\n  }\n  const headerGroupsLength = table.getHeaderGroups().length;\n  const tableState = table.getState();\n\n  const enableExpanding = table.options.enableExpanding;\n  const canResize = column.getCanResize();\n  const isResizing = column.getIsResizing();\n  const isSorted = column.getIsSorted();\n  const isRightAligned = columnDef.alignment === 'right';\n  // even if vertical dividers are not set, they should be rendered for nested headers and when resizing is enabled\n  const renderVerticalDividers =\n    verticalDividers ||\n    table.getHeaderGroups().length > 1 ||\n    (table.options.enableColumnResizing &&\n      (canResize ||\n        // when resizing is enabled we need to render the vertical dividers for the spacer column as well\n        column.id === DATA_TABLE_SPACER_COLUMN_ID));\n\n  const floatingMenuHeaderColumnId =\n    (tableState.floatingMenuInfo?.rowId === null &&\n      tableState.floatingMenuInfo?.headerId) ||\n    undefined;\n\n  const hasCustomHeaderRenderer = columnDef.meta?.hasCustomHeaderRenderer;\n  const children = hasCustomHeaderRenderer ? (\n    <DataTableColumnContextProvider value={header.column}>\n      {flexRender(columnDef.header, header.getContext())}\n    </DataTableColumnContextProvider>\n  ) : (\n    flexRender(columnDef.header, header.getContext())\n  );\n  const isStringHeader = typeof children === 'string';\n\n  const role =\n    columnDef.meta?.spacer === true ? 'presentation' : 'columnheader';\n  const columnLabel = getColumnLabel(column);\n  const nextSortingOrder = column.getNextSortingOrder();\n  const ariaLabel = getHeaderAriaLabel({\n    intl,\n    columnLabel,\n    nextSortingOrder,\n    canSort,\n    columnDragAndDropMode,\n    isCustomHeader: !isStringHeader,\n    role,\n  });\n\n  // subrows\n  const isSubRowIndicatorColumn =\n    enableExpanding === true &&\n    table.getSubRowIndicatorColumnId() === column.id;\n  const subRowsWidthCorrection =\n    // only render the subrow width correction in the subrow indicator column\n    enableExpanding === true && isSubRowIndicatorColumn ? (\n      <SubRowsHeaderWidthCorrection\n        subRowOpenDepth={table.getSubRowOpenDepth()}\n      />\n    ) : null;\n\n  // column pinning\n  const pinningPosition = header.getIsPinned();\n  const isPinnedLeft = pinningPosition === 'left';\n  const isPinnedRight = pinningPosition === 'right';\n  const leftPinnedPosition = isPinnedLeft\n    ? header.getLeftPinnedPosition()\n    : undefined;\n  const leftPinnedPositionPx =\n    leftPinnedPosition === undefined ? undefined : `${leftPinnedPosition}px`;\n  const rightPinnedPosition = isPinnedRight\n    ? header.getRightPinnedPosition()\n    : undefined;\n  const rightPinnedPositionPx =\n    rightPinnedPosition === undefined ? undefined : `${rightPinnedPosition}px`;\n\n  const hasChildren = childColumns.length > 0;\n  const isEdgeColumnInGroup =\n    parent?.getCenterVisibleLeafColumns().at(-1) === column ||\n    parent?.getLeftVisibleLeafColumns().at(-1) === column ||\n    parent?.getRightVisibleLeafColumns().at(0) === column;\n\n  const isLastVisibleLeftPinnedHeader = isPinnedLeft\n    ? header.getIsLastVisibleLeftPinnedHeader()\n    : false;\n  const isFirstVisibleRightPinnedHeader = isPinnedRight\n    ? header.getIsFirstVisibleRightPinnedHeader()\n    : false;\n  const isFirstVisibleUnpinnedHeader =\n    pinningPosition === false\n      ? header.getIsFirstVisibleUnpinnedHeader()\n      : false;\n  const isLastUnpinnedColumnWithoutSpacer =\n    columnId === table.getCenterVisibleLeafColumns().at(-2)?.id;\n\n  const edgeAdjustedGridPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}`;\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  } = {\n    gridColumnStart: gridPosition.gridColumnStart,\n    gridColumnEnd: gridPosition.gridColumnEnd,\n    gridRowStart: isEdgeColumnInGroup ? 1 : gridPosition.gridRowStart,\n    gridRowEnd: isEdgeColumnInGroup\n      ? `span ${headerGroupsLength}`\n      : gridPosition.gridRowEnd,\n  };\n\n  const headerWidth = pinningPosition\n    ? `${table.getColumnOrHeaderWidth(header.id)}px`\n    : undefined;\n\n  const interactionDtName = getInteractionDtName({\n    columnDragAndDropMode,\n    canSort,\n    nextSortingOrder,\n  });\n\n  /**\n   * Only renders the subrow expander in the subrow indicator column\n   * and if no custom header renderer is exposed.\n   */\n  const renderSubRowHeaderExpander = (): JSX.Element | null => {\n    if (\n      !enableExpanding ||\n      !isSubRowIndicatorColumn ||\n      hasCustomHeaderRenderer\n    ) {\n      return null;\n    }\n\n    return (\n      <SubRowsHeaderExpander isAllRowsExpanded={table.getIsAllRowsExpanded()} />\n    );\n  };\n\n  let headerContent = (\n    <>\n      <div\n        {...dragAndDropProps}\n        key={`Header-${columnId}`}\n        ref={mergedRef}\n        role={role}\n        data-headerid={header?.id}\n        data-header-row={rowIndex}\n        data-column={columnIndex}\n        data-columnid={columnId}\n        data-columntype={columnDef.columnType}\n        data-dt-name={interactionDtName}\n        className={clsx(\n          headerCellStyles.headerCell({\n            rowDensity: hasCustomHeaderRenderer\n              ? 'customHeaderRenderer'\n              : rowDensity,\n            pinnedColumn: pinningPosition,\n            verticalDividers: renderVerticalDividers,\n            isDragAndDropDisabled: header.getIsDragAndDropDisabled(),\n          }),\n          alignmentStyles.horizontalAlignment[\n            columnDef.alignment ?? DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT\n          ],\n          alignmentStyles.verticalAlignment[table.getHeaderVerticalAlignment()],\n          {\n            [headerCellStyles.firstColumn]: columnIndex === 0,\n            [headerCellStyles.firstHeaderRow]: rowIndex === 0,\n            [headerCellStyles.lastLeftPinnedColumn]:\n              isLastVisibleLeftPinnedHeader,\n            [headerCellStyles.firstUnpinnedColumn]:\n              isFirstVisibleUnpinnedHeader,\n            [headerCellStyles.firstRightPinnedColumn]:\n              isFirstVisibleRightPinnedHeader,\n            [headerCellStyles.lastHeaderRow]: rowIndex === lastRowIndex,\n            [headerCellStyles.parentHeader]: hasChildren,\n            [headerCellStyles.childHeader]: !!parent,\n            [headerCellStyles.sortableHeader]: canSort,\n            [headerCellStyles.isSortedHeader]: isSorted,\n            [tableStyles.prefixColumn]:\n              columnDef.meta?.builtinPlacement === 'prefix',\n            [headerCellStyles.headerCellActiveInteraction]:\n              floatingMenuHeaderColumnId === header.id,\n            [headerCellStyles.customHeaderDensity[rowDensity]]:\n              hasCustomHeaderRenderer,\n            [headerCellStyles.subRowIndicatorColumn]: isSubRowIndicatorColumn,\n            // add grab cursor styling only if column drag and drop is enabled but sorting is not\n            [columnOrderStyles.headerDragAndDrop.enabled]:\n              !isDragging &&\n              columnDragAndDropMode !== 'none' &&\n              !header.getCanSortByHeaderClick(),\n            [columnOrderStyles.headerDragAndDrop.inactive]:\n              tableState.draggedHeaderColumn !== undefined,\n          },\n        )}\n        aria-sort={header.getAriaSortAttribute()}\n        data-sort-desc-first={columnDef.sortDescFirst ?? false}\n        aria-label={ariaLabel}\n        style={{\n          ...assignInlineVars({\n            [headerCellStyles.leftPositionVar]: leftPinnedPositionPx,\n            [headerCellStyles.rightPositionVar]: rightPinnedPositionPx,\n          }),\n          ...gridPosition,\n        }}\n        onMouseEnter={handleCellMouseEnter}\n        onMouseLeave={handleCellMouseLeave}\n        onClick={handleCellClick}\n      >\n        {renderSubRowHeaderExpander()}\n\n        {isRightAligned && subRowsWidthCorrection}\n\n        {isStringHeader ? (\n          <HeaderTextEllipsis onTextOverflow={handleTextOverflow}>\n            {children}\n          </HeaderTextEllipsis>\n        ) : (\n          children\n        )}\n\n        {canSort && (\n          <SortingArrowIndicators\n            isSorted={isSorted}\n            nextSortingOrder={nextSortingOrder}\n            rowDensity={rowDensity}\n          />\n        )}\n\n        {canColumnActions && (\n          <DataTableHeaderContextProvider value={header}>\n            <InlineUserActionsMenu\n              headerGroupOrRowId={headerGroupId}\n              columnId={columnId}\n              type=\"header\"\n              aria-label={intl.formatMessage(\n                dataTableMessages.columnActionLabel,\n              )}\n              data-header-row={rowIndex}\n              data-column={columnIndex}\n              onClose={handleCellActionsClose}\n            />\n          </DataTableHeaderContextProvider>\n        )}\n\n        {!isRightAligned && subRowsWidthCorrection}\n      </div>\n\n      {!isDragging && canResize && (\n        <button\n          type=\"button\"\n          key={`Header-${columnId}-resize-handler`}\n          aria-label={intl.formatMessage(dataTableMessages.resizeColumnLabel, {\n            column: columnLabel,\n          })}\n          data-header-row={rowIndex}\n          data-column={columnIndex}\n          data-trigger=\"resize\"\n          style={{\n            ...edgeAdjustedGridPosition,\n            ...assignInlineVars({\n              [headerCellStyles.leftPositionVar]: leftPinnedPositionPx,\n              [headerCellStyles.rightPositionVar]: rightPinnedPositionPx,\n              [headerCellStyles.headerWidthVar]: headerWidth,\n            }),\n          }}\n          className={clsx(\n            headerCellStyles.columnSizingHandle({\n              active: isResizing,\n              last: isLastUnpinnedColumnWithoutSpacer,\n              pinnedColumn: pinningPosition,\n            }),\n            {\n              [headerCellStyles.firstRightPinnedColumn]:\n                isFirstVisibleRightPinnedHeader,\n            },\n          )}\n          onMouseDown={header.handleResize}\n          onTouchStart={header.handleResize}\n          onKeyUp={header.handleKeyboardResize}\n          onDoubleClick={header.handleResizeExpand}\n          data-dt-name=\"ColumnResizeHandle\"\n        />\n      )}\n    </>\n  );\n\n  // when dragging, the header is portaled out and rendered into the drag overlay\n  if (isDragging) {\n    headerContent = createPortal(\n      headerContent,\n      portalRef.current || document.body,\n    );\n  }\n\n  // for text headers a tooltip should be rendered when the text overflows\n  if (isStringHeader) {\n    headerContent = (\n      <Tooltip disabled={!textOverflowRef.current} text={children}>\n        {headerContent}\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      {headerContent}\n      <DataTablePinningShadowHeaderCells\n        isLeftShadow={isLastVisibleLeftPinnedHeader && !hasChildren}\n        isRightShadow={isFirstVisibleRightPinnedHeader && !hasChildren}\n        leftPosition={leftPinnedPosition}\n        rightPosition={rightPinnedPosition}\n        gridPosition={edgeAdjustedGridPosition}\n      />\n    </>\n  );\n}\n\nDataTableHeaderCell.displayName = 'DataTableHeaderCell';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableHeaderCell.sty.js

@@ -4,27 +4,27 @@ import "../features/ColumnOrder/ColumnOrder.css";
 import "../features/Thresholds/Thresholds.css";
 import "./DataTableHeaderCell.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var childHeader = "_11pvd3z3-3-0-1";
-var columnSizingHandle = _7a468({ defaultClassName: "_11pvd3zx-3-0-1", variantClassNames: { active: { true: "_11pvd3zy-3-0-1", false: "_11pvd3zz-3-0-1" }, last: { true: "_11pvd3z10-3-0-1", false: "_11pvd3z11-3-0-1" }, pinnedColumn: { false: "_11pvd3z12-3-0-1", left: "_11pvd3z13-3-0-1", right: "_11pvd3z14-3-0-1" } }, defaultVariants: {}, compoundVariants: [] });
-var customHeaderDensity = { "default": "_11pvd3z9-3-0-1", condensed: "_11pvd3za-3-0-1", comfortable: "_11pvd3zb-3-0-1" };
-var firstColumn = "_11pvd3zc-3-0-1";
-var firstHeaderRow = "_11pvd3z0-3-0-1";
-var firstRightPinnedColumn = "_11pvd3zf-3-0-1";
-var firstUnpinnedColumn = "_11pvd3ze-3-0-1";
-var headerCell = _7a468({ defaultClassName: "_11pvd3zj-3-0-1", variantClassNames: { pinnedColumn: { false: "_11pvd3zk-3-0-1", left: "_11pvd3zl-3-0-1", right: "_11pvd3zm-3-0-1" }, rowDensity: { customHeaderRenderer: "_11pvd3zn-3-0-1", "default": "_11pvd3zo-3-0-1", condensed: "_11pvd3zp-3-0-1", comfortable: "_11pvd3zq-3-0-1" }, verticalDividers: { true: "_11pvd3zr-3-0-1", false: "_11pvd3zs-3-0-1" }, isDragAndDropDisabled: { true: "_11pvd3zt-3-0-1", false: "_11pvd3zu-3-0-1" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
-var headerCellActiveInteraction = "_11pvd3zw-3-0-1";
-var headerCellEllipsis = "_11pvd3zv-3-0-1";
-var headerWidthVar = "var(--_11pvd3zi-3-0-1)";
-var hovered = "_11pvd3z4-3-0-1";
-var isSortedHeader = "_11pvd3z7-3-0-1";
-var lastHeaderRow = "_11pvd3z1-3-0-1";
-var lastLeftPinnedColumn = "_11pvd3zd-3-0-1";
-var leftPositionVar = "var(--_11pvd3zg-3-0-1)";
-var narrow = "_11pvd3z5-3-0-1";
-var parentHeader = "_11pvd3z2-3-0-1";
-var rightPositionVar = "var(--_11pvd3zh-3-0-1)";
-var sortableHeader = "_11pvd3z6-3-0-1";
-var subRowIndicatorColumn = "_11pvd3z8-3-0-1";
+var childHeader = "_11pvd3z3-3-1-1";
+var columnSizingHandle = _7a468({ defaultClassName: "_11pvd3zx-3-1-1", variantClassNames: { active: { true: "_11pvd3zy-3-1-1", false: "_11pvd3zz-3-1-1" }, last: { true: "_11pvd3z10-3-1-1", false: "_11pvd3z11-3-1-1" }, pinnedColumn: { false: "_11pvd3z12-3-1-1", left: "_11pvd3z13-3-1-1", right: "_11pvd3z14-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var customHeaderDensity = { "default": "_11pvd3z9-3-1-1", condensed: "_11pvd3za-3-1-1", comfortable: "_11pvd3zb-3-1-1" };
+var firstColumn = "_11pvd3zc-3-1-1";
+var firstHeaderRow = "_11pvd3z0-3-1-1";
+var firstRightPinnedColumn = "_11pvd3zf-3-1-1";
+var firstUnpinnedColumn = "_11pvd3ze-3-1-1";
+var headerCell = _7a468({ defaultClassName: "_11pvd3zj-3-1-1", variantClassNames: { pinnedColumn: { false: "_11pvd3zk-3-1-1", left: "_11pvd3zl-3-1-1", right: "_11pvd3zm-3-1-1" }, rowDensity: { customHeaderRenderer: "_11pvd3zn-3-1-1", "default": "_11pvd3zo-3-1-1", condensed: "_11pvd3zp-3-1-1", comfortable: "_11pvd3zq-3-1-1" }, verticalDividers: { true: "_11pvd3zr-3-1-1", false: "_11pvd3zs-3-1-1" }, isDragAndDropDisabled: { true: "_11pvd3zt-3-1-1", false: "_11pvd3zu-3-1-1" } }, defaultVariants: { rowDensity: "default", verticalDividers: false }, compoundVariants: [] });
+var headerCellActiveInteraction = "_11pvd3zw-3-1-1";
+var headerCellEllipsis = "_11pvd3zv-3-1-1";
+var headerWidthVar = "var(--_11pvd3zi-3-1-1)";
+var hovered = "_11pvd3z4-3-1-1";
+var isSortedHeader = "_11pvd3z7-3-1-1";
+var lastHeaderRow = "_11pvd3z1-3-1-1";
+var lastLeftPinnedColumn = "_11pvd3zd-3-1-1";
+var leftPositionVar = "var(--_11pvd3zg-3-1-1)";
+var narrow = "_11pvd3z5-3-1-1";
+var parentHeader = "_11pvd3z2-3-1-1";
+var rightPositionVar = "var(--_11pvd3zh-3-1-1)";
+var sortableHeader = "_11pvd3z6-3-1-1";
+var subRowIndicatorColumn = "_11pvd3z8-3-1-1";
 export {
   childHeader,
   columnSizingHandle,

package/esm/tables/DataTable/components/DataTableHeaderCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableHeaderCell.css.ts"],
-  "sourcesContent": ["import '../DataTable.css';\nimport './Alignment.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableHeaderCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var childHeader = '_11pvd3z3-3-0-1';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zx-3-0-1',variantClassNames:{active:{true:'_11pvd3zy-3-0-1',false:'_11pvd3zz-3-0-1'},last:{true:'_11pvd3z10-3-0-1',false:'_11pvd3z11-3-0-1'},pinnedColumn:{false:'_11pvd3z12-3-0-1',left:'_11pvd3z13-3-0-1',right:'_11pvd3z14-3-0-1'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z9-3-0-1',condensed:'_11pvd3za-3-0-1',comfortable:'_11pvd3zb-3-0-1'};\nexport var firstColumn = '_11pvd3zc-3-0-1';\nexport var firstHeaderRow = '_11pvd3z0-3-0-1';\nexport var firstRightPinnedColumn = '_11pvd3zf-3-0-1';\nexport var firstUnpinnedColumn = '_11pvd3ze-3-0-1';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zj-3-0-1',variantClassNames:{pinnedColumn:{false:'_11pvd3zk-3-0-1',left:'_11pvd3zl-3-0-1',right:'_11pvd3zm-3-0-1'},rowDensity:{customHeaderRenderer:'_11pvd3zn-3-0-1','default':'_11pvd3zo-3-0-1',condensed:'_11pvd3zp-3-0-1',comfortable:'_11pvd3zq-3-0-1'},verticalDividers:{true:'_11pvd3zr-3-0-1',false:'_11pvd3zs-3-0-1'},isDragAndDropDisabled:{true:'_11pvd3zt-3-0-1',false:'_11pvd3zu-3-0-1'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3zw-3-0-1';\nexport var headerCellEllipsis = '_11pvd3zv-3-0-1';\nexport var headerWidthVar = 'var(--_11pvd3zi-3-0-1)';\nexport var hovered = '_11pvd3z4-3-0-1';\nexport var isSortedHeader = '_11pvd3z7-3-0-1';\nexport var lastHeaderRow = '_11pvd3z1-3-0-1';\nexport var lastLeftPinnedColumn = '_11pvd3zd-3-0-1';\nexport var leftPositionVar = 'var(--_11pvd3zg-3-0-1)';\nexport var narrow = '_11pvd3z5-3-0-1';\nexport var parentHeader = '_11pvd3z2-3-0-1';\nexport var rightPositionVar = 'var(--_11pvd3zh-3-0-1)';\nexport var sortableHeader = '_11pvd3z6-3-0-1';\nexport var subRowIndicatorColumn = '_11pvd3z8-3-0-1';"],
+  "sourcesContent": ["import '../DataTable.css';\nimport './Alignment.css';\nimport '../features/ColumnOrder/ColumnOrder.css';\nimport '../features/Thresholds/Thresholds.css';\nimport './DataTableHeaderCell.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var childHeader = '_11pvd3z3-3-1-1';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zx-3-1-1',variantClassNames:{active:{true:'_11pvd3zy-3-1-1',false:'_11pvd3zz-3-1-1'},last:{true:'_11pvd3z10-3-1-1',false:'_11pvd3z11-3-1-1'},pinnedColumn:{false:'_11pvd3z12-3-1-1',left:'_11pvd3z13-3-1-1',right:'_11pvd3z14-3-1-1'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z9-3-1-1',condensed:'_11pvd3za-3-1-1',comfortable:'_11pvd3zb-3-1-1'};\nexport var firstColumn = '_11pvd3zc-3-1-1';\nexport var firstHeaderRow = '_11pvd3z0-3-1-1';\nexport var firstRightPinnedColumn = '_11pvd3zf-3-1-1';\nexport var firstUnpinnedColumn = '_11pvd3ze-3-1-1';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zj-3-1-1',variantClassNames:{pinnedColumn:{false:'_11pvd3zk-3-1-1',left:'_11pvd3zl-3-1-1',right:'_11pvd3zm-3-1-1'},rowDensity:{customHeaderRenderer:'_11pvd3zn-3-1-1','default':'_11pvd3zo-3-1-1',condensed:'_11pvd3zp-3-1-1',comfortable:'_11pvd3zq-3-1-1'},verticalDividers:{true:'_11pvd3zr-3-1-1',false:'_11pvd3zs-3-1-1'},isDragAndDropDisabled:{true:'_11pvd3zt-3-1-1',false:'_11pvd3zu-3-1-1'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3zw-3-1-1';\nexport var headerCellEllipsis = '_11pvd3zv-3-1-1';\nexport var headerWidthVar = 'var(--_11pvd3zi-3-1-1)';\nexport var hovered = '_11pvd3z4-3-1-1';\nexport var isSortedHeader = '_11pvd3z7-3-1-1';\nexport var lastHeaderRow = '_11pvd3z1-3-1-1';\nexport var lastLeftPinnedColumn = '_11pvd3zd-3-1-1';\nexport var leftPositionVar = 'var(--_11pvd3zg-3-1-1)';\nexport var narrow = '_11pvd3z5-3-1-1';\nexport var parentHeader = '_11pvd3z2-3-1-1';\nexport var rightPositionVar = 'var(--_11pvd3zh-3-1-1)';\nexport var sortableHeader = '_11pvd3z6-3-1-1';\nexport var subRowIndicatorColumn = '_11pvd3z8-3-1-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc;AAClB,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,cAAa,EAAC,OAAM,oBAAmB,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxU,IAAI,sBAAsB,EAAC,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB;AAChH,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;AAC1B,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,OAAM,mBAAkB,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,sBAAqB,mBAAkB,WAAU,mBAAkB,WAAU,mBAAkB,aAAY,kBAAiB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,uBAAsB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3gB,IAAI,8BAA8B;AAClC,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableRow.css

@@ -1,34 +1,34 @@
-._1y5fzv0-3-0-1 {
+._1y5fzv0-3-1-1 {
   display: grid;
   grid-template-columns: subgrid;
   position: relative;
   grid-template-rows: inherit;
 }
-._or8s40-3-0-1:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-0-1 {
+._or8s40-3-1-1:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-1-1 {
   border-bottom-width: 0;
 }
-._1y5fzv2-3-0-1 {
+._1y5fzv2-3-1-1 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-0-1 ._14sp6az6-3-0-1._1y5fzv2-3-0-1,
-          ._ytdpswc-3-0-1 ._14sp6az6-3-0-1._1y5fzv2-3-0-1,
-          ._ytdpswe-3-0-1 ._14sp6az6-3-0-1._1y5fzv2-3-0-1,
-          ._2twyod0-3-0-1._1y5fzv2-3-0-1 {
+._ytdpsw0-3-1-1 ._14sp6az6-3-1-1._1y5fzv2-3-1-1,
+          ._ytdpswc-3-1-1 ._14sp6az6-3-1-1._1y5fzv2-3-1-1,
+          ._ytdpswe-3-1-1 ._14sp6az6-3-1-1._1y5fzv2-3-1-1,
+          ._2twyod0-3-1-1._1y5fzv2-3-1-1 {
   border-bottom-width: 0;
 }
-._1y5fzv3-3-0-1 {
+._1y5fzv3-3-1-1 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-0-1 ._14sp6az6-3-0-1._1y5fzv3-3-0-1,
-          ._2twyod0-3-0-1._1y5fzv3-3-0-1 {
+._ytdpsw0-3-1-1 ._14sp6az6-3-1-1._1y5fzv3-3-1-1,
+          ._2twyod0-3-1-1._1y5fzv3-3-1-1 {
   border-bottom-width: 0;
 }
-._1y5fzv6-3-0-1 {
+._1y5fzv6-3-1-1 {
   visibility: hidden;
 }
-._1y5fzv8-3-0-1:not(._15silbj3-3-0-1, ._15silbj4-3-0-1, ._15silbj0-3-0-1:hover) {
+._1y5fzv8-3-1-1:not(._15silbj3-3-1-1, ._15silbj4-3-1-1, ._15silbj0-3-1-1:hover) {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv9-3-0-1:not(._15silbj3-3-0-1, ._15silbj4-3-0-1, ._15silbj0-3-0-1:hover) {
+._1y5fzv9-3-1-1:not(._15silbj3-3-1-1, ._15silbj4-3-1-1, ._15silbj0-3-1-1:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

package/esm/tables/DataTable/components/DataTableRow.sty.js

@@ -5,7 +5,7 @@ import "../features/RowDetails/RowDetails.css";
 import "../features/RowInteractivity/RowInteractivity.css";
 import "./DataTableRow.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var row = _7a468({ defaultClassName: "_1y5fzv0-3-0-1", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-0-1", horizontalDividers: "_1y5fzv2-3-0-1", zebraStripes: "_1y5fzv3-3-0-1" }, rowParity: { even: "_1y5fzv4-3-0-1", odd: "_1y5fzv5-3-0-1" }, isDraggedRow: { true: "_1y5fzv6-3-0-1", false: "_1y5fzv7-3-0-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-0-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-0-1"]] });
+var row = _7a468({ defaultClassName: "_1y5fzv0-3-1-1", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-1-1", horizontalDividers: "_1y5fzv2-3-1-1", zebraStripes: "_1y5fzv3-3-1-1" }, rowParity: { even: "_1y5fzv4-3-1-1", odd: "_1y5fzv5-3-1-1" }, isDraggedRow: { true: "_1y5fzv6-3-1-1", false: "_1y5fzv7-3-1-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-1-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-1-1"]] });
 export {
   row
 };

package/esm/tables/DataTable/components/DataTableRow.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableRow.css.ts"],
-  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport '../DataTable.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var row = _7a468({defaultClassName:'_1y5fzv0-3-0-1',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-0-1',horizontalDividers:'_1y5fzv2-3-0-1',zebraStripes:'_1y5fzv3-3-0-1'},rowParity:{even:'_1y5fzv4-3-0-1',odd:'_1y5fzv5-3-0-1'},isDraggedRow:{true:'_1y5fzv6-3-0-1',false:'_1y5fzv7-3-0-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-0-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-0-1']]});"],
+  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport '../DataTable.css';\nimport '../features/RowOrder/RowOrder.css';\nimport '../features/RowDetails/RowDetails.css';\nimport '../features/RowInteractivity/RowInteractivity.css';\nimport './DataTableRow.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var row = _7a468({defaultClassName:'_1y5fzv0-3-1-1',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-1-1',horizontalDividers:'_1y5fzv2-3-1-1',zebraStripes:'_1y5fzv3-3-1-1'},rowParity:{even:'_1y5fzv4-3-1-1',odd:'_1y5fzv5-3-1-1'},isDraggedRow:{true:'_1y5fzv6-3-1-1',false:'_1y5fzv7-3-1-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-1-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-1-1']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,MAAM,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,oBAAmB,kBAAiB,cAAa,iBAAgB,GAAE,WAAU,EAAC,MAAK,kBAAiB,KAAI,iBAAgB,GAAE,cAAa,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,gBAAgB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableScrollShadow.css

@@ -1,8 +1,8 @@
-._1al677r0-3-0-1 {
+._1al677r0-3-1-1 {
   position: sticky;
   pointer-events: none;
 }
-._1al677r0-3-0-1::after {
+._1al677r0-3-1-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -10,19 +10,19 @@
   width: 50px;
   pointer-events: none;
 }
-[data-theme="light"] ._1al677r1-3-0-1::after {
+[data-theme="light"] ._1al677r1-3-1-1::after {
   box-shadow: inset 12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset 18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r1-3-0-1::after {
+[data-theme="dark"] ._1al677r1-3-1-1::after {
   box-shadow: inset 12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset 16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-[data-theme="light"] ._1al677r2-3-0-1::after {
+[data-theme="light"] ._1al677r2-3-1-1::after {
   box-shadow: inset -12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset -18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
 }
-[data-theme="dark"] ._1al677r2-3-0-1::after {
+[data-theme="dark"] ._1al677r2-3-1-1::after {
   box-shadow: inset -12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset -16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
 }
-._1al677r3-3-0-1 {
+._1al677r3-3-1-1 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -33,10 +33,10 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r3-3-0-1::after {
+._1al677r3-3-1-1::after {
   left: 0;
 }
-._1al677r4-3-0-1 {
+._1al677r4-3-1-1 {
   top: 0;
   bottom: 0;
   height: 100%;
@@ -46,6 +46,6 @@
   grid-row-end: body-end;
   z-index: 6;
 }
-._1al677r4-3-0-1::after {
+._1al677r4-3-1-1::after {
   right: 0;
 }

package/esm/tables/DataTable/components/DataTableScrollShadow.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableScrollShadow.css";
-var scrollShadow = { left: "_1al677r1-3-0-1 _1al677r0-3-0-1", right: "_1al677r2-3-0-1 _1al677r0-3-0-1" };
-var tableEdgeShadow = { left: "_1al677r3-3-0-1 _1al677r1-3-0-1 _1al677r0-3-0-1", right: "_1al677r4-3-0-1 _1al677r2-3-0-1 _1al677r0-3-0-1" };
+var scrollShadow = { left: "_1al677r1-3-1-1 _1al677r0-3-1-1", right: "_1al677r2-3-1-1 _1al677r0-3-1-1" };
+var tableEdgeShadow = { left: "_1al677r3-3-1-1 _1al677r1-3-1-1 _1al677r0-3-1-1", right: "_1al677r4-3-1-1 _1al677r2-3-1-1 _1al677r0-3-1-1" };
 export {
   scrollShadow,
   tableEdgeShadow

package/esm/tables/DataTable/components/DataTableScrollShadow.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableScrollShadow.css.ts"],
-  "sourcesContent": ["import './DataTableScrollShadow.css';\nexport var scrollShadow = {left:'_1al677r1-3-0-1 _1al677r0-3-0-1',right:'_1al677r2-3-0-1 _1al677r0-3-0-1'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-0-1 _1al677r1-3-0-1 _1al677r0-3-0-1',right:'_1al677r4-3-0-1 _1al677r2-3-0-1 _1al677r0-3-0-1'};"],
+  "sourcesContent": ["import './DataTableScrollShadow.css';\nexport var scrollShadow = {left:'_1al677r1-3-1-1 _1al677r0-3-1-1',right:'_1al677r2-3-1-1 _1al677r0-3-1-1'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-1-1 _1al677r1-3-1-1 _1al677r0-3-1-1',right:'_1al677r4-3-1-1 _1al677r2-3-1-1 _1al677r0-3-1-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,MAAK,mCAAkC,OAAM,kCAAiC;AAClG,IAAI,kBAAkB,EAAC,MAAK,mDAAkD,OAAM,kDAAiD;",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableVirtualizationContainer.css

@@ -1,4 +1,4 @@
-._ytdpsw0-3-0-1 {
+._ytdpsw0-3-1-1 {
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -6,50 +6,50 @@
   overflow: auto;
   box-sizing: border-box;
 }
-._ytdpsw1-3-0-1 {
+._ytdpsw1-3-1-1 {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-areas: 'header' 'body';
 }
-._ytdpsw2-3-0-1 {
+._ytdpsw2-3-1-1 {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-._ytdpsw3-3-0-1 {
+._ytdpsw3-3-1-1 {
   overflow: hidden;
 }
-._ytdpsw4-3-0-1 {
+._ytdpsw4-3-1-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._ytdpsw4-3-0-1::-webkit-scrollbar-track {
+._ytdpsw4-3-1-1::-webkit-scrollbar-track {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-0-1::-webkit-scrollbar-track:horizontal {
+._ytdpsw4-3-1-1::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw4-3-0-1::-webkit-scrollbar-track:vertical {
+._ytdpsw4-3-1-1::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }
-._ytdpsw5-3-0-1::-webkit-scrollbar-track:horizontal {
+._ytdpsw5-3-1-1::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpswf-3-0-1::-webkit-scrollbar-track:horizontal {
+._ytdpswf-3-1-1::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-0-1::-webkit-scrollbar-track:vertical {
+._ytdpswf-3-1-1::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-right-radius: 0;
 }
-._ytdpswf-3-0-1::-webkit-scrollbar-corner {
+._ytdpswf-3-1-1::-webkit-scrollbar-corner {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-emphasized, 2px));
 }

package/esm/tables/DataTable/components/DataTableVirtualizationContainer.js

@@ -42,10 +42,10 @@ function DataTableVirtualizationContainer(props) {
     // be a possibility to make this dependent on the row density.
     overscan: DATA_TABLE_VIRTUALIZER_ROW_OVERSCAN,
     indexAttribute: "data-row",
+    // reserves space for the sticky header in the scrollable area, so the first rows are not hidden behind the header when scrolled to the top
     paddingStart: totalHeaderHeight,
-    // use double the header height to avoid a row being partially hidden, when navigating via page up and page down
-    scrollPaddingStart: totalHeaderHeight * 2,
-    scrollMargin: totalHeaderHeight,
+    // ensures that scrollToIndex scrolls the item to the correct position, taking into account the reserved space for the header
+    scrollPaddingStart: totalHeaderHeight,
     estimateSize: (index) => table.estimateRowHeight({ index }),
     measureElement: (element) => element.getBoundingClientRect().height,
     // Default wait until the scrollEnd is triggered and it starts updating.

package/esm/tables/DataTable/components/DataTableVirtualizationContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableVirtualizationContainer.tsx"],
-  "sourcesContent": ["import { useVirtualizer, type Range } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { debounce } from 'lodash-es';\nimport {\n  type CSSProperties,\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { DataTableContent } from './DataTableContent.js';\nimport { DataTableEmptyState } from './DataTableEmptyState.js';\nimport { DataTableStatePlaceholder } from './DataTableStatePlaceholder.js';\nimport * as styles from './DataTableVirtualizationContainer.sty.js';\nimport { useFontsUpdated } from '../../../core/hooks/useFontsUpdated.js';\nimport {\n  DATA_TABLE_BORDER_WIDTH,\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_VIRTUALIZER_COLUMN_OVERSCAN,\n  DATA_TABLE_VIRTUALIZER_ROW_OVERSCAN,\n} from '../constants.js';\nimport { addPinnedColumnsToVisibleRange } from '../features/ColumnPinning/column-pinning-utils.js';\nimport { isWidthExtendedConfig } from '../features/Layout/width-utils.js';\nimport { type Table } from '../hooks/useTable/types.js';\n\ntype WidthConfigsById = Record<\n  string,\n  {\n    minWidth: number;\n    maxWidth: number | undefined;\n    isContentOrAutoWidth: boolean;\n  }\n>;\n\nexport function DataTableVirtualizationContainer<T>(\n  props: Readonly<{\n    table: Table<T>;\n    emptyState: ReturnType<typeof DataTableEmptyState>;\n    fullHeight: boolean;\n  }>,\n): JSX.Element {\n  const { table, emptyState, fullHeight } = props;\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const tableState = table.getState();\n  const rows = table.getRowModel().rows;\n  const draggingRowInfo = tableState.draggingRowInfo;\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n\n  const getUniqueRowKey = useCallback(\n    (index: number) => rows[index].id,\n    [rows],\n  );\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows?.length ?? 0,\n    getScrollElement: () => parentRef.current,\n    // Overscan of 5 was very ambitious. A single mouse scroll tick is usually\n    // more than 5 condensed rows, so this is increased. In the future there could\n    // be a possibility to make this dependent on the row density.\n    overscan: DATA_TABLE_VIRTUALIZER_ROW_OVERSCAN,\n    indexAttribute: 'data-row',\n    paddingStart: totalHeaderHeight,\n    // use double the header height to avoid a row being partially hidden, when navigating via page up and page down\n    scrollPaddingStart: totalHeaderHeight * 2,\n    scrollMargin: totalHeaderHeight,\n    estimateSize: (index) => table.estimateRowHeight({ index }),\n    measureElement: (element) => element.getBoundingClientRect().height,\n    // Default wait until the scrollEnd is triggered and it starts updating.\n    // https://tanstack.com/virtual/latest/docs/api/virtualizer#isscrollingresetdelay\n    // Reducing it from the default 150ms seems to improve perceived scroll performance\n    isScrollingResetDelay: 20,\n    getItemKey: getUniqueRowKey,\n    // reset scrollElement observers when the data in the table is changed\n    // fixes the issue with Firefox browser not resetting the scrollTop position of the virtualizer when the table is scrolled and the data is changed\n    // APPDEV-15467\n    enabled: rows.length > 0,\n  });\n\n  const pinnedLeftColumns = table.getLeftVisibleLeafColumns();\n  const pinnedRightColumns = table.getRightVisibleLeafColumns();\n\n  // create left array indexes\n  const pinnedLeftIndexes = useMemo(\n    () => Array.from({ length: pinnedLeftColumns.length }, (_, i) => i),\n    [pinnedLeftColumns.length],\n  );\n\n  // create right array indexes\n  const pinnedRightIndexes = useMemo(() => {\n    const pinnedRightStartIndex =\n      visibleLeafColumns.length - pinnedRightColumns.length;\n\n    return Array.from(\n      { length: pinnedRightColumns.length },\n      (_, i) => pinnedRightStartIndex + i,\n    );\n  }, [visibleLeafColumns.length, pinnedRightColumns.length]); // Only recreate when counts change\n\n  const columnRangeExtractor = useCallback(\n    (range: Range) =>\n      addPinnedColumnsToVisibleRange(\n        range,\n        pinnedLeftIndexes,\n        pinnedRightIndexes,\n      ),\n    [pinnedLeftIndexes, pinnedRightIndexes],\n  );\n\n  const orderedVisibleLeafColumns = table.getOrderedVisibleLeafColumns();\n  const getUniqueColumnKey = useCallback(\n    (index: number) => orderedVisibleLeafColumns[index].id,\n    [orderedVisibleLeafColumns],\n  );\n\n  const widthConfigsById = useMemo<WidthConfigsById>(() => {\n    return visibleLeafColumnsWithoutBuiltin.reduce<WidthConfigsById>(\n      (acc, column) => {\n        const { id, columnDef } = column;\n        const {\n          width,\n          minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n          maxWidth,\n        } = columnDef;\n\n        const isExtendedConfig = isWidthExtendedConfig(width);\n        const isContentOrAutoWidth =\n          isExtendedConfig || width === 'content' || width === 'auto';\n        const maxAutoWidth = isExtendedConfig ? width.maxWidth : undefined;\n\n        // Take the smallest of the maxWidths if both are defined\n        // if columnSize is defined (the user resized a column), it takes precedence over maxWidth and maxAutoWidth\n        const finalMaxWidth =\n          maxWidth !== undefined && maxAutoWidth !== undefined\n            ? Math.min(maxWidth, maxAutoWidth)\n            : maxWidth ?? maxAutoWidth;\n\n        acc[id] = {\n          minWidth,\n          maxWidth: finalMaxWidth,\n          isContentOrAutoWidth,\n        };\n        return acc;\n      },\n      {},\n    );\n  }, [visibleLeafColumnsWithoutBuiltin]);\n\n  const columnMeasure = useCallback(\n    (element: Element) => {\n      const measuredWidth = element.getBoundingClientRect().width;\n\n      const columnId =\n        element instanceof HTMLElement ? element.dataset.columnid : undefined;\n\n      const previousWidth = columnId\n        ? table.getMeasuredColumnWidth(columnId)\n        : undefined;\n      // Return the previous width if the element is hidden\n      if (measuredWidth === 0 || !columnId) {\n        return previousWidth ?? 0;\n      }\n\n      const widthConfiguration = widthConfigsById[columnId];\n\n      // If no width configuration is found, the column is currently resized,\n      // or an explicit column size is defined, return the measured width directly.\n      // Column sizing already considers min/max widths correctly.\n      if (\n        table.getState().columnSizing[columnId] !== undefined ||\n        table.getState().columnSizingInfo.isResizingColumn === columnId ||\n        !widthConfiguration\n      ) {\n        table.setMeasuredColumnWidth(columnId, measuredWidth);\n        return measuredWidth;\n      }\n\n      const { minWidth, maxWidth, isContentOrAutoWidth } = widthConfiguration;\n\n      // For content/auto width columns we need to round up slightly,\n      // to avoid an unnecessary ellipsis showing due to subpixel rendering issues.\n      const roundedWidth = isContentOrAutoWidth\n        ? Math.ceil(measuredWidth * 10) / 10\n        : measuredWidth;\n\n      const clampedWidth = Math.max(\n        minWidth ?? 0,\n        Math.min(maxWidth ?? Infinity, roundedWidth),\n      );\n\n      // Only update the measured width if it has changed beyond a small threshold (> 0.1px)\n      // to prevent infinite loops (ever-growing columns) caused by subpixel rendering differences\n      // at specific browser zoom and display scale combinations (e.g. 150% zoom + 125% scale).\n      if (\n        previousWidth !== undefined &&\n        Math.abs(clampedWidth - previousWidth) <= 0.1\n      ) {\n        // Return the previous width to prevent the virtualizer from detecting\n        // insignificant changes that would trigger re-renders.\n        return previousWidth;\n      }\n\n      table.setMeasuredColumnWidth(columnId, clampedWidth);\n      return clampedWidth;\n    },\n    [table, widthConfigsById],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: visibleLeafColumns.length,\n    getScrollElement: () => parentRef.current,\n    indexAttribute: 'data-column',\n    estimateSize: () => DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n    rangeExtractor: columnRangeExtractor,\n    overscan: DATA_TABLE_VIRTUALIZER_COLUMN_OVERSCAN,\n    horizontal: true,\n    getItemKey: getUniqueColumnKey,\n    measureElement: columnMeasure,\n  });\n\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n  const visualVariantOptions = table.getVisualVariantOptions();\n  const estimatedRowHeight = table.estimateRowHeight();\n\n  const containerStyle = useMemo(() => {\n    let minHeight: CSSProperties['minHeight'] = undefined;\n\n    if (totalHeaderHeight === 0) {\n      // if headers are hidden, be at least one row tall, otherwise be at least two rows tall\n      // to account for the border between header and first row we need to add 2px border\n      minHeight =\n        visualVariantOptions.headers === 'hidden'\n          ? estimatedRowHeight\n          : estimatedRowHeight * 2 + DATA_TABLE_BORDER_WIDTH;\n    } else {\n      // or header size + 1 additional row\n      minHeight = totalHeaderHeight + estimatedRowHeight;\n    }\n\n    if (visualVariantOptions.contained) {\n      // Add a borderTop and border bottom for the borders around the containment.\n      minHeight += 2 * DATA_TABLE_BORDER_WIDTH;\n    }\n    const baseStyle: CSSProperties = {\n      minHeight,\n    };\n\n    if (fullHeight) {\n      baseStyle.height = '100%';\n    }\n    return baseStyle;\n  }, [\n    totalHeaderHeight,\n    visualVariantOptions.contained,\n    visualVariantOptions.headers,\n    estimatedRowHeight,\n    fullHeight,\n  ]);\n\n  const scrollRect = rowVirtualizer.scrollRect;\n  const scrollElement = rowVirtualizer.scrollElement;\n  const scrollWidth = scrollElement?.scrollWidth;\n  const scrollHeight = scrollElement?.scrollHeight;\n\n  const scrollDirection = useMemo(() => {\n    if (\n      scrollRect?.width &&\n      scrollRect?.height &&\n      scrollWidth !== undefined &&\n      scrollHeight !== undefined\n    ) {\n      // Determine whether the scrollbars are visible to apply the according styles for the scrollbars\n      const hasScrollbarX = scrollRect.width < scrollWidth;\n      const hasScrollbarY = scrollRect.height < scrollHeight;\n\n      if (hasScrollbarX && hasScrollbarY) {\n        return 'xy';\n      } else if (hasScrollbarX) {\n        return 'x';\n      } else if (hasScrollbarY) {\n        return 'y';\n      }\n    }\n    return false;\n  }, [scrollRect?.width, scrollRect?.height, scrollWidth, scrollHeight]);\n\n  const fontUpdateQueued = useRef(false);\n  useFontsUpdated(() => {\n    if (fontUpdateQueued.current) {\n      return;\n    }\n    fontUpdateQueued.current = true;\n    const controller = new AbortController();\n    Promise.race([\n      // If the animations have not stopped after a timeout period,\n      // we can remeasure nevertheless.\n      new Promise<void>((resolve) =>\n        setTimeout(() => {\n          resolve();\n        }, 1_000),\n      ),\n      // If the animations subside within a reasonable interval, we\n      // can also remeasure.\n      new Promise<void>((resolve) => {\n        document.addEventListener(\n          'animationend',\n          debounce(() => {\n            resolve();\n          }, 200),\n          { signal: controller.signal },\n        );\n      }),\n    ]).then(() => {\n      table.remeasureAllColumns();\n      controller.abort();\n      fontUpdateQueued.current = false;\n    });\n  });\n\n  // If the column definition changes, make sure that the measurements set is cleared again\n  useEffect(() => {\n    table.resetMeasuredColumnWidths();\n  }, [table, table.options.columns]);\n\n  const draggedHeaderColumn = tableState.draggedHeaderColumn;\n  useEffect(() => {\n    // In a scrollable table, when ordering columns via drag and drop, dragging automatically scrolls the content.\n    // This effect ensures that vertical scrolling is prevented while a column is being dragged.\n    const parent = parentRef.current;\n    const currentOffset = rowVirtualizer.scrollOffset;\n    const abort = new AbortController();\n    if (draggedHeaderColumn) {\n      // Add an event listener to the parent element to maintain the current scroll position\n      parent?.addEventListener(\n        'scroll',\n        () => rowVirtualizer.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => {\n      abort.abort();\n    };\n  }, [draggedHeaderColumn, rowVirtualizer]);\n\n  useEffect(() => {\n    // In a scrollable table, when ordering rows via drag and drop, dragging automatically scrolls the content horizontally.\n    // This effect ensures that horizontal scrolling is prevented while a row is being dragged.\n    const parent = parentRef.current;\n    const currentOffset = columnVirtualizer.scrollOffset;\n    const abort = new AbortController();\n    if (draggingRowInfo) {\n      // Add an event listener to the parent element to maintain the current scroll position\n      parent?.addEventListener(\n        'scroll',\n        () => columnVirtualizer.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => {\n      abort.abort();\n    };\n  }, [columnVirtualizer, draggingRowInfo]);\n\n  table.registerVirtualizers(rowVirtualizer, columnVirtualizer);\n\n  return (\n    <div\n      ref={parentRef}\n      className={clsx(\n        'strato-table-virtualization-container',\n        styles.virtualizationContainer({\n          contained: visualVariantOptions.contained,\n          rowSeparation: visualVariantOptions.rowSeparation,\n          headers: visualVariantOptions.headers,\n          loading: tableState.loading,\n          hasVisibleColumns,\n          scrollDirection,\n        }),\n      )}\n      style={containerStyle}\n    >\n      <DataTableContent\n        rowVirtualizer={rowVirtualizer}\n        columnVirtualizer={columnVirtualizer}\n      />\n      <DataTableStatePlaceholder\n        isColumnsEmpty={columnVirtualizer.options.count === 0}\n        isDataEmpty={rowVirtualizer.options.count === 0}\n        allColumnsHidden={!hasVisibleColumns}\n        emptyStateSlot={emptyState}\n      />\n    </div>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useVirtualizer, type Range } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { debounce } from 'lodash-es';\nimport {\n  type CSSProperties,\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { DataTableContent } from './DataTableContent.js';\nimport { DataTableEmptyState } from './DataTableEmptyState.js';\nimport { DataTableStatePlaceholder } from './DataTableStatePlaceholder.js';\nimport * as styles from './DataTableVirtualizationContainer.sty.js';\nimport { useFontsUpdated } from '../../../core/hooks/useFontsUpdated.js';\nimport {\n  DATA_TABLE_BORDER_WIDTH,\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_VIRTUALIZER_COLUMN_OVERSCAN,\n  DATA_TABLE_VIRTUALIZER_ROW_OVERSCAN,\n} from '../constants.js';\nimport { addPinnedColumnsToVisibleRange } from '../features/ColumnPinning/column-pinning-utils.js';\nimport { isWidthExtendedConfig } from '../features/Layout/width-utils.js';\nimport { type Table } from '../hooks/useTable/types.js';\n\ntype WidthConfigsById = Record<\n  string,\n  {\n    minWidth: number;\n    maxWidth: number | undefined;\n    isContentOrAutoWidth: boolean;\n  }\n>;\n\nexport function DataTableVirtualizationContainer<T>(\n  props: Readonly<{\n    table: Table<T>;\n    emptyState: ReturnType<typeof DataTableEmptyState>;\n    fullHeight: boolean;\n  }>,\n): JSX.Element {\n  const { table, emptyState, fullHeight } = props;\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const tableState = table.getState();\n  const rows = table.getRowModel().rows;\n  const draggingRowInfo = tableState.draggingRowInfo;\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n\n  const getUniqueRowKey = useCallback(\n    (index: number) => rows[index].id,\n    [rows],\n  );\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows?.length ?? 0,\n    getScrollElement: () => parentRef.current,\n    // Overscan of 5 was very ambitious. A single mouse scroll tick is usually\n    // more than 5 condensed rows, so this is increased. In the future there could\n    // be a possibility to make this dependent on the row density.\n    overscan: DATA_TABLE_VIRTUALIZER_ROW_OVERSCAN,\n    indexAttribute: 'data-row',\n    // reserves space for the sticky header in the scrollable area, so the first rows are not hidden behind the header when scrolled to the top\n    paddingStart: totalHeaderHeight,\n    // ensures that scrollToIndex scrolls the item to the correct position, taking into account the reserved space for the header\n    scrollPaddingStart: totalHeaderHeight,\n    estimateSize: (index) => table.estimateRowHeight({ index }),\n    measureElement: (element) => element.getBoundingClientRect().height,\n    // Default wait until the scrollEnd is triggered and it starts updating.\n    // https://tanstack.com/virtual/latest/docs/api/virtualizer#isscrollingresetdelay\n    // Reducing it from the default 150ms seems to improve perceived scroll performance\n    isScrollingResetDelay: 20,\n    getItemKey: getUniqueRowKey,\n    // reset scrollElement observers when the data in the table is changed\n    // fixes the issue with Firefox browser not resetting the scrollTop position of the virtualizer when the table is scrolled and the data is changed\n    // APPDEV-15467\n    enabled: rows.length > 0,\n  });\n\n  const pinnedLeftColumns = table.getLeftVisibleLeafColumns();\n  const pinnedRightColumns = table.getRightVisibleLeafColumns();\n\n  // create left array indexes\n  const pinnedLeftIndexes = useMemo(\n    () => Array.from({ length: pinnedLeftColumns.length }, (_, i) => i),\n    [pinnedLeftColumns.length],\n  );\n\n  // create right array indexes\n  const pinnedRightIndexes = useMemo(() => {\n    const pinnedRightStartIndex =\n      visibleLeafColumns.length - pinnedRightColumns.length;\n\n    return Array.from(\n      { length: pinnedRightColumns.length },\n      (_, i) => pinnedRightStartIndex + i,\n    );\n  }, [visibleLeafColumns.length, pinnedRightColumns.length]); // Only recreate when counts change\n\n  const columnRangeExtractor = useCallback(\n    (range: Range) =>\n      addPinnedColumnsToVisibleRange(\n        range,\n        pinnedLeftIndexes,\n        pinnedRightIndexes,\n      ),\n    [pinnedLeftIndexes, pinnedRightIndexes],\n  );\n\n  const orderedVisibleLeafColumns = table.getOrderedVisibleLeafColumns();\n  const getUniqueColumnKey = useCallback(\n    (index: number) => orderedVisibleLeafColumns[index].id,\n    [orderedVisibleLeafColumns],\n  );\n\n  const widthConfigsById = useMemo<WidthConfigsById>(() => {\n    return visibleLeafColumnsWithoutBuiltin.reduce<WidthConfigsById>(\n      (acc, column) => {\n        const { id, columnDef } = column;\n        const {\n          width,\n          minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n          maxWidth,\n        } = columnDef;\n\n        const isExtendedConfig = isWidthExtendedConfig(width);\n        const isContentOrAutoWidth =\n          isExtendedConfig || width === 'content' || width === 'auto';\n        const maxAutoWidth = isExtendedConfig ? width.maxWidth : undefined;\n\n        // Take the smallest of the maxWidths if both are defined\n        // if columnSize is defined (the user resized a column), it takes precedence over maxWidth and maxAutoWidth\n        const finalMaxWidth =\n          maxWidth !== undefined && maxAutoWidth !== undefined\n            ? Math.min(maxWidth, maxAutoWidth)\n            : maxWidth ?? maxAutoWidth;\n\n        acc[id] = {\n          minWidth,\n          maxWidth: finalMaxWidth,\n          isContentOrAutoWidth,\n        };\n        return acc;\n      },\n      {},\n    );\n  }, [visibleLeafColumnsWithoutBuiltin]);\n\n  const columnMeasure = useCallback(\n    (element: Element) => {\n      const measuredWidth = element.getBoundingClientRect().width;\n\n      const columnId =\n        element instanceof HTMLElement ? element.dataset.columnid : undefined;\n\n      const previousWidth = columnId\n        ? table.getMeasuredColumnWidth(columnId)\n        : undefined;\n      // Return the previous width if the element is hidden\n      if (measuredWidth === 0 || !columnId) {\n        return previousWidth ?? 0;\n      }\n\n      const widthConfiguration = widthConfigsById[columnId];\n\n      // If no width configuration is found, the column is currently resized,\n      // or an explicit column size is defined, return the measured width directly.\n      // Column sizing already considers min/max widths correctly.\n      if (\n        table.getState().columnSizing[columnId] !== undefined ||\n        table.getState().columnSizingInfo.isResizingColumn === columnId ||\n        !widthConfiguration\n      ) {\n        table.setMeasuredColumnWidth(columnId, measuredWidth);\n        return measuredWidth;\n      }\n\n      const { minWidth, maxWidth, isContentOrAutoWidth } = widthConfiguration;\n\n      // For content/auto width columns we need to round up slightly,\n      // to avoid an unnecessary ellipsis showing due to subpixel rendering issues.\n      const roundedWidth = isContentOrAutoWidth\n        ? Math.ceil(measuredWidth * 10) / 10\n        : measuredWidth;\n\n      const clampedWidth = Math.max(\n        minWidth ?? 0,\n        Math.min(maxWidth ?? Infinity, roundedWidth),\n      );\n\n      // Only update the measured width if it has changed beyond a small threshold (> 0.1px)\n      // to prevent infinite loops (ever-growing columns) caused by subpixel rendering differences\n      // at specific browser zoom and display scale combinations (e.g. 150% zoom + 125% scale).\n      if (\n        previousWidth !== undefined &&\n        Math.abs(clampedWidth - previousWidth) <= 0.1\n      ) {\n        // Return the previous width to prevent the virtualizer from detecting\n        // insignificant changes that would trigger re-renders.\n        return previousWidth;\n      }\n\n      table.setMeasuredColumnWidth(columnId, clampedWidth);\n      return clampedWidth;\n    },\n    [table, widthConfigsById],\n  );\n\n  const columnVirtualizer = useVirtualizer({\n    count: visibleLeafColumns.length,\n    getScrollElement: () => parentRef.current,\n    indexAttribute: 'data-column',\n    estimateSize: () => DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n    rangeExtractor: columnRangeExtractor,\n    overscan: DATA_TABLE_VIRTUALIZER_COLUMN_OVERSCAN,\n    horizontal: true,\n    getItemKey: getUniqueColumnKey,\n    measureElement: columnMeasure,\n  });\n\n  const hasVisibleColumns = visibleLeafColumnsWithoutBuiltin.length > 0;\n  const visualVariantOptions = table.getVisualVariantOptions();\n  const estimatedRowHeight = table.estimateRowHeight();\n\n  const containerStyle = useMemo(() => {\n    let minHeight: CSSProperties['minHeight'] = undefined;\n\n    if (totalHeaderHeight === 0) {\n      // if headers are hidden, be at least one row tall, otherwise be at least two rows tall\n      // to account for the border between header and first row we need to add 2px border\n      minHeight =\n        visualVariantOptions.headers === 'hidden'\n          ? estimatedRowHeight\n          : estimatedRowHeight * 2 + DATA_TABLE_BORDER_WIDTH;\n    } else {\n      // or header size + 1 additional row\n      minHeight = totalHeaderHeight + estimatedRowHeight;\n    }\n\n    if (visualVariantOptions.contained) {\n      // Add a borderTop and border bottom for the borders around the containment.\n      minHeight += 2 * DATA_TABLE_BORDER_WIDTH;\n    }\n    const baseStyle: CSSProperties = {\n      minHeight,\n    };\n\n    if (fullHeight) {\n      baseStyle.height = '100%';\n    }\n    return baseStyle;\n  }, [\n    totalHeaderHeight,\n    visualVariantOptions.contained,\n    visualVariantOptions.headers,\n    estimatedRowHeight,\n    fullHeight,\n  ]);\n\n  const scrollRect = rowVirtualizer.scrollRect;\n  const scrollElement = rowVirtualizer.scrollElement;\n  const scrollWidth = scrollElement?.scrollWidth;\n  const scrollHeight = scrollElement?.scrollHeight;\n\n  const scrollDirection = useMemo(() => {\n    if (\n      scrollRect?.width &&\n      scrollRect?.height &&\n      scrollWidth !== undefined &&\n      scrollHeight !== undefined\n    ) {\n      // Determine whether the scrollbars are visible to apply the according styles for the scrollbars\n      const hasScrollbarX = scrollRect.width < scrollWidth;\n      const hasScrollbarY = scrollRect.height < scrollHeight;\n\n      if (hasScrollbarX && hasScrollbarY) {\n        return 'xy';\n      } else if (hasScrollbarX) {\n        return 'x';\n      } else if (hasScrollbarY) {\n        return 'y';\n      }\n    }\n    return false;\n  }, [scrollRect?.width, scrollRect?.height, scrollWidth, scrollHeight]);\n\n  const fontUpdateQueued = useRef(false);\n  useFontsUpdated(() => {\n    if (fontUpdateQueued.current) {\n      return;\n    }\n    fontUpdateQueued.current = true;\n    const controller = new AbortController();\n    Promise.race([\n      // If the animations have not stopped after a timeout period,\n      // we can remeasure nevertheless.\n      new Promise<void>((resolve) =>\n        setTimeout(() => {\n          resolve();\n        }, 1_000),\n      ),\n      // If the animations subside within a reasonable interval, we\n      // can also remeasure.\n      new Promise<void>((resolve) => {\n        document.addEventListener(\n          'animationend',\n          debounce(() => {\n            resolve();\n          }, 200),\n          { signal: controller.signal },\n        );\n      }),\n    ]).then(() => {\n      table.remeasureAllColumns();\n      controller.abort();\n      fontUpdateQueued.current = false;\n    });\n  });\n\n  // If the column definition changes, make sure that the measurements set is cleared again\n  useEffect(() => {\n    table.resetMeasuredColumnWidths();\n  }, [table, table.options.columns]);\n\n  const draggedHeaderColumn = tableState.draggedHeaderColumn;\n  useEffect(() => {\n    // In a scrollable table, when ordering columns via drag and drop, dragging automatically scrolls the content.\n    // This effect ensures that vertical scrolling is prevented while a column is being dragged.\n    const parent = parentRef.current;\n    const currentOffset = rowVirtualizer.scrollOffset;\n    const abort = new AbortController();\n    if (draggedHeaderColumn) {\n      // Add an event listener to the parent element to maintain the current scroll position\n      parent?.addEventListener(\n        'scroll',\n        () => rowVirtualizer.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => {\n      abort.abort();\n    };\n  }, [draggedHeaderColumn, rowVirtualizer]);\n\n  useEffect(() => {\n    // In a scrollable table, when ordering rows via drag and drop, dragging automatically scrolls the content horizontally.\n    // This effect ensures that horizontal scrolling is prevented while a row is being dragged.\n    const parent = parentRef.current;\n    const currentOffset = columnVirtualizer.scrollOffset;\n    const abort = new AbortController();\n    if (draggingRowInfo) {\n      // Add an event listener to the parent element to maintain the current scroll position\n      parent?.addEventListener(\n        'scroll',\n        () => columnVirtualizer.scrollToOffset(currentOffset ?? 0),\n        { signal: abort.signal },\n      );\n    }\n    return () => {\n      abort.abort();\n    };\n  }, [columnVirtualizer, draggingRowInfo]);\n\n  table.registerVirtualizers(rowVirtualizer, columnVirtualizer);\n\n  return (\n    <div\n      ref={parentRef}\n      className={clsx(\n        'strato-table-virtualization-container',\n        styles.virtualizationContainer({\n          contained: visualVariantOptions.contained,\n          rowSeparation: visualVariantOptions.rowSeparation,\n          headers: visualVariantOptions.headers,\n          loading: tableState.loading,\n          hasVisibleColumns,\n          scrollDirection,\n        }),\n      )}\n      style={containerStyle}\n    >\n      <DataTableContent\n        rowVirtualizer={rowVirtualizer}\n        columnVirtualizer={columnVirtualizer}\n      />\n      <DataTableStatePlaceholder\n        isColumnsEmpty={columnVirtualizer.options.count === 0}\n        isDataEmpty={rowVirtualizer.options.count === 0}\n        allColumnsHidden={!hasVisibleColumns}\n        emptyStateSlot={emptyState}\n      />\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/components/DataTableVirtualizationContainer.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableVirtualizationContainer.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var virtualizationContainer = _7a468({ defaultClassName: "_ytdpsw0-3-0-1", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-0-1", false: "_ytdpsw2-3-0-1" }, loading: { true: "_ytdpsw3-3-0-1" }, contained: { true: "_ytdpsw4-3-0-1", false: "_ytdpsw5-3-0-1" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-0-1", zebraStripes: "_ytdpsw7-3-0-1", none: "_ytdpsw8-3-0-1" }, headers: { hidden: "_ytdpsw9-3-0-1", "default": "_ytdpswa-3-0-1" }, scrollDirection: { false: "_ytdpswb-3-0-1", x: "_ytdpswc-3-0-1", y: "_ytdpswd-3-0-1", xy: "_ytdpswe-3-0-1" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-0-1"]] });
+var virtualizationContainer = _7a468({ defaultClassName: "_ytdpsw0-3-1-1", variantClassNames: { hasVisibleColumns: { true: "_ytdpsw1-3-1-1", false: "_ytdpsw2-3-1-1" }, loading: { true: "_ytdpsw3-3-1-1" }, contained: { true: "_ytdpsw4-3-1-1", false: "_ytdpsw5-3-1-1" }, rowSeparation: { horizontalDividers: "_ytdpsw6-3-1-1", zebraStripes: "_ytdpsw7-3-1-1", none: "_ytdpsw8-3-1-1" }, headers: { hidden: "_ytdpsw9-3-1-1", "default": "_ytdpswa-3-1-1" }, scrollDirection: { false: "_ytdpswb-3-1-1", x: "_ytdpswc-3-1-1", y: "_ytdpswd-3-1-1", xy: "_ytdpswe-3-1-1" } }, defaultVariants: { contained: true, rowSeparation: "horizontalDividers", headers: "default" }, compoundVariants: [[{ contained: true, scrollDirection: "xy" }, "_ytdpswf-3-1-1"]] });
 export {
   virtualizationContainer
 };

package/esm/tables/DataTable/components/DataTableVirtualizationContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableVirtualizationContainer.css.ts"],
-  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationContainer = _7a468({defaultClassName:'_ytdpsw0-3-0-1',variantClassNames:{hasVisibleColumns:{true:'_ytdpsw1-3-0-1',false:'_ytdpsw2-3-0-1'},loading:{true:'_ytdpsw3-3-0-1'},contained:{true:'_ytdpsw4-3-0-1',false:'_ytdpsw5-3-0-1'},rowSeparation:{horizontalDividers:'_ytdpsw6-3-0-1',zebraStripes:'_ytdpsw7-3-0-1',none:'_ytdpsw8-3-0-1'},headers:{hidden:'_ytdpsw9-3-0-1','default':'_ytdpswa-3-0-1'},scrollDirection:{false:'_ytdpswb-3-0-1',x:'_ytdpswc-3-0-1',y:'_ytdpswd-3-0-1',xy:'_ytdpswe-3-0-1'}},defaultVariants:{contained:true,rowSeparation:'horizontalDividers',headers:'default'},compoundVariants:[[{contained:true,scrollDirection:'xy'},'_ytdpswf-3-0-1']]});"],
+  "sourcesContent": ["import './DataTableVirtualizationContainer.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var virtualizationContainer = _7a468({defaultClassName:'_ytdpsw0-3-1-1',variantClassNames:{hasVisibleColumns:{true:'_ytdpsw1-3-1-1',false:'_ytdpsw2-3-1-1'},loading:{true:'_ytdpsw3-3-1-1'},contained:{true:'_ytdpsw4-3-1-1',false:'_ytdpsw5-3-1-1'},rowSeparation:{horizontalDividers:'_ytdpsw6-3-1-1',zebraStripes:'_ytdpsw7-3-1-1',none:'_ytdpsw8-3-1-1'},headers:{hidden:'_ytdpsw9-3-1-1','default':'_ytdpswa-3-1-1'},scrollDirection:{false:'_ytdpswb-3-1-1',x:'_ytdpswc-3-1-1',y:'_ytdpswd-3-1-1',xy:'_ytdpswe-3-1-1'}},defaultVariants:{contained:true,rowSeparation:'horizontalDividers',headers:'default'},compoundVariants:[[{contained:true,scrollDirection:'xy'},'_ytdpswf-3-1-1']]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,mBAAkB,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,GAAE,WAAU,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,eAAc,EAAC,oBAAmB,kBAAiB,cAAa,kBAAiB,MAAK,iBAAgB,GAAE,SAAQ,EAAC,QAAO,kBAAiB,WAAU,iBAAgB,GAAE,iBAAgB,EAAC,OAAM,kBAAiB,GAAE,kBAAiB,GAAE,kBAAiB,IAAG,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,eAAc,sBAAqB,SAAQ,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,MAAK,iBAAgB,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
   "names": []
 }