@dynatrace/strato-components 3.12.1 → 3.13.0

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 '../../../core/components/app-root/AppRoot.css';\nimport '../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 = '_11pvd3zc-3-12-1';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zl-3-12-1',variantClassNames:{active:{true:'_11pvd3zm-3-12-1',false:'_11pvd3zn-3-12-1'},last:{true:'_11pvd3zo-3-12-1',false:'_11pvd3zp-3-12-1'},pinnedColumn:{false:'_11pvd3zq-3-12-1',left:'_11pvd3zr-3-12-1',right:'_11pvd3zs-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z6-3-12-1',condensed:'_11pvd3z7-3-12-1',comfortable:'_11pvd3z8-3-12-1'};\nexport var firstColumn = '_11pvd3zd-3-12-1';\nexport var firstHeaderRow = '_11pvd3z9-3-12-1';\nexport var firstRightPinnedColumn = '_11pvd3zg-3-12-1';\nexport var firstUnpinnedColumn = '_11pvd3zf-3-12-1';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zt-3-12-1',variantClassNames:{pinnedColumn:{false:'_11pvd3zu-3-12-1',left:'_11pvd3zv-3-12-1',right:'_11pvd3zw-3-12-1'},rowDensity:{customHeaderRenderer:'_11pvd3zx-3-12-1','default':'_11pvd3zy-3-12-1',condensed:'_11pvd3zz-3-12-1',comfortable:'_11pvd3z10-3-12-1'},verticalDividers:{true:'_11pvd3z11-3-12-1',false:'_11pvd3z12-3-12-1'},isDragAndDropDisabled:{true:'_11pvd3z13-3-12-1',false:'_11pvd3z14-3-12-1'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3z16-3-12-1';\nexport var headerCellEllipsis = '_11pvd3z15-3-12-1';\nexport var headerWidthVar = 'var(--_11pvd3zj-3-12-1)';\nexport var hovered = '_11pvd3z0-3-12-1';\nexport var isMultiSortedHeader = '_11pvd3z4-3-12-1';\nexport var isSortedHeader = '_11pvd3z3-3-12-1';\nexport var lastHeaderRow = '_11pvd3za-3-12-1';\nexport var lastLeftPinnedColumn = '_11pvd3ze-3-12-1';\nexport var leftAdditionalElevationVar = 'var(--_11pvd3zk-3-12-1)';\nexport var leftPositionVar = 'var(--_11pvd3zh-3-12-1)';\nexport var narrow = '_11pvd3z1-3-12-1';\nexport var parentHeader = '_11pvd3zb-3-12-1';\nexport var rightPositionVar = 'var(--_11pvd3zi-3-12-1)';\nexport var sortableHeader = '_11pvd3z2-3-12-1';\nexport var subRowIndicatorColumn = '_11pvd3z5-3-12-1';"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport '../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 = '_11pvd3zc-3-13-0';\nexport var columnSizingHandle = _7a468({defaultClassName:'_11pvd3zl-3-13-0',variantClassNames:{active:{true:'_11pvd3zm-3-13-0',false:'_11pvd3zn-3-13-0'},last:{true:'_11pvd3zo-3-13-0',false:'_11pvd3zp-3-13-0'},pinnedColumn:{false:'_11pvd3zq-3-13-0',left:'_11pvd3zr-3-13-0',right:'_11pvd3zs-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var customHeaderDensity = {'default':'_11pvd3z6-3-13-0',condensed:'_11pvd3z7-3-13-0',comfortable:'_11pvd3z8-3-13-0'};\nexport var firstColumn = '_11pvd3zd-3-13-0';\nexport var firstHeaderRow = '_11pvd3z9-3-13-0';\nexport var firstRightPinnedColumn = '_11pvd3zg-3-13-0';\nexport var firstUnpinnedColumn = '_11pvd3zf-3-13-0';\nexport var headerCell = _7a468({defaultClassName:'_11pvd3zt-3-13-0',variantClassNames:{pinnedColumn:{false:'_11pvd3zu-3-13-0',left:'_11pvd3zv-3-13-0',right:'_11pvd3zw-3-13-0'},rowDensity:{customHeaderRenderer:'_11pvd3zx-3-13-0','default':'_11pvd3zy-3-13-0',condensed:'_11pvd3zz-3-13-0',comfortable:'_11pvd3z10-3-13-0'},verticalDividers:{true:'_11pvd3z11-3-13-0',false:'_11pvd3z12-3-13-0'},isDragAndDropDisabled:{true:'_11pvd3z13-3-13-0',false:'_11pvd3z14-3-13-0'}},defaultVariants:{rowDensity:'default',verticalDividers:false},compoundVariants:[]});\nexport var headerCellActiveInteraction = '_11pvd3z16-3-13-0';\nexport var headerCellEllipsis = '_11pvd3z15-3-13-0';\nexport var headerWidthVar = 'var(--_11pvd3zj-3-13-0)';\nexport var hovered = '_11pvd3z0-3-13-0';\nexport var isMultiSortedHeader = '_11pvd3z4-3-13-0';\nexport var isSortedHeader = '_11pvd3z3-3-13-0';\nexport var lastHeaderRow = '_11pvd3za-3-13-0';\nexport var lastLeftPinnedColumn = '_11pvd3ze-3-13-0';\nexport var leftAdditionalElevationVar = 'var(--_11pvd3zk-3-13-0)';\nexport var leftPositionVar = 'var(--_11pvd3zh-3-13-0)';\nexport var narrow = '_11pvd3z1-3-13-0';\nexport var parentHeader = '_11pvd3zb-3-13-0';\nexport var rightPositionVar = 'var(--_11pvd3zi-3-13-0)';\nexport var sortableHeader = '_11pvd3z2-3-13-0';\nexport var subRowIndicatorColumn = '_11pvd3z5-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc;AAClB,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,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;AAC3U,IAAI,sBAAsB,EAAC,WAAU,oBAAmB,WAAU,oBAAmB,aAAY,mBAAkB;AACnH,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;AAC1B,IAAI,aAAa,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,cAAa,EAAC,OAAM,oBAAmB,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,sBAAqB,oBAAmB,WAAU,oBAAmB,WAAU,oBAAmB,aAAY,oBAAmB,GAAE,kBAAiB,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,GAAE,uBAAsB,EAAC,MAAK,qBAAoB,OAAM,oBAAmB,EAAC,GAAE,iBAAgB,EAAC,YAAW,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5hB,IAAI,8BAA8B;AAClC,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;AAC3B,IAAI,6BAA6B;AACjC,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-12-1 {
+._1y5fzv0-3-13-0 {
   display: grid;
   grid-template-columns: subgrid;
   position: relative;
   grid-template-rows: inherit;
 }
-._or8s40-3-12-1:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-12-1 {
+._or8s40-3-13-0:not(:has([aria-expanded="true"][aria-controls])) ._1y5fzv0-3-13-0 {
   border-bottom-width: 0;
 }
-._1y5fzv2-3-12-1 {
+._1y5fzv2-3-13-0 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-12-1 ._14sp6az6-3-12-1._1y5fzv2-3-12-1,
-          ._ytdpswc-3-12-1 ._14sp6az6-3-12-1._1y5fzv2-3-12-1,
-          ._ytdpswe-3-12-1 ._14sp6az6-3-12-1._1y5fzv2-3-12-1,
-          ._2twyod0-3-12-1._1y5fzv2-3-12-1 {
+._ytdpsw0-3-13-0 ._14sp6az6-3-13-0._1y5fzv2-3-13-0,
+          ._ytdpswc-3-13-0 ._14sp6az6-3-13-0._1y5fzv2-3-13-0,
+          ._ytdpswe-3-13-0 ._14sp6az6-3-13-0._1y5fzv2-3-13-0,
+          ._2twyod0-3-13-0._1y5fzv2-3-13-0 {
   border-bottom-width: 0;
 }
-._1y5fzv3-3-12-1 {
+._1y5fzv3-3-13-0 {
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpsw0-3-12-1 ._14sp6az6-3-12-1._1y5fzv3-3-12-1,
-          ._2twyod0-3-12-1._1y5fzv3-3-12-1 {
+._ytdpsw0-3-13-0 ._14sp6az6-3-13-0._1y5fzv3-3-13-0,
+          ._2twyod0-3-13-0._1y5fzv3-3-13-0 {
   border-bottom-width: 0;
 }
-._1y5fzv6-3-12-1 {
+._1y5fzv6-3-13-0 {
   visibility: hidden;
 }
-._1y5fzv8-3-12-1:not(._15silbj3-3-12-1, ._15silbj4-3-12-1, ._15silbj0-3-12-1:hover) {
+._1y5fzv8-3-13-0:not(._15silbj3-3-13-0, ._15silbj4-3-13-0, ._15silbj0-3-13-0:hover) {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._1y5fzv9-3-12-1:not(._15silbj3-3-12-1, ._15silbj4-3-12-1, ._15silbj0-3-12-1:hover) {
+._1y5fzv9-3-13-0:not(._15silbj3-3-13-0, ._15silbj4-3-13-0, ._15silbj0-3-13-0:hover) {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }

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

@@ -77,10 +77,10 @@ function DataTableRow(props) {
     });
     rowLinkRef.current?.dispatchEvent(newEvent);
   };
-  const leftPinnedColumns = table.getLeftVisibleLeafColumns();
+  const leftPinnedColumns = table.getStartVisibleLeafColumns();
   const lastLeftPinnedColumn = leftPinnedColumns.at(-1);
   const lastLeftPinnedVirtualColumnIndex = leftPinnedColumns.length - 1;
-  const rightPinnedColumns = table.getRightVisibleLeafColumns();
+  const rightPinnedColumns = table.getEndVisibleLeafColumns();
   const firstRightPinnedColumn = rightPinnedColumns.at(0);
   const firstRightPinnedVirtualColumnIndex = virtualColumns[virtualColumns.length - rightPinnedColumns.length]?.index;
   const gridRowPosition = props.row.getGridRowPosition(virtualItemIndex);
@@ -170,7 +170,7 @@ function DataTableRow(props) {
           }) }),
           rowLink && // this link element solely holds the link for interactive rows and is not visible to the user
           // it's not directly clickable; instead, the link is opened by interactions with the row (click, enter)
-          // eslint-disable-next-line jsx-a11y/anchor-has-content
+          // oxlint-disable-next-line jsx-a11y/anchor-has-content
           /* @__PURE__ */ jsx(
             "a",
             {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableRow.tsx"],
-  "sourcesContent": ["import { useSortable } from '@dnd-kit/sortable';\nimport type { Row, RowData, TableFeatures } from '@tanstack/react-table';\nimport type { ScrollToOptions, VirtualItem } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { type KeyboardEvent, type PointerEvent, type JSX, useRef } from 'react';\n\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport { isTargetInteractive } from '../../utils/is-target-interactive.js';\nimport {\n  DataTableRowContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport * as tableStyles from '../DataTable.sty.js';\nimport { DataTablePinningShadowCells } from './ColumnPinning/DataTablePinningShadowCells.js';\nimport { DataTableCell } from './DataTableCell.js';\nimport * as styles from './DataTableRow.sty.js';\nimport { rowDetailsExpandedRowCell } from '../features/RowDetails/RowDetails.sty.js';\nimport { useRowInteractivityProps } from '../features/RowInteractivity/hooks/useRowInteractivityProps.js';\nimport { SubRowCellContextProvider } from '../features/SubRows/components/SubRowCellContext.js';\n\n/** Duration (ms) for long press on touch devices. */\nconst ROW_LONG_PRESS_TIMEOUT_DURATION = 500;\n\ninterface DataTableRowProps extends StylingProps {\n  /**\n   * DataTable row object.\n   */\n  row: Row<TableFeatures, RowData>;\n  /**\n   * The virtual item in the row virtualizer.\n   */\n  virtualRow: VirtualItem;\n  /**\n   * The index of the row in the virtual items array, representing the currently rendered rows.\n   */\n  virtualItemIndex: number;\n  /**\n   * Total number of rows currently rendered in the table.\n   */\n  rowCount: number;\n  /**\n   * The virtual items in the column virtualizer.\n   */\n  virtualColumns: VirtualItem[];\n  /**\n   * Whether the row is currently being reordered via drag and drop.\n   * The dragged row is the original row that is rendered in the table.\n   */\n  isDraggedRow: boolean;\n  /**\n   * Whether the row is currently in the drag overlay.\n   * The row that is in the overlay is a copy of the row being dragged.\n   */\n  isInDragOverlay: boolean;\n  /**\n   * Parity of the row to keep track of the zebra stripe patterns.\n   */\n  rowParity?: 'even' | 'odd';\n  /**\n   * Measure function for row sizing that is called when the row is rendered to the dom.\n   */\n  rowMeasure?: (node: Element | null) => void;\n  /**\n   * Measure function for column sizing that is called when the column cells are rendered to the dom.\n   */\n  columnMeasure?: (node: Element | null) => void;\n  /**\n   * rowVirtualizer function for scrolling to the row with the specified index.\n   */\n  scrollToIndex?: (index: number, options?: ScrollToOptions) => void;\n}\n\n/**\n * Wrapper around all cells in a props.row.\n * @internal\n */\nexport function DataTableRow(props: Readonly<DataTableRowProps>): JSX.Element {\n  const {\n    virtualRow,\n    rowCount,\n    virtualColumns,\n    isDraggedRow,\n    isInDragOverlay,\n    virtualItemIndex,\n    rowParity,\n    rowMeasure,\n    columnMeasure,\n    scrollToIndex: scrollToIndexProp,\n  } = props;\n\n  const table = useDataTable();\n  const virtualRowIndex = virtualRow.index;\n  const hasSubRows = table.options.enableExpanding === true;\n  const subRowIndicatorColumnId = hasSubRows\n    ? table.getSubRowIndicatorColumnId()\n    : null;\n  const subRowDepth = hasSubRows ? props.row.getSubRowDepth() : 0;\n  const thresholdPill = props.row.getThresholdPill();\n\n  const scrollToIndex = scrollToIndexProp ?? (() => undefined);\n  const { rowInteractivityClassName, rowInteractivityProps } =\n    useRowInteractivityProps(props.row, scrollToIndex);\n\n  const rowLink = props.row.getLinkForRow();\n  const rowLinkRef = useRef<HTMLAnchorElement>(null);\n\n  const { setNodeRef } = useSortable({\n    id: props.row.id,\n    data: {\n      row: props.row,\n      rowIndex: virtualRowIndex,\n      virtualRow,\n    },\n  });\n\n  const isLongPress = useRef(false);\n  // after some researching it looks like the average duration for recognizing long press is ~400-500ms\n  // however, this may differ depending on the device\n  // Sources:\n  // - https://developer.apple.com/documentation/uikit/uilongpressgesturerecognizer/minimumpressduration\n  // - https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/view/ViewConfiguration.java\n  const longPressTimeout = useRef<NodeJS.Timeout | null>(null);\n\n  const handleOpenRowLinkOnEnter = (event: KeyboardEvent): void => {\n    if (!rowLink) {\n      return;\n    }\n\n    const isRowEnter =\n      (event.target as HTMLElement).getAttribute('role') === 'row' &&\n      event.key === 'Enter';\n\n    if (isRowEnter) {\n      rowLinkRef.current?.click();\n    }\n  };\n\n  const handleClickOnRowLink = (event: PointerEvent<HTMLElement>): void => {\n    const { target } = event;\n\n    // early exit if a cell actions menu was opened on long press or right-click,\n    // or if the target is not a valid element\n    if (\n      isLongPress.current ||\n      (!(target instanceof HTMLElement) && !(target instanceof SVGElement))\n    ) {\n      return;\n    }\n\n    const row = target.closest('[role=\"row\"]');\n    // early exit if an element outside or an interactive element inside the row was clicked\n    if (row === null || isTargetInteractive(row, target)) {\n      return;\n    }\n\n    const nativeEvent = event.nativeEvent;\n    const newEvent = new MouseEvent('click', {\n      ...event.nativeEvent,\n      // For some reason the Ctrl and Meta key as well as the button key have to be manually set,\n      // even though the native event already contains the correct values\n      ctrlKey: nativeEvent.ctrlKey === true,\n      metaKey: nativeEvent.metaKey === true,\n      button: nativeEvent.button,\n    });\n\n    // Dispatching a synthetic event allows to open the link in a new tab in the background\n    // when clicking on an cell for which cell actions are defined, for instance.\n    rowLinkRef.current?.dispatchEvent(newEvent);\n  };\n\n  // get the last left pinned and first right pinned column to be able to display a shadow to indicate overflow\n  const leftPinnedColumns = table.getLeftVisibleLeafColumns();\n  const lastLeftPinnedColumn = leftPinnedColumns.at(-1);\n  const lastLeftPinnedVirtualColumnIndex = leftPinnedColumns.length - 1;\n  const rightPinnedColumns = table.getRightVisibleLeafColumns();\n  const firstRightPinnedColumn = rightPinnedColumns.at(0);\n  const firstRightPinnedVirtualColumnIndex =\n    virtualColumns[virtualColumns.length - rightPinnedColumns.length]?.index;\n\n  const gridRowPosition = props.row.getGridRowPosition(virtualItemIndex);\n  const visibleCells = props.row.getVisibleCells();\n\n  let linkHandlingEvents = {};\n  if (rowLink) {\n    linkHandlingEvents = {\n      onPointerUp: handleClickOnRowLink,\n      onKeyUp: handleOpenRowLinkOnEnter,\n    };\n  }\n\n  return (\n    <>\n      <div\n        role=\"row\"\n        ref={rowMeasure}\n        data-rowid={props.row.id}\n        data-row={virtualRowIndex}\n        className={clsx(\n          styles.row({\n            rowSeparation: table.atoms.visualVariantConfig?.get().rowSeparation,\n            rowParity,\n            isDraggedRow,\n          }),\n          {\n            [tableStyles.firstBodyRow]: virtualRowIndex === 0,\n            [tableStyles.lastBodyRow]: virtualRowIndex === rowCount - 1,\n            [`${rowDetailsExpandedRowCell}`]: props.row.getIsDetailsOpen(),\n            [rowInteractivityClassName]: !isInDragOverlay,\n          },\n        )}\n        style={{\n          ...gridRowPosition,\n        }}\n        onTouchStart={() => {\n          // we need to set this timeout to detect if the user performed a long press on the row\n          longPressTimeout.current = setTimeout(() => {\n            isLongPress.current = true;\n          }, ROW_LONG_PRESS_TIMEOUT_DURATION);\n        }}\n        onTouchEnd={() => {\n          // clear the long press timer on touch release\n          if (longPressTimeout.current !== null) {\n            clearTimeout(longPressTimeout.current);\n          }\n          isLongPress.current = false;\n        }}\n        // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n        {...(!isInDragOverlay && {\n          ...rowInteractivityProps,\n          ...linkHandlingEvents,\n        })}\n      >\n        <DataTableRowContextProvider value={props.row}>\n          {virtualColumns.map((virtualCell) => {\n            const virtualCellIndex = virtualCell.index;\n            const cell = visibleCells[virtualCellIndex];\n            const column = cell.column;\n\n            return (\n              <SubRowCellContextProvider\n                key={`${virtualRow.key}-${virtualCell.key}`}\n                isSubRowIndicatorColumn={\n                  hasSubRows && subRowIndicatorColumnId === column.id\n                }\n                cell={cell}\n              >\n                {/* Subscribe per cell so opening a context menu only re-renders\n                    the affected cell, not the whole row. */}\n                <table.Subscribe\n                  source={table.atoms.floatingMenuInfo}\n                  selector={(floatingMenuInfo) =>\n                    floatingMenuInfo?.rowId === props.row.id &&\n                    floatingMenuInfo?.columnId === column.id\n                  }\n                >\n                  {(hasActiveFloatingMenu) => (\n                    <DataTableCell\n                      cell={cell}\n                      virtualColumnIndex={virtualCellIndex}\n                      virtualRowIndex={virtualRowIndex}\n                      isInDragOverlay={isInDragOverlay}\n                      hasActiveFloatingMenu={hasActiveFloatingMenu}\n                      columnMeasure={columnMeasure}\n                      dragAndDropRef={setNodeRef}\n                      subRowDepth={subRowDepth}\n                      thresholdPill={thresholdPill}\n                      rowData={props.row.original}\n                      cellDeps={column.columnDef?.meta\n                        ?.cellDeps?.(cell)\n                        .toString()}\n                    />\n                  )}\n                </table.Subscribe>\n              </SubRowCellContextProvider>\n            );\n          })}\n        </DataTableRowContextProvider>\n        {rowLink && (\n          // this link element solely holds the link for interactive rows and is not visible to the user\n          // it's not directly clickable; instead, the link is opened by interactions with the row (click, enter)\n          // eslint-disable-next-line jsx-a11y/anchor-has-content\n          <a\n            ref={rowLinkRef}\n            href={rowLink}\n            onPointerDown={(event: PointerEvent) => event.stopPropagation()}\n            style={{ display: 'none' }}\n          />\n        )}\n      </div>\n      {!isDraggedRow && (\n        <DataTablePinningShadowCells\n          lastLeftPinnedColumn={{\n            column: lastLeftPinnedColumn,\n            index: lastLeftPinnedVirtualColumnIndex,\n          }}\n          firstRightPinnedColumn={{\n            column: firstRightPinnedColumn,\n            index: firstRightPinnedVirtualColumnIndex,\n          }}\n          gridRowPosition={gridRowPosition}\n          rowId={props.row.id}\n        />\n      )}\n    </>\n  );\n}\n"],
-  "mappings": "AA+LI,mBAiEgB,KAhEd,YADF;AA/LJ,SAAS,mBAAmB;AAG5B,OAAO,UAAU;AACjB,SAA0D,cAAc;AAGxE,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,YAAY,iBAAiB;AAC7B,SAAS,mCAAmC;AAC5C,SAAS,qBAAqB;AAC9B,YAAY,YAAY;AACxB,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAG1C,MAAM,kCAAkC;AAuDjC,SAAS,aAAa,OAAiD;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,QAAQ,aAAa;AAC3B,QAAM,kBAAkB,WAAW;AACnC,QAAM,aAAa,MAAM,QAAQ,oBAAoB;AACrD,QAAM,0BAA0B,aAC5B,MAAM,2BAA2B,IACjC;AACJ,QAAM,cAAc,aAAa,MAAM,IAAI,eAAe,IAAI;AAC9D,QAAM,gBAAgB,MAAM,IAAI,iBAAiB;AAEjD,QAAM,gBAAgB,sBAAsB,MAAM;AAClD,QAAM,EAAE,2BAA2B,sBAAsB,IACvD,yBAAyB,MAAM,KAAK,aAAa;AAEnD,QAAM,UAAU,MAAM,IAAI,cAAc;AACxC,QAAM,aAAa,OAA0B,IAAI;AAEjD,QAAM,EAAE,WAAW,IAAI,YAAY;AAAA,IACjC,IAAI,MAAM,IAAI;AAAA,IACd,MAAM;AAAA,MACJ,KAAK,MAAM;AAAA,MACX,UAAU;AAAA,MACV;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,cAAc,OAAO,KAAK;AAMhC,QAAM,mBAAmB,OAA8B,IAAI;AAE3D,QAAM,2BAA2B,CAAC,UAA+B;AAC/D,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,UAAM,aACH,MAAM,OAAuB,aAAa,MAAM,MAAM,SACvD,MAAM,QAAQ;AAEhB,QAAI,YAAY;AACd,iBAAW,SAAS,MAAM;AAAA,IAC5B;AAAA,EACF;AAEA,QAAM,uBAAuB,CAAC,UAA2C;AACvE,UAAM,EAAE,OAAO,IAAI;AAInB,QACE,YAAY,WACX,EAAE,kBAAkB,gBAAgB,EAAE,kBAAkB,aACzD;AACA;AAAA,IACF;AAEA,UAAM,MAAM,OAAO,QAAQ,cAAc;AAEzC,QAAI,QAAQ,QAAQ,oBAAoB,KAAK,MAAM,GAAG;AACpD;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AAC1B,UAAM,WAAW,IAAI,WAAW,SAAS;AAAA,MACvC,GAAG,MAAM;AAAA;AAAA;AAAA,MAGT,SAAS,YAAY,YAAY;AAAA,MACjC,SAAS,YAAY,YAAY;AAAA,MACjC,QAAQ,YAAY;AAAA,IACtB,CAAC;AAID,eAAW,SAAS,cAAc,QAAQ;AAAA,EAC5C;AAGA,QAAM,oBAAoB,MAAM,0BAA0B;AAC1D,QAAM,uBAAuB,kBAAkB,GAAG,EAAE;AACpD,QAAM,mCAAmC,kBAAkB,SAAS;AACpE,QAAM,qBAAqB,MAAM,2BAA2B;AAC5D,QAAM,yBAAyB,mBAAmB,GAAG,CAAC;AACtD,QAAM,qCACJ,eAAe,eAAe,SAAS,mBAAmB,MAAM,GAAG;AAErE,QAAM,kBAAkB,MAAM,IAAI,mBAAmB,gBAAgB;AACrE,QAAM,eAAe,MAAM,IAAI,gBAAgB;AAE/C,MAAI,qBAAqB,CAAC;AAC1B,MAAI,SAAS;AACX,yBAAqB;AAAA,MACnB,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAY,MAAM,IAAI;AAAA,QACtB,YAAU;AAAA,QACV,WAAW;AAAA,UACT,OAAO,IAAI;AAAA,YACT,eAAe,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAAA,YACtD;AAAA,YACA;AAAA,UACF,CAAC;AAAA,UACD;AAAA,YACE,CAAC,YAAY,YAAY,GAAG,oBAAoB;AAAA,YAChD,CAAC,YAAY,WAAW,GAAG,oBAAoB,WAAW;AAAA,YAC1D,CAAC,GAAG,yBAAyB,EAAE,GAAG,MAAM,IAAI,iBAAiB;AAAA,YAC7D,CAAC,yBAAyB,GAAG,CAAC;AAAA,UAChC;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,QACL;AAAA,QACA,cAAc,MAAM;AAElB,2BAAiB,UAAU,WAAW,MAAM;AAC1C,wBAAY,UAAU;AAAA,UACxB,GAAG,+BAA+B;AAAA,QACpC;AAAA,QACA,YAAY,MAAM;AAEhB,cAAI,iBAAiB,YAAY,MAAM;AACrC,yBAAa,iBAAiB,OAAO;AAAA,UACvC;AACA,sBAAY,UAAU;AAAA,QACxB;AAAA,QAEC,GAAI,CAAC,mBAAmB;AAAA,UACvB,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QAEA;AAAA,8BAAC,+BAA4B,OAAO,MAAM,KACvC,yBAAe,IAAI,CAAC,gBAAgB;AACnC,kBAAM,mBAAmB,YAAY;AACrC,kBAAM,OAAO,aAAa,gBAAgB;AAC1C,kBAAM,SAAS,KAAK;AAEpB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,yBACE,cAAc,4BAA4B,OAAO;AAAA,gBAEnD;AAAA,gBAIA;AAAA,kBAAC,MAAM;AAAA,kBAAN;AAAA,oBACC,QAAQ,MAAM,MAAM;AAAA,oBACpB,UAAU,CAAC,qBACT,kBAAkB,UAAU,MAAM,IAAI,MACtC,kBAAkB,aAAa,OAAO;AAAA,oBAGvC,WAAC,0BACA;AAAA,sBAAC;AAAA;AAAA,wBACC;AAAA,wBACA,oBAAoB;AAAA,wBACpB;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA,gBAAgB;AAAA,wBAChB;AAAA,wBACA;AAAA,wBACA,SAAS,MAAM,IAAI;AAAA,wBACnB,UAAU,OAAO,WAAW,MACxB,WAAW,IAAI,EAChB,SAAS;AAAA;AAAA,oBACd;AAAA;AAAA,gBAEJ;AAAA;AAAA,cAhCK,GAAG,WAAW,GAAG,IAAI,YAAY,GAAG;AAAA,YAiC3C;AAAA,UAEJ,CAAC,GACH;AAAA,UACC;AAAA;AAAA;AAAA,UAIC;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,eAAe,CAAC,UAAwB,MAAM,gBAAgB;AAAA,cAC9D,OAAO,EAAE,SAAS,OAAO;AAAA;AAAA,UAC3B;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC,CAAC,gBACA;AAAA,MAAC;AAAA;AAAA,QACC,sBAAsB;AAAA,UACpB,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,QACA,wBAAwB;AAAA,UACtB,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA,OAAO,MAAM,IAAI;AAAA;AAAA,IACnB;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["import { useSortable } from '@dnd-kit/sortable';\nimport type { Row, RowData } from '@tanstack/react-table';\nimport type { ScrollToOptions, VirtualItem } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { type KeyboardEvent, type PointerEvent, type JSX, useRef } from 'react';\n\nimport { StylingProps } from '../../../core/types/styling-props.js';\nimport { isTargetInteractive } from '../../utils/is-target-interactive.js';\nimport {\n  DataTableRowContextProvider,\n  useDataTable,\n} from '../contexts/DataTableContext.js';\nimport * as tableStyles from '../DataTable.sty.js';\nimport { DataTablePinningShadowCells } from './ColumnPinning/DataTablePinningShadowCells.js';\nimport { DataTableCell } from './DataTableCell.js';\nimport * as styles from './DataTableRow.sty.js';\nimport { rowDetailsExpandedRowCell } from '../features/RowDetails/RowDetails.sty.js';\nimport { useRowInteractivityProps } from '../features/RowInteractivity/hooks/useRowInteractivityProps.js';\nimport { SubRowCellContextProvider } from '../features/SubRows/components/SubRowCellContext.js';\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\n\n/** Duration (ms) for long press on touch devices. */\nconst ROW_LONG_PRESS_TIMEOUT_DURATION = 500;\n\ninterface DataTableRowProps extends StylingProps {\n  /**\n   * DataTable row object.\n   */\n  row: Row<TDataTableFeatures, RowData>;\n  /**\n   * The virtual item in the row virtualizer.\n   */\n  virtualRow: VirtualItem;\n  /**\n   * The index of the row in the virtual items array, representing the currently rendered rows.\n   */\n  virtualItemIndex: number;\n  /**\n   * Total number of rows currently rendered in the table.\n   */\n  rowCount: number;\n  /**\n   * The virtual items in the column virtualizer.\n   */\n  virtualColumns: VirtualItem[];\n  /**\n   * Whether the row is currently being reordered via drag and drop.\n   * The dragged row is the original row that is rendered in the table.\n   */\n  isDraggedRow: boolean;\n  /**\n   * Whether the row is currently in the drag overlay.\n   * The row that is in the overlay is a copy of the row being dragged.\n   */\n  isInDragOverlay: boolean;\n  /**\n   * Parity of the row to keep track of the zebra stripe patterns.\n   */\n  rowParity?: 'even' | 'odd';\n  /**\n   * Measure function for row sizing that is called when the row is rendered to the dom.\n   */\n  rowMeasure?: (node: Element | null) => void;\n  /**\n   * Measure function for column sizing that is called when the column cells are rendered to the dom.\n   */\n  columnMeasure?: (node: Element | null) => void;\n  /**\n   * rowVirtualizer function for scrolling to the row with the specified index.\n   */\n  scrollToIndex?: (index: number, options?: ScrollToOptions) => void;\n}\n\n/**\n * Wrapper around all cells in a props.row.\n * @internal\n */\nexport function DataTableRow(props: Readonly<DataTableRowProps>): JSX.Element {\n  const {\n    virtualRow,\n    rowCount,\n    virtualColumns,\n    isDraggedRow,\n    isInDragOverlay,\n    virtualItemIndex,\n    rowParity,\n    rowMeasure,\n    columnMeasure,\n    scrollToIndex: scrollToIndexProp,\n  } = props;\n\n  const table = useDataTable();\n  const virtualRowIndex = virtualRow.index;\n  const hasSubRows = table.options.enableExpanding === true;\n  const subRowIndicatorColumnId = hasSubRows\n    ? table.getSubRowIndicatorColumnId()\n    : null;\n  const subRowDepth = hasSubRows ? props.row.getSubRowDepth() : 0;\n  const thresholdPill = props.row.getThresholdPill();\n\n  const scrollToIndex = scrollToIndexProp ?? (() => undefined);\n  const { rowInteractivityClassName, rowInteractivityProps } =\n    useRowInteractivityProps(props.row, scrollToIndex);\n\n  const rowLink = props.row.getLinkForRow();\n  const rowLinkRef = useRef<HTMLAnchorElement>(null);\n\n  const { setNodeRef } = useSortable({\n    id: props.row.id,\n    data: {\n      row: props.row,\n      rowIndex: virtualRowIndex,\n      virtualRow,\n    },\n  });\n\n  const isLongPress = useRef(false);\n  // after some researching it looks like the average duration for recognizing long press is ~400-500ms\n  // however, this may differ depending on the device\n  // Sources:\n  // - https://developer.apple.com/documentation/uikit/uilongpressgesturerecognizer/minimumpressduration\n  // - https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/view/ViewConfiguration.java\n  const longPressTimeout = useRef<NodeJS.Timeout | null>(null);\n\n  const handleOpenRowLinkOnEnter = (event: KeyboardEvent): void => {\n    if (!rowLink) {\n      return;\n    }\n\n    const isRowEnter =\n      (event.target as HTMLElement).getAttribute('role') === 'row' &&\n      event.key === 'Enter';\n\n    if (isRowEnter) {\n      rowLinkRef.current?.click();\n    }\n  };\n\n  const handleClickOnRowLink = (event: PointerEvent<HTMLElement>): void => {\n    const { target } = event;\n\n    // early exit if a cell actions menu was opened on long press or right-click,\n    // or if the target is not a valid element\n    if (\n      isLongPress.current ||\n      (!(target instanceof HTMLElement) && !(target instanceof SVGElement))\n    ) {\n      return;\n    }\n\n    const row = target.closest('[role=\"row\"]');\n    // early exit if an element outside or an interactive element inside the row was clicked\n    if (row === null || isTargetInteractive(row, target)) {\n      return;\n    }\n\n    const nativeEvent = event.nativeEvent;\n    const newEvent = new MouseEvent('click', {\n      ...event.nativeEvent,\n      // For some reason the Ctrl and Meta key as well as the button key have to be manually set,\n      // even though the native event already contains the correct values\n      ctrlKey: nativeEvent.ctrlKey === true,\n      metaKey: nativeEvent.metaKey === true,\n      button: nativeEvent.button,\n    });\n\n    // Dispatching a synthetic event allows to open the link in a new tab in the background\n    // when clicking on an cell for which cell actions are defined, for instance.\n    rowLinkRef.current?.dispatchEvent(newEvent);\n  };\n\n  // get the last left pinned and first right pinned column to be able to display a shadow to indicate overflow\n  const leftPinnedColumns = table.getStartVisibleLeafColumns();\n  const lastLeftPinnedColumn = leftPinnedColumns.at(-1);\n  const lastLeftPinnedVirtualColumnIndex = leftPinnedColumns.length - 1;\n  const rightPinnedColumns = table.getEndVisibleLeafColumns();\n  const firstRightPinnedColumn = rightPinnedColumns.at(0);\n  const firstRightPinnedVirtualColumnIndex =\n    virtualColumns[virtualColumns.length - rightPinnedColumns.length]?.index;\n\n  const gridRowPosition = props.row.getGridRowPosition(virtualItemIndex);\n  const visibleCells = props.row.getVisibleCells();\n\n  let linkHandlingEvents = {};\n  if (rowLink) {\n    linkHandlingEvents = {\n      onPointerUp: handleClickOnRowLink,\n      onKeyUp: handleOpenRowLinkOnEnter,\n    };\n  }\n\n  return (\n    <>\n      <div\n        role=\"row\"\n        ref={rowMeasure}\n        data-rowid={props.row.id}\n        data-row={virtualRowIndex}\n        className={clsx(\n          styles.row({\n            rowSeparation: table.atoms.visualVariantConfig?.get().rowSeparation,\n            rowParity,\n            isDraggedRow,\n          }),\n          {\n            [tableStyles.firstBodyRow]: virtualRowIndex === 0,\n            [tableStyles.lastBodyRow]: virtualRowIndex === rowCount - 1,\n            [`${rowDetailsExpandedRowCell}`]: props.row.getIsDetailsOpen(),\n            [rowInteractivityClassName]: !isInDragOverlay,\n          },\n        )}\n        style={{\n          ...gridRowPosition,\n        }}\n        onTouchStart={() => {\n          // we need to set this timeout to detect if the user performed a long press on the row\n          longPressTimeout.current = setTimeout(() => {\n            isLongPress.current = true;\n          }, ROW_LONG_PRESS_TIMEOUT_DURATION);\n        }}\n        onTouchEnd={() => {\n          // clear the long press timer on touch release\n          if (longPressTimeout.current !== null) {\n            clearTimeout(longPressTimeout.current);\n          }\n          isLongPress.current = false;\n        }}\n        // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n        {...(!isInDragOverlay && {\n          ...rowInteractivityProps,\n          ...linkHandlingEvents,\n        })}\n      >\n        <DataTableRowContextProvider value={props.row}>\n          {virtualColumns.map((virtualCell) => {\n            const virtualCellIndex = virtualCell.index;\n            const cell = visibleCells[virtualCellIndex];\n            const column = cell.column;\n\n            return (\n              <SubRowCellContextProvider\n                key={`${virtualRow.key}-${virtualCell.key}`}\n                isSubRowIndicatorColumn={\n                  hasSubRows && subRowIndicatorColumnId === column.id\n                }\n                cell={cell}\n              >\n                {/* Subscribe per cell so opening a context menu only re-renders\n                    the affected cell, not the whole row. */}\n                <table.Subscribe\n                  source={table.atoms.floatingMenuInfo}\n                  selector={(floatingMenuInfo) =>\n                    floatingMenuInfo?.rowId === props.row.id &&\n                    floatingMenuInfo?.columnId === column.id\n                  }\n                >\n                  {(hasActiveFloatingMenu) => (\n                    <DataTableCell\n                      cell={cell}\n                      virtualColumnIndex={virtualCellIndex}\n                      virtualRowIndex={virtualRowIndex}\n                      isInDragOverlay={isInDragOverlay}\n                      hasActiveFloatingMenu={hasActiveFloatingMenu}\n                      columnMeasure={columnMeasure}\n                      dragAndDropRef={setNodeRef}\n                      subRowDepth={subRowDepth}\n                      thresholdPill={thresholdPill}\n                      rowData={props.row.original}\n                      cellDeps={column.columnDef?.meta\n                        ?.cellDeps?.(cell)\n                        .toString()}\n                    />\n                  )}\n                </table.Subscribe>\n              </SubRowCellContextProvider>\n            );\n          })}\n        </DataTableRowContextProvider>\n        {rowLink && (\n          // this link element solely holds the link for interactive rows and is not visible to the user\n          // it's not directly clickable; instead, the link is opened by interactions with the row (click, enter)\n          // oxlint-disable-next-line jsx-a11y/anchor-has-content\n          <a\n            ref={rowLinkRef}\n            href={rowLink}\n            onPointerDown={(event: PointerEvent) => event.stopPropagation()}\n            style={{ display: 'none' }}\n          />\n        )}\n      </div>\n      {!isDraggedRow && (\n        <DataTablePinningShadowCells\n          lastLeftPinnedColumn={{\n            column: lastLeftPinnedColumn,\n            index: lastLeftPinnedVirtualColumnIndex,\n          }}\n          firstRightPinnedColumn={{\n            column: firstRightPinnedColumn,\n            index: firstRightPinnedVirtualColumnIndex,\n          }}\n          gridRowPosition={gridRowPosition}\n          rowId={props.row.id}\n        />\n      )}\n    </>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -6,7 +6,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-12-1", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-12-1", horizontalDividers: "_1y5fzv2-3-12-1", zebraStripes: "_1y5fzv3-3-12-1" }, rowParity: { even: "_1y5fzv4-3-12-1", odd: "_1y5fzv5-3-12-1" }, isDraggedRow: { true: "_1y5fzv6-3-12-1", false: "_1y5fzv7-3-12-1" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-12-1"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-12-1"]] });
+var row = _7a468({ defaultClassName: "_1y5fzv0-3-13-0", variantClassNames: { rowSeparation: { none: "_1y5fzv1-3-13-0", horizontalDividers: "_1y5fzv2-3-13-0", zebraStripes: "_1y5fzv3-3-13-0" }, rowParity: { even: "_1y5fzv4-3-13-0", odd: "_1y5fzv5-3-13-0" }, isDraggedRow: { true: "_1y5fzv6-3-13-0", false: "_1y5fzv7-3-13-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_1y5fzv8-3-13-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_1y5fzv9-3-13-0"]] });
 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 '../../../core/components/app-root/AppRoot.css';\nimport './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-12-1',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-12-1',horizontalDividers:'_1y5fzv2-3-12-1',zebraStripes:'_1y5fzv3-3-12-1'},rowParity:{even:'_1y5fzv4-3-12-1',odd:'_1y5fzv5-3-12-1'},isDraggedRow:{true:'_1y5fzv6-3-12-1',false:'_1y5fzv7-3-12-1'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-12-1'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-12-1']]});"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './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-13-0',variantClassNames:{rowSeparation:{none:'_1y5fzv1-3-13-0',horizontalDividers:'_1y5fzv2-3-13-0',zebraStripes:'_1y5fzv3-3-13-0'},rowParity:{even:'_1y5fzv4-3-13-0',odd:'_1y5fzv5-3-13-0'},isDraggedRow:{true:'_1y5fzv6-3-13-0',false:'_1y5fzv7-3-13-0'}},defaultVariants:{},compoundVariants:[[{rowSeparation:'zebraStripes',rowParity:'even'},'_1y5fzv8-3-13-0'],[{rowSeparation:'zebraStripes',rowParity:'odd'},'_1y5fzv9-3-13-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,MAAM,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,oBAAmB,mBAAkB,cAAa,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,KAAI,kBAAiB,GAAE,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,eAAc,gBAAe,WAAU,OAAM,GAAE,iBAAiB,GAAE,CAAC,EAAC,eAAc,gBAAe,WAAU,MAAK,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -4,8 +4,8 @@ import { useDataTable } from "../contexts/DataTableContext.js";
 const DataTableScrollShadow = (props) => {
   const table = useDataTable();
   const { hasOverflowLeft, hasOverflowRight } = props;
-  const leftPinnedColumns = table.getLeftVisibleLeafColumns();
-  const rightPinnedColumns = table.getRightVisibleLeafColumns();
+  const leftPinnedColumns = table.getStartVisibleLeafColumns();
+  const rightPinnedColumns = table.getEndVisibleLeafColumns();
   const leftScrollShadow = hasOverflowLeft && leftPinnedColumns.length === 0 ? /* @__PURE__ */ jsx("div", { role: "presentation", className: styles.tableEdgeShadow.left }) : null;
   const rightScrollShadow = hasOverflowRight && rightPinnedColumns.length === 0 ? /* @__PURE__ */ jsx("div", { role: "presentation", className: styles.tableEdgeShadow.right }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableScrollShadow.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\n\nimport * as styles from './DataTableScrollShadow.sty.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\n\n/**\n * Renders scroll shadows on the left and right edges of the DataTable\n * to indicate that there is more content to scroll to.\n * The shadows are only displayed if there is overflow in the respective direction\n * and if there are no pinned columns on that side.\n *\n */\nexport const DataTableScrollShadow = (props: {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n}): JSX.Element | null => {\n  const table = useDataTable();\n  const { hasOverflowLeft, hasOverflowRight } = props;\n\n  const leftPinnedColumns = table.getLeftVisibleLeafColumns();\n  const rightPinnedColumns = table.getRightVisibleLeafColumns();\n\n  const leftScrollShadow =\n    hasOverflowLeft && leftPinnedColumns.length === 0 ? (\n      <div role=\"presentation\" className={styles.tableEdgeShadow.left} />\n    ) : null;\n\n  const rightScrollShadow =\n    hasOverflowRight && rightPinnedColumns.length === 0 ? (\n      <div role=\"presentation\" className={styles.tableEdgeShadow.right} />\n    ) : null;\n\n  return (\n    <>\n      {leftScrollShadow}\n      {rightScrollShadow}\n    </>\n  );\n};\n"],
-  "mappings": "AAwBM,SASF,UATE,KASF,YATE;AAtBN,YAAY,YAAY;AACxB,SAAS,oBAAoB;AAStB,MAAM,wBAAwB,CAAC,UAGZ;AACxB,QAAM,QAAQ,aAAa;AAC3B,QAAM,EAAE,iBAAiB,iBAAiB,IAAI;AAE9C,QAAM,oBAAoB,MAAM,0BAA0B;AAC1D,QAAM,qBAAqB,MAAM,2BAA2B;AAE5D,QAAM,mBACJ,mBAAmB,kBAAkB,WAAW,IAC9C,oBAAC,SAAI,MAAK,gBAAe,WAAW,OAAO,gBAAgB,MAAM,IAC/D;AAEN,QAAM,oBACJ,oBAAoB,mBAAmB,WAAW,IAChD,oBAAC,SAAI,MAAK,gBAAe,WAAW,OAAO,gBAAgB,OAAO,IAChE;AAEN,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["import type { JSX } from 'react';\n\nimport * as styles from './DataTableScrollShadow.sty.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\n\n/**\n * Renders scroll shadows on the left and right edges of the DataTable\n * to indicate that there is more content to scroll to.\n * The shadows are only displayed if there is overflow in the respective direction\n * and if there are no pinned columns on that side.\n *\n */\nexport const DataTableScrollShadow = (props: {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n}): JSX.Element | null => {\n  const table = useDataTable();\n  const { hasOverflowLeft, hasOverflowRight } = props;\n\n  const leftPinnedColumns = table.getStartVisibleLeafColumns();\n  const rightPinnedColumns = table.getEndVisibleLeafColumns();\n\n  const leftScrollShadow =\n    hasOverflowLeft && leftPinnedColumns.length === 0 ? (\n      <div role=\"presentation\" className={styles.tableEdgeShadow.left} />\n    ) : null;\n\n  const rightScrollShadow =\n    hasOverflowRight && rightPinnedColumns.length === 0 ? (\n      <div role=\"presentation\" className={styles.tableEdgeShadow.right} />\n    ) : null;\n\n  return (\n    <>\n      {leftScrollShadow}\n      {rightScrollShadow}\n    </>\n  );\n};\n"],
+  "mappings": "AAwBM,SASF,UATE,KASF,YATE;AAtBN,YAAY,YAAY;AACxB,SAAS,oBAAoB;AAStB,MAAM,wBAAwB,CAAC,UAGZ;AACxB,QAAM,QAAQ,aAAa;AAC3B,QAAM,EAAE,iBAAiB,iBAAiB,IAAI;AAE9C,QAAM,oBAAoB,MAAM,2BAA2B;AAC3D,QAAM,qBAAqB,MAAM,yBAAyB;AAE1D,QAAM,mBACJ,mBAAmB,kBAAkB,WAAW,IAC9C,oBAAC,SAAI,MAAK,gBAAe,WAAW,OAAO,gBAAgB,MAAM,IAC/D;AAEN,QAAM,oBACJ,oBAAoB,mBAAmB,WAAW,IAChD,oBAAC,SAAI,MAAK,gBAAe,WAAW,OAAO,gBAAgB,OAAO,IAChE;AAEN,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./DataTableScrollShadow.css";
-var scrollShadow = { left: "_1al677r1-3-12-1 _1al677r0-3-12-1", right: "_1al677r2-3-12-1 _1al677r0-3-12-1" };
-var tableEdgeShadow = { left: "_1al677r3-3-12-1 _1al677r1-3-12-1 _1al677r0-3-12-1", right: "_1al677r4-3-12-1 _1al677r2-3-12-1 _1al677r0-3-12-1" };
+var scrollShadow = { left: "_1al677r1-3-13-0 _1al677r0-3-13-0", right: "_1al677r2-3-13-0 _1al677r0-3-13-0" };
+var tableEdgeShadow = { left: "_1al677r3-3-13-0 _1al677r1-3-13-0 _1al677r0-3-13-0", right: "_1al677r4-3-13-0 _1al677r2-3-13-0 _1al677r0-3-13-0" };
 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-12-1 _1al677r0-3-12-1',right:'_1al677r2-3-12-1 _1al677r0-3-12-1'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-12-1 _1al677r1-3-12-1 _1al677r0-3-12-1',right:'_1al677r4-3-12-1 _1al677r2-3-12-1 _1al677r0-3-12-1'};"],
+  "sourcesContent": ["import './DataTableScrollShadow.css';\nexport var scrollShadow = {left:'_1al677r1-3-13-0 _1al677r0-3-13-0',right:'_1al677r2-3-13-0 _1al677r0-3-13-0'};\nexport var tableEdgeShadow = {left:'_1al677r3-3-13-0 _1al677r1-3-13-0 _1al677r0-3-13-0',right:'_1al677r4-3-13-0 _1al677r2-3-13-0 _1al677r0-3-13-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,MAAK,qCAAoC,OAAM,oCAAmC;AACtG,IAAI,kBAAkB,EAAC,MAAK,sDAAqD,OAAM,qDAAoD;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._ytdpsw0-3-12-1 {
+._ytdpsw0-3-13-0 {
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -6,80 +6,80 @@
   overflow: auto;
   box-sizing: border-box;
 }
-._ytdpsw1-3-12-1 {
+._ytdpsw1-3-13-0 {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-areas: 'header' 'body';
 }
-._ytdpsw2-3-12-1 {
+._ytdpsw2-3-13-0 {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-._ytdpsw3-3-12-1 {
+._ytdpsw3-3-13-0 {
   overflow: hidden;
 }
-._ytdpsw4-3-12-1 {
+._ytdpsw4-3-13-0 {
   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-12-1::-webkit-scrollbar-track {
+._ytdpsw4-3-13-0::-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-12-1::-webkit-scrollbar-track:horizontal {
+._ytdpsw4-3-13-0::-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-12-1::-webkit-scrollbar-track:vertical {
+._ytdpsw4-3-13-0::-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));
 }
-._1jgl8s50-3-12-1 ._ytdpsw4-3-12-1 {
+._1jgl8s50-3-13-0 ._ytdpsw4-3-13-0 {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-12-1 ._ytdpsw4-3-12-1::-webkit-scrollbar-track {
+._1jgl8s50-3-13-0 ._ytdpsw4-3-13-0::-webkit-scrollbar-track {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-12-1 ._ytdpsw4-3-12-1::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-13-0 ._ytdpsw4-3-13-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._1jgl8s50-3-12-1 ._ytdpsw4-3-12-1::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-13-0 ._ytdpsw4-3-13-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
   border-top-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }
-._ytdpsw5-3-12-1::-webkit-scrollbar-track:horizontal {
+._ytdpsw5-3-13-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-12-1 ._ytdpsw5-3-12-1::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-13-0 ._ytdpsw5-3-13-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._ytdpswh-3-12-1 {
+._ytdpswh-3-13-0 {
   display: flex;
   flex-direction: inherit;
 }
-._ytdpswi-3-12-1::-webkit-scrollbar-track:horizontal {
+._ytdpswi-3-13-0::-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;
 }
-._ytdpswi-3-12-1::-webkit-scrollbar-track:vertical {
+._ytdpswi-3-13-0::-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;
 }
-._ytdpswi-3-12-1::-webkit-scrollbar-corner {
+._ytdpswi-3-13-0::-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));
 }
-._1jgl8s50-3-12-1 ._ytdpswi-3-12-1::-webkit-scrollbar-track:horizontal {
+._1jgl8s50-3-13-0 ._ytdpswi-3-13-0::-webkit-scrollbar-track:horizontal {
   border-top: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-12-1 ._ytdpswi-3-12-1::-webkit-scrollbar-track:vertical {
+._1jgl8s50-3-13-0 ._ytdpswi-3-13-0::-webkit-scrollbar-track:vertical {
   border-left: solid var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-12-1 ._ytdpswi-3-12-1::-webkit-scrollbar-corner {
+._1jgl8s50-3-13-0 ._ytdpswi-3-13-0::-webkit-scrollbar-corner {
   border-bottom-right-radius: calc(var(--dt-borders-radius-container-subdued, 6px) - var(--dt-borders-width-default, 1px));
 }

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

@@ -75,8 +75,8 @@ function DataTableVirtualizationContainer(props) {
     // APPDEV-15467
     enabled: rows.length > 0
   });
-  const pinnedLeftColumns = table.getLeftVisibleLeafColumns();
-  const pinnedRightColumns = table.getRightVisibleLeafColumns();
+  const pinnedLeftColumns = table.getStartVisibleLeafColumns();
+  const pinnedRightColumns = table.getEndVisibleLeafColumns();
   const pinnedLeftIndexes = useMemo(
     () => Array.from({ length: pinnedLeftColumns.length }, (_, i) => i),
     [pinnedLeftColumns.length]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableVirtualizationContainer.tsx"],
-  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport type { ReactTable, RowData } from '@tanstack/react-table';\nimport { type Range, useVirtualizer } 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  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { DataTableContent } from './DataTableContent.js';\nimport { DataTableDragScrollLock } from './DataTableDragScrollLock.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 { devLog } from '../../../core/utils/logging.js';\nimport { getDataTableBorderWidth } from '../../utils/data-table-border-width.js';\nimport {\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 { TDataTableFeatures } from '../features/types/features.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(\n  props: Readonly<{\n    table: ReactTable<TDataTableFeatures, RowData>;\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 isLoading = table.atoms.loading?.get() ?? false;\n  const [loadingScrollOffset, setLoadingScrollOffset] = useState(0);\n  useLayoutEffect(() => {\n    if (isLoading) {\n      setLoadingScrollOffset(parentRef.current?.scrollTop ?? 0);\n    }\n  }, [isLoading]);\n\n  const rows = table.getRowModel().rows;\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n\n  // The ResizeObserver that sets the header height in DataTableHeader can fire mid-render,\n  // and subscribing the whole DataTable to this atom caused a react warning.\n  // Subscribing here isolates the re-render to this container, the only consumer\n  // of header-height changes.\n  useSelector(table.atoms.observedHeaderHeight);\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n\n  const getUniqueRowKey = useCallback(\n    (index: number) => {\n      if (index >= rows.length) {\n        devLog(`[Table] Invalid row index ${index} (>= ${rows.length})`);\n        // should not happen, but to avoid crashing an app, do this\n        return -1;\n      }\n      return rows[index].id;\n    },\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.atoms.columnSizing?.get()[columnId] !== undefined ||\n        table.atoms.columnResizing?.get().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 estimatedRowHeight = table.estimateRowHeight();\n\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\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        visualVariantConfig?.headers === 'hidden'\n          ? estimatedRowHeight\n          : estimatedRowHeight * 2 + getDataTableBorderWidth();\n    } else {\n      // or header size + 1 additional row\n      minHeight = totalHeaderHeight + estimatedRowHeight;\n    }\n\n    if (visualVariantConfig?.contained) {\n      // Add a borderTop and border bottom for the borders around the containment.\n      minHeight += 2 * getDataTableBorderWidth();\n    }\n    const baseStyle: CSSProperties = {\n      minHeight,\n    };\n\n    if (fullHeight) {\n      baseStyle.height = '100%';\n    }\n    return baseStyle;\n  }, [\n    totalHeaderHeight,\n    visualVariantConfig?.contained,\n    visualVariantConfig?.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    void 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    ])\n      .then(() => {\n        table.remeasureAllColumns();\n      })\n      .catch((error: unknown) => {\n        devLog(\n          '[DataTable] Column remeasurement after font update failed',\n          error,\n        );\n      })\n      .finally(() => {\n        controller.abort();\n        // Reset in finally so a remeasurement failure doesn't permanently block future font-update cycles.\n        fontUpdateQueued.current = false;\n      });\n  });\n\n  // If the column definition changes, make sure that the measurements set is cleared\n  // of columns that no longer exist. This keeps the `measuredColumnWidths` cache in\n  // sync with the virtualizer's `itemSizeCache`.\n  const getAllLeafColumns = table.getAllLeafColumns;\n  const getMeasuredColumnWidths = table.getMeasuredColumnWidths;\n  const resetMeasuredColumnWidths = table.resetMeasuredColumnWidths;\n  const tableColumns = table.options.columns;\n  useEffect(() => {\n    const currentColumnIds = new Set(getAllLeafColumns().map((col) => col.id));\n\n    const removedIds: string[] = [];\n    for (const id of getMeasuredColumnWidths().keys()) {\n      // We compare the columns by their ids, since the virtualizer internally relies\n      // on the ids (as defined by our getItemKey).\n      if (!currentColumnIds.has(id)) {\n        removedIds.push(id);\n      }\n    }\n    if (removedIds.length > 0) {\n      resetMeasuredColumnWidths(removedIds);\n    }\n  }, [\n    getAllLeafColumns,\n    getMeasuredColumnWidths,\n    resetMeasuredColumnWidths,\n    tableColumns,\n  ]);\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: visualVariantConfig?.contained,\n          rowSeparation: visualVariantConfig?.rowSeparation,\n          headers: visualVariantConfig?.headers,\n          loading: table.atoms.loading?.get(),\n          hasVisibleColumns,\n          scrollDirection,\n          isDataEmpty: rows.length === 0,\n        }),\n      )}\n      style={containerStyle}\n    >\n      <DataTableDragScrollLock table={table} parentRef={parentRef} />\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        scrollOffset={loadingScrollOffset}\n      />\n    </div>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useSelector } from '@tanstack/react-store';\nimport type { RowData } from '@tanstack/react-table';\nimport { type Range, useVirtualizer } 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  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { DataTableContent } from './DataTableContent.js';\nimport { DataTableDragScrollLock } from './DataTableDragScrollLock.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 { devLog } from '../../../core/utils/logging.js';\nimport { getDataTableBorderWidth } from '../../utils/data-table-border-width.js';\nimport {\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 { DataTableInstance } from '../features/types/table.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(\n  props: Readonly<{\n    table: DataTableInstance<RowData>;\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 isLoading = table.atoms.loading?.get() ?? false;\n  const [loadingScrollOffset, setLoadingScrollOffset] = useState(0);\n  useLayoutEffect(() => {\n    if (isLoading) {\n      setLoadingScrollOffset(parentRef.current?.scrollTop ?? 0);\n    }\n  }, [isLoading]);\n\n  const rows = table.getRowModel().rows;\n  const visibleLeafColumns = table.getVisibleLeafColumns();\n\n  // The ResizeObserver that sets the header height in DataTableHeader can fire mid-render,\n  // and subscribing the whole DataTable to this atom caused a react warning.\n  // Subscribing here isolates the re-render to this container, the only consumer\n  // of header-height changes.\n  useSelector(table.atoms.observedHeaderHeight);\n  const totalHeaderHeight = table.getTotalHeaderHeight();\n\n  const visibleLeafColumnsWithoutBuiltin =\n    table.getVisibleLeafColumnsWithoutBuiltin();\n\n  const getUniqueRowKey = useCallback(\n    (index: number) => {\n      if (index >= rows.length) {\n        devLog(`[Table] Invalid row index ${index} (>= ${rows.length})`);\n        // should not happen, but to avoid crashing an app, do this\n        return -1;\n      }\n      return rows[index].id;\n    },\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.getStartVisibleLeafColumns();\n  const pinnedRightColumns = table.getEndVisibleLeafColumns();\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.atoms.columnSizing?.get()[columnId] !== undefined ||\n        table.atoms.columnResizing?.get().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 estimatedRowHeight = table.estimateRowHeight();\n\n  const visualVariantConfig = table.atoms.visualVariantConfig?.get();\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        visualVariantConfig?.headers === 'hidden'\n          ? estimatedRowHeight\n          : estimatedRowHeight * 2 + getDataTableBorderWidth();\n    } else {\n      // or header size + 1 additional row\n      minHeight = totalHeaderHeight + estimatedRowHeight;\n    }\n\n    if (visualVariantConfig?.contained) {\n      // Add a borderTop and border bottom for the borders around the containment.\n      minHeight += 2 * getDataTableBorderWidth();\n    }\n    const baseStyle: CSSProperties = {\n      minHeight,\n    };\n\n    if (fullHeight) {\n      baseStyle.height = '100%';\n    }\n    return baseStyle;\n  }, [\n    totalHeaderHeight,\n    visualVariantConfig?.contained,\n    visualVariantConfig?.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    void 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    ])\n      .then(() => {\n        table.remeasureAllColumns();\n      })\n      .catch((error: unknown) => {\n        devLog(\n          '[DataTable] Column remeasurement after font update failed',\n          error,\n        );\n      })\n      .finally(() => {\n        controller.abort();\n        // Reset in finally so a remeasurement failure doesn't permanently block future font-update cycles.\n        fontUpdateQueued.current = false;\n      });\n  });\n\n  // If the column definition changes, make sure that the measurements set is cleared\n  // of columns that no longer exist. This keeps the `measuredColumnWidths` cache in\n  // sync with the virtualizer's `itemSizeCache`.\n  const getAllLeafColumns = table.getAllLeafColumns;\n  const getMeasuredColumnWidths = table.getMeasuredColumnWidths;\n  const resetMeasuredColumnWidths = table.resetMeasuredColumnWidths;\n  const tableColumns = table.options.columns;\n  useEffect(() => {\n    const currentColumnIds = new Set(getAllLeafColumns().map((col) => col.id));\n\n    const removedIds: string[] = [];\n    for (const id of getMeasuredColumnWidths().keys()) {\n      // We compare the columns by their ids, since the virtualizer internally relies\n      // on the ids (as defined by our getItemKey).\n      if (!currentColumnIds.has(id)) {\n        removedIds.push(id);\n      }\n    }\n    if (removedIds.length > 0) {\n      resetMeasuredColumnWidths(removedIds);\n    }\n  }, [\n    getAllLeafColumns,\n    getMeasuredColumnWidths,\n    resetMeasuredColumnWidths,\n    tableColumns,\n  ]);\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: visualVariantConfig?.contained,\n          rowSeparation: visualVariantConfig?.rowSeparation,\n          headers: visualVariantConfig?.headers,\n          loading: table.atoms.loading?.get(),\n          hasVisibleColumns,\n          scrollDirection,\n          isDataEmpty: rows.length === 0,\n        }),\n      )}\n      style={containerStyle}\n    >\n      <DataTableDragScrollLock table={table} parentRef={parentRef} />\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        scrollOffset={loadingScrollOffset}\n      />\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

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

package/esm/tables/DataTable/components/SettingsModal/DataTableSettingsModal.css

@@ -1,10 +1,10 @@
-._dmotjm0-3-12-1 div:has(> .strato-table-settings-virtualization-container) {
+._dmotjm0-3-13-0 div:has(> .strato-table-settings-virtualization-container) {
   padding-bottom: var(--dt-spacings-size-0, 0);
 }
-._dmotjm9-3-12-1:has(._115i8c21-3-12-1) {
+._dmotjm9-3-13-0:has(._115i8c21-3-13-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }
-._dmotjm0-3-12-1:has(._115i8c20-3-12-1) > ._dmotjm7-3-12-1 {
+._dmotjm0-3-13-0:has(._115i8c20-3-13-0) > ._dmotjm7-3-13-0 {
   flex: 1;
   display: flex;
   flex-direction: column;