@infinite-table/infinite-react 0.2.14 → 0.2.15

package/index.esm.js

@@ -633,7 +633,7 @@ function debounce(fn, { wait }) {
 // src/components/InfiniteTable/index.tsx
 import {
   StrictMode,
-  createElement as createElement32,
+  createElement as createElement33,
   memo as memo13,
   useEffect as useEffect25,
   useLayoutEffect as useLayoutEffect5
@@ -2545,7 +2545,7 @@ import { useEffect as useEffect9, useMemo as useMemo5 } from "react";
 
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 import {
-  createElement as createElement4
+  createElement as createElement5
 } from "react";
 
 // src/utils/join.ts
@@ -2620,6 +2620,15 @@ var userSelect = { none: "_16lm1iwm" };
 var willChange = { transform: "_16lm1iw19" };
 var zIndex = { "1": "_16lm1iwe", "10": "_16lm1iwf", "1000": "_16lm1iwg", "10000": "_16lm1iwh", "100000": "_16lm1iwi" };
 
+// src/components/InfiniteTable/utils/RenderHookComponent.tsx
+import {
+  Fragment,
+  createElement as createElement4
+} from "react";
+function RenderHookComponent(props) {
+  return /* @__PURE__ */ createElement4(Fragment, null, props.render(props.renderParam));
+}
+
 // src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function getGroupColumnRender({
   groupIndexForColumn,
@@ -2630,7 +2639,10 @@ function getGroupColumnRender({
     var _a, _b, _c;
     let { value, rowInfo, column, groupBy, pivotBy } = renderOptions;
     if (column.renderValue) {
-      value = column.renderValue(renderOptions);
+      value = /* @__PURE__ */ createElement5(RenderHookComponent, {
+        render: column.renderValue,
+        renderParam: renderOptions
+      });
     }
     let groupRowInfo = groupRenderStrategy !== "inline" ? rowInfo : ((_a = rowInfo.parents) == null ? void 0 : _a[groupIndexForColumn]) || rowInfo;
     if (!groupRowInfo) {
@@ -2656,17 +2668,20 @@ function getGroupColumnRender({
     let icon = null;
     const showExpanderIcon = pivotBy ? (((_b = groupRowInfo.groupKeys) == null ? void 0 : _b.length) || 0) < (groupBy == null ? void 0 : groupBy.length) : (((_c = groupRowInfo.groupKeys) == null ? void 0 : _c.length) || 0) <= (groupBy == null ? void 0 : groupBy.length);
     if (showExpanderIcon) {
-      const defaultIcon = /* @__PURE__ */ createElement4(ExpanderIcon, {
+      const defaultIcon = /* @__PURE__ */ createElement5(ExpanderIcon, {
         expanded: !collapsed,
         onChange: () => {
           toggleGroupRow(groupKeys);
         }
       });
-      icon = column.renderGroupIcon ? column.renderGroupIcon(Object.assign({ collapsed, groupIcon: defaultIcon }, renderOptions)) : defaultIcon;
+      icon = column.renderGroupIcon ? /* @__PURE__ */ createElement5(RenderHookComponent, {
+        render: column.renderGroupIcon,
+        renderParam: Object.assign({ collapsed, groupIcon: defaultIcon }, renderOptions)
+      }) : defaultIcon;
     }
-    return /* @__PURE__ */ createElement4("div", {
+    return /* @__PURE__ */ createElement5("div", {
       className: join(display.flex, alignItems.center)
-    }, icon, /* @__PURE__ */ createElement4("div", {
+    }, icon, /* @__PURE__ */ createElement5("div", {
       className: cssEllipsisClassName
     }, value != null ? value : null));
   };
@@ -2714,7 +2729,7 @@ function getSingleGroupColumn(options, toggleGroupRow, groupColumnFromProps) {
       let icon = null;
       const showExpanderIcon = pivotBy ? (((_a = rowInfo.groupKeys) == null ? void 0 : _a.length) || 0) < (groupBy == null ? void 0 : groupBy.length) : (((_b = rowInfo.groupKeys) == null ? void 0 : _b.length) || 0) <= (groupBy == null ? void 0 : groupBy.length);
       if (showExpanderIcon) {
-        const defaultIcon = /* @__PURE__ */ createElement4(ExpanderIcon, {
+        const defaultIcon = /* @__PURE__ */ createElement5(ExpanderIcon, {
           expanded: !collapsed,
           onChange: () => {
             toggleGroupRow(rowInfo.groupKeys);
@@ -2722,9 +2737,9 @@ function getSingleGroupColumn(options, toggleGroupRow, groupColumnFromProps) {
         });
         icon = column.renderGroupIcon ? column.renderGroupIcon(Object.assign({ collapsed, groupIcon: defaultIcon }, renderOptions)) : defaultIcon;
       }
-      return /* @__PURE__ */ createElement4("div", {
+      return /* @__PURE__ */ createElement5("div", {
         className: join(display.flex, alignItems.center, GroupRowExpanderCls)
-      }, icon, /* @__PURE__ */ createElement4("div", {
+      }, icon, /* @__PURE__ */ createElement5("div", {
         className: cssEllipsisClassName
       }, value != null ? value : null));
     }
@@ -2744,8 +2759,8 @@ import { useCallback as useCallback4 } from "react";
 
 // src/components/DataSource/index.tsx
 import {
-  Fragment,
-  createElement as createElement5
+  Fragment as Fragment2,
+  createElement as createElement6
 } from "react";
 
 // src/utils/multisort/sortTypes.ts
@@ -4539,7 +4554,7 @@ function DataSourceWithContext(props) {
   if (typeof children === "function") {
     children = children(computedValues);
   }
-  return /* @__PURE__ */ createElement5(Fragment, null, children);
+  return /* @__PURE__ */ createElement6(Fragment2, null, children);
 }
 var DataSourceRoot = getComponentStateRoot({
   initSetupState: initSetupState2,
@@ -4562,14 +4577,14 @@ function DataSourceCmp({ children }) {
     globalThis.getDataSourceState = getState;
   }
   useLoadData();
-  return /* @__PURE__ */ createElement5(DataSourceContext.Provider, {
+  return /* @__PURE__ */ createElement6(DataSourceContext.Provider, {
     value: contextValue
-  }, /* @__PURE__ */ createElement5(DataSourceWithContext, {
+  }, /* @__PURE__ */ createElement6(DataSourceWithContext, {
     children
   }));
 }
 function DataSource(props) {
-  return /* @__PURE__ */ createElement5(DataSourceRoot, __spreadValues({}, props), /* @__PURE__ */ createElement5(DataSourceCmp, {
+  return /* @__PURE__ */ createElement6(DataSourceRoot, __spreadValues({}, props), /* @__PURE__ */ createElement6(DataSourceCmp, {
     children: props.children
   }));
 }
@@ -5107,7 +5122,7 @@ function useComputed() {
 
 // src/components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody.tsx
 import {
-  createElement as createElement6,
+  createElement as createElement7,
   forwardRef
 } from "react";
 
@@ -5119,7 +5134,7 @@ var useInternalProps = () => {
 // src/components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody.tsx
 var InfiniteTableBody = forwardRef(function InfiniteTableBody2(props, ref) {
   const { rootClassName: rootClassName12 } = useInternalProps();
-  return /* @__PURE__ */ createElement6("div", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ createElement7("div", __spreadProps(__spreadValues({
     ref
   }, props), {
     className: join(`${rootClassName12}Body`, position.relative, flex["1"], transformTranslateZero, props.className)
@@ -5128,12 +5143,12 @@ var InfiniteTableBody = forwardRef(function InfiniteTableBody2(props, ref) {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderWrapper.tsx
 import {
-  createElement as createElement18
+  createElement as createElement19
 } from "react";
 
 // src/components/InfiniteTable/components/ScrollbarPlaceholder.tsx
 import {
-  createElement as createElement7,
+  createElement as createElement8,
   memo as memo2
 } from "react";
 function HorizontalScrollbarPlaceholderFn(props) {
@@ -5141,7 +5156,7 @@ function HorizontalScrollbarPlaceholderFn(props) {
   if (!scrollbarWidth2) {
     return null;
   }
-  return /* @__PURE__ */ createElement7("div", {
+  return /* @__PURE__ */ createElement8("div", {
     "data-name": "horizontal-scrollbar-placeholder",
     style: __spreadValues({
       position: "absolute",
@@ -5157,7 +5172,7 @@ function VerticalScrollbarPlaceholderFn(props) {
   if (!scrollbarWidth2) {
     return null;
   }
-  return /* @__PURE__ */ createElement7("div", {
+  return /* @__PURE__ */ createElement8("div", {
     "data-name": "vertical-scrollbar-placeholder",
     style: __spreadValues({
       position: "absolute",
@@ -5183,21 +5198,22 @@ var HeaderWrapperCls = "_12zfob1v _16lm1iw16 _16lm1iw1 _16lm1iwj _16lm1iw10";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeader.tsx
 import {
-  createElement as createElement14,
+  createElement as createElement15,
   memo as memo6
 } from "react";
 import { useCallback as useCallback8, useEffect as useEffect14, useRef as useRef9 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
 import {
-  Fragment as Fragment2,
-  createElement as createElement10
+  createContext as createContext4,
+  createElement as createElement11
 } from "react";
-import { useCallback as useCallback7, useEffect as useEffect12, useRef as useRef8 } from "react";
+import { useCallback as useCallback7, useContext as useContext5, useEffect as useEffect12, useRef as useRef8 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableCell.tsx
 import {
-  createElement as createElement8,
+  Fragment as Fragment3,
+  createElement as createElement9,
   memo as memo3
 } from "react";
 
@@ -5221,7 +5237,7 @@ var { rootClassName: rootClassName2 } = internalProps;
 var InfiniteTableCellClassName = `${rootClassName2}Cell`;
 var InfiniteTableCellContentClassName = `${rootClassName2}Cell_content`;
 function InfiniteTableCellFn(props) {
-  var _b, _c;
+  var _b, _c, _d, _e;
   const _a = props, {
     cssEllipsis = true,
     virtualized = true,
@@ -5229,10 +5245,12 @@ function InfiniteTableCellFn(props) {
     offsetProperty = "left",
     column,
     domRef,
-    children,
     afterChildren,
     beforeChildren,
-    offset
+    offset,
+    cellType,
+    cssPosition: _cssPosition,
+    renderChildren
   } = _a, domProps = __objRest(_a, [
     "cssEllipsis",
     "virtualized",
@@ -5240,11 +5258,14 @@ function InfiniteTableCellFn(props) {
     "offsetProperty",
     "column",
     "domRef",
-    "children",
     "afterChildren",
     "beforeChildren",
-    "offset"
+    "offset",
+    "cellType",
+    "cssPosition",
+    "renderChildren"
   ]);
+  const children = renderChildren();
   const { columnShifts } = useInfiniteTableState();
   const shifting = !!columnShifts;
   const style = __spreadValues({
@@ -5259,14 +5280,21 @@ function InfiniteTableCellFn(props) {
       style.transform = `translate3d(${shiftLeft}px, 0px, 0px)`;
     }
   }
-  return /* @__PURE__ */ createElement8("div", __spreadProps(__spreadValues({}, domProps), {
-    ref: domRef,
+  const finalDOMProps = __spreadProps(__spreadValues({}, domProps), {
     style,
-    "data-name": `Cell`,
-    className: join(domProps.className, columnAlignCellStyle[(_b = column.align) != null ? _b : "start"], justifyContent[(_c = column.align) != null ? _c : "start"], InfiniteTableCellClassName, ColumnCellCls, shifting ? `${InfiniteTableCellClassName}--shifting ${CellClsVariants.shifting}` : "")
-  }), beforeChildren, /* @__PURE__ */ createElement8("div", {
-    className: `${InfiniteTableCellContentClassName} ${cssEllipsis ? cssEllipsisClassName : overflow.hidden}`
-  }, children), afterChildren);
+    "data-name": "Cell",
+    className: join(domProps.className, columnAlignCellStyle[(_b = column.align) != null ? _b : "start"], justifyContent[(_c = column.align) != null ? _c : "start"], InfiniteTableCellClassName, ColumnCellCls, shifting ? `${InfiniteTableCellClassName}--shifting ${CellClsVariants.shifting}` : ""),
+    children: /* @__PURE__ */ createElement9(Fragment3, null, beforeChildren, /* @__PURE__ */ createElement9("div", {
+      className: `${InfiniteTableCellContentClassName} ${cssEllipsis ? cssEllipsisClassName : overflow.hidden}`
+    }, children), afterChildren)
+  });
+  const RenderComponent = cellType === "body" ? (_d = column.components) == null ? void 0 : _d.ColumnCell : (_e = column.components) == null ? void 0 : _e.HeaderCell;
+  if (RenderComponent) {
+    return /* @__PURE__ */ createElement9(RenderComponent, __spreadValues({}, finalDOMProps));
+  }
+  return /* @__PURE__ */ createElement9("div", __spreadProps(__spreadValues({}, finalDOMProps), {
+    ref: domRef
+  }));
 }
 var InfiniteTableCell = memo3(InfiniteTableCellFn);
 
@@ -5469,7 +5497,7 @@ import { createPortal } from "react-dom";
 
 // src/components/InfiniteTable/components/icons/SortIcon.tsx
 import {
-  createElement as createElement9
+  createElement as createElement10
 } from "react";
 import { useEffect as useEffect11, useState as useState7 } from "react";
 var defaultLineStyle = {
@@ -5525,23 +5553,24 @@ function SortIcon(props) {
   if (direction === -1) {
     indexStyle.top = "100%";
   }
-  return /* @__PURE__ */ createElement9("div", {
+  return /* @__PURE__ */ createElement10("div", {
     style: __spreadProps(__spreadValues({}, style), { width: size }),
     className: join(className, InfiniteTableIconClassName, `${InfiniteTableIconClassName}-sort`)
-  }, showIndex ? /* @__PURE__ */ createElement9("div", {
+  }, showIndex ? /* @__PURE__ */ createElement10("div", {
     "data-name": "index",
     style: indexStyle
-  }, index) : null, /* @__PURE__ */ createElement9("div", {
+  }, index) : null, /* @__PURE__ */ createElement10("div", {
     style: __spreadValues({ width: sizes[0] }, lineStyle),
     onTransitionEnd
-  }), /* @__PURE__ */ createElement9("div", {
+  }), /* @__PURE__ */ createElement10("div", {
     style: __spreadValues({ width: sizes[1] }, lineStyle)
-  }), /* @__PURE__ */ createElement9("div", {
+  }), /* @__PURE__ */ createElement10("div", {
     style: __spreadValues({ width: sizes[2] }, lineStyle)
   }));
 }
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
+var InfiniteTableHeaderCellContext = createContext4(null);
 var defaultStyle = {
   position: "absolute",
   top: 0
@@ -5560,24 +5589,33 @@ function InfiniteTableHeaderCell(props) {
   }
   const sortInfo = column.computedSortInfo;
   let header = column.header;
-  if (header instanceof Function) {
-    header = header({
-      column,
-      columnSortInfo: sortInfo
-    });
-  }
-  header = header != null ? header : column.name;
-  const sortTool = /* @__PURE__ */ createElement10(SortIcon, {
-    index: column.computedMultiSort ? column.computedSortIndex + 1 : void 0,
-    className: `${InfiniteTableHeaderCellClassName}__sort-icon ${HeaderSortIconCls}`,
-    direction: column.computedSorted ? column.computedSortedAsc ? 1 : -1 : 0
-  });
-  const domRef = useRef8(null);
   const ref = useCallback7((node) => {
     var _a2;
     domRef.current = node;
     (_a2 = props.domRef) == null ? void 0 : _a2.call(props, node);
   }, [props.domRef]);
+  const sortTool = /* @__PURE__ */ createElement11(SortIcon, {
+    index: column.computedMultiSort ? column.computedSortIndex + 1 : void 0,
+    className: `${InfiniteTableHeaderCellClassName}__sort-icon ${HeaderSortIconCls}`,
+    direction: column.computedSorted ? column.computedSortedAsc ? 1 : -1 : 0
+  });
+  const renderParam = {
+    domRef: ref,
+    column,
+    columnSortInfo: sortInfo,
+    sortTool
+  };
+  const renderChildren = () => {
+    if (header instanceof Function) {
+      header = /* @__PURE__ */ createElement11(RenderHookComponent, {
+        render: header,
+        renderParam
+      });
+    }
+    header = header != null ? header : column.name;
+    return header;
+  };
+  const domRef = useRef8(null);
   const {
     computed: { computedRemainingSpace },
     componentState: { portalDOMRef }
@@ -5605,7 +5643,7 @@ function InfiniteTableHeaderCell(props) {
   let offset = offsetFromProps != null ? offsetFromProps : virtualized ? 0 : column.computedPinningOffset;
   let draggingProxy = null;
   if (dragging) {
-    draggingProxy = /* @__PURE__ */ createElement10("div", {
+    draggingProxy = /* @__PURE__ */ createElement11("div", {
       className: `${InfiniteTableHeaderCellClassName}Proxy ${HeaderCellProxy}`,
       style: {
         position: "absolute",
@@ -5618,8 +5656,12 @@ function InfiniteTableHeaderCell(props) {
     }, header);
     draggingProxy = createPortal(draggingProxy, portalDOMRef.current);
   }
-  return /* @__PURE__ */ createElement10(Fragment2, null, /* @__PURE__ */ createElement10(InfiniteTableCell, {
+  const ContextProvider = InfiniteTableHeaderCellContext.Provider;
+  return /* @__PURE__ */ createElement11(ContextProvider, {
+    value: renderParam
+  }, /* @__PURE__ */ createElement11(InfiniteTableCell, {
     domRef: ref,
+    cellType: "header",
     column,
     "data-name": `HeaderCell`,
     "data-column-id": column.id,
@@ -5629,21 +5671,26 @@ function InfiniteTableHeaderCell(props) {
     onPointerUp,
     className: join(InfiniteTableHeaderCellClassName, userSelect.none, column.computedSortable ? cursor.pointer : "", useCellClassName(column, [InfiniteTableHeaderCellClassName, InfiniteTableCellClassName], HeaderCellRecipe, { dragging }), CellCls),
     cssEllipsis: (_d = (_c = column.headerCssEllipsis) != null ? _c : column.cssEllipsis) != null ? _d : true,
-    afterChildren: sortTool
-  }, header), draggingProxy);
+    afterChildren: sortTool,
+    renderChildren
+  }), draggingProxy);
+}
+function useInfiniteHeaderCell() {
+  const result = useContext5(InfiniteTableHeaderCellContext);
+  return result;
 }
 
 // src/components/RawList/index.tsx
 import {
-  createElement as createElement13,
+  createElement as createElement14,
   memo as memo5
 } from "react";
 import { useEffect as useEffect13 } from "react";
 
 // src/components/RawList/AvoidReactDiff.tsx
 import {
-  Fragment as Fragment3,
-  createElement as createElement11,
+  Fragment as Fragment4,
+  createElement as createElement12,
   memo as memo4
 } from "react";
 import { useLayoutEffect as useLayoutEffect3, useState as useState8 } from "react";
@@ -5655,7 +5702,7 @@ function AvoidReactDiffFn(props) {
     });
     return remove;
   }, [props.updater]);
-  return /* @__PURE__ */ createElement11(Fragment3, null, children);
+  return /* @__PURE__ */ createElement12(Fragment4, null, children);
 }
 var AvoidReactDiff = memo4(AvoidReactDiffFn);
 
@@ -5664,7 +5711,7 @@ import { useMemo as useMemo8 } from "react";
 
 // src/components/RawList/ReactVirtualRenderer.tsx
 import {
-  createElement as createElement12
+  createElement as createElement13
 } from "react";
 
 // src/components/RawList/MappedItems.ts
@@ -5910,7 +5957,7 @@ var ReactVirtualRenderer = class extends Logger {
     };
     this.itemDOMRefs[elementIndex] = domRef;
     this.updaters[elementIndex] = buildSubscriptionCallback();
-    const item = /* @__PURE__ */ createElement12(AvoidReactDiff, {
+    const item = /* @__PURE__ */ createElement13(AvoidReactDiff, {
       key: elementIndex,
       name: `${elementIndex}`,
       updater: this.updaters[elementIndex]
@@ -6007,7 +6054,7 @@ function RawListFn(props) {
     });
     return remove;
   }, [brain, onRenderUpdater]);
-  return /* @__PURE__ */ createElement13(AvoidReactDiff, {
+  return /* @__PURE__ */ createElement14(AvoidReactDiff, {
     updater: onRenderUpdater
   });
 }
@@ -6032,7 +6079,7 @@ function InfiniteTableHeaderFn(props) {
       }
       return null;
     }
-    return /* @__PURE__ */ createElement14(InfiniteTableHeaderCell, {
+    return /* @__PURE__ */ createElement15(InfiniteTableHeaderCell, {
       domRef: domRef2,
       column,
       headerHeight,
@@ -6059,7 +6106,7 @@ function InfiniteTableHeaderFn(props) {
     className: join(TableHeaderClassName, `${TableHeaderClassName}--virtualized`, className, headerCls),
     style
   };
-  return /* @__PURE__ */ createElement14("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement14(RawList, {
+  return /* @__PURE__ */ createElement15("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement15(RawList, {
     brain,
     renderItem: renderColumn
   }));
@@ -6068,7 +6115,7 @@ var InfiniteTableHeader = memo6(InfiniteTableHeaderFn);
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderUnvirtualized.tsx
 import {
-  createElement as createElement17,
+  createElement as createElement18,
   memo as memo7,
   useMemo as useMemo9,
   useRef as useRef10
@@ -6076,7 +6123,7 @@ import {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/renderColumnHeaderGroups.tsx
 import {
-  createElement as createElement16
+  createElement as createElement17
 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/buildColumnAndGroupTree.ts
@@ -6168,7 +6215,7 @@ function assignGroupOffsetsAndComputedWidths(items, groupOffset = 0) {
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderGroup.tsx
 import {
-  createElement as createElement15
+  createElement as createElement16
 } from "react";
 var TableHeaderGroupClassName = `${rootClassName}HeaderGroup`;
 function InfiniteTableHeaderGroup(props) {
@@ -6183,16 +6230,16 @@ function InfiniteTableHeaderGroup(props) {
     width: columnGroup.computedWidth,
     height
   };
-  return /* @__PURE__ */ createElement15("div", {
+  return /* @__PURE__ */ createElement16("div", {
     "data-group-id": columnGroup.id,
     className: join(HeaderGroupCls, TableHeaderGroupClassName, `${TableHeaderGroupClassName}--unvirtualized`),
     style
-  }, /* @__PURE__ */ createElement15("div", {
+  }, /* @__PURE__ */ createElement16("div", {
     className: join(`${TableHeaderGroupClassName}__header`, HeaderGroup_Header),
     style: { height: headerHeight }
-  }, /* @__PURE__ */ createElement15("div", {
+  }, /* @__PURE__ */ createElement16("div", {
     className: join(`${TableHeaderGroupClassName}__header-content`, cssEllipsisClassName)
-  }, header)), /* @__PURE__ */ createElement15("div", {
+  }, header)), /* @__PURE__ */ createElement16("div", {
     className: join(`${TableHeaderGroupClassName}__children`, HeaderGroup_Children)
   }, props.children));
 }
@@ -6215,7 +6262,7 @@ function renderColumnHeaderGroups(config) {
     return items2.map((colGroupItem) => {
       if (colGroupItem.type === "column") {
         const col = colGroupItem.ref;
-        return /* @__PURE__ */ createElement16(InfiniteTableHeaderCell, {
+        return /* @__PURE__ */ createElement17(InfiniteTableHeaderCell, {
           key: col.id,
           headerHeight: (columnGroupsMaxDepth - colGroupItem.depth + 2) * headerHeight,
           column: col,
@@ -6229,7 +6276,7 @@ function renderColumnHeaderGroups(config) {
         colIds.push(col.id);
         return col;
       });
-      return /* @__PURE__ */ createElement16(InfiniteTableHeaderGroup, {
+      return /* @__PURE__ */ createElement17(InfiniteTableHeaderGroup, {
         key: `${colGroupItem.uniqueGroupId.join("/")}`,
         columns: columns2,
         height: (columnGroupsMaxDepth - colGroupItem.depth + 2) * headerHeight,
@@ -6303,7 +6350,7 @@ function InfiniteTableHeaderUnvirtualizedFn(props) {
     columnGroupsMaxDepth
   ]);
   const children = hasColumnGroups ? columnHeaderGroups : columns.map((c) => {
-    return /* @__PURE__ */ createElement17(InfiniteTableHeaderCell, {
+    return /* @__PURE__ */ createElement18(InfiniteTableHeaderCell, {
       key: c.id,
       headerHeight,
       column: c,
@@ -6328,14 +6375,14 @@ function InfiniteTableHeaderUnvirtualizedFn(props) {
     const removeOnScroll = scroller.onScroll(onScroll);
     return removeOnScroll;
   }, [brain, scrollListener]);
-  return /* @__PURE__ */ createElement17("div", __spreadProps(__spreadValues({}, domProps), {
+  return /* @__PURE__ */ createElement18("div", __spreadProps(__spreadValues({}, domProps), {
     className: join(TableHeaderClassName2, `${TableHeaderClassName2}--unvirtualized`, pinning ? `${TableHeaderClassName2}--pinned ${TableHeaderClassName2}-${pinning}` : "", scrollable ? `${TableHeaderClassName2}--overflow` : "", domProps.className, HeaderClsRecipe({
       pinned: pinning,
       virtualized: false,
       overflow: scrollable
     })),
     style
-  }), /* @__PURE__ */ createElement17("div", {
+  }), /* @__PURE__ */ createElement18("div", {
     style: { width: totalWidth },
     className: join(flexFlow.row, display.flex),
     ref: domRef
@@ -6374,7 +6421,7 @@ function TableHeaderWrapper(props) {
   const unvirtualizedStyle = !virtualizeHeader && computedPinnedStartColumnsWidth ? {
     left: computedPinnedStartWidth
   } : void 0;
-  const header = virtualizeHeader ? /* @__PURE__ */ createElement18(InfiniteTableHeader, {
+  const header = virtualizeHeader ? /* @__PURE__ */ createElement19(InfiniteTableHeader, {
     columns: computedUnpinnedColumns,
     repaintId: virtualizeHeader ? repaintId : void 0,
     brain,
@@ -6387,7 +6434,7 @@ function TableHeaderWrapper(props) {
     },
     availableWidth: computedUnpinnedColumnsWidth,
     totalWidth: computedUnpinnedColumnsWidth
-  }) : /* @__PURE__ */ createElement18(InfiniteTableHeaderUnvirtualized, {
+  }) : /* @__PURE__ */ createElement19(InfiniteTableHeaderUnvirtualized, {
     style: unvirtualizedStyle,
     brain,
     scrollable: true,
@@ -6396,12 +6443,12 @@ function TableHeaderWrapper(props) {
     availableWidth: computedUnpinnedColumnsWidth,
     totalWidth: computedUnpinnedColumnsWidth
   });
-  return /* @__PURE__ */ createElement18("div", {
+  return /* @__PURE__ */ createElement19("div", {
     className: HeaderWrapperCls,
     style: {
       height: virtualizeHeader ? height : void 0
     }
-  }, hasPinnedStart ? /* @__PURE__ */ createElement18(InfiniteTableHeaderUnvirtualized, {
+  }, hasPinnedStart ? /* @__PURE__ */ createElement19(InfiniteTableHeaderUnvirtualized, {
     style: {
       left: 0,
       position: "absolute",
@@ -6413,7 +6460,7 @@ function TableHeaderWrapper(props) {
     scrollable: computedPinnedStartOverflow,
     pinning: "start",
     scrollListener: computedPinnedStartOverflow ? pinnedStartScrollListener : void 0
-  }) : null, header, hasPinnedEnd ? /* @__PURE__ */ createElement18(InfiniteTableHeaderUnvirtualized, {
+  }) : null, header, hasPinnedEnd ? /* @__PURE__ */ createElement19(InfiniteTableHeaderUnvirtualized, {
     style: {
       right: scrollbars.vertical ? getScrollbarWidth() : 0,
       position: "absolute",
@@ -6425,7 +6472,7 @@ function TableHeaderWrapper(props) {
     scrollable: computedPinnedEndOverflow,
     pinning: "end",
     scrollListener: computedPinnedEndOverflow ? pinnedEndScrollListener : void 0
-  }) : null, scrollbars.vertical ? /* @__PURE__ */ createElement18(VerticalScrollbarPlaceholder, {
+  }) : null, scrollbars.vertical ? /* @__PURE__ */ createElement19(VerticalScrollbarPlaceholder, {
     style: {
       height: "100%",
       right: 0
@@ -6435,7 +6482,7 @@ function TableHeaderWrapper(props) {
 
 // src/components/VirtualScrollContainer/index.tsx
 import {
-  createElement as createElement19,
+  createElement as createElement20,
   forwardRef as forwardRef2
 } from "react";
 import { useRef as useRef11 } from "react";
@@ -6491,7 +6538,7 @@ var VirtualScrollContainer = forwardRef2(function VirtualScrollContainer2(props,
   } = props;
   const domRef = ref != null ? ref : useRef11(null);
   useOnScroll(domRef, onContainerScroll);
-  return /* @__PURE__ */ createElement19("div", {
+  return /* @__PURE__ */ createElement20("div", {
     ref: domRef,
     style,
     className: join(className, rootClassName6, VirtualScrollContainerCls, getScrollableClassName(scrollable))
@@ -6500,7 +6547,7 @@ var VirtualScrollContainer = forwardRef2(function VirtualScrollContainer2(props,
 
 // src/components/VirtualList/SpacePlaceholder.tsx
 import {
-  createElement as createElement20,
+  createElement as createElement21,
   memo as memo8
 } from "react";
 function SpacePlaceholderFn(props) {
@@ -6512,7 +6559,7 @@ function SpacePlaceholderFn(props) {
     opacity: 0,
     pointerEvents: "none"
   };
-  return /* @__PURE__ */ createElement20("div", {
+  return /* @__PURE__ */ createElement21("div", {
     "data-count": count,
     "data-placeholder-width": true ? width : void 0,
     "data-placeholder-height": true ? height : void 0,
@@ -6527,20 +6574,20 @@ import { useEffect as useEffect22, useMemo as useMemo11, useRef as useRef17 } fr
 
 // src/components/InfiniteTable/hooks/useUnpinnedRendering.tsx
 import {
-  createElement as createElement26
+  createElement as createElement27
 } from "react";
 import { useCallback as useCallback12 } from "react";
 
 // src/components/VirtualList/VirtualRowList.tsx
 import {
-  createElement as createElement22,
+  createElement as createElement23,
   useCallback as useCallback9
 } from "react";
 
 // src/components/VirtualList/VirtualList.tsx
 import {
-  Fragment as Fragment4,
-  createElement as createElement21
+  Fragment as Fragment5,
+  createElement as createElement22
 } from "react";
 import { useRef as useRef12, useEffect as useEffect17, useState as useState9 } from "react";
 
@@ -6623,19 +6670,19 @@ var VirtualList = (props) => {
   if (true) {
     domProps["data-cmp-name"] = `VirtualList`;
   }
-  return /* @__PURE__ */ createElement21(Fragment4, null, /* @__PURE__ */ createElement21("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement21(VirtualScrollContainer, {
+  return /* @__PURE__ */ createElement22(Fragment5, null, /* @__PURE__ */ createElement22("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement22(VirtualScrollContainer, {
     scrollable,
     onContainerScroll
-  }, /* @__PURE__ */ createElement21("div", {
+  }, /* @__PURE__ */ createElement22("div", {
     ref: domRef,
     className: scrollTransformTargetCls,
     "data-name": "scroll-transform-target"
-  }, /* @__PURE__ */ createElement21(RawList, {
+  }, /* @__PURE__ */ createElement22(RawList, {
     brain: virtualBrain,
     renderItem,
     repaintId,
     debugChannel: "VirtualList-" + mainAxis
-  })), children, /* @__PURE__ */ createElement21(SpacePlaceholder, {
+  })), children, /* @__PURE__ */ createElement22(SpacePlaceholder, {
     count,
     width,
     height
@@ -6652,7 +6699,7 @@ var VirtualRowList = (props) => {
       rowIndex: renderProps.itemIndex
     });
   }, [renderRow]);
-  return /* @__PURE__ */ createElement22(VirtualList, __spreadProps(__spreadValues({}, listProps), {
+  return /* @__PURE__ */ createElement23(VirtualList, __spreadProps(__spreadValues({}, listProps), {
     renderItem,
     mainAxis: "vertical",
     itemMainAxisSize: rowHeight,
@@ -6662,7 +6709,7 @@ var VirtualRowList = (props) => {
 
 // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableRow.tsx
 import {
-  createElement as createElement24,
+  createElement as createElement25,
   memo as memo10,
   useCallback as useCallback11
 } from "react";
@@ -6670,10 +6717,13 @@ import { useRef as useRef14 } from "react";
 
 // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableColumnCell.tsx
 import {
-  createElement as createElement23,
+  createContext as createContext5,
+  createElement as createElement24,
   memo as memo9
 } from "react";
+import { useContext as useContext6 } from "react";
 var { rootClassName: rootClassName8 } = internalProps;
+var InfiniteTableColumnCellContext = createContext5(null);
 var InfiniteTableColumnCellClassName = `${rootClassName8}ColumnCell`;
 function isColumnWithField(c) {
   return typeof c.field === "string";
@@ -6720,24 +6770,31 @@ function InfiniteTableColumnCellFn(props) {
     column
   }, rest);
   let renderValue = value;
-  if (column.render || column.renderValue) {
-    const renderParam = __spreadProps(__spreadValues({
-      value,
-      column,
-      groupRowInfo
-    }, rest), {
-      rowIndex,
-      toggleGroupRow,
-      toggleCurrentGroupRow: () => toggleGroupRow(rowInfo.groupKeys),
-      groupBy: computedDataSource.groupBy,
-      pivotBy: computedDataSource.pivotBy
-    });
-    if (column.render) {
-      renderValue = column.render(renderParam);
-    } else if (column.renderValue) {
-      renderValue = column.renderValue(renderParam);
+  const renderParam = __spreadProps(__spreadValues({
+    value,
+    column,
+    domRef,
+    groupRowInfo
+  }, rest), {
+    rowIndex,
+    toggleGroupRow,
+    toggleCurrentGroupRow: () => toggleGroupRow(rowInfo.groupKeys),
+    groupBy: computedDataSource.groupBy,
+    pivotBy: computedDataSource.pivotBy
+  });
+  const renderChildren = () => {
+    if (hidden) {
+      return null;
     }
-  }
+    const renderFn = column.render || column.renderValue;
+    if (renderFn) {
+      return /* @__PURE__ */ createElement24(RenderHookComponent, {
+        render: renderFn,
+        renderParam
+      });
+    }
+    return renderValue;
+  };
   const colClassName = column.className ? typeof column.className === "function" ? column.className(stylingRenderParam) : column.className : void 0;
   const colStyle = column.style ? typeof column.style === "function" ? column.style(stylingRenderParam) : column.style : void 0;
   const style = colStyle ? __spreadProps(__spreadValues({}, colStyle), {
@@ -6765,18 +6822,28 @@ function InfiniteTableColumnCellFn(props) {
       }
     }
   }
-  return /* @__PURE__ */ createElement23(InfiniteTableCell, __spreadProps(__spreadValues({
+  const cellProps = __spreadProps(__spreadValues({
     domRef,
     offsetProperty
   }, dataset), {
+    cellType: "body",
     column,
     offset: virtualized ? 0 : column.computedPinningOffset,
     style,
     cssEllipsis: (_a = column.cssEllipsis) != null ? _a : true,
-    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, { dragging: false }), colClassName)
-  }), hidden ? null : renderValue);
+    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, { dragging: false }), colClassName),
+    renderChildren
+  });
+  const ContextProvider = InfiniteTableColumnCellContext.Provider;
+  return /* @__PURE__ */ createElement24(ContextProvider, {
+    value: renderParam
+  }, /* @__PURE__ */ createElement24(InfiniteTableCell, __spreadValues({}, cellProps)));
 }
 var InfiniteTableColumnCell = memo9(InfiniteTableColumnCellFn);
+function useInfiniteColumnCell() {
+  const result = useContext6(InfiniteTableColumnCellContext);
+  return result;
+}
 
 // src/components/InfiniteTable/components/InfiniteTableRow/useRowDOMProps.ts
 import {
@@ -6916,7 +6983,7 @@ function InfiniteTableRowFn(props) {
     if (!column) {
     }
     const hidden = false;
-    return /* @__PURE__ */ createElement24(InfiniteTableColumnCell, {
+    return /* @__PURE__ */ createElement25(InfiniteTableColumnCell, {
       getData,
       rowInfo,
       groupRenderStrategy,
@@ -6943,9 +7010,9 @@ function InfiniteTableRowFn(props) {
   if (true) {
     domProps["data-cmp-name"] = "ITableRow";
   }
-  return /* @__PURE__ */ createElement24("div", __spreadProps(__spreadValues({}, domProps), {
+  return /* @__PURE__ */ createElement25("div", __spreadProps(__spreadValues({}, domProps), {
     style
-  }), /* @__PURE__ */ createElement24(RawList, {
+  }), /* @__PURE__ */ createElement25(RawList, {
     brain,
     renderItem: renderCell,
     debugChannel: `${rowIndex}`
@@ -6955,7 +7022,7 @@ var InfiniteTableRow = memo10(InfiniteTableRowFn);
 
 // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableRowUnvirtualized.tsx
 import {
-  createElement as createElement25,
+  createElement as createElement26,
   memo as memo11
 } from "react";
 function TableRowUnvirtualizedFn(props) {
@@ -6978,7 +7045,7 @@ function TableRowUnvirtualizedFn(props) {
   }, domProps.style);
   const children = columns.map((col) => {
     const hidden = false;
-    return /* @__PURE__ */ createElement25(InfiniteTableColumnCell, {
+    return /* @__PURE__ */ createElement26(InfiniteTableColumnCell, {
       key: col.id,
       virtualized: false,
       rowHeight,
@@ -6991,7 +7058,7 @@ function TableRowUnvirtualizedFn(props) {
       column: col
     });
   });
-  return /* @__PURE__ */ createElement25("div", __spreadProps(__spreadValues({}, domProps), {
+  return /* @__PURE__ */ createElement26("div", __spreadProps(__spreadValues({}, domProps), {
     style
   }), children);
 }
@@ -7040,7 +7107,7 @@ function useUnpinnedRendering(params) {
       rowProps.repaintId = repaintId;
     }
     const TableRowComponent = shouldVirtualizeColumns ? InfiniteTableRow : TableRowUnvirtualized;
-    return /* @__PURE__ */ createElement26(TableRowComponent, __spreadValues({}, rowProps));
+    return /* @__PURE__ */ createElement27(TableRowComponent, __spreadValues({}, rowProps));
   }, [
     repaintId,
     rowHeight,
@@ -7051,7 +7118,7 @@ function useUnpinnedRendering(params) {
     horizontalVirtualBrain,
     verticalVirtualBrain
   ]);
-  const fakeScrollbar = getScrollbarWidth() ? /* @__PURE__ */ createElement26("div", {
+  const fakeScrollbar = getScrollbarWidth() ? /* @__PURE__ */ createElement27("div", {
     "data-name": "horizontal-scrollbar-placeholder--fake",
     style: {
       position: "absolute",
@@ -7062,10 +7129,10 @@ function useUnpinnedRendering(params) {
       overflow: "auto",
       visibility: columnShifts ? "visible" : "hidden"
     }
-  }, /* @__PURE__ */ createElement26("div", {
+  }, /* @__PURE__ */ createElement27("div", {
     style: { height: "100%", width: computedUnpinnedColumnsWidth }
   })) : null;
-  return rowHeight != 0 ? /* @__PURE__ */ createElement26(VirtualRowList, {
+  return rowHeight != 0 ? /* @__PURE__ */ createElement27(VirtualRowList, {
     repaintId: `${repaintId}-unpinned-`,
     brain: verticalVirtualBrain,
     onContainerScroll: applyScrollHorizontal,
@@ -7209,14 +7276,14 @@ var useOnContainerScroll = ({
 
 // src/components/InfiniteTable/hooks/usePinnedRendering.tsx
 import {
-  createElement as createElement28,
+  createElement as createElement29,
   useMemo as useMemo10
 } from "react";
 import { useCallback as useCallback15 } from "react";
 
 // src/components/VirtualList/RowListWithExternalScrolling.tsx
 import {
-  createElement as createElement27
+  createElement as createElement28
 } from "react";
 import { useEffect as useEffect20, useCallback as useCallback14, useRef as useRef16 } from "react";
 
@@ -7293,7 +7360,7 @@ var RowListWithExternalScrolling = (props) => {
   if (true) {
     domProps["data-cmp-name"] = "RowListWithExternalScrolling";
   }
-  return /* @__PURE__ */ createElement27("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement27(RawList, {
+  return /* @__PURE__ */ createElement28("div", __spreadValues({}, domProps), /* @__PURE__ */ createElement28(RawList, {
     brain,
     renderItem,
     repaintId
@@ -7342,7 +7409,7 @@ function PinnedRowsContainer(props) {
     className: join(`${PinnedRowsContainerClassName}`, PinnedRowsClsVariants[pinning === "start" ? "pinnedStart" : "pinnedEnd"], `${PinnedRowsContainerClassName}--pinned-${pinning}`, `${PinnedRowsContainerClassName}--overflow`, PinnedRowsClsVariants.overflow)
   };
   if (hasOverflow) {
-    return /* @__PURE__ */ createElement28(VirtualScrollContainer, {
+    return /* @__PURE__ */ createElement29(VirtualScrollContainer, {
       scrollable: {
         horizontal: true,
         vertical: false
@@ -7358,18 +7425,18 @@ function PinnedRowsContainer(props) {
       className: join(PinnedRowsContainerClsVariants({
         pinned: pinning
       }), `${PinnedRowsContainerClassName}Container`, `${PinnedRowsContainerClassName}Container--pinned-${pinning}`)
-    }, /* @__PURE__ */ createElement28(RowListWithExternalScrolling, __spreadProps(__spreadValues({}, rowListProps), {
+    }, /* @__PURE__ */ createElement29(RowListWithExternalScrolling, __spreadProps(__spreadValues({}, rowListProps), {
       onMount: (node) => {
         pinnedScrollListener == null ? void 0 : pinnedScrollListener.onScroll((scrollPosition) => {
           updateScroll(node, brain.getScrollPosition(), scrollPosition);
         });
       }
-    })), /* @__PURE__ */ createElement28(SpacePlaceholder, {
+    })), /* @__PURE__ */ createElement29(SpacePlaceholder, {
       width: rowWidth,
       height: 1
     }));
   }
-  return /* @__PURE__ */ createElement28(RowListWithExternalScrolling, __spreadValues({}, rowListProps));
+  return /* @__PURE__ */ createElement29(RowListWithExternalScrolling, __spreadValues({}, rowListProps));
 }
 function useRenderPinnedRow(params) {
   const { getData, getState, columnsWidth, columns, rowSpan, verticalBrain } = params;
@@ -7390,7 +7457,7 @@ function useRenderPinnedRow(params) {
       rowWidth: columnsWidth,
       columns
     }, rowParams);
-    return /* @__PURE__ */ createElement28(TableRowUnvirtualized, __spreadValues({}, rowProps));
+    return /* @__PURE__ */ createElement29(TableRowUnvirtualized, __spreadValues({}, rowProps));
   }, [columnsWidth, columns, verticalBrain, dataArray]);
   return renderPinnedRow;
 }
@@ -7436,7 +7503,7 @@ function usePinnedRenderingForSide(side, params) {
     columns,
     columnsWidth
   });
-  const pinnedList = columns.length && rowHeight !== 0 ? /* @__PURE__ */ createElement28(PinnedRowsContainer, {
+  const pinnedList = columns.length && rowHeight !== 0 ? /* @__PURE__ */ createElement29(PinnedRowsContainer, {
     pinning: side,
     pinnedScrollListener,
     hasOverflow,
@@ -7449,7 +7516,7 @@ function usePinnedRenderingForSide(side, params) {
     brain: verticalVirtualBrain,
     renderRow: renderRowPinned
   }) : null;
-  const pinnedScrollbarPlaceholder = pinnedList && hasHorizontalScrollbar && !hasOverflow ? /* @__PURE__ */ createElement28(HorizontalScrollbarPlaceholder, {
+  const pinnedScrollbarPlaceholder = pinnedList && hasHorizontalScrollbar && !hasOverflow ? /* @__PURE__ */ createElement29(HorizontalScrollbarPlaceholder, {
     style: side === "end" ? {
       width: columnsWidth,
       right: hasVerticalScrollbar ? getScrollbarWidth() : 0
@@ -7677,7 +7744,7 @@ function useListRendering(param) {
 
 // src/components/InfiniteTable/components/InfiniteTableLicenseFooter/index.tsx
 import {
-  createElement as createElement29,
+  createElement as createElement30,
   forwardRef as forwardRef3,
   useCallback as useCallback17,
   useRef as useRef18
@@ -7745,12 +7812,12 @@ var InfiniteTableLicenseFooter = forwardRef3(function InfiniteTableLicenseFooter
       clearInterval(intervalId);
     };
   }, []);
-  return /* @__PURE__ */ createElement29("div", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ createElement30("div", __spreadProps(__spreadValues({
     ref: domCallback
   }, props), {
     className: join(`${rootClassName12}-Footer`, FooterCls, props.className),
     style: defaultStyle2
-  }), "Powered by", " ", /* @__PURE__ */ createElement29("a", {
+  }), "Powered by", " ", /* @__PURE__ */ createElement30("a", {
     href: "https://infinite-table.com",
     rel: "noopener noreferrer",
     role: "link",
@@ -7920,7 +7987,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.14"
+      version: "0.2.15"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -7932,7 +7999,7 @@ var useLicense = (licenseKey = "") => {
 
 // src/components/CSSVariableWatch.tsx
 import {
-  createElement as createElement30,
+  createElement as createElement31,
   useCallback as useCallback18,
   useLayoutEffect as useLayoutEffect4
 } from "react";
@@ -7973,11 +8040,11 @@ var CSSVariableWatch = (props) => {
   useCSSVariableWatch(__spreadProps(__spreadValues({}, props), {
     ref: domRef
   }));
-  return /* @__PURE__ */ createElement30("div", {
+  return /* @__PURE__ */ createElement31("div", {
     "data-name": "css-variable-watcher",
     "data-var": props.varName,
     style: WRAPPER_STYLE
-  }, /* @__PURE__ */ createElement30("div", {
+  }, /* @__PURE__ */ createElement31("div", {
     ref: domRef,
     style: {
       height: props.varName.startsWith("var(") ? props.varName : `var(${props.varName})`
@@ -8071,7 +8138,7 @@ function useDOMProps(initialDOMProps) {
 
 // src/components/InfiniteTable/components/LoadMask.tsx
 import {
-  createElement as createElement31,
+  createElement as createElement32,
   memo as memo12
 } from "react";
 
@@ -8085,11 +8152,11 @@ var { rootClassName: rootClassName11 } = internalProps;
 var baseCls = `${rootClassName11}-LoadMask`;
 function LoadMaskFn(props) {
   const { visible, children = "Loading" } = props;
-  return /* @__PURE__ */ createElement31("div", {
+  return /* @__PURE__ */ createElement32("div", {
     className: `${LoadMaskCls[visible ? "visible" : "hidden"]} ${baseCls}`
-  }, /* @__PURE__ */ createElement31("div", {
+  }, /* @__PURE__ */ createElement32("div", {
     className: `${LoadMaskOverlayCls} ${baseCls}-Overlay`
-  }), /* @__PURE__ */ createElement31("div", {
+  }), /* @__PURE__ */ createElement32("div", {
     className: `${LoadMaskTextCls} ${baseCls}-Text`
   }, children));
 }
@@ -8318,31 +8385,31 @@ var InfiniteTableComponent = memo13(function InfiniteTableComponent2() {
     dataSourceActions.scrollStopDelayUpdatedByTable = scrollStopDelay;
   }, [scrollStopDelay]);
   useAutoSizeColumns();
-  return /* @__PURE__ */ createElement32("div", __spreadValues({
+  return /* @__PURE__ */ createElement33("div", __spreadValues({
     ref: domRef
-  }, domProps), header ? /* @__PURE__ */ createElement32(TableHeaderWrapper, {
+  }, domProps), header ? /* @__PURE__ */ createElement33(TableHeaderWrapper, {
     brain: horizontalVirtualBrain,
     repaintId,
     scrollbars
-  }) : null, /* @__PURE__ */ createElement32(InfiniteTableBody, null, /* @__PURE__ */ createElement32(VirtualScrollContainer, {
+  }) : null, /* @__PURE__ */ createElement33(InfiniteTableBody, null, /* @__PURE__ */ createElement33(VirtualScrollContainer, {
     ref: scrollerDOMRef,
     onContainerScroll: applyScrollVertical,
     scrollable: ONLY_VERTICAL_SCROLLBAR
-  }, /* @__PURE__ */ createElement32("div", {
+  }, /* @__PURE__ */ createElement33("div", {
     className: display.flex
-  }, pinnedStartList, centerList, pinnedEndList), /* @__PURE__ */ createElement32(SpacePlaceholder, {
+  }, pinnedStartList, centerList, pinnedEndList), /* @__PURE__ */ createElement33(SpacePlaceholder, {
     count: dataArray.length,
     width: 0,
     height: reservedContentHeight
-  })), pinnedStartScrollbarPlaceholder, pinnedEndScrollbarPlaceholder, /* @__PURE__ */ createElement32(LoadMaskCmp, {
+  })), pinnedStartScrollbarPlaceholder, pinnedEndScrollbarPlaceholder, /* @__PURE__ */ createElement33(LoadMaskCmp, {
     visible: loading
-  }, loadingText)), licenseValid ? null : /* @__PURE__ */ createElement32(InfiniteTableLicenseFooter, null), /* @__PURE__ */ createElement32("div", {
+  }, loadingText)), licenseValid ? null : /* @__PURE__ */ createElement33(InfiniteTableLicenseFooter, null), /* @__PURE__ */ createElement33("div", {
     ref: portalDOMRef,
     className: join(`${rootClassName}Portal`, zIndex[1e3], position.absolute, top[0], left[0])
-  }), rowHeightCSSVar ? /* @__PURE__ */ createElement32(CSSVariableWatch, {
+  }), rowHeightCSSVar ? /* @__PURE__ */ createElement33(CSSVariableWatch, {
     varName: rowHeightCSSVar,
     onChange: onRowHeightCSSVarChange
-  }) : null, headerHeightCSSVar ? /* @__PURE__ */ createElement32(CSSVariableWatch, {
+  }) : null, headerHeightCSSVar ? /* @__PURE__ */ createElement33(CSSVariableWatch, {
     varName: headerHeightCSSVar,
     onChange: onHeaderHeightCSSVarChange
   }) : null);
@@ -8390,13 +8457,13 @@ function InfiniteTableContextProvider() {
     }
   }, [scrollTopKey, scrollerDOMRef]);
   const TableContext2 = getInfiniteTableContext();
-  return /* @__PURE__ */ createElement32(TableContext2.Provider, {
+  return /* @__PURE__ */ createElement33(TableContext2.Provider, {
     value: contextValue
-  }, /* @__PURE__ */ createElement32(InfiniteTableComponent, null));
+  }, /* @__PURE__ */ createElement33(InfiniteTableComponent, null));
 }
 function InfiniteTable(props) {
-  const table = /* @__PURE__ */ createElement32(InfiniteTableRoot, __spreadValues({}, props), /* @__PURE__ */ createElement32(InfiniteTableContextProvider, null));
-  return /* @__PURE__ */ createElement32(StrictMode, null, table);
+  const table = /* @__PURE__ */ createElement33(InfiniteTableRoot, __spreadValues({}, props), /* @__PURE__ */ createElement33(InfiniteTableContextProvider, null));
+  return /* @__PURE__ */ createElement33(StrictMode, null, table);
 }
 InfiniteTable.defaultProps = {
   rowHeight: 40,
@@ -8417,5 +8484,7 @@ export {
   multisort,
   useComponentState,
   useDataSource,
-  useEffectWithChanges
+  useEffectWithChanges,
+  useInfiniteColumnCell,
+  useInfiniteHeaderCell
 };