@servicetitan/anvil2 2.9.2 → 2.9.4

package/dist/{DataTable-bMoIuYBK.js → DataTable-BPonNWnU.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-lIWu8uXb.js';
+import { C as Chip } from './Chip-PvXSFpKl.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
 import * as React from 'react';
 import { useRef, useState, useLayoutEffect, createContext, useContext, useCallback, forwardRef, useMemo, useImperativeHandle, useEffect, useId, memo as memo$1, Fragment as Fragment$1, isValidElement } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Checkbox } from './Checkbox-CTR7JfWk.js';
+import { C as Checkbox } from './Checkbox-CsNIatRo.js';
 import { B as Button } from './Button-BdrrhBTI.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
@@ -13,15 +13,15 @@ import { I as Icon } from './Icon-DuIlne4x.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 import { u as useNumberField } from './useNumberField-eMyk7MB8.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-DkQrikHz.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BViWKlX1.js';
-import { F as FieldLabel } from './FieldLabel-M5v4-PAV.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-Cf_yCjTR.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BSz5_4Wu.js';
+import { F as FieldLabel } from './FieldLabel-1g9Y_K44.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
+import { T as Tooltip } from './Tooltip-BboNo2-B.js';
 import { flushSync } from 'react-dom';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
-import { P as Pagination } from './Pagination-B9pdkp_V.js';
+import { P as Pagination } from './Pagination-5YcocErj.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { S as Spinner } from './Spinner-BqmcE2pb.js';
@@ -36,17 +36,19 @@ import './DataTable.css';const booleanFormatter = (value, { trueLabel = "True",
 };
 
 const styles$f = {
-	"table-header-cell": "_table-header-cell_nfkc_2",
-	"table-body-cell": "_table-body-cell_nfkc_3",
-	"table-footer-cell": "_table-footer-cell_nfkc_4",
-	"last-pinned-left-column": "_last-pinned-left-column_nfkc_33",
-	"first-pinned-right-column": "_first-pinned-right-column_nfkc_33",
-	"empty-cell": "_empty-cell_nfkc_54",
-	"table-cell-internal-select": "_table-cell-internal-select_nfkc_71",
-	"table-cell-internal-expand": "_table-cell-internal-expand_nfkc_72",
-	"table-header-cell-group": "_table-header-cell-group_nfkc_91",
-	"table-header-cell-sortable": "_table-header-cell-sortable_nfkc_100",
-	"table-header-cell-interactive": "_table-header-cell-interactive_nfkc_101"};
+	"table-header-cell": "_table-header-cell_1dk64_2",
+	"table-body-cell": "_table-body-cell_1dk64_3",
+	"table-footer-cell": "_table-footer-cell_1dk64_4",
+	"last-pinned-left-column": "_last-pinned-left-column_1dk64_33",
+	"first-pinned-right-column": "_first-pinned-right-column_1dk64_33",
+	"first-pinned-left-column": "_first-pinned-left-column_1dk64_54",
+	"last-pinned-right-column": "_last-pinned-right-column_1dk64_59",
+	"empty-cell": "_empty-cell_1dk64_64",
+	"table-cell-internal-select": "_table-cell-internal-select_1dk64_81",
+	"table-cell-internal-expand": "_table-cell-internal-expand_1dk64_82",
+	"table-header-cell-group": "_table-header-cell-group_1dk64_101",
+	"table-header-cell-sortable": "_table-header-cell-sortable_1dk64_110",
+	"table-header-cell-interactive": "_table-header-cell-interactive_1dk64_111"};
 
 const TableEmptyCellContent = () => {
   return /* @__PURE__ */ jsx("span", { "aria-label": "empty table cell", className: styles$f["empty-cell"], children: "—" });
@@ -4013,6 +4015,7 @@ function TableBody({ type, children, ...rest }) {
     Element,
     {
       ...rest,
+      "data-anv": "table-body",
       className: classes,
       role: type === "simple" ? void 0 : "rowgroup",
       children
@@ -4022,20 +4025,19 @@ function TableBody({ type, children, ...rest }) {
 
 const getCommonPinningClasses = (column) => {
   const isPinned = column.getIsPinned();
-  const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
-  const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
-  if (isLastLeftPinnedColumn) {
-    return styles$f["last-pinned-left-column"];
-  }
-  if (isFirstRightPinnedColumn) {
-    return styles$f["first-pinned-right-column"];
-  }
+  if (!isPinned) return void 0;
+  return cx({
+    [styles$f["first-pinned-left-column"]]: isPinned === "left" && column.getIsFirstColumn("left"),
+    [styles$f["last-pinned-left-column"]]: isPinned === "left" && column.getIsLastColumn("left"),
+    [styles$f["first-pinned-right-column"]]: isPinned === "right" && column.getIsFirstColumn("right"),
+    [styles$f["last-pinned-right-column"]]: isPinned === "right" && column.getIsLastColumn("right")
+  });
 };
 
 const styles$a = {
-	"data-table-body-cell-input": "_data-table-body-cell-input_wnkkd_2",
-	"data-table-body-cell-editable": "_data-table-body-cell-editable_wnkkd_36",
-	"data-table-body-cell-edit-icon-container": "_data-table-body-cell-edit-icon-container_wnkkd_36"
+	"data-table-body-cell-input": "_data-table-body-cell-input_16wma_2",
+	"data-table-body-cell-editable": "_data-table-body-cell-editable_16wma_36",
+	"data-table-body-cell-edit-icon-container": "_data-table-body-cell-edit-icon-container_16wma_36"
 };
 
 const DataTableEditableCellEditIcon = () => {
@@ -4071,19 +4073,19 @@ const TableBodyCell = forwardRef(({ type, children, className, isExpandCell, isS
 TableBodyCell.displayName = "TableBodyCell";
 
 const styles$9 = {
-	"data-table-body-cell": "_data-table-body-cell_ab20z_2",
-	"data-table-body-cell-input": "_data-table-body-cell-input_ab20z_3",
-	"table-body-cell": "_table-body-cell_ab20z_18",
-	"table-header-cell": "_table-header-cell_ab20z_19",
-	"table-footer-cell": "_table-footer-cell_ab20z_20",
-	"data-table-cell-content": "_data-table-cell-content_ab20z_30",
-	"data-table-body-cell-editing": "_data-table-body-cell-editing_ab20z_51",
-	"data-table-header-cell": "_data-table-header-cell_ab20z_52",
-	"data-table-footer-cell": "_data-table-footer-cell_ab20z_55",
-	"data-table-body-cell-error": "_data-table-body-cell-error_ab20z_104",
-	"data-table-body-cell-warning": "_data-table-body-cell-warning_ab20z_121",
-	"cell-error-icon": "_cell-error-icon_ab20z_130",
-	"cell-warning-icon": "_cell-warning-icon_ab20z_131"
+	"data-table-body-cell": "_data-table-body-cell_n8pkj_2",
+	"data-table-body-cell-input": "_data-table-body-cell-input_n8pkj_3",
+	"table-body-cell": "_table-body-cell_n8pkj_18",
+	"table-header-cell": "_table-header-cell_n8pkj_19",
+	"table-footer-cell": "_table-footer-cell_n8pkj_20",
+	"data-table-cell-content": "_data-table-cell-content_n8pkj_30",
+	"data-table-body-cell-editing": "_data-table-body-cell-editing_n8pkj_53",
+	"data-table-header-cell": "_data-table-header-cell_n8pkj_54",
+	"data-table-footer-cell": "_data-table-footer-cell_n8pkj_57",
+	"data-table-body-cell-error": "_data-table-body-cell-error_n8pkj_106",
+	"data-table-body-cell-warning": "_data-table-body-cell-warning_n8pkj_123",
+	"cell-error-icon": "_cell-error-icon_n8pkj_132",
+	"cell-warning-icon": "_cell-warning-icon_n8pkj_133"
 };
 
 function formatCellPositionString(cellPosition) {
@@ -5477,15 +5479,36 @@ function DataTableBodyCell(props) {
 }
 
 const styles$8 = {
-	"data-table-body-row": "_data-table-body-row_1lv2u_2",
-	"data-table-body-sub-component-row": "_data-table-body-sub-component-row_1lv2u_22",
-	"data-table-body-sub-component-container": "_data-table-body-sub-component-container_1lv2u_26",
-	"data-table-body-sub-component-content": "_data-table-body-sub-component-content_1lv2u_31",
-	"data-table-body-virtualized": "_data-table-body-virtualized_1lv2u_35",
-	"data-table-body-row-virtualized": "_data-table-body-row-virtualized_1lv2u_40",
-	"data-table-body-cell-group": "_data-table-body-cell-group_1lv2u_50"
+	"data-table-body-row": "_data-table-body-row_wgr33_2",
+	"data-table-body-sub-component-row": "_data-table-body-sub-component-row_wgr33_22",
+	"data-table-body-sub-component-container": "_data-table-body-sub-component-container_wgr33_26",
+	"data-table-body-sub-component-content": "_data-table-body-sub-component-content_wgr33_31",
+	"data-table-body-virtualized": "_data-table-body-virtualized_wgr33_35",
+	"data-table-body-row-virtualized": "_data-table-body-row-virtualized_wgr33_40",
+	"data-table-body-cell-group": "_data-table-body-cell-group_wgr33_50",
+	"data-table-body-cell-depth-indent": "_data-table-body-cell-depth-indent_wgr33_59",
+	"data-table-body-row-activatable": "_data-table-body-row-activatable_wgr33_68",
+	"data-table-body-row-active": "_data-table-body-row-active_wgr33_73",
+	"data-table-body-row-ancestor-hovered": "_data-table-body-row-ancestor-hovered_wgr33_83",
+	"data-table-body-sub-component-row-active": "_data-table-body-sub-component-row-active_wgr33_86",
+	"data-table-body-row-read-only": "_data-table-body-row-read-only_wgr33_89",
+	"data-table-body-row-top-active": "_data-table-body-row-top-active_wgr33_104"
 };
 
+const ACTIVATE_IGNORE_SELECTOR = 'button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="menuitem"], [data-anv="checkbox"], [class*="data-table-body-cell-editable"]';
+function collectDescendantIds(row) {
+  const out = [];
+  const stack = [...row.subRows ?? []];
+  while (stack.length) {
+    const current = stack.pop();
+    if (!current) continue;
+    out.push(current.id);
+    if (current.subRows?.length) {
+      stack.push(...current.subRows);
+    }
+  }
+  return out;
+}
 function DataTableBodyRowInner({
   columnOrder,
   row,
@@ -5494,40 +5517,125 @@ function DataTableBodyRowInner({
   isExpanded,
   canExpand,
   depth,
-  parentRowCanExpand
+  parentRowCanExpand,
+  isActivatable,
+  isActive,
+  isTopMostActive,
+  isReadOnly,
+  onToggleActive
 }) {
   const visibleCells = row.getVisibleCells();
   const id = row.id;
   const original = row.original;
   const { focusSubComponent, blurSubComponent } = useDTFocusDispatchContext();
+  const handleRowClick = useCallback(
+    (event) => {
+      if (!isActivatable) return;
+      if (isReadOnly) return;
+      const target = event.target;
+      if (target?.closest(ACTIVATE_IGNORE_SELECTOR)) return;
+      onToggleActive(
+        row.id,
+        collectDescendantIds(row)
+      );
+    },
+    [isActivatable, isReadOnly, onToggleActive, row]
+  );
+  const shouldCascadeHover = isActivatable && canExpand;
+  const handleMouseEnter = useCallback(
+    (event) => {
+      if (!shouldCascadeHover) return;
+      const doc = event.currentTarget.ownerDocument ?? document;
+      const className = styles$8["data-table-body-row-ancestor-hovered"];
+      for (const descendantId of collectDescendantIds(row)) {
+        const el = doc.querySelector(
+          `[data-row-id="${CSS.escape(String(descendantId))}"]`
+        );
+        el?.classList.add(className);
+      }
+    },
+    [shouldCascadeHover, row]
+  );
+  const handleMouseLeave = useCallback(
+    (event) => {
+      if (!shouldCascadeHover) return;
+      const doc = event.currentTarget.ownerDocument ?? document;
+      const className = styles$8["data-table-body-row-ancestor-hovered"];
+      for (const descendantId of collectDescendantIds(row)) {
+        const el = doc.querySelector(
+          `[data-row-id="${CSS.escape(String(descendantId))}"]`
+        );
+        el?.classList.remove(className);
+      }
+    },
+    [shouldCascadeHover, row]
+  );
+  const rowRef = useRef(null);
+  useLayoutEffect(() => {
+    const el = rowRef.current;
+    if (!el) return;
+    const ownerDoc = el.ownerDocument ?? document;
+    const className = styles$8["data-table-body-row-ancestor-hovered"];
+    let ancestor = row.getParentRow();
+    while (ancestor) {
+      const ancestorEl = ownerDoc.querySelector(
+        `[data-row-id="${CSS.escape(String(ancestor.id))}"]`
+      );
+      if (ancestorEl?.matches(":hover")) {
+        el.classList.add(className);
+        return;
+      }
+      ancestor = ancestor.getParentRow();
+    }
+  }, [row]);
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
+        ref: rowRef,
         role: "row",
         "aria-rowindex": rowIndex + 1,
         "aria-expanded": tableHasSubRows && canExpand ? isExpanded : void 0,
         "aria-level": tableHasSubRows && (canExpand || parentRowCanExpand) ? depth + 1 : void 0,
-        className: styles$8["data-table-body-row"],
-        children: visibleCells.map((cell) => {
-          const isLastInParentGroup = cell.column.parent ? cell.column.parent.getLeafColumns().slice(-1)[0] === cell.column : false;
-          const cellClasses = cx(getCommonPinningClasses(cell.column), {
-            [styles$8["data-table-body-cell-group"]]: "columns" in cell.column.columnDef || cell.column.parent && isLastInParentGroup
+        "data-row-id": row.id,
+        className: cx(styles$8["data-table-body-row"], {
+          [styles$8["data-table-body-row-activatable"]]: isActivatable,
+          [styles$8["data-table-body-row-active"]]: isActive,
+          [styles$8["data-table-body-row-top-active"]]: isTopMostActive,
+          [styles$8["data-table-body-row-read-only"]]: isReadOnly
+        }),
+        style: depth > 0 ? { "--a2-row-depth": depth } : void 0,
+        onClick: isActivatable ? handleRowClick : void 0,
+        onMouseEnter: shouldCascadeHover ? handleMouseEnter : void 0,
+        onMouseLeave: shouldCascadeHover ? handleMouseLeave : void 0,
+        children: (() => {
+          let firstDataCellClaimed = false;
+          return visibleCells.map((cell) => {
+            const isLastInParentGroup = cell.column.parent ? cell.column.parent.getLeafColumns().slice(-1)[0] === cell.column : false;
+            const isInternalActionColumn = cell.column.id === INTERNAL_ROW_ACTION_PRIMARY_COLUMN_ID || cell.column.id === INTERNAL_ROW_ACTION_SECONDARY_COLUMN_ID;
+            const isFirstDataCell = !isInternalActionColumn && !firstDataCellClaimed;
+            if (!isInternalActionColumn) {
+              firstDataCellClaimed = true;
+            }
+            const cellClasses = cx(getCommonPinningClasses(cell.column), {
+              [styles$8["data-table-body-cell-group"]]: "columns" in cell.column.columnDef || cell.column.parent && isLastInParentGroup,
+              [styles$8["data-table-body-cell-depth-indent"]]: isFirstDataCell
+            });
+            const columnIndex = columnOrder.indexOf(cell.column.getIndex());
+            return /* @__PURE__ */ jsx(
+              DataTableBodyCell,
+              {
+                cell,
+                cellPosition: { rowIndex, columnIndex },
+                "aria-colindex": columnIndex + 1,
+                className: cellClasses,
+                "data-anv-column-id": cell.column.id,
+                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+              },
+              cell.id
+            );
           });
-          const columnIndex = columnOrder.indexOf(cell.column.getIndex());
-          return /* @__PURE__ */ jsx(
-            DataTableBodyCell,
-            {
-              cell,
-              cellPosition: { rowIndex, columnIndex },
-              "aria-colindex": columnIndex + 1,
-              className: cellClasses,
-              "data-anv-column-id": cell.column.id,
-              children: flexRender(cell.column.columnDef.cell, cell.getContext())
-            },
-            cell.id
-          );
-        })
+        })()
       }
     ),
     isExpanded && "subComponent" in original && /* @__PURE__ */ jsx(
@@ -5535,7 +5643,9 @@ function DataTableBodyRowInner({
       {
         id: `${id}-sub-component`,
         "aria-hidden": !isExpanded,
-        className: styles$8["data-table-body-sub-component-row"],
+        className: cx(styles$8["data-table-body-sub-component-row"], {
+          [styles$8["data-table-body-sub-component-row-active"]]: isActive
+        }),
         onFocus: () => {
           focusSubComponent();
         },
@@ -5552,7 +5662,7 @@ function areRowPropsEqual(prev, next) {
   if (!getRowVersion) {
     return false;
   }
-  return prev.row.id === next.row.id && getRowVersion(prev.row.original) === getRowVersion(next.row.original) && prev.rowIndex === next.rowIndex && prev.isExpanded === next.isExpanded && prev.canExpand === next.canExpand && prev.depth === next.depth && prev.parentRowCanExpand === next.parentRowCanExpand && prev.tableHasSubRows === next.tableHasSubRows && prev.columnOrder === next.columnOrder && prev.isSelected === next.isSelected && prev.isSomeSelected === next.isSomeSelected;
+  return prev.row.id === next.row.id && getRowVersion(prev.row.original) === getRowVersion(next.row.original) && prev.rowIndex === next.rowIndex && prev.isExpanded === next.isExpanded && prev.canExpand === next.canExpand && prev.depth === next.depth && prev.parentRowCanExpand === next.parentRowCanExpand && prev.tableHasSubRows === next.tableHasSubRows && prev.columnOrder === next.columnOrder && prev.isSelected === next.isSelected && prev.isSomeSelected === next.isSomeSelected && prev.isActivatable === next.isActivatable && prev.isActive === next.isActive && prev.isTopMostActive === next.isTopMostActive && prev.isReadOnly === next.isReadOnly && prev.onToggleActive === next.onToggleActive;
 }
 const DataTableBodyRow = memo$1(
   DataTableBodyRowInner,
@@ -5586,10 +5696,31 @@ const useColumnOrder = ({ table }) => {
   };
 };
 
+function getIsRowActivatable(row, isActivatable) {
+  if (!isActivatable) return false;
+  if (typeof isActivatable === "function") {
+    return isActivatable(row.original);
+  }
+  return true;
+}
+function getIsRowTopMostActive(row, activeRowMap) {
+  if (!activeRowMap[row.id]) return false;
+  if (!row.getCanExpand()) return false;
+  let ancestor = row.getParentRow();
+  while (ancestor) {
+    if (activeRowMap[ancestor.id]) return false;
+    ancestor = ancestor.getParentRow();
+  }
+  return true;
+}
 function NonVirtualizedContent({
   table,
   hasSubRows,
-  getRowVersion
+  getRowVersion,
+  isActivatable,
+  activeRowMap,
+  readOnlyRowMap,
+  onToggleActive
 }) {
   const { columnOrder } = useColumnOrder({ table });
   const headerCount = table.getHeaderGroups().length;
@@ -5606,6 +5737,11 @@ function NonVirtualizedContent({
       parentRowCanExpand: row.getParentRow()?.getCanExpand() ?? false,
       isSelected: row.getIsSelected(),
       isSomeSelected: row.getIsSomeSelected(),
+      isActivatable: getIsRowActivatable(row, isActivatable),
+      isActive: !!activeRowMap[row.id],
+      isTopMostActive: getIsRowTopMostActive(row, activeRowMap),
+      isReadOnly: !!readOnlyRowMap[row.id],
+      onToggleActive,
       getRowVersion
     },
     row.id
@@ -5615,7 +5751,11 @@ function VirtualizedContent({
   table,
   hasSubRows,
   virtualizer,
-  getRowVersion
+  getRowVersion,
+  isActivatable,
+  activeRowMap,
+  readOnlyRowMap,
+  onToggleActive
 }) {
   const { columnOrder } = useColumnOrder({ table });
   const headerCount = table.getHeaderGroups().length;
@@ -5656,6 +5796,11 @@ function VirtualizedContent({
                 parentRowCanExpand: row.getParentRow()?.getCanExpand() ?? false,
                 isSelected: row.getIsSelected(),
                 isSomeSelected: row.getIsSomeSelected(),
+                isActivatable: getIsRowActivatable(row, isActivatable),
+                isActive: !!activeRowMap[row.id],
+                isTopMostActive: getIsRowTopMostActive(row, activeRowMap),
+                isReadOnly: !!readOnlyRowMap[row.id],
+                onToggleActive,
                 getRowVersion
               }
             )
@@ -5667,27 +5812,45 @@ function VirtualizedContent({
   );
 }
 function DataTableBody(props) {
-  const { table, hasSubRows, virtualizer, getRowVersion, ...rest } = props;
+  const {
+    table,
+    hasSubRows,
+    virtualizer,
+    getRowVersion,
+    isActivatable,
+    activeRowMap,
+    readOnlyRowMap,
+    onToggleActive,
+    ...rest
+  } = props;
   return /* @__PURE__ */ jsx(TableBody, { type: "data-table", ...rest, children: virtualizer ? /* @__PURE__ */ jsx(
     VirtualizedContent,
     {
       table,
       hasSubRows,
       virtualizer,
-      getRowVersion
+      getRowVersion,
+      isActivatable,
+      activeRowMap,
+      readOnlyRowMap,
+      onToggleActive
     }
   ) : /* @__PURE__ */ jsx(
     NonVirtualizedContent,
     {
       table,
       hasSubRows,
-      getRowVersion
+      getRowVersion,
+      isActivatable,
+      activeRowMap,
+      readOnlyRowMap,
+      onToggleActive
     }
   ) });
 }
 
 const styles$7 = {
-	"table-footer": "_table-footer_9bv2z_2"};
+	"table-footer": "_table-footer_k57n3_2"};
 
 function TableFooter({ type, children, ...rest }) {
   const classes = cx(styles$7["table-footer"], rest.className);
@@ -6602,8 +6765,8 @@ function DataTableHeader({
 }
 
 const styles$2 = {
-	"table-container": "_table-container_vqc6w_2",
-	"table-scroll-container": "_table-scroll-container_vqc6w_57"
+	"table-container": "_table-container_idn5c_2",
+	"table-scroll-container": "_table-scroll-container_idn5c_57"
 };
 
 const TableContainer = forwardRef(
@@ -6637,7 +6800,7 @@ const TableContainer = forwardRef(
 );
 TableContainer.displayName = "TableContainer";
 
-const pagination = "_pagination_d700v_2";
+const pagination = "_pagination_p29ed_2";
 const styles$1 = {
 	pagination: pagination
 };
@@ -6770,6 +6933,8 @@ function scrollCellIntoView(element, stickyDimensions) {
     leftWidth: stickyDimensions.leftWidth,
     rightWidth: stickyDimensions.rightWidth
   };
+  const cellStyle = window.getComputedStyle(element);
+  const isHorizontallySticky = cellStyle.position === "sticky" && (cellStyle.left !== "auto" || cellStyle.right !== "auto");
   const elementRect = element.getBoundingClientRect();
   const scrollContainerRect = scrollContainer.getBoundingClientRect();
   const contentWidth = scrollContainer.clientWidth;
@@ -6781,6 +6946,7 @@ function scrollCellIntoView(element, stickyDimensions) {
   const isFullyVisible = elementRect.x >= visibleLeft && elementRect.x + elementRect.width <= visibleRight && (isBodyCell ? elementRect.y >= visibleTop && elementRect.y + elementRect.height <= visibleBottom : true);
   if (isFullyVisible) return;
   const getScrollByLeft = () => {
+    if (isHorizontallySticky) return 0;
     if (elementRect.x < visibleLeft) {
       return elementRect.x - visibleLeft;
     }
@@ -7038,14 +7204,15 @@ function DTFocusProvider({
   return /* @__PURE__ */ jsx(DTFocusStateContext.Provider, { value: state, children: /* @__PURE__ */ jsx(DTFocusDispatchContext.Provider, { value: dispatch, children }) });
 }
 
-const VIRTUALIZATION_THRESHOLD = 101;
+const VIRTUALIZATION_THRESHOLD = 50;
 const DEFAULT_ESTIMATED_ROW_HEIGHT = 35;
 function useDataTableVirtualizer({
   rowCount,
   scrollRef,
-  disabled
+  disabled,
+  forced
 }) {
-  const shouldVirtualize = !disabled && rowCount >= VIRTUALIZATION_THRESHOLD;
+  const shouldVirtualize = !disabled && (forced || rowCount >= VIRTUALIZATION_THRESHOLD);
   const virtualizer = useVirtualizer({
     count: shouldVirtualize ? rowCount : 0,
     // `scrollRef` points at the outer TableContainer div, which does not
@@ -7077,14 +7244,19 @@ function DataTableInner(props, ref) {
     data: dataProp,
     columns: columnsProp,
     customFooter,
+    defaultActiveRowIds,
     defaultExpandedRowIds,
     defaultSelectedRowIds,
     defaultSortedColumn,
     disableExpandAll,
     disableSelectAll,
     expandedRowIds,
+    activeRowIds,
+    isActivatable,
     isSelectable,
+    onActivateRow,
     onSelectRow,
+    readOnlyRowIds,
     onSort,
     onExpandRow,
     pagination,
@@ -7093,6 +7265,7 @@ function DataTableInner(props, ref) {
     emptyState,
     emptyCellContent,
     disableVirtualization,
+    forceVirtualization,
     getRowVersion,
     className,
     style,
@@ -7103,6 +7276,7 @@ function DataTableInner(props, ref) {
     ...layoutStyles
   };
   const tableRef = useRef(null);
+  const lastBodyHeightRef = useRef(null);
   const [rowSelection, setRowSelection] = useOptionallyControlledState({
     controlledValue: isSelectable && selectedRowIds ? Object.fromEntries(selectedRowIds.map((id) => [id, true])) : void 0,
     defaultValue: isSelectable ? defaultSelectedRowIds ? Object.fromEntries(defaultSelectedRowIds.map((id) => [id, true])) : {} : {},
@@ -7110,6 +7284,41 @@ function DataTableInner(props, ref) {
       onSelectRow?.(Object.keys(newRowSelection));
     }
   });
+  const [rowActivation, setRowActivation] = useOptionallyControlledState({
+    controlledValue: isActivatable && activeRowIds ? Object.fromEntries(activeRowIds.map((id) => [id, true])) : void 0,
+    defaultValue: isActivatable ? defaultActiveRowIds ? Object.fromEntries(defaultActiveRowIds.map((id) => [id, true])) : {} : {},
+    onChange: (newRowActivation) => {
+      onActivateRow?.(Object.keys(newRowActivation));
+    }
+  });
+  const activeRowMap = rowActivation ?? {};
+  const readOnlyRowMap = useMemo(
+    () => readOnlyRowIds ? Object.fromEntries(readOnlyRowIds.map((id) => [String(id), true])) : {},
+    [readOnlyRowIds]
+  );
+  const setRowActivationRef = useRef(setRowActivation);
+  setRowActivationRef.current = setRowActivation;
+  const toggleRowActivation = useCallback(
+    (rowId, descendantIds = []) => {
+      setRowActivationRef.current((prev) => {
+        const prevMap = prev ?? {};
+        const rowKey = String(rowId);
+        const descendantKeys = descendantIds.map(String);
+        const next = { ...prevMap };
+        if (prevMap[rowKey]) {
+          delete next[rowKey];
+          descendantKeys.forEach((key) => delete next[key]);
+        } else {
+          next[rowKey] = true;
+          descendantKeys.forEach((key) => {
+            next[key] = true;
+          });
+        }
+        return next;
+      });
+    },
+    []
+  );
   const [sorting, setSorting] = useOptionallyControlledState({
     controlledValue: sortedColumn ? [sortedColumn] : void 0,
     defaultValue: defaultSortedColumn ? [defaultSortedColumn] : void 0,
@@ -7203,6 +7412,15 @@ function DataTableInner(props, ref) {
     }
   });
   const tableData = isLoading ? EMPTY_DATA : resolvedData;
+  useLayoutEffect(() => {
+    if (isLoading) return;
+    const body = tableRef.current?.querySelector(
+      '[data-anv="table-body"]'
+    );
+    if (body && body.offsetHeight > 0) {
+      lastBodyHeightRef.current = body.offsetHeight;
+    }
+  }, [isLoading]);
   const hasRowStatus = useMemo(() => {
     return tableData?.some((row) => {
       const meta = row.meta;
@@ -7299,20 +7517,8 @@ function DataTableInner(props, ref) {
                 "data-cell-action": "expand"
               }
             );
-          } else if (row.getParentRow()?.getCanExpand() && isSelectable) {
-            return /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                tabIndex: -1,
-                "aria-label": row.getIsSelected() ? "Deselect row" : "Select row",
-                checked: row.getIsSelected(),
-                disabled: !row.getCanSelect(),
-                indeterminate: row.getIsSomeSelected(),
-                onChange: row.getToggleSelectedHandler(),
-                "data-cell-action": "select"
-              }
-            );
           }
+          return null;
         }
       });
     }
@@ -7337,23 +7543,18 @@ function DataTableInner(props, ref) {
             }
           ) });
         },
-        cell: ({ row }) => {
-          if (row.getParentRow()?.getCanExpand() && isSelectable) {
-            return null;
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            tabIndex: -1,
+            "aria-label": row.getIsSelected() ? "Deselect row" : "Select row",
+            checked: row.getIsSelected(),
+            disabled: !row.getCanSelect(),
+            indeterminate: row.getIsSomeSelected(),
+            onChange: row.getToggleSelectedHandler(),
+            "data-cell-action": "select"
           }
-          return /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              tabIndex: -1,
-              "aria-label": row.getIsSelected() ? "Deselect row" : "Select row",
-              checked: row.getIsSelected(),
-              disabled: !row.getCanSelect(),
-              indeterminate: row.getIsSomeSelected(),
-              onChange: row.getToggleSelectedHandler(),
-              "data-cell-action": "select"
-            }
-          );
-        }
+        )
       });
     }
     return tableColumns;
@@ -7398,7 +7599,11 @@ function DataTableInner(props, ref) {
     manualSorting: isAsyncPaginated,
     autoResetPageIndex: false,
     columnResizeMode: "onChange",
-    enableRowSelection: typeof isSelectable === "function" ? (row) => isSelectable(row.original) : isSelectable,
+    enableRowSelection: !isSelectable ? false : (row) => {
+      const original = row.original;
+      if (readOnlyRowMap[String(original.id)]) return false;
+      return typeof isSelectable === "function" ? isSelectable(original) : true;
+    },
     onRowSelectionChange: (newRowSelection) => {
       setRowSelection(newRowSelection);
     },
@@ -7419,7 +7624,8 @@ function DataTableInner(props, ref) {
   const rowVirtualizer = useDataTableVirtualizer({
     rowCount: table.getRowModel().rows.length,
     scrollRef: tableRef,
-    disabled: disableVirtualization
+    disabled: disableVirtualization,
+    forced: forceVirtualization
   });
   const headers = table.getFlatHeaders();
   const headerRowCount = table.getHeaderGroups().length;
@@ -7529,7 +7735,11 @@ function DataTableInner(props, ref) {
                       table,
                       hasSubRows,
                       virtualizer: rowVirtualizer,
-                      getRowVersion
+                      getRowVersion,
+                      isActivatable,
+                      activeRowMap,
+                      readOnlyRowMap,
+                      onToggleActive: toggleRowActivation
                     }
                   ),
                   isEmpty && emptyState && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7554,7 +7764,7 @@ function DataTableInner(props, ref) {
                       "div",
                       {
                         style: {
-                          height: rowsPerPage ? `${rowsPerPage * 35}px` : "200px"
+                          height: `${lastBodyHeightRef.current ?? (rowsPerPage ? rowsPerPage * 35 : 200)}px`
                         },
                         role: "presentation",
                         "aria-hidden": "true",
@@ -7615,4 +7825,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-bMoIuYBK.js.map
+//# sourceMappingURL=DataTable-BPonNWnU.js.map