@progress/kendo-react-grid 15.2.0-develop.7 → 15.2.0-develop.8

package/cells/groupcell/GridGroupCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),a=require("./utils.js"),f=require("./useGroupCellClientTdProps.js"),T=require("../hooks.js");function G(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const n=G(b),O=l=>{const{cellProps:t}=l,{tdProps:e,td2Props:o,content:c,renderToggleCell:C}=a.getGroupCellTdProps(t),r=f.useGroupCellClientTdProps(t,C),m=T.useLegacyCellProps(t),P={...t,...m},g={...e,...r,style:{...e==null?void 0:e.style,...r.style}},s=o?{...o,onContextMenu:r.onContextMenu}:null,{key:y,...u}=g,i=a.getCustomCell(t);if(i)return e?n.createElement(i,{...P,tdProps:u,td2Props:s},c):null;const d=e?n.createElement("td",{...u,key:y},c):null,p=s?n.createElement("td",{...s}):null;return p?n.createElement(n.Fragment,null,d,p):d};exports.GridGroupCell=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),B=require("@progress/kendo-react-common"),S=require("./utils.js"),Y=require("./useGroupCellClientTdProps.js"),F=require("../hooks.js"),w=require("../../utils/GridContext.js"),z=require("../selectioncell/GridSelectionCellInput.js"),i=require("@progress/kendo-react-data-tools"),H=require("../../utils/index.js");function J(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const n=J(N),Q=o=>{var G;const{cellProps:t}=o,{tdProps:e,td2Props:c,content:a,renderToggleCell:x,hasCheckboxColumn:s,isSpacerCell:k,leadingGroupColumnSpan:O,contentColumnSpan:q,trailingGroupColumnSpan:R,getColumnIndexForField:K}=S.getGroupCellTdProps(t),r=Y.useGroupCellClientTdProps(t,x),V=F.useLegacyCellProps(t),l=n.useContext(w.GridContext),j={...t,...V},g={...e,...r,style:{...r.style,...e==null?void 0:e.style}},d=c?{...c,onContextMenu:r.onContextMenu,tabIndex:r.tabIndex,[i.KEYBOARD_NAV_DATA_ID]:r[i.KEYBOARD_NAV_DATA_ID],[i.KEYBOARD_NAV_DATA_LEVEL]:r[i.KEYBOARD_NAV_DATA_LEVEL]}:null,C=n.useMemo(()=>{var h;if(!s||!l)return null;const I=l.dataItemKey,v=(h=l.select)!=null?h:{},_=t.dataItem,D=I?B.getter(I):null,u=H.flattenGroupItems(_),p=D?u.filter(m=>v[D(m)]).length:0,E=u.length>0&&p===u.length,L=p>0&&p<u.length,M=m=>{var P;(P=l.groupSelectionChange)==null||P.call(l,{event:m,groupDataItem:_,selectAll:!E})};return n.createElement(z.GridSelectionCellInput,{selected:E,indeterminate:L,onToggle:M})},[s,l,t.dataItem]),A=a,b=s&&C&&a?n.cloneElement(A,{},C,...(G=A.props.children)!=null?G:[]):a,f=S.getCustomCell(t);if(f)return e?n.createElement(f,{...j,tdProps:g,td2Props:d,isSpacerCell:k,leadingGroupColumnSpan:O,contentColumnSpan:q,trailingGroupColumnSpan:R,getColumnIndexForField:K,groupSelectionCheckbox:s?C:void 0},b):null;const T=e?n.createElement("td",{...g,key:e==null?void 0:e.key},b):null,y=d?n.createElement("td",{...d}):null;return y?n.createElement(n.Fragment,null,T,y):T};exports.GridGroupCell=Q;

package/cells/groupcell/GridGroupCell.mjs

@@ -7,16 +7,66 @@
  */
 "use client";
 import * as t from "react";
-import { getGroupCellTdProps as g, getCustomCell as T } from "./utils.mjs";
-import { useGroupCellClientTdProps as f } from "./useGroupCellClientTdProps.mjs";
-import { useLegacyCellProps as b } from "../hooks.mjs";
-const k = (d) => {
-  const { cellProps: l } = d, { tdProps: e, td2Props: r, content: s, renderToggleCell: u } = g(l), o = f(l, u), i = b(l), P = { ...l, ...i }, a = { ...e, ...o, style: { ...e == null ? void 0 : e.style, ...o.style } }, n = r ? { ...r, onContextMenu: o.onContextMenu } : null, { key: y, ...c } = a, p = T(l);
-  if (p)
-    return e ? /* @__PURE__ */ t.createElement(p, { ...P, tdProps: c, td2Props: n }, s) : null;
-  const m = e ? /* @__PURE__ */ t.createElement("td", { ...c, key: y }, s) : null, C = n ? /* @__PURE__ */ t.createElement("td", { ...n }) : null;
-  return C ? /* @__PURE__ */ t.createElement(t.Fragment, null, m, C) : m;
+import { getter as O } from "@progress/kendo-react-common";
+import { getGroupCellTdProps as Y, getCustomCell as j } from "./utils.mjs";
+import { useGroupCellClientTdProps as q } from "./useGroupCellClientTdProps.mjs";
+import { useLegacyCellProps as w } from "../hooks.mjs";
+import { GridContext as z } from "../../utils/GridContext.mjs";
+import { GridSelectionCellInput as H } from "../selectioncell/GridSelectionCellInput.mjs";
+import { KEYBOARD_NAV_DATA_LEVEL as b, KEYBOARD_NAV_DATA_ID as S } from "@progress/kendo-react-data-tools";
+import { flattenGroupItems as J } from "../../utils/index.mjs";
+const oe = (k) => {
+  var x;
+  const { cellProps: o } = k, {
+    tdProps: e,
+    td2Props: a,
+    content: c,
+    renderToggleCell: D,
+    hasCheckboxColumn: r,
+    isSpacerCell: _,
+    leadingGroupColumnSpan: K,
+    contentColumnSpan: v,
+    trailingGroupColumnSpan: F,
+    getColumnIndexForField: L
+  } = Y(o), l = q(o, D), M = w(o), n = t.useContext(z), R = { ...o, ...M }, d = { ...e, ...l, style: { ...l.style, ...e == null ? void 0 : e.style } }, m = a ? {
+    ...a,
+    onContextMenu: l.onContextMenu,
+    tabIndex: l.tabIndex,
+    [S]: l[S],
+    [b]: l[b]
+  } : null, p = t.useMemo(() => {
+    var A;
+    if (!r || !n)
+      return null;
+    const y = n.dataItemKey, V = (A = n.select) != null ? A : {}, E = o.dataItem, G = y ? O(y) : null, s = J(E), i = G ? s.filter((u) => V[G(u)]).length : 0, T = s.length > 0 && i === s.length, B = i > 0 && i < s.length, N = (u) => {
+      var P;
+      (P = n.groupSelectionChange) == null || P.call(n, {
+        event: u,
+        groupDataItem: E,
+        selectAll: !T
+      });
+    };
+    return /* @__PURE__ */ t.createElement(H, { selected: T, indeterminate: B, onToggle: N });
+  }, [r, n, o.dataItem]), C = c, g = r && p && c ? t.cloneElement(C, {}, p, ...(x = C.props.children) != null ? x : []) : c, f = j(o);
+  if (f)
+    return e ? /* @__PURE__ */ t.createElement(
+      f,
+      {
+        ...R,
+        tdProps: d,
+        td2Props: m,
+        isSpacerCell: _,
+        leadingGroupColumnSpan: K,
+        contentColumnSpan: v,
+        trailingGroupColumnSpan: F,
+        getColumnIndexForField: L,
+        groupSelectionCheckbox: r ? p : void 0
+      },
+      g
+    ) : null;
+  const I = e ? /* @__PURE__ */ t.createElement("td", { ...d, key: e == null ? void 0 : e.key }, g) : null, h = m ? /* @__PURE__ */ t.createElement("td", { ...m }) : null;
+  return h ? /* @__PURE__ */ t.createElement(t.Fragment, null, I, h) : I;
 };
 export {
-  k as GridGroupCell
+  oe as GridGroupCell
 };

package/cells/groupcell/GridGroupCellServer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),i=require("./GridGroupCellServerContainer.js"),d=require("../../utils/index.js"),p=require("./utils.js");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const l=y(m),G=t=>{const{cellProps:r}=t,e=d.getClientCellProps(r),{tdProps:o,td2Props:n,content:s,renderToggleCell:a}=p.getGroupCellTdProps(r),c=p.getCustomCell(r);if(c){const f=d.isClientReference(c),{key:S,...u}=o||{};return l.createElement(i.GridGroupCellServerContainer,{cellProps:e,tdProps:u,td2Props:n,isCustom:!0,isClient:f,renderToggleCell:!0},l.createElement(c,{...e,tdProps:u,td2Props:n},s))}const{key:C,...g}=o||{},P=o?l.createElement("td",{...g,key:C},s):null;return l.createElement(i.GridGroupCellServerContainer,{cellProps:e,renderToggleCell:a,tdProps:o,td2Props:n,content:s},P)};exports.GridGroupCellServer=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),i=require("./GridGroupCellServerContainer.js"),a=require("../../utils/index.js"),p=require("./utils.js");function O(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return n.default=r,Object.freeze(n)}const o=O(v),j=r=>{const{cellProps:n}=r,e=a.getClientCellProps(n),{tdProps:t,td2Props:l,content:c,renderToggleCell:u,isSpacerCell:d,leadingGroupColumnSpan:C,contentColumnSpan:m,trailingGroupColumnSpan:g,getColumnIndexForField:f}=p.getGroupCellTdProps(n),s=p.getCustomCell(n);if(s){const y=a.isClientReference(s),{key:R,...b}=t||{};return o.createElement(i.GridGroupCellServerContainer,{cellProps:e,tdProps:b,td2Props:l,isCustom:!0,isClient:y,renderToggleCell:u},o.createElement(s,{...e,tdProps:t,td2Props:l,isSpacerCell:d,leadingGroupColumnSpan:C,contentColumnSpan:m,trailingGroupColumnSpan:g,getColumnIndexForField:f},c))}const{key:P,...G}=t||{},S=t?o.createElement("td",{...G,key:P},c):null;return o.createElement(i.GridGroupCellServerContainer,{cellProps:e,renderToggleCell:u,tdProps:t,td2Props:l,content:c},S)};exports.GridGroupCellServer=j;

package/cells/groupcell/GridGroupCellServer.mjs

@@ -6,39 +6,52 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { GridGroupCellServerContainer as p } from "./GridGroupCellServerContainer.mjs";
-import { getClientCellProps as a, isClientReference as g } from "../../utils/index.mjs";
-import { getGroupCellTdProps as f, getCustomCell as y } from "./utils.mjs";
-const k = (i) => {
-  const { cellProps: r } = i, o = a(r), { tdProps: e, td2Props: l, content: n, renderToggleCell: C } = f(r), s = y(r);
+import { GridGroupCellServerContainer as i } from "./GridGroupCellServerContainer.mjs";
+import { getClientCellProps as S, isClientReference as E } from "../../utils/index.mjs";
+import { getGroupCellTdProps as K, getCustomCell as R } from "./utils.mjs";
+const x = (c) => {
+  const { cellProps: o } = c, r = S(o), { tdProps: e, td2Props: l, content: n, renderToggleCell: p, isSpacerCell: C, leadingGroupColumnSpan: u, contentColumnSpan: m, trailingGroupColumnSpan: d, getColumnIndexForField: a } = K(o), s = R(o);
   if (s) {
-    const P = g(s), { key: G, ...c } = e || {};
+    const y = E(s), { key: k, ...G } = e || {};
     return /* @__PURE__ */ t.createElement(
-      p,
+      i,
       {
-        cellProps: o,
-        tdProps: c,
+        cellProps: r,
+        tdProps: G,
         td2Props: l,
         isCustom: !0,
-        isClient: P,
-        renderToggleCell: !0
+        isClient: y,
+        renderToggleCell: p
       },
-      /* @__PURE__ */ t.createElement(s, { ...o, tdProps: c, td2Props: l }, n)
+      /* @__PURE__ */ t.createElement(
+        s,
+        {
+          ...r,
+          tdProps: e,
+          td2Props: l,
+          isSpacerCell: C,
+          leadingGroupColumnSpan: u,
+          contentColumnSpan: m,
+          trailingGroupColumnSpan: d,
+          getColumnIndexForField: a
+        },
+        n
+      )
     );
   }
-  const { key: m, ...u } = e || {}, d = e ? /* @__PURE__ */ t.createElement("td", { ...u, key: m }, n) : null;
+  const { key: P, ...g } = e || {}, f = e ? /* @__PURE__ */ t.createElement("td", { ...g, key: P }, n) : null;
   return /* @__PURE__ */ t.createElement(
-    p,
+    i,
     {
-      cellProps: o,
-      renderToggleCell: C,
+      cellProps: r,
+      renderToggleCell: p,
       tdProps: e,
       td2Props: l,
       content: n
     },
-    d
+    f
   );
 };
 export {
-  k as GridGroupCellServer
+  x as GridGroupCellServer
 };

package/cells/groupcell/utils.d.ts

@@ -7,15 +7,30 @@
  */
 import { GridCellProps } from '../../interfaces/GridCellProps';
 import { GridTdAttributes } from '../../index.js';
+import * as React from 'react';
 /**
+ * The unified shape returned by `getGroupCellTdProps` and each of its internal
+ * per-mode closures, so consumers (`GridGroupCell`, `GridGroupCellServer`) can safely
+ * destructure every property regardless of which branch produced the result.
+ *
  * @hidden
  */
-export declare const getGroupCellTdProps: (props: GridCellProps) => {
+export interface GroupCellTdPropsResult {
     tdProps: GridTdAttributes | null;
-    td2Props: any;
-    content: any;
+    td2Props: GridTdAttributes | null;
+    content: React.ReactNode | null;
     renderToggleCell: boolean;
-};
+    hasCheckboxColumn?: boolean;
+    isSpacerCell?: boolean;
+    leadingGroupColumnSpan?: number;
+    contentColumnSpan?: number;
+    trailingGroupColumnSpan?: number;
+    getColumnIndexForField?: (targetField: string) => number | undefined;
+}
+/**
+ * @hidden
+ */
+export declare const getGroupCellTdProps: (props: GridCellProps) => GroupCellTdPropsResult;
 /**
  * @hidden
  */

package/cells/groupcell/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=require("@progress/kendo-react-common"),S=require("./GridGroupCellToggle.js"),P=require("../../utils/index.js");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const s=T(y),v=t=>{const{columnIndex:e,level:l,columnsCount:r,rowType:p,dataItem:n,field:m,expanded:f,ariaColumnIndex:C,locked:d,style:c}=t,a=m||"";let o=null,i=null,u=null;const k=P.getClientCellProps(t);let g=!1;return e===void 0||l===void 0||e<l||r===void 0||p!=="groupHeader"||n[a]===void 0?o={style:c,key:"g"+e,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":d}),role:"gridcell"}:e===l&&(g=!0,o={className:"k-table-td",style:c,colSpan:r-e,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":f,"aria-colindex":C},u=s.createElement("div",{className:"k-grouping-row-content"},s.createElement(S.GridGroupCellToggle,{...k}),s.createElement("span",{className:"k-grouping-row-text"},n[a]instanceof Date?n[a].toString():n[a])),d&&(o={...o,colSpan:0,style:{...c,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:r-e,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:o,td2Props:i,content:u,renderToggleCell:g}},x=t=>{var e,l;return(l=(e=t.cells)==null?void 0:e.group)==null?void 0:l[t.rowType||"data"]};exports.getCustomCell=x;exports.getGroupCellTdProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),D=require("@progress/kendo-react-common"),ae=require("./GridGroupCellToggle.js"),ie=require("../../utils/index.js");function se(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,l.get?l:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const L=se(re),ue=10,de=24,T=(o,n,e,l,r,i)=>{if(!o||!["singleColumn","multipleColumns"].includes(o))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(!["groupHeader","groupFooter"].includes(n||""))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===void 0||l===void 0||r===void 0)return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};const s=o==="singleColumn"?0:l;if(i&&e<s)return{leadingGroupColumnSpan:e+1,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===s){const C=r-s-1;return{leadingGroupColumnSpan:s>0?s:void 0,contentColumnSpan:1,trailingGroupColumnSpan:C>0?C:void 0}}return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0}},ce=(o,n,e)=>({tdProps:{...o,colSpan:0,style:{...n,position:"sticky",zIndex:2}},td2Props:{className:"k-table-td",role:"gridcell",colSpan:e,style:{borderLeftWidth:0,borderRightWidth:0}}}),k=()=>({tdProps:null,td2Props:null,content:null,renderToggleCell:!1}),pe=o=>{var z,U,W,B;const{columnIndex:n,level:e,columnsCount:l,rowType:r,dataItem:i,field:M,expanded:s,ariaColumnIndex:C,locked:S,style:a,hasCheckboxColumn:P}=o,c=o.groupingMode||"default",u=M||"",J=ie.getClientCellProps(o),R=o.columnPosition||{},p=c==="singleColumn",G=c==="multipleColumns",b=(U=(z=o.group)==null?void 0:z.value)!=null?U:i[u],g=(B=(W=o.group)==null?void 0:W.field)!=null?B:u,_=b instanceof Date?b.toString():b,y=o.columnFields,x=o.columnTitles,E=o.columnGroupFields,N=o.hiddenColumnTitleByField,h=y&&g?y.indexOf(g):-1,K=h===-1&&E&&g?E.indexOf(g):-1,w=h>-1?h:K,Q=g?N==null?void 0:N[g]:void 0,H=(w>-1?x==null?void 0:x[w]:Q)||(g?g.split(".").slice(-1)[0]:u),$=y&&n!==void 0?t=>{const m=y.findIndex((f,d)=>d>n&&f===t);return m===-1?void 0:m}:void 0,j=!p&&!G,A=!!o.isRtl,q=A?R.right:R.left,X=c==="compact"&&e!==void 0?e*de:0,Y=ue+X,Z=S&&j&&q!==void 0?{position:"sticky",[A?"right":"left"]:q+Y,zIndex:2,width:"fit-content"}:void 0,V=t=>S&&j?{...t,overflow:"visible"}:t,I=t=>L.createElement("div",{className:"k-grouping-row-content",style:Z},L.createElement(ae.GridGroupCellToggle,{...J}),L.createElement("span",{className:"k-grouping-row-text"},t)),ee=()=>{if(l===void 0||n===void 0)return k();if(r==="groupFooter")return n!==0?k():{tdProps:{className:"k-table-td",style:a,key:"g-noi-footer",role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!P};if(n!==0||r!=="groupHeader"||i[u]===void 0)return k();const t=e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;return{tdProps:{className:"k-table-td",style:V(t),colSpan:l,key:"g-noi-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},td2Props:null,content:I(`${H}: ${_}`),renderToggleCell:!0,hasCheckboxColumn:!!P}},ne=()=>{const t=p?0:e;if(!(n===t&&t!==void 0&&l!==void 0&&i[u]!==void 0)){if(!(G&&e!==void 0&&n!==void 0&&n<e))return k();const te={style:a,key:"g"+n,className:D.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"},O=T(c,r,n,e,l,!0);return{tdProps:te,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:O.leadingGroupColumnSpan,contentColumnSpan:O.contentColumnSpan,trailingGroupColumnSpan:O.trailingGroupColumnSpan}}const f=p&&e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;let d={className:"k-table-td",style:f,key:p?"g-single-column":"g-multi-column",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},v=l-t-1>0?{className:"k-table-td",role:"gridcell",colSpan:l-t-1}:null;S&&({tdProps:d,td2Props:v}=ce(d,f,l-t));const F=T(c,r,n,e,l,!1);return{tdProps:d,td2Props:v,content:I(`${H}: ${_}`),renderToggleCell:!0,hasCheckboxColumn:!!P,leadingGroupColumnSpan:F.leadingGroupColumnSpan,contentColumnSpan:F.contentColumnSpan,trailingGroupColumnSpan:F.trailingGroupColumnSpan,getColumnIndexForField:$}},oe=()=>{if(e===void 0||n===void 0||l===void 0)return k();const t=p?0:e,m={style:a,key:"g"+n,className:D.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"};if(n>t)return{tdProps:m,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0};if(n<t){const v=T(c,r,n,e,l,!0);return{tdProps:m,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:v.leadingGroupColumnSpan,contentColumnSpan:v.contentColumnSpan,trailingGroupColumnSpan:v.trailingGroupColumnSpan}}const f={className:"k-table-td",style:a,key:p?"g-single-footer":"g-multi-footer",role:"gridcell"},d=T(c,r,n,e,l,!1);return{tdProps:f,td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!P,leadingGroupColumnSpan:d.leadingGroupColumnSpan,contentColumnSpan:d.contentColumnSpan,trailingGroupColumnSpan:d.trailingGroupColumnSpan,getColumnIndexForField:$}},le=()=>n===void 0||e===void 0||n<e||l===void 0||r!=="groupHeader"||i[u]===void 0?{tdProps:{style:a,key:"g"+n,className:D.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0}:n!==e?{tdProps:null,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!1}:{tdProps:{className:"k-table-td",style:V(a),colSpan:l-n,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},td2Props:null,content:I(i[u]instanceof Date?i[u].toString():i[u]),renderToggleCell:!0,isSpacerCell:!1};return c==="compact"?ee():(p||G)&&r==="groupHeader"?ne():(G||p)&&r==="groupFooter"?oe():le()},ge=o=>{var n,e;return(e=(n=o.cells)==null?void 0:n.group)==null?void 0:e[o.rowType||"data"]};exports.getCustomCell=ge;exports.getGroupCellTdProps=pe;

package/cells/groupcell/utils.mjs

@@ -5,44 +5,266 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-import { classNames as y } from "@progress/kendo-react-common";
-import { GridGroupCellToggle as x } from "./GridGroupCellToggle.mjs";
-import { getClientCellProps as v } from "../../utils/index.mjs";
-const T = (t) => {
-  const { columnIndex: e, level: l, columnsCount: n, rowType: m, dataItem: r, field: u, expanded: f, ariaColumnIndex: k, locked: s, style: d } = t, a = u || "";
-  let o = null, i = null, p = null;
-  const C = v(t);
-  let g = !1;
-  return e === void 0 || l === void 0 || e < l || n === void 0 || m !== "groupHeader" || r[a] === void 0 ? o = {
-    style: d,
-    key: "g" + e,
-    className: y("k-table-td", "k-group-cell", { "k-grid-content-sticky": s }),
-    role: "gridcell"
-  } : e === l && (g = !0, o = {
-    className: "k-table-td",
-    style: d,
-    colSpan: n - e,
-    key: "g-colspan",
-    role: "gridcell",
-    "aria-selected": !1,
-    "aria-expanded": f,
-    "aria-colindex": k
-  }, p = /* @__PURE__ */ c.createElement("div", { className: "k-grouping-row-content" }, /* @__PURE__ */ c.createElement(x, { ...C }), /* @__PURE__ */ c.createElement("span", { className: "k-grouping-row-text" }, r[a] instanceof Date ? r[a].toString() : r[a])), s && (o = {
+import * as E from "react";
+import { classNames as D } from "@progress/kendo-react-common";
+import { GridGroupCellToggle as rn } from "./GridGroupCellToggle.mjs";
+import { getClientCellProps as an } from "../../utils/index.mjs";
+const sn = 10, dn = 24, y = (o, e, n, t, r, a) => {
+  if (!o || !["singleColumn", "multipleColumns"].includes(o))
+    return { leadingGroupColumnSpan: void 0, contentColumnSpan: void 0, trailingGroupColumnSpan: void 0 };
+  if (!["groupHeader", "groupFooter"].includes(e || ""))
+    return { leadingGroupColumnSpan: void 0, contentColumnSpan: void 0, trailingGroupColumnSpan: void 0 };
+  if (n === void 0 || t === void 0 || r === void 0)
+    return { leadingGroupColumnSpan: void 0, contentColumnSpan: void 0, trailingGroupColumnSpan: void 0 };
+  const s = o === "singleColumn" ? 0 : t;
+  if (a && n < s)
+    return {
+      leadingGroupColumnSpan: n + 1,
+      contentColumnSpan: void 0,
+      trailingGroupColumnSpan: void 0
+    };
+  if (n === s) {
+    const C = r - s - 1;
+    return {
+      leadingGroupColumnSpan: s > 0 ? s : void 0,
+      contentColumnSpan: 1,
+      trailingGroupColumnSpan: C > 0 ? C : void 0
+    };
+  }
+  return { leadingGroupColumnSpan: void 0, contentColumnSpan: void 0, trailingGroupColumnSpan: void 0 };
+}, un = (o, e, n) => ({
+  tdProps: {
     ...o,
     colSpan: 0,
-    style: { ...d, position: "sticky", zIndex: 2 }
-  }, i = {
+    style: { ...e, position: "sticky", zIndex: 2 }
+  },
+  td2Props: {
     className: "k-table-td",
     role: "gridcell",
-    colSpan: n - e,
+    colSpan: n,
     style: { borderLeftWidth: 0, borderRightWidth: 0 }
-  })), { tdProps: o, td2Props: i, content: p, renderToggleCell: g };
-}, w = (t) => {
-  var e, l;
-  return (l = (e = t.cells) == null ? void 0 : e.group) == null ? void 0 : l[t.rowType || "data"];
+  }
+}), k = () => ({
+  tdProps: null,
+  td2Props: null,
+  content: null,
+  renderToggleCell: !1
+}), Sn = (o) => {
+  var W, j, q, B;
+  const {
+    columnIndex: e,
+    level: n,
+    columnsCount: t,
+    rowType: r,
+    dataItem: a,
+    field: M,
+    expanded: s,
+    ariaColumnIndex: C,
+    locked: S,
+    style: i,
+    hasCheckboxColumn: G
+  } = o, c = o.groupingMode || "default", d = M || "", J = an(o), R = o.columnPosition || {}, p = c === "singleColumn", P = c === "multipleColumns", T = (j = (W = o.group) == null ? void 0 : W.value) != null ? j : a[d], g = (B = (q = o.group) == null ? void 0 : q.field) != null ? B : d, w = T instanceof Date ? T.toString() : T, x = o.columnFields, b = o.columnTitles, H = o.columnGroupFields, h = o.hiddenColumnTitleByField, I = x && g ? x.indexOf(g) : -1, K = I === -1 && H && g ? H.indexOf(g) : -1, _ = I > -1 ? I : K, Q = g ? h == null ? void 0 : h[g] : void 0, $ = (_ > -1 ? b == null ? void 0 : b[_] : Q) || (g ? g.split(".").slice(-1)[0] : d), A = x && e !== void 0 ? (l) => {
+    const m = x.findIndex(
+      (f, u) => u > e && f === l
+    );
+    return m === -1 ? void 0 : m;
+  } : void 0, O = !p && !P, V = !!o.isRtl, U = V ? R.right : R.left, X = c === "compact" && n !== void 0 ? n * dn : 0, Y = sn + X, Z = S && O && U !== void 0 ? {
+    position: "sticky",
+    [V ? "right" : "left"]: U + Y,
+    zIndex: 2,
+    width: "fit-content"
+  } : void 0, z = (l) => S && O ? { ...l, overflow: "visible" } : l, N = (l) => /* @__PURE__ */ E.createElement("div", { className: "k-grouping-row-content", style: Z }, /* @__PURE__ */ E.createElement(rn, { ...J }), /* @__PURE__ */ E.createElement("span", { className: "k-grouping-row-text" }, l)), nn = () => {
+    if (t === void 0 || e === void 0)
+      return k();
+    if (r === "groupFooter")
+      return e !== 0 ? k() : {
+        tdProps: {
+          className: "k-table-td",
+          style: i,
+          key: "g-noi-footer",
+          role: "gridcell"
+        },
+        td2Props: null,
+        content: null,
+        renderToggleCell: !1,
+        hasCheckboxColumn: !!G
+      };
+    if (e !== 0 || r !== "groupHeader" || a[d] === void 0)
+      return k();
+    const l = n !== void 0 ? {
+      ...i,
+      "--kendo-grid-grouping-level": n,
+      paddingInlineStart: `calc(var(--kendo-spacing-2.5, 10px) + ${n} * var(--kendo-spacing-6, 24px))`
+    } : i;
+    return {
+      tdProps: {
+        className: "k-table-td",
+        style: z(l),
+        colSpan: t,
+        key: "g-noi-colspan",
+        role: "gridcell",
+        "aria-selected": !1,
+        "aria-expanded": s,
+        "aria-colindex": C
+      },
+      td2Props: null,
+      content: N(`${$}: ${w}`),
+      renderToggleCell: !0,
+      hasCheckboxColumn: !!G
+    };
+  }, en = () => {
+    const l = p ? 0 : n;
+    if (!(e === l && l !== void 0 && t !== void 0 && a[d] !== void 0)) {
+      if (!(P && n !== void 0 && e !== void 0 && e < n))
+        return k();
+      const tn = {
+        style: i,
+        key: "g" + e,
+        className: D("k-table-td", "k-table-group-td", "k-group-cell", {
+          "k-grid-content-sticky": S
+        }),
+        role: "gridcell"
+      }, L = y(
+        c,
+        r,
+        e,
+        n,
+        t,
+        !0
+      );
+      return {
+        tdProps: tn,
+        td2Props: null,
+        content: null,
+        renderToggleCell: !1,
+        isSpacerCell: !0,
+        leadingGroupColumnSpan: L.leadingGroupColumnSpan,
+        contentColumnSpan: L.contentColumnSpan,
+        trailingGroupColumnSpan: L.trailingGroupColumnSpan
+      };
+    }
+    const f = p && n !== void 0 ? {
+      ...i,
+      "--kendo-grid-grouping-level": n,
+      paddingInlineStart: `calc(var(--kendo-spacing-2.5, 10px) + ${n} * var(--kendo-spacing-6, 24px))`
+    } : i;
+    let u = {
+      className: "k-table-td",
+      style: f,
+      key: p ? "g-single-column" : "g-multi-column",
+      role: "gridcell",
+      "aria-selected": !1,
+      "aria-expanded": s,
+      "aria-colindex": C
+    }, v = t - l - 1 > 0 ? { className: "k-table-td", role: "gridcell", colSpan: t - l - 1 } : null;
+    S && ({ tdProps: u, td2Props: v } = un(
+      u,
+      f,
+      t - l
+    ));
+    const F = y(c, r, e, n, t, !1);
+    return {
+      tdProps: u,
+      td2Props: v,
+      content: N(`${$}: ${w}`),
+      renderToggleCell: !0,
+      hasCheckboxColumn: !!G,
+      leadingGroupColumnSpan: F.leadingGroupColumnSpan,
+      contentColumnSpan: F.contentColumnSpan,
+      trailingGroupColumnSpan: F.trailingGroupColumnSpan,
+      getColumnIndexForField: A
+    };
+  }, on = () => {
+    if (n === void 0 || e === void 0 || t === void 0)
+      return k();
+    const l = p ? 0 : n, m = {
+      style: i,
+      key: "g" + e,
+      className: D("k-table-td", "k-table-group-td", "k-group-cell", {
+        "k-grid-content-sticky": S
+      }),
+      role: "gridcell"
+    };
+    if (e > l)
+      return {
+        tdProps: m,
+        td2Props: null,
+        content: null,
+        renderToggleCell: !1,
+        isSpacerCell: !0
+      };
+    if (e < l) {
+      const v = y(
+        c,
+        r,
+        e,
+        n,
+        t,
+        !0
+      );
+      return {
+        tdProps: m,
+        td2Props: null,
+        content: null,
+        renderToggleCell: !1,
+        isSpacerCell: !0,
+        leadingGroupColumnSpan: v.leadingGroupColumnSpan,
+        contentColumnSpan: v.contentColumnSpan,
+        trailingGroupColumnSpan: v.trailingGroupColumnSpan
+      };
+    }
+    const f = {
+      className: "k-table-td",
+      style: i,
+      key: p ? "g-single-footer" : "g-multi-footer",
+      role: "gridcell"
+    }, u = y(c, r, e, n, t, !1);
+    return {
+      tdProps: f,
+      td2Props: null,
+      content: null,
+      renderToggleCell: !1,
+      hasCheckboxColumn: !!G,
+      leadingGroupColumnSpan: u.leadingGroupColumnSpan,
+      contentColumnSpan: u.contentColumnSpan,
+      trailingGroupColumnSpan: u.trailingGroupColumnSpan,
+      getColumnIndexForField: A
+    };
+  }, ln = () => e === void 0 || n === void 0 || e < n || t === void 0 || r !== "groupHeader" || a[d] === void 0 ? {
+    tdProps: {
+      style: i,
+      key: "g" + e,
+      className: D("k-table-td", "k-group-cell", { "k-grid-content-sticky": S }),
+      role: "gridcell"
+    },
+    td2Props: null,
+    content: null,
+    renderToggleCell: !1,
+    isSpacerCell: !0
+  } : e !== n ? { tdProps: null, td2Props: null, content: null, renderToggleCell: !1, isSpacerCell: !1 } : {
+    tdProps: {
+      className: "k-table-td",
+      style: z(i),
+      colSpan: t - e,
+      key: "g-colspan",
+      role: "gridcell",
+      "aria-selected": !1,
+      "aria-expanded": s,
+      "aria-colindex": C
+    },
+    td2Props: null,
+    content: N(
+      a[d] instanceof Date ? a[d].toString() : a[d]
+    ),
+    renderToggleCell: !0,
+    isSpacerCell: !1
+  };
+  return c === "compact" ? nn() : (p || P) && r === "groupHeader" ? en() : (P || p) && r === "groupFooter" ? on() : ln();
+}, fn = (o) => {
+  var e, n;
+  return (n = (e = o.cells) == null ? void 0 : e.group) == null ? void 0 : n[o.rowType || "data"];
 };
 export {
-  w as getCustomCell,
-  T as getGroupCellTdProps
+  fn as getCustomCell,
+  Sn as getGroupCellTdProps
 };

package/cells/selectioncell/GridSelectionCellInput.d.ts

@@ -8,6 +8,7 @@
 import * as React from 'react';
 interface GridSelectionCellInputProps {
     selected: boolean;
+    indeterminate?: boolean;
     onToggle?: (e: React.SyntheticEvent<HTMLElement>) => void;
 }
 /**

package/cells/selectioncell/GridSelectionCellInput.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),u=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function p(t){const c=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(c,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return c.default=t,Object.freeze(c)}const r=p(s),k=t=>{const{selected:c,onToggle:e}=t,n=u.useId(),l=d.useLocalization(),i=a=>{a.stopPropagation(),e==null||e(a)};return r.createElement("span",{className:"k-checkbox-wrap"},r.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(o.selectRow,o.messages[o.selectRow]),"aria-checked":c,checked:c,readOnly:!0,onClick:i}))};exports.GridSelectionCellInput=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),m=require("@progress/kendo-react-common"),p=require("@progress/kendo-react-intl"),a=require("../../messages/index.js");function f(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,c.get?c:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=f(d),k=t=>{const{selected:n,indeterminate:e,onToggle:c}=t,l=m.useId(),s=p.useLocalization(),o=r.useRef(null);r.useEffect(()=>{o.current&&(o.current.indeterminate=!!e)},[e]);const u=i=>{i.stopPropagation(),c==null||c(i)};return r.createElement("span",{className:"k-checkbox-wrap"},r.createElement("input",{ref:o,id:l,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":s.toLanguageString(a.selectRow,a.messages[a.selectRow]),"aria-checked":e?"mixed":n,checked:n,readOnly:!0,onClick:u}))};exports.GridSelectionCellInput=k;

package/cells/selectioncell/GridSelectionCellInput.mjs

@@ -6,29 +6,34 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as o from "react";
-import { useId as l } from "@progress/kendo-react-common";
-import { useLocalization as m } from "@progress/kendo-react-intl";
-import { selectRow as a, messages as d } from "../../messages/index.mjs";
-const h = (n) => {
-  const { selected: t, onToggle: e } = n, r = l(), i = m(), s = (c) => {
-    c.stopPropagation(), e == null || e(c);
+import * as e from "react";
+import { useId as d } from "@progress/kendo-react-common";
+import { useLocalization as u } from "@progress/kendo-react-intl";
+import { selectRow as r, messages as p } from "../../messages/index.mjs";
+const x = (i) => {
+  const { selected: a, indeterminate: t, onToggle: c } = i, s = d(), l = u(), n = e.useRef(null);
+  e.useEffect(() => {
+    n.current && (n.current.indeterminate = !!t);
+  }, [t]);
+  const m = (o) => {
+    o.stopPropagation(), c == null || c(o);
   };
-  return /* @__PURE__ */ o.createElement("span", { className: "k-checkbox-wrap" }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ e.createElement("span", { className: "k-checkbox-wrap" }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      id: r,
+      ref: n,
+      id: s,
       tabIndex: -1,
       type: "checkbox",
       className: "k-checkbox k-checkbox-md k-rounded-md",
-      "aria-label": i.toLanguageString(a, d[a]),
-      "aria-checked": t,
-      checked: t,
+      "aria-label": l.toLanguageString(r, p[r]),
+      "aria-checked": t ? "mixed" : a,
+      checked: a,
       readOnly: !0,
-      onClick: s
+      onClick: m
     }
   ));
 };
 export {
-  h as GridSelectionCellInput
+  x as GridSelectionCellInput
 };

package/components/StickyGroupTable.d.ts

@@ -7,6 +7,7 @@
  */
 import { DataRowContext } from '../getRowContents.js';
 import { GridStackedLayoutSettings } from '../interfaces/GridStackedLayoutSettings';
+import { GridRowProps } from '../interfaces/GridRowProps';
 import * as React from 'react';
 /**
  * Represents the StickyGroupTable handle.
@@ -35,6 +36,7 @@ export interface StickyGroupTableProps {
     groupLevelCount?: number;
     stackedLayoutSettings?: GridStackedLayoutSettings;
     rowHeight?: number;
+    rows?: GridRowProps['rows'];
 }
 /**
  * @hidden