@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -1,19 +1,10 @@
-import { functionalUpdate } from "@tanstack/react-table";
 import {
-  useCallback,
-  useEffect,
-  useRef
-} from "react";
-import { useIntl } from "react-intl";
+  assignPrototypeAPIs,
+  assignTableAPIs
+} from "@tanstack/react-table";
 import * as styles from "./RowInteractivity.sty.js";
-import { useControllableState } from "../../../../core/hooks/useControllableState.js";
-import { useFocusRing } from "../../../../core/styles/useFocusRing.js";
-import { mergeProps as _mergeProps } from "../../../../core/utils/merge-props.js";
 import { isTargetInteractive } from "../../../utils/is-target-interactive.js";
 import { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from "../../constants.js";
-import { useDataTable } from "../../contexts/DataTableContext.js";
-import { assignRowMethods } from "../../hooks/useTable/utils.js";
-import { dataTableMessages } from "../../messages.js";
 function removeHoverStyles(virtualizationContainer) {
   if (virtualizationContainer) {
     const hoveredRows = virtualizationContainer.querySelectorAll(
@@ -52,162 +43,6 @@ function maintainOpenMenuRowHover(table, virtualizationContainer) {
   }
   return true;
 }
-function useRowInteractivityProps(row, scrollToIndex) {
-  const table = useDataTable();
-  const intl = useIntl();
-  const clicked = useRef(false);
-  const { isFocusVisible, focusProps } = useFocusRing();
-  if (!row.getCanActivateRow()) {
-    return { rowInteractivityClassName: "", rowInteractivityProps: void 0 };
-  }
-  const isRowDragging = table.getState().draggingRowInfo !== void 0;
-  const isActivated = row.getIsActivated();
-  const isAutoActivationEnabled = table.options.enableAutoActivation;
-  const rowInteractivityClassName = styles.interactiveRow({
-    hovered: table.getHoveredRow() === row.id,
-    active: isActivated,
-    focus: isFocusVisible,
-    contained: table.getVisualVariantOptions().contained
-  });
-  function handleRowActivation(event) {
-    const { target } = event;
-    if (table.options.enableRowInteractivity !== true || target instanceof HTMLElement === false && target instanceof SVGElement === false || // prevent deactivation if the user clicks on a Gantt segment (SVG <rect>) and the row is already active
-    target.nodeName === "rect" && isActivated) {
-      return;
-    }
-    const rowElement = target.closest('[role="row"]');
-    if (rowElement && !isTargetInteractive(rowElement, target)) {
-      row.toggleActivated(event);
-    }
-  }
-  function isSelectionInsideTable() {
-    const selection = globalThis.getSelection();
-    if (!selection?.toString()) {
-      return false;
-    }
-    const container = table.getRowVirtualizationContainer();
-    if (!container) {
-      return false;
-    }
-    let anchorNode = selection.anchorNode;
-    if (anchorNode?.nodeType === Node.TEXT_NODE) {
-      anchorNode = anchorNode.parentElement;
-    }
-    return !!anchorNode && container.contains(anchorNode);
-  }
-  const rowInteractivityProps = {
-    tabIndex: 0,
-    "data-trigger": "interactive-row",
-    "aria-label": intl.formatMessage(dataTableMessages.interactiveRowTrigger, {
-      isActivated,
-      rowId: row.id
-    }),
-    onPointerDown: (event) => {
-      clicked.current = true;
-    },
-    onClick: (event) => {
-      if (!isSelectionInsideTable() && event.detail === 1) {
-        handleRowActivation(event);
-      }
-    },
-    onAuxClick: (event) => {
-      if (event.button === 1) {
-        handleRowActivation(event);
-      }
-    },
-    onKeyDown: (event) => {
-      if (isRowDragging) {
-        return;
-      }
-      const { key, target } = event;
-      if (key === "Enter" && !isAutoActivationEnabled && (target instanceof HTMLElement || target instanceof SVGElement)) {
-        const rowElement = target.closest('[role="row"]');
-        if (rowElement && !isTargetInteractive(rowElement, target)) {
-          event.preventDefault();
-          event.stopPropagation();
-          row.toggleActivated(event);
-          return;
-        }
-      }
-      let offset = null;
-      switch (key) {
-        case "ArrowDown": {
-          offset = 1;
-          break;
-        }
-        case "ArrowUp": {
-          offset = -1;
-          break;
-        }
-        case "PageUp": {
-          offset = -10;
-          break;
-        }
-        case "PageDown": {
-          offset = 10;
-          break;
-        }
-        case "Home": {
-          offset = -Infinity;
-          break;
-        }
-        case "End": {
-          offset = Infinity;
-          break;
-        }
-      }
-      if (offset === null) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      if (!(event.target instanceof HTMLElement)) {
-        return;
-      }
-      const allRows = table.getRowModel().rows;
-      const currentRowIndex = allRows.findIndex(
-        (currentRow) => currentRow.id === row.id
-      );
-      if (currentRowIndex === -1) {
-        return;
-      }
-      const clampedIndex = Math.max(
-        0,
-        Math.min(currentRowIndex + offset, allRows.length - 1)
-      );
-      const nextRow = allRows.at(clampedIndex);
-      if (nextRow === void 0) {
-        return;
-      }
-      scrollToIndex(clampedIndex, {
-        align: "auto"
-      });
-      requestAnimationFrame(() => {
-        const nextRowButton = table.getRowVirtualizationContainer()?.querySelector(
-          `[data-rowid="${CSS.escape(
-            nextRow.id
-          )}"][data-trigger="interactive-row"]`
-        );
-        nextRowButton?.focus();
-      });
-    },
-    ..._mergeProps(focusProps, {
-      onFocus: (event) => {
-        if (event.currentTarget !== event.target) {
-          return;
-        }
-        if (clicked.current) {
-          clicked.current = false;
-          return;
-        }
-        if (!isActivated && isAutoActivationEnabled) {
-          row.toggleActivated(event);
-        }
-      }
-    })
-  };
-  return { rowInteractivityClassName, rowInteractivityProps };
-}
 function getRowInfoFromMouseEvent(event) {
   const { target } = event;
   if (!(target instanceof HTMLElement) && !(target instanceof SVGElement)) {
@@ -218,158 +53,141 @@ function getRowInfoFromMouseEvent(event) {
   const isRowDetailsRow = rowId?.endsWith(DATA_TABLE_ROW_EXPANDED_ID_SUFFIX) ?? false;
   return { target, row, rowId, isRowDetailsRow };
 }
-const DataTableRowInteractivity = {
-  createTable(table) {
-    let hoveredRow = null;
-    table.setActiveRow = (updater, event) => {
-      table.options.onActiveRowChange?.(updater, event);
-    };
-    table.setHoveredRow = (rowId) => {
-      if (rowId !== hoveredRow) {
-        hoveredRow = rowId;
-      }
-    };
-    table.getHoveredRow = () => {
-      return hoveredRow;
-    };
-    table.handleInteractiveRowMouseOver = (event) => {
-      if (table.options.enableRowInteractivity !== true) {
-        return;
-      }
-      const rowInfo = getRowInfoFromMouseEvent(event);
-      if (!rowInfo) {
-        return;
-      }
-      const { target, row, rowId, isRowDetailsRow } = rowInfo;
-      const virtualizationContainer = table.getRowVirtualizationContainer();
-      if (!virtualizationContainer?.contains(target) || row === null || isRowDetailsRow) {
-        if (target instanceof HTMLElement && target.dataset.trigger === "context-action") {
-          return;
-        }
-        if (maintainOpenMenuRowHover(table, virtualizationContainer)) {
-          return;
-        }
-        table.setHoveredRow(null);
-        removeHoverStyles(virtualizationContainer);
-        return;
-      }
-      if (row && rowId && !isRowDetailsRow && table.getHoveredRow() !== rowId) {
-        table.setHoveredRow(rowId);
-        removeHoverStyles(virtualizationContainer);
-        addHoverStyles(row);
-      }
-    };
-    table.handleInteractiveRowMouseLeave = (event) => {
-      if (table.options.enableRowInteractivity !== true) {
-        return;
-      }
-      const virtualizationContainer = table.getRowVirtualizationContainer();
-      if (maintainOpenMenuRowHover(table, virtualizationContainer)) {
-        return;
-      }
-      table.setHoveredRow(null);
-      removeHoverStyles(virtualizationContainer);
-    };
-    table.handleInteractiveRowClick = (event) => {
-      if (table.options.enableRowInteractivity !== true) {
-        return;
-      }
-      const rowInfo = getRowInfoFromMouseEvent(event);
-      if (!rowInfo) {
-        return;
-      }
-      const { target, row, rowId, isRowDetailsRow } = rowInfo;
-      if (row && rowId && !isRowDetailsRow && !isTargetInteractive(row, target)) {
-        event.stopPropagation();
-        row.focus();
-      }
-    };
-    assignRowMethods(table, {
-      /**
-       * Returns a boolean value if the row can be activated.
-       */
-      getCanActivateRow() {
-        return table.options.enableRowInteractivity === true;
-      },
-      /**
-       * Returns a boolean value if the row is currently activated.
-       */
-      getIsActivated() {
-        return table.getState().activeRow === this.id;
-      },
-      /**
-       * Activates the row, if it is not activated.
-       * Deactivates the row, if it is currently activated.
-       */
-      toggleActivated(event) {
-        table.setActiveRow(this.getIsActivated() ? null : this.id, event);
-      },
-      /**
-       * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link
-       */
-      getLinkForRow() {
-        return table.options.getLinkForRow?.(this);
-      }
-    });
+function table_setActiveRow(table, updater, event) {
+  table.options.onActiveRowChange?.(updater, event);
+}
+function table_setHoveredRow(table, rowId) {
+  if (rowId !== table.hoveredRow) {
+    table.hoveredRow = rowId;
   }
-};
-function useRowInteractivity(props, options) {
-  const {
-    activeRow: activeRowProp,
-    defaultActiveRow,
-    onActiveRowChange,
-    interactiveRows
-  } = props;
-  const [activeRow, setActiveRow] = useControllableState({
-    value: activeRowProp,
-    defaultValue: defaultActiveRow
-  });
-  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
-      interactiveRows.link) {
-        return interactiveRows.link(row.original);
-      }
-      return void 0;
+}
+function table_getHoveredRow(table) {
+  return table.hoveredRow ?? null;
+}
+function table_handleInteractiveRowMouseOver(table, event) {
+  if (table.options.enableRowInteractivity !== true) {
+    return;
+  }
+  const rowInfo = getRowInfoFromMouseEvent(event);
+  if (!rowInfo) {
+    return;
+  }
+  const { target, row, rowId, isRowDetailsRow } = rowInfo;
+  const virtualizationContainer = table.getRowVirtualizationContainer();
+  if (!virtualizationContainer?.contains(target)) {
+    if (target instanceof HTMLElement && target.dataset.trigger === "context-action") {
+      return;
+    }
+    if (maintainOpenMenuRowHover(table, virtualizationContainer)) {
+      return;
+    }
+    table.setHoveredRow(null);
+    removeHoverStyles(virtualizationContainer);
+    return;
+  }
+  if (row === null || rowId === void 0 || isRowDetailsRow) {
+    table.setHoveredRow(null);
+    removeHoverStyles(virtualizationContainer);
+    return;
+  }
+  if (table.getHoveredRow() !== rowId) {
+    table.setHoveredRow(rowId);
+    removeHoverStyles(virtualizationContainer);
+    addHoverStyles(row);
+  }
+}
+function table_handleInteractiveRowMouseLeave(table, event) {
+  if (table.optionsStore.state.enableRowInteractivity !== true) {
+    return;
+  }
+  table.setHoveredRow(null);
+  removeHoverStyles(table.getRowVirtualizationContainer());
+}
+function table_handleInteractiveRowClick(table, event) {
+  if (table.optionsStore.state.enableRowInteractivity !== true) {
+    return;
+  }
+  const rowInfo = getRowInfoFromMouseEvent(event);
+  if (!rowInfo) {
+    return;
+  }
+  const { target, row, rowId, isRowDetailsRow } = rowInfo;
+  if (row && rowId && !isRowDetailsRow && !isTargetInteractive(row, target)) {
+    event.stopPropagation();
+    row.focus();
+  }
+}
+function row_getCanActivateRow(row) {
+  return row.table.optionsStore.state.enableRowInteractivity === true;
+}
+function row_getIsActivated(row) {
+  return row.table.atoms.activeRow?.get() === row.id;
+}
+function row_toggleActivated(row, event) {
+  row.table.setActiveRow(row.getIsActivated() ? null : row.id, event);
+}
+function row_getLinkForRow(row) {
+  return row.table.optionsStore.state.getLinkForRow?.(row);
+}
+function constructRowInteractivityFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        activeRow: null,
+        ...initialState
+      };
     },
-    [interactiveRows]
-  );
-  if (options.enableRowInteractivity) {
-    options.onActiveRowChange = (updater, event) => {
-      const nextState = functionalUpdate(
-        updater,
-        options.state?.activeRow ?? null
+    assignRowPrototype: (prototype, table) => {
+      assignPrototypeAPIs(
+        "DataTableRowInteractivityFeature",
+        prototype,
+        table,
+        {
+          row_getCanActivateRow: { fn: (row) => row_getCanActivateRow(row) },
+          row_getIsActivated: { fn: (row) => row_getIsActivated(row) },
+          row_toggleActivated: {
+            fn: (row, event) => row_toggleActivated(row, event)
+          },
+          row_getLinkForRow: { fn: (row) => row_getLinkForRow(row) }
+        }
       );
-      setActiveRow(nextState);
-      onActiveRowChange?.(nextState, event);
-    };
-    options.enableAutoActivation = interactiveRows && (interactiveRows === true || interactiveRows.autoActivate !== false);
-    options.getLinkForRow = getLinkForRow;
-  }
-  const firstRun = useRef(true);
-  useEffect(
-    () => {
-      if (firstRun.current) {
-        firstRun.current = false;
-        return;
-      }
-      if (options.enableRowInteractivity) {
-        options.onActiveRowChange?.(null);
-      }
     },
-    // We only want to listen to the individual options parts and not the entire options.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [options.enableRowInteractivity, options.data]
-  );
-  options.state = {
-    ...options.state,
-    activeRow: activeRow ?? null
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableRowInteractivityFeature", table, {
+        table_setActiveRow: {
+          fn: (updater, event) => table_setActiveRow(table, updater, event)
+        },
+        table_setHoveredRow: {
+          fn: (rowId) => table_setHoveredRow(table, rowId)
+        },
+        table_getHoveredRow: {
+          fn: () => table_getHoveredRow(table)
+        },
+        table_handleInteractiveRowMouseOver: {
+          fn: (event) => table_handleInteractiveRowMouseOver(table, event)
+        },
+        table_handleInteractiveRowMouseLeave: {
+          fn: (event) => table_handleInteractiveRowMouseLeave(table, event)
+        },
+        table_handleInteractiveRowClick: {
+          fn: (event) => table_handleInteractiveRowClick(table, event)
+        }
+      });
+    }
   };
 }
+const DataTableRowInteractivityFeature = constructRowInteractivityFeature();
 export {
-  DataTableRowInteractivity,
-  useRowInteractivity,
-  useRowInteractivityProps
+  DataTableRowInteractivityFeature,
+  constructRowInteractivityFeature,
+  row_getIsActivated,
+  row_getLinkForRow,
+  row_toggleActivated,
+  table_getHoveredRow,
+  table_handleInteractiveRowClick,
+  table_handleInteractiveRowMouseLeave,
+  table_handleInteractiveRowMouseOver,
+  table_setActiveRow,
+  table_setHoveredRow
 };
 //# sourceMappingURL=RowInteractivity.js.map

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 { functionalUpdate } from '@tanstack/react-table';\nimport type { ScrollToOptions } from '@tanstack/react-virtual';\nimport {\n  useCallback,\n  useEffect,\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 type {\n  DataTableRowActivationEvent,\n  DataTableRowInteractivityProps,\n} from './row-interactivity-types.js';\nimport * as styles from './RowInteractivity.sty.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../../../core/styles/useFocusRing.js';\nimport { mergeProps as _mergeProps } from '../../../../core/utils/merge-props.js';\nimport { isTargetInteractive } from '../../../utils/is-target-interactive.js';\nimport { DATA_TABLE_ROW_EXPANDED_ID_SUFFIX } from '../../constants.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type {\n  Row,\n  Table,\n  TableFeature,\n  TableOptions,\n  Updater,\n} from '../../hooks/useTable/types.js';\nimport { assignRowMethods } from '../../hooks/useTable/utils.js';\nimport { dataTableMessages } from '../../messages.js';\nimport type { DataTableRowData } from '../../public.api.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>(\n  table: Table<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 * 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 DataTableRowData>(\n  row: Row<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  // 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 isRowDragging = table.getState().draggingRowInfo !== undefined;\n  const isActivated = row.getIsActivated();\n  const isAutoActivationEnabled = table.options.enableAutoActivation;\n  const rowInteractivityClassName = styles.interactiveRow({\n    hovered: table.getHoveredRow() === row.id,\n    active: isActivated,\n    focus: isFocusVisible,\n    contained: table.getVisualVariantOptions().contained,\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-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      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: Row<unknown> | undefined = 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\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 * Defines the user action table feature\n * @internal\n */\nexport const DataTableRowInteractivity: TableFeature = {\n  createTable<TData>(table: Table<TData>) {\n    let hoveredRow: string | null = null;\n    /**\n     * Activates a given row for the row interactivity\n     */\n    table.setActiveRow = (\n      updater: Updater<string | null>,\n      event?: DataTableRowActivationEvent,\n    ) => {\n      table.options.onActiveRowChange?.(updater, event);\n    };\n\n    /**\n     * Sets a given row as hovered on the table instance.\n     */\n    table.setHoveredRow = (rowId: string | null) => {\n      if (rowId !== hoveredRow) {\n        hoveredRow = rowId;\n      }\n    };\n\n    /**\n     * Gets a given row as hovered on the table instance.\n     */\n    table.getHoveredRow = () => {\n      return hoveredRow;\n    };\n\n    /** Handles mouse over events for interactive rows. */\n    table.handleInteractiveRowMouseOver = (\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      // Remove hover styles when hovering an element outside the table or a row details row.\n      // This also includes portaled content like user actions menus within the table.\n      if (\n        !virtualizationContainer?.contains(target) ||\n        row === null ||\n        isRowDetailsRow\n      ) {\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\n        if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n          return;\n        }\n\n        table.setHoveredRow(null);\n        removeHoverStyles(virtualizationContainer);\n        return;\n      }\n\n      if (row && rowId && !isRowDetailsRow && table.getHoveredRow() !== rowId) {\n        table.setHoveredRow(rowId);\n        removeHoverStyles(virtualizationContainer);\n        addHoverStyles(row);\n      }\n    };\n\n    /** Handles mouse leave events for interactive rows. */\n    table.handleInteractiveRowMouseLeave = (\n      event: ReactMouseEvent<HTMLDivElement>,\n    ) => {\n      if (table.options.enableRowInteractivity !== true) {\n        return;\n      }\n\n      const virtualizationContainer = table.getRowVirtualizationContainer();\n\n      if (maintainOpenMenuRowHover(table, virtualizationContainer)) {\n        return;\n      }\n\n      table.setHoveredRow(null);\n      removeHoverStyles(virtualizationContainer);\n    };\n\n    /** Handles click events for interactive rows. */\n    table.handleInteractiveRowClick = (\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 (\n        row &&\n        rowId &&\n        !isRowDetailsRow &&\n        !isTargetInteractive(row, target)\n      ) {\n        event.stopPropagation();\n        row.focus();\n      }\n    };\n\n    assignRowMethods(table, {\n      /**\n       * Returns a boolean value if the row can be activated.\n       */\n      getCanActivateRow() {\n        return table.options.enableRowInteractivity === true;\n      },\n\n      /**\n       * Returns a boolean value if the row is currently activated.\n       */\n      getIsActivated(this: Row<TData>) {\n        return table.getState().activeRow === this.id;\n      },\n\n      /**\n       * Activates the row, if it is not activated.\n       * Deactivates the row, if it is currently activated.\n       */\n      toggleActivated(this: Row<TData>, event?: DataTableRowActivationEvent) {\n        table.setActiveRow(this.getIsActivated() ? null : this.id, event);\n      },\n\n      /**\n       * DEPRECATION: [APPDEV-15075] BREAKING-CHANGE: Remove rowInteractivity link\n       */\n      getLinkForRow(this: Row<TData>) {\n        return table.options.getLinkForRow?.(this);\n      },\n    });\n  },\n};\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<TData>,\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<TData>) => {\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  if (options.enableRowInteractivity) {\n    options.onActiveRowChange = (updater: Updater<string | null>, event) => {\n      const nextState = functionalUpdate(\n        updater,\n        options.state?.activeRow ?? null,\n      );\n\n      setActiveRow(nextState);\n      onActiveRowChange?.(nextState, event);\n    };\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": "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",
+  "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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",
   "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-5-2", variantClassNames: { active: { true: "_15silbj1-3-5-2", false: "_15silbj2-3-5-2" }, focus: { true: "_15silbj3-3-5-2" }, hovered: { true: "_15silbj4-3-5-2" }, contained: { true: "_15silbj5-3-5-2", false: "_15silbj6-3-5-2" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-5-2"]] });
+var interactiveRow = _7a468({ defaultClassName: "_15silbj0-3-7-0", variantClassNames: { active: { true: "_15silbj1-3-7-0", false: "_15silbj2-3-7-0" }, focus: { true: "_15silbj3-3-7-0" }, hovered: { true: "_15silbj4-3-7-0" }, contained: { true: "_15silbj5-3-7-0", false: "_15silbj6-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ active: true, focus: true }, "_15silbj7-3-7-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-5-2',variantClassNames:{active:{true:'_15silbj1-3-5-2',false:'_15silbj2-3-5-2'},focus:{true:'_15silbj3-3-5-2'},hovered:{true:'_15silbj4-3-5-2'},contained:{true:'_15silbj5-3-5-2',false:'_15silbj6-3-5-2'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-5-2']]});"],
+  "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-7-0',variantClassNames:{active:{true:'_15silbj1-3-7-0',false:'_15silbj2-3-7-0'},focus:{true:'_15silbj3-3-7-0'},hovered:{true:'_15silbj4-3-7-0'},contained:{true:'_15silbj5-3-7-0',false:'_15silbj6-3-7-0'}},defaultVariants:{},compoundVariants:[[{active:true,focus:true},'_15silbj7-3-7-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,MAAK,kBAAiB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,QAAO,MAAK,OAAM,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }