@infinite-table/infinite-react 6.1.1-canary.0 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.dev.js CHANGED
@@ -1245,7 +1245,7 @@ function SpacePlaceholderFn(props) {
1245
1245
  var SpacePlaceholder = React6.memo(SpacePlaceholderFn);
1246
1246
 
1247
1247
  // src/components/VirtualList/VirtualList.css.ts
1248
- var scrollTransformTargetCls = "VirtualList_scrollTransformTarget__mlx2t3";
1248
+ var scrollTransformTargetCls = "mlx2t3";
1249
1249
 
1250
1250
  // src/components/VirtualScrollContainer/index.tsx
1251
1251
  var React7 = __toESM(require("react"));
@@ -1274,11 +1274,11 @@ var useOnScroll = (domRef, onScroll) => {
1274
1274
  };
1275
1275
 
1276
1276
  // src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts
1277
- var ScrollableCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijco2", false: "VirtualScrollContainer_getOverflowFor_false__1ueijco3", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijco4", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijco5", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijco6" };
1278
- var ScrollableHorizontalCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijco7", false: "VirtualScrollContainer_getOverflowFor_false__1ueijco8", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijco9", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijcoa", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijcob" };
1279
- var ScrollableVerticalCls = { true: "VirtualScrollContainer_getOverflowFor_true__1ueijcoc", false: "VirtualScrollContainer_getOverflowFor_false__1ueijcod", visible: "VirtualScrollContainer_getOverflowFor_visible__1ueijcoe", auto: "VirtualScrollContainer_getOverflowFor_auto__1ueijcof", hidden: "VirtualScrollContainer_getOverflowFor_hidden__1ueijcog" };
1280
- var VirtualScrollContainerChildToScrollCls = "VirtualScrollContainer_VirtualScrollContainerChildToScrollCls__1ueijco1";
1281
- var VirtualScrollContainerCls = "VirtualScrollContainer_VirtualScrollContainerCls__1ueijco0 utilities_boxSizingBorderBox__16lm1iw0";
1277
+ var ScrollableCls = { true: "_1ueijco2", false: "_1ueijco3", visible: "_1ueijco4", auto: "_1ueijco5", hidden: "_1ueijco6" };
1278
+ var ScrollableHorizontalCls = { true: "_1ueijco7", false: "_1ueijco8", visible: "_1ueijco9", auto: "_1ueijcoa", hidden: "_1ueijcob" };
1279
+ var ScrollableVerticalCls = { true: "_1ueijcoc", false: "_1ueijcod", visible: "_1ueijcoe", auto: "_1ueijcof", hidden: "_1ueijcog" };
1280
+ var VirtualScrollContainerChildToScrollCls = "_1ueijco1";
1281
+ var VirtualScrollContainerCls = "_1ueijco0 _16lm1iw0";
1282
1282
 
1283
1283
  // src/components/VirtualScrollContainer/getScrollableClassName.ts
1284
1284
  var getScrollableClassName = (scrollable) => {
@@ -1453,7 +1453,7 @@ var internalProps = {
1453
1453
  };
1454
1454
 
1455
1455
  // src/components/InfiniteTable/internalVars.css.ts
1456
- var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", currentFlashingBackground: "var(--currentFlashingBackground__16hkbkc2)", currentFlashingDuration: "var(--currentFlashingDuration__16hkbkc3)", activeCellRowOffset: "var(--activeCellRowOffset__16hkbkc4)", activeCellRowOffsetX: "var(--activeCellRowOffsetX__16hkbkc5)", activeCellRowHeight: "var(--activeCellRowHeight__16hkbkc6)", activeCellOffsetX: "var(--activeCellOffsetX__16hkbkc7)", activeCellOffsetY: "var(--activeCellOffsetY__16hkbkc8)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--scrollLeftForActiveRowWhenHorizontalLayout__16hkbkca)", activeCellColWidth: "var(--activeCellColWidth__16hkbkcb)", activeCellColOffset: "var(--activeCellColOffset__16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__16hkbkcd)", columnWidthAtIndex: "var(--columnWidthAtIndex__16hkbkce)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__16hkbkcg)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__16hkbkch)", pinnedStartWidth: "var(--pinnedStartWidth__16hkbkci)", pinnedEndWidth: "var(--pinnedEndWidth__16hkbkcj)", pinnedEndOffset: "var(--pinnedEndOffset__16hkbkck)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__16hkbkcl)", baseZIndexForCells: "var(--baseZIndexForCells__16hkbkcm)", bodyWidth: "var(--bodyWidth__16hkbkcn)", bodyHeight: "var(--bodyHeight__16hkbkco)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__16hkbkcp)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__16hkbkcq)", scrollLeft: "var(--scrollLeft__16hkbkcr)", scrollTop: "var(--scrollTop__16hkbkcs)", virtualScrollLeftOffset: "var(--virtualScrollLeftOffset__16hkbkct)", virtualScrollTopOffset: "var(--virtualScrollTopOffset__16hkbkcu)" };
1456
+ var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16hkbkc1)", currentFlashingBackground: "var(--_16hkbkc2)", currentFlashingDuration: "var(--_16hkbkc3)", activeCellRowOffset: "var(--_16hkbkc4)", activeCellRowOffsetX: "var(--_16hkbkc5)", activeCellRowHeight: "var(--_16hkbkc6)", activeCellOffsetX: "var(--_16hkbkc7)", activeCellOffsetY: "var(--_16hkbkc8)", scrollTopForActiveRow: "var(--_16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--_16hkbkca)", activeCellColWidth: "var(--_16hkbkcb)", activeCellColOffset: "var(--_16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--_16hkbkcd)", columnWidthAtIndex: "var(--_16hkbkce)", columnOffsetAtIndex: "var(--_16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--_16hkbkcg)", columnZIndexAtIndex: "var(--_16hkbkch)", pinnedStartWidth: "var(--_16hkbkci)", pinnedEndWidth: "var(--_16hkbkcj)", pinnedEndOffset: "var(--_16hkbkck)", computedVisibleColumnsCount: "var(--_16hkbkcl)", baseZIndexForCells: "var(--_16hkbkcm)", bodyWidth: "var(--_16hkbkcn)", bodyHeight: "var(--_16hkbkco)", scrollbarWidthHorizontal: "var(--_16hkbkcp)", scrollbarWidthVertical: "var(--_16hkbkcq)", scrollLeft: "var(--_16hkbkcr)", scrollTop: "var(--_16hkbkcs)", virtualScrollLeftOffset: "var(--_16hkbkct)", virtualScrollTopOffset: "var(--_16hkbkcu)" };
1457
1457
 
1458
1458
  // src/components/InfiniteTable/vars.css.ts
1459
1459
  var CSS_LOADED_VALUE = "true";
@@ -5240,11 +5240,11 @@ var createRuntimeFn = (config) => {
5240
5240
  };
5241
5241
 
5242
5242
  // src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
5243
- var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveCellIndicator_ActiveCellIndicator__nxbq1c1 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2", variantClassNames: { visible: { true: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_true__nxbq1c3", false: "ActiveCellIndicator_ActiveCellIndicatorRecipe_visible_false__nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
5244
- var ActiveIndicatorWrapperCls = "ActiveCellIndicator_ActiveIndicatorWrapperCls__nxbq1c0 utilities_pointerEvents_none__16lm1iwl utilities_position_sticky__16lm1iw4 utilities_left_0__16lm1iw1f utilities_top_0__16lm1iw1d utilities_height_0__16lm1iw18 utilities_zIndex_1000000__16lm1iwu";
5243
+ var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "nxbq1c1 _16lm1iwl _16lm1iw2", variantClassNames: { visible: { true: "nxbq1c3", false: "nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
5244
+ var ActiveIndicatorWrapperCls = "nxbq1c0 _16lm1iwl _16lm1iw4 _16lm1iw1f _16lm1iw1d _16lm1iw18 _16lm1iwu";
5245
5245
 
5246
5246
  // src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
5247
- var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "ActiveRowIndicator_ActiveRowIndicator__j26lrx0 utilities_pointerEvents_none__16lm1iwl utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f", variantClassNames: { active: { true: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_true__j26lrx2", false: "ActiveRowIndicator_ActiveRowIndicatorRecipe_active_false__j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
5247
+ var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "j26lrx0 _16lm1iwl _16lm1iw2 _16lm1iw1d _16lm1iw1f", variantClassNames: { active: { true: "j26lrx2", false: "j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
5248
5248
 
5249
5249
  // src/components/InfiniteTable/components/ActiveRowIndicator.tsx
5250
5250
  var { rootClassName: rootClassName3 } = internalProps;
@@ -5393,12 +5393,12 @@ var ActiveCellIndicator = React13.memo(
5393
5393
  );
5394
5394
 
5395
5395
  // src/components/InfiniteTable/components/cell.css.ts
5396
- var ColumnCellCls = "cell_ColumnCellCls__1eexc2a7 cell_CellCls__1eexc2a6";
5397
- var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellRecipe__1eexc2an", variantClassNames: { dragging: { false: "cell_ColumnCellRecipe_dragging_false__1eexc2ao", true: "cell_ColumnCellRecipe_dragging_true__1eexc2ap" }, insideDisabledDraggingPage: { true: "cell_ColumnCellRecipe_insideDisabledDraggingPage_true__1eexc2aq", false: "cell_ColumnCellRecipe_insideDisabledDraggingPage_false__1eexc2ar" }, cellSelected: { false: "cell_ColumnCellRecipe_cellSelected_false__1eexc2as", true: "cell_ColumnCellRecipe_cellSelected_true__1eexc2at" }, treeNode: { parent: "cell_ColumnCellRecipe_treeNode_parent__1eexc2au", leaf: "cell_ColumnCellRecipe_treeNode_leaf__1eexc2av", false: "cell_ColumnCellRecipe_treeNode_false__1eexc2aw" }, align: { start: "cell_ColumnCellRecipe_align_start__1eexc2ax", end: "cell_ColumnCellRecipe_align_end__1eexc2ay", center: "cell_ColumnCellRecipe_align_center__1eexc2az" }, verticalAlign: { start: "cell_ColumnCellRecipe_verticalAlign_start__1eexc2a10", end: "cell_ColumnCellRecipe_verticalAlign_end__1eexc2a11", center: "cell_ColumnCellRecipe_verticalAlign_center__1eexc2a12" }, rowActive: { false: "cell_ColumnCellRecipe_rowActive_false__1eexc2a13", true: "cell_ColumnCellRecipe_rowActive_true__1eexc2a14" }, groupRow: { false: "cell_ColumnCellRecipe_groupRow_false__1eexc2a15", true: "cell_ColumnCellRecipe_groupRow_true__1eexc2a16" }, groupCell: { false: "cell_ColumnCellRecipe_groupCell_false__1eexc2a17", true: "cell_ColumnCellRecipe_groupCell_true__1eexc2a18" }, rowDisabled: { false: "cell_ColumnCellRecipe_rowDisabled_false__1eexc2a19", true: "cell_ColumnCellRecipe_rowDisabled_true__1eexc2a1a" }, zebra: { false: "cell_ColumnCellRecipe_zebra_false__1eexc2a1b", even: "cell_ColumnCellRecipe_zebra_even__1eexc2a1c", odd: "cell_ColumnCellRecipe_zebra_odd__1eexc2a1d" }, rowSelected: { true: "cell_ColumnCellRecipe_rowSelected_true__1eexc2a1e", false: "cell_ColumnCellRecipe_rowSelected_false__1eexc2a1f", null: "cell_ColumnCellRecipe_rowSelected_null__1eexc2a1g" }, first: { true: "cell_ColumnCellRecipe_first_true__1eexc2a1h", false: "cell_ColumnCellRecipe_first_false__1eexc2a1i" }, last: { true: "cell_ColumnCellRecipe_last_true__1eexc2a1j", false: "cell_ColumnCellRecipe_last_false__1eexc2a1k" }, groupByField: { true: "cell_ColumnCellRecipe_groupByField_true__1eexc2a1l", false: "cell_ColumnCellRecipe_groupByField_false__1eexc2a1m" }, firstInCategory: { true: "cell_ColumnCellRecipe_firstInCategory_true__1eexc2a1n", false: "cell_ColumnCellRecipe_firstInCategory_false__1eexc2a1o" }, firstRow: { true: "cell_ColumnCellRecipe_firstRow_true__1eexc2a1p", false: "cell_ColumnCellRecipe_firstRow_false__1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_true__1eexc2a1r", false: "cell_ColumnCellRecipe_firstRowInHorizontalLayoutPage_false__1eexc2a1s" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1t", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1u" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1v", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1w", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1x" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1y", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "cell_ColumnCellRecipe_compound_0__1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_4__1eexc2a24"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_5__1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "cell_ColumnCellRecipe_compound_6__1eexc2a26"]] });
5398
- var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "cell_ColumnCellSelectionIndicatorRecipe__1eexc2ae", variantClassNames: { right: { true: "cell_ColumnCellSelectionIndicatorRecipe_right_true__1eexc2af", false: "cell_ColumnCellSelectionIndicatorRecipe_right_false__1eexc2ag" }, left: { true: "cell_ColumnCellSelectionIndicatorRecipe_left_true__1eexc2ah", false: "cell_ColumnCellSelectionIndicatorRecipe_left_false__1eexc2ai" }, top: { true: "cell_ColumnCellSelectionIndicatorRecipe_top_true__1eexc2aj", false: "cell_ColumnCellSelectionIndicatorRecipe_top_false__1eexc2ak" }, bottom: { true: "cell_ColumnCellSelectionIndicatorRecipe_bottom_true__1eexc2al", false: "cell_ColumnCellSelectionIndicatorRecipe_bottom_false__1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
5399
- var DetachedCellCls = "cell_DetachedCellCls__1eexc2a5";
5400
- var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "cell_FlashingColumnCellRecipe__1eexc2aa", variantClassNames: { direction: { up: "cell_FlashingColumnCellRecipe_direction_up__1eexc2ab", down: "cell_FlashingColumnCellRecipe_direction_down__1eexc2ac", neutral: "cell_FlashingColumnCellRecipe_direction_neutral__1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
5401
- var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a8";
5396
+ var ColumnCellCls = "_1eexc2a7 _1eexc2a6";
5397
+ var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2an", variantClassNames: { dragging: { false: "_1eexc2ao", true: "_1eexc2ap" }, insideDisabledDraggingPage: { true: "_1eexc2aq", false: "_1eexc2ar" }, cellSelected: { false: "_1eexc2as", true: "_1eexc2at" }, treeNode: { parent: "_1eexc2au", leaf: "_1eexc2av", false: "_1eexc2aw" }, align: { start: "_1eexc2ax", end: "_1eexc2ay", center: "_1eexc2az" }, verticalAlign: { start: "_1eexc2a10", end: "_1eexc2a11", center: "_1eexc2a12" }, rowActive: { false: "_1eexc2a13", true: "_1eexc2a14" }, groupRow: { false: "_1eexc2a15", true: "_1eexc2a16" }, groupCell: { false: "_1eexc2a17", true: "_1eexc2a18" }, rowDisabled: { false: "_1eexc2a19", true: "_1eexc2a1a" }, zebra: { false: "_1eexc2a1b", even: "_1eexc2a1c", odd: "_1eexc2a1d" }, rowSelected: { true: "_1eexc2a1e", false: "_1eexc2a1f", null: "_1eexc2a1g" }, first: { true: "_1eexc2a1h", false: "_1eexc2a1i" }, last: { true: "_1eexc2a1j", false: "_1eexc2a1k" }, groupByField: { true: "_1eexc2a1l", false: "_1eexc2a1m" }, firstInCategory: { true: "_1eexc2a1n", false: "_1eexc2a1o" }, firstRow: { true: "_1eexc2a1p", false: "_1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "_1eexc2a1r", false: "_1eexc2a1s" }, lastInCategory: { true: "_1eexc2a1t", false: "_1eexc2a1u" }, pinned: { start: "_1eexc2a1v", end: "_1eexc2a1w", false: "_1eexc2a1x" }, filtered: { true: "_1eexc2a1y", false: "_1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "_1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "_1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "_1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "_1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "_1eexc2a24"], [{ align: "center", groupCell: false }, "_1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "_1eexc2a26"]] });
5398
+ var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "_1eexc2ae", variantClassNames: { right: { true: "_1eexc2af", false: "_1eexc2ag" }, left: { true: "_1eexc2ah", false: "_1eexc2ai" }, top: { true: "_1eexc2aj", false: "_1eexc2ak" }, bottom: { true: "_1eexc2al", false: "_1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
5399
+ var DetachedCellCls = "_1eexc2a5";
5400
+ var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2aa", variantClassNames: { direction: { up: "_1eexc2ab", down: "_1eexc2ac", neutral: "_1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
5401
+ var SelectionCheckboxCls = "_1eexc2a8";
5402
5402
 
5403
5403
  // src/components/InfiniteTable/components/cellDetachedCls.ts
5404
5404
  var CELL_DETACHED_CLASSNAMES = [
@@ -5986,24 +5986,24 @@ var useInternalProps = () => {
5986
5986
  };
5987
5987
 
5988
5988
  // src/components/InfiniteTable/utilities.css.ts
5989
- var absoluteCover = "utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i";
5990
- var alignItems = { center: "utilities_alignItems_center__16lm1iw1r", stretch: "utilities_alignItems_stretch__16lm1iw1s" };
5991
- var cssEllipsisClassName = "utilities_whiteSpace_nowrap__16lm1iw24 utilities_textOverflow_ellipsis__16lm1iw25 utilities_overflow_hidden__16lm1iw1y";
5992
- var cursor = { pointer: "utilities_cursor_pointer__16lm1iwi", "default": "utilities_cursor_default__16lm1iwj", colResize: "utilities_cursor_colResize__16lm1iwk" };
5993
- var display = { flex: "utilities_display_flex__16lm1iwz", contents: "utilities_display_contents__16lm1iw10", none: "utilities_display_none__16lm1iw11", block: "utilities_display_block__16lm1iw12", grid: "utilities_display_grid__16lm1iw13", inlineBlock: "utilities_display_inlineBlock__16lm1iw14", inlineFlex: "utilities_display_inlineFlex__16lm1iw15", inlineGrid: "utilities_display_inlineGrid__16lm1iw16" };
5994
- var flex = { "1": "utilities_flex_1__16lm1iwm", none: "utilities_flex_none__16lm1iwn" };
5995
- var flexFlow = { column: "utilities_flexFlow_column__16lm1iw1n", columnReverse: "utilities_flexFlow_columnReverse__16lm1iw1o", row: "utilities_flexFlow_row__16lm1iw1p", rowReverse: "utilities_flexFlow_rowReverse__16lm1iw1q" };
5996
- var height = { "0": "utilities_height_0__16lm1iw18", "100%": "utilities_height_100%__16lm1iw19", "50%": "utilities_height_50%__16lm1iw1a" };
5997
- var justifyContent = { center: "utilities_justifyContent_center__16lm1iw1t", spaceBetween: "utilities_justifyContent_spaceBetween__16lm1iw1u", spaceAround: "utilities_justifyContent_spaceAround__16lm1iw1v", start: "utilities_justifyContent_start__16lm1iw1w", end: "utilities_justifyContent_end__16lm1iw1x" };
5998
- var left = { "0": "utilities_left_0__16lm1iw1f", "100%": "utilities_left_100%__16lm1iw1g", auto: "utilities_left_auto__16lm1iw1h" };
5999
- var outline = { none: "utilities_outline_none__16lm1iwd" };
6000
- var overflow = { hidden: "utilities_overflow_hidden__16lm1iw1y", auto: "utilities_overflow_auto__16lm1iw1z", visible: "utilities_overflow_visible__16lm1iw20" };
6001
- var position = { relative: "utilities_position_relative__16lm1iw1", absolute: "utilities_position_absolute__16lm1iw2", "static": "utilities_position_static__16lm1iw3", sticky: "utilities_position_sticky__16lm1iw4", fixed: "utilities_position_fixed__16lm1iw5" };
6002
- var top = { "0": "utilities_top_0__16lm1iw1d", "100%": "utilities_top_100%__16lm1iw1e" };
6003
- var transformTranslateZero = "utilities_transformTranslateZero__16lm1iwe";
6004
- var userSelect = { none: "utilities_userSelect_none__16lm1iw17" };
6005
- var visibility = { visible: "utilities_visibility_visible__16lm1iw21", hidden: "utilities_visibility_hidden__16lm1iw22" };
6006
- var zIndex = { "1": "utilities_zIndex_1__16lm1iwo", "10": "utilities_zIndex_10__16lm1iwp", "100": "utilities_zIndex_100__16lm1iwq", "1000": "utilities_zIndex_1000__16lm1iwr", "10000": "utilities_zIndex_10000__16lm1iws", "100000": "utilities_zIndex_100000__16lm1iwt", "1000000": "utilities_zIndex_1000000__16lm1iwu", "10000000": "utilities_zIndex_10000000__16lm1iwv", "1k": "utilities_zIndex_1k__16lm1iww", "10k": "utilities_zIndex_10k__16lm1iwx", "100k": "utilities_zIndex_100k__16lm1iwy" };
5989
+ var absoluteCover = "_16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
5990
+ var alignItems = { center: "_16lm1iw1r", stretch: "_16lm1iw1s" };
5991
+ var cssEllipsisClassName = "_16lm1iw24 _16lm1iw25 _16lm1iw1y";
5992
+ var cursor = { pointer: "_16lm1iwi", "default": "_16lm1iwj", colResize: "_16lm1iwk" };
5993
+ var display = { flex: "_16lm1iwz", contents: "_16lm1iw10", none: "_16lm1iw11", block: "_16lm1iw12", grid: "_16lm1iw13", inlineBlock: "_16lm1iw14", inlineFlex: "_16lm1iw15", inlineGrid: "_16lm1iw16" };
5994
+ var flex = { "1": "_16lm1iwm", none: "_16lm1iwn" };
5995
+ var flexFlow = { column: "_16lm1iw1n", columnReverse: "_16lm1iw1o", row: "_16lm1iw1p", rowReverse: "_16lm1iw1q" };
5996
+ var height = { "0": "_16lm1iw18", "100%": "_16lm1iw19", "50%": "_16lm1iw1a" };
5997
+ var justifyContent = { center: "_16lm1iw1t", spaceBetween: "_16lm1iw1u", spaceAround: "_16lm1iw1v", start: "_16lm1iw1w", end: "_16lm1iw1x" };
5998
+ var left = { "0": "_16lm1iw1f", "100%": "_16lm1iw1g", auto: "_16lm1iw1h" };
5999
+ var outline = { none: "_16lm1iwd" };
6000
+ var overflow = { hidden: "_16lm1iw1y", auto: "_16lm1iw1z", visible: "_16lm1iw20" };
6001
+ var position = { relative: "_16lm1iw1", absolute: "_16lm1iw2", "static": "_16lm1iw3", sticky: "_16lm1iw4", fixed: "_16lm1iw5" };
6002
+ var top = { "0": "_16lm1iw1d", "100%": "_16lm1iw1e" };
6003
+ var transformTranslateZero = "_16lm1iwe";
6004
+ var userSelect = { none: "_16lm1iw17" };
6005
+ var visibility = { visible: "_16lm1iw21", hidden: "_16lm1iw22" };
6006
+ var zIndex = { "1": "_16lm1iwo", "10": "_16lm1iwp", "100": "_16lm1iwq", "1000": "_16lm1iwr", "10000": "_16lm1iws", "100000": "_16lm1iwt", "1000000": "_16lm1iwu", "10000000": "_16lm1iwv", "1k": "_16lm1iww", "10k": "_16lm1iwx", "100k": "_16lm1iwy" };
6007
6007
 
6008
6008
  // src/components/InfiniteTable/components/InfiniteTableFooter/InfiniteTableFooter.tsx
6009
6009
  function InfiniteTableFooter(props) {
@@ -6149,29 +6149,29 @@ var React27 = __toESM(require("react"));
6149
6149
  var import_react18 = require("react");
6150
6150
 
6151
6151
  // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
6152
- var CellCls = "cell_CellCls__1eexc2a6";
6153
- var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob129 utilities_height_100%__16lm1iw19 utilities_width_100%__16lm1iw1c utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r utilities_justifyContent_start__16lm1iw1w", variantClassNames: { filtered: { false: "header_HeaderCellContentRecipe_filtered_false__12zfob12a", true: "header_HeaderCellContentRecipe_filtered_true__12zfob12b" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob12c", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob12d", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob12e" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob12f", end: "header_HeaderCellContentRecipe_align_end__12zfob12g", center: "header_HeaderCellContentRecipe_align_center__12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
6154
- var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw24 utilities_textOverflow_ellipsis__16lm1iw25 utilities_overflow_hidden__16lm1iw1y";
6155
- var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellRecipe__12zfob1o", 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" }, treeNode: { parent: "header_HeaderCellRecipe_treeNode_parent__12zfob110", leaf: "header_HeaderCellRecipe_treeNode_leaf__12zfob111", false: "header_HeaderCellRecipe_treeNode_false__12zfob112" }, firstRowInHorizontalLayoutPage: { false: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_false__12zfob113", true: "header_HeaderCellRecipe_firstRowInHorizontalLayoutPage_true__12zfob114" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob115", true: "header_HeaderCellRecipe_groupRow_true__12zfob116" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob117", true: "header_HeaderCellRecipe_groupCell_true__12zfob118" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob119", end: "header_HeaderCellRecipe_align_end__12zfob11a", center: "header_HeaderCellRecipe_align_center__12zfob11b" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob11c", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob11d", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob11e" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob11f", even: "header_HeaderCellRecipe_zebra_even__12zfob11g", odd: "header_HeaderCellRecipe_zebra_odd__12zfob11h" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob11i", false: "header_HeaderCellRecipe_dragging_false__12zfob11j" }, insideDisabledDraggingPage: { true: "header_HeaderCellRecipe_insideDisabledDraggingPage_true__12zfob11k", false: "header_HeaderCellRecipe_insideDisabledDraggingPage_false__12zfob11l" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11m", false: "header_HeaderCellRecipe_first_false__12zfob11n" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11o", false: "header_HeaderCellRecipe_last_false__12zfob11p" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11q", false: "header_HeaderCellRecipe_groupByField_false__12zfob11r" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11s", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11t" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11u", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11v" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11w", end: "header_HeaderCellRecipe_pinned_end__12zfob11x", false: "header_HeaderCellRecipe_pinned_false__12zfob11y" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11z", false: "header_HeaderCellRecipe_filtered_false__12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob121"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob122"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob123"]] });
6156
- 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"]] });
6157
- var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12r utilities_width_100%__16lm1iw1c utilities_height_100%__16lm1iw19";
6158
- var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
6159
- var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12n utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r utilities_position_relative__16lm1iw1";
6160
- var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12o utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1d", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12p", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
6161
- var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob12k utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_stretch__16lm1iw1s utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12l", false: "header_HeaderFilterRecipe_active_false__12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
6162
- var HeaderGroupCls = "header_HeaderGroupCls__12zfob12j utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p utilities_alignItems_center__16lm1iw1r";
6163
- var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob124 utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_justifyContent_spaceAround__16lm1iw1v utilities_visibility_hidden__16lm1iw22", variantClassNames: { menuVisible: { true: "header_HeaderMenuIconCls_menuVisible_true__12zfob125" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob126", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob128"]] });
6164
- var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
6165
- var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
6166
- var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
6167
- 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: [] });
6168
- var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob12i utilities_overflow_hidden__16lm1iw1y utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1p";
6152
+ var CellCls = "_1eexc2a6";
6153
+ var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "_12zfob129 _16lm1iw19 _16lm1iw1c _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1w", variantClassNames: { filtered: { false: "_12zfob12a", true: "_12zfob12b" }, verticalAlign: { start: "_12zfob12c", end: "_12zfob12d", center: "_12zfob12e" }, align: { start: "_12zfob12f", end: "_12zfob12g", center: "_12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
6154
+ var HeaderCellProxy = "_12zfob1n _16lm1iw24 _16lm1iw25 _16lm1iw1y";
6155
+ var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "_12zfob1o", variantClassNames: { rowActive: { false: "_12zfob1p", true: "_12zfob1q" }, cellSelected: { false: "_12zfob1r", true: "_12zfob1s" }, rowSelected: { false: "_12zfob1t", true: "_12zfob1u", null: "_12zfob1v" }, rowDisabled: { false: "_12zfob1w", true: "_12zfob1x" }, firstRow: { false: "_12zfob1y", true: "_12zfob1z" }, treeNode: { parent: "_12zfob110", leaf: "_12zfob111", false: "_12zfob112" }, firstRowInHorizontalLayoutPage: { false: "_12zfob113", true: "_12zfob114" }, groupRow: { false: "_12zfob115", true: "_12zfob116" }, groupCell: { false: "_12zfob117", true: "_12zfob118" }, align: { start: "_12zfob119", end: "_12zfob11a", center: "_12zfob11b" }, verticalAlign: { start: "_12zfob11c", end: "_12zfob11d", center: "_12zfob11e" }, zebra: { false: "_12zfob11f", even: "_12zfob11g", odd: "_12zfob11h" }, dragging: { true: "_12zfob11i", false: "_12zfob11j" }, insideDisabledDraggingPage: { true: "_12zfob11k", false: "_12zfob11l" }, first: { true: "_12zfob11m", false: "_12zfob11n" }, last: { true: "_12zfob11o", false: "_12zfob11p" }, groupByField: { true: "_12zfob11q", false: "_12zfob11r" }, firstInCategory: { true: "_12zfob11s", false: "_12zfob11t" }, lastInCategory: { true: "_12zfob11u", false: "_12zfob11v" }, pinned: { start: "_12zfob11w", end: "_12zfob11x", false: "_12zfob11y" }, filtered: { true: "_12zfob11z", false: "_12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob121"], [{ pinned: "end", firstInCategory: true }, "_12zfob122"], [{ pinned: false, lastInCategory: true }, "_12zfob123"]] });
6156
+ var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "_12zfob19 _16lm1iw12 _16lm1iw2", variantClassNames: { pinned: { start: "_12zfob1a", end: "_12zfob1b", false: "_12zfob1c" }, firstInCategory: { true: "_12zfob1d", false: "_12zfob1e" }, lastInCategory: { true: "_12zfob1f", false: "_12zfob1g" }, overflow: { true: "_12zfob1h", false: "_12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1j"], [{ pinned: "start", firstInCategory: true }, "_12zfob1k"], [{ overflow: true, pinned: "end" }, "_12zfob1l"], [{ pinned: "end", lastInCategory: true }, "_12zfob1m"]] });
6157
+ var HeaderFilterEditorCls = "_12zfob12r _16lm1iw1c _16lm1iw19";
6158
+ var HeaderFilterIconIndexCls = "_12zfob17";
6159
+ var HeaderFilterOperatorCls = "_12zfob12n _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1";
6160
+ var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12o _16lm1iw1 _16lm1iw1d", variantClassNames: { disabled: { true: "_12zfob12p", false: "_12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
6161
+ var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "_12zfob12k _16lm1iwz _16lm1iw1p _16lm1iw1s _16lm1iw1", variantClassNames: { active: { true: "_12zfob12l", false: "_12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
6162
+ var HeaderGroupCls = "_12zfob12j _16lm1iwz _16lm1iw1p _16lm1iw1r";
6163
+ var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "_12zfob124 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw1v _16lm1iw22", variantClassNames: { menuVisible: { true: "_12zfob125" }, reserveSpaceWhenHidden: { true: "_12zfob126", false: "_12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "_12zfob128"]] });
6164
+ var HeaderScrollbarPlaceholderCls = "_12zfob18 _16lm1iw2";
6165
+ var HeaderSortIconCls = "_16lm1iw1";
6166
+ var HeaderSortIconIndexCls = "_12zfob16";
6167
+ var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12", variantClassNames: { align: { start: "_12zfob13", center: "_12zfob14", end: "_12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
6168
+ var HeaderWrapperCls = "_12zfob12i _16lm1iw1y _16lm1iw1 _16lm1iwz _16lm1iw1p";
6169
6169
 
6170
6170
  // src/components/InfiniteTable/components/icons/InfiniteIconClassName.ts
6171
6171
  var InfiniteIconClassName = "InfiniteIcon";
6172
6172
 
6173
6173
  // src/components/InfiniteTable/components/icons/FilterIcon.css.ts
6174
- var FilterIconCls = "FilterIcon_FilterIconCls__6aunoi0 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_position_relative__16lm1iw1 utilities_justifyContent_spaceAround__16lm1iw1v utilities_alignItems_center__16lm1iw1r";
6174
+ var FilterIconCls = "_6aunoi0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v _16lm1iw1r";
6175
6175
 
6176
6176
  // src/components/InfiniteTable/components/icons/FilterIcon.tsx
6177
6177
  var defaultLineStyle = {
@@ -7681,13 +7681,13 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
7681
7681
  var import_react21 = require("react");
7682
7682
 
7683
7683
  // src/components/InfiniteTable/InfiniteCls.css.ts
7684
- var FooterCls = "utilities_position_relative__16lm1iw1";
7685
- var InfiniteCls = "InfiniteCls_InfiniteCls__1yeub2v0 utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_boxSizingBorderBox__16lm1iw0";
7686
- var InfiniteClsHasPinnedEnd = "InfiniteCls_InfiniteClsHasPinnedEnd__1yeub2vs";
7687
- var InfiniteClsHasPinnedStart = "InfiniteCls_InfiniteClsHasPinnedStart__1yeub2vr";
7688
- var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2v2", variantClassNames: { horizontalLayout: { true: "InfiniteCls_InfiniteClsRecipe_horizontalLayout_true__1yeub2v3", false: "InfiniteCls_InfiniteClsRecipe_horizontalLayout_false__1yeub2v4" }, focused: { true: "InfiniteCls_InfiniteClsRecipe_focused_true__1yeub2v5", false: "InfiniteCls_InfiniteClsRecipe_focused_false__1yeub2v6" }, focusedWithin: { true: "InfiniteCls_InfiniteClsRecipe_focusedWithin_true__1yeub2v7", false: "InfiniteCls_InfiniteClsRecipe_focusedWithin_false__1yeub2v8" }, hasPinnedStart: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_true__1yeub2v9", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStart_false__1yeub2va" }, hasPinnedEnd: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_true__1yeub2vb", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEnd_false__1yeub2vc" }, hasPinnedStartOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_true__1yeub2vd", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedStartOverflow_false__1yeub2ve" }, hasPinnedEndOverflow: { true: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_true__1yeub2vf", false: "InfiniteCls_InfiniteClsRecipe_hasPinnedEndOverflow_false__1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "InfiniteCls_InfiniteClsRecipe_compound_0__1yeub2vh"]] });
7689
- var InfiniteClsShiftingColumns = "InfiniteCls_shiftingcols__1yeub2vp";
7690
- var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "InfiniteCls__1yeub2vl", variantClassNames: { pinned: { start: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_start__1yeub2vm", end: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_end__1yeub2vn", false: "InfiniteCls_PinnedRowsContainerClsVariants_pinned_false__1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
7684
+ var FooterCls = "_16lm1iw1";
7685
+ var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw0";
7686
+ var InfiniteClsHasPinnedEnd = "_1yeub2vs";
7687
+ var InfiniteClsHasPinnedStart = "_1yeub2vr";
7688
+ var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "_1yeub2v2", variantClassNames: { horizontalLayout: { true: "_1yeub2v3", false: "_1yeub2v4" }, focused: { true: "_1yeub2v5", false: "_1yeub2v6" }, focusedWithin: { true: "_1yeub2v7", false: "_1yeub2v8" }, hasPinnedStart: { true: "_1yeub2v9", false: "_1yeub2va" }, hasPinnedEnd: { true: "_1yeub2vb", false: "_1yeub2vc" }, hasPinnedStartOverflow: { true: "_1yeub2vd", false: "_1yeub2ve" }, hasPinnedEndOverflow: { true: "_1yeub2vf", false: "_1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2vh"]] });
7689
+ var InfiniteClsShiftingColumns = "_1yeub2vp";
7690
+ var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "_1yeub2vl", variantClassNames: { pinned: { start: "_1yeub2vm", end: "_1yeub2vn", false: "_1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
7691
7691
 
7692
7692
  // src/components/InfiniteTable/utils/rafFn.ts
7693
7693
  var rafFn = (fn) => {
@@ -8725,8 +8725,8 @@ var React31 = __toESM(require("react"));
8725
8725
  var import_react22 = require("react");
8726
8726
 
8727
8727
  // src/components/InfiniteTable/components/icons/ExpandCollapseIcon.css.ts
8728
- var ExpanderIconCls = "ExpandCollapseIcon_ExpanderIconCls__6rdmyg0 utilities_flex_none__16lm1iwn utilities_cursor_pointer__16lm1iwi utilities_verticalAlign_middle__16lm1iw9";
8729
- var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "ExpandCollapseIcon__6rdmyg1", variantClassNames: { expanded: { true: "utilities_transform_rotate90__16lm1iwg", false: "ExpandCollapseIcon_ExpanderIconClsVariants_expanded_false__6rdmyg3" }, direction: { end: "ExpandCollapseIcon_ExpanderIconClsVariants_direction_end__6rdmyg4", start: "ExpandCollapseIcon_ExpanderIconClsVariants_direction_start__6rdmyg5" }, disabled: { true: "ExpandCollapseIcon_ExpanderIconClsVariants_disabled_true__6rdmyg6", false: "ExpandCollapseIcon_ExpanderIconClsVariants_disabled_false__6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "utilities_transform_rotate180__16lm1iwh"]] });
8728
+ var ExpanderIconCls = "_6rdmyg0 _16lm1iwn _16lm1iwi _16lm1iw9";
8729
+ var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "_6rdmyg1", variantClassNames: { expanded: { true: "_16lm1iwg", false: "_6rdmyg3" }, direction: { end: "_6rdmyg4", start: "_6rdmyg5" }, disabled: { true: "_6rdmyg6", false: "_6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "_16lm1iwh"]] });
8730
8730
 
8731
8731
  // src/components/InfiniteTable/components/icons/ExpandCollapseIcon.tsx
8732
8732
  var THIS_ICON = `${InfiniteIconClassName}-expand-collapse`;
@@ -8782,7 +8782,7 @@ function ExpandCollapseIcon(props) {
8782
8782
  var React32 = __toESM(require("react"));
8783
8783
 
8784
8784
  // src/components/InfiniteTable/components/icons/LoadingIcon.css.ts
8785
- var LoadingIconCls = "utilities_stroke_accentColor__16lm1iwb utilities_flex_none__16lm1iwn utilities_cursor_pointer__16lm1iwi";
8785
+ var LoadingIconCls = "_16lm1iwb _16lm1iwn _16lm1iwi";
8786
8786
 
8787
8787
  // src/components/InfiniteTable/components/icons/LoadingIcon.tsx
8788
8788
  var LoadingIcon = (props) => {
@@ -8832,9 +8832,9 @@ var LoadingIcon = (props) => {
8832
8832
  };
8833
8833
 
8834
8834
  // src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
8835
- 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: [] });
8836
- var RowHoverCls = "row_RowHoverCls__7pupv00";
8837
- var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "row__7pupv05", variantClassNames: { align: { start: "row_TreeColumnCellExpanderCls_align_start__7pupv06", center: "row_TreeColumnCellExpanderCls_align_center__7pupv07", end: "row_TreeColumnCellExpanderCls_align_end__7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
8835
+ var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv01", variantClassNames: { align: { start: "_7pupv02", center: "_7pupv03", end: "_7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
8836
+ var RowHoverCls = "_7pupv00";
8837
+ var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv05", variantClassNames: { align: { start: "_7pupv06", center: "_7pupv07", end: "_7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
8838
8838
 
8839
8839
  // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
8840
8840
  function styleForGroupColumn({
@@ -9014,7 +9014,7 @@ var React34 = __toESM(require("react"));
9014
9014
  var import_react23 = require("react");
9015
9015
 
9016
9016
  // src/components/InfiniteTable/components/CheckBox.css.ts
9017
- var CheckBoxCls = "CheckBox_CheckBoxCls__qz8ht90 utilities_cursor_pointer__16lm1iwi";
9017
+ var CheckBoxCls = "qz8ht90 _16lm1iwi";
9018
9018
 
9019
9019
  // src/components/InfiniteTable/components/CheckBox.tsx
9020
9020
  function forwardProps2() {
@@ -10310,7 +10310,7 @@ var React40 = __toESM(require("react"));
10310
10310
  var import_react26 = require("react");
10311
10311
 
10312
10312
  // src/components/InfiniteTable/components/icons/SortIcon.css.ts
10313
- var SortIconCls = "SortIcon_SortIconCls__1ek6mqy0 utilities_display_flex__16lm1iwz utilities_flexFlow_column__16lm1iw1n utilities_position_relative__16lm1iw1 utilities_justifyContent_spaceAround__16lm1iw1v";
10313
+ var SortIconCls = "_1ek6mqy0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v";
10314
10314
 
10315
10315
  // src/components/InfiniteTable/components/icons/SortIcon.tsx
10316
10316
  var defaultLineStyle3 = {
@@ -10528,9 +10528,9 @@ function getColumnGroupResizer(colIndexes, config) {
10528
10528
  }
10529
10529
 
10530
10530
  // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts
10531
- var ResizeHandleCls = "ResizeHandle_ResizeHandleCls__zneyzh0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i utilities_cursor_colResize__16lm1iwk utilities_overflow_hidden__16lm1iw1y";
10532
- var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "ResizeHandle_ResizeHandleDraggerClsRecipe__zneyzhc utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_bottom_0__16lm1iw1i", variantClassNames: { constrained: { false: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_false__zneyzhd", true: "ResizeHandle_ResizeHandleDraggerClsRecipe_constrained_true__zneyzhe" }, computedPinned: { start: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_start__zneyzhf", end: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_end__zneyzhg", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedPinned_false__zneyzhh" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_true__zneyzhi", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedFirstInCategory_false__zneyzhj" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_true__zneyzhk", false: "ResizeHandle_ResizeHandleDraggerClsRecipe_computedLastInCategory_false__zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_0__zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "ResizeHandle_ResizeHandleDraggerClsRecipe_compound_1__zneyzhn"]] });
10533
- var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "ResizeHandle__zneyzh1", variantClassNames: { computedPinned: { start: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_start__zneyzh2", end: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_end__zneyzh3 utilities_left_0__16lm1iw1f utilities_right_auto__16lm1iw1m", false: "ResizeHandle_ResizeHandleRecipeCls_computedPinned_false__zneyzh4" }, computedFirstInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_true__zneyzh5", false: "ResizeHandle_ResizeHandleRecipeCls_computedFirstInCategory_false__zneyzh6" }, computedLastInCategory: { true: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_true__zneyzh7", false: "ResizeHandle_ResizeHandleRecipeCls_computedLastInCategory_false__zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_0__zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_1__zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "ResizeHandle_ResizeHandleRecipeCls_compound_2__zneyzhb"]] });
10531
+ var ResizeHandleCls = "zneyzh0 _16lm1iw2 _16lm1iw1d _16lm1iw1k _16lm1iw1i _16lm1iwk _16lm1iw1y";
10532
+ var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "zneyzhc _16lm1iw2 _16lm1iw1d _16lm1iw1i", variantClassNames: { constrained: { false: "zneyzhd", true: "zneyzhe" }, computedPinned: { start: "zneyzhf", end: "zneyzhg", false: "zneyzhh" }, computedFirstInCategory: { true: "zneyzhi", false: "zneyzhj" }, computedLastInCategory: { true: "zneyzhk", false: "zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "zneyzhn"]] });
10533
+ var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "zneyzh1", variantClassNames: { computedPinned: { start: "zneyzh2", end: "zneyzh3 _16lm1iw1f _16lm1iw1m", false: "zneyzh4" }, computedFirstInCategory: { true: "zneyzh5", false: "zneyzh6" }, computedLastInCategory: { true: "zneyzh7", false: "zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "zneyzhb"]] });
10534
10534
 
10535
10535
  // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
10536
10536
  var { rootClassName: rootClassName7 } = internalProps;
@@ -11872,9 +11872,9 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
11872
11872
  var React50 = __toESM(require("react"));
11873
11873
 
11874
11874
  // src/components/InfiniteTable/components/LoadMask.css.ts
11875
- var LoadMaskCls = { visible: "LoadMask_LoadMaskCls_visible__qy58ya1 LoadMask_LoadMaskBaseCls__qy58ya0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i", hidden: "LoadMask_LoadMaskCls_hidden__qy58ya2 LoadMask_LoadMaskBaseCls__qy58ya0 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i" };
11876
- var LoadMaskOverlayCls = "LoadMask_LoadMaskOverlayCls__qy58ya3 utilities_position_absolute__16lm1iw2 utilities_top_0__16lm1iw1d utilities_left_0__16lm1iw1f utilities_right_0__16lm1iw1k utilities_bottom_0__16lm1iw1i";
11877
- var LoadMaskTextCls = "LoadMask_LoadMaskTextCls__qy58ya4";
11875
+ var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i" };
11876
+ var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
11877
+ var LoadMaskTextCls = "qy58ya4";
11878
11878
 
11879
11879
  // src/components/InfiniteTable/components/LoadMask.tsx
11880
11880
  var { rootClassName: rootClassName10 } = internalProps;
@@ -19563,6 +19563,377 @@ function getRowDetailApi(param) {
19563
19563
  return rowDetailApi;
19564
19564
  }
19565
19565
 
19566
+ // src/components/utils/clamp.ts
19567
+ function clamp(value, min, max) {
19568
+ return Math.min(Math.max(value, min), max);
19569
+ }
19570
+
19571
+ // src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
19572
+ function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
19573
+ const dataArray = getDataSourceState().dataArray;
19574
+ const min = 0;
19575
+ const max = dataArray.length - 1;
19576
+ let i = activeRowIndex;
19577
+ do {
19578
+ i += direction;
19579
+ const rowInfo = dataArray[i];
19580
+ if (!rowInfo) {
19581
+ return i < min ? min : max;
19582
+ }
19583
+ if (!rowInfo.rowDisabled) {
19584
+ return i;
19585
+ }
19586
+ } while (i >= min && i <= max);
19587
+ return clamp(i, min, max);
19588
+ }
19589
+ function handleRowNavigation(options, event) {
19590
+ const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
19591
+ const { key } = event;
19592
+ const dataArray = getDataSourceState().dataArray;
19593
+ const arrLength = dataArray.length;
19594
+ const state = getState();
19595
+ const { brain } = state;
19596
+ let { activeRowIndex } = state;
19597
+ if (activeRowIndex == null) {
19598
+ return false;
19599
+ }
19600
+ const {
19601
+ start: [startRow],
19602
+ end: [endRow]
19603
+ } = brain.getRenderRange();
19604
+ const initialActiveRowIndex = activeRowIndex;
19605
+ const renderRowCount = endRow - startRow - 1;
19606
+ const min = 0;
19607
+ const max = arrLength - 1;
19608
+ const KeyToFunction = {
19609
+ ArrowDown: () => {
19610
+ activeRowIndex = getNextEnabledRowIndex(
19611
+ getDataSourceState,
19612
+ activeRowIndex,
19613
+ 1
19614
+ );
19615
+ },
19616
+ ArrowUp: () => {
19617
+ activeRowIndex = getNextEnabledRowIndex(
19618
+ getDataSourceState,
19619
+ activeRowIndex,
19620
+ -1
19621
+ );
19622
+ },
19623
+ ArrowLeft: () => {
19624
+ const rowInfo = dataArray[activeRowIndex];
19625
+ if (brain.isHorizontalLayoutBrain) {
19626
+ const rowsPerPage = brain.rowsPerPage;
19627
+ if (activeRowIndex - rowsPerPage >= min) {
19628
+ activeRowIndex = activeRowIndex - rowsPerPage;
19629
+ } else {
19630
+ KeyToFunction.ArrowUp();
19631
+ }
19632
+ return;
19633
+ }
19634
+ if (rowInfo && rowInfo.isGroupRow) {
19635
+ return api.collapseGroupRow(rowInfo.groupKeys);
19636
+ }
19637
+ if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
19638
+ return api.rowDetailApi.collapseRowDetail(rowInfo.id);
19639
+ }
19640
+ return false;
19641
+ },
19642
+ ArrowRight: () => {
19643
+ const rowInfo = dataArray[activeRowIndex];
19644
+ if (brain.isHorizontalLayoutBrain) {
19645
+ const rowsPerPage = brain.rowsPerPage;
19646
+ if (activeRowIndex + rowsPerPage <= max) {
19647
+ activeRowIndex = activeRowIndex + rowsPerPage;
19648
+ } else {
19649
+ KeyToFunction.ArrowDown();
19650
+ }
19651
+ return;
19652
+ }
19653
+ if (rowInfo && rowInfo.isGroupRow) {
19654
+ return api.expandGroupRow(rowInfo.groupKeys);
19655
+ }
19656
+ if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
19657
+ return api.rowDetailApi.expandRowDetail(rowInfo.id);
19658
+ }
19659
+ return false;
19660
+ },
19661
+ Enter: () => {
19662
+ const rowInfo = dataArray[activeRowIndex];
19663
+ if (rowInfo && rowInfo.isGroupRow) {
19664
+ return api.toggleGroupRow(rowInfo.groupKeys);
19665
+ }
19666
+ if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
19667
+ return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
19668
+ }
19669
+ const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
19670
+ rowInfo.id
19671
+ );
19672
+ if (hasRowDetail) {
19673
+ return api.rowDetailApi.toggleRowDetail(rowInfo.id);
19674
+ }
19675
+ return false;
19676
+ },
19677
+ PageDown: () => {
19678
+ activeRowIndex = Math.min(
19679
+ activeRowIndex + renderRowCount,
19680
+ arrLength - 1
19681
+ );
19682
+ },
19683
+ PageUp: () => {
19684
+ activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
19685
+ },
19686
+ End: () => {
19687
+ activeRowIndex = max;
19688
+ },
19689
+ Home: () => {
19690
+ activeRowIndex = min;
19691
+ }
19692
+ };
19693
+ const Fn = KeyToFunction[key];
19694
+ if (!Fn) {
19695
+ return false;
19696
+ }
19697
+ Fn();
19698
+ if (initialActiveRowIndex !== activeRowIndex) {
19699
+ actions.activeRowIndex = activeRowIndex;
19700
+ return true;
19701
+ }
19702
+ return false;
19703
+ }
19704
+ function computeNextActiveCellIndex(options, event) {
19705
+ const {
19706
+ api,
19707
+ getState,
19708
+ getComputed,
19709
+ getDataSourceState,
19710
+ dataSourceApi
19711
+ } = options;
19712
+ const { key, shiftKey } = event;
19713
+ const dataArray = getDataSourceState().dataArray;
19714
+ const state = getState();
19715
+ const { activeCellIndex, brain } = state;
19716
+ if (!activeCellIndex) {
19717
+ return false;
19718
+ }
19719
+ let [rowIndex, colIndex] = activeCellIndex;
19720
+ const {
19721
+ start: [startRow, startCol],
19722
+ end: [endRow, endCol]
19723
+ } = brain.getRenderRange();
19724
+ const renderRowCount = endRow - startRow - 1;
19725
+ const renderColCount = endCol - startCol - 1;
19726
+ const maxRow = getDataSourceState().dataArray.length - 1;
19727
+ const maxCol = getComputed().computedVisibleColumns.length - 1;
19728
+ const minRow = 0;
19729
+ const minCol = 0;
19730
+ rowIndex = clamp(rowIndex, 0, maxRow);
19731
+ colIndex = clamp(colIndex, 0, maxCol);
19732
+ const KeyToFunction = {
19733
+ ArrowDown: () => {
19734
+ rowIndex = clamp(rowIndex + 1, minRow, maxRow);
19735
+ },
19736
+ ArrowUp: () => {
19737
+ rowIndex = clamp(rowIndex - 1, minRow, maxRow);
19738
+ },
19739
+ ArrowLeft: () => {
19740
+ if (colIndex === minCol) {
19741
+ if (rowIndex !== minRow) {
19742
+ colIndex = maxCol;
19743
+ }
19744
+ if (brain.isHorizontalLayoutBrain) {
19745
+ const rowsPerPage = brain.rowsPerPage;
19746
+ if (rowIndex - rowsPerPage >= minRow) {
19747
+ rowIndex = rowIndex - rowsPerPage;
19748
+ } else {
19749
+ KeyToFunction.ArrowUp();
19750
+ }
19751
+ } else {
19752
+ KeyToFunction.ArrowUp();
19753
+ }
19754
+ } else {
19755
+ colIndex = clamp(colIndex - 1, minCol, maxCol);
19756
+ }
19757
+ },
19758
+ ArrowRight: () => {
19759
+ if (colIndex === maxCol) {
19760
+ if (rowIndex !== maxRow) {
19761
+ colIndex = minCol;
19762
+ }
19763
+ if (brain.isHorizontalLayoutBrain) {
19764
+ const rowsPerPage = brain.rowsPerPage;
19765
+ if (rowIndex + rowsPerPage <= maxRow) {
19766
+ rowIndex = rowIndex + rowsPerPage;
19767
+ } else {
19768
+ KeyToFunction.ArrowDown();
19769
+ }
19770
+ } else {
19771
+ KeyToFunction.ArrowDown();
19772
+ }
19773
+ } else {
19774
+ colIndex = clamp(colIndex + 1, minCol, maxCol);
19775
+ }
19776
+ },
19777
+ Enter: () => {
19778
+ const rowInfo = dataArray[rowIndex];
19779
+ if (rowInfo && rowInfo.isGroupRow) {
19780
+ return api.toggleGroupRow(rowInfo.groupKeys);
19781
+ }
19782
+ if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
19783
+ return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
19784
+ }
19785
+ if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
19786
+ return api.rowDetailApi.toggleRowDetail(rowInfo.id);
19787
+ }
19788
+ return false;
19789
+ },
19790
+ PageDown: () => {
19791
+ if (!shiftKey) {
19792
+ rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
19793
+ } else {
19794
+ colIndex = Math.min(colIndex + renderColCount, maxCol);
19795
+ }
19796
+ },
19797
+ PageUp: () => {
19798
+ if (!shiftKey) {
19799
+ rowIndex = Math.max(rowIndex - renderRowCount, minRow);
19800
+ } else {
19801
+ colIndex = Math.max(colIndex - renderColCount, minCol);
19802
+ }
19803
+ },
19804
+ End: () => {
19805
+ if (!shiftKey) {
19806
+ rowIndex = maxRow;
19807
+ } else {
19808
+ colIndex = maxCol;
19809
+ }
19810
+ },
19811
+ Home: () => {
19812
+ if (!shiftKey) {
19813
+ rowIndex = minRow;
19814
+ } else {
19815
+ colIndex = minCol;
19816
+ }
19817
+ }
19818
+ };
19819
+ const Fn = KeyToFunction[key];
19820
+ if (!Fn) {
19821
+ return false;
19822
+ }
19823
+ Fn();
19824
+ return [rowIndex, colIndex];
19825
+ }
19826
+ function handleCellNavigation(options, event) {
19827
+ const result = computeNextActiveCellIndex(
19828
+ options,
19829
+ event
19830
+ );
19831
+ if (result) {
19832
+ options.actions.activeCellIndex = result;
19833
+ return true;
19834
+ }
19835
+ return false;
19836
+ }
19837
+ var validKeys = {
19838
+ ArrowUp: true,
19839
+ ArrowDown: true,
19840
+ ArrowLeft: true,
19841
+ ArrowRight: true,
19842
+ PageUp: true,
19843
+ PageDown: true,
19844
+ Home: true,
19845
+ End: true,
19846
+ Enter: true,
19847
+ " ": true
19848
+ };
19849
+ function handleKeyboardNavigation(options, event) {
19850
+ const { key } = event;
19851
+ const { getState } = options;
19852
+ const state = getState();
19853
+ const {
19854
+ activeRowIndex,
19855
+ activeCellIndex,
19856
+ keyboardNavigation,
19857
+ cellContextMenuVisibleFor,
19858
+ contextMenuVisibleFor
19859
+ } = state;
19860
+ if (cellContextMenuVisibleFor || contextMenuVisibleFor) {
19861
+ return false;
19862
+ }
19863
+ if (!validKeys[key]) {
19864
+ return false;
19865
+ }
19866
+ if (activeRowIndex != null && keyboardNavigation === "row") {
19867
+ return handleRowNavigation(options, event);
19868
+ }
19869
+ if (activeCellIndex != null && keyboardNavigation === "cell") {
19870
+ return handleCellNavigation(options, event);
19871
+ }
19872
+ return false;
19873
+ }
19874
+
19875
+ // src/components/InfiniteTable/api/getKeyboardNavigationApi.ts
19876
+ var KeyboardNavigationApi = class {
19877
+ constructor(param) {
19878
+ this.param = param;
19879
+ }
19880
+ setKeyboardNavigation(keyboardNavigation) {
19881
+ this.param.actions.keyboardNavigation = keyboardNavigation;
19882
+ }
19883
+ setActiveCellIndex(activeCellIndex) {
19884
+ this.param.actions.activeCellIndex = activeCellIndex;
19885
+ }
19886
+ setActiveRowIndex(activeRowIndex) {
19887
+ this.param.actions.activeRowIndex = activeRowIndex;
19888
+ }
19889
+ gotoRowWithDirection(direction) {
19890
+ const { getDataSourceState, getState } = this.param;
19891
+ const { activeRowIndex, keyboardNavigation } = getState();
19892
+ if (keyboardNavigation !== "row") {
19893
+ console.error("Keyboard navigation is not enabled for rows");
19894
+ return false;
19895
+ }
19896
+ if (activeRowIndex == null) {
19897
+ return false;
19898
+ }
19899
+ const newActiveRowIndex = getNextEnabledRowIndex(
19900
+ getDataSourceState,
19901
+ activeRowIndex,
19902
+ direction
19903
+ );
19904
+ if (newActiveRowIndex !== activeRowIndex) {
19905
+ this.param.actions.activeRowIndex = newActiveRowIndex;
19906
+ return newActiveRowIndex;
19907
+ }
19908
+ return false;
19909
+ }
19910
+ gotoRow(direction) {
19911
+ return this.gotoRowWithDirection(direction);
19912
+ }
19913
+ gotoNextRow() {
19914
+ return this.gotoRow(1);
19915
+ }
19916
+ gotoPreviousRow() {
19917
+ return this.gotoRow(-1);
19918
+ }
19919
+ gotoCell(config) {
19920
+ const { direction } = config;
19921
+ const key = direction == "top" ? "ArrowUp" : direction == "bottom" ? "ArrowDown" : direction == "left" ? "ArrowLeft" : "ArrowRight";
19922
+ const activeCellIndex = computeNextActiveCellIndex(this.param, {
19923
+ key,
19924
+ shiftKey: false
19925
+ });
19926
+ if (activeCellIndex === false) {
19927
+ return false;
19928
+ }
19929
+ this.param.actions.activeCellIndex = activeCellIndex;
19930
+ return activeCellIndex;
19931
+ }
19932
+ };
19933
+ function getKeyboardNavigationApi(param) {
19934
+ return new KeyboardNavigationApi(param);
19935
+ }
19936
+
19566
19937
  // src/components/InfiniteTable/api/getImperativeApi.ts
19567
19938
  function isSortInfoForColumn(sortInfo, col) {
19568
19939
  if (sortInfo.id) {
@@ -19997,6 +20368,14 @@ var InfiniteTableApiImpl = class {
19997
20368
  dataSourceActions: context.dataSourceActions,
19998
20369
  getDataSourceState: context.getDataSourceState
19999
20370
  });
20371
+ this.keyboardNavigationApi = getKeyboardNavigationApi({
20372
+ getState: context.getState,
20373
+ getDataSourceState: context.getDataSourceState,
20374
+ actions: context.actions,
20375
+ getComputed: context.getComputed,
20376
+ api: this,
20377
+ dataSourceApi: context.dataSourceApi
20378
+ });
20000
20379
  this.rowDetailApi = getRowDetailApi({
20001
20380
  getState: context.getState,
20002
20381
  actions: context.actions,
@@ -20663,7 +21042,7 @@ function useYourBrain(param) {
20663
21042
  var React53 = __toESM(require("react"));
20664
21043
 
20665
21044
  // src/components/InfiniteTable/components/rowDetail.css.ts
20666
- var RowDetailRecipe = createRuntimeFn({ defaultClassName: "rowDetail_RowDetailRecipe__evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
21045
+ var RowDetailRecipe = createRuntimeFn({ defaultClassName: "evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
20667
21046
 
20668
21047
  // src/components/InfiniteTable/components/InfiniteTableRow/useRegisterDetail.ts
20669
21048
  var import_react38 = require("react");
@@ -23214,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
23214
23593
  }
23215
23594
  let valid2 = isValidLicense(licenseKey, {
23216
23595
  publishedAt: 1624970570587,
23217
- version: "6.1.1-canary.0"
23596
+ version: "6.2.0"
23218
23597
  });
23219
23598
  if (!licenseKey && !valid2 && isInsidePlayground) {
23220
23599
  return true;
@@ -23322,431 +23701,130 @@ function onCellDoubleClick(context, event) {
23322
23701
  };
23323
23702
  if (onCellDoubleClick2) {
23324
23703
  const result = onCellDoubleClick2(context, event);
23325
- if (result && typeof result === "object") {
23326
- dblClickResult = { ...dblClickResult, ...result };
23327
- }
23328
- }
23329
- if (dblClickResult.preventEdit) {
23330
- return;
23331
- }
23332
- const computed = context.getComputed();
23333
- const column = computed.computedVisibleColumns[context.colIndex];
23334
- context.api.startEdit({
23335
- rowIndex: context.rowIndex,
23336
- columnId: column.id
23337
- });
23338
- }
23339
- function updateCellSelectionOnCellClick(context, event) {
23340
- const {
23341
- getDataSourceState,
23342
- getState,
23343
- getComputed,
23344
- rowIndex,
23345
- colIndex,
23346
- dataSourceActions
23347
- } = context;
23348
- const dataSourceState = getDataSourceState();
23349
- const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
23350
- if (!existingCellSelection) {
23351
- return;
23352
- }
23353
- if (selectionMode !== "multi-cell") {
23354
- return;
23355
- }
23356
- const { multiCellSelector, computedVisibleColumns } = getComputed();
23357
- const { brain } = getState();
23358
- const { rowsPerPage } = brain;
23359
- const columnsPerSet = computedVisibleColumns.length;
23360
- const cellSelection = new CellSelectionState(existingCellSelection);
23361
- multiCellSelector.cellSelectionState = cellSelection;
23362
- const position2 = {
23363
- rowIndex,
23364
- colIndex
23365
- };
23366
- if (event.metaKey || event.ctrlKey) {
23367
- multiCellSelector.singleAddClick(position2);
23368
- } else if (event.shiftKey) {
23369
- const horizontalLayout = !!getState().wrapRowsHorizontally;
23370
- multiCellSelector.multiSelectClick(
23371
- position2,
23372
- horizontalLayout ? {
23373
- horizontalLayout,
23374
- rowsPerPage,
23375
- columnsPerSet
23376
- } : {
23377
- horizontalLayout
23378
- }
23379
- );
23380
- } else {
23381
- multiCellSelector.resetClick(position2);
23382
- }
23383
- dataSourceActions.cellSelection = cellSelection;
23384
- }
23385
- function updateRowSelectionOnCellClick(context, event) {
23386
- const {
23387
- rowIndex,
23388
- getDataSourceState,
23389
- getComputed,
23390
- dataSourceActions,
23391
- api,
23392
- cloneRowSelection: cloneRowSelection2
23393
- } = context;
23394
- const { multiRowSelector, renderSelectionCheckBox } = getComputed();
23395
- const dataSourceState = getDataSourceState();
23396
- const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
23397
- if (groupBy.length) {
23398
- return false;
23399
- }
23400
- if (isTree) {
23401
- return false;
23402
- }
23403
- const rowInfo = dataArray[rowIndex];
23404
- if (rowInfo?.rowDisabled) {
23405
- return false;
23406
- }
23407
- if (selectionMode === "multi-row") {
23408
- if (renderSelectionCheckBox && !event.key) {
23409
- return false;
23410
- }
23411
- let { rowSelection: rowSelectionState } = dataSourceState;
23412
- rowSelectionState = cloneRowSelection2(
23413
- rowSelectionState
23414
- );
23415
- multiRowSelector.rowSelectionState = rowSelectionState;
23416
- if (rowSelectionState && typeof rowSelectionState === "object") {
23417
- if (event.shiftKey) {
23418
- multiRowSelector.multiSelectClick(rowIndex);
23419
- } else if (event.metaKey || event.ctrlKey) {
23420
- multiRowSelector.singleAddClick(rowIndex);
23421
- } else {
23422
- multiRowSelector.resetClick(rowIndex);
23423
- }
23424
- dataSourceActions.rowSelection = rowSelectionState;
23425
- return true;
23426
- }
23427
- } else if (selectionMode === "single-row") {
23428
- const rowInfo2 = dataArray[rowIndex];
23429
- const id = rowInfo2.id;
23430
- if (event.metaKey || event.ctrlKey) {
23431
- api.rowSelectionApi.toggleRowSelection(id);
23432
- } else {
23433
- api.rowSelectionApi.selectRow(id);
23434
- }
23435
- }
23436
- return false;
23437
- }
23438
-
23439
- // src/components/InfiniteTable/eventHandlers/onCellMouseDown.ts
23440
- function onCellMouseDown(context, event) {
23441
- if (event.detail === 2) {
23442
- return;
23443
- }
23444
- updateCellSelectionOnCellMouseDown(context);
23445
- }
23446
- function updateCellSelectionOnCellMouseDown(_context) {
23447
- }
23448
-
23449
- // src/components/utils/clamp.ts
23450
- function clamp(value, min, max) {
23451
- return Math.min(Math.max(value, min), max);
23452
- }
23453
-
23454
- // src/components/InfiniteTable/eventHandlers/keyboardNavigation.ts
23455
- function getNextEnabledRowIndex(getDataSourceState, activeRowIndex, direction) {
23456
- const dataArray = getDataSourceState().dataArray;
23457
- const min = 0;
23458
- const max = dataArray.length - 1;
23459
- let i = activeRowIndex;
23460
- do {
23461
- i += direction;
23462
- const rowInfo = dataArray[i];
23463
- if (!rowInfo) {
23464
- return i < min ? min : max;
23465
- }
23466
- if (!rowInfo.rowDisabled) {
23467
- return i;
23468
- }
23469
- } while (i >= min && i <= max);
23470
- return clamp(i, min, max);
23471
- }
23472
- function handleRowNavigation(options, event) {
23473
- const { getState, getDataSourceState, actions, api, dataSourceApi } = options;
23474
- const { key } = event;
23475
- const dataArray = getDataSourceState().dataArray;
23476
- const arrLength = dataArray.length;
23477
- const state = getState();
23478
- const { brain } = state;
23479
- let { activeRowIndex } = state;
23480
- if (activeRowIndex == null) {
23481
- return false;
23482
- }
23483
- const {
23484
- start: [startRow],
23485
- end: [endRow]
23486
- } = brain.getRenderRange();
23487
- const initialActiveRowIndex = activeRowIndex;
23488
- const renderRowCount = endRow - startRow - 1;
23489
- const min = 0;
23490
- const max = arrLength - 1;
23491
- const KeyToFunction = {
23492
- ArrowDown: () => {
23493
- activeRowIndex = getNextEnabledRowIndex(
23494
- getDataSourceState,
23495
- activeRowIndex,
23496
- 1
23497
- );
23498
- },
23499
- ArrowUp: () => {
23500
- activeRowIndex = getNextEnabledRowIndex(
23501
- getDataSourceState,
23502
- activeRowIndex,
23503
- -1
23504
- );
23505
- },
23506
- ArrowLeft: () => {
23507
- const rowInfo = dataArray[activeRowIndex];
23508
- if (brain.isHorizontalLayoutBrain) {
23509
- const rowsPerPage = brain.rowsPerPage;
23510
- if (activeRowIndex - rowsPerPage >= min) {
23511
- activeRowIndex = activeRowIndex - rowsPerPage;
23512
- } else {
23513
- KeyToFunction.ArrowUp();
23514
- }
23515
- return;
23516
- }
23517
- if (rowInfo && rowInfo.isGroupRow) {
23518
- return api.collapseGroupRow(rowInfo.groupKeys);
23519
- }
23520
- if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
23521
- return api.rowDetailApi.collapseRowDetail(rowInfo.id);
23522
- }
23523
- return false;
23524
- },
23525
- ArrowRight: () => {
23526
- const rowInfo = dataArray[activeRowIndex];
23527
- if (brain.isHorizontalLayoutBrain) {
23528
- const rowsPerPage = brain.rowsPerPage;
23529
- if (activeRowIndex + rowsPerPage <= max) {
23530
- activeRowIndex = activeRowIndex + rowsPerPage;
23531
- } else {
23532
- KeyToFunction.ArrowDown();
23533
- }
23534
- return;
23535
- }
23536
- if (rowInfo && rowInfo.isGroupRow) {
23537
- return api.expandGroupRow(rowInfo.groupKeys);
23538
- }
23539
- if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
23540
- return api.rowDetailApi.expandRowDetail(rowInfo.id);
23541
- }
23542
- return false;
23543
- },
23544
- Enter: () => {
23545
- const rowInfo = dataArray[activeRowIndex];
23546
- if (rowInfo && rowInfo.isGroupRow) {
23547
- return api.toggleGroupRow(rowInfo.groupKeys);
23548
- }
23549
- if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
23550
- return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
23551
- }
23552
- const hasRowDetail = api.rowDetailApi.isRowDetailEnabledForRow(
23553
- rowInfo.id
23554
- );
23555
- if (hasRowDetail) {
23556
- return api.rowDetailApi.toggleRowDetail(rowInfo.id);
23557
- }
23558
- return false;
23559
- },
23560
- PageDown: () => {
23561
- activeRowIndex = Math.min(
23562
- activeRowIndex + renderRowCount,
23563
- arrLength - 1
23564
- );
23565
- },
23566
- PageUp: () => {
23567
- activeRowIndex = Math.max(activeRowIndex - renderRowCount, min);
23568
- },
23569
- End: () => {
23570
- activeRowIndex = max;
23571
- },
23572
- Home: () => {
23573
- activeRowIndex = min;
23704
+ if (result && typeof result === "object") {
23705
+ dblClickResult = { ...dblClickResult, ...result };
23574
23706
  }
23575
- };
23576
- const Fn = KeyToFunction[key];
23577
- if (!Fn) {
23578
- return false;
23579
23707
  }
23580
- Fn();
23581
- if (initialActiveRowIndex !== activeRowIndex) {
23582
- actions.activeRowIndex = activeRowIndex;
23583
- return true;
23708
+ if (dblClickResult.preventEdit) {
23709
+ return;
23584
23710
  }
23585
- return false;
23711
+ const computed = context.getComputed();
23712
+ const column = computed.computedVisibleColumns[context.colIndex];
23713
+ context.api.startEdit({
23714
+ rowIndex: context.rowIndex,
23715
+ columnId: column.id
23716
+ });
23586
23717
  }
23587
- function handleCellNavigation(options, event) {
23718
+ function updateCellSelectionOnCellClick(context, event) {
23588
23719
  const {
23589
- api,
23720
+ getDataSourceState,
23590
23721
  getState,
23591
23722
  getComputed,
23592
- getDataSourceState,
23593
- dataSourceApi,
23594
- actions
23595
- } = options;
23596
- const { key, shiftKey } = event;
23597
- const dataArray = getDataSourceState().dataArray;
23598
- const state = getState();
23599
- const { activeCellIndex, brain } = state;
23600
- if (!activeCellIndex) {
23601
- return false;
23723
+ rowIndex,
23724
+ colIndex,
23725
+ dataSourceActions
23726
+ } = context;
23727
+ const dataSourceState = getDataSourceState();
23728
+ const { selectionMode, cellSelection: existingCellSelection } = dataSourceState;
23729
+ if (!existingCellSelection) {
23730
+ return;
23602
23731
  }
23603
- let [rowIndex, colIndex] = activeCellIndex;
23604
- const {
23605
- start: [startRow, startCol],
23606
- end: [endRow, endCol]
23607
- } = brain.getRenderRange();
23608
- const renderRowCount = endRow - startRow - 1;
23609
- const renderColCount = endCol - startCol - 1;
23610
- const maxRow = getDataSourceState().dataArray.length - 1;
23611
- const maxCol = getComputed().computedVisibleColumns.length - 1;
23612
- const minRow = 0;
23613
- const minCol = 0;
23614
- rowIndex = clamp(rowIndex, 0, maxRow);
23615
- colIndex = clamp(colIndex, 0, maxCol);
23616
- actions.activeCellIndex = [rowIndex, colIndex];
23617
- const KeyToFunction = {
23618
- ArrowDown: () => {
23619
- rowIndex = clamp(rowIndex + 1, minRow, maxRow);
23620
- },
23621
- ArrowUp: () => {
23622
- rowIndex = clamp(rowIndex - 1, minRow, maxRow);
23623
- },
23624
- ArrowLeft: () => {
23625
- if (colIndex === minCol) {
23626
- if (rowIndex !== minRow) {
23627
- colIndex = maxCol;
23628
- }
23629
- if (brain.isHorizontalLayoutBrain) {
23630
- const rowsPerPage = brain.rowsPerPage;
23631
- if (rowIndex - rowsPerPage >= minRow) {
23632
- rowIndex = rowIndex - rowsPerPage;
23633
- } else {
23634
- KeyToFunction.ArrowUp();
23635
- }
23636
- } else {
23637
- KeyToFunction.ArrowUp();
23638
- }
23639
- } else {
23640
- colIndex = clamp(colIndex - 1, minCol, maxCol);
23641
- }
23642
- },
23643
- ArrowRight: () => {
23644
- if (colIndex === maxCol) {
23645
- if (rowIndex !== maxRow) {
23646
- colIndex = minCol;
23647
- }
23648
- if (brain.isHorizontalLayoutBrain) {
23649
- const rowsPerPage = brain.rowsPerPage;
23650
- if (rowIndex + rowsPerPage <= maxRow) {
23651
- rowIndex = rowIndex + rowsPerPage;
23652
- } else {
23653
- KeyToFunction.ArrowDown();
23654
- }
23655
- } else {
23656
- KeyToFunction.ArrowDown();
23657
- }
23658
- } else {
23659
- colIndex = clamp(colIndex + 1, minCol, maxCol);
23660
- }
23661
- },
23662
- Enter: () => {
23663
- const rowInfo = dataArray[rowIndex];
23664
- if (rowInfo && rowInfo.isGroupRow) {
23665
- return api.toggleGroupRow(rowInfo.groupKeys);
23666
- }
23667
- if (rowInfo && rowInfo.isTreeNode && rowInfo.isParentNode) {
23668
- return dataSourceApi.treeApi.toggleNode(rowInfo.nodePath);
23669
- }
23670
- if (rowInfo && api.rowDetailApi.isRowDetailEnabledForRow(rowInfo.id)) {
23671
- return api.rowDetailApi.toggleRowDetail(rowInfo.id);
23672
- }
23673
- return false;
23674
- },
23675
- PageDown: () => {
23676
- if (!shiftKey) {
23677
- rowIndex = Math.min(rowIndex + renderRowCount, maxRow);
23678
- } else {
23679
- colIndex = Math.min(colIndex + renderColCount, maxCol);
23680
- }
23681
- },
23682
- PageUp: () => {
23683
- if (!shiftKey) {
23684
- rowIndex = Math.max(rowIndex - renderRowCount, minRow);
23685
- } else {
23686
- colIndex = Math.max(colIndex - renderColCount, minCol);
23687
- }
23688
- },
23689
- End: () => {
23690
- if (!shiftKey) {
23691
- rowIndex = maxRow;
23692
- } else {
23693
- colIndex = maxCol;
23694
- }
23695
- },
23696
- Home: () => {
23697
- if (!shiftKey) {
23698
- rowIndex = minRow;
23699
- } else {
23700
- colIndex = minCol;
23701
- }
23702
- }
23732
+ if (selectionMode !== "multi-cell") {
23733
+ return;
23734
+ }
23735
+ const { multiCellSelector, computedVisibleColumns } = getComputed();
23736
+ const { brain } = getState();
23737
+ const { rowsPerPage } = brain;
23738
+ const columnsPerSet = computedVisibleColumns.length;
23739
+ const cellSelection = new CellSelectionState(existingCellSelection);
23740
+ multiCellSelector.cellSelectionState = cellSelection;
23741
+ const position2 = {
23742
+ rowIndex,
23743
+ colIndex
23703
23744
  };
23704
- const Fn = KeyToFunction[key];
23705
- if (!Fn) {
23706
- return false;
23745
+ if (event.metaKey || event.ctrlKey) {
23746
+ multiCellSelector.singleAddClick(position2);
23747
+ } else if (event.shiftKey) {
23748
+ const horizontalLayout = !!getState().wrapRowsHorizontally;
23749
+ multiCellSelector.multiSelectClick(
23750
+ position2,
23751
+ horizontalLayout ? {
23752
+ horizontalLayout,
23753
+ rowsPerPage,
23754
+ columnsPerSet
23755
+ } : {
23756
+ horizontalLayout
23757
+ }
23758
+ );
23759
+ } else {
23760
+ multiCellSelector.resetClick(position2);
23707
23761
  }
23708
- Fn();
23709
- actions.activeCellIndex = [rowIndex, colIndex];
23710
- return true;
23762
+ dataSourceActions.cellSelection = cellSelection;
23711
23763
  }
23712
- var validKeys = {
23713
- ArrowUp: true,
23714
- ArrowDown: true,
23715
- ArrowLeft: true,
23716
- ArrowRight: true,
23717
- PageUp: true,
23718
- PageDown: true,
23719
- Home: true,
23720
- End: true,
23721
- Enter: true,
23722
- " ": true
23723
- };
23724
- function handleKeyboardNavigation(options, event) {
23725
- const { key } = event;
23726
- const { getState } = options;
23727
- const state = getState();
23764
+ function updateRowSelectionOnCellClick(context, event) {
23728
23765
  const {
23729
- activeRowIndex,
23730
- activeCellIndex,
23731
- keyboardNavigation,
23732
- cellContextMenuVisibleFor,
23733
- contextMenuVisibleFor
23734
- } = state;
23735
- if (cellContextMenuVisibleFor || contextMenuVisibleFor) {
23766
+ rowIndex,
23767
+ getDataSourceState,
23768
+ getComputed,
23769
+ dataSourceActions,
23770
+ api,
23771
+ cloneRowSelection: cloneRowSelection2
23772
+ } = context;
23773
+ const { multiRowSelector, renderSelectionCheckBox } = getComputed();
23774
+ const dataSourceState = getDataSourceState();
23775
+ const { selectionMode, groupBy, dataArray, isTree } = dataSourceState;
23776
+ if (groupBy.length) {
23736
23777
  return false;
23737
23778
  }
23738
- if (!validKeys[key]) {
23779
+ if (isTree) {
23739
23780
  return false;
23740
23781
  }
23741
- if (activeRowIndex != null && keyboardNavigation === "row") {
23742
- return handleRowNavigation(options, event);
23782
+ const rowInfo = dataArray[rowIndex];
23783
+ if (rowInfo?.rowDisabled) {
23784
+ return false;
23743
23785
  }
23744
- if (activeCellIndex != null && keyboardNavigation === "cell") {
23745
- return handleCellNavigation(options, event);
23786
+ if (selectionMode === "multi-row") {
23787
+ if (renderSelectionCheckBox && !event.key) {
23788
+ return false;
23789
+ }
23790
+ let { rowSelection: rowSelectionState } = dataSourceState;
23791
+ rowSelectionState = cloneRowSelection2(
23792
+ rowSelectionState
23793
+ );
23794
+ multiRowSelector.rowSelectionState = rowSelectionState;
23795
+ if (rowSelectionState && typeof rowSelectionState === "object") {
23796
+ if (event.shiftKey) {
23797
+ multiRowSelector.multiSelectClick(rowIndex);
23798
+ } else if (event.metaKey || event.ctrlKey) {
23799
+ multiRowSelector.singleAddClick(rowIndex);
23800
+ } else {
23801
+ multiRowSelector.resetClick(rowIndex);
23802
+ }
23803
+ dataSourceActions.rowSelection = rowSelectionState;
23804
+ return true;
23805
+ }
23806
+ } else if (selectionMode === "single-row") {
23807
+ const rowInfo2 = dataArray[rowIndex];
23808
+ const id = rowInfo2.id;
23809
+ if (event.metaKey || event.ctrlKey) {
23810
+ api.rowSelectionApi.toggleRowSelection(id);
23811
+ } else {
23812
+ api.rowSelectionApi.selectRow(id);
23813
+ }
23746
23814
  }
23747
23815
  return false;
23748
23816
  }
23749
23817
 
23818
+ // src/components/InfiniteTable/eventHandlers/onCellMouseDown.ts
23819
+ function onCellMouseDown(context, event) {
23820
+ if (event.detail === 2) {
23821
+ return;
23822
+ }
23823
+ updateCellSelectionOnCellMouseDown(context);
23824
+ }
23825
+ function updateCellSelectionOnCellMouseDown(_context) {
23826
+ }
23827
+
23750
23828
  // src/components/InfiniteTable/eventHandlers/keyboardSelection.ts
23751
23829
  var validKeys2 = {
23752
23830
  Enter: true,
@@ -24988,10 +25066,10 @@ MenuItem.defaultProps = {
24988
25066
  };
24989
25067
 
24990
25068
  // src/components/Menu/MenuCls.css.ts
24991
- var MenuCls = "MenuCls_MenuCls__db3arf0 utilities_boxSizingBorderBox__16lm1iw0 utilities_position_relative__16lm1iw1 utilities_display_inlineGrid__16lm1iw16 utilities_flexFlow_column__16lm1iw1n utilities_margin_none__16lm1iw8";
24992
- var MenuItemCls = createRuntimeFn({ defaultClassName: "MenuCls_MenuItemCls__db3arf2 utilities_display_flex__16lm1iwz utilities_alignItems_center__16lm1iw1r utilities_userSelect_none__16lm1iw17", variantClassNames: { disabled: { true: "MenuCls_MenuItemCls_disabled_true__db3arf3 utilities_cursor_default__16lm1iwj utilities_userSelect_none__16lm1iw17", false: "utilities_cursor_pointer__16lm1iwi" }, active: { true: "MenuCls_MenuItemCls_active_true__db3arf5", false: "MenuCls_MenuItemCls_active_false__db3arf6" }, pressed: { false: "MenuCls_MenuItemCls_pressed_false__db3arf7", true: "MenuCls_MenuItemCls_pressed_true__db3arf8" }, keyboardActive: { true: "MenuCls_MenuItemCls_keyboardActive_true__db3arf9", false: "MenuCls_MenuItemCls_keyboardActive_false__db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "MenuCls_MenuItemCls_compound_0__db3arfb"], [{ pressed: true, active: true, disabled: false }, "MenuCls_MenuItemCls_compound_1__db3arfc"]] });
24993
- var MenuRowCls = "MenuCls_MenuRowCls__db3arf1";
24994
- var MenuSeparatorCls = "MenuCls_MenuSeparatorCls__db3arfd";
25069
+ var MenuCls = "db3arf0 _16lm1iw0 _16lm1iw1 _16lm1iw16 _16lm1iw1n _16lm1iw8";
25070
+ var MenuItemCls = createRuntimeFn({ defaultClassName: "db3arf2 _16lm1iwz _16lm1iw1r _16lm1iw17", variantClassNames: { disabled: { true: "db3arf3 _16lm1iwj _16lm1iw17", false: "_16lm1iwi" }, active: { true: "db3arf5", false: "db3arf6" }, pressed: { false: "db3arf7", true: "db3arf8" }, keyboardActive: { true: "db3arf9", false: "db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "db3arfb"], [{ pressed: true, active: true, disabled: false }, "db3arfc"]] });
25071
+ var MenuRowCls = "db3arf1";
25072
+ var MenuSeparatorCls = "db3arfd";
24995
25073
 
24996
25074
  // src/components/Menu/childrenToRuntimeItems.tsx
24997
25075
  var SEPARATOR = "-";
@@ -26938,7 +27016,7 @@ function useGridScroll(onScroll, deps) {
26938
27016
  }
26939
27017
 
26940
27018
  // src/components/InfiniteTable/components/HScrollSyncContent.css.ts
26941
- var HScrollSyncContentCls = "HScrollSyncContent_HScrollSyncContentCls__yzx0vj0";
27019
+ var HScrollSyncContentCls = "yzx0vj0";
26942
27020
 
26943
27021
  // src/components/InfiniteTable/components/HScrollSyncContent.tsx
26944
27022
  function HScrollSyncContent(props) {