@infinite-table/infinite-react 3.2.11 → 3.3.1

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.js CHANGED
@@ -1033,38 +1033,6 @@ var useResizeObserver = (ref, callback, config = {
1033
1033
  };
1034
1034
  }, [ref.current, callback, config.earlyAttach]);
1035
1035
  };
1036
- var ReactResizeObserver = (props) => {
1037
- const style2 = (0, import_react.useMemo)(
1038
- () => ({
1039
- position: "absolute",
1040
- top: 0,
1041
- left: 0,
1042
- width: "100%",
1043
- height: "100%",
1044
- boxSizing: "border-box"
1045
- }),
1046
- []
1047
- );
1048
- const { notifyOnMount, earlyAttach } = props;
1049
- const firstTime = (0, import_react.useRef)(true);
1050
- const ref = (0, import_react.useRef)(null);
1051
- const onResize = (0, import_react.useCallback)(
1052
- (size) => {
1053
- if (firstTime.current && !notifyOnMount) {
1054
- firstTime.current = false;
1055
- return;
1056
- }
1057
- props.onResize(size);
1058
- },
1059
- [props.onResize]
1060
- );
1061
- useResizeObserver(ref, onResize, { earlyAttach: earlyAttach || false });
1062
- return /* @__PURE__ */ React.createElement("div", { ref, style: style2 });
1063
- };
1064
- ReactResizeObserver.defaultProps = {
1065
- notifyOnMount: true,
1066
- earlyAttach: false
1067
- };
1068
1036
 
1069
1037
  // src/components/CSSNumericVariableWatch.tsx
1070
1038
  var error = err("CSSVariableWatch");
@@ -1402,10 +1370,8 @@ function stripVar(cssVariableWithVarString) {
1402
1370
  return cssVariableWithVarString.slice(4, -1);
1403
1371
  }
1404
1372
 
1405
- // src/components/InfiniteTable/theme.css.ts
1406
- 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)" };
1407
- 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)" } } };
1408
- var columnHeaderHeightName = "column-header-height";
1373
+ // src/components/InfiniteTable/internalVars.css.ts
1374
+ 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)" };
1409
1375
 
1410
1376
  // src/utils/selectParent.ts
1411
1377
  function selectParent(el, selector2) {
@@ -1448,6 +1414,10 @@ var internalProps = {
1448
1414
  rootClassName: rootClassName2
1449
1415
  };
1450
1416
 
1417
+ // src/components/InfiniteTable/vars.css.ts
1418
+ 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)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1419
+ var columnHeaderHeightName = "column-header-height";
1420
+
1451
1421
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
1452
1422
  var InfiniteSelector = `.${internalProps.rootClassName}`;
1453
1423
  function getParentInfiniteNode(node) {
@@ -4847,14 +4817,14 @@ var zIndex = { "1": "utilities_zIndex_1__16lm1iwo", "10": "utilities_zIndex_10__
4847
4817
 
4848
4818
  // src/components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody.tsx
4849
4819
  var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, ref) {
4850
- const { rootClassName: rootClassName13 } = useInternalProps();
4820
+ const { rootClassName: rootClassName12 } = useInternalProps();
4851
4821
  return /* @__PURE__ */ React15.createElement(
4852
4822
  "div",
4853
4823
  __spreadProps(__spreadValues({
4854
4824
  ref
4855
4825
  }, props), {
4856
4826
  className: join(
4857
- `${rootClassName13}Body`,
4827
+ `${rootClassName12}Body`,
4858
4828
  position.relative,
4859
4829
  flex["1"],
4860
4830
  transformTranslateZero,
@@ -4868,14 +4838,14 @@ var InfiniteTableBody = React15.forwardRef(function InfiniteTableBody2(props, re
4868
4838
  var React16 = __toESM(require("react"));
4869
4839
  var InfiniteTableFooter = React16.forwardRef(
4870
4840
  function InfiniteTableFooter2(props, ref) {
4871
- const { rootClassName: rootClassName13 } = useInternalProps();
4841
+ const { rootClassName: rootClassName12 } = useInternalProps();
4872
4842
  return /* @__PURE__ */ React16.createElement(
4873
4843
  "div",
4874
4844
  __spreadProps(__spreadValues({
4875
4845
  ref
4876
4846
  }, props), {
4877
4847
  className: join(
4878
- `${rootClassName13}Footer`,
4848
+ `${rootClassName12}Footer`,
4879
4849
  position.relative,
4880
4850
  display.flex,
4881
4851
  flexFlow.row,
@@ -5121,22 +5091,22 @@ var createRuntimeFn = (config) => {
5121
5091
 
5122
5092
  // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
5123
5093
  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";
5124
- 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: [] });
5094
+ 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: [] });
5125
5095
  var HeaderCellProxy = "header_HeaderCellProxy__12zfob1n utilities_whiteSpace_nowrap__16lm1iw23 utilities_textOverflow_ellipsis__16lm1iw24 utilities_overflow_hidden__16lm1iw1x";
5126
- 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"]] });
5096
+ 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"]] });
5127
5097
  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"]] });
5128
- var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12g utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
5098
+ var HeaderFilterEditorCls = "header_HeaderFilterEditorCls__12zfob12i utilities_width_100%__16lm1iw1b utilities_height_100%__16lm1iw19";
5129
5099
  var HeaderFilterIconIndexCls = "header_HeaderFilterIconIndexCls__12zfob17";
5130
- var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12c utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
5131
- 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: [] });
5132
- 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: [] });
5133
- var HeaderGroupCls = "header_HeaderGroupCls__12zfob128 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
5134
- 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"]] });
5100
+ var HeaderFilterOperatorCls = "header_HeaderFilterOperatorCls__12zfob12e utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q utilities_position_relative__16lm1iw1";
5101
+ 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: [] });
5102
+ 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: [] });
5103
+ var HeaderGroupCls = "header_HeaderGroupCls__12zfob12a utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o utilities_alignItems_center__16lm1iw1q";
5104
+ 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"]] });
5135
5105
  var HeaderScrollbarPlaceholderCls = "header_HeaderScrollbarPlaceholderCls__12zfob18 utilities_position_absolute__16lm1iw2";
5136
5106
  var HeaderSortIconCls = "utilities_position_relative__16lm1iw1";
5137
5107
  var HeaderSortIconIndexCls = "header_HeaderSortIconIndexCls__12zfob16";
5138
5108
  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: [] });
5139
- var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob127 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
5109
+ var HeaderWrapperCls = "header_HeaderWrapperCls__12zfob129 utilities_overflow_hidden__16lm1iw1x utilities_position_relative__16lm1iw1 utilities_display_flex__16lm1iwz utilities_flexFlow_row__16lm1iw1o";
5140
5110
 
5141
5111
  // src/components/InfiniteTable/components/icons/InfiniteTableIconClassName.ts
5142
5112
  var InfiniteTableIconClassName = "InfiniteTableIcon";
@@ -6565,7 +6535,7 @@ var defaultFilterTypes2 = getFilterTypes();
6565
6535
 
6566
6536
  // src/components/InfiniteTable/hooks/useCellClassName.ts
6567
6537
  function useCellClassName(column, baseClasses, variants, extraFlags) {
6568
- var _a;
6538
+ var _a, _b;
6569
6539
  const result = [...baseClasses];
6570
6540
  const variantObject = {
6571
6541
  filtered: column.computedFiltered,
@@ -6579,6 +6549,7 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
6579
6549
  rowSelected: (_a = extraFlags.rowSelected) != null ? _a : "null",
6580
6550
  rowActive: extraFlags.rowActive,
6581
6551
  dragging: extraFlags.dragging,
6552
+ firstRow: (_b = extraFlags.firstRow) != null ? _b : false,
6582
6553
  groupRow: extraFlags.groupRow,
6583
6554
  groupCell: extraFlags.groupCell,
6584
6555
  verticalAlign: extraFlags.verticalAlign,
@@ -6608,6 +6579,9 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
6608
6579
  if (extraFlags.cellSelected) {
6609
6580
  result.push(...baseClasses.map((c) => `${c}--cell-selected`));
6610
6581
  }
6582
+ if (extraFlags.firstRow) {
6583
+ result.push(...baseClasses.map((c) => `${c}--first-row`));
6584
+ }
6611
6585
  if (extraFlags.groupRow) {
6612
6586
  result.push(...baseClasses.map((c) => `${c}--group-row`));
6613
6587
  result.push(
@@ -7770,7 +7744,7 @@ function objectValuesExcept(obj, exceptList) {
7770
7744
 
7771
7745
  // src/components/InfiniteTable/components/cell.css.ts
7772
7746
  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";
7773
- 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"]] });
7747
+ 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"]] });
7774
7748
  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: [] });
7775
7749
  var SelectionCheckboxCls = "cell_SelectionCheckboxCls__1eexc2a7";
7776
7750
 
@@ -8697,6 +8671,7 @@ function InfiniteTableColumnCellFn(props) {
8697
8671
  rowActive,
8698
8672
  cellSelected,
8699
8673
  rowSelected,
8674
+ firstRow: rowInfo.indexInAll === 0,
8700
8675
  groupRow: rowInfo.isGroupRow,
8701
8676
  groupCell: rowInfo.isGroupRow ? !!column.groupByForColumn : false,
8702
8677
  rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
@@ -9216,6 +9191,9 @@ function useColumnResizeHandle(column) {
9216
9191
  return resizeHandle;
9217
9192
  }
9218
9193
 
9194
+ // src/components/InfiniteTable/components/InfiniteTableHeader/headerClassName.ts
9195
+ var InfiniteTableHeaderCellClassName = `${rootClassName2}HeaderCell`;
9196
+
9219
9197
  // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
9220
9198
  var defaultRenderSelectionCheckBox2 = (params) => {
9221
9199
  const { allRowsSelected, someRowsSelected, api } = params;
@@ -9238,8 +9216,6 @@ var defaultRenderSelectionCheckBox2 = (params) => {
9238
9216
  );
9239
9217
  };
9240
9218
  var InfiniteTableHeaderCellContext = React43.createContext(null);
9241
- var { rootClassName: rootClassName8 } = internalProps;
9242
- var InfiniteTableHeaderCellClassName = `${rootClassName8}HeaderCell`;
9243
9219
  var columnZIndexAtIndex5 = stripVar(InternalVars.columnZIndexAtIndex);
9244
9220
  var spacer = /* @__PURE__ */ React43.createElement("div", { className: flex["1"] });
9245
9221
  var InfiniteHeaderCellDataAttributes = keyMirror({
@@ -9572,6 +9548,7 @@ function InfiniteTableHeaderCell(props) {
9572
9548
  cellSelected: false,
9573
9549
  zebra: false,
9574
9550
  rowActive: false,
9551
+ firstRow: true,
9575
9552
  groupCell: false,
9576
9553
  groupRow: false,
9577
9554
  rowExpanded: false
@@ -9725,8 +9702,8 @@ var import_react31 = require("react");
9725
9702
  // src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/GroupResizeHandle.tsx
9726
9703
  var import_react30 = require("react");
9727
9704
  var React44 = __toESM(require("react"));
9728
- var { rootClassName: rootClassName9 } = internalProps;
9729
- var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName9}HeaderCell_ResizeHandle`;
9705
+ var { rootClassName: rootClassName8 } = internalProps;
9706
+ var InfiniteTableHeaderCellResizeHandleCls2 = `${rootClassName8}HeaderCell_ResizeHandle`;
9730
9707
  function GroupResizeHandleFn(props) {
9731
9708
  const domRef = (0, import_react30.useRef)(null);
9732
9709
  const [constrained, setConstrained] = (0, import_react30.useState)(false);
@@ -9940,8 +9917,8 @@ function InfiniteTableHeaderGroup(props) {
9940
9917
  }
9941
9918
 
9942
9919
  // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeader.tsx
9943
- var { rootClassName: rootClassName10 } = internalProps;
9944
- var TableHeaderClassName = `${rootClassName10}Header`;
9920
+ var { rootClassName: rootClassName9 } = internalProps;
9921
+ var TableHeaderClassName = `${rootClassName9}Header`;
9945
9922
  function InfiniteTableHeaderFn(props) {
9946
9923
  const {
9947
9924
  bodyBrain,
@@ -10238,7 +10215,7 @@ var enforceStyle = (node, style2) => {
10238
10215
  };
10239
10216
  var InfiniteTableLicenseFooter = React49.forwardRef(
10240
10217
  function InfiniteTableLicenseFooter2(props, ref) {
10241
- const { rootClassName: rootClassName13 } = useInternalProps();
10218
+ const { rootClassName: rootClassName12 } = useInternalProps();
10242
10219
  const domRef = React49.useRef(null);
10243
10220
  const domCallback = React49.useCallback((node) => {
10244
10221
  domRef.current = node;
@@ -10274,7 +10251,7 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
10274
10251
  ref: domCallback
10275
10252
  }, props), {
10276
10253
  className: join(
10277
- `${rootClassName13}-Footer`,
10254
+ `${rootClassName12}-Footer`,
10278
10255
  FooterCls,
10279
10256
  props.className
10280
10257
  ),
@@ -10305,8 +10282,8 @@ var LoadMaskOverlayCls = "LoadMask_LoadMaskOverlayCls__qy58ya3 utilities_positio
10305
10282
  var LoadMaskTextCls = "LoadMask_LoadMaskTextCls__qy58ya4";
10306
10283
 
10307
10284
  // src/components/InfiniteTable/components/LoadMask.tsx
10308
- var { rootClassName: rootClassName11 } = internalProps;
10309
- var baseCls3 = `${rootClassName11}-LoadMask`;
10285
+ var { rootClassName: rootClassName10 } = internalProps;
10286
+ var baseCls3 = `${rootClassName10}-LoadMask`;
10310
10287
  function LoadMaskFn(props) {
10311
10288
  const { visible, children = "Loading" } = props;
10312
10289
  return /* @__PURE__ */ React50.createElement(
@@ -16628,8 +16605,8 @@ function useRegisterDetail(props) {
16628
16605
  }
16629
16606
 
16630
16607
  // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableDetailRow.tsx
16631
- var { rootClassName: rootClassName12 } = internalProps;
16632
- var InfiniteTableRowDetailsClassName = `${rootClassName12}RowDetail`;
16608
+ var { rootClassName: rootClassName11 } = internalProps;
16609
+ var InfiniteTableRowDetailsClassName = `${rootClassName11}RowDetail`;
16633
16610
  function InfiniteTableDetailRowFn(props) {
16634
16611
  const DataSourceMasterDetailContext = getDataSourceMasterDetailContext();
16635
16612
  const {
@@ -18802,7 +18779,7 @@ var useLicense = (licenseKey = "") => {
18802
18779
  }
18803
18780
  let valid2 = isValidLicense(licenseKey, {
18804
18781
  publishedAt: 1624970570587,
18805
- version: "3.2.11"
18782
+ version: "3.3.1"
18806
18783
  });
18807
18784
  if (!licenseKey && !valid2 && isInsidePlayground) {
18808
18785
  return true;
@@ -20199,7 +20176,7 @@ function getIdForReactOnlyChild(children) {
20199
20176
  function injectPortalContainerAndConstrainInMenuChild(children, portalContainer, constrainTo) {
20200
20177
  if (React55.Children.count(children) === 1) {
20201
20178
  const child = React55.Children.only(children);
20202
- if (React55.isValidElement(child) && child.props[propToIdentifyMenu]) {
20179
+ if (React55.isValidElement(child) && child.type[propToIdentifyMenu]) {
20203
20180
  const newProps = {};
20204
20181
  if (child.props.portalContainer === void 0) {
20205
20182
  newProps.portalContainer = portalContainer;
@@ -20310,6 +20287,14 @@ var React57 = __toESM(require("react"));
20310
20287
  // src/components/Menu/childrenToRuntimeItems.tsx
20311
20288
  var React56 = __toESM(require("react"));
20312
20289
 
20290
+ // src/components/Menu/MenuItem.tsx
20291
+ function MenuItem(_props) {
20292
+ return null;
20293
+ }
20294
+ MenuItem.defaultProps = {
20295
+ __is_menu_item: true
20296
+ };
20297
+
20313
20298
  // src/components/Menu/MenuCls.css.ts
20314
20299
  var MenuCls = "MenuCls_MenuCls__db3arf0 utilities_boxSizingBorderBox__16lm1iw0 utilities_position_relative__16lm1iw1 utilities_display_inlineGrid__16lm1iw16 utilities_flexFlow_column__16lm1iw1m utilities_margin_none__16lm1iw8";
20315
20300
  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"]] });
@@ -20357,18 +20342,20 @@ var toRuntimeItem = ({
20357
20342
  };
20358
20343
  function childrenToRuntimeItems(context, children) {
20359
20344
  return React56.Children.map(children, (child) => {
20360
- if (child == null ? void 0 : child.props.__is_menu_item) {
20361
- const itemProps = __spreadValues({}, child.props);
20362
- if (!itemProps.key) {
20363
- itemProps.key = child.key;
20364
- }
20365
- if (!itemProps.description) {
20366
- itemProps.description = child.props.children;
20367
- }
20368
- if (!itemProps.label) {
20369
- itemProps.label = itemProps.children;
20345
+ if (child) {
20346
+ if (child.props.__is_menu_item || child.type === MenuItem) {
20347
+ const itemProps = __spreadValues({}, child.props);
20348
+ if (!itemProps.key) {
20349
+ itemProps.key = child.key;
20350
+ }
20351
+ if (!itemProps.description) {
20352
+ itemProps.description = child.props.children;
20353
+ }
20354
+ if (!itemProps.label) {
20355
+ itemProps.label = itemProps.children;
20356
+ }
20357
+ return toRuntimeItem(context, itemProps);
20370
20358
  }
20371
- return toRuntimeItem(context, itemProps);
20372
20359
  }
20373
20360
  return toRuntimeItem(context, child);
20374
20361
  }) || [];
@@ -21222,12 +21209,6 @@ function RuntimeItemRenderer(props) {
21222
21209
  }
21223
21210
  return /* @__PURE__ */ React58.createElement("div", { className: MenuRowCls }, content);
21224
21211
  }
21225
- function MenuItem(_props) {
21226
- return null;
21227
- }
21228
- MenuItem.defaultProps = {
21229
- __is_menu_item: true
21230
- };
21231
21212
 
21232
21213
  // src/components/Menu/index.tsx
21233
21214
  var MenuRoot = getComponentStateRoot({
@@ -21254,11 +21235,11 @@ function Menu(props) {
21254
21235
  portalContainer,
21255
21236
  items,
21256
21237
  parentMenuId,
21257
- addSubmenuColumnIfNeeded,
21258
- bubbleActionsFromSubmenus,
21238
+ addSubmenuColumnIfNeeded = true,
21239
+ bubbleActionsFromSubmenus = true,
21259
21240
  onShow,
21260
21241
  onHide,
21261
- wrapLabels,
21242
+ wrapLabels = false,
21262
21243
  onAction,
21263
21244
  constrainTo,
21264
21245
  columns,
@@ -21287,23 +21268,21 @@ function Menu(props) {
21287
21268
  //@ts-ignore
21288
21269
  "__is_infinite_menu_component"
21289
21270
  ]);
21290
- const menu = /* @__PURE__ */ React59.createElement(MenuRoot, __spreadValues({}, props), /* @__PURE__ */ React59.createElement(MenuContextProvider, { domProps }));
21271
+ const menu = /* @__PURE__ */ React59.createElement(
21272
+ MenuRoot,
21273
+ __spreadValues({
21274
+ addSubmenuColumnIfNeeded,
21275
+ bubbleActionsFromSubmenus,
21276
+ wrapLabels
21277
+ }, props),
21278
+ /* @__PURE__ */ React59.createElement(MenuContextProvider, { domProps })
21279
+ );
21291
21280
  if (false) {
21292
21281
  return /* @__PURE__ */ React59.createElement(React59.StrictMode, null, menu);
21293
21282
  }
21294
21283
  return menu;
21295
21284
  }
21296
- var menuDefaultProps = {
21297
- addSubmenuColumnIfNeeded: true,
21298
- bubbleActionsFromSubmenus: true,
21299
- wrapLabels: false,
21300
- /**
21301
- * this is here because we want a simple way for `showOverlay` (which is returned by useOverlay hook)
21302
- * to inject the portal container into the menu
21303
- */
21304
- [propToIdentifyMenu]: true
21305
- };
21306
- Menu.defaultProps = menuDefaultProps;
21285
+ Menu[propToIdentifyMenu] = true;
21307
21286
 
21308
21287
  // src/components/InfiniteTable/utils/defaultGetColumnMenuItems.tsx
21309
21288
  var React60 = __toESM(require("react"));
@@ -22282,7 +22261,6 @@ var InfiniteTableComponent = React67.memo(
22282
22261
  domRef,
22283
22262
  scrollerDOMRef,
22284
22263
  portalDOMRef,
22285
- licenseKey,
22286
22264
  loadingText,
22287
22265
  rowDetailRenderer,
22288
22266
  header,
@@ -22303,6 +22281,10 @@ var InfiniteTableComponent = React67.memo(
22303
22281
  onRenderUpdater,
22304
22282
  debugId
22305
22283
  } = componentState;
22284
+ let { licenseKey } = componentState;
22285
+ if (!licenseKey && InfiniteTable.licenseKey) {
22286
+ licenseKey = InfiniteTable.licenseKey;
22287
+ }
22306
22288
  useScrollToActiveRow(activeRowIndex, dataArray.length, api);
22307
22289
  useScrollToActiveCell(activeCellIndex, dataArray.length, api);
22308
22290
  const { onKeyDown: onKeyDown2 } = useDOMEventHandlers();
@@ -22521,19 +22503,24 @@ function InfiniteTableContextProvider() {
22521
22503
  const TableContext2 = getInfiniteTableContext();
22522
22504
  return /* @__PURE__ */ React67.createElement(TableContext2.Provider, { value: contextValue }, /* @__PURE__ */ React67.createElement(InfiniteTableComponent, null));
22523
22505
  }
22524
- function InfiniteTable(props) {
22506
+ var DEFAULT_ROW_HEIGHT = 40;
22507
+ var DEFAULT_COLUMN_HEADER_HEIGHT = toCSSVarName(columnHeaderHeightName);
22508
+ var InfiniteTable = function(props) {
22525
22509
  const table = (
22526
22510
  //@ts-ignore
22527
- /* @__PURE__ */ React67.createElement(InfiniteTableRoot, __spreadValues({}, props), /* @__PURE__ */ React67.createElement(InfiniteTableContextProvider, null))
22511
+ /* @__PURE__ */ React67.createElement(
22512
+ InfiniteTableRoot,
22513
+ __spreadValues({
22514
+ rowHeight: DEFAULT_ROW_HEIGHT,
22515
+ columnHeaderHeight: DEFAULT_COLUMN_HEADER_HEIGHT
22516
+ }, props),
22517
+ /* @__PURE__ */ React67.createElement(InfiniteTableContextProvider, null)
22518
+ )
22528
22519
  );
22529
22520
  if (false) {
22530
22521
  return /* @__PURE__ */ React67.createElement(React67.StrictMode, null, table);
22531
22522
  }
22532
22523
  return table;
22533
- }
22534
- InfiniteTable.defaultProps = {
22535
- rowHeight: 40,
22536
- columnHeaderHeight: toCSSVarName(columnHeaderHeightName)
22537
22524
  };
22538
22525
 
22539
22526
  // src/utils/FixedSizeSet.ts