@dynatrace/strato-components 3.12.1 → 3.13.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type Updater,\n} from '@tanstack/react-table';\nimport { type MouseEvent as ReactMouseEvent } from 'react';\n\nimport type {\n  DataTableRowActivationEvent,\n  RowInteractivityFeatureConstructors,\n} from './row-interactivity-types.js';\nimport * as styles from './RowInteractivity.sty.js';\nimport { isTargetInteractive } from '../../../utils/is-target-interactive.js';\nimport { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from '../../constants.js';\n\nfunction removeHoverStyles(virtualizationContainer?: Element): void {\n  if (virtualizationContainer) {\n    const hoveredRows = virtualizationContainer.querySelectorAll(\n      `.${styles.interactiveRow.classNames.variants.hovered.true}`,\n    );\n    for (const hoveredRow of Array.from(hoveredRows)) {\n      hoveredRow.classList.remove(\n        styles.interactiveRow.classNames.variants.hovered.true,\n      );\n    }\n  }\n}\n\nfunction addHoverStyles(row: HTMLElement): void {\n  row.classList.add(styles.interactiveRow.classNames.variants.hovered.true);\n}\n\n/**\n * Applies hover styles to a row by its ID within the virtualization container.\n */\nfunction applyHoverStylesByRowId(\n  virtualizationContainer: Element | undefined,\n  rowId: string,\n): void {\n  if (!virtualizationContainer) {\n    return;\n  }\n  const rowElement = virtualizationContainer.querySelector<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(rowId)}\"]`,\n  );\n  if (rowElement) {\n    addHoverStyles(rowElement);\n  }\n}\n\n/**\n * When a cell/row actions menu is open, we need to ensure hover styles remain on the row\n * that the menu belongs to.\n * @param table - the table instance\n * @param virtualizationContainer - the virtualization container element\n * @returns `true` if hover styles were maintained, meaning that any other hover logic can be skipped\n */\nfunction maintainOpenMenuRowHover<\n  TFeature extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeature, TData>,\n  virtualizationContainer: Element | undefined,\n): boolean {\n  const openMenuRowId = table.getOpenMenuRowId();\n  if (openMenuRowId === null) {\n    return false;\n  }\n  if (table.getHoveredRow() !== openMenuRowId) {\n    table.setHoveredRow(openMenuRowId);\n    removeHoverStyles(virtualizationContainer);\n    applyHoverStylesByRowId(virtualizationContainer, openMenuRowId);\n  }\n  return true;\n}\n\n/**\n * Validates the event target and extracts row information.\n */\nfunction getRowInfoFromMouseEvent(event: ReactMouseEvent<HTMLDivElement>): {\n  target: HTMLElement | SVGElement;\n  row: HTMLElement | null;\n  rowId: string | undefined;\n  isRowDetailsRow: boolean;\n} | null {\n  const { target } = event;\n\n  if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {\n    return null;\n  }\n\n  const row: HTMLElement | null = target.closest('[role=\"row\"]');\n  const rowId =\n    row instanceof HTMLElement && 'rowid' in row.dataset\n      ? row.dataset.rowid\n      : undefined;\n  const isRowDetailsRow =\n    rowId?.endsWith(DATA_TABLE_ROW_EXPANDED_ID_SUFFIX) ?? false;\n\n  return { target, row, rowId, isRowDetailsRow };\n}\n\n/**\n * Activates a given row for the row interactivity\n * @internal\n */\nexport function table_setActiveRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<string | null>,\n  event?: DataTableRowActivationEvent,\n): void {\n  table.options.onActiveRowChange?.(updater, event);\n}\n\n/**\n * Sets a given row as hovered on the table instance.\n * @internal\n */\nexport function table_setHoveredRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, rowId: string | null): void {\n  if (rowId !== table.hoveredRow) {\n    table.hoveredRow = rowId;\n  }\n}\n\n/**\n * Gets a given row as hovered on the table instance.\n * @internal\n */\nexport function table_getHoveredRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): string | null {\n  return table.hoveredRow ?? null;\n}\n\n/**\n * Handles mouse over events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowMouseOver<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.options.enableRowInteractivity !== true) {\n    return;\n  }\n\n  const rowInfo = getRowInfoFromMouseEvent(event);\n  if (!rowInfo) {\n    return;\n  }\n\n  const { target, row, rowId, isRowDetailsRow } = rowInfo;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n\n  // Target is outside the virtualization container's DOM. This covers:\n  // 1. Portaled menu content (modal=false): the menu lives in document.body but React\n  //    bubbles onMouseOver through the React component tree. Maintain hover on the menu's row.\n  // 2. Elements outside the table's React subtree: clear hover.\n  if (!virtualizationContainer?.contains(target)) {\n    // Keep hover unchanged when the target is the floating menu trigger.\n    // The floating menu trigger is portaled to the document.body, but still passed as a target here.\n    // This ensures hover styles don't disappear until the next mouse move when opening the floating menu.\n    if (\n      target instanceof HTMLElement &&\n      target.dataset.trigger === 'context-action'\n    ) {\n      return;\n    }\n    if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n      return;\n    }\n    table.setHoveredRow(null);\n    removeHoverStyles(virtualizationContainer);\n    return;\n  }\n\n  // Inside the container but not on a data row (header rows, row details rows, etc.): clear hover.\n  // Do not maintain open-menu hover here \u2014 only portaled menu content (above) warrants that.\n  if (row === null || rowId === undefined || isRowDetailsRow) {\n    table.setHoveredRow(null);\n    removeHoverStyles(virtualizationContainer);\n    return;\n  }\n\n  if (table.getHoveredRow() !== rowId) {\n    table.setHoveredRow(rowId);\n    removeHoverStyles(virtualizationContainer);\n    addHoverStyles(row);\n  }\n}\n\n/**\n * Handles mouse leave events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowMouseLeave<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.optionsStore.state.enableRowInteractivity !== true) {\n    return;\n  }\n\n  table.setHoveredRow(null);\n  removeHoverStyles(table.getRowVirtualizationContainer());\n}\n\n/**\n * Handles click events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowClick<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.optionsStore.state.enableRowInteractivity !== true) {\n    return;\n  }\n\n  const rowInfo = getRowInfoFromMouseEvent(event);\n  if (!rowInfo) {\n    return;\n  }\n\n  const { target, row, rowId, isRowDetailsRow } = rowInfo;\n  if (row && rowId && !isRowDetailsRow && !isTargetInteractive(row, target)) {\n    event.stopPropagation();\n    row.focus();\n  }\n}\n\n/**\n * Returns a boolean value if the row can be activated.export\n * @internal\n */\nfunction row_getCanActivateRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean {\n  return row.table.optionsStore.state.enableRowInteractivity === true;\n}\n\n/**\n * Returns a boolean value if the row is currently activated.\n * @internal\n */\nexport function row_getIsActivated<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean {\n  return row.table.atoms.activeRow?.get() === row.id;\n}\n\n/**\n * Activates the row, if it is not activated.\n * Deactivates the row, if it is currently activated.\n * @internal\n */\nexport function row_toggleActivated<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, event?: DataTableRowActivationEvent): void {\n  row.table.setActiveRow(row.getIsActivated() ? null : row.id, event);\n}\n\n/**\n * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n */\n/**\n * Gets the link for the row if the `getLinkForRow` option is provided.\n * @internal\n */\nexport function row_getLinkForRow<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>) {\n  return row.table.optionsStore.state.getLinkForRow?.(row);\n}\n\n/**\n * Constructs the column row details for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowInteractivityFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<RowInteractivityFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        activeRow: null,\n        ...initialState,\n      };\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs(\n        'DataTableRowInteractivityFeature',\n        prototype,\n        table,\n        {\n          row_getCanActivateRow: { fn: (row) => row_getCanActivateRow(row) },\n          row_getIsActivated: { fn: (row) => row_getIsActivated(row) },\n          row_toggleActivated: {\n            fn: (row, event?: DataTableRowActivationEvent) =>\n              row_toggleActivated(row, event),\n          },\n          row_getLinkForRow: { fn: (row) => row_getLinkForRow(row) },\n        },\n      );\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableRowInteractivityFeature', table, {\n        table_setActiveRow: {\n          fn: (\n            updater: Updater<string | null>,\n            event?: DataTableRowActivationEvent,\n          ) => table_setActiveRow(table, updater, event),\n        },\n        table_setHoveredRow: {\n          fn: (rowId: string | null) => table_setHoveredRow(table, rowId),\n        },\n        table_getHoveredRow: {\n          fn: () => table_getHoveredRow(table),\n        },\n        table_handleInteractiveRowMouseOver: {\n          fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n            table_handleInteractiveRowMouseOver(table, event),\n        },\n        table_handleInteractiveRowMouseLeave: {\n          fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n            table_handleInteractiveRowMouseLeave(table, event),\n        },\n        table_handleInteractiveRowClick: {\n          fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n            table_handleInteractiveRowClick(table, event),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Details.\n * @internal\n */\nexport const DataTableRowInteractivityFeature =\n  constructRowInteractivityFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type Row,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type Updater,\n} from '@tanstack/react-table';\nimport { type MouseEvent as ReactMouseEvent } from 'react';\n\nimport type { DataTableRowActivationEvent } from './row-interactivity-types.js';\nimport * as styles from './RowInteractivity.sty.js';\nimport { isTargetInteractive } from '../../../utils/is-target-interactive.js';\nimport { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\n\nfunction removeHoverStyles(virtualizationContainer?: Element): void {\n  if (virtualizationContainer) {\n    const hoveredRows = virtualizationContainer.querySelectorAll(\n      `.${styles.interactiveRow.classNames.variants.hovered.true}`,\n    );\n    for (const hoveredRow of Array.from(hoveredRows)) {\n      hoveredRow.classList.remove(\n        styles.interactiveRow.classNames.variants.hovered.true,\n      );\n    }\n  }\n}\n\nfunction addHoverStyles(row: HTMLElement): void {\n  row.classList.add(styles.interactiveRow.classNames.variants.hovered.true);\n}\n\n/**\n * Applies hover styles to a row by its ID within the virtualization container.\n */\nfunction applyHoverStylesByRowId(\n  virtualizationContainer: Element | undefined,\n  rowId: string,\n): void {\n  if (!virtualizationContainer) {\n    return;\n  }\n  const rowElement = virtualizationContainer.querySelector<HTMLElement>(\n    `[data-rowid=\"${CSS.escape(rowId)}\"]`,\n  );\n  if (rowElement) {\n    addHoverStyles(rowElement);\n  }\n}\n\n/**\n * When a cell/row actions menu is open, we need to ensure hover styles remain on the row\n * that the menu belongs to.\n * @param table - the table instance\n * @param virtualizationContainer - the virtualization container element\n * @returns `true` if hover styles were maintained, meaning that any other hover logic can be skipped\n */\nfunction maintainOpenMenuRowHover<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  virtualizationContainer: Element | undefined,\n): boolean {\n  const openMenuRowId = table.getOpenMenuRowId();\n  if (openMenuRowId === null) {\n    return false;\n  }\n  if (table.getHoveredRow() !== openMenuRowId) {\n    table.setHoveredRow(openMenuRowId);\n    removeHoverStyles(virtualizationContainer);\n    applyHoverStylesByRowId(virtualizationContainer, openMenuRowId);\n  }\n  return true;\n}\n\n/**\n * Validates the event target and extracts row information.\n */\nfunction getRowInfoFromMouseEvent(event: ReactMouseEvent<HTMLDivElement>): {\n  target: HTMLElement | SVGElement;\n  row: HTMLElement | null;\n  rowId: string | undefined;\n  isRowDetailsRow: boolean;\n} | null {\n  const { target } = event;\n\n  if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {\n    return null;\n  }\n\n  const row: HTMLElement | null = target.closest('[role=\"row\"]');\n  const rowId =\n    row instanceof HTMLElement && 'rowid' in row.dataset\n      ? row.dataset.rowid\n      : undefined;\n  const isRowDetailsRow =\n    rowId?.endsWith(DATA_TABLE_ROW_EXPANDED_ID_SUFFIX) ?? false;\n\n  return { target, row, rowId, isRowDetailsRow };\n}\n\n/**\n * Activates a given row for the row interactivity\n * @internal\n */\nexport function table_setActiveRow<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<string | null>,\n  event?: DataTableRowActivationEvent,\n): void {\n  table.options.onActiveRowChange?.(updater, event);\n}\n\n/**\n * Sets a given row as hovered on the table instance.\n * @internal\n */\nexport function table_setHoveredRow<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  rowId: string | null,\n): void {\n  if (rowId !== table.hoveredRow) {\n    table.hoveredRow = rowId;\n  }\n}\n\n/**\n * Gets a given row as hovered on the table instance.\n * @internal\n */\nexport function table_getHoveredRow<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): string | null {\n  return table.hoveredRow ?? null;\n}\n\n/**\n * Handles mouse over events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowMouseOver<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.options.enableRowInteractivity !== true) {\n    return;\n  }\n\n  const rowInfo = getRowInfoFromMouseEvent(event);\n  if (!rowInfo) {\n    return;\n  }\n\n  const { target, row, rowId, isRowDetailsRow } = rowInfo;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n\n  // Target is outside the virtualization container's DOM. This covers:\n  // 1. Portaled menu content (modal=false): the menu lives in document.body but React\n  //    bubbles onMouseOver through the React component tree. Maintain hover on the menu's row.\n  // 2. Elements outside the table's React subtree: clear hover.\n  if (!virtualizationContainer?.contains(target)) {\n    // Keep hover unchanged when the target is the floating menu trigger.\n    // The floating menu trigger is portaled to the document.body, but still passed as a target here.\n    // This ensures hover styles don't disappear until the next mouse move when opening the floating menu.\n    if (\n      target instanceof HTMLElement &&\n      target.dataset.trigger === 'context-action'\n    ) {\n      return;\n    }\n    if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n      return;\n    }\n    table.setHoveredRow(null);\n    removeHoverStyles(virtualizationContainer);\n    return;\n  }\n\n  // Inside the container but not on a data row (header rows, row details rows, etc.): clear hover.\n  // Do not maintain open-menu hover here \u2014 only portaled menu content (above) warrants that.\n  if (row === null || rowId === undefined || isRowDetailsRow) {\n    table.setHoveredRow(null);\n    removeHoverStyles(virtualizationContainer);\n    return;\n  }\n\n  if (table.getHoveredRow() !== rowId) {\n    table.setHoveredRow(rowId);\n    removeHoverStyles(virtualizationContainer);\n    addHoverStyles(row);\n  }\n}\n\n/**\n * Handles mouse leave events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowMouseLeave<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.options.enableRowInteractivity !== true) {\n    return;\n  }\n\n  table.setHoveredRow(null);\n  removeHoverStyles(table.getRowVirtualizationContainer());\n}\n\n/**\n * Handles click events for interactive rows.\n * @internal\n */\nexport function table_handleInteractiveRowClick<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  event: ReactMouseEvent<HTMLDivElement>,\n) {\n  if (table.options.enableRowInteractivity !== true) {\n    return;\n  }\n\n  const rowInfo = getRowInfoFromMouseEvent(event);\n  if (!rowInfo) {\n    return;\n  }\n\n  const { target, row, rowId, isRowDetailsRow } = rowInfo;\n  if (row && rowId && !isRowDetailsRow && !isTargetInteractive(row, target)) {\n    event.stopPropagation();\n    row.focus();\n  }\n}\n\n/**\n * Returns a boolean value if the row can be activated.export\n * @internal\n */\nfunction row_getCanActivateRow<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n): boolean {\n  return row.table.options.enableRowInteractivity === true;\n}\n\n/**\n * Returns a boolean value if the row is currently activated.\n * @internal\n */\nexport function row_getIsActivated<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n): boolean {\n  return row.table.atoms.activeRow?.get() === row.id;\n}\n\n/**\n * Activates the row, if it is not activated.\n * Deactivates the row, if it is currently activated.\n * @internal\n */\nexport function row_toggleActivated<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  event?: DataTableRowActivationEvent,\n): void {\n  row.table.setActiveRow(row.getIsActivated() ? null : row.id, event);\n}\n\n/**\n * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n */\n/**\n * Gets the link for the row if the `getLinkForRow` option is provided.\n * @internal\n */\nexport function row_getLinkForRow<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n) {\n  return row.table.options.getLinkForRow?.(row);\n}\n\n/**\n * Constructs the column row details for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowInteractivityFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        activeRow: null,\n        ...initialState,\n      };\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TDataTableFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignRowPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs(\n          'DataTableRowInteractivityFeature',\n          prototype,\n          table,\n          {\n            row_getCanActivateRow: { fn: (row) => row_getCanActivateRow(row) },\n            row_getIsActivated: { fn: (row) => row_getIsActivated(row) },\n            row_toggleActivated: {\n              fn: (row, event?: DataTableRowActivationEvent) =>\n                row_toggleActivated(row, event),\n            },\n            row_getLinkForRow: { fn: (row) => row_getLinkForRow(row) },\n          },\n        );\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableRowInteractivityFeature', table, {\n          table_setActiveRow: {\n            fn: (\n              updater: Updater<string | null>,\n              event?: DataTableRowActivationEvent,\n            ) => table_setActiveRow(table, updater, event),\n          },\n          table_setHoveredRow: {\n            fn: (rowId: string | null) => table_setHoveredRow(table, rowId),\n          },\n          table_getHoveredRow: {\n            fn: () => table_getHoveredRow(table),\n          },\n          table_handleInteractiveRowMouseOver: {\n            fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n              table_handleInteractiveRowMouseOver(table, event),\n          },\n          table_handleInteractiveRowMouseLeave: {\n            fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n              table_handleInteractiveRowMouseLeave(table, event),\n          },\n          table_handleInteractiveRowClick: {\n            fn: (event: ReactMouseEvent<HTMLDivElement>) =>\n              table_handleInteractiveRowClick(table, event),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for Row Details.\n * @internal\n */\nexport const DataTableRowInteractivityFeature =\n  constructRowInteractivityFeature();\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -3,7 +3,7 @@ import "../../components/DataTableVirtualizationContainer.css";
 import "../../DataTable.css";
 import "./RowInteractivity.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-12-1", variantClassNames: { active: { true: "_15silbj1-3-12-1", false: "_15silbj2-3-12-1" }, focus: { true: "_15silbj3-3-12-1" }, hovered: { true: "_15silbj4-3-12-1" }, singleTone: { true: "_15silbj5-3-12-1", false: "_15silbj6-3-12-1" }, contained: { true: "_15silbj7-3-12-1", false: "_15silbj8-3-12-1" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj9-3-12-1"], [{ focus: true, singleTone: true }, "_15silbja-3-12-1"], [{ active: true, focus: true, singleTone: true }, "_15silbjb-3-12-1"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-13-0", variantClassNames: { active: { true: "_15silbj1-3-13-0", false: "_15silbj2-3-13-0" }, focus: { true: "_15silbj3-3-13-0" }, hovered: { true: "_15silbj4-3-13-0" }, singleTone: { true: "_15silbj5-3-13-0", false: "_15silbj6-3-13-0" }, contained: { true: "_15silbj7-3-13-0", false: "_15silbj8-3-13-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj9-3-13-0"], [{ focus: true, singleTone: true }, "_15silbja-3-13-0"], [{ active: true, focus: true, singleTone: true }, "_15silbjb-3-13-0"]] });
 export {
   interactiveRow
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/RowInteractivity.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-12-1',variantClassNames:{active:{true:'_15silbj1-3-12-1',false:'_15silbj2-3-12-1'},focus:{true:'_15silbj3-3-12-1'},hovered:{true:'_15silbj4-3-12-1'},singleTone:{true:'_15silbj5-3-12-1',false:'_15silbj6-3-12-1'},contained:{true:'_15silbj7-3-12-1',false:'_15silbj8-3-12-1'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj9-3-12-1'],[{focus:true,singleTone:true},'_15silbja-3-12-1'],[{active:true,focus:true,singleTone:true},'_15silbjb-3-12-1']]});"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../../DataTable.css';\nimport './RowInteractivity.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var interactiveRow = _7a468({defaultClassName:'_15silbj0-3-13-0',variantClassNames:{active:{true:'_15silbj1-3-13-0',false:'_15silbj2-3-13-0'},focus:{true:'_15silbj3-3-13-0'},hovered:{true:'_15silbj4-3-13-0'},singleTone:{true:'_15silbj5-3-13-0',false:'_15silbj6-3-13-0'},contained:{true:'_15silbj7-3-13-0',false:'_15silbj8-3-13-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj9-3-13-0'],[{focus:true,singleTone:true},'_15silbja-3-13-0'],[{active:true,focus:true,singleTone:true},'_15silbjb-3-13-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,OAAM,EAAC,MAAK,mBAAkB,GAAE,SAAQ,EAAC,MAAK,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,WAAU,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,MAAK,YAAW,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,QAAO,MAAK,OAAM,MAAK,YAAW,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.js

@@ -22,7 +22,7 @@ function useRowInteractivityProps(row, scrollToIndex) {
   }
   const isActivated = row.getIsActivated();
   const isAutoActivationEnabled = table.options.enableAutoActivation;
-  const hasPinnedColumns = table.getLeftVisibleLeafColumns().length > 0 || table.getRightVisibleLeafColumns().length > 0;
+  const hasPinnedColumns = table.getStartVisibleLeafColumns().length > 0 || table.getEndVisibleLeafColumns().length > 0;
   const rowInteractivityClassName = styles.interactiveRow({
     hovered: table.getHoveredRow() === row.id,
     active: isActivated,

package/esm/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/features/RowInteractivity/hooks/useRowInteractivityProps.ts"],
-  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusRing } from '../../../../../core/hooks/useFocusRing.js';\nimport { mergeProps } from '../../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../../utils/is-target-interactive.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport * as styles from '../RowInteractivity.sty.js';\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  row: Row<TFeatures, TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  const { isHorizontallyScrollable } = useDataTableContent();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const hasPinnedColumns =\n    table.getLeftVisibleLeafColumns().length > 0 ||\n    table.getRightVisibleLeafColumns().length > 0;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.atoms.visualVariantConfig?.get().contained,\n    // Two-tone shadow risks a corner-pixel mismatch only when a pinned edge can scroll out of view.\n    singleTone: hasPinnedColumns && isHorizontallyScrollable,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-selected': isActivated,\n    'aria-roledescription': intl.formatMessage(\n      dataTableMessages.interactiveRowRoleDescription,\n    ),\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      const isRowDragging =\n        (table.atoms.draggingRowInfo?.get() ?? null) !== null;\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ...mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type Row, type RowData } from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useRef,\n  type PointerEvent,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useFocusRing } from '../../../../../core/hooks/useFocusRing.js';\nimport { mergeProps } from '../../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../../utils/is-target-interactive.js';\nimport {\n  useDataTable,\n  useDataTableContent,\n} from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\nimport type { TDataTableFeatures } from '../../types/features.types.js';\nimport * as styles from '../RowInteractivity.sty.js';\n/**\n * Provides all necessary props for an interactive row element.\n *\n * @param row - the table row element\n * @param scrollToIndex - rowVirtualizer function for scrolling to the row with the specified index\n * @returns className and props for the row element\n */\nexport function useRowInteractivityProps<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  scrollToIndex: (index: number, options?: ScrollToOptions) => void,\n): {\n  rowInteractivityClassName: string;\n  rowInteractivityProps: Record<string, unknown> | undefined;\n} {\n  const table = useDataTable();\n  const intl = useIntl();\n  const { isHorizontallyScrollable } = useDataTableContent();\n  // used to detect if the focus event was triggered by a click\n  const clicked = useRef(false);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (!row.getCanActivateRow()) {\n    return { rowInteractivityClassName: '', rowInteractivityProps: undefined };\n  }\n\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const hasPinnedColumns =\n    table.getStartVisibleLeafColumns().length > 0 ||\n    table.getEndVisibleLeafColumns().length > 0;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.atoms.visualVariantConfig?.get().contained,\n    // Two-tone shadow risks a corner-pixel mismatch only when a pinned edge can scroll out of view.\n    singleTone: hasPinnedColumns && isHorizontallyScrollable,\n  });\n\n  function handleRowActivation(event: ReactMouseEvent<HTMLElement>): void {\n    const { target } = event;\n\n    if (\n      table.options.enableRowInteractivity !== true ||\n      (target instanceof HTMLElement === false &&\n        target instanceof SVGElement === false) ||\n      // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active\n      (target.nodeName === 'rect' && isActivated)\n    ) {\n      return;\n    }\n\n    const rowElement = target.closest('[role=\"row\"]');\n    if (rowElement && !isTargetInteractive(rowElement, target)) {\n      row.toggleActivated(event);\n    }\n  }\n\n  function isSelectionInsideTable(): boolean {\n    const selection = globalThis.getSelection();\n\n    if (!selection?.toString()) {\n      return false;\n    }\n\n    const container = table.getRowVirtualizationContainer();\n    if (!container) {\n      return false;\n    }\n\n    // Use anchorNode (where the selection started) to determine whether the\n    // selection originated inside the table. A selection outside the table\n    // should not prevent row activation.\n    let anchorNode = selection.anchorNode;\n    if (anchorNode?.nodeType === Node.TEXT_NODE) {\n      anchorNode = anchorNode.parentElement;\n    }\n\n    return !!anchorNode && container.contains(anchorNode);\n  }\n\n  const rowInteractivityProps = {\n    tabIndex: 0,\n    'data-trigger': 'interactive-row',\n    'aria-selected': isActivated,\n    'aria-roledescription': intl.formatMessage(\n      dataTableMessages.interactiveRowRoleDescription,\n    ),\n    'aria-label': intl.formatMessage(dataTableMessages.interactiveRowTrigger, {\n      isActivated,\n      rowId: row.id,\n    }),\n    onPointerDown: (event: PointerEvent<HTMLElement>) => {\n      clicked.current = true;\n    },\n    onClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // prevent row action if the user is selecting text inside the table and ensure\n      // that double click doesn't trigger the row action twice\n      // (event.detail represents the click count, 1 indicates a single click)\n      if (!isSelectionInsideTable() && event.detail === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onAuxClick: (event: ReactMouseEvent<HTMLElement>) => {\n      // only handle middle mouse button (button 1), ignore right-click and others\n      if (event.button === 1) {\n        handleRowActivation(event);\n      }\n    },\n    onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => {\n      const isRowDragging =\n        (table.atoms.draggingRowInfo?.get() ?? null) !== null;\n      if (isRowDragging) {\n        return;\n      }\n\n      const { key, target } = event;\n\n      if (\n        key === 'Enter' &&\n        !isAutoActivationEnabled &&\n        (target instanceof HTMLElement || target instanceof SVGElement)\n      ) {\n        const rowElement = target.closest('[role=\"row\"]');\n\n        if (rowElement && !isTargetInteractive(rowElement, target)) {\n          event.preventDefault();\n          event.stopPropagation();\n          row.toggleActivated(event);\n          return;\n        }\n      }\n\n      let offset: number | null = null;\n      switch (key) {\n        case 'ArrowDown': {\n          offset = +1;\n          break;\n        }\n        case 'ArrowUp': {\n          offset = -1;\n          break;\n        }\n        case 'PageUp': {\n          offset = -10;\n          break;\n        }\n        case 'PageDown': {\n          offset = +10;\n          break;\n        }\n        case 'Home': {\n          offset = -Infinity;\n          break;\n        }\n        case 'End': {\n          offset = Infinity;\n          break;\n        }\n      }\n\n      if (offset === null) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (!(event.target instanceof HTMLElement)) {\n        return;\n      }\n\n      const allRows = table.getRowModel().rows;\n      const currentRowIndex = allRows.findIndex(\n        (currentRow) => currentRow.id === row.id,\n      );\n      if (currentRowIndex === -1) {\n        return;\n      }\n\n      const clampedIndex = Math.max(\n        0,\n        Math.min(currentRowIndex + offset, allRows.length - 1),\n      );\n      const nextRow = allRows.at(clampedIndex);\n      if (nextRow === undefined) {\n        return;\n      }\n\n      scrollToIndex(clampedIndex, {\n        align: 'auto',\n      });\n      requestAnimationFrame(() => {\n        const nextRowButton = table\n          .getRowVirtualizationContainer()\n          ?.querySelector<HTMLButtonElement>(\n            `[data-rowid=\"${CSS.escape(\n              nextRow.id,\n            )}\"][data-trigger=\"interactive-row\"]`,\n          );\n        nextRowButton?.focus();\n      });\n    },\n    ...mergeProps(focusProps, {\n      onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n        // only activate row if focus was triggered on the row itself\n        if (event.currentTarget !== event.target) {\n          return;\n        }\n        // When a row is initially activated, and you click on it to deactivate it using a pointing device,\n        // the `pointerdown` event is called before the `focus` event. This code is needed in order to\n        // not re-activate the row again. It also ensures that the focus ring is still correctly\n        // moved within the table.\n        if (clicked.current) {\n          clicked.current = false;\n          return;\n        }\n\n        if (!isActivated && isAutoActivationEnabled) {\n          row.toggleActivated(event);\n        }\n      },\n    }),\n  };\n\n  return { rowInteractivityClassName, rowInteractivityProps };\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -18,7 +18,7 @@ function useRowInteractivity(props, options) {
   options.enableRowInteractivity = interactiveRows !== void 0 && interactiveRows !== false;
   const getLinkForRow = useCallback(
     (row) => {
-      if (interactiveRows !== void 0 && typeof interactiveRows === "object" && // eslint-disable-next-line @typescript-eslint/no-deprecated
+      if (interactiveRows !== void 0 && typeof interactiveRows === "object" && // oxlint-disable-next-line typescript/no-deprecated
       interactiveRows.link) {
         return interactiveRows.link(row.original);
       }
@@ -52,7 +52,7 @@ function useRowInteractivity(props, options) {
       }
     },
     // We only want to listen to the individual options parts and not the entire options.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [options.enableRowInteractivity, options.data]
   );
   options.state = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowInteractivity/useRowInteractivity.ts"],
-  "sourcesContent": ["import {\n  functionalUpdate,\n  type Row,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport type {\n  DataTableRowActivationEvent,\n  DataTableRowInteractivityProps,\n} from './row-interactivity-types.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the rowInteractivity in the DataTable.\n * @internal\n */\nexport function useRowInteractivity<TData extends DataTableRowData>(\n  props: DataTableRowInteractivityProps<TData>,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const {\n    activeRow: activeRowProp,\n    defaultActiveRow,\n    onActiveRowChange,\n    interactiveRows,\n  } = props;\n\n  const [activeRow, setActiveRow] = useControllableState<string | null>({\n    value: activeRowProp,\n    defaultValue: defaultActiveRow,\n  });\n  options.enableRowInteractivity =\n    interactiveRows !== undefined && interactiveRows !== false;\n\n  // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n  const getLinkForRow = useCallback(\n    (row: Row<TDataTableFeatures, Exclude<TData, unknown>>) => {\n      if (\n        interactiveRows !== undefined &&\n        typeof interactiveRows === 'object' &&\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        interactiveRows.link\n      ) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        return interactiveRows.link(row.original);\n      }\n      return undefined;\n    },\n    [interactiveRows],\n  );\n\n  const onActiveRowChangeProp = useCallbackRef(onActiveRowChange);\n\n  const onActiveRowChangeCallback = useCallback(\n    (updater: Updater<string | null>, event?: DataTableRowActivationEvent) => {\n      const nextState = functionalUpdate(updater, activeRow ?? null);\n\n      setActiveRow(nextState);\n      onActiveRowChangeProp(nextState, event);\n    },\n    [setActiveRow, onActiveRowChangeProp, activeRow],\n  );\n\n  if (options.enableRowInteractivity) {\n    options.onActiveRowChange = onActiveRowChangeCallback;\n    options.enableAutoActivation =\n      interactiveRows &&\n      (interactiveRows === true || interactiveRows.autoActivate !== false);\n\n    // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n    options.getLinkForRow = getLinkForRow;\n  }\n\n  // Auto reset the state if the data changes\n  const firstRun = useRef(true);\n  useEffect(\n    () => {\n      if (firstRun.current) {\n        firstRun.current = false;\n        return;\n      }\n\n      if (options.enableRowInteractivity) {\n        options.onActiveRowChange?.(null);\n      }\n    },\n    // We only want to listen to the individual options parts and not the entire options.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [options.enableRowInteractivity, options.data],\n  );\n\n  options.state = {\n    ...options.state,\n    activeRow: activeRow ?? null,\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,aAAa,WAAW,cAAc;AAM/C,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAQ9B,SAAS,oBACd,OACA,SACM;AACN,QAAM;AAAA,IACJ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAoC;AAAA,IACpE,OAAO;AAAA,IACP,cAAc;AAAA,EAChB,CAAC;AACD,UAAQ,yBACN,oBAAoB,UAAa,oBAAoB;AAGvD,QAAM,gBAAgB;AAAA,IACpB,CAAC,QAA0D;AACzD,UACE,oBAAoB,UACpB,OAAO,oBAAoB;AAAA,MAE3B,gBAAgB,MAChB;AAEA,eAAO,gBAAgB,KAAK,IAAI,QAAQ;AAAA,MAC1C;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,wBAAwB,eAAe,iBAAiB;AAE9D,QAAM,4BAA4B;AAAA,IAChC,CAAC,SAAiC,UAAwC;AACxE,YAAM,YAAY,iBAAiB,SAAS,aAAa,IAAI;AAE7D,mBAAa,SAAS;AACtB,4BAAsB,WAAW,KAAK;AAAA,IACxC;AAAA,IACA,CAAC,cAAc,uBAAuB,SAAS;AAAA,EACjD;AAEA,MAAI,QAAQ,wBAAwB;AAClC,YAAQ,oBAAoB;AAC5B,YAAQ,uBACN,oBACC,oBAAoB,QAAQ,gBAAgB,iBAAiB;AAGhE,YAAQ,gBAAgB;AAAA,EAC1B;AAGA,QAAM,WAAW,OAAO,IAAI;AAC5B;AAAA,IACE,MAAM;AACJ,UAAI,SAAS,SAAS;AACpB,iBAAS,UAAU;AACnB;AAAA,MACF;AAEA,UAAI,QAAQ,wBAAwB;AAClC,gBAAQ,oBAAoB,IAAI;AAAA,MAClC;AAAA,IACF;AAAA;AAAA;AAAA,IAGA,CAAC,QAAQ,wBAAwB,QAAQ,IAAI;AAAA,EAC/C;AAEA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,WAAW,aAAa;AAAA,EAC1B;AACF;",
+  "sourcesContent": ["import {\n  functionalUpdate,\n  type Row,\n  type Updater,\n} from '@tanstack/react-table';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport type {\n  DataTableRowActivationEvent,\n  DataTableRowInteractivityProps,\n} from './row-interactivity-types.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the rowInteractivity in the DataTable.\n * @internal\n */\nexport function useRowInteractivity<TData extends DataTableRowData>(\n  props: DataTableRowInteractivityProps<TData>,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const {\n    activeRow: activeRowProp,\n    defaultActiveRow,\n    onActiveRowChange,\n    interactiveRows,\n  } = props;\n\n  const [activeRow, setActiveRow] = useControllableState<string | null>({\n    value: activeRowProp,\n    defaultValue: defaultActiveRow,\n  });\n  options.enableRowInteractivity =\n    interactiveRows !== undefined && interactiveRows !== false;\n\n  // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n  const getLinkForRow = useCallback(\n    (row: Row<TDataTableFeatures, Exclude<TData, unknown>>) => {\n      if (\n        interactiveRows !== undefined &&\n        typeof interactiveRows === 'object' &&\n        // oxlint-disable-next-line typescript/no-deprecated\n        interactiveRows.link\n      ) {\n        // oxlint-disable-next-line typescript/no-deprecated\n        return interactiveRows.link(row.original);\n      }\n      return undefined;\n    },\n    [interactiveRows],\n  );\n\n  const onActiveRowChangeProp = useCallbackRef(onActiveRowChange);\n\n  const onActiveRowChangeCallback = useCallback(\n    (updater: Updater<string | null>, event?: DataTableRowActivationEvent) => {\n      const nextState = functionalUpdate(updater, activeRow ?? null);\n\n      setActiveRow(nextState);\n      onActiveRowChangeProp(nextState, event);\n    },\n    [setActiveRow, onActiveRowChangeProp, activeRow],\n  );\n\n  if (options.enableRowInteractivity) {\n    options.onActiveRowChange = onActiveRowChangeCallback;\n    options.enableAutoActivation =\n      interactiveRows &&\n      (interactiveRows === true || interactiveRows.autoActivate !== false);\n\n    // DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n    options.getLinkForRow = getLinkForRow;\n  }\n\n  // Auto reset the state if the data changes\n  const firstRun = useRef(true);\n  useEffect(\n    () => {\n      if (firstRun.current) {\n        firstRun.current = false;\n        return;\n      }\n\n      if (options.enableRowInteractivity) {\n        options.onActiveRowChange?.(null);\n      }\n    },\n    // We only want to listen to the individual options parts and not the entire options.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [options.enableRowInteractivity, options.data],\n  );\n\n  options.state = {\n    ...options.state,\n    activeRow: activeRow ?? null,\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,aAAa,WAAW,cAAc;AAM/C,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAS9B,SAAS,oBACd,OACA,SACM;AACN,QAAM;AAAA,IACJ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAoC;AAAA,IACpE,OAAO;AAAA,IACP,cAAc;AAAA,EAChB,CAAC;AACD,UAAQ,yBACN,oBAAoB,UAAa,oBAAoB;AAGvD,QAAM,gBAAgB;AAAA,IACpB,CAAC,QAA0D;AACzD,UACE,oBAAoB,UACpB,OAAO,oBAAoB;AAAA,MAE3B,gBAAgB,MAChB;AAEA,eAAO,gBAAgB,KAAK,IAAI,QAAQ;AAAA,MAC1C;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,wBAAwB,eAAe,iBAAiB;AAE9D,QAAM,4BAA4B;AAAA,IAChC,CAAC,SAAiC,UAAwC;AACxE,YAAM,YAAY,iBAAiB,SAAS,aAAa,IAAI;AAE7D,mBAAa,SAAS;AACtB,4BAAsB,WAAW,KAAK;AAAA,IACxC;AAAA,IACA,CAAC,cAAc,uBAAuB,SAAS;AAAA,EACjD;AAEA,MAAI,QAAQ,wBAAwB;AAClC,YAAQ,oBAAoB;AAC5B,YAAQ,uBACN,oBACC,oBAAoB,QAAQ,gBAAgB,iBAAiB;AAGhE,YAAQ,gBAAgB;AAAA,EAC1B;AAGA,QAAM,WAAW,OAAO,IAAI;AAC5B;AAAA,IACE,MAAM;AACJ,UAAI,SAAS,SAAS;AACpB,iBAAS,UAAU;AACnB;AAAA,MACF;AAEA,UAAI,QAAQ,wBAAwB;AAClC,gBAAQ,oBAAoB,IAAI;AAAA,MAClC;AAAA,IACF;AAAA;AAAA;AAAA,IAGA,CAAC,QAAQ,wBAAwB,QAAQ,IAAI;AAAA,EAC/C;AAEA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,WAAW,aAAa;AAAA,EAC1B;AACF;",
   "names": []
 }

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

@@ -1,11 +1,11 @@
-._or8s40-3-12-1 {
+._or8s40-3-13-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-surface-default, #fff);
   z-index: 4;
   overflow: hidden;
 }
-._or8s41-3-12-1 {
+._or8s41-3-13-0 {
   vertical-align: middle;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   padding-left: var(--dt-spacings-size-2, 2px);
@@ -14,21 +14,21 @@
   padding-bottom: 0;
   transition: none;
 }
-._or8s41-3-12-1:active {
+._or8s41-3-13-0:active {
   background: transparent;
 }
-._or8s41-3-12-1:hover {
+._or8s41-3-13-0:hover {
   background: transparent;
 }
-._or8s40-3-12-1 ._or8s41-3-12-1 {
+._or8s40-3-13-0 ._or8s41-3-13-0 {
   cursor: grabbing;
 }
-._or8s42-3-12-1 {
+._or8s42-3-13-0 {
   cursor: not-allowed;
 }
-._or8s43-3-12-1 {
+._or8s43-3-13-0 {
   cursor: grab;
 }
-._or8s44-3-12-1 {
+._or8s44-3-13-0 {
   opacity: 0.2;
 }

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

@@ -3,6 +3,10 @@ import {
   assignTableAPIs,
   functionalUpdate
 } from "@tanstack/react-table";
+import {
+  createPrototypeConstructor,
+  createTableConstructor
+} from "../types/table.types.js";
 function table_setDraggingRowInfo(table, draggingRowInfo) {
   table.baseAtoms.draggingRowInfo.set(draggingRowInfo);
 }
@@ -16,7 +20,7 @@ function table_getPreRowOrderRowModel(table) {
   return table.getExpandedRowModel();
 }
 function table_getRowOrderRowModel(table) {
-  table._rowModels.rowOrderRowModel ??= table.options._rowModels?.rowOrderRowModel?.(table);
+  table._rowModels.rowOrderRowModel ??= table.options.rowOrderRowModel?.(table);
   if (!table.options.enableRowOrdering || !table._rowModels.rowOrderRowModel) {
     return table.getPreRowOrderRowModel();
   }
@@ -35,7 +39,7 @@ function row_getCanDrag(row) {
   return true;
 }
 function row_getDisabledRowDragAndDropLockPosition(row) {
-  return row.table.optionsStore.state.lockDisabledRows ?? false;
+  return row.table.options.lockDisabledRows ?? false;
 }
 function constructRowOrderFeature() {
   return {
@@ -46,30 +50,34 @@ function constructRowOrderFeature() {
         ...initialState
       };
     },
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableRowOrderFeature", prototype, table, {
-        row_getCanDrag: { fn: (row) => row_getCanDrag(row) },
-        row_getDisabledRowDragAndDropLockPosition: {
-          fn: (row) => row_getDisabledRowDragAndDropLockPosition(row)
-        }
-      });
-    },
-    constructTableAPIs: (table) => {
-      assignTableAPIs("DataTableRowOrderFeature", table, {
-        table_setDraggingRowInfo: {
-          fn: (draggingRowInfo) => table_setDraggingRowInfo(table, draggingRowInfo)
-        },
-        table_setRowOrder: {
-          fn: (updater) => table_setRowOrder(table, updater)
-        },
-        table_getPreRowOrderRowModel: {
-          fn: () => table_getPreRowOrderRowModel(table)
-        },
-        table_getRowOrderRowModel: {
-          fn: () => table_getRowOrderRowModel(table)
-        }
-      });
-    }
+    assignRowPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableRowOrderFeature", prototype, table, {
+          row_getCanDrag: { fn: (row) => row_getCanDrag(row) },
+          row_getDisabledRowDragAndDropLockPosition: {
+            fn: (row) => row_getDisabledRowDragAndDropLockPosition(row)
+          }
+        });
+      }
+    ),
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("DataTableRowOrderFeature", table, {
+          table_setDraggingRowInfo: {
+            fn: (draggingRowInfo) => table_setDraggingRowInfo(table, draggingRowInfo)
+          },
+          table_setRowOrder: {
+            fn: (updater) => table_setRowOrder(table, updater)
+          },
+          table_getPreRowOrderRowModel: {
+            fn: () => table_getPreRowOrderRowModel(table)
+          },
+          table_getRowOrderRowModel: {
+            fn: () => table_getRowOrderRowModel(table)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableRowOrderFeature = constructRowOrderFeature();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type Updater,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableRowOrderState,\n  RowOrderFeatureConstructors,\n} from './row-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setDraggingRowInfo<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  draggingRowInfo: {\n    id: string;\n    index: number;\n    row: Row<TDataTableFeatures, RowData>;\n  } | null,\n) {\n  // Required cast to ensure precense of the DataTableFeatures.\n  (\n    table as unknown as Table_Internal<TDataTableFeatures>\n  ).baseAtoms.draggingRowInfo.set(draggingRowInfo);\n}\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setRowOrder<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<DataTableRowOrderState<TFeatures, TData>['rowOrder']>,\n) {\n  const newValue = functionalUpdate(updater, table.atoms.rowOrder?.get() ?? []);\n\n  queueMicrotask(() => {\n    table.options.onRowOrderChange?.(newValue);\n  });\n}\n\n/**\n * Helper function to access the row model before the row order is applied on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getPreRowOrderRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table.getExpandedRowModel();\n}\n\n/**\n * Helper function to access the row order model on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getRowOrderRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  table._rowModels.rowOrderRowModel ??=\n    table.options._rowModels?.rowOrderRowModel?.(table);\n  if (!table.options.enableRowOrdering || !table._rowModels.rowOrderRowModel) {\n    return table.getPreRowOrderRowModel();\n  }\n  return table._rowModels.rowOrderRowModel();\n}\n\n/**\n * Helper function to determine if a specific row can be dragged, based on the table options and the row's properties.\n * @internal\n */\nexport function row_getCanDrag<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean {\n  const { enableRowOrdering, enableRowOrderDragAndDrop } = row.table.options;\n  const sortingState = row.table.atoms.sorting?.get();\n\n  if (\n    enableRowOrdering !== true ||\n    // always disable the drag and drop handle if the rows are sorted\n    (sortingState !== undefined && sortingState.length > 0)\n  ) {\n    return false;\n  }\n\n  // check if drag and drop is disabled for the row\n  if (\n    enableRowOrderDragAndDrop !== undefined &&\n    typeof enableRowOrderDragAndDrop === 'function'\n  ) {\n    return enableRowOrderDragAndDrop(row);\n  }\n  return true;\n}\n\n/**\n * Helper function to determine if a row with disabled drag and drop should be locked in place based on the table options and the row's position in the table.\n * @internal\n */\nexport function row_getDisabledRowDragAndDropLockPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>): boolean | 'start' | 'end' | undefined {\n  return row.table.optionsStore.state.lockDisabledRows ?? false;\n}\n\n/**\n * Constructs the column row ordering for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowOrderFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<RowOrderFeatureConstructors<TFeatures, TData>> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        rowOrder: structuredClone([]),\n        draggingRowInfo: null,\n        ...initialState,\n      };\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowOrderFeature', prototype, table, {\n        row_getCanDrag: { fn: (row) => row_getCanDrag(row) },\n        row_getDisabledRowDragAndDropLockPosition: {\n          fn: (row) => row_getDisabledRowDragAndDropLockPosition(row),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableRowOrderFeature', table, {\n        table_setDraggingRowInfo: {\n          fn: (draggingRowInfo) =>\n            table_setDraggingRowInfo(table, draggingRowInfo),\n        },\n        table_setRowOrder: {\n          fn: (\n            updater: Updater<\n              DataTableRowOrderState<TFeatures, TData>['rowOrder']\n            >,\n          ) => table_setRowOrder(table, updater),\n        },\n        table_getPreRowOrderRowModel: {\n          fn: () => table_getPreRowOrderRowModel(table),\n        },\n        table_getRowOrderRowModel: {\n          fn: () => table_getRowOrderRowModel(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for Row Order.\n * @internal\n */\nexport const DataTableRowOrderFeature = constructRowOrderFeature();\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAOK;AAYA,SAAS,yBAId,OACA,iBAKA;AAEA,EACE,MACA,UAAU,gBAAgB,IAAI,eAAe;AACjD;AAMO,SAAS,kBAId,OACA,SACA;AACA,QAAM,WAAW,iBAAiB,SAAS,MAAM,MAAM,UAAU,IAAI,KAAK,CAAC,CAAC;AAE5E,iBAAe,MAAM;AACnB,UAAM,QAAQ,mBAAmB,QAAQ;AAAA,EAC3C,CAAC;AACH;AAMO,SAAS,6BAGd,OAAyC;AACzC,SAAO,MAAM,oBAAoB;AACnC;AAMO,SAAS,0BAGd,OAAyC;AACzC,QAAM,WAAW,qBACf,MAAM,QAAQ,YAAY,mBAAmB,KAAK;AACpD,MAAI,CAAC,MAAM,QAAQ,qBAAqB,CAAC,MAAM,WAAW,kBAAkB;AAC1E,WAAO,MAAM,uBAAuB;AAAA,EACtC;AACA,SAAO,MAAM,WAAW,iBAAiB;AAC3C;AAMO,SAAS,eAGd,KAAqC;AACrC,QAAM,EAAE,mBAAmB,0BAA0B,IAAI,IAAI,MAAM;AACnE,QAAM,eAAe,IAAI,MAAM,MAAM,SAAS,IAAI;AAElD,MACE,sBAAsB;AAAA,EAErB,iBAAiB,UAAa,aAAa,SAAS,GACrD;AACA,WAAO;AAAA,EACT;AAGA,MACE,8BAA8B,UAC9B,OAAO,8BAA8B,YACrC;AACA,WAAO,0BAA0B,GAAG;AAAA,EACtC;AACA,SAAO;AACT;AAMO,SAAS,0CAGd,KAAmE;AACnE,SAAO,IAAI,MAAM,aAAa,MAAM,oBAAoB;AAC1D;AAOO,SAAS,2BAGiD;AAC/D,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,UAAU,gBAAgB,CAAC,CAAC;AAAA,QAC5B,iBAAiB;AAAA,QACjB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,oBAAoB,CAAC,WAAW,UAAU;AACxC,0BAAoB,4BAA4B,WAAW,OAAO;AAAA,QAChE,gBAAgB,EAAE,IAAI,CAAC,QAAQ,eAAe,GAAG,EAAE;AAAA,QACnD,2CAA2C;AAAA,UACzC,IAAI,CAAC,QAAQ,0CAA0C,GAAG;AAAA,QAC5D;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,4BAA4B,OAAO;AAAA,QACjD,0BAA0B;AAAA,UACxB,IAAI,CAAC,oBACH,yBAAyB,OAAO,eAAe;AAAA,QACnD;AAAA,QACA,mBAAmB;AAAA,UACjB,IAAI,CACF,YAGG,kBAAkB,OAAO,OAAO;AAAA,QACvC;AAAA,QACA,8BAA8B;AAAA,UAC5B,IAAI,MAAM,6BAA6B,KAAK;AAAA,QAC9C;AAAA,QACA,2BAA2B;AAAA,UACzB,IAAI,MAAM,0BAA0B,KAAK;AAAA,QAC3C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,2BAA2B,yBAAyB;",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n  type Row,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type Updater,\n} from '@tanstack/react-table';\n\nimport type { DataTableRowOrderState } from './row-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setDraggingRowInfo<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  draggingRowInfo: {\n    id: string;\n    index: number;\n    row: Row<TDataTableFeatures, RowData>;\n  } | null,\n) {\n  table.baseAtoms.draggingRowInfo.set(draggingRowInfo);\n}\n\n/**\n * Helper function to update the row order state on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setRowOrder<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<\n    DataTableRowOrderState<TDataTableFeatures, TData>['rowOrder']\n  >,\n) {\n  const newValue = functionalUpdate(updater, table.atoms.rowOrder?.get() ?? []);\n\n  queueMicrotask(() => {\n    table.options.onRowOrderChange?.(newValue);\n  });\n}\n\n/**\n * Helper function to access the row model before the row order is applied on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getPreRowOrderRowModel<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n) {\n  return table.getExpandedRowModel();\n}\n\n/**\n * Helper function to access the row order model on the table, which can be called from row-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_getRowOrderRowModel<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n) {\n  table._rowModels.rowOrderRowModel ??= table.options.rowOrderRowModel?.(table);\n  if (!table.options.enableRowOrdering || !table._rowModels.rowOrderRowModel) {\n    return table.getPreRowOrderRowModel();\n  }\n  return table._rowModels.rowOrderRowModel();\n}\n\n/**\n * Helper function to determine if a specific row can be dragged, based on the table options and the row's properties.\n * @internal\n */\nexport function row_getCanDrag<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n): boolean {\n  const { enableRowOrdering, enableRowOrderDragAndDrop } = row.table.options;\n  const sortingState = row.table.atoms.sorting?.get();\n\n  if (\n    enableRowOrdering !== true ||\n    // always disable the drag and drop handle if the rows are sorted\n    (sortingState !== undefined && sortingState.length > 0)\n  ) {\n    return false;\n  }\n\n  // check if drag and drop is disabled for the row\n  if (\n    enableRowOrderDragAndDrop !== undefined &&\n    typeof enableRowOrderDragAndDrop === 'function'\n  ) {\n    return enableRowOrderDragAndDrop(row);\n  }\n  return true;\n}\n\n/**\n * Helper function to determine if a row with disabled drag and drop should be locked in place based on the table options and the row's position in the table.\n * @internal\n */\nexport function row_getDisabledRowDragAndDropLockPosition<\n  TData extends RowData,\n>(row: Row<TDataTableFeatures, TData>): boolean | 'start' | 'end' | undefined {\n  return row.table.options.lockDisabledRows ?? false;\n}\n\n/**\n * Constructs the column row ordering for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowOrderFeature<\n  TData extends RowData,\n>(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        rowOrder: structuredClone([]),\n        draggingRowInfo: null,\n        ...initialState,\n      };\n    },\n    assignRowPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableRowOrderFeature', prototype, table, {\n          row_getCanDrag: { fn: (row) => row_getCanDrag(row) },\n          row_getDisabledRowDragAndDropLockPosition: {\n            fn: (row) => row_getDisabledRowDragAndDropLockPosition(row),\n          },\n        });\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableRowOrderFeature', table, {\n          table_setDraggingRowInfo: {\n            fn: (draggingRowInfo) =>\n              table_setDraggingRowInfo(table, draggingRowInfo),\n          },\n          table_setRowOrder: {\n            fn: (\n              updater: Updater<\n                DataTableRowOrderState<TDataTableFeatures, TData>['rowOrder']\n              >,\n            ) => table_setRowOrder(table, updater),\n          },\n          table_getPreRowOrderRowModel: {\n            fn: () => table_getPreRowOrderRowModel(table),\n          },\n          table_getRowOrderRowModel: {\n            fn: () => table_getRowOrderRowModel(table),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for Row Order.\n * @internal\n */\nexport const DataTableRowOrderFeature = constructRowOrderFeature();\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,SAAS,yBACd,OACA,iBAKA;AACA,QAAM,UAAU,gBAAgB,IAAI,eAAe;AACrD;AAMO,SAAS,kBACd,OACA,SAGA;AACA,QAAM,WAAW,iBAAiB,SAAS,MAAM,MAAM,UAAU,IAAI,KAAK,CAAC,CAAC;AAE5E,iBAAe,MAAM;AACnB,UAAM,QAAQ,mBAAmB,QAAQ;AAAA,EAC3C,CAAC;AACH;AAMO,SAAS,6BACd,OACA;AACA,SAAO,MAAM,oBAAoB;AACnC;AAMO,SAAS,0BACd,OACA;AACA,QAAM,WAAW,qBAAqB,MAAM,QAAQ,mBAAmB,KAAK;AAC5E,MAAI,CAAC,MAAM,QAAQ,qBAAqB,CAAC,MAAM,WAAW,kBAAkB;AAC1E,WAAO,MAAM,uBAAuB;AAAA,EACtC;AACA,SAAO,MAAM,WAAW,iBAAiB;AAC3C;AAMO,SAAS,eACd,KACS;AACT,QAAM,EAAE,mBAAmB,0BAA0B,IAAI,IAAI,MAAM;AACnE,QAAM,eAAe,IAAI,MAAM,MAAM,SAAS,IAAI;AAElD,MACE,sBAAsB;AAAA,EAErB,iBAAiB,UAAa,aAAa,SAAS,GACrD;AACA,WAAO;AAAA,EACT;AAGA,MACE,8BAA8B,UAC9B,OAAO,8BAA8B,YACrC;AACA,WAAO,0BAA0B,GAAG;AAAA,EACtC;AACA,SAAO;AACT;AAMO,SAAS,0CAEd,KAA4E;AAC5E,SAAO,IAAI,MAAM,QAAQ,oBAAoB;AAC/C;AAOO,SAAS,2BAEE;AAChB,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,UAAU,gBAAgB,CAAC,CAAC;AAAA,QAC5B,iBAAiB;AAAA,QACjB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CACE,WACA,UACG;AACH,4BAAoB,4BAA4B,WAAW,OAAO;AAAA,UAChE,gBAAgB,EAAE,IAAI,CAAC,QAAQ,eAAe,GAAG,EAAE;AAAA,UACnD,2CAA2C;AAAA,YACzC,IAAI,CAAC,QAAQ,0CAA0C,GAAG;AAAA,UAC5D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CAAC,UAA8C;AAC7C,wBAAgB,4BAA4B,OAAO;AAAA,UACjD,0BAA0B;AAAA,YACxB,IAAI,CAAC,oBACH,yBAAyB,OAAO,eAAe;AAAA,UACnD;AAAA,UACA,mBAAmB;AAAA,YACjB,IAAI,CACF,YAGG,kBAAkB,OAAO,OAAO;AAAA,UACvC;AAAA,UACA,8BAA8B;AAAA,YAC5B,IAAI,MAAM,6BAA6B,KAAK;AAAA,UAC9C;AAAA,UACA,2BAA2B;AAAA,YACzB,IAAI,MAAM,0BAA0B,KAAK;AAAA,UAC3C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,2BAA2B,yBAAyB;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import "./RowOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var disabledNonTargetRow = "_or8s44-3-12-1";
-var dndHandle = _7a468({ defaultClassName: "_or8s41-3-12-1", variantClassNames: { disabled: { true: "_or8s42-3-12-1", false: "_or8s43-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var rowDndOverlay = "_or8s40-3-12-1";
+var disabledNonTargetRow = "_or8s44-3-13-0";
+var dndHandle = _7a468({ defaultClassName: "_or8s41-3-13-0", variantClassNames: { disabled: { true: "_or8s42-3-13-0", false: "_or8s43-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var rowDndOverlay = "_or8s40-3-13-0";
 export {
   disabledNonTargetRow,
   dndHandle,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/RowOrder.css.ts"],
-  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-12-1';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-12-1',variantClassNames:{disabled:{true:'_or8s42-3-12-1',false:'_or8s43-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-12-1';"],
+  "sourcesContent": ["import './RowOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabledNonTargetRow = '_or8s44-3-13-0';\nexport var dndHandle = _7a468({defaultClassName:'_or8s41-3-13-0',variantClassNames:{disabled:{true:'_or8s42-3-13-0',false:'_or8s43-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var rowDndOverlay = '_or8s40-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB;AAC3B,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7K,IAAI,gBAAgB;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/components/RowOrderingDragAndDropContext.js

@@ -231,7 +231,7 @@ function RowOrderingDragAndDropContext({
     );
     const newRowOrder = [...originalRowOrder];
     const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;
-    const overRowSubRowsCount = (over.data.current?.row).getLeafRows().length;
+    const overRowSubRowsCount = over.data.current?.row?.getLeafRows().length ?? 0;
     const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);
     newRowOrder.splice(
       fromIndex < toIndex ? toIndex + overRowSubRowsCount - activeRowSubRowsCount : toIndex,

package/esm/tables/DataTable/features/RowOrder/components/RowOrderingDragAndDropContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/features/RowOrder/components/RowOrderingDragAndDropContext.tsx"],
-  "sourcesContent": ["import {\n  DndContext as DragAndDropContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type Active,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Over,\n} from '@dnd-kit/core';\nimport {\n  type CoreFeatures,\n  type Row,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport { type VirtualItem } from '@tanstack/react-virtual';\nimport { clsx } from 'clsx';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { getProperInertValue } from '../../../../../core/utils/get-inert-value.js';\nimport { devLog } from '../../../../../core/utils/logging.js';\nimport { modalityStore } from '../../../../../core/utils/modality.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { DataTableRow } from '../../../components/DataTableRow.js';\nimport { DATA_TABLE_ROW_HEIGHT_MAP } from '../../../constants.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../../RowDetails/components/RowDetailsElement.js';\nimport type { DataTableRowDetailsFeature } from '../../RowDetails/RowDetails.js';\nimport type { DataTableThresholdsNormalizedRule } from '../../Thresholds/threshold-types.js';\nimport * as thresholdStyles from '../../Thresholds/Thresholds.sty.js';\nimport {\n  createRestrictToTableRowAreaModifier,\n  createRowOrderCollisionDetection,\n  getAllRowsInTableBody,\n  getDragHandleForRow,\n  getDragIndexes,\n  resetAllStylesForRows,\n  transformRowOnDragOver,\n} from '../row-order-utils.js';\nimport * as styles from '../RowOrder.sty.js';\n\n// Threshold for detecting sudden jumps caused by virtualizer scroll corrections\n// vs. gradual user/auto-scroll during drag.\nconst SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;\n\n/**\n * Creates element to place in drag overlay.\n * @param overlayContainer - The container element that contains the row being dragged.\n * @param active - The row being dragged. If no corresponding row is found,\n *                 then undefined is returned from this function.\n * @param rows - all rows.\n * @param virtualColumns - virtual items for the columns\n * @param rowConfig - object containing all necessary row configurations to be able to replicate the row for the drag overlay\n * @returns element intended for overlay\n */\nfunction createDraggingElement<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  overlayContainer: RefObject<HTMLDivElement | null>,\n  active: Active,\n  rows: Row<TFeatures, TData>[],\n  virtualColumns: VirtualItem[],\n  rowConfig: {\n    width: number;\n    gridTemplateColumns: string;\n    rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n    hasThresholds?: boolean;\n    rowThresholds?: DataTableThresholdsNormalizedRule<TData>[];\n    rowDetailsTemplate?: (params: { row: TData }) => ReactNode;\n  },\n): JSX.Element | undefined {\n  const activeId = active.id as string;\n  const draggingOriginalRow = active.data.current?.row as Row<\n    { DataTableRowDetailsFeature: typeof DataTableRowDetailsFeature },\n    TData\n  >;\n  const draggingVirtualRow = active.data.current?.virtualRow as VirtualItem;\n\n  const {\n    gridTemplateColumns,\n    rowSeparation,\n    hasThresholds,\n    rowThresholds,\n    rowDetailsTemplate,\n  } = rowConfig;\n\n  if (draggingOriginalRow === undefined || draggingVirtualRow === undefined) {\n    devLog(\n      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`,\n    );\n    return;\n  }\n\n  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();\n\n  const draggingVirtualDetailsRow = {\n    ...draggingVirtualRow,\n    index: draggingVirtualRow.index + 1,\n  };\n\n  return (\n    <Grid\n      ref={overlayContainer}\n      gridTemplateColumns={gridTemplateColumns}\n      padding={0}\n      minWidth=\"max-content\"\n      gap={0}\n      // TODO: React 19 update - inert is then in the IntrinsicAttributes and can be passed directly\n      {...{ inert: getProperInertValue(true) }}\n      className={clsx({\n        [thresholdStyles.hasPillThresholds]:\n          hasThresholds &&\n          rowThresholds?.some((threshold) => threshold.type === 'pill'),\n      })}\n      style={{\n        position: 'relative',\n      }}\n    >\n      <DataTableRow\n        row={draggingOriginalRow as Row<TableFeatures, RowData>}\n        virtualRow={draggingVirtualRow}\n        virtualItemIndex={0}\n        rowCount={rows.length}\n        virtualColumns={virtualColumns}\n        isDraggedRow={false}\n        isInDragOverlay={true}\n        rowParity=\"even\"\n      />\n      {isRowDetailsOpen ? (\n        <RowDetailsElement\n          originalRow={draggingOriginalRow}\n          virtualRow={draggingVirtualDetailsRow}\n          virtualItemIndex={1}\n          rowSeparation={rowSeparation}\n          rowParity=\"even\"\n        >\n          {rowDetailsTemplate?.({\n            row: draggingOriginalRow.original,\n          })}\n        </RowDetailsElement>\n      ) : null}\n    </Grid>\n  );\n}\n\n/**\n * @internal\n */\nexport function RowOrderingDragAndDropContext<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>({\n  children,\n  rows,\n  virtualColumns,\n  rowSeparation,\n}: Readonly<{\n  children: ReactNode;\n  rows: Row<TFeatures, TData>[];\n  virtualColumns: VirtualItem[];\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n}>): JSX.Element | undefined {\n  const table = useDataTable();\n  const tableHeaderHeight = table.getTotalHeaderHeight();\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n    useSensor(KeyboardSensor, {}),\n  );\n  const [draggingElement, setDraggingElement] = useState<ReactNode | undefined>(\n    undefined,\n  );\n  const containedVariant = table.atoms.visualVariantConfig?.get().contained;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const tableGridElement =\n    virtualizationContainer?.querySelector<HTMLElement>('[role=grid]');\n\n  const overlayContainer = useRef<HTMLDivElement>(null);\n  const scrollHandlerRef = useRef<(() => void) | null>(null);\n\n  const rowOrderCollisionDetection: CollisionDetection = useCallback(\n    (args) =>\n      createRowOrderCollisionDetection(table.atoms.draggingRowInfo.get())(args),\n    [table],\n  );\n\n  const restrictToTableRowArea = useMemo(\n    () =>\n      createRestrictToTableRowAreaModifier(\n        tableHeaderHeight,\n        containedVariant,\n        virtualizationContainer,\n      ),\n    [tableHeaderHeight, virtualizationContainer, containedVariant],\n  );\n\n  const rowOrderWhileDragging = useRef<string[]>([]);\n\n  if (!tableGridElement || !virtualizationContainer || rows.length === 0) {\n    return;\n  }\n\n  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;\n  const originalRowOrder =\n    table.atoms.rowOrder?.get() ?? rows.map((row) => row.id);\n\n  const resetDragging = (): void => {\n    // Remove scroll event listener\n    if (virtualizationContainer && scrollHandlerRef.current) {\n      virtualizationContainer.removeEventListener(\n        'scroll',\n        scrollHandlerRef.current,\n      );\n      scrollHandlerRef.current = null;\n    }\n\n    table.setDraggingRowInfo(null);\n    setDraggingElement(undefined);\n    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));\n  };\n\n  const handleOnDragStart = ({ active }: { active: Active }): void => {\n    if (active.data.current) {\n      const element = createDraggingElement<TFeatures, TData>(\n        overlayContainer,\n        active,\n        rows,\n        virtualColumns,\n        {\n          width: overlayWidth,\n          gridTemplateColumns: table.getGridTemplateColumns(),\n          rowSeparation,\n          hasThresholds: table.options.hasThresholds,\n          rowThresholds: table.options.rowThresholds,\n          rowDetailsTemplate: table.options.rowDetailsTemplate,\n        },\n      );\n      setDraggingElement(element);\n\n      // Use requestAnimationFrame to delay execution until just before the next paint,\n      // ensuring the DOM is fully updated. This allows us to sync the overlay's scroll\n      // position with the table grid's scroll state.\n      requestAnimationFrame(() => {\n        if (overlayContainer.current?.parentElement) {\n          overlayContainer.current.parentElement.scrollLeft =\n            tableGridElement?.parentElement?.scrollLeft ?? 0;\n        }\n      });\n\n      table.setDraggingRowInfo({\n        id: active.id as string,\n        index: active.data.current.rowIndex,\n        row: active.data.current.row,\n      });\n\n      rowOrderWhileDragging.current = originalRowOrder\n        ? [...originalRowOrder]\n        : [];\n\n      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;\n\n      // Attach scroll event listener to handle virtualization during drag\n      const handleScroll = (): void => {\n        if (!virtualizationContainer) {\n          return;\n        }\n\n        const currentOffset = virtualizationContainer.scrollTop;\n        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);\n        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {\n          // Large sudden jump - virtualizer correction, prevent it\n          virtualizationContainer.scrollTop = lastScrollOffset;\n          return;\n        }\n        lastScrollOffset = currentOffset;\n      };\n      scrollHandlerRef.current = handleScroll;\n      virtualizationContainer?.addEventListener('scroll', handleScroll);\n    }\n  };\n\n  const handleOnDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }): void => {\n    if (over === undefined || over === null) {\n      devLog('[Table] On drag end: over info is undefined or null', over);\n      resetDragging();\n      return;\n    }\n\n    const draggingRowInfo = table.atoms.draggingRowInfo.get();\n\n    if (draggingRowInfo === null) {\n      devLog(\n        '[Table] On drag end: dragging row info is undefined',\n        draggingRowInfo,\n      );\n      resetDragging();\n      return;\n    }\n\n    // if dragged to the starting point, row order does not change\n    if (over.id === active.id) {\n      resetDragging();\n      return;\n    }\n\n    const { fromIndex, toIndex } = getDragIndexes(\n      originalRowOrder,\n      active.id as string, // for us the IDs are always strings\n      over.id as string, // for us the IDs are always strings\n    );\n\n    const newRowOrder = [...originalRowOrder];\n    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;\n    const overRowSubRowsCount = (\n      over.data.current?.row as Row<CoreFeatures, TData>\n    ).getLeafRows().length;\n\n    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);\n\n    newRowOrder.splice(\n      fromIndex < toIndex\n        ? toIndex + overRowSubRowsCount - activeRowSubRowsCount\n        : toIndex,\n      0,\n      ...rowsToMove,\n    );\n    table.setRowOrder(newRowOrder);\n    resetDragging();\n\n    // In Safari, after scrolling a table while dragging, the cells are weirdly shifted in the grid\n    // We did not find why, probably a safari bug. This fixes the issue for now.\n    virtualizationContainer?.scrollBy({ top: 1, behavior: 'smooth' });\n    virtualizationContainer?.scrollBy({ top: -1, behavior: 'smooth' });\n    // Always move focus to the dropped row's drag handle so the user can\n    // continue navigating from the new position (e.g. via Tab).\n    // For mouse/touch we pass `focusVisible: false` to suppress the focus ring.\n    requestAnimationFrame(() => {\n      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);\n      // Read at event time to avoid re-rendering all rows on modality changes.\n      dragHandle?.focus(\n        modalityStore.getState() !== 'keyboard'\n          ? { focusVisible: false }\n          : undefined,\n      );\n    });\n  };\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={rowOrderCollisionDetection}\n      modifiers={[restrictToTableRowArea]}\n      accessibility={{ container: virtualizationContainer }}\n      onDragStart={handleOnDragStart}\n      onDragEnd={handleOnDragEnd}\n      onDragOver={(event: DragOverEvent) =>\n        transformRowOnDragOver(\n          tableGridElement,\n          event,\n          originalRowOrder,\n          table.atoms.visualVariantConfig?.get().rowSeparation === 'none',\n          table.atoms.draggingRowInfo.get()?.row,\n        )\n      }\n      onDragCancel={() => resetDragging()}\n    >\n      {children}\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.rowDndOverlay}\n            style={{ width: overlayWidth, height: 'max-content' }}\n          >\n            {draggingElement}\n          </DragOverlay>,\n          document.body,\n        )\n      }\n    </DragAndDropContext>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  DndContext as DragAndDropContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type Active,\n  type CollisionDetection,\n  type DragOverEvent,\n  type Over,\n} from '@dnd-kit/core';\nimport {\n  type CoreFeatures,\n  type Row,\n  type RowData,\n} from '@tanstack/react-table';\nimport { type VirtualItem } from '@tanstack/react-virtual';\nimport { clsx } from 'clsx';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { getProperInertValue } from '../../../../../core/utils/get-inert-value.js';\nimport { devLog } from '../../../../../core/utils/logging.js';\nimport { modalityStore } from '../../../../../core/utils/modality.js';\nimport { Grid } from '../../../../../layouts/grid/Grid.js';\nimport { DataTableRow } from '../../../components/DataTableRow.js';\nimport { DATA_TABLE_ROW_HEIGHT_MAP } from '../../../constants.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { RowDetailsElement } from '../../RowDetails/components/RowDetailsElement.js';\nimport type { DataTableThresholdsNormalizedRule } from '../../Thresholds/threshold-types.js';\nimport * as thresholdStyles from '../../Thresholds/Thresholds.sty.js';\nimport type { TDataTableFeatures } from '../../types/features.types.js';\nimport {\n  createRestrictToTableRowAreaModifier,\n  createRowOrderCollisionDetection,\n  getAllRowsInTableBody,\n  getDragHandleForRow,\n  getDragIndexes,\n  resetAllStylesForRows,\n  transformRowOnDragOver,\n} from '../row-order-utils.js';\nimport * as styles from '../RowOrder.sty.js';\n\n// Threshold for detecting sudden jumps caused by virtualizer scroll corrections\n// vs. gradual user/auto-scroll during drag.\nconst SCROLL_JUMP_THRESHOLD = DATA_TABLE_ROW_HEIGHT_MAP.default * 10;\n\n/**\n * Creates element to place in drag overlay.\n * @param overlayContainer - The container element that contains the row being dragged.\n * @param active - The row being dragged. If no corresponding row is found,\n *                 then undefined is returned from this function.\n * @param rows - all rows.\n * @param virtualColumns - virtual items for the columns\n * @param rowConfig - object containing all necessary row configurations to be able to replicate the row for the drag overlay\n * @returns element intended for overlay\n */\nfunction createDraggingElement<TData extends RowData>(\n  overlayContainer: RefObject<HTMLDivElement | null>,\n  active: Active,\n  rows: Row<TDataTableFeatures, TData>[],\n  virtualColumns: VirtualItem[],\n  rowConfig: {\n    width: number;\n    gridTemplateColumns: string;\n    rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n    hasThresholds?: boolean;\n    rowThresholds?: DataTableThresholdsNormalizedRule<TData>[];\n    rowDetailsTemplate?: (params: { row: TData }) => ReactNode;\n  },\n): JSX.Element | undefined {\n  const activeId = active.id as string;\n  const draggingOriginalRow = active.data.current?.row as Row<\n    TDataTableFeatures,\n    TData\n  >;\n  const draggingVirtualRow = active.data.current?.virtualRow as VirtualItem;\n\n  const {\n    gridTemplateColumns,\n    rowSeparation,\n    hasThresholds,\n    rowThresholds,\n    rowDetailsTemplate,\n  } = rowConfig;\n\n  if (draggingOriginalRow === undefined || draggingVirtualRow === undefined) {\n    devLog(\n      `[DataTable] Dragging row or virtual row with row id ${activeId} is undefined.`,\n    );\n    return;\n  }\n\n  const isRowDetailsOpen = draggingOriginalRow.getIsDetailsOpen();\n\n  const draggingVirtualDetailsRow = {\n    ...draggingVirtualRow,\n    index: draggingVirtualRow.index + 1,\n  };\n\n  return (\n    <Grid\n      ref={overlayContainer}\n      gridTemplateColumns={gridTemplateColumns}\n      padding={0}\n      minWidth=\"max-content\"\n      gap={0}\n      // TODO: React 19 update - inert is then in the IntrinsicAttributes and can be passed directly\n      {...{ inert: getProperInertValue(true) }}\n      className={clsx({\n        [thresholdStyles.hasPillThresholds]:\n          hasThresholds &&\n          rowThresholds?.some((threshold) => threshold.type === 'pill'),\n      })}\n      style={{\n        position: 'relative',\n      }}\n    >\n      <DataTableRow\n        row={draggingOriginalRow as Row<TDataTableFeatures, RowData>}\n        virtualRow={draggingVirtualRow}\n        virtualItemIndex={0}\n        rowCount={rows.length}\n        virtualColumns={virtualColumns}\n        isDraggedRow={false}\n        isInDragOverlay={true}\n        rowParity=\"even\"\n      />\n      {isRowDetailsOpen ? (\n        <RowDetailsElement\n          originalRow={draggingOriginalRow}\n          virtualRow={draggingVirtualDetailsRow}\n          virtualItemIndex={1}\n          rowSeparation={rowSeparation}\n          rowParity=\"even\"\n        >\n          {rowDetailsTemplate?.({\n            row: draggingOriginalRow.original,\n          })}\n        </RowDetailsElement>\n      ) : null}\n    </Grid>\n  );\n}\n\n/**\n * @internal\n */\nexport function RowOrderingDragAndDropContext<TData extends RowData>({\n  children,\n  rows,\n  virtualColumns,\n  rowSeparation,\n}: Readonly<{\n  children: ReactNode;\n  rows: Row<TDataTableFeatures, TData>[];\n  virtualColumns: VirtualItem[];\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes';\n}>): JSX.Element | undefined {\n  const table = useDataTable();\n  const tableHeaderHeight = table.getTotalHeaderHeight();\n  const sensors = useSensors(\n    useSensor(MouseSensor, {}),\n    useSensor(TouchSensor, {}),\n    useSensor(KeyboardSensor, {}),\n  );\n  const [draggingElement, setDraggingElement] = useState<ReactNode | undefined>(\n    undefined,\n  );\n  const containedVariant = table.atoms.visualVariantConfig?.get().contained;\n  const virtualizationContainer = table.getRowVirtualizationContainer();\n  const tableGridElement =\n    virtualizationContainer?.querySelector<HTMLElement>('[role=grid]');\n\n  const overlayContainer = useRef<HTMLDivElement>(null);\n  const scrollHandlerRef = useRef<(() => void) | null>(null);\n\n  const rowOrderCollisionDetection: CollisionDetection = useCallback(\n    (args) =>\n      createRowOrderCollisionDetection(table.atoms.draggingRowInfo.get())(args),\n    [table],\n  );\n\n  const restrictToTableRowArea = useMemo(\n    () =>\n      createRestrictToTableRowAreaModifier(\n        tableHeaderHeight,\n        containedVariant,\n        virtualizationContainer,\n      ),\n    [tableHeaderHeight, virtualizationContainer, containedVariant],\n  );\n\n  const rowOrderWhileDragging = useRef<string[]>([]);\n\n  if (!tableGridElement || !virtualizationContainer || rows.length === 0) {\n    return;\n  }\n\n  const overlayWidth = tableGridElement.parentElement?.clientWidth ?? 0;\n  const originalRowOrder =\n    table.atoms.rowOrder?.get() ?? rows.map((row) => row.id);\n\n  const resetDragging = (): void => {\n    // Remove scroll event listener\n    if (virtualizationContainer && scrollHandlerRef.current) {\n      virtualizationContainer.removeEventListener(\n        'scroll',\n        scrollHandlerRef.current,\n      );\n      scrollHandlerRef.current = null;\n    }\n\n    table.setDraggingRowInfo(null);\n    setDraggingElement(undefined);\n    resetAllStylesForRows(getAllRowsInTableBody(tableGridElement));\n  };\n\n  const handleOnDragStart = ({ active }: { active: Active }): void => {\n    if (active.data.current) {\n      const element = createDraggingElement<TData>(\n        overlayContainer,\n        active,\n        rows,\n        virtualColumns,\n        {\n          width: overlayWidth,\n          gridTemplateColumns: table.getGridTemplateColumns(),\n          rowSeparation,\n          hasThresholds: table.options.hasThresholds,\n          rowThresholds: table.options.rowThresholds,\n          rowDetailsTemplate: table.options.rowDetailsTemplate,\n        },\n      );\n      setDraggingElement(element);\n\n      // Use requestAnimationFrame to delay execution until just before the next paint,\n      // ensuring the DOM is fully updated. This allows us to sync the overlay's scroll\n      // position with the table grid's scroll state.\n      requestAnimationFrame(() => {\n        if (overlayContainer.current?.parentElement) {\n          overlayContainer.current.parentElement.scrollLeft =\n            tableGridElement?.parentElement?.scrollLeft ?? 0;\n        }\n      });\n\n      table.setDraggingRowInfo({\n        id: active.id as string,\n        index: active.data.current.rowIndex,\n        row: active.data.current.row,\n      });\n\n      rowOrderWhileDragging.current = originalRowOrder\n        ? [...originalRowOrder]\n        : [];\n\n      let lastScrollOffset = virtualizationContainer?.scrollTop ?? 0;\n\n      // Attach scroll event listener to handle virtualization during drag\n      const handleScroll = (): void => {\n        if (!virtualizationContainer) {\n          return;\n        }\n\n        const currentOffset = virtualizationContainer.scrollTop;\n        const scrollDelta = Math.abs(currentOffset - lastScrollOffset);\n        if (scrollDelta >= SCROLL_JUMP_THRESHOLD) {\n          // Large sudden jump - virtualizer correction, prevent it\n          virtualizationContainer.scrollTop = lastScrollOffset;\n          return;\n        }\n        lastScrollOffset = currentOffset;\n      };\n      scrollHandlerRef.current = handleScroll;\n      virtualizationContainer?.addEventListener('scroll', handleScroll);\n    }\n  };\n\n  const handleOnDragEnd = ({\n    active,\n    over,\n  }: {\n    active: Active;\n    over: Over | null;\n  }): void => {\n    if (over === undefined || over === null) {\n      devLog('[Table] On drag end: over info is undefined or null', over);\n      resetDragging();\n      return;\n    }\n\n    const draggingRowInfo = table.atoms.draggingRowInfo.get();\n\n    if (draggingRowInfo === null) {\n      devLog(\n        '[Table] On drag end: dragging row info is undefined',\n        draggingRowInfo,\n      );\n      resetDragging();\n      return;\n    }\n\n    // if dragged to the starting point, row order does not change\n    if (over.id === active.id) {\n      resetDragging();\n      return;\n    }\n\n    const { fromIndex, toIndex } = getDragIndexes(\n      originalRowOrder,\n      active.id as string, // for us the IDs are always strings\n      over.id as string, // for us the IDs are always strings\n    );\n\n    const newRowOrder = [...originalRowOrder];\n    const activeRowSubRowsCount = draggingRowInfo.row.getLeafRows().length;\n    const overRowSubRowsCount =\n      (\n        over.data.current?.row as Row<CoreFeatures, TData> | undefined\n      )?.getLeafRows().length ?? 0;\n\n    const rowsToMove = newRowOrder.splice(fromIndex, 1 + activeRowSubRowsCount);\n\n    newRowOrder.splice(\n      fromIndex < toIndex\n        ? toIndex + overRowSubRowsCount - activeRowSubRowsCount\n        : toIndex,\n      0,\n      ...rowsToMove,\n    );\n    table.setRowOrder(newRowOrder);\n    resetDragging();\n\n    // In Safari, after scrolling a table while dragging, the cells are weirdly shifted in the grid\n    // We did not find why, probably a safari bug. This fixes the issue for now.\n    virtualizationContainer?.scrollBy({ top: 1, behavior: 'smooth' });\n    virtualizationContainer?.scrollBy({ top: -1, behavior: 'smooth' });\n    // Always move focus to the dropped row's drag handle so the user can\n    // continue navigating from the new position (e.g. via Tab).\n    // For mouse/touch we pass `focusVisible: false` to suppress the focus ring.\n    requestAnimationFrame(() => {\n      const dragHandle = getDragHandleForRow(tableGridElement, toIndex);\n      // Read at event time to avoid re-rendering all rows on modality changes.\n      dragHandle?.focus(\n        modalityStore.getState() !== 'keyboard'\n          ? { focusVisible: false }\n          : undefined,\n      );\n    });\n  };\n\n  return (\n    <DragAndDropContext\n      sensors={sensors}\n      collisionDetection={rowOrderCollisionDetection}\n      modifiers={[restrictToTableRowArea]}\n      accessibility={{ container: virtualizationContainer }}\n      onDragStart={handleOnDragStart}\n      onDragEnd={handleOnDragEnd}\n      onDragOver={(event: DragOverEvent) =>\n        transformRowOnDragOver(\n          tableGridElement,\n          event,\n          originalRowOrder,\n          table.atoms.visualVariantConfig?.get().rowSeparation === 'none',\n          table.atoms.draggingRowInfo.get()?.row,\n        )\n      }\n      onDragCancel={() => resetDragging()}\n    >\n      {children}\n      {\n        // We need to portal the drag and drop overlay to escape CSS transforms on ancestor elements.\n        // This ensures transforms on parent containers don't affect the position of the drag overlay.\n        createPortal(\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.rowDndOverlay}\n            style={{ width: overlayWidth, height: 'max-content' }}\n          >\n            {draggingElement}\n          </DragOverlay>,\n          document.body,\n        )\n      }\n    </DragAndDropContext>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/row-order-column-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/RowOrder/row-order-column-utils.ts"],
-  "sourcesContent": ["import type {\n  CellData,\n  ColumnDef,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\n\nimport { DATA_TABLE_ROW_DRAG_COLUMN_ID } from '../../constants.js';\n\n/**\n * Helper function to identify the row drag column.\n * @internal\n */\nexport function isRowDragColumnDef<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: ColumnDef<TFeatures, TData, TValue>): boolean {\n  return column.id === DATA_TABLE_ROW_DRAG_COLUMN_ID;\n}\n"],
-  "mappings": "AAOA,SAAS,qCAAqC;AAMvC,SAAS,mBAId,QAAsD;AACtD,SAAO,OAAO,OAAO;AACvB;",
+  "sourcesContent": ["import type { CellData, ColumnDef, RowData } from '@tanstack/react-table';\n\nimport { DATA_TABLE_ROW_DRAG_COLUMN_ID } from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Helper function to identify the row drag column.\n * @internal\n */\nexport function isRowDragColumnDef<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: ColumnDef<TDataTableFeatures, TData, TValue>): boolean {\n  return column.id === DATA_TABLE_ROW_DRAG_COLUMN_ID;\n}\n"],
+  "mappings": "AAEA,SAAS,qCAAqC;AAOvC,SAAS,mBAGd,QAA+D;AAC/D,SAAO,OAAO,OAAO;AACvB;",
   "names": []
 }

package/esm/tables/DataTable/features/RowOrder/row-order-model.js

@@ -3,8 +3,7 @@ import {
 } from "@tanstack/react-table";
 import { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from "../../constants.js";
 function createRowOrderRowModel() {
-  return (_table) => {
-    const table = _table;
+  return (table) => {
     return tableMemo({
       feature: "DataTableRowOrderFeature",
       table,
@@ -41,10 +40,13 @@ function _createRowOrderRowModel(table) {
     });
     return orderedData;
   };
-  const newRowsById = Object.keys(rowsById).sort((a, b) => rowOrderCompareStrFn(rowOrder, a, b)).reduce((obj, key) => {
-    obj[key] = rowsById[key];
-    return obj;
-  }, {});
+  const newRowsById = Object.keys(rowsById).sort((a, b) => rowOrderCompareStrFn(rowOrder, a, b)).reduce(
+    (obj, key) => {
+      obj[key] = rowsById[key];
+      return obj;
+    },
+    {}
+  );
   return {
     flatRows: orderRows(flatRows),
     rows: orderRows(rows),