@progress/kendo-react-grid 14.2.2-develop.1 → 14.3.0-develop.1

package/components/StickyGroupTable.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DataRowContext } from '../getRowContents.js';
+import { GridStackedLayoutSettings } from '../interfaces/GridStackedLayoutSettings.js';
+import * as React from 'react';
+/**
+ * Represents the StickyGroupTable handle.
+ *
+ * @hidden
+ */
+export interface StickyTableHandle {
+    /**
+     * Sets the width of the sticky table element.
+     */
+    setWidth: (width: number) => void;
+    /**
+     * Sets the horizontal scroll position of the sticky container.
+     */
+    setScrollLeft: (scrollLeft: number) => void;
+}
+/**
+ * @hidden
+ */
+export interface StickyGroupTableProps {
+    size?: string;
+    colGroups?: React.ReactElement;
+    dataRowContext: DataRowContext;
+    position: 'top' | 'bottom';
+    isStackedMode?: boolean;
+    groupLevelCount?: number;
+    stackedLayoutSettings?: GridStackedLayoutSettings;
+    rowHeight?: number;
+}
+/**
+ * @hidden
+ */
+export declare const StickyGroupTable: React.FC<StickyGroupTableProps>;

package/components/StickyGroupTable.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),l=require("@progress/kendo-react-common"),h=require("../utils/GridContext.js"),j=require("../rows/GridRowRenderer.js"),q=require("../getRowContents.js");function x(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const r=x(O),z=({size:o,colGroups:n,dataRowContext:e,position:i,isStackedMode:k,groupLevelCount:g,stackedLayoutSettings:I,rowHeight:C})=>{const u=l.useUnstyled(),f=u!=null&&u.uGrid?u.uGrid:l.uGrid,t=r.useContext(h.GridContext),c=i==="top",d=c?t.stickyHeaderRef:t.stickyFooterRef,b=(c?t.stickyHeaderItems:t.stickyFooterItems)||[],G=b.length>0,w=l.classNames(f.stickyContainer({bottom:!c})),S=l.classNames(f.table({size:o})),m=r.useRef(null),N=c?t.stickyHeaderTableRef:t.stickyFooterTableRef;r.useImperativeHandle(N,()=>({setWidth:s=>{m.current&&(m.current.style.width=s?s+"px":"")},setScrollLeft:s=>{d.current&&d.current.scrollLeft!==s&&(d.current.scrollLeft=s)}}));const T=r.useCallback(s=>{var a;(a=t.columnResizeRef)!=null&&a.current&&(c?t.columnResizeRef.current.colGroupStickyHeader=s:t.columnResizeRef.current.colGroupStickyFooter=s)},[t.columnResizeRef,c]),E=n?r.cloneElement(n,{colGroupRef:T}):null,v=()=>b.map((s,a)=>{const{item:y,flatIndex:p}=s,R=e.dataItemKey&&l.getter(e.dataItemKey)(y.dataItem)||"ai"+p,H=q.getRowContents(e,y,R,a,!1);return r.createElement(j.GridRowRenderer,{key:R,isStackedMode:!!k,item:y,rowId:R,dataIndex:-1,ariaRowIndex:a,absoluteRowIndex:p,isAltRow:!1,isHidden:!1,isRowReorderable:!1,rowHeight:C,rows:void 0,leafColumns:e.leafColumns,groupLevelCount:g||0,stackedLayoutSettings:I,cells:e.cells,isSelected:!1,isInEdit:!1,preparedCells:H.row,showDetailToggle:!1,isDetailExpanded:!1})});return r.createElement("div",{ref:d,className:w,style:{display:G?"":"none"}},r.createElement("table",{ref:m,className:S},E,r.createElement("tbody",{className:l.classNames(f.tbody({}))},v())))};exports.StickyGroupTable=z;

package/components/StickyGroupTable.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import { useUnstyled as T, uGrid as v, classNames as f, getter as z } from "@progress/kendo-react-common";
+import { GridContext as F } from "../utils/GridContext.mjs";
+import { GridRowRenderer as K } from "../rows/GridRowRenderer.mjs";
+import { getRowContents as L } from "../getRowContents.mjs";
+const j = ({
+  size: p,
+  colGroups: u,
+  dataRowContext: o,
+  position: k,
+  isStackedMode: I,
+  groupLevelCount: b,
+  stackedLayoutSettings: C,
+  rowHeight: g
+}) => {
+  const n = T(), c = n != null && n.uGrid ? n.uGrid : v, e = s.useContext(F), r = k === "top", a = r ? e.stickyHeaderRef : e.stickyFooterRef, R = (r ? e.stickyHeaderItems : e.stickyFooterItems) || [], G = R.length > 0, w = f(c.stickyContainer({ bottom: !r })), E = f(c.table({ size: p })), i = s.useRef(null), H = r ? e.stickyHeaderTableRef : e.stickyFooterTableRef;
+  s.useImperativeHandle(H, () => ({
+    setWidth: (t) => {
+      i.current && (i.current.style.width = t ? t + "px" : "");
+    },
+    setScrollLeft: (t) => {
+      a.current && a.current.scrollLeft !== t && (a.current.scrollLeft = t);
+    }
+  }));
+  const N = s.useCallback(
+    (t) => {
+      var l;
+      (l = e.columnResizeRef) != null && l.current && (r ? e.columnResizeRef.current.colGroupStickyHeader = t : e.columnResizeRef.current.colGroupStickyFooter = t);
+    },
+    [e.columnResizeRef, r]
+  ), S = u ? s.cloneElement(u, { colGroupRef: N }) : null, h = () => R.map((t, l) => {
+    const { item: d, flatIndex: y } = t, m = o.dataItemKey && z(o.dataItemKey)(d.dataItem) || "ai" + y, x = L(o, d, m, l, !1);
+    return /* @__PURE__ */ s.createElement(
+      K,
+      {
+        key: m,
+        isStackedMode: !!I,
+        item: d,
+        rowId: m,
+        dataIndex: -1,
+        ariaRowIndex: l,
+        absoluteRowIndex: y,
+        isAltRow: !1,
+        isHidden: !1,
+        isRowReorderable: !1,
+        rowHeight: g,
+        rows: void 0,
+        leafColumns: o.leafColumns,
+        groupLevelCount: b || 0,
+        stackedLayoutSettings: C,
+        cells: o.cells,
+        isSelected: !1,
+        isInEdit: !1,
+        preparedCells: x.row,
+        showDetailToggle: !1,
+        isDetailExpanded: !1
+      }
+    );
+  });
+  return /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      ref: a,
+      className: w,
+      style: {
+        display: G ? "" : "none"
+      }
+    },
+    /* @__PURE__ */ s.createElement("table", { ref: i, className: E }, S, /* @__PURE__ */ s.createElement("tbody", { className: f(c.tbody({})) }, h()))
+  );
+};
+export {
+  j as StickyGroupTable
+};

package/components/colGroup/GridColGroup.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=u(c),l=t=>{const r=o.useContext(i.GridContext),e=t.colGroupRef;return o.createElement("colgroup",{ref:n=>{e?typeof e=="function"?e(n):e.current=n:(r.columnResizeRef.current.colGroupMain=n,r.columnResizeRef.current.initWidths())}},t.children)};exports.GridColGroup=l;

package/components/colGroup/GridColGroup.mjs

@@ -6,20 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { GridContext as n } from "../../utils/GridContext.mjs";
-const c = (t) => {
-  const e = r.useContext(n);
-  return /* @__PURE__ */ r.createElement(
+import * as n from "react";
+import { GridContext as i } from "../../utils/GridContext.mjs";
+const u = (r) => {
+  const o = n.useContext(i), e = r.colGroupRef;
+  return /* @__PURE__ */ n.createElement(
     "colgroup",
     {
-      ref: (o) => {
-        e.columnResizeRef.current.colGroupMain = o, e.columnResizeRef.current.initWidths();
+      ref: (t) => {
+        e ? typeof e == "function" ? e(t) : e.current = t : (o.columnResizeRef.current.colGroupMain = t, o.columnResizeRef.current.initWidths());
       }
     },
-    t.children
+    r.children
   );
 };
 export {
-  c as GridColGroup
+  u as GridColGroup
 };