@infinite-table/infinite-react 4.3.8 → 4.4.0

package/index.dev.mjs

@@ -1220,7 +1220,8 @@ var VirtualScrollContainer = React7.forwardRef(
       onContainerScroll,
       className,
       tabIndex,
-      style: style2
+      style: style2,
+      autoFocus
     } = props;
     const domRef = ref != null ? ref : useRef3(null);
     useOnScroll(domRef, onContainerScroll);
@@ -1229,6 +1230,7 @@ var VirtualScrollContainer = React7.forwardRef(
       {
         ref: domRef,
         style: style2,
+        autoFocus,
         tabIndex,
         className: join(
           className,
@@ -1402,7 +1404,7 @@ var internalProps = {
 };
 
 // src/components/InfiniteTable/vars.css.ts
-var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidth: "var(--infinite-runtime-total-visible-columns-width)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidth: "var(--infinite-runtime-total-visible-columns-width)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 var columnHeaderHeightName = "column-header-height";
 
 // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -4124,7 +4126,7 @@ var ActiveCellIndicatorCls = { visible: "ActiveCellIndicator_ActiveCellIndicator
 var ActiveIndicatorWrapperCls = "ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 utilities_pointerEvents_none__16lm1iwl utilities_position_sticky__16lm1iw4 utilities_left_0__16lm1iw1e utilities_top_0__16lm1iw1c utilities_height_0__16lm1iw18 utilities_zIndex_1000000__16lm1iwu";
 
 // src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
-var ActiveRowIndicatorCls = { visible: "ActiveRowIndicator_ActiveRowIndicatorCls_visible__j26lrx1 ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_width_100%__16lm1iw1b utilities_top_0__16lm1iw1c utilities_left_0__16lm1iw1e", hidden: "ActiveRowIndicator_ActiveRowIndicatorCls_hidden__j26lrx2 ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_width_100%__16lm1iw1b utilities_top_0__16lm1iw1c utilities_left_0__16lm1iw1e" };
+var ActiveRowIndicatorCls = { visible: "ActiveRowIndicator_ActiveRowIndicatorCls_visible__j26lrx1 ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1c utilities_left_0__16lm1iw1e", hidden: "ActiveRowIndicator_ActiveRowIndicatorCls_hidden__j26lrx2 ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1c utilities_left_0__16lm1iw1e" };
 
 // src/components/InfiniteTable/components/ActiveRowIndicator.tsx
 var { rootClassName: rootClassName3 } = internalProps;
@@ -4132,7 +4134,8 @@ var baseCls = `${rootClassName3}-ActiveRowIndicator`;
 var ActiveStyle = {
   [stripVar(InternalVars.activeCellOffsetY)]: InternalVars.activeCellRowOffset,
   transform: `translate3d(0px, calc( ${InternalVars.activeCellOffsetY} + var(${stripVar(InternalVars.scrollTopForActiveRow)}, 0px)), 0px)`,
-  height: InternalVars.activeCellRowHeight
+  height: InternalVars.activeCellRowHeight,
+  maxWidth: ThemeVars.runtime.totalVisibleColumnsWidth
 };
 var ActiveRowIndicatorFn = (props) => {
   const { brain } = props;
@@ -4300,6 +4303,7 @@ function HeadlessTable(props) {
     "activeCellIndex",
     "onRenderUpdater"
   ]);
+  const { autoFocus } = domProps;
   const domRef = useRef7(null);
   const [scrollSize, setTotalScrollSize] = useState3({
     width: 0,
@@ -4316,6 +4320,9 @@ function HeadlessTable(props) {
     if (!node) {
       return;
     }
+    if (autoFocus && document.activeElement !== node) {
+      node.focus();
+    }
     const onResize = () => {
       const size = {
         height: node.clientHeight,
@@ -5086,22 +5093,22 @@ var createRuntimeFn = (config) => {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
 var CellCls = "cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw22 utilities_whiteSpace_nowrap__16lm1iw23 utilities_userSelect_none__16lm1iw17";
-var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob120 utilities_height_100%__16lm1iw19 utilities_width_100%__16lm1iw1b utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_justifyContent_start__16lm1iw1v", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob121", true: "header_HeaderCellContentRecipe_filtered_true__12zfob122" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob123", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob124", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob125" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob126", end: "header_HeaderCellContentRecipe_align_end__12zfob127", center: "header_HeaderCellContentRecipe_align_center__12zfob128" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob122 utilities_height_100%__16lm1iw19 utilities_width_100%__16lm1iw1b utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_justifyContent_start__16lm1iw1v", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob123", true: "header_HeaderCellContentRecipe_filtered_true__12zfob124" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob125", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob126", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob127" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob128", end: "header_HeaderCellContentRecipe_align_end__12zfob129", center: "header_HeaderCellContentRecipe_align_center__12zfob12a" } }, defaultVariants: {}, compoundVariants: [] });
 var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
-var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o utilities_display_block__16lm1iw12", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1p", true: "header_HeaderCellRecipe_rowActive_true__12zfob1q" }, cellSelected: { false: "header_HeaderCellRecipe_cellSelected_false__12zfob1r", true: "header_HeaderCellRecipe_cellSelected_true__12zfob1s" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1t", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1u", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1v" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1w", true: "header_HeaderCellRecipe_firstRow_true__12zfob1x" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1y", true: "header_HeaderCellRecipe_groupRow_true__12zfob1z" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob110", true: "header_HeaderCellRecipe_groupCell_true__12zfob111" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob112", end: "header_HeaderCellRecipe_align_end__12zfob113", center: "header_HeaderCellRecipe_align_center__12zfob114" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob115", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob116", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob117" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob118", even: "header_HeaderCellRecipe_zebra_even__12zfob119", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11a" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11b", false: "header_HeaderCellRecipe_dragging_false__12zfob11c" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11d", false: "header_HeaderCellRecipe_first_false__12zfob11e" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11f", false: "header_HeaderCellRecipe_last_false__12zfob11g" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11h", false: "header_HeaderCellRecipe_groupByField_false__12zfob11i" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11j", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11k" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11l", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11m" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11n", end: "header_HeaderCellRecipe_pinned_end__12zfob11o", false: "header_HeaderCellRecipe_pinned_false__12zfob11p" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11q", false: "header_HeaderCellRecipe_filtered_false__12zfob11r" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11s"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11t"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11u"]] });
+var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o utilities_display_block__16lm1iw12", variantClassNames: { rowActive: { false: "header_HeaderCellRecipe_rowActive_false__12zfob1p", true: "header_HeaderCellRecipe_rowActive_true__12zfob1q" }, cellSelected: { false: "header_HeaderCellRecipe_cellSelected_false__12zfob1r", true: "header_HeaderCellRecipe_cellSelected_true__12zfob1s" }, rowSelected: { false: "header_HeaderCellRecipe_rowSelected_false__12zfob1t", true: "header_HeaderCellRecipe_rowSelected_true__12zfob1u", null: "header_HeaderCellRecipe_rowSelected_null__12zfob1v" }, rowDisabled: { false: "header_HeaderCellRecipe_rowDisabled_false__12zfob1w", true: "header_HeaderCellRecipe_rowDisabled_true__12zfob1x" }, firstRow: { false: "header_HeaderCellRecipe_firstRow_false__12zfob1y", true: "header_HeaderCellRecipe_firstRow_true__12zfob1z" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob110", true: "header_HeaderCellRecipe_groupRow_true__12zfob111" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob112", true: "header_HeaderCellRecipe_groupCell_true__12zfob113" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob114", end: "header_HeaderCellRecipe_align_end__12zfob115", center: "header_HeaderCellRecipe_align_center__12zfob116" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob117", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob118", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob119" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob11a", even: "header_HeaderCellRecipe_zebra_even__12zfob11b", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11c" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11d", false: "header_HeaderCellRecipe_dragging_false__12zfob11e" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11f", false: "header_HeaderCellRecipe_first_false__12zfob11g" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11h", false: "header_HeaderCellRecipe_last_false__12zfob11i" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11j", false: "header_HeaderCellRecipe_groupByField_false__12zfob11k" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11l", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11m" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11n", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11o" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11p", end: "header_HeaderCellRecipe_pinned_end__12zfob11q", false: "header_HeaderCellRecipe_pinned_false__12zfob11r" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11s", false: "header_HeaderCellRecipe_filtered_false__12zfob11t" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11u"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11v"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11w"]] });
 var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "header_HeaderClsRecipe__12zfob19 utilities_display_block__16lm1iw12 utilities_position_absolute__16lm1iw2", variantClassNames: { pinned: { start: "header_HeaderClsRecipe_pinned_start__12zfob1a", end: "header_HeaderClsRecipe_pinned_end__12zfob1b", false: "header_HeaderClsRecipe_pinned_false__12zfob1c" }, firstInCategory: { true: "header_HeaderClsRecipe_firstInCategory_true__12zfob1d", false: "header_HeaderClsRecipe_firstInCategory_false__12zfob1e" }, lastInCategory: { true: "header_HeaderClsRecipe_lastInCategory_true__12zfob1f", false: "header_HeaderClsRecipe_lastInCategory_false__12zfob1g" }, overflow: { true: "header_HeaderClsRecipe_overflow_true__12zfob1h", false: "header_HeaderClsRecipe_overflow_false__12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "header_HeaderClsRecipe_compound_0__12zfob1j"], [{ pinned: "start", firstInCategory: true }, "header_HeaderClsRecipe_compound_1__12zfob1k"], [{ overflow: true, pinned: "end" }, "header_HeaderClsRecipe_compound_2__12zfob1l"], [{ pinned: "end", lastInCategory: true }, "header_HeaderClsRecipe_compound_3__12zfob1m"]] });
-var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12i utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
+var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12k utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
 var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
-var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
-var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12f utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1c", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12g", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12b utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_stretch__16lm1iw1r utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12c", false: "header_HeaderFilterRecipe_active_false__12zfob12d" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderGroupCls = "header_HeaderGroupCls__12zfob12a utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
-var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11v utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1m utilities_justifyContent_spaceAround__16lm1iw1u utilities_visibility_hidden__16lm1iw21", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11w" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11x", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11y" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11z"]] });
+var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12g utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
+var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12h utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1c", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12i", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12j" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12d utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_stretch__16lm1iw1r utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12e", false: "header_HeaderFilterRecipe_active_false__12zfob12f" } }, defaultVariants: {}, compoundVariants: [] });
+var HeaderGroupCls = "header_HeaderGroupCls__12zfob12c utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
+var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1m utilities_justifyContent_spaceAround__16lm1iw1u utilities_visibility_hidden__16lm1iw21", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob11y" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11z", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob121"]] });
 var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
 var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
 var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
 var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "header__12zfob12", variantClassNames: { align: { start: "header_HeaderSortIconRecipe_align_start__12zfob13", center: "header_HeaderSortIconRecipe_align_center__12zfob14", end: "header_HeaderSortIconRecipe_align_end__12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
-var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob129 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
+var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob12b utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
 
 // src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
 var InfiniteTableIconClassName = "InfiniteTableIcon";
@@ -6547,6 +6554,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
     rowActive: extraFlags.rowActive,
     dragging: extraFlags.dragging,
     firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
+    rowDisabled: extraFlags.rowDisabled,
     groupRow: extraFlags.groupRow,
     groupCell: extraFlags.groupCell,
     verticalAlign: extraFlags.verticalAlign,
@@ -6579,6 +6587,9 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
   if (extraFlags.firstRow) {
     result.push(...baseClasses.map((c) => `${c}--first-row`));
   }
+  if (extraFlags.rowDisabled) {
+    result.push(...baseClasses.map((c) => `${c}--disabled`));
+  }
   if (extraFlags.groupRow) {
     result.push(...baseClasses.map((c) => `${c}--group-row`));
     result.push(
@@ -6633,6 +6644,10 @@ var publicRuntimeVars = {
   visibleColumnsCount: {
     name: stripVar(ThemeVars.runtime.visibleColumnsCount),
     value: ""
+  },
+  browserScrollbarWidth: {
+    name: stripVar(ThemeVars.runtime.browserScrollbarWidth),
+    value: ""
   }
 };
 var scrollbarWidthHorizontal = stripVar(
@@ -6716,6 +6731,9 @@ function useDOMProps(initialDOMProps) {
     },
     {}
   );
+  if (bodySize.width) {
+    cssVars[publicRuntimeVars.browserScrollbarWidth.name] = `${getScrollbarWidth()}px`;
+  }
   cssVars[publicRuntimeVars.bodyWidth.name] = `calc(${InternalVars.bodyWidth} - ${InternalVars.scrollbarWidthVertical})`;
   cssVars[publicRuntimeVars.totalVisibleColumnsWidth.name] = `${computedPinnedStartColumnsWidth + computedPinnedEndColumnsWidth + computedUnpinnedColumnsWidth}px`;
   cssVars[publicRuntimeVars.visibleColumnsCount.name] = computedVisibleColumns.length;
@@ -7609,9 +7627,8 @@ var LoadingIcon = (props) => {
 };
 
 // src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
-var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv0c", variantClassNames: { align: { start: "row_GroupRowExpanderCls_align_start__7pupv0d", center: "row_GroupRowExpanderCls_align_center__7pupv0e", end: "row_GroupRowExpanderCls_align_end__7pupv0f" } }, defaultVariants: {}, compoundVariants: [] });
-var RowClsRecipe = createRuntimeFn({ defaultClassName: "row__7pupv02 row_RowCls__7pupv00", variantClassNames: { zebra: { false: "row_RowClsRecipe_zebra_false__7pupv03", even: "row_RowClsRecipe_zebra_even__7pupv04", odd: "row_RowClsRecipe_zebra_odd__7pupv05" }, groupRow: { true: "row_RowClsRecipe_groupRow_true__7pupv06", false: "row_RowClsRecipe_groupRow_false__7pupv07" }, inlineGroupRow: { true: "row_RowClsRecipe_inlineGroupRow_true__7pupv08", false: "row_RowClsRecipe_inlineGroupRow_false__7pupv09" }, showHoverRows: { true: "row_RowClsRecipe_showHoverRows_true__7pupv0a", false: "row_RowClsRecipe_showHoverRows_false__7pupv0b" } }, defaultVariants: {}, compoundVariants: [] });
-var RowHoverCls = "row_RowHoverCls__7pupv01";
+var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv01", variantClassNames: { align: { start: "row_GroupRowExpanderCls_align_start__7pupv02", center: "row_GroupRowExpanderCls_align_center__7pupv03", end: "row_GroupRowExpanderCls_align_end__7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
+var RowHoverCls = "row_RowHoverCls__7pupv00";
 
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function styleForGroupColumn({
@@ -7782,7 +7799,7 @@ function objectValuesExcept(obj, exceptList) {
 
 // src/components/InfiniteTable/components/cell.css.ts
 var ColumnCellCls = "cell_ColumnCellCls__1eexc2a6 cell_CellCls__1eexc2a5 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_absolute__16lm1iw2 utilities_willChange_transform__16lm1iw22 utilities_whiteSpace_nowrap__16lm1iw23 utilities_userSelect_none__16lm1iw17";
-var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2ah", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ai", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aj" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ak", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2al" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2am", end: "cell_ColumnCellRecipe_align_end__1eexc2an", center: "cell_ColumnCellRecipe_align_center__1eexc2ao" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ap", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2aq", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ar" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2as", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2at" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2au", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2av" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2aw", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2ax" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2ay", even: "cell_ColumnCellRecipe_zebra_even__1eexc2az", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a10" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a11", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a12", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a13" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a14", false: "cell_ColumnCellRecipe_first_false__1eexc2a15" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a16", false: "cell_ColumnCellRecipe_last_false__1eexc2a17" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a18", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a19" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1a", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1b" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1c", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1d" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1e", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1f" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1g", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1h", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1i" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1j", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1k" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a1l"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1m"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1n"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1o"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1p"]] });
+var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2ah", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ai", true: "cell_ColumnCellRecipe_dragging_true__1eexc2aj" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2ak", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2al" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2am", end: "cell_ColumnCellRecipe_align_end__1eexc2an", center: "cell_ColumnCellRecipe_align_center__1eexc2ao" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2ap", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2aq", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2ar" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2as", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2at" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2au", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2av" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2aw", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2ax" }, rowDisabled: { false: "cell_ColumnCellRecipe_rowDisabled_false__1eexc2ay", true: "cell_ColumnCellRecipe_rowDisabled_true__1eexc2az" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2a10", even: "cell_ColumnCellRecipe_zebra_even__1eexc2a11", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a12" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a13", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a14", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a15" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a16", false: "cell_ColumnCellRecipe_first_false__1eexc2a17" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a18", false: "cell_ColumnCellRecipe_last_false__1eexc2a19" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a1a", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a1b" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1c", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1d" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1e", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1f" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1g", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1h" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1i", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1j", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1k" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1l", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1m" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a1n"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1o"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1p"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1q"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1r"], [{ rowDisabled: true, zebra: "odd" }, "cell_ColumnCellRecipe_compound_5__1eexc2a1s"]] });
 var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2a8", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2a9", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2aa" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ab", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ac" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2ad", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ae" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2af", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2ag" } }, defaultVariants: {}, compoundVariants: [] });
 var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
 
@@ -8386,6 +8403,7 @@ function InfiniteTableColumnCellFn(props) {
     api: imperativeApi,
     dataSourceApi
   };
+  const rowDisabled = rowInfo.rowDisabled;
   const visibleColumnsIds = computed.computedVisibleColumns.map((x) => x.id);
   const colRenderingParams = getColumnRenderingParams({
     column,
@@ -8427,14 +8445,16 @@ function InfiniteTableColumnCellFn(props) {
         event
       });
       if (keyboardNavigation === "row") {
-        componentActions.activeRowIndex = rowIndex;
+        if (!rowDisabled) {
+          componentActions.activeRowIndex = rowIndex;
+        }
         return;
       }
       if (keyboardNavigation === "cell") {
         componentActions.activeCellIndex = [rowIndex, colIndex];
       }
     },
-    [rowIndex, column.computedVisibleIndex, keyboardNavigation]
+    [rowIndex, rowDisabled, column.computedVisibleIndex, keyboardNavigation]
   );
   const { selectionMode, cellSelection } = dataSourceState;
   const cellSelected = renderParam.cellSelected;
@@ -8706,6 +8726,7 @@ function InfiniteTableColumnCellFn(props) {
           zebra,
           align: align2,
           verticalAlign,
+          rowDisabled,
           rowActive,
           cellSelected,
           rowSelected,
@@ -9584,6 +9605,7 @@ function InfiniteTableHeaderCell(props) {
             verticalAlign,
             rowSelected: false,
             cellSelected: false,
+            rowDisabled: false,
             zebra: false,
             rowActive: false,
             firstRow: true,
@@ -10817,6 +10839,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     //TODO improve this
     collapsed: false,
     dataSourceHasGrouping: true,
+    rowDisabled: false,
     isCellSelected: returnFalse,
     hasSelectedCells: returnFalse,
     selfLoaded,
@@ -10865,6 +10888,7 @@ function enhancedFlatten(param) {
     withRowInfo,
     toPrimaryKey,
     groupRowsState,
+    isRowDisabled,
     isRowSelected,
     rowSelectionState,
     generateGroupRows,
@@ -10913,6 +10937,9 @@ function enhancedFlatten(param) {
           enhancedGroupData.deselectedChildredCount = selectionCount.deselectedCount;
         }
       }
+      if (isRowDisabled) {
+        enhancedGroupData.rowDisabled = isRowDisabled(enhancedGroupData);
+      }
       const parent = parents[parents.length - 1];
       const parentCollapsed = (_b = parent == null ? void 0 : parent.collapsed) != null ? _b : false;
       if (parentCollapsed) {
@@ -10960,6 +10987,7 @@ function enhancedFlatten(param) {
                 isGroupRow: false,
                 selfLoaded: !!item,
                 rowSelected: false,
+                rowDisabled: false,
                 rootGroupBy: groupBy,
                 collapsed,
                 groupKeys,
@@ -10974,6 +11002,9 @@ function enhancedFlatten(param) {
               if (isRowSelected) {
                 rowInfo.rowSelected = isRowSelected(rowInfo);
               }
+              if (isRowDisabled) {
+                rowInfo.rowDisabled = isRowDisabled(rowInfo);
+              }
               if (withRowInfo) {
                 withRowInfo(rowInfo);
               }
@@ -13281,7 +13312,7 @@ var haveDepsChanged = (state1, state2, deps) => {
 function returnFalse2() {
   return false;
 }
-function toRowInfo(data, id, index, isRowSelected, cellSelectionState) {
+function toRowInfo(data, id, index, isRowSelected, isRowDisabled, cellSelectionState) {
   const rowInfo = {
     dataSourceHasGrouping: false,
     data,
@@ -13290,12 +13321,16 @@ function toRowInfo(data, id, index, isRowSelected, cellSelectionState) {
     isGroupRow: false,
     selfLoaded: true,
     rowSelected: false,
+    rowDisabled: false,
     isCellSelected: returnFalse2,
     hasSelectedCells: returnFalse2
   };
   if (isRowSelected) {
     rowInfo.rowSelected = isRowSelected(rowInfo);
   }
+  if (isRowDisabled) {
+    rowInfo.rowDisabled = isRowDisabled(rowInfo);
+  }
   if (cellSelectionState) {
     rowInfo.isCellSelected = (colId) => {
       return cellSelectionState.isCellSelected(rowInfo.id, colId);
@@ -13498,6 +13533,7 @@ function concludeReducer(params) {
       rowInfo.dataSourceHasGrouping ? rowInfo.groupKeys : void 0
     );
   } : void 0;
+  const isRowDisabled = state.isRowDisabled || returnFalse2;
   if (state.isRowSelected && state.selectionMode === "multi-row") {
     isRowSelected = (rowInfo) => state.isRowSelected(
       rowInfo,
@@ -13617,6 +13653,7 @@ function concludeReducer(params) {
           data ? toPrimaryKey(data) : index,
           index,
           isRowSelected,
+          isRowDisabled,
           cellSelectionState
         );
         if (rowInfoReducerResults) {
@@ -14349,6 +14386,203 @@ var normalizeSortInfo = (initialSortInfo, weakMap3) => {
   return result;
 };
 
+// src/components/DataSource/BooleanCollectionState.ts
+var BooleanCollectionState = class {
+  constructor(state) {
+    const stateObject = state instanceof Object.getPrototypeOf(this).constructor ? (
+      //@ts-ignore
+      state.getState()
+    ) : state;
+    const positiveItems = this.getPositiveFromState(stateObject);
+    const negativeItems = this.getNegativeFromState(stateObject);
+    this.update({
+      negativeItems,
+      positiveItems
+    });
+  }
+  getInitialState() {
+    return this.initialState;
+  }
+  // protected getState(): BooleanCollectionStateObject<KeyType> {
+  //   return {
+  //     positiveItems: this.allPositive
+  //       ? true
+  //       : this.positiveMap?.topDownKeys() ?? [],
+  //     negativeItems: this.allNegative
+  //       ? true
+  //       : this.negativeMap?.topDownKeys() ?? [],
+  //   };
+  // }
+  destroy() {
+    var _a, _b;
+    (_a = this.positiveMap) == null ? void 0 : _a.clear();
+    (_b = this.negativeMap) == null ? void 0 : _b.clear();
+    delete this.positiveMap;
+    delete this.negativeMap;
+  }
+  update(state) {
+    const { positiveItems, negativeItems } = state;
+    this.allNegative = negativeItems === true;
+    this.allPositive = positiveItems === true;
+    if (this.allNegative && this.allPositive) {
+      throw `Cannot have both negativeItems and positiveItems be true!`;
+    }
+    if (negativeItems && negativeItems !== true) {
+      if (!this.negativeMap) {
+        this.negativeMap = /* @__PURE__ */ new Map();
+      }
+      this.negativeMap.clear();
+      for (let k of negativeItems) {
+        this.negativeMap.set(k, true);
+      }
+      if (this.positiveMap) {
+        this.positiveMap.clear();
+      }
+    }
+    if (positiveItems && positiveItems !== true) {
+      if (!this.positiveMap) {
+        this.positiveMap = /* @__PURE__ */ new Map();
+      }
+      this.positiveMap.clear();
+      for (let k of positiveItems) {
+        this.positiveMap.set(k, true);
+      }
+      if (this.negativeMap) {
+        this.negativeMap.clear();
+      }
+    }
+  }
+  isDefaultNegativeSelection() {
+    return this.allNegative;
+  }
+  isDefaultPositiveSelection() {
+    return this.allPositive;
+  }
+  areAllNegative() {
+    return this.allNegative && (this.positiveMap ? this.positiveMap.size === 0 : true);
+  }
+  areAllPositive() {
+    return this.allPositive && (this.negativeMap ? this.negativeMap.size === 0 : true);
+  }
+  makeAllNegative() {
+    this.update({
+      negativeItems: true,
+      positiveItems: []
+    });
+  }
+  makeAllPositive() {
+    this.update({
+      positiveItems: true,
+      negativeItems: []
+    });
+  }
+  isItemPositive(key) {
+    var _a, _b;
+    if (this.allPositive === true) {
+      if (this.allNegative === true) {
+        throw 'Cannot have both positiveItems and negativeItems be "true"';
+      }
+      return !((_a = this.negativeMap) == null ? void 0 : _a.has(key));
+    }
+    return !!((_b = this.positiveMap) == null ? void 0 : _b.has(key));
+  }
+  isItemNegative(key) {
+    return !this.isItemPositive(key);
+  }
+  setItemValue(key, shouldMakePositive) {
+    var _a;
+    if (shouldMakePositive === this.isItemPositive(key)) {
+      return;
+    }
+    if (shouldMakePositive) {
+      if (this.allNegative === true) {
+        if (!this.positiveMap) {
+          throw `No positiveMap found when trying to set item ${key} be positive`;
+        }
+        this.positiveMap.set(key, true);
+      } else if (this.allPositive === true) {
+        if (!this.negativeMap) {
+          throw `No negativeMap found when trying to set item ${key} be positive`;
+        }
+        this.negativeMap.delete(key);
+      }
+    } else {
+      if (this.allPositive === true) {
+        if (!this.negativeMap) {
+          throw `No negativeMap found when trying to set item ${key} be negative`;
+        }
+        this.negativeMap.set(key, true);
+      } else if (this.allNegative === true) {
+        if (!this.positiveMap) {
+          throw `No positiveMap found when trying to set item ${key} be negative`;
+        }
+        (_a = this.positiveMap) == null ? void 0 : _a.delete(key);
+      }
+    }
+  }
+  makeItemNegative(key) {
+    this.setItemValue(key, false);
+  }
+  makeItemPositive(key) {
+    this.setItemValue(key, true);
+  }
+  toggleItem(key) {
+    this.setItemValue(key, !this.isItemPositive(key));
+  }
+};
+
+// src/components/DataSource/RowDisabledState.ts
+var RowDisabledState = class extends BooleanCollectionState {
+  constructor(state) {
+    super(state);
+    this.isRowEnabled = (key) => {
+      return !!this.isItemPositive(key);
+    };
+  }
+  getState() {
+    var _a, _b, _c, _d;
+    const enabledRows = this.allPositive ? true : [...(_b = (_a = this.positiveMap) == null ? void 0 : _a.keys()) != null ? _b : []];
+    const disabledRows = this.allNegative ? true : [...(_d = (_c = this.negativeMap) == null ? void 0 : _c.keys()) != null ? _d : []];
+    return {
+      enabledRows,
+      disabledRows
+    };
+  }
+  getPositiveFromState(state) {
+    return state.enabledRows;
+  }
+  getNegativeFromState(state) {
+    return state.disabledRows;
+  }
+  areAllDisabled() {
+    return this.areAllNegative();
+  }
+  areAllEnabled() {
+    return this.areAllPositive();
+  }
+  disableAll() {
+    this.makeAllNegative();
+  }
+  enableAll() {
+    this.makeAllPositive();
+  }
+  isRowDisabled(key) {
+    return !this.isRowEnabled(key);
+  }
+  setRowEnabled(key, shouldExpand) {
+    return this.setItemValue(key, shouldExpand);
+  }
+  disableRow(key) {
+    this.setRowEnabled(key, false);
+  }
+  enableRow(key) {
+    this.setRowEnabled(key, true);
+  }
+  toggleRow(key) {
+    this.toggleItem(key);
+  }
+};
+
 // src/components/DataSource/state/getInitialState.ts
 var DataSourceLogger = dbg("DataSource");
 var defaultCursorId = Symbol("cursorId");
@@ -14389,7 +14623,8 @@ function initSetupState() {
     cursorId: defaultCursorId,
     showSeparatePivotColumnForSingleAggregation: false,
     propsCache: /* @__PURE__ */ new Map([
-      ["sortInfo", /* @__PURE__ */ new WeakMap()]
+      ["sortInfo", /* @__PURE__ */ new WeakMap()],
+      ["rowDisabledState", /* @__PURE__ */ new WeakMap()]
     ]),
     rowInfoReducerResults: void 0,
     pivotMappings: void 0,
@@ -14463,6 +14698,26 @@ var forwardProps3 = (setupState) => {
     },
     batchOperationDelay: 1,
     isRowSelected: 1,
+    isRowDisabled: 1,
+    rowDisabledState: (rowDisabledState) => {
+      var _a;
+      if (!rowDisabledState) {
+        return null;
+      }
+      if (rowDisabledState instanceof RowDisabledState) {
+        return rowDisabledState;
+      }
+      const wMap = (_a = setupState.propsCache.get("rowDisabledState")) != null ? _a : weakMap;
+      let cachedRowDisabledState = wMap.get(
+        rowDisabledState
+      );
+      if (!cachedRowDisabledState) {
+        cachedRowDisabledState = new RowDisabledState(rowDisabledState);
+        wMap.set(rowDisabledState, cachedRowDisabledState);
+      }
+      rowDisabledState = cachedRowDisabledState;
+      return rowDisabledState != null ? rowDisabledState : null;
+    },
     onDataArrayChange: 1,
     onDataMutations: 1,
     aggregationReducers: 1,
@@ -14600,6 +14855,19 @@ function deriveStateFromProps(params) {
   const sortMode = props.sortFunction ? "local" : propsSortMode != null ? propsSortMode : controlledSort ? "remote" : "local";
   const filterMode = typeof props.filterFunction === "function" ? "local" : propsFilterMode != null ? propsFilterMode : typeof props.data === "function" ? "remote" : "local";
   const pivotMode = shouldReloadData.pivotBy ? "remote" : "local";
+  const rowDisabledState = state.rowDisabledState;
+  let isRowDisabled = props.isRowDisabled;
+  if (!isRowDisabled && rowDisabledState) {
+    const cachedIsRowDisabled = weakMap.get(rowDisabledState);
+    if (cachedIsRowDisabled) {
+      isRowDisabled = cachedIsRowDisabled;
+    } else {
+      isRowDisabled = (rowInfo) => {
+        return rowDisabledState.isRowDisabled(rowInfo.id);
+      };
+      weakMap.set(rowDisabledState, isRowDisabled);
+    }
+  }
   const result = {
     selectionMode,
     groupRowsState,
@@ -14616,6 +14884,7 @@ function deriveStateFromProps(params) {
       groupBy: (_j = (_i = props.shouldReloadData) == null ? void 0 : _i.groupBy) != null ? _j : groupMode === "remote",
       pivotBy: (_l = (_k = props.shouldReloadData) == null ? void 0 : _k.pivotBy) != null ? _l : pivotMode === "remote"
     },
+    isRowDisabled,
     rowSelection: rowSelectionState,
     cellSelection: cellSelectionState,
     groupMode,
@@ -14915,151 +15184,6 @@ function useDataSourceInternal(props) {
   };
 }
 
-// src/components/DataSource/BooleanCollectionState.ts
-var BooleanCollectionState = class {
-  constructor(state) {
-    const stateObject = state instanceof Object.getPrototypeOf(this).constructor ? (
-      //@ts-ignore
-      state.getState()
-    ) : state;
-    const positiveItems = this.getPositiveFromState(stateObject);
-    const negativeItems = this.getNegativeFromState(stateObject);
-    this.update({
-      negativeItems,
-      positiveItems
-    });
-  }
-  getInitialState() {
-    return this.initialState;
-  }
-  // protected getState(): BooleanCollectionStateObject<KeyType> {
-  //   return {
-  //     positiveItems: this.allPositive
-  //       ? true
-  //       : this.positiveMap?.topDownKeys() ?? [],
-  //     negativeItems: this.allNegative
-  //       ? true
-  //       : this.negativeMap?.topDownKeys() ?? [],
-  //   };
-  // }
-  destroy() {
-    var _a, _b;
-    (_a = this.positiveMap) == null ? void 0 : _a.clear();
-    (_b = this.negativeMap) == null ? void 0 : _b.clear();
-    delete this.positiveMap;
-    delete this.negativeMap;
-  }
-  update(state) {
-    const { positiveItems, negativeItems } = state;
-    this.allNegative = negativeItems === true;
-    this.allPositive = positiveItems === true;
-    if (this.allNegative && this.allPositive) {
-      throw `Cannot have both negativeItems and positiveItems be true!`;
-    }
-    if (negativeItems && negativeItems !== true) {
-      if (!this.negativeMap) {
-        this.negativeMap = /* @__PURE__ */ new Map();
-      }
-      this.negativeMap.clear();
-      for (let k of negativeItems) {
-        this.negativeMap.set(k, true);
-      }
-      if (this.positiveMap) {
-        this.positiveMap.clear();
-      }
-    }
-    if (positiveItems && positiveItems !== true) {
-      if (!this.positiveMap) {
-        this.positiveMap = /* @__PURE__ */ new Map();
-      }
-      this.positiveMap.clear();
-      for (let k of positiveItems) {
-        this.positiveMap.set(k, true);
-      }
-      if (this.negativeMap) {
-        this.negativeMap.clear();
-      }
-    }
-  }
-  isDefaultNegativeSelection() {
-    return this.allNegative;
-  }
-  isDefaultPositiveSelection() {
-    return this.allPositive;
-  }
-  areAllNegative() {
-    return this.allNegative && (this.positiveMap ? this.positiveMap.size === 0 : true);
-  }
-  areAllPositive() {
-    return this.allPositive && (this.negativeMap ? this.negativeMap.size === 0 : true);
-  }
-  makeAllNegative() {
-    this.update({
-      negativeItems: true,
-      positiveItems: []
-    });
-  }
-  makeAllPositive() {
-    this.update({
-      positiveItems: true,
-      negativeItems: []
-    });
-  }
-  isItemPositive(key) {
-    var _a, _b;
-    if (this.allPositive === true) {
-      if (this.allNegative === true) {
-        throw 'Cannot have both positiveItems and negativeItems be "true"';
-      }
-      return !((_a = this.negativeMap) == null ? void 0 : _a.has(key));
-    }
-    return !!((_b = this.positiveMap) == null ? void 0 : _b.has(key));
-  }
-  isItemNegative(key) {
-    return !this.isItemPositive(key);
-  }
-  setItemValue(key, shouldMakePositive) {
-    var _a;
-    if (shouldMakePositive === this.isItemPositive(key)) {
-      return;
-    }
-    if (shouldMakePositive) {
-      if (this.allNegative === true) {
-        if (!this.positiveMap) {
-          throw `No positiveMap found when trying to set item ${key} be positive`;
-        }
-        this.positiveMap.set(key, true);
-      } else if (this.allPositive === true) {
-        if (!this.negativeMap) {
-          throw `No negativeMap found when trying to set item ${key} be positive`;
-        }
-        this.negativeMap.delete(key);
-      }
-    } else {
-      if (this.allPositive === true) {
-        if (!this.negativeMap) {
-          throw `No negativeMap found when trying to set item ${key} be negative`;
-        }
-        this.negativeMap.set(key, true);
-      } else if (this.allNegative === true) {
-        if (!this.positiveMap) {
-          throw `No positiveMap found when trying to set item ${key} be negative`;
-        }
-        (_a = this.positiveMap) == null ? void 0 : _a.delete(key);
-      }
-    }
-  }
-  makeItemNegative(key) {
-    this.setItemValue(key, false);
-  }
-  makeItemPositive(key) {
-    this.setItemValue(key, true);
-  }
-  toggleItem(key) {
-    this.setItemValue(key, !this.isItemPositive(key));
-  }
-};
-
 // src/components/DataSource/RowDetailState.ts
 var RowDetailState = class extends BooleanCollectionState {
   constructor(state) {
@@ -17219,6 +17343,7 @@ var MultiRowSelector = class {
   constructor(options) {
     this.multiSelectStartIndex = 0;
     this.getIdForIndex = options.getIdForIndex;
+    this.isRowDisabledAt = options.isRowDisabledAt;
   }
   set rowSelectionState(rowSelectionState) {
     this._rowSelectionState = rowSelectionState;
@@ -17231,6 +17356,9 @@ var MultiRowSelector = class {
     const rowSelectionState = this.rowSelectionState;
     for (let i = start; i <= end; i++) {
       const id = this.getIdForIndex(i);
+      if (this.isRowDisabledAt(i)) {
+        continue;
+      }
       rowSelectionState.selectRow(id);
     }
   }
@@ -17239,6 +17367,9 @@ var MultiRowSelector = class {
     const rowSelectionState = this.rowSelectionState;
     for (let i = start; i <= end; i++) {
       const id = this.getIdForIndex(i);
+      if (this.isRowDisabledAt(i)) {
+        continue;
+      }
       rowSelectionState.deselectRow(id);
     }
   }
@@ -18680,6 +18811,11 @@ function useComputed() {
   const computedPinnedEndOverflow = computedPinnedEndWidth ? computedPinnedEndColumnsWidth > computedPinnedEndWidth : false;
   const [multiRowSelector] = useState17(() => {
     const multiRowSelector2 = new MultiRowSelector({
+      isRowDisabledAt: (index) => {
+        var _a2;
+        const dataItem = getDataSourceState().dataArray[index];
+        return (_a2 = dataItem == null ? void 0 : dataItem.rowDisabled) != null ? _a2 : false;
+      },
       getIdForIndex: (index) => {
         var _a2;
         const dataItem = getDataSourceState().dataArray[index];
@@ -18916,7 +19052,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.8"
+      version: "4.4.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19073,6 +19209,10 @@ function updateRowSelectionOnCellClick(context, event) {
   if (groupBy.length) {
     return false;
   }
+  const rowInfo = dataArray[rowIndex];
+  if (rowInfo == null ? void 0 : rowInfo.rowDisabled) {
+    return false;
+  }
   if (selectionMode === "multi-row") {
     if (renderSelectionCheckBox && !event.key) {
       return false;
@@ -19120,6 +19260,23 @@ function clamp(value, min, max) {
 }
 
 // src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
+function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
+  const dataArray = getDataSourceState().dataArray;
+  const min = 0;
+  const max = dataArray.length - 1;
+  let i = activeRowIndex;
+  do {
+    i += direction;
+    const rowInfo = dataArray[i];
+    if (!rowInfo) {
+      return i < min ? min : max;
+    }
+    if (!rowInfo.rowDisabled) {
+      return i;
+    }
+  } while (i >= min && i <= max);
+  return clamp(i, min, max);
+}
 function handleRowNavigation(options, event) {
   const { getState, getDataSourceState, actions, api } = options;
   const { key } = event;
@@ -19141,10 +19298,18 @@ function handleRowNavigation(options, event) {
   const max = arrLength - 1;
   const KeyToFunction = {
     ArrowDown: () => {
-      activeRowIndex = clamp(activeRowIndex + 1, min, max);
+      activeRowIndex = getNextEnabledRowIndex(
+        getDataSourceState,
+        activeRowIndex,
+        1
+      );
     },
     ArrowUp: () => {
-      activeRowIndex = clamp(activeRowIndex - 1, min, max);
+      activeRowIndex = getNextEnabledRowIndex(
+        getDataSourceState,
+        activeRowIndex,
+        -1
+      );
     },
     ArrowLeft: () => {
       const rowInfo = dataArray[activeRowIndex];
@@ -22644,7 +22809,8 @@ function InfiniteTableBody() {
     bodySize,
     activeCellIndex,
     rowDetailRenderer,
-    showHoverRows
+    showHoverRows,
+    domProps
   } = componentState;
   const LoadMaskCmp = (_a = components2 == null ? void 0 : components2.LoadMask) != null ? _a : LoadMask;
   const computed = getComputed();
@@ -22697,11 +22863,13 @@ function InfiniteTableBody() {
     bodySize,
     computed
   });
+  const { autoFocus, tabIndex } = domProps != null ? domProps : {};
   return /* @__PURE__ */ React68.createElement(InfiniteTableBodyContainer, { onContextMenu }, /* @__PURE__ */ React68.createElement(
     HeadlessTable,
     {
       debugId,
-      tabIndex: 0,
+      tabIndex: tabIndex != null ? tabIndex : 0,
+      autoFocus: autoFocus != null ? autoFocus : void 0,
       activeRowIndex: componentState.ready && keyboardNavigation === "row" ? activeRowIndex : null,
       activeCellIndex: componentState.ready && keyboardNavigation === "cell" && // we want to hide the active cell indicator while column reodering is happening
       !componentState.columnReorderDragColumnId ? activeCellIndex : null,
@@ -22719,6 +22887,7 @@ function InfiniteTableBody() {
 }
 var InfiniteTableComponent = React68.memo(
   function InfiniteTableComponent2() {
+    var _a;
     const context = useInfiniteTable();
     const masterContext = useMasterDetailContext();
     const { state: componentState, api, children: initialChildren } = context;
@@ -22762,7 +22931,17 @@ var InfiniteTableComponent = React68.memo(
       return brain.onVerticalRenderRangeChange(onChange);
     }, [brain, scrollStopDelay]);
     const licenseValid = useLicense(licenseKey);
-    const domProps = useDOMProps(componentState.domProps);
+    const _b = (_a = componentState.domProps) != null ? _a : {}, {
+      autoFocus: _,
+      tabIndex: __
+    } = _b, initialDOMProps = __objRest(_b, [
+      // remove autoFocus and tabIndex from the domProps
+      // that will be spread on the root DOM element
+      // as they are meant for the scroller element
+      "autoFocus",
+      "tabIndex"
+    ]);
+    const domProps = useDOMProps(initialDOMProps);
     React68.useEffect(() => {
       brain.setScrollStopDelay(scrollStopDelay);
       dataSourceActions.scrollStopDelayUpdatedByTable = scrollStopDelay;