@dynatrace/strato-components 3.6.0 → 3.7.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/DataTable/DataTable.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type PropsWithChildren, type Ref, type JSX } from 'react';\n\nimport { DataTableDefaultCell } from './components/DataTableDefaultCell.js';\nimport { DataTableEmptyState } from './components/DataTableEmptyState.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Grid } from '../../layouts/grid/Grid.js';\nimport { useDataTableConfigElement } from '../hooks/useDataTableConfig.js';\nimport { DataTableVirtualizationContainer } from './components/DataTableVirtualizationContainer.js';\nimport { DataTableSelectedRowsActions } from './components/TableActions/DataTableSelectedRowsActions.js';\nimport { DataTableSelectionChip } from './components/TableActions/DataTableSelectionChip.js';\nimport { DataTableTableActions } from './components/TableActions/DataTableTableActions.js';\nimport { DataTableTableActionsWrapper } from './components/TableActions/DataTableTableActionsWrapper.js';\nimport { DataTableColumnOrderSettings } from './components/Toolbar/ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './components/Toolbar/ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettingsModal } from './components/Toolbar/ColumnSettings/DataTableColumnSettingsModal.js';\nimport { DataTableColumnSettingsTrigger } from './components/Toolbar/ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './components/Toolbar/ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbar } from './components/Toolbar/DataTableToolbar.js';\nimport {\n  DataTableColumnSettingsContextProvider,\n  DataTableContextProvider,\n} from './contexts/DataTableContext.js';\nimport { getCoreRowModel } from './core-row-model.js';\nimport * as styles from './DataTable.sty.js';\nimport { useColumnFontStyle } from './features/ColumnFontStyle/ColumnFontStyle.js';\nimport { useColumnOrder } from './features/ColumnOrder/ColumnOrder.js';\nimport { useColumnPinning } from './features/ColumnPinning/ColumnPinning.js';\nimport { useColumnSizing } from './features/ColumnSizing/ColumnSizing.js';\nimport { useColumnVisibility } from './features/ColumnVisibility/ColumnVisibility.js';\nimport { useDataTableConfigRef } from './features/Config.js';\nimport { _getDevToolsSlot, DataTableDevTools } from './features/DevTools.js';\nimport {\n  DataTableDownload,\n  useDownloadData,\n} from './features/Download/Download.js';\nimport { useGanttChart } from './features/GanttChart/GanttChart.js';\nimport { useLayout } from './features/Layout/Layout.js';\nimport {\n  DataTableGlobalLineWrapAction,\n  useColumnLineWrap,\n} from './features/LineWrap/LineWrap.js';\nimport { useLoadingState } from './features/LoadingState/LoadingState.js';\nimport { useMeterBarChartMaxValuesCalc } from './features/MeterBarChart/MeterBarChart.js';\nimport {\n  DataTablePagination,\n  usePagination,\n} from './features/Pagination/Pagination.js';\nimport { DataTablePaginationInternal } from './features/Pagination/PaginationInternal.js';\nimport {\n  DataTableExpandableRowTemplate,\n  DataTableExpandableRowWrapper,\n  useRowDetails,\n} from './features/RowDetails/RowDetails.js';\nimport { useRowIdentification } from './features/RowIdentification/RowIdentification.js';\nimport { useRowInteractivity } from './features/RowInteractivity/RowInteractivity.js';\nimport { useRowOrder } from './features/RowOrder/RowOrder.js';\nimport { useRowSelection } from './features/RowSelection/RowSelection.js';\nimport { getSortedRowModel } from './features/Sorting/sorted-row-model.js';\nimport { useSorting } from './features/Sorting/Sorting.js';\nimport { useSubRows } from './features/SubRows/SubRows.js';\nimport * as thresholdStyles from './features/Thresholds/Thresholds.sty.js';\nimport { useThresholds } from './features/Thresholds/Thresholds.js';\nimport { DataTableCellActions } from './features/UserActions/CellActions.js';\nimport { DataTableColumnActions } from './features/UserActions/ColumnActions.js';\nimport { DataTableRowActions } from './features/UserActions/RowActions.js';\nimport { useUserActions } from './features/UserActions/useUserActions.js';\nimport { useVisualVariant } from './features/VisualVariants/VisualVariants.js';\nimport { useBuiltInColumns } from './hooks/useBuiltInColumns.js';\nimport { useColumnRemeasure } from './hooks/useColumnRemeasure.js';\nimport { useColumns } from './hooks/useColumns.js';\nimport { useDataTableSlots } from './hooks/useDataTableSlots.js';\nimport { usePaginationEmptyPageCorrection } from './hooks/usePaginationEmptyPageCorrection.js';\nimport { usePaginationSlot } from './hooks/usePaginationSlot.js';\nimport type {\n  CoreOptions,\n  TableOptions,\n  FeatureOptions,\n} from './hooks/useTable/types.js';\nimport { useTable } from './hooks/useTable/useTable.js';\nimport { useTableRootResize } from './hooks/useTableRootResize.js';\nimport { useToolbarSlot } from './hooks/useToolbarSlot.js';\nimport type { DataTableProps, DataTableRef } from './public.api.js';\nimport { getExpandedRowModel } from './tanstack-table-core-override/src/index.js';\nimport { Intent as CoreIntent } from '../../core/slots/Intent/Intent.js';\nimport { extractDataAttributes } from '../utils/extract-data-attributes.js';\n\nconst COMPONENT_NAME = 'DataTable';\n\nfunction InternalDataTable<TData, TValue>(\n  props: PropsWithChildren<DataTableProps<TData>>,\n  forwardedRef: Ref<DataTableRef>,\n): JSX.Element {\n  const {\n    children,\n    data: dataProps,\n    columns: columnsProps,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const dataAttributes = extractDataAttributes(restProps);\n\n  const slots = useDataTableSlots(children);\n  const {\n    toolbarSlots,\n    toolbarContent,\n    toolbarItemProps,\n    toolbarRemainingProps,\n    openColumnSettings,\n    columnSettingsModalRef,\n  } = useToolbarSlot(slots.toolbarProps);\n  const {\n    paginationConsumerId,\n    paginationDataTestId,\n    paginationConsumerStyle,\n    paginationConsumerClassName,\n    paginationDataAttributes,\n  } = usePaginationSlot(slots.pagination);\n\n  // Hook used to adapt column definition for internal usage\n  const [columns, consumerColumnDefMap] = useColumns<TData, TValue>(\n    columnsProps,\n  );\n\n  const configFullWidthOption = useDataTableConfigElement('fullWidth');\n  const fullWidth = props.fullWidth ?? configFullWidthOption;\n\n  const configFullHeightOption = useDataTableConfigElement('fullHeight');\n  const fullHeight = props.fullHeight ?? configFullHeightOption;\n\n  const options: TableOptions<TData> = {\n    columns,\n    data: dataProps,\n    // In order to keep the types in our own realm, the cast to align with our\n    // CoreOptions is necessary.\n    getCoreRowModel:\n      getCoreRowModel() as unknown as CoreOptions<TData>['getCoreRowModel'],\n    getSortedRowModel: getSortedRowModel(),\n    // In order to keep the types in our own realm, the cast to align with our\n    // CoreOptions is necessary.\n    getExpandedRowModel:\n      getExpandedRowModel() as unknown as FeatureOptions<TData>['getExpandedRowModel'],\n  };\n\n  useRowIdentification(props, options);\n  useLayout(props, options);\n  useColumnLineWrap(props, options);\n  useColumnFontStyle(props, options);\n  useThresholds(props, options);\n  useVisualVariant(props, options);\n  useUserActions<TData>(props, options, consumerColumnDefMap);\n  usePagination(props, options);\n  useLoadingState(props, options);\n  useColumnSizing(props, options);\n  useSorting(props, options);\n  useColumnVisibility(props, options);\n  useColumnOrder(props, options);\n  useRowSelection(props, options);\n  useSubRows(props, options);\n  useRowDetails(props, options);\n  useRowInteractivity(props, options);\n  useGanttChart<TData, TValue>(props, options);\n  useMeterBarChartMaxValuesCalc(props, options);\n  useRowOrder(props, options);\n  useColumnPinning(props, options);\n  // DEPRECATION: [APPDEV-16236] BREAKING-CHANGE: Remove deprecated onDownloadData and DataTableDownloadProps.\n  // After removing the deprecated prop, consider changing the signature to `useDownloadData(toolbarItemProps, options)`\n  useDownloadData(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    { onDownloadData: toolbarItemProps.onDownloadData ?? props.onDownloadData },\n    options,\n  );\n\n  // Adds the builtin columns depending on which features are enabled\n  options.columns = useBuiltInColumns(options);\n  const table = useTable<TData>(options);\n\n  const tableRef = useDataTableConfigRef(\n    forwardedRef,\n    columnSettingsModalRef,\n    table,\n    props,\n  );\n  const rootRef = useTableRootResize(table.remeasureRows, table.setState);\n  const mergedRefs = useMergeRefs([rootRef, tableRef]);\n\n  useColumnRemeasure<TData>(table);\n  usePaginationEmptyPageCorrection<TData>(table);\n\n  // Gets the passed ReactTableDevtools in order to make debugging easier.\n  const DevTools = _getDevToolsSlot(props, table);\n\n  return (\n    <>\n      <div\n        ref={mergedRefs}\n        className={clsx(\n          styles.dataTable,\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.notResizing]:\n              table.getState().columnSizingInfo.isResizingColumn === false,\n          },\n          {\n            [thresholdStyles.hasPillThresholds]:\n              table.options.hasThresholds &&\n              table.options.rowThresholds?.some(\n                (threshold) => threshold.type === 'pill',\n              ),\n          },\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...dataAttributes}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <DataTableContextProvider value={table}>\n          {(toolbarContent ||\n            slots.tableActions ||\n            slots.selectedRowsActions) && (\n            <Grid\n              gridTemplateColumns=\"1fr auto\"\n              paddingBottom={4}\n              gap={toolbarContent ? 8 : 0}\n            >\n              <DataTableTableActionsWrapper\n                tableActions={slots.tableActions}\n                selectedRowsActions={slots.selectedRowsActions}\n              />\n              {/* We need to actually render the toolbar here to trigger rerenders once the table context updates */}\n              <DataTableColumnSettingsContextProvider\n                value={{ openColumnSettings }}\n              >\n                <DataTableToolbar {...toolbarRemainingProps}>\n                  {toolbarContent}\n                </DataTableToolbar>\n              </DataTableColumnSettingsContextProvider>\n            </Grid>\n          )}\n          <DataTableColumnSettingsModal\n            ref={columnSettingsModalRef}\n            visibilitySettings={toolbarSlots.visibilitySettings}\n            columnOrderSettings={toolbarSlots.columnOrderSettings}\n            columnPinningSettings={toolbarSlots.columnPinningSettings}\n            resetColumnVisibility={toolbarItemProps.resetColumnVisibility}\n            resetColumnOrder={toolbarItemProps.resetColumnOrder}\n            resetColumnPinning={toolbarItemProps.resetColumnPinning}\n          />\n\n          <DataTableVirtualizationContainer\n            table={table}\n            emptyState={slots.emptyState}\n            fullHeight={fullHeight ?? false}\n          />\n\n          {table.options.enablePagination === true ? (\n            <DataTablePaginationInternal\n              id={paginationConsumerId}\n              data-testid={paginationDataTestId}\n              className={paginationConsumerClassName}\n              style={paginationConsumerStyle}\n              {...paginationDataAttributes}\n            />\n          ) : null}\n        </DataTableContextProvider>\n      </div>\n      {DevTools}\n    </>\n  );\n}\n\nInternalDataTable.displayName = COMPONENT_NAME;\n\nconst DataTableFwd = /* @__PURE__ */ forwardRef(InternalDataTable);\n\n/**\n * The `DataTable` is a component for building tables which organize information\n * into rows and columns.\n * @public\n */\nexport const DataTable = Object.assign(DataTableFwd, {\n  Pagination: DataTablePagination,\n  ColumnActions: DataTableColumnActions,\n  CellActions: DataTableCellActions,\n  RowActions: DataTableRowActions,\n  SelectedRowsActions: DataTableSelectedRowsActions,\n  DefaultCell: DataTableDefaultCell,\n  EmptyState: DataTableEmptyState,\n  TableActions: DataTableTableActions,\n  DevTools: DataTableDevTools,\n  Toolbar: DataTableToolbar,\n  VisibilitySettings: DataTableColumnVisibilitySettings,\n  ColumnOrderSettings: DataTableColumnOrderSettings,\n  ColumnPinningSettings: DataTableColumnPinningSettings,\n  ColumnSettingsTrigger: DataTableColumnSettingsTrigger,\n  SelectionChip: DataTableSelectionChip,\n  DownloadData: DataTableDownload,\n  Intent: CoreIntent,\n  ExpandableRow: DataTableExpandableRowTemplate,\n  ExpandableRowWrapper: DataTableExpandableRowWrapper,\n  LineWrap: DataTableGlobalLineWrapAction,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  useTable,\n  type ReactTable,\n  type CellData,\n  type ColumnDef,\n  type RowData,\n  type TableOptions,\n  type TableState,\n  type Table_Internal,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  type JSX,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport { useDataTableConfigElement } from '../hooks/useDataTableConfig.js';\nimport { DataTableDefaultCell } from './components/DataTableDefaultCell.js';\nimport { DataTableEmptyState } from './components/DataTableEmptyState.js';\nimport { DataTableVirtualizationContainer } from './components/DataTableVirtualizationContainer.js';\nimport { DataTableSelectedRowsActions } from './components/TableActions/DataTableSelectedRowsActions.js';\nimport { DataTableSelectionChip } from './components/TableActions/DataTableSelectionChip.js';\nimport { DataTableTableActions } from './components/TableActions/DataTableTableActions.js';\nimport { DataTableTableActionsWrapper } from './components/TableActions/DataTableTableActionsWrapper.js';\nimport { DataTableColumnOrderSettings } from './components/Toolbar/ColumnSettings/DataTableColumnOrderSettings.js';\nimport { DataTableColumnPinningSettings } from './components/Toolbar/ColumnSettings/DataTableColumnPinningSettings.js';\nimport { DataTableColumnSettingsModal } from './components/Toolbar/ColumnSettings/DataTableColumnSettingsModal.js';\nimport { DataTableColumnSettingsTrigger } from './components/Toolbar/ColumnSettings/DataTableColumnSettingsTrigger.js';\nimport { DataTableColumnVisibilitySettings } from './components/Toolbar/ColumnSettings/DataTableColumnVisibilitySettings.js';\nimport { DataTableToolbar } from './components/Toolbar/DataTableToolbar.js';\nimport {\n  DataTableColumnSettingsContextProvider,\n  DataTableContextProvider,\n} from './contexts/DataTableContext.js';\nimport * as styles from './DataTable.sty.js';\nimport { useColumnFontStyle } from './features/ColumnFontStyle/ColumnFontStyle.js';\nimport { useColumnOrder } from './features/ColumnOrder/useColumnOrder.js';\nimport { useColumnPinning } from './features/ColumnPinning/useColumnPinning.js';\nimport { useColumnSizing } from './features/ColumnSizing/useColumnSizing.js';\nimport { useColumnVisibility } from './features/ColumnVisibility/useColumnVisibility.js';\nimport { useDataTableConfigRef } from './features/Config.js';\nimport { _getDevToolsSlot, DataTableDevTools } from './features/DevTools.js';\nimport { DataTableDownload } from './features/Download/Download.js';\nimport { useDownloadData } from './features/Download/useDownload.js';\nimport { DataTableFeatures } from './features/features.js';\nimport { useGanttChart } from './features/GanttChart/useGanttChart.js';\nimport { useLayout } from './features/Layout/useLayout.js';\nimport { DataTableGlobalLineWrapAction } from './features/LineWrap/LineWrap.js';\nimport { useColumnLineWrap } from './features/LineWrap/useLineWrap.js';\nimport { useLoadingState } from './features/LoadingState/useLoadingState.js';\nimport { useMeterBarChartMaxValuesCalc } from './features/MeterBarChart/MeterBarChart.js';\nimport { createPaginatedRowModel } from './features/Pagination/pagination-row-model.js';\nimport { DataTablePaginationInternal } from './features/Pagination/PaginationInternal.js';\nimport {\n  DataTablePagination,\n  usePagination,\n} from './features/Pagination/usePagination.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Grid } from '../../layouts/grid/Grid.js';\nimport { DataTableExpandableRowWrapper } from './features/RowDetails/components/ExpandableRowWrapper.js';\nimport { createRowDetailsRowModel } from './features/RowDetails/details-row-model.js';\nimport {\n  DataTableExpandableRowTemplate,\n  useRowDetails,\n} from './features/RowDetails/RowDetails.js';\nimport { useRowIdentification } from './features/RowIdentification/RowIdentification.js';\nimport { useRowInteractivity } from './features/RowInteractivity/useRowInteractivity.js';\nimport { createRowOrderRowModel } from './features/RowOrder/row-order-model.js';\nimport { useRowOrder } from './features/RowOrder/useRowOrder.js';\nimport { useRowSelection } from './features/RowSelection/useRowSelection.js';\nimport { createSortedRowModel } from './features/Sorting/sorted-row-model.js';\nimport { useSorting } from './features/Sorting/useSorting.js';\nimport { createExpandedRowModel } from './features/SubRows/subrows-row-model.js';\nimport { useSubRows } from './features/SubRows/useSubRows.js';\nimport * as thresholdStyles from './features/Thresholds/Thresholds.sty.js';\nimport { useThresholds } from './features/Thresholds/useThresholds.js';\nimport { DataTableCellActions } from './features/UserActions/CellActions.js';\nimport { DataTableColumnActions } from './features/UserActions/ColumnActions.js';\nimport { DataTableRowActions } from './features/UserActions/RowActions.js';\nimport { useUserActions } from './features/UserActions/useUserActions.js';\nimport { useVisualVariant } from './features/VisualVariants/useVisualVariants.js';\nimport { useBuiltInColumns } from './hooks/useBuiltInColumns.js';\nimport { useColumnRemeasure } from './hooks/useColumnRemeasure.js';\nimport { useColumns } from './hooks/useColumns.js';\nimport { useDataTableSlots } from './hooks/useDataTableSlots.js';\nimport { usePaginationEmptyPageCorrection } from './hooks/usePaginationEmptyPageCorrection.js';\nimport { usePaginationSlot } from './hooks/usePaginationSlot.js';\nimport { useTableRootResize } from './hooks/useTableRootResize.js';\nimport { useToolbarSlot } from './hooks/useToolbarSlot.js';\nimport type {\n  DataTableColumnDef,\n  DataTableProps,\n  DataTableRef,\n  DataTableRowData,\n} from './public.api.js';\nimport { Intent as CoreIntent } from '../../core/slots/Intent/Intent.js';\nimport { extractDataAttributes } from '../utils/extract-data-attributes.js';\nimport { createCoreRowModel } from './features/createCoreRowModel.js';\nimport { table_autoResetPageIndex } from './features/Pagination/Pagination.js';\nimport type { TDataTableFeatures } from './features/types/features.types.js';\n\nconst COMPONENT_NAME = 'DataTable';\n\n/**\n * Limits the DataTable subscription to only the required parts of the table store.\n * Most fields here are mutated directly via `baseAtoms.*.set()` \u2014 things like\n * drag-and-drop and menus that bypass React entirely. `columnResizing` is the\n * exception: it is managed by TanStack's own `columnResizingFeature`, but\n * DataTable reads `table.atoms.columnResizing?.get()` directly in render and\n * must re-render when it changes.\n *\n * Fields like sorting, pagination, columnOrder, and columnVisibility are left\n * out because they go through `useControllableState` and already cause a\n * React re-render on their own \u2014 no need to subscribe twice.\n *\n * Defined at module level (not inline) so the function reference is stable.\n */\nconst dataTableStoreSelector = (state: TableState<TDataTableFeatures>) => ({\n  columnResizing: state.columnResizing,\n  draggingRowInfo: state.draggingRowInfo,\n  draggedHeaderColumn: state.draggedHeaderColumn,\n  floatingMenuInfo: state.floatingMenuInfo,\n  openMenuRowId: state.openMenuRowId,\n  ganttAnnotationsSelection: state.ganttAnnotationsSelection,\n});\n\nfunction InternalDataTable<TData extends DataTableRowData>(\n  props: PropsWithChildren<DataTableProps<TData>>,\n  forwardedRef: Ref<DataTableRef>,\n): JSX.Element {\n  const {\n    children,\n    data: dataProps,\n    columns: columnsProps,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const dataAttributes = extractDataAttributes(restProps);\n\n  const slots = useDataTableSlots(children);\n  const {\n    toolbarSlots,\n    toolbarContent,\n    toolbarItemProps,\n    toolbarRemainingProps,\n    openColumnSettings,\n    columnSettingsModalRef,\n  } = useToolbarSlot(slots.toolbarProps);\n  const {\n    paginationConsumerId,\n    paginationDataTestId,\n    paginationConsumerStyle,\n    paginationConsumerClassName,\n    paginationDataAttributes,\n  } = usePaginationSlot(slots.pagination);\n\n  // Hook used to adapt column definition for internal usage\n  const [columns, consumerColumnDefMap] = useColumns(\n    // Required cast to align the public facing generic DataTableRowDatas `unknown` type with the tanstack internal RowData type.\n    columnsProps as unknown as DataTableColumnDef<DataTableRowData, CellData>[],\n  );\n\n  const configFullWidthOption = useDataTableConfigElement('fullWidth');\n  const fullWidth = props.fullWidth ?? configFullWidthOption;\n\n  const configFullHeightOption = useDataTableConfigElement('fullHeight');\n  const fullHeight = props.fullHeight ?? configFullHeightOption;\n\n  const options: TableOptions<\n    typeof DataTableFeatures,\n    Exclude<TData, unknown>\n  > = {\n    _features: DataTableFeatures,\n    columns: columns as ColumnDef<\n      typeof DataTableFeatures,\n      Exclude<TData, unknown>,\n      unknown\n    >[],\n    data: dataProps as unknown as Exclude<TData, unknown>[],\n  };\n\n  useRowIdentification(props, options);\n  useLayout(props, options);\n  useColumnLineWrap(props, options);\n  useColumnFontStyle(props, options);\n  useThresholds(props, options);\n  useVisualVariant(props, options);\n  useUserActions(\n    props,\n    // Required cast to align DataTableRowDatas any and the RowData type.\n    options as TableOptions<typeof DataTableFeatures, RowData>,\n    consumerColumnDefMap,\n  );\n  usePagination(props, options);\n  useLoadingState(props, options);\n  useColumnSizing(props, options);\n  useSorting(props, options);\n  useColumnVisibility(props, options);\n  useColumnOrder(props, options);\n  useRowSelection(props, options);\n  useSubRows(props, options);\n  useRowDetails(props, options);\n  useRowInteractivity(props, options);\n  useGanttChart(props, options);\n  useMeterBarChartMaxValuesCalc(props, options);\n  useRowOrder(props, options);\n  useColumnPinning(props, options);\n  useDownloadData(\n    // DEPRECATION: [APPDEV-16236] BREAKING-CHANGE: Remove deprecated onDownloadData and DataTableDownloadProps.\n    // After removing the deprecated prop, consider changing the signature to `useDownloadData(toolbarItemProps, options)`\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    { onDownloadData: toolbarItemProps.onDownloadData ?? props.onDownloadData },\n    options,\n  );\n\n  // Adds the builtin columns depending on which features are enabled\n  // eslint-disable-next-line react-hooks/immutability\n  options.columns = useBuiltInColumns(options);\n  const table = useTable<TDataTableFeatures, Exclude<TData, unknown>>(\n    {\n      _rowModels: {\n        coreRowModel: createCoreRowModel(),\n        expandedRowModel: createExpandedRowModel(),\n        sortedRowModel: createSortedRowModel(),\n        paginatedRowModel: createPaginatedRowModel(),\n        detailsRowModel: createRowDetailsRowModel(),\n        rowOrderRowModel: createRowOrderRowModel(),\n      },\n      ...options,\n    },\n    dataTableStoreSelector,\n  );\n\n  // Tanstack v9 - This effect is now necessary because the autoReset after the row model updates now also fires immediately.\n  const initialRender = useRef(true);\n  useEffect(() => {\n    if (initialRender.current === true) {\n      initialRender.current = false;\n      return;\n    }\n\n    table_autoResetPageIndex(\n      table as unknown as Table_Internal<TDataTableFeatures, RowData>,\n    );\n    // Explicitly not adding table to the dependency array to avoid infinite loop, as the table instance is stable and the function is also stable due to useCallback in the Pagination feature.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataProps]);\n\n  const tableRef = useDataTableConfigRef(\n    forwardedRef,\n    columnSettingsModalRef,\n    table,\n    props,\n  );\n\n  const rootRef = useTableRootResize(table.remeasureRows);\n  const mergedRefs = useMergeRefs([rootRef, tableRef]);\n\n  useColumnRemeasure(table);\n  usePaginationEmptyPageCorrection(table);\n\n  // Gets the passed ReactTableDevtools in order to make debugging easier.\n  const DevTools = _getDevToolsSlot(props, table);\n\n  return (\n    <>\n      <div\n        ref={mergedRefs}\n        className={clsx(\n          styles.dataTable,\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.notResizing]:\n              table.atoms.columnResizing?.get().isResizingColumn === false,\n          },\n          {\n            [thresholdStyles.hasPillThresholds]:\n              table.options.hasThresholds &&\n              table.options.rowThresholds?.some(\n                (threshold) => threshold.type === 'pill',\n              ),\n          },\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...dataAttributes}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <DataTableContextProvider value={table}>\n          {(toolbarContent ||\n            slots.tableActions ||\n            slots.selectedRowsActions) && (\n            <Grid\n              gridTemplateColumns=\"1fr auto\"\n              paddingBottom={4}\n              gap={toolbarContent ? 8 : 0}\n            >\n              <DataTableTableActionsWrapper\n                tableActions={slots.tableActions}\n                selectedRowsActions={slots.selectedRowsActions}\n              />\n              {/* We need to actually render the toolbar here to trigger rerenders once the table context updates */}\n              <DataTableColumnSettingsContextProvider\n                value={{ openColumnSettings }}\n              >\n                <DataTableToolbar {...toolbarRemainingProps}>\n                  {toolbarContent}\n                </DataTableToolbar>\n              </DataTableColumnSettingsContextProvider>\n            </Grid>\n          )}\n          <DataTableColumnSettingsModal\n            ref={columnSettingsModalRef}\n            visibilitySettings={toolbarSlots.visibilitySettings}\n            columnOrderSettings={toolbarSlots.columnOrderSettings}\n            columnPinningSettings={toolbarSlots.columnPinningSettings}\n            resetColumnVisibility={toolbarItemProps.resetColumnVisibility}\n            resetColumnOrder={toolbarItemProps.resetColumnOrder}\n            resetColumnPinning={toolbarItemProps.resetColumnPinning}\n          />\n\n          <DataTableVirtualizationContainer\n            // Need to cast this one here in order to make sure that it allows\n            // instantiating with the same Subtype of RowData\n            table={table as unknown as ReactTable<TDataTableFeatures, RowData>}\n            emptyState={slots.emptyState}\n            fullHeight={fullHeight ?? false}\n          />\n\n          {table.options.enablePagination === true ? (\n            <DataTablePaginationInternal\n              id={paginationConsumerId}\n              data-testid={paginationDataTestId}\n              className={paginationConsumerClassName}\n              style={paginationConsumerStyle}\n              {...paginationDataAttributes}\n            />\n          ) : null}\n        </DataTableContextProvider>\n      </div>\n      {DevTools}\n    </>\n  );\n}\n\nInternalDataTable.displayName = COMPONENT_NAME;\n\nconst DataTableFwd = /* @__PURE__ */ forwardRef(InternalDataTable);\n\n/**\n * The `DataTable` is a component for building tables which organize information\n * into rows and columns.\n * @public\n */\nexport const DataTable = Object.assign(DataTableFwd, {\n  Pagination: DataTablePagination,\n  ColumnActions: DataTableColumnActions,\n  CellActions: DataTableCellActions,\n  RowActions: DataTableRowActions,\n  SelectedRowsActions: DataTableSelectedRowsActions,\n  DefaultCell: DataTableDefaultCell,\n  EmptyState: DataTableEmptyState,\n  TableActions: DataTableTableActions,\n  DevTools: DataTableDevTools,\n  Toolbar: DataTableToolbar,\n  VisibilitySettings: DataTableColumnVisibilitySettings,\n  ColumnOrderSettings: DataTableColumnOrderSettings,\n  ColumnPinningSettings: DataTableColumnPinningSettings,\n  ColumnSettingsTrigger: DataTableColumnSettingsTrigger,\n  SelectionChip: DataTableSelectionChip,\n  DownloadData: DataTableDownload,\n  Intent: CoreIntent,\n  ExpandableRow: DataTableExpandableRowTemplate,\n  ExpandableRowWrapper: DataTableExpandableRowWrapper,\n  LineWrap: DataTableGlobalLineWrapAction,\n});\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,11 +1,11 @@
 import "./DataTable.css";
-var dataTable = "_14sp6az0-3-6-0";
-var firstBodyRow = "_14sp6az5-3-6-0";
-var fullWidth = "_14sp6az1-3-6-0";
-var lastBodyRow = "_14sp6az6-3-6-0";
-var notResizing = "_14sp6az2-3-6-0";
-var pinnedCellInDragOverlay = "_14sp6az4-3-6-0";
-var prefixColumn = "_14sp6az3-3-6-0";
+var dataTable = "_14sp6az0-3-7-1";
+var firstBodyRow = "_14sp6az5-3-7-1";
+var fullWidth = "_14sp6az1-3-7-1";
+var lastBodyRow = "_14sp6az6-3-7-1";
+var notResizing = "_14sp6az2-3-7-1";
+var pinnedCellInDragOverlay = "_14sp6az4-3-7-1";
+var prefixColumn = "_14sp6az3-3-7-1";
 export {
   dataTable,
   firstBodyRow,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/DataTable/DataTable.css.ts"],
-  "sourcesContent": ["import './DataTable.css';\nexport var dataTable = '_14sp6az0-3-6-0';\nexport var firstBodyRow = '_14sp6az5-3-6-0';\nexport var fullWidth = '_14sp6az1-3-6-0';\nexport var lastBodyRow = '_14sp6az6-3-6-0';\nexport var notResizing = '_14sp6az2-3-6-0';\nexport var pinnedCellInDragOverlay = '_14sp6az4-3-6-0';\nexport var prefixColumn = '_14sp6az3-3-6-0';"],
+  "sourcesContent": ["import './DataTable.css';\nexport var dataTable = '_14sp6az0-3-7-1';\nexport var firstBodyRow = '_14sp6az5-3-7-1';\nexport var fullWidth = '_14sp6az1-3-7-1';\nexport var lastBodyRow = '_14sp6az6-3-7-1';\nexport var notResizing = '_14sp6az2-3-7-1';\nexport var pinnedCellInDragOverlay = '_14sp6az4-3-7-1';\nexport var prefixColumn = '_14sp6az3-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,0BAA0B;AAC9B,IAAI,eAAe;",
   "names": []
 }

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

@@ -1,21 +1,21 @@
-._yj6voi0-3-6-0 {
+._yj6voi0-3-7-1 {
   text-align: right;
   justify-content: end;
 }
-._yj6voi1-3-6-0 {
+._yj6voi1-3-7-1 {
   text-align: left;
   justify-content: start;
 }
-._yj6voi2-3-6-0 {
+._yj6voi2-3-7-1 {
   text-align: center;
   justify-content: center;
 }
-._yj6voi3-3-6-0 {
+._yj6voi3-3-7-1 {
   align-items: start;
 }
-._yj6voi4-3-6-0 {
+._yj6voi4-3-7-1 {
   align-items: center;
 }
-._yj6voi5-3-6-0 {
+._yj6voi5-3-7-1 {
   align-items: end;
 }

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

@@ -1,6 +1,6 @@
 import "./Alignment.css";
-var horizontalAlignment = { right: "_yj6voi0-3-6-0", left: "_yj6voi1-3-6-0", center: "_yj6voi2-3-6-0" };
-var verticalAlignment = { top: "_yj6voi3-3-6-0", center: "_yj6voi4-3-6-0", bottom: "_yj6voi5-3-6-0" };
+var horizontalAlignment = { right: "_yj6voi0-3-7-1", left: "_yj6voi1-3-7-1", center: "_yj6voi2-3-7-1" };
+var verticalAlignment = { top: "_yj6voi3-3-7-1", center: "_yj6voi4-3-7-1", bottom: "_yj6voi5-3-7-1" };
 export {
   horizontalAlignment,
   verticalAlignment

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/Alignment.css.ts"],
-  "sourcesContent": ["import './Alignment.css';\nexport var horizontalAlignment = {right:'_yj6voi0-3-6-0',left:'_yj6voi1-3-6-0',center:'_yj6voi2-3-6-0'};\nexport var verticalAlignment = {top:'_yj6voi3-3-6-0',center:'_yj6voi4-3-6-0',bottom:'_yj6voi5-3-6-0'};"],
+  "sourcesContent": ["import './Alignment.css';\nexport var horizontalAlignment = {right:'_yj6voi0-3-7-1',left:'_yj6voi1-3-7-1',center:'_yj6voi2-3-7-1'};\nexport var verticalAlignment = {top:'_yj6voi3-3-7-1',center:'_yj6voi4-3-7-1',bottom:'_yj6voi5-3-7-1'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB,EAAC,OAAM,kBAAiB,MAAK,kBAAiB,QAAO,iBAAgB;AAC/F,IAAI,oBAAoB,EAAC,KAAI,kBAAiB,QAAO,kBAAiB,QAAO,iBAAgB;",
   "names": []
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.css

@@ -1,14 +1,14 @@
-._1tlws2p2-3-6-0 {
+._1tlws2p2-3-7-1 {
   z-index: 2;
-  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-6-0));
+  left: var(--resizing-leftPosition, var(--_1tlws2p0-3-7-1));
 }
-._1tlws2p2-3-6-0::after {
+._1tlws2p2-3-7-1::after {
   right: -50px;
 }
-._1tlws2p3-3-6-0 {
+._1tlws2p3-3-7-1 {
   z-index: 3;
-  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-6-0));
+  right: var(--resizing-rightPosition, var(--_1tlws2p1-3-7-1));
 }
-._1tlws2p3-3-6-0::after {
+._1tlws2p3-3-7-1::after {
   left: -50px;
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.js

@@ -4,23 +4,18 @@ import * as styles from "./DataTablePinningShadowCells.sty.js";
 import { DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX } from "../../constants.js";
 import { useDataTableContent } from "../../contexts/DataTableContext.js";
 function DataTablePinningShadowCells(props) {
-  const {
-    lastLeftPinnedColumn,
-    firstRightPinnedColumn,
-    gridRowPosition,
-    rowId
-  } = props;
+  const { gridRowPosition, rowId } = props;
   const tableContent = useDataTableContent();
-  const leftShadowCellShouldRender = lastLeftPinnedColumn.column !== void 0 && tableContent.hasOverflowLeft;
-  const rightShadowCellShouldRender = firstRightPinnedColumn.column !== void 0 && tableContent.hasOverflowRight;
-  const leftPosition = leftShadowCellShouldRender && lastLeftPinnedColumn.column?.getLeftPinnedPosition();
-  const lastLeftPinnedColumnGridPosition = leftShadowCellShouldRender && lastLeftPinnedColumn.column?.getGridColumnPosition(
-    lastLeftPinnedColumn.index ?? 0
+  const leftShadowCellShouldRender = props.lastLeftPinnedColumn.column !== void 0 && tableContent.hasOverflowLeft;
+  const rightShadowCellShouldRender = props.firstRightPinnedColumn.column !== void 0 && tableContent.hasOverflowRight;
+  const leftPosition = leftShadowCellShouldRender && props.lastLeftPinnedColumn.column?.getLeftPinnedPosition();
+  const lastLeftPinnedColumnGridPosition = leftShadowCellShouldRender && props.lastLeftPinnedColumn.column?.getGridColumnPosition(
+    props.lastLeftPinnedColumn.index ?? 0
   );
-  const firstRightPinnedColumnGridPosition = rightShadowCellShouldRender && firstRightPinnedColumn.column?.getGridColumnPosition(
-    firstRightPinnedColumn.index ?? 0
+  const firstRightPinnedColumnGridPosition = rightShadowCellShouldRender && props.firstRightPinnedColumn.column?.getGridColumnPosition(
+    props.firstRightPinnedColumn.index ?? 0
   );
-  const rightPosition = rightShadowCellShouldRender && firstRightPinnedColumn.column?.getRightPinnedPosition();
+  const rightPosition = rightShadowCellShouldRender && props.firstRightPinnedColumn.column?.getRightPinnedPosition();
   const leftShadowCell = leftShadowCellShouldRender ? /* @__PURE__ */ jsx(
     "div",
     {

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.tsx"],
-  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport { DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX } from '../../constants.js';\nimport { useDataTableContent } from '../../contexts/DataTableContext.js';\nimport type { Column } from '../../hooks/useTable/types.js';\n\ninterface DataTablePinningShadowCellsProps {\n  lastLeftPinnedColumn: {\n    column?: Column<unknown, unknown>;\n    index?: number;\n  };\n  firstRightPinnedColumn: {\n    column?: Column<unknown, unknown>;\n    index?: number;\n  };\n  gridRowPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}` | 'row-end';\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n  rowId: string;\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the body.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned cell\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowCells(\n  props: Readonly<DataTablePinningShadowCellsProps>,\n): JSX.Element | null {\n  const {\n    lastLeftPinnedColumn,\n    firstRightPinnedColumn,\n    gridRowPosition,\n    rowId,\n  } = props;\n\n  const tableContent = useDataTableContent();\n\n  const leftShadowCellShouldRender =\n    lastLeftPinnedColumn.column !== undefined && tableContent.hasOverflowLeft;\n  const rightShadowCellShouldRender =\n    firstRightPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowRight;\n\n  // Determine positions for left shadow\n  const leftPosition =\n    leftShadowCellShouldRender &&\n    lastLeftPinnedColumn.column?.getLeftPinnedPosition();\n\n  // Determine grid positions for the shadow cells\n  const lastLeftPinnedColumnGridPosition =\n    leftShadowCellShouldRender &&\n    lastLeftPinnedColumn.column?.getGridColumnPosition(\n      lastLeftPinnedColumn.index ?? 0,\n    );\n\n  // Determine grid positions for the shadow cells\n  const firstRightPinnedColumnGridPosition =\n    rightShadowCellShouldRender &&\n    firstRightPinnedColumn.column?.getGridColumnPosition(\n      firstRightPinnedColumn.index ?? 0,\n    );\n\n  // Determine positions for right shadow\n  const rightPosition =\n    rightShadowCellShouldRender &&\n    firstRightPinnedColumn.column?.getRightPinnedPosition();\n\n  // Create left shadow cell\n  const leftShadowCell = leftShadowCellShouldRender ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...lastLeftPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  // Create right shadow cell\n  const rightShadowCell = rightShadowCellShouldRender ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...firstRightPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowCells.displayName = 'DataTablePinningShadowCells';\n"],
-  "mappings": "AA4EI,SAmCA,UAnCA,KAmCA,YAnCA;AA5EJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB,SAAS,oDAAoD;AAC7D,SAAS,2BAA2B;AA2B7B,SAAS,4BACd,OACoB;AACpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,oBAAoB;AAEzC,QAAM,6BACJ,qBAAqB,WAAW,UAAa,aAAa;AAC5D,QAAM,8BACJ,uBAAuB,WAAW,UAClC,aAAa;AAGf,QAAM,eACJ,8BACA,qBAAqB,QAAQ,sBAAsB;AAGrD,QAAM,mCACJ,8BACA,qBAAqB,QAAQ;AAAA,IAC3B,qBAAqB,SAAS;AAAA,EAChC;AAGF,QAAM,qCACJ,+BACA,uBAAuB,QAAQ;AAAA,IAC7B,uBAAuB,SAAS;AAAA,EAClC;AAGF,QAAM,gBACJ,+BACA,uBAAuB,QAAQ,uBAAuB;AAGxD,QAAM,iBAAiB,6BACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAGJ,QAAM,kBAAkB,8BACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,4BAA4B,cAAc;",
+  "sourcesContent": ["import type {\n  TableFeatures,\n  RowData,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTablePinningShadowCells.sty.js';\nimport { DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX } from '../../constants.js';\nimport { useDataTableContent } from '../../contexts/DataTableContext.js';\n\ninterface DataTablePinningShadowCellsProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  lastLeftPinnedColumn: {\n    column?: Column_Internal<TFeatures, TData>;\n    index?: number;\n  };\n  firstRightPinnedColumn: {\n    column?: Column_Internal<TFeatures, TData>;\n    index?: number;\n  };\n  gridRowPosition: {\n    gridColumnStart: number;\n    gridColumnEnd: number | `span ${number}` | 'row-end';\n    gridRowStart: number;\n    gridRowEnd: number | `span ${number}`;\n  };\n  rowId: string;\n}\n\n/**\n * Renders a shadow to visually emphasize pinned columns in the body.\n * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned cell\n * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only\n * rendered when the table is actually overflowing behind the pinned columns on the respective side.\n */\nexport function DataTablePinningShadowCells<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<DataTablePinningShadowCellsProps<TFeatures, TData>>,\n): JSX.Element | null {\n  const { gridRowPosition, rowId } = props;\n\n  const tableContent = useDataTableContent();\n\n  const leftShadowCellShouldRender =\n    props.lastLeftPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowLeft;\n  const rightShadowCellShouldRender =\n    props.firstRightPinnedColumn.column !== undefined &&\n    tableContent.hasOverflowRight;\n\n  // Determine positions for left shadow\n  const leftPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getLeftPinnedPosition();\n\n  // Determine grid positions for the shadow cells\n  const lastLeftPinnedColumnGridPosition =\n    leftShadowCellShouldRender &&\n    props.lastLeftPinnedColumn.column?.getGridColumnPosition(\n      props.lastLeftPinnedColumn.index ?? 0,\n    );\n\n  // Determine grid positions for the shadow cells\n  const firstRightPinnedColumnGridPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getGridColumnPosition(\n      props.firstRightPinnedColumn.index ?? 0,\n    );\n\n  // Determine positions for right shadow\n  const rightPosition =\n    rightShadowCellShouldRender &&\n    props.firstRightPinnedColumn.column?.getRightPinnedPosition();\n\n  // Create left shadow cell\n  const leftShadowCell = leftShadowCellShouldRender ? (\n    <div\n      key=\"left\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.left}\n      style={{\n        ...assignInlineVars({\n          [styles.leftPositionVar]: `${leftPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...lastLeftPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"left\"\n    />\n  ) : null;\n\n  // Create right shadow cell\n  const rightShadowCell = rightShadowCellShouldRender ? (\n    <div\n      key=\"right\"\n      role=\"presentation\"\n      className={styles.pinningShadowCell.right}\n      style={{\n        ...assignInlineVars({\n          [styles.rightPositionVar]: `${rightPosition}px`,\n        }),\n        ...gridRowPosition,\n        ...firstRightPinnedColumnGridPosition,\n      }}\n      data-rowid={`${rowId}${DATA_TABLE_PINNING_SHADOW_CELL_ROW_ID_SUFFIX}`}\n      data-pinned-position=\"right\"\n    />\n  ) : null;\n\n  return (\n    <>\n      {leftShadowCell}\n      {rightShadowCell}\n    </>\n  );\n}\nDataTablePinningShadowCells.displayName = 'DataTablePinningShadowCells';\n"],
+  "mappings": "AAkFI,SAmCA,UAnCA,KAmCA,YAnCA;AA7EJ,SAAS,wBAAwB;AAGjC,YAAY,YAAY;AACxB,SAAS,oDAAoD;AAC7D,SAAS,2BAA2B;AA6B7B,SAAS,4BAId,OACoB;AACpB,QAAM,EAAE,iBAAiB,MAAM,IAAI;AAEnC,QAAM,eAAe,oBAAoB;AAEzC,QAAM,6BACJ,MAAM,qBAAqB,WAAW,UACtC,aAAa;AACf,QAAM,8BACJ,MAAM,uBAAuB,WAAW,UACxC,aAAa;AAGf,QAAM,eACJ,8BACA,MAAM,qBAAqB,QAAQ,sBAAsB;AAG3D,QAAM,mCACJ,8BACA,MAAM,qBAAqB,QAAQ;AAAA,IACjC,MAAM,qBAAqB,SAAS;AAAA,EACtC;AAGF,QAAM,qCACJ,+BACA,MAAM,uBAAuB,QAAQ;AAAA,IACnC,MAAM,uBAAuB,SAAS;AAAA,EACxC;AAGF,QAAM,gBACJ,+BACA,MAAM,uBAAuB,QAAQ,uBAAuB;AAG9D,QAAM,iBAAiB,6BACrB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,eAAe,GAAG,GAAG,YAAY;AAAA,QAC3C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAGJ,QAAM,kBAAkB,8BACtB;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAW,OAAO,kBAAkB;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,iBAAiB;AAAA,UAClB,CAAC,OAAO,gBAAgB,GAAG,GAAG,aAAa;AAAA,QAC7C,CAAC;AAAA,QACD,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,cAAY,GAAG,KAAK,GAAG,4CAA4C;AAAA,MACnE,wBAAqB;AAAA;AAAA,IAXjB;AAAA,EAYN,IACE;AAEJ,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ;AACA,4BAA4B,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.sty.js

@@ -1,8 +1,8 @@
 import "../DataTableScrollShadow.css";
 import "./DataTablePinningShadowCells.css";
-var leftPositionVar = "var(--_1tlws2p0-3-6-0)";
-var pinningShadowCell = { left: "_1tlws2p2-3-6-0 _1al677r1-3-6-0 _1al677r0-3-6-0", right: "_1tlws2p3-3-6-0 _1al677r2-3-6-0 _1al677r0-3-6-0" };
-var rightPositionVar = "var(--_1tlws2p1-3-6-0)";
+var leftPositionVar = "var(--_1tlws2p0-3-7-1)";
+var pinningShadowCell = { left: "_1tlws2p2-3-7-1 _1al677r1-3-7-1 _1al677r0-3-7-1", right: "_1tlws2p3-3-7-1 _1al677r2-3-7-1 _1al677r0-3-7-1" };
+var rightPositionVar = "var(--_1tlws2p1-3-7-1)";
 export {
   leftPositionVar,
   pinningShadowCell,

package/esm/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/components/ColumnPinning/DataTablePinningShadowCells.css.ts"],
-  "sourcesContent": ["import '../DataTableScrollShadow.css';\nimport './DataTablePinningShadowCells.css';\nexport var leftPositionVar = 'var(--_1tlws2p0-3-6-0)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-6-0 _1al677r1-3-6-0 _1al677r0-3-6-0',right:'_1tlws2p3-3-6-0 _1al677r2-3-6-0 _1al677r0-3-6-0'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-6-0)';"],
+  "sourcesContent": ["import '../DataTableScrollShadow.css';\nimport './DataTablePinningShadowCells.css';\nexport var leftPositionVar = 'var(--_1tlws2p0-3-7-1)';\nexport var pinningShadowCell = {left:'_1tlws2p2-3-7-1 _1al677r1-3-7-1 _1al677r0-3-7-1',right:'_1tlws2p3-3-7-1 _1al677r2-3-7-1 _1al677r0-3-7-1'};\nexport var rightPositionVar = 'var(--_1tlws2p1-3-7-1)';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,oBAAoB,EAAC,MAAK,mDAAkD,OAAM,kDAAiD;AACvI,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._51sfnf0-3-6-0 {
+._51sfnf0-3-7-1 {
   display: grid;
   grid-template-columns: subgrid;
   grid-column-start: 1;
@@ -7,6 +7,6 @@
   grid-row-start: body-start;
   grid-row-end: body-end;
 }
-._51sfnf1-3-6-0 {
+._51sfnf1-3-7-1 {
   opacity: 0.2;
 }

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

@@ -1,16 +1,16 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useCallback, useRef } from "react";
-import { DataTableRow } from "./DataTableRow.js";
-import { useDataTable } from "../contexts/DataTableContext.js";
-import { RowDetailsElement } from "../features/RowDetails/RowDetailsElement.js";
-import { RowOrderingDragAndDropContext } from "../features/RowOrder/RowOrder.js";
 import * as styles from "./DataTableBody.sty.js";
+import { DataTableRow } from "./DataTableRow.js";
 import {
   DATA_TABLE_DETAILS_ROW_IDENTIFIER,
   DATA_TABLE_DETAILS_ROW_PARITY,
   DATA_TABLE_ROW_EXPANDED_ID_SUFFIX
 } from "../constants.js";
+import { useDataTable } from "../contexts/DataTableContext.js";
+import { RowDetailsElement } from "../features/RowDetails/components/RowDetailsElement.js";
+import { RowOrderingDragAndDropContext } from "../features/RowOrder/components/RowOrderingDragAndDropContext.js";
 function DataTableBody(props) {
   const { rows, rowVirtualizer, columnVirtualizer } = props;
   const table = useDataTable();
@@ -44,9 +44,8 @@ function DataTableBody(props) {
     [columnVirtualizer]
   );
   const firstRenderedRowIndex = rows.at(0)?.index;
-  const rowSeparation = table.getVisualVariantOptions().rowSeparation;
   const virtualColumns = columnVirtualizer.getVirtualItems();
-  const draggingRowId = table.getState().draggingRowInfo?.id;
+  const draggingRowId = table.atoms.draggingRowInfo?.get()?.id;
   const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;
   const rowElements = rowVirtualizer.getVirtualItems().map((virtualRow, index) => {
     const originalRow = rows[virtualRow.index];
@@ -63,7 +62,7 @@ function DataTableBody(props) {
           originalRow,
           virtualRow,
           virtualItemIndex: index,
-          rowSeparation,
+          rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
           rowParity: parity,
           isLastRowOnPage: virtualRow.index === rows.length - 1,
           rowMeasure,
@@ -102,7 +101,7 @@ function DataTableBody(props) {
     {
       rows,
       virtualColumns,
-      rowSeparation,
+      rowSeparation: table.atoms.visualVariantConfig?.get()?.rowSeparation,
       children: rowElements
     }
   ) : (
@@ -116,7 +115,7 @@ function DataTableBody(props) {
       role: "rowgroup",
       "data-rowgroup": "body",
       className: clsx(styles.body, {
-        [styles.loading]: table.getState().loading
+        [styles.loading]: table.atoms.loading?.get()
       }),
       children: bodyContent
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.tsx"],
-  "sourcesContent": ["import { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport { DataTableRow } from './DataTableRow.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/RowOrder.js';\nimport { type Row } from '../hooks/useTable/types.js';\nimport type { DataTableRowData } from '../public.api.js';\nimport * as styles from './DataTableBody.sty.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\n\nexport function DataTableBody<TData extends DataTableRowData>(\n  props: Readonly<{\n    rows: Row<TData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        // Ensure the virtualizer only measures element that are still connected to the DOM. Detached elements will be ignored.\n        if (node.isConnected) {\n          rowVirtualizer.measureElement(node);\n        }\n        // Remove the row from the queued measurement list, so it can be measured again in the future.\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const rowSeparation = table.getVisualVariantOptions().rowSeparation;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const draggingRowId = table.getState().draggingRowInfo?.id;\n  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n      const isDraggedRow =\n        draggingRowId === undefined\n          ? false\n          : originalRow.id === draggingRowId ||\n            originalRow.id === draggingRowIdExpanded;\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <RowDetailsElement\n            key={originalRow.id}\n            originalRow={originalRow}\n            virtualRow={virtualRow}\n            virtualItemIndex={index}\n            rowSeparation={rowSeparation}\n            rowParity={parity}\n            isLastRowOnPage={virtualRow.index === rows.length - 1}\n            rowMeasure={rowMeasure}\n            isDraggedRow={isDraggedRow}\n          >\n            {table.options.rowDetailsTemplate?.({\n              row: originalRow.original,\n            })}\n          </RowDetailsElement>\n        );\n      }\n\n      return (\n        <DataTableRow\n          key={`row-${virtualRow.key}`}\n          row={originalRow}\n          virtualRow={virtualRow}\n          virtualItemIndex={index}\n          rowCount={rows.length}\n          virtualColumns={virtualColumns}\n          isDraggedRow={isDraggedRow}\n          isInDragOverlay={false}\n          rowParity={parity}\n          rowMeasure={rowMeasure}\n          columnMeasure={\n            // For columns, only measure the first rendered row.\n            // All other rows will have the same column widths.\n            firstRenderedRowIndex === virtualRow.index\n              ? columnMeasure\n              : undefined\n          }\n          scrollToIndex={rowVirtualizer.scrollToIndex}\n        />\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext<TData>\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{rowElements}</>\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.getState().loading,\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { RowData, Row } from '@tanstack/react-table';\nimport { Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { useCallback, useRef, type ReactElement, type JSX } from 'react';\n\nimport * as styles from './DataTableBody.sty.js';\nimport { DataTableRow } from './DataTableRow.js';\nimport {\n  DATA_TABLE_DETAILS_ROW_IDENTIFIER,\n  DATA_TABLE_DETAILS_ROW_PARITY,\n  DATA_TABLE_ROW_EXPANDED_ID_SUFFIX,\n} from '../constants.js';\nimport { useDataTable } from '../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../features/RowDetails/components/RowDetailsElement.js';\nimport { RowOrderingDragAndDropContext } from '../features/RowOrder/components/RowOrderingDragAndDropContext.js';\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\n\nexport function DataTableBody(\n  props: Readonly<{\n    rows: Row<TDataTableFeatures, RowData>[];\n    rowVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    columnVirtualizer: Virtualizer<HTMLDivElement, Element>;\n  }>,\n): ReactElement | null {\n  const { rows, rowVirtualizer, columnVirtualizer } = props;\n  const table = useDataTable();\n\n  // Keep a list of all rows that are currently measured by the virtualizer\n  const queuedMeasurementRowIdRef = useRef(new Set());\n\n  const rowMeasure = useCallback(\n    (node: Element | null): void => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      const rowId = node.getAttribute('data-rowid');\n      if (rowId === null || queuedMeasurementRowIdRef.current.has(rowId)) {\n        return;\n      }\n      queuedMeasurementRowIdRef.current.add(rowId);\n      requestAnimationFrame(() => {\n        // Ensure the virtualizer only measures element that are still connected to the DOM. Detached elements will be ignored.\n        if (node.isConnected) {\n          rowVirtualizer.measureElement(node);\n        }\n        // Remove the row from the queued measurement list, so it can be measured again in the future.\n        queuedMeasurementRowIdRef.current.delete(rowId);\n      });\n    },\n    [rowVirtualizer],\n  );\n\n  const columnMeasure = useCallback(\n    (node: Element | null) => {\n      if (!node || !(node instanceof HTMLElement)) {\n        return;\n      }\n      columnVirtualizer.measureElement(node);\n    },\n    [columnVirtualizer],\n  );\n\n  const firstRenderedRowIndex = rows.at(0)?.index;\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n  const draggingRowId = table.atoms.draggingRowInfo?.get()?.id;\n  const draggingRowIdExpanded = `${draggingRowId}${DATA_TABLE_ROW_EXPANDED_ID_SUFFIX}`;\n\n  const rowElements: JSX.Element[] = rowVirtualizer\n    .getVirtualItems()\n    .map((virtualRow, index) => {\n      const originalRow = rows[virtualRow.index];\n      let parity: 'even' | 'odd' = virtualRow.index % 2 === 0 ? 'even' : 'odd';\n      const isDraggedRow =\n        draggingRowId === undefined\n          ? false\n          : originalRow.id === draggingRowId ||\n            originalRow.id === draggingRowIdExpanded;\n\n      // If the row parity is set in the row, use this one as it\n      // could change via row details expansion.\n      const detailsParity = originalRow[DATA_TABLE_DETAILS_ROW_PARITY];\n      if (detailsParity !== undefined) {\n        parity = detailsParity;\n      }\n\n      // Need to run this through the symbol accessor instead of the\n      // feature, as the feature does not get the information from the\n      // extended row model, as the row model runs later.\n      if (originalRow[DATA_TABLE_DETAILS_ROW_IDENTIFIER] === true) {\n        return (\n          <RowDetailsElement\n            key={originalRow.id}\n            originalRow={originalRow}\n            virtualRow={virtualRow}\n            virtualItemIndex={index}\n            rowSeparation={\n              table.atoms.visualVariantConfig?.get()?.rowSeparation\n            }\n            rowParity={parity}\n            isLastRowOnPage={virtualRow.index === rows.length - 1}\n            rowMeasure={rowMeasure}\n            isDraggedRow={isDraggedRow}\n          >\n            {table.options.rowDetailsTemplate?.({\n              row: originalRow.original,\n            })}\n          </RowDetailsElement>\n        );\n      }\n\n      return (\n        <DataTableRow\n          key={`row-${virtualRow.key}`}\n          row={originalRow}\n          virtualRow={virtualRow}\n          virtualItemIndex={index}\n          rowCount={rows.length}\n          virtualColumns={virtualColumns}\n          isDraggedRow={isDraggedRow}\n          isInDragOverlay={false}\n          rowParity={parity}\n          rowMeasure={rowMeasure}\n          columnMeasure={\n            // For columns, only measure the first rendered row.\n            // All other rows will have the same column widths.\n            firstRenderedRowIndex === virtualRow.index\n              ? columnMeasure\n              : undefined\n          }\n          scrollToIndex={rowVirtualizer.scrollToIndex}\n        />\n      );\n    });\n\n  const bodyContent = table.options.enableRowOrderDragAndDrop ? (\n    <RowOrderingDragAndDropContext\n      rows={rows}\n      virtualColumns={virtualColumns}\n      rowSeparation={table.atoms.visualVariantConfig?.get()?.rowSeparation}\n    >\n      {rowElements}\n    </RowOrderingDragAndDropContext>\n  ) : (\n    // If row order drag and drop is not enabled then don't use the RowOrderingDragAndDropContext\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{rowElements}</>\n  );\n\n  return (\n    <div\n      role=\"rowgroup\"\n      data-rowgroup=\"body\"\n      className={clsx(styles.body, {\n        [styles.loading]: table.atoms.loading?.get(),\n      })}\n    >\n      {bodyContent}\n    </div>\n  );\n}\n\nDataTableBody.displayName = 'DataTableBody';\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./DataTableBody.css";
-var body = "_51sfnf0-3-6-0";
-var loading = "_51sfnf1-3-6-0";
+var body = "_51sfnf0-3-7-1";
+var loading = "_51sfnf1-3-7-1";
 export {
   body,
   loading

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/components/DataTableBody.css.ts"],
-  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-6-0';\nexport var loading = '_51sfnf1-3-6-0';"],
+  "sourcesContent": ["import './DataTableBody.css';\nexport var body = '_51sfnf0-3-7-1';\nexport var loading = '_51sfnf1-3-7-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,UAAU;",
   "names": []
 }