@infinite-table/infinite-react 3.2.11 → 3.3.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.
Files changed (7) hide show
  1. package/index.css +1 -1
  2. package/index.d.ts +5 -12
  3. package/index.dev.js +91 -104
  4. package/index.dev.mjs +91 -104
  5. package/index.js +2 -2
  6. package/index.mjs +2 -2
  7. package/package.json +2 -2
package/index.dev.mjs CHANGED
@@ -991,38 +991,6 @@ var useResizeObserver = (ref, callback, config = {
991
991
  };
992
992
  }, [ref.current, callback, config.earlyAttach]);
993
993
  };
994
- var ReactResizeObserver = (props) => {
995
- const style2 = useMemo(
996
- () => ({
997
- position: "absolute",
998
- top: 0,
999
- left: 0,
1000
- width: "100%",
1001
- height: "100%",
1002
- boxSizing: "border-box"
1003
- }),
1004
- []
1005
- );
1006
- const { notifyOnMount, earlyAttach } = props;
1007
- const firstTime = useRef(true);
1008
- const ref = useRef(null);
1009
- const onResize = useCallback(
1010
- (size) => {
1011
- if (firstTime.current && !notifyOnMount) {
1012
- firstTime.current = false;
1013
- return;
1014
- }
1015
- props.onResize(size);
1016
- },
1017
- [props.onResize]
1018
- );
1019
- useResizeObserver(ref, onResize, { earlyAttach: earlyAttach || false });
1020
- return /* @__PURE__ */ React.createElement("div", { ref, style: style2 });
1021
- };
1022
- ReactResizeObserver.defaultProps = {
1023
- notifyOnMount: true,
1024
- earlyAttach: false
1025
- };
1026
994
 
1027
995
  // src/components/CSSNumericVariableWatch.tsx
1028
996
  var error = err("CSSVariableWatch");
@@ -1365,10 +1333,8 @@ function stripVar(cssVariableWithVarString) {
1365
1333
  return cssVariableWithVarString.slice(4, -1);
1366
1334
  }
1367
1335
 
1368
- // src/components/InfiniteTable/theme.css.ts
1369
- var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__1slvgu90)", y: "var(--y__1slvgu91)", activeCellRowOffset: "var(--activeCellRowOffset__1slvgu92)", activeCellRowHeight: "var(--activeCellRowHeight__1slvgu93)", activeCellOffsetX: "var(--activeCellOffsetX__1slvgu94)", activeCellOffsetY: "var(--activeCellOffsetY__1slvgu95)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__1slvgu96)", activeCellColWidth: "var(--activeCellColWidth__1slvgu97)", activeCellColOffset: "var(--activeCellColOffset__1slvgu98)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__1slvgu99)", columnWidthAtIndex: "var(--columnWidthAtIndex__1slvgu9a)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__1slvgu9b)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__1slvgu9c)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__1slvgu9d)", pinnedStartWidth: "var(--pinnedStartWidth__1slvgu9e)", pinnedEndWidth: "var(--pinnedEndWidth__1slvgu9f)", pinnedEndOffset: "var(--pinnedEndOffset__1slvgu9g)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__1slvgu9h)", baseZIndexForCells: "var(--baseZIndexForCells__1slvgu9i)", bodyWidth: "var(--bodyWidth__1slvgu9j)", bodyHeight: "var(--bodyHeight__1slvgu9k)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__1slvgu9l)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__1slvgu9m)", scrollLeft: "var(--scrollLeft__1slvgu9n)", scrollTop: "var(--scrollTop__1slvgu9o)" };
1370
- 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)", 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)", 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)", 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)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", 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)", 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)" } } };
1371
- var columnHeaderHeightName = "column-header-height";
1336
+ // src/components/InfiniteTable/internalVars.css.ts
1337
+ var InternalVars = { currentColumnTransformX: "var(--currentColumnTransformX__16hkbkc0)", y: "var(--y__16hkbkc1)", activeCellRowOffset: "var(--activeCellRowOffset__16hkbkc2)", activeCellRowHeight: "var(--activeCellRowHeight__16hkbkc3)", activeCellOffsetX: "var(--activeCellOffsetX__16hkbkc4)", activeCellOffsetY: "var(--activeCellOffsetY__16hkbkc5)", scrollTopForActiveRow: "var(--scrollTopForActiveRow__16hkbkc6)", activeCellColWidth: "var(--activeCellColWidth__16hkbkc7)", activeCellColOffset: "var(--activeCellColOffset__16hkbkc8)", columnReorderEffectDurationAtIndex: "var(--columnReorderEffectDurationAtIndex__16hkbkc9)", columnWidthAtIndex: "var(--columnWidthAtIndex__16hkbkca)", columnOffsetAtIndex: "var(--columnOffsetAtIndex__16hkbkcb)", columnOffsetAtIndexWhileReordering: "var(--columnOffsetAtIndexWhileReordering__16hkbkcc)", columnZIndexAtIndex: "var(--columnZIndexAtIndex__16hkbkcd)", pinnedStartWidth: "var(--pinnedStartWidth__16hkbkce)", pinnedEndWidth: "var(--pinnedEndWidth__16hkbkcf)", pinnedEndOffset: "var(--pinnedEndOffset__16hkbkcg)", computedVisibleColumnsCount: "var(--computedVisibleColumnsCount__16hkbkch)", baseZIndexForCells: "var(--baseZIndexForCells__16hkbkci)", bodyWidth: "var(--bodyWidth__16hkbkcj)", bodyHeight: "var(--bodyHeight__16hkbkck)", scrollbarWidthHorizontal: "var(--scrollbarWidthHorizontal__16hkbkcl)", scrollbarWidthVertical: "var(--scrollbarWidthVertical__16hkbkcm)", scrollLeft: "var(--scrollLeft__16hkbkcn)", scrollTop: "var(--scrollTop__16hkbkco)" };
1372
1338
 
1373
1339
  // src/utils/selectParent.ts
1374
1340
  function selectParent(el, selector2) {
@@ -1411,6 +1377,10 @@ var internalProps = {
1411
1377
  rootClassName: rootClassName2
1412
1378
  };
1413
1379
 
1380
+ // src/components/InfiniteTable/vars.css.ts
1381
+ 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)", 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)" }, 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)", 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)" } } };
1382
+ var columnHeaderHeightName = "column-header-height";
1383
+
1414
1384
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
1415
1385
  var InfiniteSelector = `.${internalProps.rootClassName}`;
1416
1386
  function getParentInfiniteNode(node) {
@@ -4818,14 +4788,14 @@ var zIndex = { "1": "utilities_zIndex_1__16lm1iwo", "10": "utilities_zIndex_10__
4818
4788
 
4819
4789
  // src/components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody.tsx
4820
4790
  var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, ref) {
4821
- const { rootClassName: rootClassName13 } = useInternalProps();
4791
+ const { rootClassName: rootClassName12 } = useInternalProps();
4822
4792
  return /* @__PURE__ */ React15.createElement(
4823
4793
  "div",
4824
4794
  __spreadProps(__spreadValues({
4825
4795
  ref
4826
4796
  }, props), {
4827
4797
  className: join(
4828
- `${rootClassName13}Body`,
4798
+ `${rootClassName12}Body`,
4829
4799
  position.relative,
4830
4800
  flex["1"],
4831
4801
  transformTranslateZero,
@@ -4839,14 +4809,14 @@ var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, re
4839
4809
  import * as React16 from "react";
4840
4810
  var InfiniteTableFooter = React16.forwardRef(
4841
4811
  function InfiniteTableFooter2(props, ref) {
4842
- const { rootClassName: rootClassName13 } = useInternalProps();
4812
+ const { rootClassName: rootClassName12 } = useInternalProps();
4843
4813
  return /* @__PURE__ */ React16.createElement(
4844
4814
  "div",
4845
4815
  __spreadProps(__spreadValues({
4846
4816
  ref
4847
4817
  }, props), {
4848
4818
  className: join(
4849
- `${rootClassName13}Footer`,
4819
+ `${rootClassName12}Footer`,
4850
4820
  position.relative,
4851
4821
  display.flex,
4852
4822
  flexFlow.row,
@@ -5092,22 +5062,22 @@ var createRuntimeFn = (config) => {
5092
5062
 
5093
5063
  // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
5094
5064
  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";
5095
- var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "header_HeaderCellContentRecipe__12zfob11y 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__12zfob11z", true: "header_HeaderCellContentRecipe_filtered_true__12zfob120" }, verticalAlign: { start: "header_HeaderCellContentRecipe_verticalAlign_start__12zfob121", end: "header_HeaderCellContentRecipe_verticalAlign_end__12zfob122", center: "header_HeaderCellContentRecipe_verticalAlign_center__12zfob123" }, align: { start: "header_HeaderCellContentRecipe_align_start__12zfob124", end: "header_HeaderCellContentRecipe_align_end__12zfob125", center: "header_HeaderCellContentRecipe_align_center__12zfob126" } }, defaultVariants: {}, compoundVariants: [] });
5065
+ 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: [] });
5096
5066
  var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
5097
- 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" }, groupRow: { false: "header_HeaderCellRecipe_groupRow_false__12zfob1w", true: "header_HeaderCellRecipe_groupRow_true__12zfob1x" }, groupCell: { false: "header_HeaderCellRecipe_groupCell_false__12zfob1y", true: "header_HeaderCellRecipe_groupCell_true__12zfob1z" }, align: { start: "header_HeaderCellRecipe_align_start__12zfob110", end: "header_HeaderCellRecipe_align_end__12zfob111", center: "header_HeaderCellRecipe_align_center__12zfob112" }, verticalAlign: { start: "header_HeaderCellRecipe_verticalAlign_start__12zfob113", end: "header_HeaderCellRecipe_verticalAlign_end__12zfob114", center: "header_HeaderCellRecipe_verticalAlign_center__12zfob115" }, zebra: { false: "header_HeaderCellRecipe_zebra_false__12zfob116", even: "header_HeaderCellRecipe_zebra_even__12zfob117", odd: "header_HeaderCellRecipe_zebra_odd__12zfob118" }, dragging: { true: "header_HeaderCellRecipe_dragging_true__12zfob119", false: "header_HeaderCellRecipe_dragging_false__12zfob11a" }, first: { true: "header_HeaderCellRecipe_first_true__12zfob11b", false: "header_HeaderCellRecipe_first_false__12zfob11c" }, last: { true: "header_HeaderCellRecipe_last_true__12zfob11d", false: "header_HeaderCellRecipe_last_false__12zfob11e" }, groupByField: { true: "header_HeaderCellRecipe_groupByField_true__12zfob11f", false: "header_HeaderCellRecipe_groupByField_false__12zfob11g" }, firstInCategory: { true: "header_HeaderCellRecipe_firstInCategory_true__12zfob11h", false: "header_HeaderCellRecipe_firstInCategory_false__12zfob11i" }, lastInCategory: { true: "header_HeaderCellRecipe_lastInCategory_true__12zfob11j", false: "header_HeaderCellRecipe_lastInCategory_false__12zfob11k" }, pinned: { start: "header_HeaderCellRecipe_pinned_start__12zfob11l", end: "header_HeaderCellRecipe_pinned_end__12zfob11m", false: "header_HeaderCellRecipe_pinned_false__12zfob11n" }, filtered: { true: "header_HeaderCellRecipe_filtered_true__12zfob11o", false: "header_HeaderCellRecipe_filtered_false__12zfob11p" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "header_HeaderCellRecipe_compound_0__12zfob11q"], [{ pinned: "end", firstInCategory: true }, "header_HeaderCellRecipe_compound_1__12zfob11r"], [{ pinned: false, lastInCategory: true }, "header_HeaderCellRecipe_compound_2__12zfob11s"]] });
5067
+ 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"]] });
5098
5068
  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"]] });
5099
- var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12g utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
5069
+ var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12i utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
5100
5070
  var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
5101
- var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12c utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
5102
- var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterOperatorIconRecipe__12zfob12d utilities_position_relative__16lm1iw1 utilities_top_0__16lm1iw1c", variantClassNames: { disabled: { true: "header_HeaderFilterOperatorIconRecipe_disabled_true__12zfob12e", false: "header_HeaderFilterOperatorIconRecipe_disabled_false__12zfob12f" } }, defaultVariants: {}, compoundVariants: [] });
5103
- var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "header_HeaderFilterRecipe__12zfob129 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_stretch__16lm1iw1r utilities_position_relative__16lm1iw1", variantClassNames: { active: { true: "header_HeaderFilterRecipe_active_true__12zfob12a", false: "header_HeaderFilterRecipe_active_false__12zfob12b" } }, defaultVariants: {}, compoundVariants: [] });
5104
- var HeaderGroupCls = "header_HeaderGroupCls__12zfob128 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
5105
- var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "header_HeaderMenuIconCls__12zfob11t 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__12zfob11u" }, reserveSpaceWhenHidden: { true: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_true__12zfob11v", false: "header_HeaderMenuIconCls_reserveSpaceWhenHidden_false__12zfob11w" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "header_HeaderMenuIconCls_compound_0__12zfob11x"]] });
5071
+ var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
5072
+ 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: [] });
5073
+ 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: [] });
5074
+ var HeaderGroupCls = "header_HeaderGroupCls__12zfob12a utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
5075
+ 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"]] });
5106
5076
  var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
5107
5077
  var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
5108
5078
  var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
5109
5079
  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: [] });
5110
- var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob127 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
5080
+ var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob129 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
5111
5081
 
5112
5082
  // src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
5113
5083
  var InfiniteTableIconClassName = "InfiniteTableIcon";
@@ -6536,7 +6506,7 @@ var defaultFilterTypes2 = getFilterTypes();
6536
6506
 
6537
6507
  // src/components/InfiniteTable/hooks/useCellClassName.ts
6538
6508
  function useCellClassName(column, baseClasses, variants, extraFlags) {
6539
- var _a;
6509
+ var _a, _b;
6540
6510
  const result = [...baseClasses];
6541
6511
  const variantObject = {
6542
6512
  filtered: column.computedFiltered,
@@ -6550,6 +6520,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
6550
6520
  rowSelected: (_a = extraFlags.rowSelected) != null ? _a : "null",
6551
6521
  rowActive: extraFlags.rowActive,
6552
6522
  dragging: extraFlags.dragging,
6523
+ firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
6553
6524
  groupRow: extraFlags.groupRow,
6554
6525
  groupCell: extraFlags.groupCell,
6555
6526
  verticalAlign: extraFlags.verticalAlign,
@@ -6579,6 +6550,9 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
6579
6550
  if (extraFlags.cellSelected) {
6580
6551
  result.push(...baseClasses.map((c) => `${c}--cell-selected`));
6581
6552
  }
6553
+ if (extraFlags.firstRow) {
6554
+ result.push(...baseClasses.map((c) => `${c}--first-row`));
6555
+ }
6582
6556
  if (extraFlags.groupRow) {
6583
6557
  result.push(...baseClasses.map((c) => `${c}--group-row`));
6584
6558
  result.push(
@@ -7741,7 +7715,7 @@ function objectValuesExcept(obj, exceptList) {
7741
7715
 
7742
7716
  // src/components/InfiniteTable/components/cell.css.ts
7743
7717
  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";
7744
- 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" }, lastInCategory: { true: "cell_ColumnCellRecipe_lastInCategory_true__1eexc2a1c", false: "cell_ColumnCellRecipe_lastInCategory_false__1eexc2a1d" }, pinned: { start: "cell_ColumnCellRecipe_pinned_start__1eexc2a1e", end: "cell_ColumnCellRecipe_pinned_end__1eexc2a1f", false: "cell_ColumnCellRecipe_pinned_false__1eexc2a1g" }, filtered: { true: "cell_ColumnCellRecipe_filtered_true__1eexc2a1h", false: "cell_ColumnCellRecipe_filtered_false__1eexc2a1i" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "cell_ColumnCellRecipe_compound_0__1eexc2a1j"], [{ pinned: "start", firstInCategory: true }, "cell_ColumnCellRecipe_compound_1__1eexc2a1k"], [{ pinned: "end", firstInCategory: true }, "cell_ColumnCellRecipe_compound_2__1eexc2a1l"], [{ pinned: "end", lastInCategory: true }, "cell_ColumnCellRecipe_compound_3__1eexc2a1m"], [{ align: "center", groupCell: false }, "cell_ColumnCellRecipe_compound_4__1eexc2a1n"]] });
7718
+ 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"]] });
7745
7719
  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: [] });
7746
7720
  var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
7747
7721
 
@@ -8668,6 +8642,7 @@ function InfiniteTableColumnCellFn(props) {
8668
8642
  rowActive,
8669
8643
  cellSelected,
8670
8644
  rowSelected,
8645
+ firstRow: rowInfo.indexInAll === 0,
8671
8646
  groupRow: rowInfo.isGroupRow,
8672
8647
  groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
8673
8648
  rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
@@ -9187,6 +9162,9 @@ function useColumnResizeHandle(column) {
9187
9162
  return resizeHandle;
9188
9163
  }
9189
9164
 
9165
+ // src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
9166
+ var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
9167
+
9190
9168
  // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
9191
9169
  var defaultRenderSelectionCheckBox2 = (params) => {
9192
9170
  const { allRowsSelected, someRowsSelected, api } = params;
@@ -9209,8 +9187,6 @@ var defaultRenderSelectionCheckBox2 = (params) => {
9209
9187
  );
9210
9188
  };
9211
9189
  var InfiniteTableHeaderCellContext = React43.createContext(null);
9212
- var { rootClassName: rootClassName8 } = internalProps;
9213
- var InfiniteTableHeaderCellClassName = `${rootClassName8}HeaderCell`;
9214
9190
  var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
9215
9191
  var spacer = /* @__PURE__ */ React43.createElement("div", { className: flex["1"] });
9216
9192
  var InfiniteHeaderCellDataAttributes = keyMirror({
@@ -9543,6 +9519,7 @@ function InfiniteTableHeaderCell(props) {
9543
9519
  cellSelected: false,
9544
9520
  zebra: false,
9545
9521
  rowActive: false,
9522
+ firstRow: true,
9546
9523
  groupCell: false,
9547
9524
  groupRow: false,
9548
9525
  rowExpanded: false
@@ -9696,8 +9673,8 @@ import { useCallback as useCallback15 } from "react";
9696
9673
  // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/GroupResizeHandle.tsx
9697
9674
  import { useRef as useRef17, useState as useState12 } from "react";
9698
9675
  import * as React44 from "react";
9699
- var { rootClassName: rootClassName9 } = internalProps;
9700
- var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName9}HeaderCell_ResizeHandle`;
9676
+ var { rootClassName: rootClassName8 } = internalProps;
9677
+ var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName8}HeaderCell_ResizeHandle`;
9701
9678
  function GroupResizeHandleFn(props) {
9702
9679
  const domRef = useRef17(null);
9703
9680
  const [constrained, setConstrained] = useState12(false);
@@ -9911,8 +9888,8 @@ function InfiniteTableHeaderGroup(props) {
9911
9888
  }
9912
9889
 
9913
9890
  // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeader.tsx
9914
- var { rootClassName: rootClassName10 } = internalProps;
9915
- var TableHeaderClassName = `${rootClassName10}Header`;
9891
+ var { rootClassName: rootClassName9 } = internalProps;
9892
+ var TableHeaderClassName = `${rootClassName9}Header`;
9916
9893
  function InfiniteTableHeaderFn(props) {
9917
9894
  const {
9918
9895
  bodyBrain,
@@ -10209,7 +10186,7 @@ var enforceStyle = (node, style2) => {
10209
10186
  };
10210
10187
  var InfiniteTableLicenseFooter = React49.forwardRef(
10211
10188
  function InfiniteTableLicenseFooter2(props, ref) {
10212
- const { rootClassName: rootClassName13 } = useInternalProps();
10189
+ const { rootClassName: rootClassName12 } = useInternalProps();
10213
10190
  const domRef = React49.useRef(null);
10214
10191
  const domCallback = React49.useCallback((node) => {
10215
10192
  domRef.current = node;
@@ -10245,7 +10222,7 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
10245
10222
  ref: domCallback
10246
10223
  }, props), {
10247
10224
  className: join(
10248
- `${rootClassName13}-Footer`,
10225
+ `${rootClassName12}-Footer`,
10249
10226
  FooterCls,
10250
10227
  props.className
10251
10228
  ),
@@ -10276,8 +10253,8 @@ var LoadMaskOverlayCls = "LoadMask_LoadMaskOverlayCls__qy58ya3 utilities_positio
10276
10253
  var LoadMaskTextCls = "LoadMask_LoadMaskTextCls__qy58ya4";
10277
10254
 
10278
10255
  // src/components/InfiniteTable/components/LoadMask.tsx
10279
- var { rootClassName: rootClassName11 } = internalProps;
10280
- var baseCls3 = `${rootClassName11}-LoadMask`;
10256
+ var { rootClassName: rootClassName10 } = internalProps;
10257
+ var baseCls3 = `${rootClassName10}-LoadMask`;
10281
10258
  function LoadMaskFn(props) {
10282
10259
  const { visible, children = "Loading" } = props;
10283
10260
  return /* @__PURE__ */ React50.createElement(
@@ -16603,8 +16580,8 @@ function useRegisterDetail(props) {
16603
16580
  }
16604
16581
 
16605
16582
  // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableDetailRow.tsx
16606
- var { rootClassName: rootClassName12 } = internalProps;
16607
- var InfiniteTableRowDetailsClassName = `${rootClassName12}RowDetail`;
16583
+ var { rootClassName: rootClassName11 } = internalProps;
16584
+ var InfiniteTableRowDetailsClassName = `${rootClassName11}RowDetail`;
16608
16585
  function InfiniteTableDetailRowFn(props) {
16609
16586
  const DataSourceMasterDetailContext = getDataSourceMasterDetailContext();
16610
16587
  const {
@@ -18777,7 +18754,7 @@ var useLicense = (licenseKey = "") => {
18777
18754
  }
18778
18755
  let valid2 = isValidLicense(licenseKey, {
18779
18756
  publishedAt: 1624970570587,
18780
- version: "3.2.11"
18757
+ version: "3.3.0"
18781
18758
  });
18782
18759
  if (!licenseKey && !valid2 && isInsidePlayground) {
18783
18760
  return true;
@@ -20179,7 +20156,7 @@ function getIdForReactOnlyChild(children) {
20179
20156
  function injectPortalContainerAndConstrainInMenuChild(children, portalContainer, constrainTo) {
20180
20157
  if (React55.Children.count(children) === 1) {
20181
20158
  const child = React55.Children.only(children);
20182
- if (React55.isValidElement(child) && child.props[propToIdentifyMenu]) {
20159
+ if (React55.isValidElement(child) && child.type[propToIdentifyMenu]) {
20183
20160
  const newProps = {};
20184
20161
  if (child.props.portalContainer === void 0) {
20185
20162
  newProps.portalContainer = portalContainer;
@@ -20290,6 +20267,14 @@ import * as React57 from "react";
20290
20267
  // src/components/Menu/childrenToRuntimeItems.tsx
20291
20268
  import * as React56 from "react";
20292
20269
 
20270
+ // src/components/Menu/MenuItem.tsx
20271
+ function MenuItem(_props) {
20272
+ return null;
20273
+ }
20274
+ MenuItem.defaultProps = {
20275
+ __is_menu_item: true
20276
+ };
20277
+
20293
20278
  // src/components/Menu/MenuCls.css.ts
20294
20279
  var MenuCls = "MenuCls_MenuCls__db3arf0 utilities_boxSizingBorderBox__16lm1iw0 utilities_position_relative__16lm1iw1 utilities_display_inlineGrid__16lm1iw16 utilities_flexFlow_column__16lm1iw1m utilities_margin_none__16lm1iw8";
20295
20280
  var MenuItemCls = createRuntimeFn({ defaultClassName: "MenuCls_MenuItemCls__db3arf2 utilities_display_flex__16lm1iwz utilities_alignItems_center__16lm1iw1q 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"]] });
@@ -20337,18 +20322,20 @@ var toRuntimeItem = ({
20337
20322
  };
20338
20323
  function childrenToRuntimeItems(context, children) {
20339
20324
  return React56.Children.map(children, (child) => {
20340
- if (child == null ? void 0 : child.props.__is_menu_item) {
20341
- const itemProps = __spreadValues({}, child.props);
20342
- if (!itemProps.key) {
20343
- itemProps.key = child.key;
20344
- }
20345
- if (!itemProps.description) {
20346
- itemProps.description = child.props.children;
20347
- }
20348
- if (!itemProps.label) {
20349
- itemProps.label = itemProps.children;
20325
+ if (child) {
20326
+ if (child.props.__is_menu_item || child.type === MenuItem) {
20327
+ const itemProps = __spreadValues({}, child.props);
20328
+ if (!itemProps.key) {
20329
+ itemProps.key = child.key;
20330
+ }
20331
+ if (!itemProps.description) {
20332
+ itemProps.description = child.props.children;
20333
+ }
20334
+ if (!itemProps.label) {
20335
+ itemProps.label = itemProps.children;
20336
+ }
20337
+ return toRuntimeItem(context, itemProps);
20350
20338
  }
20351
- return toRuntimeItem(context, itemProps);
20352
20339
  }
20353
20340
  return toRuntimeItem(context, child);
20354
20341
  }) || [];
@@ -21207,12 +21194,6 @@ function RuntimeItemRenderer(props) {
21207
21194
  }
21208
21195
  return /* @__PURE__ */ React58.createElement("div", { className: MenuRowCls }, content);
21209
21196
  }
21210
- function MenuItem(_props) {
21211
- return null;
21212
- }
21213
- MenuItem.defaultProps = {
21214
- __is_menu_item: true
21215
- };
21216
21197
 
21217
21198
  // src/components/Menu/index.tsx
21218
21199
  var MenuRoot = getComponentStateRoot({
@@ -21239,11 +21220,11 @@ function Menu(props) {
21239
21220
  portalContainer,
21240
21221
  items,
21241
21222
  parentMenuId,
21242
- addSubmenuColumnIfNeeded,
21243
- bubbleActionsFromSubmenus,
21223
+ addSubmenuColumnIfNeeded = true,
21224
+ bubbleActionsFromSubmenus = true,
21244
21225
  onShow,
21245
21226
  onHide,
21246
- wrapLabels,
21227
+ wrapLabels = false,
21247
21228
  onAction,
21248
21229
  constrainTo,
21249
21230
  columns,
@@ -21272,23 +21253,21 @@ function Menu(props) {
21272
21253
  //@ts-ignore
21273
21254
  "__is_infinite_menu_component"
21274
21255
  ]);
21275
- const menu = /* @__PURE__ */ React59.createElement(MenuRoot, __spreadValues({}, props), /* @__PURE__ */ React59.createElement(MenuContextProvider, { domProps }));
21256
+ const menu = /* @__PURE__ */ React59.createElement(
21257
+ MenuRoot,
21258
+ __spreadValues({
21259
+ addSubmenuColumnIfNeeded,
21260
+ bubbleActionsFromSubmenus,
21261
+ wrapLabels
21262
+ }, props),
21263
+ /* @__PURE__ */ React59.createElement(MenuContextProvider, { domProps })
21264
+ );
21276
21265
  if (false) {
21277
21266
  return /* @__PURE__ */ React59.createElement(React59.StrictMode, null, menu);
21278
21267
  }
21279
21268
  return menu;
21280
21269
  }
21281
- var menuDefaultProps = {
21282
- addSubmenuColumnIfNeeded: true,
21283
- bubbleActionsFromSubmenus: true,
21284
- wrapLabels: false,
21285
- /**
21286
- * this is here because we want a simple way for `showOverlay` (which is returned by useOverlay hook)
21287
- * to inject the portal container into the menu
21288
- */
21289
- [propToIdentifyMenu]: true
21290
- };
21291
- Menu.defaultProps = menuDefaultProps;
21270
+ Menu[propToIdentifyMenu] = true;
21292
21271
 
21293
21272
  // src/components/InfiniteTable/utils/defaultGetColumnMenuItems.tsx
21294
21273
  import * as React60 from "react";
@@ -22267,7 +22246,6 @@ var InfiniteTableComponent = React67.memo(
22267
22246
  domRef,
22268
22247
  scrollerDOMRef,
22269
22248
  portalDOMRef,
22270
- licenseKey,
22271
22249
  loadingText,
22272
22250
  rowDetailRenderer,
22273
22251
  header,
@@ -22288,6 +22266,10 @@ var InfiniteTableComponent = React67.memo(
22288
22266
  onRenderUpdater,
22289
22267
  debugId
22290
22268
  } = componentState;
22269
+ let { licenseKey } = componentState;
22270
+ if (!licenseKey && InfiniteTable.licenseKey) {
22271
+ licenseKey = InfiniteTable.licenseKey;
22272
+ }
22291
22273
  useScrollToActiveRow(activeRowIndex, dataArray.length, api);
22292
22274
  useScrollToActiveCell(activeCellIndex, dataArray.length, api);
22293
22275
  const { onKeyDown: onKeyDown2 } = useDOMEventHandlers();
@@ -22506,19 +22488,24 @@ function InfiniteTableContextProvider() {
22506
22488
  const TableContext2 = getInfiniteTableContext();
22507
22489
  return /* @__PURE__ */ React67.createElement(TableContext2.Provider, { value: contextValue }, /* @__PURE__ */ React67.createElement(InfiniteTableComponent, null));
22508
22490
  }
22509
- function InfiniteTable(props) {
22491
+ var DEFAULT_ROW_HEIGHT = 40;
22492
+ var DEFAULT_COLUMN_HEADER_HEIGHT = toCSSVarName(columnHeaderHeightName);
22493
+ var InfiniteTable = function(props) {
22510
22494
  const table = (
22511
22495
  //@ts-ignore
22512
- /* @__PURE__ */ React67.createElement(InfiniteTableRoot, __spreadValues({}, props), /* @__PURE__ */ React67.createElement(InfiniteTableContextProvider, null))
22496
+ /* @__PURE__ */ React67.createElement(
22497
+ InfiniteTableRoot,
22498
+ __spreadValues({
22499
+ rowHeight: DEFAULT_ROW_HEIGHT,
22500
+ columnHeaderHeight: DEFAULT_COLUMN_HEADER_HEIGHT
22501
+ }, props),
22502
+ /* @__PURE__ */ React67.createElement(InfiniteTableContextProvider, null)
22503
+ )
22513
22504
  );
22514
22505
  if (false) {
22515
22506
  return /* @__PURE__ */ React67.createElement(React67.StrictMode, null, table);
22516
22507
  }
22517
22508
  return table;
22518
- }
22519
- InfiniteTable.defaultProps = {
22520
- rowHeight: 40,
22521
- columnHeaderHeight: toCSSVarName(columnHeaderHeightName)
22522
22509
  };
22523
22510
 
22524
22511
  // src/utils/FixedSizeSet.ts