@progress/kendo-react-grid 9.3.1 → 9.4.0-develop.1

package/GridState.mjs

@@ -0,0 +1,93 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import o from "react";
+const z = o.createContext([{}, () => {
+}, {}]), Y = () => o.useContext(z), Z = (e) => {
+  var s, S, C, k, G, D, P, m, F, _, H, R, T, b, j, q, w, y;
+  const {
+    children: A,
+    onEditChange: r,
+    onFilterChange: n,
+    onSortChange: i,
+    onPageChange: c,
+    onGroupChange: u,
+    onDataStateChange: g,
+    onSelectionChange: h,
+    onDetailExpandChange: x,
+    onGroupExpandChange: E,
+    onHeaderSelectionChange: f
+  } = e, [l, d] = o.useState({
+    edit: (s = e.defaultEdit) != null ? s : e.edit,
+    filter: (S = e.defaultFilter) != null ? S : e.filter,
+    select: (C = e.defaultSelect) != null ? C : e.select,
+    sort: (k = e.defaultSort) != null ? k : e.sort,
+    take: (G = e.defaultTake) != null ? G : e.take,
+    skip: (D = e.defaultSkip) != null ? D : e.skip,
+    group: (P = e.defaultGroup) != null ? P : e.group,
+    detailExpand: (m = e.defaultDetailExpand) != null ? m : e.detailExpand,
+    groupExpand: (F = e.defaultGroupExpand) != null ? F : e.groupExpand
+  }), B = {
+    edit: (_ = e.edit) != null ? _ : l.edit,
+    filter: (H = e.filter) != null ? H : l.filter,
+    sort: (R = e.sort) != null ? R : l.sort,
+    take: (T = e.take) != null ? T : l.take,
+    skip: (b = e.skip) != null ? b : l.skip,
+    group: (j = e.group) != null ? j : l.group,
+    select: (q = e.select) != null ? q : l.select,
+    detailExpand: (w = e.detailExpand) != null ? w : l.detailExpand,
+    groupExpand: (y = e.groupExpand) != null ? y : l.groupExpand
+  }, I = (t) => {
+  }, J = (t) => {
+    d((a) => ({ ...a, edit: t.edit })), r == null || r(t);
+  }, K = (t) => {
+    d((a) => ({ ...a, filter: t.filter })), n == null || n(t);
+  }, L = (t) => {
+    d((a) => ({ ...a, sort: t.sort })), i == null || i(t);
+  }, M = (t) => {
+    d((a) => ({ ...a, ...t.page })), c == null || c(t);
+  }, N = (t) => {
+    d((a) => ({ ...a, group: t.group })), u == null || u(t);
+  }, O = (t) => {
+    d((a) => ({ ...a, ...t.dataState })), g == null || g(t);
+  }, Q = (t) => {
+    d((a) => ({ ...a, select: t.select })), h == null || h(t);
+  }, U = (t) => {
+    d((a) => ({ ...a, select: t.select })), f == null || f(t);
+  }, V = (t) => {
+    d((a) => ({ ...a, detailExpand: t.detailExpand })), x == null || x(t);
+  }, W = (t) => {
+    d((a) => ({ ...a, groupExpand: t.groupExpand })), E == null || E(t);
+  };
+  return /* @__PURE__ */ o.createElement(
+    z.Provider,
+    {
+      value: [
+        B,
+        I,
+        {
+          onEditChange: J,
+          onFilterChange: n && K,
+          onSortChange: i && L,
+          onPageChange: c && M,
+          onGroupChange: u && N,
+          onDataStateChange: O,
+          onSelectionChange: Q,
+          onHeaderSelectionChange: U,
+          onDetailExpandChange: V,
+          onGroupExpandChange: W
+        }
+      ]
+    },
+    A
+  );
+};
+export {
+  Z as GridClientStateProvider,
+  Y as useGridState
+};

package/GridWatermarkOverlay.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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"),n=require("@progress/kendo-react-common"),c=require("./package-metadata.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=i(o),s=e=>n.shouldShowValidationUI(c.packageMetadata)&&l.createElement(n.WatermarkOverlay,null);exports.GridWatermarkOverlay=s;

package/GridWatermarkOverlay.mjs

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import { shouldShowValidationUI as e, WatermarkOverlay as a } from "@progress/kendo-react-common";
+import { packageMetadata as t } from "./package-metadata.mjs";
+const n = (o) => e(t) && /* @__PURE__ */ r.createElement(a, null);
+export {
+  n as GridWatermarkOverlay
+};

package/StatusBar.js

@@ -5,4 +5,4 @@
  * 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 E=require("react"),h=require("@progress/kendo-react-common");function O(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>r[o]})}}return s.default=r,Object.freeze(s)}const l=O(E),b=r=>{const{data:s=[]}=r;return l.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},s.map((o,n)=>l.createElement("div",{key:n},l.createElement("span",{className:"k-selection-aggregates-item-text"},o.type,": "),l.createElement("span",{className:"k-selection-aggregates-item-value"},o.formattedValue))))};b.displayName="KendoReactGridStatusBar";const p=r=>{var o;const s=r.slice();for(let n=0;n<s.length;n++)for(;s[n]&&((o=s[n].children)!=null&&o.length);)s.splice(n,1,...s[n].children);return s},j=r=>{const{dataItems:s,target:o,selectedField:n}=r,y=p(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>h.getter(e)),S=h.getter(n),t={dates:[],numbers:[],booleans:[],others:[]},D=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};s.forEach(e=>{const a=S(e);a&&a.forEach(c=>{D(y[c](e))})});const u=t.dates.map(e=>e.getTime()),g=t.booleans.filter(e=>e).length,m=t.booleans.filter(e=>!e).length,i=t.numbers.length?t.numbers.reduce((e,a)=>e+=a,0):void 0,d={sum:i,average:typeof i=="number"?i/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:g>0?g:void 0,isFalse:m>0?m:void 0,earliest:t.dates.length?new Date(Math.min(...u)):void 0,latest:t.dates.length?new Date(Math.max(...u)):void 0},v=(e,a)=>(a==="sum"||a==="average")&&typeof e=="number"?e.toFixed(2):(a==="earliest"||a==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),f=[];return Object.keys(d).forEach(e=>{const a=e,c=d[a];c!==void 0&&f.push({type:a,value:c,formattedValue:v(c,a)})}),f};exports.StatusBar=b;exports.getStatusData=j;exports.leafColumns=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),u=require("@progress/kendo-react-common");function O(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>s[o]})}}return n.default=s,Object.freeze(n)}const c=O(E),b=s=>{const{data:n=[]}=s;return c.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},n.map((o,r)=>c.createElement("div",{key:r},c.createElement("span",{className:"k-selection-aggregates-item-text"},o.type,": "),c.createElement("span",{className:"k-selection-aggregates-item-value"},o.formattedValue))))};b.displayName="KendoReactGridStatusBar";const p=s=>{var o;const n=s.slice();for(let r=0;r<n.length;r++)for(;n[r]&&((o=n[r].children)!=null&&o.length);)n.splice(r,1,...n[r].children);return n},j=s=>{const{dataItems:n,target:o}=s,y=p(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>u.getter(e)),S="selectedField"in s?u.getter(s.selectedField):e=>s.select[u.getter(s.dataItemKey)(e)],t={dates:[],numbers:[],booleans:[],others:[]},D=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};n.forEach(e=>{const a=S(e);a&&a.forEach(l=>{D(y[l](e))})});const m=t.dates.map(e=>e.getTime()),d=t.booleans.filter(e=>e).length,g=t.booleans.filter(e=>!e).length,i=t.numbers.length?t.numbers.reduce((e,a)=>e+=a,0):void 0,f={sum:i,average:typeof i=="number"?i/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:d>0?d:void 0,isFalse:g>0?g:void 0,earliest:t.dates.length?new Date(Math.min(...m)):void 0,latest:t.dates.length?new Date(Math.max(...m)):void 0},v=(e,a)=>(a==="sum"||a==="average")&&typeof e=="number"?e.toFixed(2):(a==="earliest"||a==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),h=[];return Object.keys(f).forEach(e=>{const a=e,l=f[a];l!==void 0&&h.push({type:a,value:l,formattedValue:v(l,a)})}),h};exports.StatusBar=b;exports.getStatusData=j;exports.leafColumns=p;

package/StatusBar.mjs

@@ -7,23 +7,23 @@
  */
 "use client";
 import * as i from "react";
-import { getter as f } from "@progress/kendo-react-common";
-const x = (r) => {
-  const { data: n = [] } = r;
-  return /* @__PURE__ */ i.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, n.map((o, a) => /* @__PURE__ */ i.createElement("div", { key: a }, /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-text" }, o.type, ": "), /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-value" }, o.formattedValue))));
+import { getter as m } from "@progress/kendo-react-common";
+const x = (a) => {
+  const { data: n = [] } = a;
+  return /* @__PURE__ */ i.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, n.map((r, o) => /* @__PURE__ */ i.createElement("div", { key: o }, /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-text" }, r.type, ": "), /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-value" }, r.formattedValue))));
 };
 x.displayName = "KendoReactGridStatusBar";
-const D = (r) => {
-  var o;
-  const n = r.slice();
-  for (let a = 0; a < n.length; a++)
-    for (; n[a] && ((o = n[a].children) != null && o.length); )
-      n.splice(a, 1, ...n[a].children);
+const D = (a) => {
+  var r;
+  const n = a.slice();
+  for (let o = 0; o < n.length; o++)
+    for (; n[o] && ((r = n[o].children) != null && r.length); )
+      n.splice(o, 1, ...n[o].children);
   return n;
-}, N = (r) => {
-  const { dataItems: n, target: o, selectedField: a } = r, p = D(o.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
-    (e) => f(e)
-  ), b = f(a), t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
+}, v = (a) => {
+  const { dataItems: n, target: r } = a, p = D(r.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
+    (e) => m(e)
+  ), b = "selectedField" in a ? m(a.selectedField) : (e) => a.select[m(a.dataItemKey)(e)], t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
     typeof e == "number" ? t.numbers.push(e) : typeof e == "boolean" ? t.booleans.push(e) : e instanceof Date ? t.dates.push(e) : t.others.push(e);
   };
   n.forEach((e) => {
@@ -32,24 +32,24 @@ const D = (r) => {
       y(p[l](e));
     });
   });
-  const m = t.dates.map((e) => e.getTime()), g = t.booleans.filter((e) => e).length, d = t.booleans.filter((e) => !e).length, c = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, u = {
+  const d = t.dates.map((e) => e.getTime()), g = t.booleans.filter((e) => e).length, u = t.booleans.filter((e) => !e).length, c = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, h = {
     sum: c,
     average: typeof c == "number" ? c / t.numbers.length : void 0,
     min: t.numbers.length ? Math.min(...t.numbers) : void 0,
     max: t.numbers.length ? Math.max(...t.numbers) : void 0,
     count: t.numbers.length + t.booleans.length + t.dates.length + t.others.length,
     isTrue: g > 0 ? g : void 0,
-    isFalse: d > 0 ? d : void 0,
-    earliest: t.dates.length ? new Date(Math.min(...m)) : void 0,
-    latest: t.dates.length ? new Date(Math.max(...m)) : void 0
-  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), h = [];
-  return Object.keys(u).forEach((e) => {
-    const s = e, l = u[s];
-    l !== void 0 && h.push({ type: s, value: l, formattedValue: E(l, s) });
-  }), h;
+    isFalse: u > 0 ? u : void 0,
+    earliest: t.dates.length ? new Date(Math.min(...d)) : void 0,
+    latest: t.dates.length ? new Date(Math.max(...d)) : void 0
+  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), f = [];
+  return Object.keys(h).forEach((e) => {
+    const s = e, l = h[s];
+    l !== void 0 && f.push({ type: s, value: l, formattedValue: E(l, s) });
+  }), f;
 };
 export {
   x as StatusBar,
-  N as getStatusData,
+  v as getStatusData,
   D as leafColumns
 };

package/cells/GridCell.js

@@ -5,4 +5,4 @@
  * 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 y=require("react"),C=require("../utils/index.js"),b=require("@progress/kendo-react-intl"),S=require("@progress/kendo-react-data-tools"),T=require("../constants/index.js"),r=require("@progress/kendo-react-common");function I(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const d=I(y),x=e=>{let t=null;const n=b.useInternationalization(),l=r.useUnstyled(),g=l&&l.uGrid?l.uGrid:r.uGrid,s=S.useTableKeyboardNavigation(e.id),m=d.useCallback(i=>{e.onContextMenu&&e.onContextMenu.call(void 0,i,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let a=null,o=null;if(e.rowType==="groupFooter")a={onContextMenu:m,className:e.className,...s},t=d.createElement("td",{...a});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const c=C.getNestedValue(e.field,e.dataItem);c!=null&&(o=e.format?n.format(e.format,c):c.toString())}const i=r.classNames(g.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);a={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[T.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...s},t=d.createElement("td",{...a},o)}const f=e.rowType||"data",u=e.cells;if(u&&u[f]){const i=u[f];return d.createElement(i,{...e,tdProps:a},o)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),d=require("../utils/index.js"),S=require("../constants/index.js"),m=require("./client/GridCellContainer.js"),f=require("@progress/kendo-react-common"),G=require("@progress/kendo-react-intl");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=T(y),b=e=>{let n=null,t=null,l=null;const r=e.unstyled,C=r&&r.uGrid?r.uGrid:f.uGrid,g=new G.IntlService("en");if(e.rowType==="groupFooter")t={className:e.className},n=i.createElement("td",{...t},l);else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const c=d.getNestedValue(e.field,e.dataItem);c!=null&&(l=e.format?g.format(e.format,c):c.toString())}const a=f.classNames(C.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);t={colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[S.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},n=i.createElement("td",{...t},l)}const s=d.getClientCellProps(e),u=e.rowType||"data",o=e.cells;if(o&&o[u]){const a=o[u],c=d.isClientReference(a);return i.createElement(m.GridCellContainer,{cellProps:s,tdProps:t,isCustom:!0,isClient:c},i.createElement(a,{...e,tdProps:t},l))}return i.createElement(m.GridCellContainer,{cellProps:s,content:l,tdProps:t},n)};exports.GridCell=b;

package/cells/GridCell.mjs

@@ -7,54 +7,44 @@
  */
 "use client";
 import * as i from "react";
-import { getNestedValue as C } from "../utils/index.mjs";
-import { useInternationalization as g } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as y } from "@progress/kendo-react-data-tools";
-import { GRID_COL_INDEX_ATTRIBUTE as I } from "../constants/index.mjs";
-import { useUnstyled as x, uGrid as N, classNames as T } from "@progress/kendo-react-common";
-const w = (e) => {
-  let n = null;
-  const f = g(), d = x(), s = d && d.uGrid ? d.uGrid : N, m = y(e.id), u = i.useCallback(
-    (l) => {
-      e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
-    },
-    [e.onContextMenu, e.dataItem, e.field]
-  );
-  let t = null, c = null;
+import { getNestedValue as C, getClientCellProps as g, isClientReference as y } from "../utils/index.mjs";
+import { GRID_COL_INDEX_ATTRIBUTE as S } from "../constants/index.mjs";
+import { GridCellContainer as s } from "./client/GridCellContainer.mjs";
+import { uGrid as E, classNames as I } from "@progress/kendo-react-common";
+import { IntlService as N } from "@progress/kendo-react-intl";
+const v = (e) => {
+  let c = null, t = null, n = null;
+  const r = e.unstyled, u = r && r.uGrid ? r.uGrid : E, f = new N("en");
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: u,
-      className: e.className,
-      ...m
-    }, n = /* @__PURE__ */ i.createElement("td", { ...t });
+      className: e.className
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
-      const a = C(e.field, e.dataItem);
-      a != null && (c = e.format ? f.format(e.format, a) : a.toString());
+      const l = C(e.field, e.dataItem);
+      l != null && (n = e.format ? f.format(e.format, l) : l.toString());
     }
-    const l = T(
-      s.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    const a = I(
+      u.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
       e.className
     );
     t = {
-      onContextMenu: u,
       colSpan: e.colSpan,
       style: e.style,
-      className: l,
+      className: a,
       role: "gridcell",
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
-      [I]: e.columnIndex,
-      ...m
-    }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
+      [S]: e.columnIndex
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   }
-  const r = e.rowType || "data", o = e.cells;
-  if (o && o[r]) {
-    const l = o[r];
-    return /* @__PURE__ */ i.createElement(l, { ...e, tdProps: t }, c);
+  const o = g(e), m = e.rowType || "data", d = e.cells;
+  if (d && d[m]) {
+    const a = d[m], l = y(a);
+    return /* @__PURE__ */ i.createElement(s, { cellProps: o, tdProps: t, isCustom: !0, isClient: l }, /* @__PURE__ */ i.createElement(a, { ...e, tdProps: t }, n));
   }
-  return e.render ? e.render.call(void 0, n, e) : n;
+  return /* @__PURE__ */ i.createElement(s, { cellProps: o, content: n, tdProps: t }, c);
 };
 export {
-  w as GridCell
+  v as GridCell
 };

package/cells/GridDetailCell.js

@@ -5,4 +5,4 @@
  * 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 b=require("@progress/kendo-react-data-tools"),f=require("react"),l=require("@progress/kendo-react-common");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=g(f),C=e=>{const{colSpan:n,ariaColIndex:t,dataItem:a,dataIndex:i,id:r}=e,d=b.useTableKeyboardNavigation(r),o=l.useUnstyled(),u=o&&o.uGrid?o.uGrid:l.uGrid,s=c.useCallback(m=>{e.onContextMenu&&e.onContextMenu.call(void 0,m,e.dataItem)},[e.onContextMenu,e.dataItem]);return c.createElement("td",{onContextMenu:s,className:l.classNames(u.detailTd({})),colSpan:n,"aria-colindex":t,role:"gridcell",...d},c.createElement(e.detail,{dataItem:a,dataIndex:i}))};exports.GridDetailCell=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("./client/DetailCellContainer.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(s),f=e=>{const{colSpan:n,ariaColIndex:t,dataItem:a,dataIndex:i,id:o}=e,l=e.unstyled,d=l&&l.uGrid?l.uGrid:c.uGrid;return r.createElement(u.DetailCellContainer,{id:o,dataItem:a},r.createElement("td",{className:c.classNames(d.detailTd({})),colSpan:n,"aria-colindex":t,role:"gridcell"},r.createElement(e.detail,{dataItem:a,dataIndex:i})))};exports.GridDetailCell=f;

package/cells/GridDetailCell.mjs

@@ -6,29 +6,22 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
 import * as a from "react";
-import { useUnstyled as x, uGrid as C, classNames as I } from "@progress/kendo-react-common";
-const g = (e) => {
-  const { colSpan: n, ariaColIndex: i, dataItem: l, dataIndex: o, id: d } = e, c = m(d), t = x(), r = t && t.uGrid ? t.uGrid : C, s = a.useCallback(
-    (u) => {
-      e.onContextMenu && e.onContextMenu.call(void 0, u, e.dataItem);
-    },
-    [e.onContextMenu, e.dataItem]
-  );
-  return /* @__PURE__ */ a.createElement(
+import { uGrid as o, classNames as s } from "@progress/kendo-react-common";
+import { DetailCellContainer as m } from "./client/DetailCellContainer.mjs";
+const x = (e) => {
+  const { colSpan: r, ariaColIndex: i, dataItem: l, dataIndex: d, id: n } = e, t = e.unstyled, c = t && t.uGrid ? t.uGrid : o;
+  return /* @__PURE__ */ a.createElement(m, { id: n, dataItem: l }, /* @__PURE__ */ a.createElement(
     "td",
     {
-      onContextMenu: s,
-      className: I(r.detailTd({})),
-      colSpan: n,
+      className: s(c.detailTd({})),
+      colSpan: r,
       "aria-colindex": i,
-      role: "gridcell",
-      ...c
+      role: "gridcell"
     },
-    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: o })
-  );
+    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: d })
+  ));
 };
 export {
-  g as GridDetailCell
+  x as GridDetailCell
 };

package/cells/GridDetailHierarchyCell.js

@@ -5,4 +5,4 @@
  * 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 c=require("@progress/kendo-react-common"),l=require("react");function a(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=a(l),s=t=>{const e=c.useUnstyled(),r=e&&e.uGrid?e.uGrid:c.uGrid;return o.createElement("td",{className:c.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-react-common"),l=require("react");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=a(l),o=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return i.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=o;

package/cells/GridDetailHierarchyCell.mjs

@@ -6,12 +6,12 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useUnstyled as s, uGrid as t, classNames as l } from "@progress/kendo-react-common";
+import { uGrid as t, classNames as l } from "@progress/kendo-react-common";
 import * as i from "react";
-const d = (a) => {
-  const e = s(), r = e && e.uGrid ? e.uGrid : t;
-  return /* @__PURE__ */ i.createElement("td", { className: l(r.hierarchyTd({})), role: "gridcell" });
+const c = (r) => {
+  const e = r.unstyled, s = e && e.uGrid ? e.uGrid : t;
+  return /* @__PURE__ */ i.createElement("td", { className: l(s.hierarchyTd({})), role: "gridcell" });
 };
 export {
-  d as GridDetailHierarchyCell
+  c as GridDetailHierarchyCell
 };

package/cells/GridEditCell.js

@@ -5,4 +5,4 @@
  * 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 N=require("react"),b=require("../utils/index.js"),_=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),E=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const o=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(n,d,o.get?o:{enumerable:!0,get:()=>e[d]})}}return n.default=e,Object.freeze(n)}const t=S(N),y=e=>{const n=b.getNestedValue(e.field,e.dataItem),d=E.useUnstyled(),o=d&&d.uGrid?d.uGrid:E.uGrid;let i=null;const m=E.classNames(o.editTd({selected:e.isSelected}),e.className),x=E.useId(),r=I.useTableKeyboardNavigation(e.id);let l=null,c=null;const g=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),s=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),T=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(_.NumericTextBox,{value:n===void 0?null:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break}case"date":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(h.DatePicker,{value:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break;case"boolean":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:x,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:g})),t.createElement("label",{className:"k-checkbox-label",htmlFor:x,key:2})],i=t.createElement("td",{...l},c);break;default:l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:g,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c)}const f=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[f]?a=u.edit[f]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:l},c)}return e.render?e.render.call(void 0,i,e):i};exports.GridEditCell=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),u=require("../utils/index.js"),C=require("@progress/kendo-react-common"),g=require("../constants/index.js"),G=require("./client/GridEditCellEditor.js"),m=require("./client/GridEditCellContainer.js");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const i=y(f),S=e=>{const t=e.unstyled,l=t&&t.uGrid?t.uGrid:C.uGrid,c=C.classNames(l.editTd({selected:e.isSelected}),e.className),r={colSpan:e.colSpan,style:e.style,className:c,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[g.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell"},s=u.getClientCellProps(e),o=i.createElement(G.GridEditCellEditor,{cellProps:s}),a=e.editor||"text",n=e.cells;if(n){let d;n.edit&&n.edit[a]?d=n.edit[a]:n.data&&(d=n.data);const E=u.isClientReference(d);return i.createElement(m.GridEditCellContainer,{cellProps:s,tdProps:r,isCustom:!0,isClient:E},i.createElement(d,{...e,tdProps:r},o))}return i.createElement(m.GridEditCellContainer,{cellProps:s,content:o,tdProps:r},i.createElement("td",{...r},o))};exports.GridEditCell=S;

package/cells/GridEditCell.mjs

@@ -6,138 +6,30 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { getNestedValue as E } from "../utils/index.mjs";
-import { NumericTextBox as b } from "@progress/kendo-react-inputs";
-import { DatePicker as N } from "@progress/kendo-react-dateinputs";
-import { useUnstyled as y, uGrid as S, classNames as v, useId as T } from "@progress/kendo-react-common";
-import { useTableKeyboardNavigation as _, TABLE_PREVENT_SELECTION_ELEMENT as I } from "@progress/kendo-react-data-tools";
+import * as l from "react";
+import { getClientCellProps as u, isClientReference as E } from "../utils/index.mjs";
+import { uGrid as f, classNames as G } from "@progress/kendo-react-common";
 import { GRID_COL_INDEX_ATTRIBUTE as x } from "../constants/index.mjs";
-const B = (e) => {
-  const i = E(e.field, e.dataItem), C = y(), h = C && C.uGrid ? C.uGrid : S;
-  let d = null;
-  const m = v(h.editTd({ selected: e.isSelected }), e.className), s = T(), u = _(e.id);
-  let l = null, n = null;
-  const f = a.useCallback(
-    (t) => {
-      if (e.onChange) {
-        const k = t.target.type === "checkbox" ? t.target.checked : t.target.value;
-        e.onChange({
-          dataItem: e.dataItem,
-          dataIndex: e.dataIndex,
-          field: e.field,
-          syntheticEvent: t,
-          value: k
-        });
-      }
-    },
-    [e.onChange, e.dataItem, e.dataIndex, e.field]
-  ), o = a.useCallback(
-    (t) => {
-      e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
-    },
-    [e.onContextMenu, e.dataItem, e.field]
-  ), g = a.useCallback(
-    (t) => {
-      e.onChange && e.onChange({
-        dataItem: e.dataItem,
-        dataIndex: e.dataIndex,
-        field: e.field,
-        syntheticEvent: t.syntheticEvent,
-        value: t.value
-      });
-    },
-    [e.onChange, e.dataItem, e.dataIndex, e.field]
-  );
-  switch (e.editor) {
-    case "numeric": {
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(
-        b,
-        {
-          value: i === void 0 ? null : i,
-          onChange: g,
-          [I]: !0
-        }
-      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    }
-    case "date":
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(N, { value: i, onChange: g, [I]: !0 }), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    case "boolean":
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = [
-        /* @__PURE__ */ a.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ a.createElement(
-          "input",
-          {
-            checked: i || !1,
-            id: s,
-            type: "checkbox",
-            className: "k-checkbox k-checkbox-md k-rounded-md",
-            onChange: f
-          }
-        )),
-        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
-      ], d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
-      break;
-    default:
-      l = {
-        onContextMenu: o,
-        colSpan: e.colSpan,
-        style: e.style,
-        className: m,
-        "aria-colindex": e.ariaColumnIndex,
-        "aria-selected": e.isSelected,
-        [x]: e.columnIndex,
-        role: "gridcell",
-        ...u
-      }, n = /* @__PURE__ */ a.createElement(
-        "input",
-        {
-          style: { width: "100%" },
-          className: "k-input",
-          value: i || "",
-          onChange: f,
-          [I]: !0
-        }
-      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
+import { GridEditCellEditor as I } from "./client/GridEditCellEditor.mjs";
+import { GridEditCellContainer as o } from "./client/GridEditCellContainer.mjs";
+const T = (e) => {
+  const c = e.unstyled, a = c && c.uGrid ? c.uGrid : f, m = G(a.editTd({ selected: e.isSelected }), e.className), i = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: m,
+    "aria-colindex": e.ariaColumnIndex,
+    "aria-selected": e.isSelected,
+    [x]: e.columnIndex,
+    role: "gridcell"
+  }, s = u(e), d = /* @__PURE__ */ l.createElement(I, { cellProps: s }), r = e.editor || "text", t = e.cells;
+  if (t) {
+    let n;
+    t.edit && t.edit[r] ? n = t.edit[r] : t.data && (n = t.data);
+    const C = E(n);
+    return /* @__PURE__ */ l.createElement(o, { cellProps: s, tdProps: i, isCustom: !0, isClient: C }, /* @__PURE__ */ l.createElement(n, { ...e, tdProps: i }, d));
   }
-  const r = e.editor || "text", c = e.cells;
-  if (c) {
-    let t;
-    return c.edit && c.edit[r] ? t = c.edit[r] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
-  }
-  return e.render ? e.render.call(void 0, d, e) : d;
+  return /* @__PURE__ */ l.createElement(o, { cellProps: s, content: d, tdProps: i }, /* @__PURE__ */ l.createElement("td", { ...i }, d));
 };
 export {
-  B as GridEditCell
+  T as GridEditCell
 };

package/cells/GridGroupCell.js

@@ -5,4 +5,4 @@
  * 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 b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:w,dataItem:o,field:M,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:N,isRtl:I}=e,s=M||"",E=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),S=(l,O)=>{const h=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(h,v.messages[h]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":N,onKeyDown:q,onContextMenu:k,...E},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:R=>{R.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:R,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||w!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k,...E},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=S(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,S(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const D=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[D]){const l=u.group[D];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@progress/kendo-react-common"),E=require("react"),N=require("./client/GridGroupCellToggle.js"),k=require("./client/GridGroupCellContainer.js"),p=require("../utils/index.js");function O(e){const l=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(l,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const o=O(E),R=e=>{const{columnIndex:l,level:r,columnsCount:n,rowType:G,dataItem:c,field:b,expanded:S,render:j,ariaColumnIndex:v}=e,a=b||"";let t=null,i=null,d=null,m=!1,s=!1,C=!1;const g=p.getClientCellProps(e);l===void 0||r===void 0||l<r||n===void 0||G!=="groupHeader"||c[a]===void 0?(s=!0,t={style:e.style,key:"g"+l,className:w.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):l===r&&(s=!0,t={className:"k-table-td",style:e.style,colSpan:n-l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":S,"aria-colindex":v},d=o.createElement("p",{className:"k-reset"},o.createElement(N.GridGroupCellToggle,{...g}),c[a]instanceof Date&&c[a].toString?c[a].toString():c[a]),m=!0,e.locked&&(C=!0,t={...t,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:n-l,style:{borderLeftWidth:0,borderRightWidth:0}}));const f=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[f]){const y=u.group[f],T=p.isClientReference(y);return o.createElement(k.GridGroupCellContainer,{cellProps:g,tdProps:t,td2Props:i,isCustom:!0,isClient:T,addKeyDownHandler:!0},o.createElement(y,{...e,tdProps:t,td2Props:i},d))}const x=s?o.createElement("td",{...t,key:t==null?void 0:t.key},d):null;return o.createElement(k.GridGroupCellContainer,{cellProps:g,addKeyDownHandler:m,tdProps:t,td2Props:i,renderFirstCell:s,renderSecondCell:C,content:d},x)};exports.GridGroupCell=R;