@dynatrace/strato-components 3.6.0 → 3.7.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/VirtualScrolling/VirtualScrolling.tsx"],
-  "sourcesContent": ["import type { Virtualizer } from '@tanstack/react-virtual';\nimport { flushSync } from 'react-dom';\n\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\nimport type { Table, TableFeature } from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrolling: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    let _rowVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    let _columnVirtualizer: Virtualizer<HTMLDivElement, Element> | undefined =\n      undefined;\n    // Save all column widths that have already been measured outside the virtualizer's measurementsCache.\n    // This ensures measured widths are available immediately and don't get lost when column visibility changes.\n    const measuredColumnWidths = new Map<string, number>();\n\n    table.registerVirtualizers = (\n      rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n      columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n    ) => {\n      _rowVirtualizer = rowVirtualizer;\n      _columnVirtualizer = columnVirtualizer;\n    };\n\n    table.getRowVirtualizer = () => {\n      return _rowVirtualizer;\n    };\n\n    table.getColumnVirtualizer = () => {\n      return _columnVirtualizer;\n    };\n\n    table.getRowVirtualizationContainer = () => {\n      return _rowVirtualizer?.scrollElement ?? undefined;\n    };\n\n    table.getRowHeight = (rowId) => {\n      if (\n        !_rowVirtualizer ||\n        !rowId ||\n        _rowVirtualizer.measurementsCache.length === 0\n      ) {\n        return 0;\n      }\n\n      const virtualRowIndex = _rowVirtualizer\n        .getVirtualItems()\n        .find((item) => item.key === rowId)?.index;\n\n      if (virtualRowIndex === undefined) {\n        return 0;\n      }\n\n      return (\n        _rowVirtualizer.measurementsCache.find(\n          (r) => r.index === virtualRowIndex,\n        )?.size ?? 0\n      );\n    };\n\n    table.getRowScrollOffset = () => _rowVirtualizer?.scrollOffset;\n\n    table.scrollToRowOffset = (offset: number | undefined | null) => {\n      if (offset !== undefined && offset !== null) {\n        _rowVirtualizer?.scrollToOffset(\n          offset,\n          DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n        );\n      }\n    };\n\n    // Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n    table.scrollToRow = (\n      rowId: string,\n      align:\n        | 'start'\n        | 'center'\n        | 'end' = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align,\n    ) => {\n      const rowVirtualizer = _rowVirtualizer;\n\n      if (!rowVirtualizer) {\n        devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n        return;\n      }\n\n      // Helper function to scroll to the row when table is scrollable and rowVirtualizer is available\n      const scrollToTargetRow = () => {\n        requestAnimationFrame(() => {\n          // This code works because `allRows` will contain (only!) expanded subRows on the top level.\n          // When scrolling to a subRow, the row has to be expanded beforehand.\n          const allRows = table.getRowModel().rows;\n          const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n          if (rowIndex === -1) {\n            devLog(\n              `[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`,\n            );\n            return;\n          }\n\n          rowVirtualizer.scrollToIndex(rowIndex, {\n            behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,\n            align: align,\n          });\n        });\n      };\n\n      if (!table.options.enablePagination) {\n        // If pagination is not enabled, we can scroll directly.\n        scrollToTargetRow();\n        return;\n      }\n\n      const prePaginationRows = table.getPrePaginationRowModel().rows;\n      const prePaginationRowIndex = prePaginationRows.findIndex(\n        (row) => row.id === rowId,\n      );\n\n      if (prePaginationRowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      const paginationState = table.getState().pagination;\n      const pageSize = paginationState.pageSize;\n\n      if (!Number.isFinite(pageSize) || pageSize <= 0) {\n        devLog(\n          `[Table - VirtualScrolling] Invalid page size \"${String(\n            pageSize,\n          )}\" while scrolling to row with id: \"${rowId}\"`,\n        );\n        return;\n      }\n\n      const targetPageIndex = Math.floor(prePaginationRowIndex / pageSize);\n\n      if (targetPageIndex !== paginationState.pageIndex) {\n        // flushSync forces React to commit the page change synchronously,\n        // so scrollToTargetRow can immediately find the new page's rows.\n        flushSync(() => {\n          table.setPageIndex(targetPageIndex, 'internal');\n        });\n      }\n\n      scrollToTargetRow();\n    };\n\n    function measureRows(): void {\n      // Early exit if the rowVirtualizer or scrollElement are not present\n      if (!_rowVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _rowVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-rows\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateRows;\n      try {\n        let templateRows = table.getHeaderGridTemplateRows();\n        const rowCount = _rowVirtualizer.getVirtualItems().length;\n\n        if (rowCount > 0) {\n          // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n          const bodyRows = `repeat(${rowCount}, min-content)`;\n          // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n          templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n        }\n\n        gridContainer.style.gridTemplateRows = templateRows;\n\n        // Select all row elements with the data attribute 'data-row'\n        const measureRows =\n          _rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n        // Iterate over each row relevant for measuring\n        for (const measureRow of Array.from(measureRows)) {\n          // Ensure the element is an instance of HTMLElement\n          if (!(measureRow instanceof HTMLElement)) {\n            continue;\n          }\n          _rowVirtualizer.measureElement(measureRow);\n        }\n\n        const virtualItems = _rowVirtualizer.getVirtualItems();\n        const virtualItemsLength = virtualItems.length;\n\n        const firstMeasuredRow =\n          measureRows.item(0)?.getAttribute('data-row') ?? null;\n        const isDifferentRowsVisible =\n          firstMeasuredRow !== null &&\n          virtualItemsLength > 0 &&\n          Number(firstMeasuredRow) !== virtualItems[0].index;\n\n        // If different rows are measured than those that are currently visible or\n        // if fewer items are measured than would now fit into the scrollContainer\n        // we reset the measurements cache and allow it to remeasure all items again.\n        if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n          _rowVirtualizer.measure();\n        }\n      } finally {\n        // Restore the original grid template.\n        gridContainer.style.gridTemplateRows = originalGridTemplate;\n      }\n    }\n\n    table.remeasureRows = memo(\n      (containerWidth) => {\n        const state = table.getState();\n        const expandingState = table.options.enableExpanding\n          ? Object.keys(state.expanded).length !== 0 && state.expanded\n          : undefined;\n        const rowDetailsState = table.options.enableRowDetails\n          ? state.rowDetails\n          : undefined;\n        const sortingState = table.options.enableSorting\n          ? state.sorting\n          : undefined;\n        return [\n          containerWidth,\n          expandingState,\n          rowDetailsState,\n          sortingState,\n          state.columnLineWrap,\n          state.visualVariantConfig.rowDensity,\n          state.visualVariantConfig.rowSeparation,\n          state.columnSizing,\n          state.pagination.pageIndex,\n          state.pagination.pageSize,\n          state.columnVisibility,\n          state.rowOrder,\n          table.options.data,\n          table.options.columns,\n        ];\n      },\n      (containerWidth) => {\n        if (containerWidth === 0) {\n          return;\n        }\n\n        // Need to shift this into the next update cycle in order to make sure that\n        // all styles that could change are actually already updated on the table.\n        // Without the shift, lineWrap values might not be updated yet when measuring.\n        table._queue(measureRows);\n      },\n      getMemoOptions(table.options, 'debugTable', 'table.remeasureRow'),\n    );\n\n    function measureColumns(columnIdOrIds: string | string[]): void {\n      // Early exit if the columnVirtualizer or scrollElement are not present\n      if (!_columnVirtualizer?.scrollElement) {\n        return;\n      }\n\n      // Select the grid defining container.\n      const gridContainer = _columnVirtualizer.scrollElement.querySelector(\n        '[style*=\"grid-template-columns\"]',\n      );\n\n      // Early exit if gridContainer is not a HTMLElement\n      if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n        return;\n      }\n\n      // Store the original grid row template so it can be applied afterwards.\n      const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n      try {\n        const columnIds = Array.isArray(columnIdOrIds)\n          ? columnIdOrIds\n          : [columnIdOrIds];\n        const columnIdsSet = new Set(columnIds);\n\n        // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template\n        table.resetMeasuredColumnWidths(columnIds);\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n\n        // Select all cells in the first body row\n        const firstRowCells = _columnVirtualizer.scrollElement.querySelectorAll(\n          '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n        );\n\n        // Iterate over each cell relevant for measuring\n        for (const cell of Array.from(firstRowCells)) {\n          const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n          // Only measure if the element is an instance of HTMLElement\n          // and its columnId is in the list of columnIds to measure\n          if (columnId && columnIdsSet.has(columnId)) {\n            _columnVirtualizer.measureElement(cell);\n          }\n        }\n\n        // assign the updated grid template with the newly measured column widths\n        gridContainer.style.gridTemplateColumns =\n          table.getGridTemplateColumns();\n      } catch {\n        // Restore the original grid template if something fails.\n        gridContainer.style.gridTemplateColumns = originalGridTemplate;\n      }\n    }\n\n    table.remeasureColumn = (columnId?: string) => {\n      if (columnId === undefined || columnId.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnId));\n    };\n\n    table.remeasureAllColumns = () => {\n      const columnIdsToRemeasure =\n        table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n      if (columnIdsToRemeasure.length === 0) {\n        return;\n      }\n\n      table._queue(() => measureColumns(columnIdsToRemeasure));\n    };\n\n    table.hasColumnCellsRendered = (columnId: string) => {\n      if (!_columnVirtualizer?.scrollElement) {\n        return false;\n      }\n\n      return (\n        _columnVirtualizer?.scrollElement.querySelector(\n          `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        ) !== null\n      );\n    };\n\n    table.getMeasuredColumnWidths = () => {\n      return measuredColumnWidths;\n    };\n\n    table.getMeasuredColumnWidth = (id: string) => {\n      return measuredColumnWidths.get(id);\n    };\n\n    table.resetMeasuredColumnWidths = (ids?: string[]) => {\n      if (ids) {\n        for (const id of ids) {\n          measuredColumnWidths.delete(id);\n        }\n      } else {\n        measuredColumnWidths.clear();\n      }\n    };\n\n    table.setMeasuredColumnWidth = (id: string, width: number) => {\n      measuredColumnWidths.set(id, width);\n    };\n\n    table.getHasVirtualizedRows = memo(\n      () => [_rowVirtualizer?.getVirtualItems().length],\n      (virtualItemsLength) => {\n        if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n          return false;\n        }\n\n        const rows = table.getRowModel().rows;\n\n        return rows.length > virtualItemsLength;\n      },\n      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getHasRowVirtualization',\n      ),\n    );\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignTableAPIs,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport type { Virtualizer } from '@tanstack/react-virtual';\nimport { flushSync } from 'react-dom';\n\nimport type { VirtualScrollingFeatureConstructors } from './virtual-scrolling-types.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { DATA_TABLE_DEFAULT_SCROLL_OPTIONS } from '../../constants.js';\n\n/**\n * @internal\n */\nexport function table_registerVirtualizers<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n  columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n): void {\n  table._rowVirtualizer = rowVirtualizer;\n  table._columnVirtualizer = columnVirtualizer;\n}\n\n/**\n * @internal\n */\nexport function table_getRowVirtualizer<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n): Virtualizer<HTMLDivElement, Element> | undefined {\n  return table._rowVirtualizer;\n}\n\n/**\n * @internal\n */\nexport function table_getColumnVirtualizer<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n): Virtualizer<HTMLDivElement, Element> | undefined {\n  return table._columnVirtualizer;\n}\n\n/**\n * @internal\n */\nexport function table_getRowVirtualizationContainer<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table._rowVirtualizer?.scrollElement ?? undefined;\n}\n\n/**\n * @internal\n */\nexport function table_getRowHeight<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, rowId: string) {\n  if (\n    !table._rowVirtualizer ||\n    !rowId ||\n    table._rowVirtualizer.measurementsCache.length === 0\n  ) {\n    return 0;\n  }\n\n  const virtualRowIndex = table._rowVirtualizer\n    .getVirtualItems()\n    .find((item) => item.key === rowId)?.index;\n\n  if (virtualRowIndex === undefined) {\n    return 0;\n  }\n\n  return (\n    table._rowVirtualizer.measurementsCache.find(\n      (r) => r.index === virtualRowIndex,\n    )?.size ?? 0\n  );\n}\n/**\n * @internal\n */\nexport function table_getRowScrollOffset<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table._rowVirtualizer?.scrollOffset;\n}\n\n/**\n * @internal\n */\nexport function table_scrollToRowOffset<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, offset: number | undefined | null) {\n  if (offset !== undefined && offset !== null) {\n    table._rowVirtualizer?.scrollToOffset(\n      offset,\n      DATA_TABLE_DEFAULT_SCROLL_OPTIONS,\n    );\n  }\n}\n\n/**\n * Scroll to a given `rowId` using `rowVirtualizer.scrollToIndex`\n * @internal\n */\nexport function table_scrollToRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  rowId: string,\n  align: 'start' | 'center' | 'end' = DATA_TABLE_DEFAULT_SCROLL_OPTIONS.align,\n) {\n  const rowVirtualizer = table._rowVirtualizer;\n\n  if (!rowVirtualizer) {\n    devLog('[Table - VirtualScrolling] No rowVirtualizer was registered');\n    return;\n  }\n\n  // Helper function to scroll to the row when table is scrollable and rowVirtualizer is available\n  const scrollToTargetRow = () => {\n    requestAnimationFrame(() => {\n      // This code works because `allRows` will contain (only!) expanded subRows on the top level.\n      // When scrolling to a subRow, the row has to be expanded beforehand.\n      const allRows = table.getRowModel().rows;\n      const rowIndex = allRows.findIndex((row) => row.id === rowId);\n\n      if (rowIndex === -1) {\n        devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n        return;\n      }\n\n      rowVirtualizer.scrollToIndex(rowIndex, {\n        behavior: DATA_TABLE_DEFAULT_SCROLL_OPTIONS.behavior,\n        align: align,\n      });\n    });\n  };\n\n  if (!table.options.enablePagination) {\n    // If pagination is not enabled, we can scroll directly.\n    scrollToTargetRow();\n    return;\n  }\n\n  const prePaginationRows = table.getPrePaginatedRowModel().rows;\n  const prePaginationRowIndex = prePaginationRows.findIndex(\n    (row) => row.id === rowId,\n  );\n\n  if (prePaginationRowIndex === -1) {\n    devLog(`[Table - VirtualScrolling] Row with id: \"${rowId}\" not found`);\n    return;\n  }\n\n  const paginationState = table.atoms.pagination.get();\n  const pageSize = paginationState.pageSize;\n\n  if (!Number.isFinite(pageSize) || pageSize <= 0) {\n    devLog(\n      `[Table - VirtualScrolling] Invalid page size \"${String(\n        pageSize,\n      )}\" while scrolling to row with id: \"${rowId}\"`,\n    );\n    return;\n  }\n\n  const targetPageIndex = Math.floor(prePaginationRowIndex / pageSize);\n\n  if (targetPageIndex !== paginationState.pageIndex) {\n    // flushSync forces React to commit the page change synchronously,\n    // so scrollToTargetRow can immediately find the new page's rows.\n    flushSync(() => {\n      table.setPageIndex(targetPageIndex, 'internal');\n    });\n  }\n\n  scrollToTargetRow();\n}\n\nfunction measureRows<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n): void {\n  // Early exit if the rowVirtualizer or scrollElement are not present\n  if (!table._rowVirtualizer?.scrollElement) {\n    return;\n  }\n\n  // Select the grid defining container.\n  const gridContainer = table._rowVirtualizer.scrollElement.querySelector(\n    '[style*=\"grid-template-rows\"]',\n  );\n\n  // Early exit if gridContainer is not a HTMLElement\n  if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n    return;\n  }\n\n  // Store the original grid row template so it can be applied afterwards.\n  const originalGridTemplate = gridContainer.style.gridTemplateRows;\n  try {\n    let templateRows = table.getHeaderGridTemplateRows();\n    const rowCount = table._rowVirtualizer.getVirtualItems().length;\n\n    if (rowCount > 0) {\n      // Set the row template for body rows to min-content so all rows can be measured by their actual size.\n      const bodyRows = `repeat(${rowCount}, min-content)`;\n      // Spacer row height can be defaulted to 0 as it's not relevant for the measuring.\n      templateRows = `${templateRows} 0px ${bodyRows} [body-end]`;\n    }\n\n    gridContainer.style.gridTemplateRows = templateRows;\n\n    // Select all row elements with the data attribute 'data-row'\n    const measureRows =\n      table._rowVirtualizer.scrollElement.querySelectorAll('[data-row]');\n\n    // Iterate over each row relevant for measuring\n    for (const measureRow of Array.from(measureRows)) {\n      // Ensure the element is an instance of HTMLElement\n      if (!(measureRow instanceof HTMLElement)) {\n        continue;\n      }\n      table._rowVirtualizer.measureElement(measureRow);\n    }\n\n    const virtualItems = table._rowVirtualizer.getVirtualItems();\n    const virtualItemsLength = virtualItems.length;\n\n    const firstMeasuredRow =\n      measureRows.item(0)?.getAttribute('data-row') ?? null;\n    const isDifferentRowsVisible =\n      firstMeasuredRow !== null &&\n      virtualItemsLength > 0 &&\n      Number(firstMeasuredRow) !== virtualItems[0].index;\n\n    // If different rows are measured than those that are currently visible or\n    // if fewer items are measured than would now fit into the scrollContainer\n    // we reset the measurements cache and allow it to remeasure all items again.\n    if (isDifferentRowsVisible || measureRows.length < virtualItemsLength) {\n      table._rowVirtualizer.measure();\n      // Cache was cleared; restore original template and let the virtualizer\n      // remeasure from scratch on re-render.\n      gridContainer.style.gridTemplateRows = originalGridTemplate;\n    } else {\n      // Apply the grid template computed from the new measurements. This prevents\n      // elements from resizing back to old heights/stale values.\n      gridContainer.style.gridTemplateRows = table.getGridTemplateRows();\n    }\n  } catch {\n    // Restore the original grid template on error.\n    gridContainer.style.gridTemplateRows = originalGridTemplate;\n  }\n}\n\n/**\n * @internal\n */\nexport function table_remeasureRows<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, containerWidth: number) {\n  if (containerWidth === 0) {\n    return;\n  }\n\n  // Schedule as a microtask to ensure all DOM updates from the current render cycle\n  // (including e.g. lineWrap and visibility changes) are committed before measuring.\n  queueMicrotask(() => measureRows(table));\n}\n\nfunction measureColumns<TFeatures extends TableFeatures, TData extends RowData>(\n  table: Table_Internal<TFeatures, TData>,\n  columnIdOrIds: string | string[],\n): void {\n  // Early exit if the columnVirtualizer or scrollElement are not present\n  if (!table._columnVirtualizer?.scrollElement) {\n    return;\n  }\n\n  // Select the grid defining container.\n  const gridContainer = table._columnVirtualizer.scrollElement.querySelector(\n    '[style*=\"grid-template-columns\"]',\n  );\n\n  // Early exit if gridContainer is not a HTMLElement\n  if (gridContainer === null || !(gridContainer instanceof HTMLElement)) {\n    return;\n  }\n\n  // Store the original grid row template so it can be applied afterwards.\n  const originalGridTemplate = gridContainer.style.gridTemplateColumns;\n  try {\n    const columnIds = Array.isArray(columnIdOrIds)\n      ? columnIdOrIds\n      : [columnIdOrIds];\n    const columnIdsSet = new Set(columnIds);\n\n    // Reset measurements for the specified columns to trigger a remeasure when regenerating the grid template.\n    table.resetMeasuredColumnWidths(columnIds);\n    gridContainer.style.gridTemplateColumns = table.getGridTemplateColumns();\n\n    // Select all cells in the first body row\n    const firstRowCells =\n      table._columnVirtualizer.scrollElement.querySelectorAll(\n        '[role=\"rowgroup\"]:nth-child(2) [data-row]:first-child [data-columnid]',\n      );\n\n    // Iterate over each cell relevant for measuring\n    for (const cell of Array.from(firstRowCells)) {\n      const columnId = cell instanceof HTMLElement && cell.dataset.columnid;\n      // Only measure if the element is an instance of HTMLElement\n      // and its columnId is in the list of columnIds to measure\n      if (columnId && columnIdsSet.has(columnId)) {\n        table._columnVirtualizer.measureElement(cell);\n      }\n    }\n\n    // assign the updated grid template with the newly measured column widths\n    gridContainer.style.gridTemplateColumns = table.getGridTemplateColumns();\n  } catch {\n    // Restore the original grid template if something fails.\n    gridContainer.style.gridTemplateColumns = originalGridTemplate;\n  }\n}\n\n/**\n * @internal\n */\nexport function table_remeasureColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId?: string) {\n  if (columnId === undefined || columnId.length === 0) {\n    return;\n  }\n\n  // Schedule as a microtask to ensure all DOM updates from the current render cycle\n  // are committed before measuring.\n  queueMicrotask(() => measureColumns(table, columnId));\n}\n\n/**\n * @internal\n */\nexport function table_remeasureAllColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  const columnIdsToRemeasure = table.getVisibleVirtualColumnIdsWithoutBuiltin();\n\n  if (columnIdsToRemeasure.length === 0) {\n    return;\n  }\n\n  // Schedule as a microtask to ensure all DOM updates from the current render cycle\n  // are committed before measuring.\n  queueMicrotask(() => measureColumns(table, columnIdsToRemeasure));\n}\n\n/**\n * @internal\n */\nexport function table_hasColumnCellsRendered<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string) {\n  if (!table._columnVirtualizer?.scrollElement) {\n    return false;\n  }\n\n  return (\n    table._columnVirtualizer?.scrollElement.querySelector(\n      `[role=\"cell\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n    ) !== null\n  );\n}\n\n/**\n * @internal\n */\nexport function table_getMeasuredColumnWidths<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): Map<string, number> {\n  // Save all column widths that have already been measured outside the virtualizer's measurementsCache.\n  // This ensures measured widths are available immediately and don't get lost when column visibility changes.\n  table._measuredColumnWidths ??= new Map<string, number>();\n  return table._measuredColumnWidths;\n}\n\n/**\n * @internal\n */\nexport function table_getMeasuredColumnWidth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnId: string) {\n  return table_getMeasuredColumnWidths(table).get(columnId);\n}\n\n/**\n * @internal\n */\nexport function table_resetMeasuredColumnWidths<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, ids?: string[]) {\n  if (ids) {\n    for (const id of ids) {\n      table_getMeasuredColumnWidths(table).delete(id);\n    }\n  } else {\n    table_getMeasuredColumnWidths(table).clear();\n  }\n}\n\n/**\n * @internal\n */\nexport function table_setMeasuredColumnWidth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, id: string, width: number) {\n  table_getMeasuredColumnWidths(table).set(id, width);\n}\n\n/**\n * @internal\n */\nexport function table_getHasVirtualizedRows<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, virtualItemsLength: number) {\n  if (virtualItemsLength === undefined || virtualItemsLength === 0) {\n    return false;\n  }\n\n  const rows = table.getRowModel().rows;\n\n  return rows.length > virtualItemsLength;\n}\n\n/**\n * Constructs the virtual scrolling feature for the table.\n * @internal\n */\nexport function constructVirtualScrollingFeature(): TableFeature<VirtualScrollingFeatureConstructors> {\n  return {\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableVirtualScrollingFeature', table, {\n        table_registerVirtualizers: {\n          fn: (\n            rowVirtualizer: Virtualizer<HTMLDivElement, Element>,\n            columnVirtualizer: Virtualizer<HTMLDivElement, Element>,\n          ) =>\n            table_registerVirtualizers(\n              table,\n              rowVirtualizer,\n              columnVirtualizer,\n            ),\n        },\n        table_getRowVirtualizer: { fn: () => table_getRowVirtualizer(table) },\n        table_getColumnVirtualizer: {\n          fn: () => table_getColumnVirtualizer(table),\n        },\n        table_getRowVirtualizationContainer: {\n          fn: () => table_getRowVirtualizationContainer(table),\n        },\n        table_getRowHeight: {\n          fn: (rowId: string) => table_getRowHeight(table, rowId),\n        },\n        table_getRowScrollOffset: { fn: () => table_getRowScrollOffset(table) },\n        table_scrollToRowOffset: {\n          fn: (offset: number | undefined | null) =>\n            table_scrollToRowOffset(table, offset),\n        },\n        table_scrollToRow: {\n          fn: (rowId: string, align: 'start' | 'center' | 'end') =>\n            table_scrollToRow(table, rowId, align),\n        },\n        table_remeasureRows: {\n          fn: (containerWidth: number) =>\n            table_remeasureRows(table, containerWidth),\n          memoDeps: (containerWidth: number) => {\n            const expandingState = table.atoms.expanded?.get();\n            const computedExpandingState = table.options.enableExpanding\n              ? Object.keys(expandingState ?? {}).length !== 0 && expandingState\n              : undefined;\n\n            const rowDetailsState = table.options.enableRowDetails\n              ? table.atoms.rowDetails?.get()\n              : undefined;\n            const sortingState = table.options.enableSorting\n              ? table.atoms.sorting?.get()\n              : undefined;\n            return [\n              containerWidth,\n              computedExpandingState,\n              rowDetailsState,\n              sortingState,\n              table.atoms.columnLineWrap?.get(),\n              table.atoms.visualVariantConfig?.get().rowDensity,\n              table.atoms.visualVariantConfig?.get().rowSeparation,\n              table.atoms.columnSizing?.get(),\n              table.atoms.pagination?.get().pageIndex,\n              table.atoms.pagination?.get().pageSize,\n              table.atoms.columnVisibility?.get(),\n              table.atoms.rowOrder?.get(),\n              table.options.data,\n              table.options.columns,\n            ];\n          },\n        },\n        table_remeasureColumn: {\n          fn: (columnId?: string) => table_remeasureColumn(table, columnId),\n        },\n        table_remeasureAllColumns: {\n          fn: () => table_remeasureAllColumns(table),\n        },\n        table_hasColumnCellsRendered: {\n          fn: (columnId: string) =>\n            table_hasColumnCellsRendered(table, columnId),\n        },\n        table_getMeasuredColumnWidths: {\n          fn: () => table_getMeasuredColumnWidths(table),\n        },\n        table_getMeasuredColumnWidth: {\n          fn: (columnId: string) =>\n            table_getMeasuredColumnWidth(table, columnId),\n        },\n        table_resetMeasuredColumnWidths: {\n          fn: (columnIds?: string[]) =>\n            table_resetMeasuredColumnWidths(table, columnIds),\n        },\n        table_setMeasuredColumnWidth: {\n          fn: (id: string, width: number) =>\n            table_setMeasuredColumnWidth(table, id, width),\n        },\n        table_getHasVirtualizedRows: {\n          fn: (virtualItemsLength: number) =>\n            table_getHasVirtualizedRows(table, virtualItemsLength),\n          memoDeps: () => [table._rowVirtualizer?.getVirtualItems().length],\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for virtual scrolling.\n * @internal\n */\nexport const DataTableVirtualScrollingFeature =\n  constructVirtualScrollingFeature();\n"],
+  "mappings": "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",
   "names": ["measureRows"]
 }

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

@@ -1,71 +1,56 @@
-import { isDev } from "../../../../core/utils/is-node-environment.js";
-import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
+import { assignTableAPIs } from "@tanstack/react-table";
 import { DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT } from "../../constants.js";
-import { memo } from "../../tanstack-table-core-override/src/index.js";
 function isVerticalAlignmentExtendedConfig(verticalAlignment) {
   if (verticalAlignment !== void 0 && typeof verticalAlignment !== "string") {
     return true;
   }
   return false;
 }
-function useVisualVariant(props, options) {
-  const configVariant = useDataTableConfigElement("variant");
-  options.state = {
-    ...options.state,
-    visualVariantConfig: {
-      rowSeparation: props.variant?.rowSeparation ?? configVariant?.rowSeparation ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,
-      verticalDividers: props.variant?.verticalDividers ?? configVariant?.verticalDividers ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,
-      contained: props.variant?.contained ?? configVariant?.contained ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,
-      rowDensity: props.variant?.rowDensity ?? configVariant?.rowDensity ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,
-      fontStyle: props.variant?.fontStyle ?? configVariant?.fontStyle ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,
-      headers: props.variant?.headers ?? configVariant?.headers ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,
-      verticalAlignment: props.variant?.verticalAlignment ?? configVariant?.verticalAlignment ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment
+function table_getBodyVerticalAlignment(verticalAlignment) {
+  if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {
+    return verticalAlignment["body"];
+  }
+  return verticalAlignment;
+}
+function table_getHeaderVerticalAlignment(verticalAlignment) {
+  if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {
+    return verticalAlignment["header"];
+  }
+  return verticalAlignment;
+}
+function constructVisualVariantFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        visualVariantConfig: structuredClone(
+          DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT
+        ),
+        ...initialState
+      };
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableVisualVariantFeature", table, {
+        table_getBodyVerticalAlignment: {
+          fn: (verticalAlignment) => table_getBodyVerticalAlignment(verticalAlignment),
+          memoDeps: () => [
+            table.atoms.visualVariantConfig?.get().verticalAlignment
+          ]
+        },
+        table_getHeaderVerticalAlignment: {
+          fn: (verticalAlignment) => table_getHeaderVerticalAlignment(verticalAlignment),
+          memoDeps: () => [
+            table.atoms.visualVariantConfig?.get().verticalAlignment
+          ]
+        }
+      });
     }
   };
 }
-const VisualVariantConfig = {
-  getInitialState(state) {
-    return {
-      visualVariantConfig: {
-        rowSeparation: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,
-        verticalDividers: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,
-        contained: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,
-        rowDensity: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,
-        fontStyle: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,
-        headers: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,
-        verticalAlignment: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment
-      },
-      ...state
-    };
-  },
-  createTable(table) {
-    table.getVisualVariantOptions = () => {
-      return table.getState().visualVariantConfig;
-    };
-    table.getBodyVerticalAlignment = memo(
-      () => [table.getVisualVariantOptions().verticalAlignment],
-      (verticalAlignment) => {
-        if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {
-          return verticalAlignment["body"];
-        }
-        return verticalAlignment;
-      },
-      { key: isDev() && "getBodyVerticalAlignment" }
-    );
-    table.getHeaderVerticalAlignment = memo(
-      () => [table.getVisualVariantOptions().verticalAlignment],
-      (verticalAlignment) => {
-        if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {
-          return verticalAlignment["header"];
-        }
-        return verticalAlignment;
-      },
-      { key: isDev() && "getHeaderVerticalAlignment" }
-    );
-  }
-};
+const DataTableVisualVariantFeature = constructVisualVariantFeature();
 export {
-  VisualVariantConfig,
-  useVisualVariant
+  DataTableVisualVariantFeature,
+  constructVisualVariantFeature,
+  table_getBodyVerticalAlignment,
+  table_getHeaderVerticalAlignment
 };
 //# sourceMappingURL=VisualVariants.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/VisualVariants/VisualVariants.ts"],
-  "sourcesContent": ["import type { DataTableVisualVariantProps } from './visual-variants-types.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT } from '../../constants.js';\nimport type {\n  InitialTableState,\n  RowData,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\n/**\n * Typeguard function to make sure a passed vertical alignment is an extended config.\n * @internal\n */\nfunction isVerticalAlignmentExtendedConfig(\n  verticalAlignment?:\n    | 'top'\n    | 'center'\n    | 'bottom'\n    | {\n        header: 'top' | 'center' | 'bottom';\n        body: 'top' | 'center' | 'bottom';\n      },\n): verticalAlignment is {\n  header: 'top' | 'center' | 'bottom';\n  body: 'top' | 'center' | 'bottom';\n} {\n  if (\n    verticalAlignment !== undefined &&\n    typeof verticalAlignment !== 'string'\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function useVisualVariant<T>(\n  props: DataTableVisualVariantProps,\n  options: TableOptions<T>,\n) {\n  const configVariant = useDataTableConfigElement('variant');\n\n  options.state = {\n    ...options.state,\n    visualVariantConfig: {\n      rowSeparation:\n        props.variant?.rowSeparation ??\n        configVariant?.rowSeparation ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,\n      verticalDividers:\n        props.variant?.verticalDividers ??\n        configVariant?.verticalDividers ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,\n      contained:\n        props.variant?.contained ??\n        configVariant?.contained ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,\n      rowDensity:\n        props.variant?.rowDensity ??\n        configVariant?.rowDensity ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,\n      fontStyle:\n        props.variant?.fontStyle ??\n        configVariant?.fontStyle ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,\n      headers:\n        props.variant?.headers ??\n        configVariant?.headers ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,\n      verticalAlignment:\n        props.variant?.verticalAlignment ??\n        configVariant?.verticalAlignment ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment,\n    },\n  };\n}\n\nexport const VisualVariantConfig: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      visualVariantConfig: {\n        rowSeparation: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,\n        verticalDividers:\n          DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,\n        contained: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,\n        rowDensity: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,\n        fontStyle: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,\n        headers: DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,\n        verticalAlignment:\n          DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment,\n      },\n      ...state,\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>): void {\n    table.getVisualVariantOptions = () => {\n      return table.getState().visualVariantConfig;\n    };\n\n    table.getBodyVerticalAlignment = memo(\n      () => [table.getVisualVariantOptions().verticalAlignment],\n      (verticalAlignment) => {\n        if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {\n          return verticalAlignment['body'];\n        }\n\n        return verticalAlignment;\n      },\n      { key: isDev() && 'getBodyVerticalAlignment' },\n    );\n\n    table.getHeaderVerticalAlignment = memo(\n      () => [table.getVisualVariantOptions().verticalAlignment],\n      (verticalAlignment) => {\n        if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {\n          return verticalAlignment['header'];\n        }\n\n        return verticalAlignment;\n      },\n      { key: isDev() && 'getHeaderVerticalAlignment' },\n    );\n  },\n};\n"],
-  "mappings": "AACA,SAAS,aAAa;AACtB,SAAS,iCAAiC;AAC1C,SAAS,gDAAgD;AAQzD,SAAS,YAAY;AAMrB,SAAS,kCACP,mBAWA;AACA,MACE,sBAAsB,UACtB,OAAO,sBAAsB,UAC7B;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,iBACd,OACA,SACA;AACA,QAAM,gBAAgB,0BAA0B,SAAS;AAEzD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,qBAAqB;AAAA,MACnB,eACE,MAAM,SAAS,iBACf,eAAe,iBACf,yCAAyC;AAAA,MAC3C,kBACE,MAAM,SAAS,oBACf,eAAe,oBACf,yCAAyC;AAAA,MAC3C,WACE,MAAM,SAAS,aACf,eAAe,aACf,yCAAyC;AAAA,MAC3C,YACE,MAAM,SAAS,cACf,eAAe,cACf,yCAAyC;AAAA,MAC3C,WACE,MAAM,SAAS,aACf,eAAe,aACf,yCAAyC;AAAA,MAC3C,SACE,MAAM,SAAS,WACf,eAAe,WACf,yCAAyC;AAAA,MAC3C,mBACE,MAAM,SAAS,qBACf,eAAe,qBACf,yCAAyC;AAAA,IAC7C;AAAA,EACF;AACF;AAEO,MAAM,sBAAoC;AAAA,EAC/C,gBAAgB,OAA2B;AACzC,WAAO;AAAA,MACL,qBAAqB;AAAA,QACnB,eAAe,yCAAyC;AAAA,QACxD,kBACE,yCAAyC;AAAA,QAC3C,WAAW,yCAAyC;AAAA,QACpD,YAAY,yCAAyC;AAAA,QACrD,WAAW,yCAAyC;AAAA,QACpD,SAAS,yCAAyC;AAAA,QAClD,mBACE,yCAAyC;AAAA,MAC7C;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EAEA,YAAmC,OAA2B;AAC5D,UAAM,0BAA0B,MAAM;AACpC,aAAO,MAAM,SAAS,EAAE;AAAA,IAC1B;AAEA,UAAM,2BAA2B;AAAA,MAC/B,MAAM,CAAC,MAAM,wBAAwB,EAAE,iBAAiB;AAAA,MACxD,CAAC,sBAAsB;AACrB,YAAI,kCAAkC,iBAAiB,GAAG;AACxD,iBAAO,kBAAkB,MAAM;AAAA,QACjC;AAEA,eAAO;AAAA,MACT;AAAA,MACA,EAAE,KAAK,MAAM,KAAK,2BAA2B;AAAA,IAC/C;AAEA,UAAM,6BAA6B;AAAA,MACjC,MAAM,CAAC,MAAM,wBAAwB,EAAE,iBAAiB;AAAA,MACxD,CAAC,sBAAsB;AACrB,YAAI,kCAAkC,iBAAiB,GAAG;AACxD,iBAAO,kBAAkB,QAAQ;AAAA,QACnC;AAEA,eAAO;AAAA,MACT;AAAA,MACA,EAAE,KAAK,MAAM,KAAK,6BAA6B;AAAA,IACjD;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { assignTableAPIs, type TableFeature } from '@tanstack/react-table';\n\nimport type { VisualVariantFeatureConstructors } from './visual-variants-types.js';\nimport { DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT } from '../../constants.js';\n\ntype VerticalAlignment = 'top' | 'center' | 'bottom';\n\n/**\n * Typeguard function to make sure a passed vertical alignment is an extended config.\n * @internal\n */\nfunction isVerticalAlignmentExtendedConfig(\n  verticalAlignment?:\n    | VerticalAlignment\n    | {\n        header: VerticalAlignment;\n        body: VerticalAlignment;\n      },\n): verticalAlignment is {\n  header: VerticalAlignment;\n  body: VerticalAlignment;\n} {\n  if (\n    verticalAlignment !== undefined &&\n    typeof verticalAlignment !== 'string'\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Allow accessing the body vertical alignment from the table instance, so it can be used in other features or for custom logic in the table rendering.\n */\nexport function table_getBodyVerticalAlignment(\n  verticalAlignment:\n    | VerticalAlignment\n    | {\n        header: VerticalAlignment;\n        body: VerticalAlignment;\n      },\n): VerticalAlignment {\n  if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {\n    return verticalAlignment['body'];\n  }\n\n  return verticalAlignment;\n}\n\n/**\n * Allow accessing the header vertical alignment from the table instance, so it can be used in other features or for custom logic in the table rendering.\n */\nexport function table_getHeaderVerticalAlignment(\n  verticalAlignment:\n    | VerticalAlignment\n    | {\n        header: VerticalAlignment;\n        body: VerticalAlignment;\n      },\n): VerticalAlignment {\n  if (isVerticalAlignmentExtendedConfig(verticalAlignment)) {\n    return verticalAlignment['header'];\n  }\n\n  return verticalAlignment;\n}\n\nexport function constructVisualVariantFeature(): TableFeature<VisualVariantFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        visualVariantConfig: structuredClone(\n          DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT,\n        ),\n        ...initialState,\n      };\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableVisualVariantFeature', table, {\n        table_getBodyVerticalAlignment: {\n          fn: (verticalAlignment) =>\n            table_getBodyVerticalAlignment(verticalAlignment),\n          memoDeps: () => [\n            table.atoms.visualVariantConfig?.get().verticalAlignment,\n          ],\n        },\n        table_getHeaderVerticalAlignment: {\n          fn: (verticalAlignment) =>\n            table_getHeaderVerticalAlignment(verticalAlignment),\n          memoDeps: () => [\n            table.atoms.visualVariantConfig?.get().verticalAlignment,\n          ],\n        },\n      });\n    },\n  };\n}\n\n/**\n * The VisualVariant feature adds visual styling options to the table, such as row separation,\n * vertical dividers, contained layout, row density, font style, header styles, and vertical alignment.\n * These options can be set globally for the entire table or individually for specific columns.\n */\nexport const DataTableVisualVariantFeature = constructVisualVariantFeature();\n"],
+  "mappings": "AAAA,SAAS,uBAA0C;AAGnD,SAAS,gDAAgD;AAQzD,SAAS,kCACP,mBASA;AACA,MACE,sBAAsB,UACtB,OAAO,sBAAsB,UAC7B;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAKO,SAAS,+BACd,mBAMmB;AACnB,MAAI,kCAAkC,iBAAiB,GAAG;AACxD,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,SAAO;AACT;AAKO,SAAS,iCACd,mBAMmB;AACnB,MAAI,kCAAkC,iBAAiB,GAAG;AACxD,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,SAAS,gCAAgF;AAC9F,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,qBAAqB;AAAA,UACnB;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,iCAAiC,OAAO;AAAA,QACtD,gCAAgC;AAAA,UAC9B,IAAI,CAAC,sBACH,+BAA+B,iBAAiB;AAAA,UAClD,UAAU,MAAM;AAAA,YACd,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAAA,UACzC;AAAA,QACF;AAAA,QACA,kCAAkC;AAAA,UAChC,IAAI,CAAC,sBACH,iCAAiC,iBAAiB;AAAA,UACpD,UAAU,MAAM;AAAA,YACd,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAAA,UACzC;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAOO,MAAM,gCAAgC,8BAA8B;",
   "names": []
 }

package/esm/tables/DataTable/features/VisualVariants/useVisualVariants.js

@@ -0,0 +1,25 @@
+import { useMemo } from "react";
+import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
+import { DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT } from "../../constants.js";
+function useVisualVariant(props, options) {
+  const configVariant = useDataTableConfigElement("variant");
+  const visualVariantConfig = useMemo(() => {
+    return {
+      rowSeparation: props.variant?.rowSeparation ?? configVariant?.rowSeparation ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,
+      verticalDividers: props.variant?.verticalDividers ?? configVariant?.verticalDividers ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,
+      contained: props.variant?.contained ?? configVariant?.contained ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,
+      rowDensity: props.variant?.rowDensity ?? configVariant?.rowDensity ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,
+      fontStyle: props.variant?.fontStyle ?? configVariant?.fontStyle ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,
+      headers: props.variant?.headers ?? configVariant?.headers ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,
+      verticalAlignment: props.variant?.verticalAlignment ?? configVariant?.verticalAlignment ?? DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment
+    };
+  }, [props.variant, configVariant]);
+  options.state = {
+    ...options.state,
+    visualVariantConfig
+  };
+}
+export {
+  useVisualVariant
+};
+//# sourceMappingURL=useVisualVariants.js.map

package/esm/tables/DataTable/features/VisualVariants/useVisualVariants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/VisualVariants/useVisualVariants.ts"],
+  "sourcesContent": ["import { type TableOptions } from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport type { DataTableVisualVariantProps } from './visual-variants-types.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT } from '../../constants.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @internal Configuration hook for the VisualVariant feature.\n *\n */\nexport function useVisualVariant<TData extends DataTableRowData>(\n  props: DataTableVisualVariantProps,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n) {\n  const configVariant = useDataTableConfigElement('variant');\n\n  const visualVariantConfig = useMemo(() => {\n    return {\n      rowSeparation:\n        props.variant?.rowSeparation ??\n        configVariant?.rowSeparation ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowSeparation,\n      verticalDividers:\n        props.variant?.verticalDividers ??\n        configVariant?.verticalDividers ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalDividers,\n      contained:\n        props.variant?.contained ??\n        configVariant?.contained ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.contained,\n      rowDensity:\n        props.variant?.rowDensity ??\n        configVariant?.rowDensity ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.rowDensity,\n      fontStyle:\n        props.variant?.fontStyle ??\n        configVariant?.fontStyle ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.fontStyle,\n      headers:\n        props.variant?.headers ??\n        configVariant?.headers ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.headers,\n      verticalAlignment:\n        props.variant?.verticalAlignment ??\n        configVariant?.verticalAlignment ??\n        DATA_TABLE_VISUAL_VARIANT_CONFIG_DEFAULT.verticalAlignment,\n    };\n  }, [props.variant, configVariant]);\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    visualVariantConfig,\n  };\n}\n"],
+  "mappings": "AACA,SAAS,eAAe;AAGxB,SAAS,iCAAiC;AAC1C,SAAS,gDAAgD;AAQlD,SAAS,iBACd,OACA,SACA;AACA,QAAM,gBAAgB,0BAA0B,SAAS;AAEzD,QAAM,sBAAsB,QAAQ,MAAM;AACxC,WAAO;AAAA,MACL,eACE,MAAM,SAAS,iBACf,eAAe,iBACf,yCAAyC;AAAA,MAC3C,kBACE,MAAM,SAAS,oBACf,eAAe,oBACf,yCAAyC;AAAA,MAC3C,WACE,MAAM,SAAS,aACf,eAAe,aACf,yCAAyC;AAAA,MAC3C,YACE,MAAM,SAAS,cACf,eAAe,cACf,yCAAyC;AAAA,MAC3C,WACE,MAAM,SAAS,aACf,eAAe,aACf,yCAAyC;AAAA,MAC3C,SACE,MAAM,SAAS,WACf,eAAe,WACf,yCAAyC;AAAA,MAC3C,mBACE,MAAM,SAAS,qBACf,eAAe,qBACf,yCAAyC;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,aAAa,CAAC;AAGjC,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+import {
+  constructRow,
+  tableMemo
+} from "@tanstack/react-table";
+function createCoreRowModel() {
+  return (_table) => {
+    const table = _table;
+    return tableMemo({
+      feature: "coreRowModelsFeature",
+      table,
+      fnName: "table.getCoreRowModel",
+      memoDeps: () => [table.options.data, table.options.columns],
+      fn: () => _createCoreRowModel(table, table.options.data)
+    });
+  };
+}
+function _createCoreRowModel(table, data) {
+  const rowModel = {
+    rows: [],
+    flatRows: [],
+    rowsById: {}
+  };
+  const accessRows = (originalRows, depth = 0, parentRow) => {
+    const rows = [];
+    for (let i = 0; i < originalRows.length; i++) {
+      const originalRow = originalRows[i];
+      const row = constructRow(
+        table,
+        table.getRowId(originalRow, i, parentRow),
+        originalRow,
+        i,
+        depth,
+        void 0,
+        parentRow?.id
+      );
+      rowModel.flatRows.push(row);
+      rowModel.rowsById[row.id] = row;
+      rows.push(row);
+      if (table.options.getSubRows) {
+        row.originalSubRows = table.options.getSubRows(originalRow, i);
+        if (row.originalSubRows?.length) {
+          row.subRows = accessRows(row.originalSubRows, depth + 1, row);
+        }
+      }
+    }
+    return rows;
+  };
+  rowModel.rows = accessRows(data);
+  return rowModel;
+}
+export {
+  createCoreRowModel
+};
+//# sourceMappingURL=createCoreRowModel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/tables/DataTable/features/createCoreRowModel.ts"],
+  "sourcesContent": ["import {\n  constructRow,\n  tableMemo,\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  type Table_Internal,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\nexport function createCoreRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): (table: Table<TFeatures, TData>) => () => RowModel<TFeatures, TData> {\n  return (_table) => {\n    const table = _table as Table_Internal<TFeatures, TData>;\n    return tableMemo({\n      feature: 'coreRowModelsFeature',\n      table,\n      fnName: 'table.getCoreRowModel',\n      memoDeps: () => [table.options.data, table.options.columns],\n      fn: () => _createCoreRowModel(table, table.options.data),\n    });\n  };\n}\n\nfunction _createCoreRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  data: ReadonlyArray<TData>,\n): {\n  rows: Array<Row<TFeatures, TData>>;\n  flatRows: Array<Row<TFeatures, TData>>;\n  rowsById: Record<string, Row<TFeatures, TData>>;\n} {\n  const rowModel: RowModel<TFeatures, TData> = {\n    rows: [],\n    flatRows: [],\n    rowsById: {},\n  };\n\n  const accessRows = (\n    originalRows: ReadonlyArray<TData>,\n    depth = 0,\n    parentRow?: Row<TFeatures, TData>,\n  ): Array<Row<TFeatures, TData>> => {\n    const rows = [] as Array<Row<TFeatures, TData>>;\n\n    for (let i = 0; i < originalRows.length; i++) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      const originalRow = originalRows[i]!;\n      // Make the row\n      const row = constructRow(\n        table,\n        table.getRowId(originalRow, i, parentRow),\n        originalRow,\n        i,\n        depth,\n        undefined,\n        parentRow?.id,\n      );\n\n      // Keep track of every row in a flat array\n      rowModel.flatRows.push(row);\n      // Also keep track of every row by its ID\n      rowModel.rowsById[row.id] = row;\n      // Push table row into parent\n      rows.push(row);\n\n      // Get the original subrows\n      if (table.options.getSubRows) {\n        row.originalSubRows = table.options.getSubRows(originalRow, i);\n\n        // Then recursively access them\n        if (row.originalSubRows?.length) {\n          row.subRows = accessRows(row.originalSubRows, depth + 1, row);\n        }\n      }\n    }\n\n    return rows;\n  };\n\n  rowModel.rows = accessRows(data);\n\n  return rowModel;\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAOK;AAEA,SAAS,qBAG0D;AACxE,SAAO,CAAC,WAAW;AACjB,UAAM,QAAQ;AACd,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,UAAU,MAAM,CAAC,MAAM,QAAQ,MAAM,MAAM,QAAQ,OAAO;AAAA,MAC1D,IAAI,MAAM,oBAAoB,OAAO,MAAM,QAAQ,IAAI;AAAA,IACzD,CAAC;AAAA,EACH;AACF;AAEA,SAAS,oBAIP,OACA,MAKA;AACA,QAAM,WAAuC;AAAA,IAC3C,MAAM,CAAC;AAAA,IACP,UAAU,CAAC;AAAA,IACX,UAAU,CAAC;AAAA,EACb;AAEA,QAAM,aAAa,CACjB,cACA,QAAQ,GACR,cACiC;AACjC,UAAM,OAAO,CAAC;AAEd,aAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK;AAE5C,YAAM,cAAc,aAAa,CAAC;AAElC,YAAM,MAAM;AAAA,QACV;AAAA,QACA,MAAM,SAAS,aAAa,GAAG,SAAS;AAAA,QACxC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb;AAGA,eAAS,SAAS,KAAK,GAAG;AAE1B,eAAS,SAAS,IAAI,EAAE,IAAI;AAE5B,WAAK,KAAK,GAAG;AAGb,UAAI,MAAM,QAAQ,YAAY;AAC5B,YAAI,kBAAkB,MAAM,QAAQ,WAAW,aAAa,CAAC;AAG7D,YAAI,IAAI,iBAAiB,QAAQ;AAC/B,cAAI,UAAU,WAAW,IAAI,iBAAiB,QAAQ,GAAG,GAAG;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,WAAS,OAAO,WAAW,IAAI;AAE/B,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,76 @@
+import {
+  columnOrderingFeature,
+  columnPinningFeature,
+  columnResizingFeature,
+  columnSizingFeature,
+  columnVisibilityFeature,
+  coreHeadersFeature,
+  createColumnHelper,
+  rowExpandingFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  rowSortingFeature,
+  tableFeatures
+} from "@tanstack/react-table";
+import { DataTableColumnFontStyleFeature } from "./ColumnFontStyle/ColumnFontStyle.js";
+import { DataTableColumnOrderFeature } from "./ColumnOrder/ColumnOrder.js";
+import { DataTableColumnPinningFeature } from "./ColumnPinning/ColumnPinning.js";
+import { DataTableColumnSizingFeature } from "./ColumnSizing/ColumnSizing.js";
+import { DataTableColumnVisiblityFeature } from "./ColumnVisibility/ColumnVisibility.js";
+import { DataTableDownloadDataFeature } from "./Download/Download.js";
+import { DataTableGanttChartFeature } from "./GanttChart/GanttChart.js";
+import { DataTableTableLayoutFeature } from "./Layout/Layout.js";
+import { DataTableColumnLineWrapFeature } from "./LineWrap/LineWrap.js";
+import { DataTableLoadingStateFeature } from "./LoadingState/LoadingState.js";
+import { DataTableMeterBarChartColumnTypeFeature } from "./MeterBarChart/MeterBarChart.js";
+import { DataTableRowPaginationFeature } from "./Pagination/Pagination.js";
+import { DataTableRowDetailsFeature } from "./RowDetails/RowDetails.js";
+import { DataTableRowInteractivityFeature } from "./RowInteractivity/RowInteractivity.js";
+import { DataTableRowOrderFeature } from "./RowOrder/RowOrder.js";
+import { DataTableRowSelectionFeature } from "./RowSelection/RowSelection.js";
+import { DataTableRowSortingFeature } from "./Sorting/Sorting.js";
+import { DataTableRowSubRowsFeature } from "./SubRows/SubRows.js";
+import { DataTableRowThresholdsFeature } from "./Thresholds/Thresholds.js";
+import { DataTableUserActionsFeature } from "./UserActions/UserActions.js";
+import { DataTableVirtualScrollingFeature } from "./VirtualScrolling/VirtualScrolling.js";
+import { DataTableVisualVariantFeature } from "./VisualVariants/VisualVariants.js";
+const DataTableFeatures = tableFeatures({
+  coreHeadersFeature,
+  columnVisibilityFeature,
+  columnOrderingFeature,
+  columnPinningFeature,
+  rowSortingFeature,
+  rowExpandingFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  columnSizingFeature,
+  columnResizingFeature,
+  DataTableColumnSizingFeature,
+  DataTableColumnLineWrapFeature,
+  DataTableTableLayoutFeature,
+  DataTableVisualVariantFeature,
+  DataTableUserActionsFeature,
+  DataTableRowSortingFeature,
+  DataTableColumnVisiblityFeature,
+  DataTableColumnOrderFeature,
+  DataTableRowSelectionFeature,
+  DataTableRowThresholdsFeature,
+  DataTableRowSubRowsFeature,
+  DataTableRowDetailsFeature,
+  DataTableRowInteractivityFeature,
+  DataTableVirtualScrollingFeature,
+  DataTableColumnFontStyleFeature,
+  DataTableRowPaginationFeature,
+  DataTableRowOrderFeature,
+  DataTableColumnPinningFeature,
+  DataTableDownloadDataFeature,
+  DataTableGanttChartFeature,
+  DataTableLoadingStateFeature,
+  DataTableMeterBarChartColumnTypeFeature
+});
+const dataTableColumnHelper = createColumnHelper();
+export {
+  DataTableFeatures,
+  dataTableColumnHelper
+};
+//# sourceMappingURL=features.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/tables/DataTable/features/features.ts"],
+  "sourcesContent": ["import {\n  columnOrderingFeature,\n  columnPinningFeature,\n  columnResizingFeature,\n  columnSizingFeature,\n  columnVisibilityFeature,\n  coreHeadersFeature,\n  createColumnHelper,\n  rowExpandingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  tableFeatures,\n  type Cell,\n  type CellData,\n  type ColumnHelper,\n  type Header,\n  type RowData,\n  type RowModel,\n  type Table,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\nimport type { DataTableAlignmentColumnDef } from './ColumnAlignment.js';\nimport type {\n  DataTableColumnFontStyleColumn,\n  DataTableColumnFontStyleInstance,\n  DataTableColumnFontStyleOptions,\n  DataTableColumnFontStyleTableState,\n} from './ColumnFontStyle/column-font-style-types.js';\nimport { DataTableColumnFontStyleFeature } from './ColumnFontStyle/ColumnFontStyle.js';\nimport type {\n  DataTableColumnOrderHeader,\n  DataTableColumnOrderInstance,\n  DataTableColumnOrderOptions,\n  DataTableColumnOrderState,\n} from './ColumnOrder/column-order-types.js';\nimport { DataTableColumnOrderFeature } from './ColumnOrder/ColumnOrder.js';\nimport type {\n  DataTableColumnPinningColumn,\n  DataTableColumnPinningHeader,\n  DataTableColumnPinningInstance,\n  DataTableColumnPinningOptions,\n  DataTablePinnedColumnState,\n} from './ColumnPinning/column-pinning-types.js';\nimport { DataTableColumnPinningFeature } from './ColumnPinning/ColumnPinning.js';\nimport type {\n  DataTableColumnSizingHeader,\n  DataTableColumnSizingTableState,\n} from './ColumnSizing/column-sizing-types.js';\nimport { DataTableColumnSizingFeature } from './ColumnSizing/ColumnSizing.js';\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableMeterbarColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './ColumnTypes/column-types-types.js';\nimport type {\n  DataTableColumnVisibilityColumn,\n  DataTableColumnVisibilityInstance,\n  DataTableVisibilityOptions,\n} from './ColumnVisibility/column-visibility-types.js';\nimport { DataTableColumnVisiblityFeature } from './ColumnVisibility/ColumnVisibility.js';\nimport type { DataTableCustomHeaderColumnDef } from './CustomHeader.js';\nimport type {\n  DataTableDownloadDataCell,\n  DataTableDownloadDataHeader,\n  DataTableDownloadDataInstance,\n  DataTableDownloadDataOptions,\n} from './Download/download-types.js';\nimport { DataTableDownloadDataFeature } from './Download/Download.js';\nimport type {\n  DataTableGanttChartInstance,\n  DataTableGanttChartState,\n} from './GanttChart/gantt-chart-types.js';\nimport { DataTableGanttChartFeature } from './GanttChart/GanttChart.js';\nimport type {\n  DataTableLayoutColumn,\n  DataTableLayoutColumnDef,\n  DataTableLayoutHeader,\n  DataTableLayoutInstance,\n  DataTableLayoutOptions,\n  DataTableLayoutRow,\n  DataTableLayoutTableState,\n} from './Layout/layout-types.js';\nimport { DataTableTableLayoutFeature } from './Layout/Layout.js';\nimport type {\n  DataTableLineWrapColumn,\n  DataTableLineWrapInstance,\n  DataTableLineWrapOptions,\n  DataTableLineWrapTableState,\n} from './LineWrap/line-wrap-types.js';\nimport { DataTableColumnLineWrapFeature } from './LineWrap/LineWrap.js';\nimport type { DataTableLoadingState } from './LoadingState/loading-state-types.js';\nimport { DataTableLoadingStateFeature } from './LoadingState/LoadingState.js';\nimport type { DataTableMeterbarChartState } from './MeterBarChart/meterbar-chart-types.js';\nimport { DataTableMeterBarChartColumnTypeFeature } from './MeterBarChart/MeterBarChart.js';\nimport type {\n  DataTablePaginationInstance,\n  DataTablePaginationOptions,\n  DataTablePaginationTableState,\n} from './Pagination/pagination-types.js';\nimport { DataTableRowPaginationFeature } from './Pagination/Pagination.js';\nimport type {\n  DataTableRowDetailsInstance,\n  DataTableRowDetailsOptions,\n  DataTableRowDetailsRow,\n  DataTableRowDetailsState,\n} from './RowDetails/row-details-types.js';\nimport { DataTableRowDetailsFeature } from './RowDetails/RowDetails.js';\nimport type { DataTableRowIdentificationOptions } from './RowIdentification/row-identification-types.js';\nimport type {\n  DataTableRowInteractivityInstance,\n  DataTableRowInteractivityOptions,\n  DataTableRowInteractivityRow,\n  DataTableRowInteractivityState,\n} from './RowInteractivity/row-interactivity-types.js';\nimport { DataTableRowInteractivityFeature } from './RowInteractivity/RowInteractivity.js';\nimport type {\n  DataTableRowOrderInstance,\n  DataTableRowOrderOptions,\n  DataTableRowOrderRow,\n  DataTableRowOrderState,\n} from './RowOrder/row-order-types.js';\nimport { DataTableRowOrderFeature } from './RowOrder/RowOrder.js';\nimport type {\n  DataTableRowSelectionInstance,\n  DataTableRowSelectionOptions,\n  DataTableRowSelectionRow,\n} from './RowSelection/row-selection-types.js';\nimport { DataTableRowSelectionFeature } from './RowSelection/RowSelection.js';\nimport type {\n  DataTableCustomSortingFn,\n  DataTableSortingColumnDef,\n  DataTableSortingHeader,\n  DataTableSortingOptions,\n  DataTableSortingRow,\n} from './Sorting/sorting-types.js';\nimport { DataTableRowSortingFeature } from './Sorting/Sorting.js';\nimport type {\n  DataTableSubRowsInstance,\n  DataTableSubRowsOptions,\n  DataTableSubRowsRow,\n} from './SubRows/sub-rows-types.js';\nimport { DataTableRowSubRowsFeature } from './SubRows/SubRows.js';\nimport type {\n  DataTableRowThresholdOptions,\n  DataTableThresholdCell,\n  DataTableThresholdColumn,\n  DataTableThresholdColumnDef,\n  DataTableThresholdRow,\n} from './Thresholds/threshold-types.js';\nimport { DataTableRowThresholdsFeature } from './Thresholds/Thresholds.js';\nimport type { TDataTableFeatures } from './types/features.types.js';\nimport type {\n  DataTableUserActionColumnDef,\n  DataTableUserActionsCell,\n  DataTableUserActionsColumn,\n  DataTableUserActionsInstance,\n  DataTableUserActionsOptions,\n  DataTableUserActionsState,\n} from './UserActions/user-actions-types.js';\nimport { DataTableUserActionsFeature } from './UserActions/UserActions.js';\nimport type { DataTableVirtualScrollingInstance } from './VirtualScrolling/virtual-scrolling-types.js';\nimport { DataTableVirtualScrollingFeature } from './VirtualScrolling/VirtualScrolling.js';\nimport type {\n  DataTableVisualVariantTableInstance,\n  DataTableVisualVariantTableState,\n} from './VisualVariants/visual-variants-types.js';\nimport { DataTableVisualVariantFeature } from './VisualVariants/VisualVariants.js';\n\n// https://tanstack.com/table/latest/docs/api/core/column-def#meta\ndeclare module '@tanstack/react-table' {\n  export interface ColumnDef_Plugins<\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n    TValue extends CellData = CellData,\n  > extends DataTableLayoutColumnDef,\n      DataTableThresholdColumnDef<TData>,\n      DataTableAlignmentColumnDef,\n      DataTableSortingColumnDef<TData, TValue>,\n      DataTableUserActionColumnDef,\n      DataTableCustomHeaderColumnDef,\n      DataTableUserActionColumnDef {\n    /**\n     * Defines the columnType for the column, which is used to determine the default cell renderer and other default features of the column.\n     */\n    columnType?: DataTableColumnType;\n    // sortType?: DataTableSortingColumnDef<TData, TValue>['sortType'];\n    // sortAccessor?: DataTableSortingColumnDef<TData, TValue>['sortAccessor'];\n    customSortingFn?: DataTableCustomSortingFn<TValue>;\n  }\n\n  interface ColumnMeta<\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n    TValue extends CellData = CellData,\n  > {\n    config?:\n      | DataTableSparklineColumnConfig\n      | DataTableMeterbarColumnConfig\n      | DataTableGanttColumnConfig\n      | DataTableMarkdownColumnConfig\n      | DataTableLogContentColumnConfig\n      | DataTableTextColumnConfig;\n\n    hasFormatter?: boolean;\n    hasCustomCellRenderer?: boolean;\n    hasCustomHeaderRenderer?: boolean;\n    /** Specifies if the column is an automatically generated, internal one. */\n    /**\n     * Defines if it is considered a spacer column. Most likely the last\n     * one that makes sure the columns continue on.\n     */\n    spacer?: boolean;\n\n    /** Specifies if the column is a automatically generated internal one. */\n    builtin?: true;\n    /** Specifies if the column is a builtin prefix or postfix. */\n    builtinPlacement?: 'prefix' | 'suffix';\n    /**\n     * Font style defined based on column level.\n     */\n    fontStyle?: 'text' | 'code';\n\n    /**\n     * This is used to control the memoization on our custom header renderers.\n     * The returned value will be bound as a string prop to the DataTableHeader component\n     * in order to control the React.memo invalidation on the component.\n     */\n    headerDeps?: (\n      header: Header<TFeatures, TData, TValue>,\n    ) => Array<boolean | string | number>;\n\n    /**\n     * This is used to control the memoization on our custom cell renderers.\n     * The returned value will be bound as a string prop to the DataTableCell component\n     * in order to control the React.memo invalidation on the component.\n     */\n    cellDeps?: (\n      cell: Cell<TFeatures, TData, TValue>,\n    ) => Array<boolean | string | number>;\n  }\n\n  interface CreateRowModel_Plugins {\n    rowOrderRowModel?: (\n      table: Table<TableFeatures, RowData>,\n    ) => () => RowModel<TableFeatures, RowData>;\n\n    detailsRowModel?: (\n      table: Table<TableFeatures, RowData>,\n    ) => () => RowModel<TableFeatures, RowData>;\n  }\n\n  interface CachedRowModel_Plugins {\n    rowOrderRowModel: () => RowModel<TableFeatures, RowData>;\n\n    detailsRowModel: () => RowModel<TableFeatures, RowData>;\n  }\n\n  interface TableState_Plugins<TFeatures extends TableFeatures>\n    extends DataTableVisualVariantTableState,\n      DataTableColumnSizingTableState,\n      DataTablePaginationTableState,\n      DataTableLineWrapTableState,\n      DataTableColumnFontStyleTableState,\n      DataTableLayoutTableState,\n      DataTableVisualVariantTableState,\n      DataTableLoadingState,\n      DataTableRowInteractivityState,\n      DataTableGanttChartState,\n      DataTableMeterbarChartState,\n      DataTableRowDetailsState,\n      DataTableRowOrderState<TFeatures>,\n      DataTableUserActionsState,\n      DataTablePinnedColumnState,\n      DataTableColumnOrderState<TFeatures>,\n      DataTableGanttChartState {}\n\n  interface Table_Plugins<\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n  > extends DataTableVisualVariantTableInstance,\n      DataTableColumnFontStyleInstance,\n      DataTableColumnOrderInstance<TFeatures, TData>,\n      DataTableColumnPinningInstance<TFeatures, TData>,\n      DataTableColumnVisibilityInstance<TFeatures, TData>,\n      DataTableLayoutInstance,\n      DataTableLineWrapInstance,\n      DataTableRowDetailsInstance,\n      DataTableRowInteractivityInstance,\n      DataTableRowOrderInstance<TFeatures, TData>,\n      DataTableRowSelectionInstance,\n      DataTableSubRowsInstance<TFeatures, TData>,\n      DataTableUserActionsInstance<TFeatures>,\n      DataTableVirtualScrollingInstance,\n      DataTablePaginationInstance,\n      DataTableDownloadDataInstance,\n      DataTableGanttChartInstance {}\n\n  interface Column_Plugins<\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TValue = CellData,\n  > extends DataTableColumnFontStyleColumn,\n      DataTableColumnVisibilityColumn<TFeatures, TData>,\n      DataTableColumnPinningColumn,\n      DataTableLayoutColumn,\n      DataTableLineWrapColumn,\n      DataTableThresholdColumn<TData>,\n      DataTableUserActionsColumn<TData> {}\n\n  interface Header_Plugins<\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TFeatures extends TableFeatures,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TData extends RowData,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TValue extends CellData = CellData,\n  > extends DataTableColumnOrderHeader,\n      DataTableColumnPinningHeader,\n      DataTableColumnSizingHeader,\n      DataTableLayoutHeader,\n      DataTableSortingHeader,\n      DataTableDownloadDataHeader {}\n\n  interface Row_Plugins<TFeatures extends TableFeatures, TData extends RowData>\n    extends DataTableRowDetailsRow,\n      DataTableLayoutRow,\n      DataTableRowInteractivityRow,\n      DataTableRowOrderRow,\n      DataTableRowSelectionRow,\n      DataTableSortingRow,\n      DataTableSubRowsRow<TFeatures, TData>,\n      DataTableThresholdRow {}\n\n  interface TableOptions_Plugins<\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n  > extends DataTableColumnFontStyleOptions,\n      DataTableLayoutOptions,\n      DataTableColumnOrderOptions,\n      DataTableLineWrapOptions,\n      DataTableColumnPinningOptions,\n      DataTableRowIdentificationOptions,\n      DataTableVisibilityOptions,\n      DataTableRowInteractivityOptions<TFeatures, TData>,\n      DataTableRowOrderOptions<TFeatures, TData>,\n      DataTableRowSelectionOptions<TFeatures, TData>,\n      DataTableSortingOptions<TData>,\n      DataTableSubRowsOptions<TData>,\n      DataTableRowThresholdOptions<TData>,\n      DataTableUserActionsOptions<TData>,\n      DataTablePaginationOptions<TFeatures, TData>,\n      DataTableRowDetailsOptions<TData>,\n      DataTableDownloadDataOptions {}\n\n  export interface Cell_Plugins<\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TFeatures extends TableFeatures,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TData extends RowData,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TValue extends CellData = CellData,\n  > extends DataTableThresholdCell,\n      DataTableDownloadDataCell,\n      DataTableUserActionsCell {}\n\n  interface Plugins {\n    DataTableVisualVariantFeature: typeof DataTableVisualVariantFeature;\n    DataTableColumnFontStyleFeature: typeof DataTableColumnFontStyleFeature;\n    DataTableColumnOrderFeature: typeof DataTableColumnOrderFeature;\n    DataTableColumnPinningFeature: typeof DataTableColumnPinningFeature;\n    DataTableColumnSizingFeature: typeof DataTableColumnSizingFeature;\n    DataTableColumnVisiblityFeature: typeof DataTableColumnVisiblityFeature;\n    DataTableTableLayoutFeature: typeof DataTableTableLayoutFeature;\n    DataTableColumnLineWrapFeature: typeof DataTableColumnLineWrapFeature;\n    DataTableRowDetailsFeature: typeof DataTableRowDetailsFeature;\n    DataTableRowInteractivityFeature: typeof DataTableRowInteractivityFeature;\n    DataTableRowOrderFeature: typeof DataTableRowOrderFeature;\n    DataTableRowSelectionFeature: typeof DataTableRowSelectionFeature;\n    DataTableRowSortingFeature: typeof DataTableRowSortingFeature;\n    DataTableRowSubRowsFeature: typeof DataTableRowSubRowsFeature;\n    DataTableRowThresholdsFeature: typeof DataTableRowThresholdsFeature;\n    DataTableUserActionsFeature: typeof DataTableUserActionsFeature;\n    DataTableVirtualScrollingFeature: typeof DataTableVirtualScrollingFeature;\n    DataTableRowPaginationFeature: typeof DataTableRowPaginationFeature;\n    DataTableDownloadDataFeature: typeof DataTableDownloadDataFeature;\n    DataTableGanttChartFeature: typeof DataTableGanttChartFeature;\n    DataTableLoadingStateFeature: typeof DataTableLoadingStateFeature;\n    DataTableMeterBarChartColumnTypeFeature: typeof DataTableMeterBarChartColumnTypeFeature;\n  }\n}\n\nexport const DataTableFeatures: TDataTableFeatures = tableFeatures({\n  coreHeadersFeature,\n  columnVisibilityFeature,\n  columnOrderingFeature,\n  columnPinningFeature,\n  rowSortingFeature,\n  rowExpandingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  columnSizingFeature,\n  columnResizingFeature,\n  DataTableColumnSizingFeature,\n  DataTableColumnLineWrapFeature,\n  DataTableTableLayoutFeature,\n  DataTableVisualVariantFeature,\n  DataTableUserActionsFeature,\n  DataTableRowSortingFeature,\n  DataTableColumnVisiblityFeature,\n  DataTableColumnOrderFeature,\n  DataTableRowSelectionFeature,\n  DataTableRowThresholdsFeature,\n  DataTableRowSubRowsFeature,\n  DataTableRowDetailsFeature,\n  DataTableRowInteractivityFeature,\n  DataTableVirtualScrollingFeature,\n  DataTableColumnFontStyleFeature,\n  DataTableRowPaginationFeature,\n  DataTableRowOrderFeature,\n  DataTableColumnPinningFeature,\n  DataTableDownloadDataFeature,\n  DataTableGanttChartFeature,\n  DataTableLoadingStateFeature,\n  DataTableMeterBarChartColumnTypeFeature,\n});\n\nexport const dataTableColumnHelper: ColumnHelper<TDataTableFeatures, RowData> =\n  createColumnHelper<typeof DataTableFeatures, RowData>();\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OASK;AASP,SAAS,uCAAuC;AAOhD,SAAS,mCAAmC;AAQ5C,SAAS,qCAAqC;AAK9C,SAAS,oCAAoC;AAe7C,SAAS,uCAAuC;AAQhD,SAAS,oCAAoC;AAK7C,SAAS,kCAAkC;AAU3C,SAAS,mCAAmC;AAO5C,SAAS,sCAAsC;AAE/C,SAAS,oCAAoC;AAE7C,SAAS,+CAA+C;AAMxD,SAAS,qCAAqC;AAO9C,SAAS,kCAAkC;AAQ3C,SAAS,wCAAwC;AAOjD,SAAS,gCAAgC;AAMzC,SAAS,oCAAoC;AAQ7C,SAAS,kCAAkC;AAM3C,SAAS,kCAAkC;AAQ3C,SAAS,qCAAqC;AAU9C,SAAS,mCAAmC;AAE5C,SAAS,wCAAwC;AAKjD,SAAS,qCAAqC;AAmOvC,MAAM,oBAAwC,cAAc;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,wBACX,mBAAsD;",
+  "names": []
+}

package/esm/tables/DataTable/features/types/dnd.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=dnd.types.js.map

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

@@ -0,0 +1 @@
+//# sourceMappingURL=features.types.js.map

package/esm/tables/DataTable/hooks/useBuiltInColumns.js

@@ -1,9 +1,9 @@
 import { useMemo } from "react";
-import { ROW_DETAILS_COLUMN } from "../features/RowDetails/RowDetails.js";
-import { ROW_DRAG_COLUMN } from "../features/RowOrder/RowOrder.js";
-import { ROW_SELECTION_COLUMN } from "../features/RowSelection/RowSelection.js";
-import { ROW_ACTIONS_COLUMN } from "../features/UserActions/RowActions.js";
-const useBuiltInColumns = (options) => {
+import { ROW_DETAILS_COLUMN } from "../features/RowDetails/RowDetailsColumnDef.js";
+import { ROW_DRAG_COLUMN } from "../features/RowOrder/RowOrderColumnDef.js";
+import { ROW_SELECTION_COLUMN } from "../features/RowSelection/RowSelectionColumnDef.js";
+import { ROW_ACTIONS_COLUMN } from "../features/UserActions/RowActionsColumnDef.js";
+function useBuiltInColumns(options) {
   return useMemo(() => {
     const cols = [...options.columns];
     const rowDetailsColumn = ROW_DETAILS_COLUMN;
@@ -33,7 +33,7 @@ const useBuiltInColumns = (options) => {
     options.enableRowSelection,
     options.enableRowActions
   ]);
-};
+}
 export {
   useBuiltInColumns
 };

package/esm/tables/DataTable/hooks/useBuiltInColumns.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/hooks/useBuiltInColumns.ts"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport type { ColumnDef, TableOptions } from './useTable/types.js';\nimport { ROW_DETAILS_COLUMN } from '../features/RowDetails/RowDetails.js';\nimport { ROW_DRAG_COLUMN } from '../features/RowOrder/RowOrder.js';\nimport { ROW_SELECTION_COLUMN } from '../features/RowSelection/RowSelection.js';\nimport { ROW_ACTIONS_COLUMN } from '../features/UserActions/RowActions.js';\n\n/**\n * Returns the user-defined `options.columns` enriched by built-in prefix and suffix columns\n * (depending on which features are enabled).\n * @param options - the table options containing the user-defined columns\n * and flags for enabled/disabled features.\n * @internal\n */\nexport const useBuiltInColumns = <TData>(options: TableOptions<TData>) => {\n  return useMemo(() => {\n    const cols = [...options.columns];\n\n    const rowDetailsColumn = ROW_DETAILS_COLUMN as ColumnDef<TData, unknown>;\n    if (options.enableRowDetails === true && !cols.includes(rowDetailsColumn)) {\n      cols.unshift(rowDetailsColumn);\n    }\n\n    const rowSelectionColumn = ROW_SELECTION_COLUMN as ColumnDef<\n      TData,\n      unknown\n    >;\n    if (\n      options.enableRowSelection !== false &&\n      !cols.includes(rowSelectionColumn)\n    ) {\n      cols.unshift(rowSelectionColumn);\n    }\n\n    const rowDragColumn = ROW_DRAG_COLUMN as ColumnDef<TData, unknown>;\n    if (\n      options.enableRowOrderDragAndDrop !== false &&\n      !cols.includes(rowDragColumn)\n    ) {\n      cols.unshift(rowDragColumn);\n    }\n\n    const rowActionsColumn = ROW_ACTIONS_COLUMN as ColumnDef<TData, unknown>;\n    if (options.enableRowActions === true && !cols.includes(rowActionsColumn)) {\n      const spacerIndex = cols.findIndex(\n        (column) => column.meta?.spacer === true,\n      );\n      cols.splice(spacerIndex, 0, rowActionsColumn);\n    }\n\n    return cols;\n  }, [\n    options.columns,\n    options.enableRowOrderDragAndDrop,\n    options.enableRowDetails,\n    options.enableRowSelection,\n    options.enableRowActions,\n  ]);\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAGxB,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAS5B,MAAM,oBAAoB,CAAQ,YAAiC;AACxE,SAAO,QAAQ,MAAM;AACnB,UAAM,OAAO,CAAC,GAAG,QAAQ,OAAO;AAEhC,UAAM,mBAAmB;AACzB,QAAI,QAAQ,qBAAqB,QAAQ,CAAC,KAAK,SAAS,gBAAgB,GAAG;AACzE,WAAK,QAAQ,gBAAgB;AAAA,IAC/B;AAEA,UAAM,qBAAqB;AAI3B,QACE,QAAQ,uBAAuB,SAC/B,CAAC,KAAK,SAAS,kBAAkB,GACjC;AACA,WAAK,QAAQ,kBAAkB;AAAA,IACjC;AAEA,UAAM,gBAAgB;AACtB,QACE,QAAQ,8BAA8B,SACtC,CAAC,KAAK,SAAS,aAAa,GAC5B;AACA,WAAK,QAAQ,aAAa;AAAA,IAC5B;AAEA,UAAM,mBAAmB;AACzB,QAAI,QAAQ,qBAAqB,QAAQ,CAAC,KAAK,SAAS,gBAAgB,GAAG;AACzE,YAAM,cAAc,KAAK;AAAA,QACvB,CAAC,WAAW,OAAO,MAAM,WAAW;AAAA,MACtC;AACA,WAAK,OAAO,aAAa,GAAG,gBAAgB;AAAA,IAC9C;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACH;",
+  "sourcesContent": ["import {\n  type ColumnDef,\n  type RowData,\n  type TableFeatures,\n  type TableOptions,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport { ROW_DETAILS_COLUMN } from '../features/RowDetails/RowDetailsColumnDef.js';\nimport { ROW_DRAG_COLUMN } from '../features/RowOrder/RowOrderColumnDef.js';\nimport { ROW_SELECTION_COLUMN } from '../features/RowSelection/RowSelectionColumnDef.js';\nimport { ROW_ACTIONS_COLUMN } from '../features/UserActions/RowActionsColumnDef.js';\n\n/**\n * Returns the user-defined `options.columns` enriched by built-in prefix and suffix columns\n * (depending on which features are enabled).\n * @param options - the table options containing the user-defined columns\n * and flags for enabled/disabled features.\n * @internal\n */\nexport function useBuiltInColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(options: TableOptions<TFeatures, TData>) {\n  return useMemo(() => {\n    const cols = [...options.columns];\n\n    const rowDetailsColumn = ROW_DETAILS_COLUMN as ColumnDef<\n      TFeatures,\n      TData,\n      unknown\n    >;\n    if (options.enableRowDetails === true && !cols.includes(rowDetailsColumn)) {\n      cols.unshift(rowDetailsColumn);\n    }\n\n    const rowSelectionColumn = ROW_SELECTION_COLUMN as ColumnDef<\n      TFeatures,\n      TData,\n      unknown\n    >;\n    if (\n      options.enableRowSelection !== false &&\n      !cols.includes(rowSelectionColumn)\n    ) {\n      cols.unshift(rowSelectionColumn);\n    }\n\n    const rowDragColumn = ROW_DRAG_COLUMN as ColumnDef<\n      TFeatures,\n      TData,\n      unknown\n    >;\n    if (\n      options.enableRowOrderDragAndDrop !== false &&\n      !cols.includes(rowDragColumn)\n    ) {\n      cols.unshift(rowDragColumn);\n    }\n\n    const rowActionsColumn = ROW_ACTIONS_COLUMN as ColumnDef<\n      TFeatures,\n      TData,\n      unknown\n    >;\n    if (options.enableRowActions === true && !cols.includes(rowActionsColumn)) {\n      const spacerIndex = cols.findIndex(\n        (column) => column.meta?.spacer === true,\n      );\n      cols.splice(spacerIndex, 0, rowActionsColumn);\n    }\n\n    return cols;\n  }, [\n    options.columns,\n    options.enableRowOrderDragAndDrop,\n    options.enableRowDetails,\n    options.enableRowSelection,\n    options.enableRowActions,\n  ]);\n}\n"],
+  "mappings": "AAMA,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAS5B,SAAS,kBAGd,SAAyC;AACzC,SAAO,QAAQ,MAAM;AACnB,UAAM,OAAO,CAAC,GAAG,QAAQ,OAAO;AAEhC,UAAM,mBAAmB;AAKzB,QAAI,QAAQ,qBAAqB,QAAQ,CAAC,KAAK,SAAS,gBAAgB,GAAG;AACzE,WAAK,QAAQ,gBAAgB;AAAA,IAC/B;AAEA,UAAM,qBAAqB;AAK3B,QACE,QAAQ,uBAAuB,SAC/B,CAAC,KAAK,SAAS,kBAAkB,GACjC;AACA,WAAK,QAAQ,kBAAkB;AAAA,IACjC;AAEA,UAAM,gBAAgB;AAKtB,QACE,QAAQ,8BAA8B,SACtC,CAAC,KAAK,SAAS,aAAa,GAC5B;AACA,WAAK,QAAQ,aAAa;AAAA,IAC5B;AAEA,UAAM,mBAAmB;AAKzB,QAAI,QAAQ,qBAAqB,QAAQ,CAAC,KAAK,SAAS,gBAAgB,GAAG;AACzE,YAAM,cAAc,KAAK;AAAA,QACvB,CAAC,WAAW,OAAO,MAAM,WAAW;AAAA,MACtC;AACA,WAAK,OAAO,aAAa,GAAG,gBAAgB;AAAA,IAC9C;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACH;",
   "names": []
 }

package/esm/tables/DataTable/hooks/useColumnRemeasure.js

@@ -1,12 +1,12 @@
 import { useEffect } from "react";
 function useColumnRemeasure(table) {
-  const rowDensity = table.getVisualVariantOptions().rowDensity;
+  const rowDensity = table.atoms.visualVariantConfig?.get().rowDensity;
   const rowCount = table.getRowModel().rows.length;
   useEffect(() => {
     if (rowCount > 0) {
       table.remeasureAllColumns();
     }
-  }, [table, rowDensity, rowCount, table.options.columns]);
+  }, [rowDensity, rowCount, table.optionsStore.state.columns]);
 }
 export {
   useColumnRemeasure

package/esm/tables/DataTable/hooks/useColumnRemeasure.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/hooks/useColumnRemeasure.ts"],
-  "sourcesContent": ["import { useEffect } from 'react';\n\nimport type { Table } from './useTable/types.js';\n\n/**\n * Remeasures all columns when row density changes, data is loaded, or the column definition changes.\n * @internal\n */\nexport function useColumnRemeasure<TData>(table: Table<TData>): void {\n  const rowDensity = table.getVisualVariantOptions().rowDensity;\n  const rowCount = table.getRowModel().rows.length;\n\n  useEffect(() => {\n    if (rowCount > 0) {\n      table.remeasureAllColumns();\n    }\n  }, [table, rowDensity, rowCount, table.options.columns]);\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAQnB,SAAS,mBAA0B,OAA2B;AACnE,QAAM,aAAa,MAAM,wBAAwB,EAAE;AACnD,QAAM,WAAW,MAAM,YAAY,EAAE,KAAK;AAE1C,YAAU,MAAM;AACd,QAAI,WAAW,GAAG;AAChB,YAAM,oBAAoB;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,UAAU,MAAM,QAAQ,OAAO,CAAC;AACzD;",
+  "sourcesContent": ["import type { ReactTable, RowData, TableFeatures } from '@tanstack/react-table';\nimport { useEffect } from 'react';\n\n/**\n * Remeasures all columns when row density changes, data is loaded, or the column definition changes.\n * @internal\n */\nexport function useColumnRemeasure<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: ReactTable<TFeatures, TData>): void {\n  const rowDensity = table.atoms.visualVariantConfig?.get().rowDensity;\n  const rowCount = table.getRowModel().rows.length;\n\n  useEffect(() => {\n    if (rowCount > 0) {\n      table.remeasureAllColumns();\n    }\n    // Explicitly do not add the table instance here as it mutates too often.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [rowDensity, rowCount, table.optionsStore.state.columns]);\n}\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAMnB,SAAS,mBAGd,OAA2C;AAC3C,QAAM,aAAa,MAAM,MAAM,qBAAqB,IAAI,EAAE;AAC1D,QAAM,WAAW,MAAM,YAAY,EAAE,KAAK;AAE1C,YAAU,MAAM;AACd,QAAI,WAAW,GAAG;AAChB,YAAM,oBAAoB;AAAA,IAC5B;AAAA,EAGF,GAAG,CAAC,YAAY,UAAU,MAAM,aAAa,MAAM,OAAO,CAAC;AAC7D;",
   "names": []
 }