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

package/cells/GridSelectionCell.mjs

@@ -5,45 +5,26 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
-import { getNestedValue as v } from "../utils/index.mjs";
-import { selectRow as g, messages as R } from "../messages/index.mjs";
-import { useLocalization as T } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as z } from "@progress/kendo-react-data-tools";
-import { useId as L, classNames as V } from "@progress/kendo-react-common";
-const P = (a) => {
-  const { selectionChange: o, field: p, dataItem: k, id: b, className: f, colSpan: h, style: C, ariaColumnIndex: x, rowType: l, cells: N, render: n } = a, y = T(), I = e.useCallback(
-    (c) => {
-      o && o({ syntheticEvent: c });
-    },
-    [o]
-  ), S = L(), s = v(p, k), w = z(b), E = V("k-table-td", f), r = {
-    colSpan: h,
-    style: C,
-    className: E,
-    "aria-colindex": x,
-    role: "gridcell",
-    ...w
-  }, i = typeof s == "boolean" && s, d = /* @__PURE__ */ e.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ e.createElement(
-    "input",
-    {
-      id: S,
-      tabIndex: -1,
-      type: "checkbox",
-      className: "k-checkbox k-checkbox-md k-rounded-md",
-      "aria-label": y.toLanguageString(g, R[g]),
-      "aria-checked": i,
-      checked: i,
-      onChange: I
-    }
-  )), m = l !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...r }, d) : null, u = l || "data", t = N;
-  if (t && t.select && t.select[u]) {
-    const c = t.select[u];
-    return /* @__PURE__ */ e.createElement(c, { ...a, tdProps: r }, d);
+import { classNames as S } from "@progress/kendo-react-common";
+import { GridSelectionCellInput as y } from "./client/GridSelectionCellInput.mjs";
+import { GridSelectionCellContainer as i } from "./client/GridSelectionCellContainer.mjs";
+import { getClientCellProps as N, isClientReference as x } from "../utils/index.mjs";
+const w = (n) => {
+  const { className: m, colSpan: C, style: d, ariaColumnIndex: u, rowType: c, cells: p } = n, f = S("k-table-td", m), t = {
+    colSpan: C,
+    style: d,
+    className: f,
+    "aria-colindex": u,
+    role: "gridcell"
+  }, o = /* @__PURE__ */ e.createElement(y, { key: 1, ...n }), r = N(n), s = c || "data", l = p;
+  if (l && l.select && l.select[s]) {
+    const a = l.select[s], E = x(a);
+    return /* @__PURE__ */ e.createElement(i, { cellProps: r, tdProps: t, isCustom: !0, isClient: E }, /* @__PURE__ */ e.createElement(a, { ...r, tdProps: t }, o));
   }
-  return n ? n.call(void 0, m, a) : m;
+  const g = c !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...t }, o) : null;
+  return /* @__PURE__ */ e.createElement(i, { cellProps: r, content: o, tdProps: t }, g);
 };
 export {
-  P as GridSelectionCell
+  w as GridSelectionCell
 };

package/cells/client/DetailCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 c=require("react"),i=require("@progress/kendo-react-data-tools"),l=require("../../GridClientWrapper.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=u(c),s=e=>{const t=a.useContext(l.GridContext),n=i.useTableKeyboardNavigation(e.id),o=a.useCallback(r=>{t!=null&&t.onContextMenu&&t.onContextMenu.call(void 0,r,e.dataItem)},[t,e.dataItem]);return a.cloneElement(e.children,{onContextMenu:o,...n})};exports.DetailCellContainer=s;

package/cells/client/DetailCellContainer.mjs

@@ -0,0 +1,26 @@
+/**
+ * @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 n from "react";
+import { useTableKeyboardNavigation as l } from "@progress/kendo-react-data-tools";
+import { GridContext as r } from "../../GridClientWrapper.mjs";
+const u = (e) => {
+  const t = n.useContext(r), o = l(e.id), a = n.useCallback(
+    (i) => {
+      t != null && t.onContextMenu && t.onContextMenu.call(void 0, i, e.dataItem);
+    },
+    [t, e.dataItem]
+  );
+  return n.cloneElement(e.children, {
+    onContextMenu: a,
+    ...o
+  });
+};
+export {
+  u as DetailCellContainer
+};

package/cells/client/GridCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 g=require("react"),y=require("@progress/kendo-react-data-tools"),P=require("../../GridClientWrapper.js");function b(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const l=b(g),p=n=>{var d;const{cellProps:e}=n,t=l.useContext(P.GridContext),a=y.useTableKeyboardNavigation(e.id),s=l.useCallback(o=>{var r;(r=t==null?void 0:t.cellClick)==null||r.call(t,o,e.dataItem,e.field)},[t,e.dataItem,e.field]),u=l.useCallback(o=>{var r;(r=t==null?void 0:t.onContextMenu)==null||r.call(void 0,o,e.dataItem,e.field)},[t,e.dataItem,e.field]),C=e.rowType==="groupFooter"||e.rowType!=="groupHeader"?{onContextMenu:u}:{},m=t.getCellPositionStyle(e.columnPosition),f=e.rowType!=="groupFooter"&&e.rowType!=="groupHeader"?{style:{...(d=n.tdProps)==null?void 0:d.style,...m}}:{},c={...a,...C,...f,onClick:s},i={onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:o=>{t.selectionChange({event:o,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}};if(n.isCustom)return t.isClient||n.isClient?l.cloneElement(n.children,{tdProps:{...n.tdProps,...c},...i}):l.cloneElement(n.children,{...c});if(e.render){const o=e.rowType!=="groupHeader"?l.createElement("td",{...n.tdProps,...c},n.content):null;return e.render.call(void 0,o,{...e,...i})}return n.children&&l.cloneElement(n.children,{...c})};exports.GridCellContainer=p;

package/cells/client/GridCellContainer.mjs

@@ -0,0 +1,68 @@
+/**
+ * @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 l from "react";
+import { useTableKeyboardNavigation as f } from "@progress/kendo-react-data-tools";
+import { GridContext as y } from "../../GridClientWrapper.mjs";
+const h = (n) => {
+  var c;
+  const { cellProps: e } = n, t = l.useContext(y), d = f(e.id), s = l.useCallback(
+    (o) => {
+      var a;
+      (a = t == null ? void 0 : t.cellClick) == null || a.call(t, o, e.dataItem, e.field);
+    },
+    [t, e.dataItem, e.field]
+  ), u = l.useCallback(
+    (o) => {
+      var a;
+      (a = t == null ? void 0 : t.onContextMenu) == null || a.call(void 0, o, e.dataItem, e.field);
+    },
+    [t, e.dataItem, e.field]
+  ), m = e.rowType === "groupFooter" || e.rowType !== "groupHeader" ? {
+    onContextMenu: u
+  } : {}, C = t.getCellPositionStyle(e.columnPosition), P = e.rowType !== "groupFooter" && e.rowType !== "groupHeader" ? {
+    style: { ...(c = n.tdProps) == null ? void 0 : c.style, ...C }
+  } : {}, r = {
+    ...d,
+    ...m,
+    ...P,
+    onClick: s
+  }, i = {
+    onContextMenu: t.onContextMenu,
+    onChange: t.itemChange,
+    selectionChange: (o) => {
+      t.selectionChange({
+        event: o,
+        dataItem: e.dataItem,
+        dataIndex: e.rowDataIndex,
+        columnIndex: e.columnIndex
+      });
+    }
+  };
+  if (n.isCustom)
+    return t.isClient || n.isClient ? l.cloneElement(n.children, {
+      // pass down to tdProps for client templates
+      tdProps: { ...n.tdProps, ...r },
+      ...i
+    }) : l.cloneElement(n.children, {
+      ...r
+    });
+  if (e.render) {
+    const o = e.rowType !== "groupHeader" ? /* @__PURE__ */ l.createElement("td", { ...n.tdProps, ...r }, n.content) : null;
+    return e.render.call(void 0, o, {
+      ...e,
+      ...i
+    });
+  }
+  return n.children && l.cloneElement(n.children, {
+    ...r
+  });
+};
+export {
+  h as GridCellContainer
+};

package/cells/client/GridEditCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 C=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=g(C),P=e=>{var c;const{cellProps:t}=e,n=o.useContext(f.GridContext),i=m.useTableKeyboardNavigation(t.id),d={onContextMenu:o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field])},s=n.getCellPositionStyle(t.columnPosition),u={style:{...(c=e.tdProps)==null?void 0:c.style,...s}},r={...i,...d,...u},a={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:{...e.tdProps,...r},...a}):o.cloneElement(e.children,{...r});if(t.render){const l=o.createElement("td",{...e.tdProps,...r},e.content);return t.render.call(void 0,l,{...t,...a})}return e.children&&o.cloneElement(e.children,{...r})};exports.GridEditCellContainer=P;

package/cells/client/GridEditCellContainer.mjs

@@ -0,0 +1,60 @@
+/**
+ * @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 o from "react";
+import { useTableKeyboardNavigation as C } from "@progress/kendo-react-data-tools";
+import { GridContext as m } from "../../GridClientWrapper.mjs";
+const g = (n) => {
+  var c;
+  const { cellProps: e } = n, t = o.useContext(m), d = C(e.id), r = {
+    onContextMenu: o.useCallback(
+      (l) => {
+        t != null && t.onContextMenu && t.onContextMenu.call(void 0, l, e.dataItem, e.field);
+      },
+      [t, e.dataItem, e.field]
+    )
+  }, s = t.getCellPositionStyle(e.columnPosition), u = {
+    style: { ...(c = n.tdProps) == null ? void 0 : c.style, ...s }
+  }, i = {
+    ...d,
+    ...r,
+    ...u
+  }, a = {
+    onContextMenu: t.onContextMenu,
+    onChange: t.itemChange,
+    selectionChange: (l) => {
+      t.selectionChange({
+        event: l,
+        dataItem: e.dataItem,
+        dataIndex: e.rowDataIndex,
+        columnIndex: e.columnIndex
+      });
+    }
+  };
+  if (n.isCustom)
+    return t.isClient || n.isClient ? o.cloneElement(n.children, {
+      // pass down to tdProps for client templates
+      tdProps: { ...n.tdProps, ...i },
+      ...a
+    }) : o.cloneElement(n.children, {
+      ...i
+    });
+  if (e.render) {
+    const l = /* @__PURE__ */ o.createElement("td", { ...n.tdProps, ...i }, n.content);
+    return e.render.call(void 0, l, {
+      ...e,
+      ...a
+    });
+  }
+  return n.children && o.cloneElement(n.children, {
+    ...i
+  });
+};
+export {
+  g as GridEditCellContainer
+};

package/cells/client/GridEditCellEditor.js

@@ -0,0 +1,9 @@
+/**
+ * @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 E=require("react"),m=require("../../GridClientWrapper.js"),u=require("@progress/kendo-react-common"),i=require("@progress/kendo-react-inputs"),s=require("@progress/kendo-react-data-tools"),N=require("@progress/kendo-react-dateinputs");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=T(E),C=t=>{const{cellProps:e}=t,a=n.useContext(m.GridContext),l=u.useId(),c=u.getNestedValue(e.field,e.dataItem);let r=null;const o=n.useCallback(d=>{a!=null&&a.itemChange&&a.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:d.syntheticEvent,value:d.value})},[a,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":r=n.createElement(i.NumericTextBox,{className:t.className,value:c===void 0?null:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":r=n.createElement(N.DatePicker,{className:t.className,value:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":r=n.createElement(i.Checkbox,{className:t.className,checked:c||!1,id:l,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:r=n.createElement(i.TextBox,{className:t.className,value:c||"",onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break}return r};exports.GridEditCellEditor=C;

package/cells/client/GridEditCellEditor.mjs

@@ -0,0 +1,81 @@
+/**
+ * @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 a from "react";
+import { GridContext as d } from "../../GridClientWrapper.mjs";
+import { useId as i, getNestedValue as u } from "@progress/kendo-react-common";
+import { TextBox as E, Checkbox as f, NumericTextBox as N } from "@progress/kendo-react-inputs";
+import { TABLE_PREVENT_SELECTION_ELEMENT as s } from "@progress/kendo-react-data-tools";
+import { DatePicker as h } from "@progress/kendo-react-dateinputs";
+const b = (t) => {
+  const { cellProps: e } = t, n = a.useContext(d), r = i(), l = u(e.field, e.dataItem);
+  let c = null;
+  const m = a.useCallback(
+    (o) => {
+      n != null && n.itemChange && n.itemChange({
+        dataItem: e.dataItem,
+        dataIndex: e.dataIndex,
+        field: e.field,
+        syntheticEvent: o.syntheticEvent,
+        value: o.value
+      });
+    },
+    [n, e.dataItem, e.dataIndex, e.field]
+  );
+  switch (e.editor) {
+    case "numeric":
+      c = /* @__PURE__ */ a.createElement(
+        N,
+        {
+          className: t.className,
+          value: l === void 0 ? null : l,
+          onChange: m,
+          [s]: !0
+        }
+      );
+      break;
+    case "date":
+      c = /* @__PURE__ */ a.createElement(
+        h,
+        {
+          className: t.className,
+          value: l,
+          onChange: m,
+          [s]: !0
+        }
+      );
+      break;
+    case "boolean":
+      c = /* @__PURE__ */ a.createElement(
+        f,
+        {
+          className: t.className,
+          checked: l || !1,
+          id: r,
+          onChange: m,
+          [s]: !0
+        }
+      );
+      break;
+    default:
+      c = /* @__PURE__ */ a.createElement(
+        E,
+        {
+          className: t.className,
+          value: l || "",
+          onChange: m,
+          [s]: !0
+        }
+      );
+      break;
+  }
+  return c;
+};
+export {
+  b as GridEditCellEditor
+};

package/cells/client/GridGroupCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 y=require("react"),s=require("@progress/kendo-react-data-tools"),g=require("../../GridClientWrapper.js"),x=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 d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=I(y),b=e=>{var u;const{cellProps:t}=e,n=o.useContext(g.GridContext),d=s.useTableKeyboardNavigation(t.id),m=o.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===x.Keys.enter&&(n!=null&&n.itemChange)&&(l.preventDefault(),n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:l,field:void 0,value:!t.expanded}),n==null||n.dispatchGroupExpand({type:s.GROUP_EXPAND_ACTION.TOGGLE,group:t.group},l))},[n,t.dataItem,t.dataIndex,t.expanded,t.group]),C=e.addKeyDownHandler?{onKeyDown:m}:{},r=o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field]),f=n.getCellPositionStyle(t.columnPosition),P={style:{...(u=e.tdProps)==null?void 0:u.style,...f}},a={...d,...C,onContextMenu:r,...P},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...a}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:r}:null,...c}):o.cloneElement(e.children,{...a});const i=e.renderSecondCell?o.createElement("td",{...e.td2Props,onContextMenu:r}):null;if(t.render){let l=null;return e.renderFirstCell&&(e.renderSecondCell?l=o.createElement(o.Fragment,null,o.createElement("td",{...e.tdProps,...a},e.content),e.renderSecondCell&&i):l=o.createElement("td",{...e.tdProps,...a},e.content)),t.render.call(void 0,l,{...t,...c})}return o.createElement(o.Fragment,null,e.children&&o.cloneElement(e.children,{...a}),i)};exports.GridGroupCellContainer=b;

package/cells/client/GridGroupCellContainer.mjs

@@ -0,0 +1,87 @@
+/**
+ * @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 o from "react";
+import { useTableKeyboardNavigation as f, GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
+import { GridContext as I } from "../../GridClientWrapper.mjs";
+import { Keys as y } from "@progress/kendo-react-common";
+const D = (e) => {
+  var c;
+  const { cellProps: n } = e, t = o.useContext(I), u = f(n.id), m = o.useCallback(
+    (l) => {
+      l.isDefaultPrevented() || l.keyCode === y.enter && (t != null && t.itemChange) && (l.preventDefault(), t.itemChange({
+        dataItem: n.dataItem,
+        dataIndex: n.dataIndex,
+        syntheticEvent: l,
+        field: void 0,
+        value: !n.expanded
+      }), t == null || t.dispatchGroupExpand(
+        {
+          type: x.TOGGLE,
+          group: n.group
+        },
+        l
+      ));
+    },
+    [t, n.dataItem, n.dataIndex, n.expanded, n.group]
+  ), s = e.addKeyDownHandler ? {
+    onKeyDown: m
+  } : {}, d = o.useCallback(
+    (l) => {
+      t != null && t.onContextMenu && t.onContextMenu.call(void 0, l, n.dataItem, n.field);
+    },
+    [t, n.dataItem, n.field]
+  ), C = t.getCellPositionStyle(n.columnPosition), P = {
+    style: { ...(c = e.tdProps) == null ? void 0 : c.style, ...C }
+  }, a = {
+    ...u,
+    ...s,
+    onContextMenu: d,
+    ...P
+  }, r = {
+    onContextMenu: t.onContextMenu,
+    onChange: t.itemChange,
+    selectionChange: (l) => {
+      t.selectionChange({
+        event: l,
+        dataItem: n.dataItem,
+        dataIndex: n.rowDataIndex,
+        columnIndex: n.columnIndex
+      });
+    }
+  };
+  if (e.isCustom)
+    return t.isClient || e.isClient ? o.cloneElement(e.children, {
+      // pass down to tdProps for client templates
+      tdProps: e.tdProps ? {
+        ...e.tdProps,
+        ...a
+      } : null,
+      td2Props: e.td2Props ? {
+        ...e.td2Props,
+        onContextMenu: d
+      } : null,
+      ...r
+    }) : o.cloneElement(e.children, {
+      ...a
+    });
+  const i = e.renderSecondCell ? /* @__PURE__ */ o.createElement("td", { ...e.td2Props, onContextMenu: d }) : null;
+  if (n.render) {
+    let l = null;
+    return e.renderFirstCell && (e.renderSecondCell ? l = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content), e.renderSecondCell && i) : l = /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content)), n.render.call(void 0, l, {
+      ...n,
+      ...r
+    });
+  }
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, e.children && o.cloneElement(e.children, {
+    ...a
+  }), i);
+};
+export {
+  D as GridGroupCellContainer
+};

package/cells/client/GridGroupCellToggle.js

@@ -0,0 +1,9 @@
+/**
+ * @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 s=require("react"),g=require("../../GridClientWrapper.js"),f=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-react-intl"),r=require("../../messages/index.js"),p=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const c=I(s),b=t=>{const e=c.useContext(g.GridContext),a=m.useLocalization(),n=t.expanded?r.groupCollapse:r.groupExpand,u=a.toLanguageString(n,r.messages[n]),l=e.dir==="rtl";return c.createElement("a",{onClick:i=>{var d;i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:void 0,value:!t.expanded}),(d=e==null?void 0:e.dispatchGroupExpand)==null||d.call(e,{type:p.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":u},c.createElement(f.IconWrap,{name:t.expanded?"caret-alt-down":l?"caret-alt-left":"caret-alt-right",icon:t.expanded?o.caretAltDownIcon:l?o.caretAltLeftIcon:o.caretAltRightIcon}))};exports.GridGroupCellToggle=b;

package/cells/client/GridGroupCellToggle.mjs

@@ -0,0 +1,52 @@
+/**
+ * @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 a from "react";
+import { GridContext as m } from "../../GridClientWrapper.mjs";
+import { IconWrap as d } from "@progress/kendo-react-common";
+import { caretAltDownIcon as s, caretAltLeftIcon as f, caretAltRightIcon as p } from "@progress/kendo-svg-icons";
+import { useLocalization as u } from "@progress/kendo-react-intl";
+import { groupCollapse as g, groupExpand as I, messages as h } from "../../messages/index.mjs";
+import { GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
+const b = (t) => {
+  const e = a.useContext(m), l = u(), o = t.expanded ? g : I, i = l.toLanguageString(o, h[o]), n = e.dir === "rtl";
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-is-valid
+    /* @__PURE__ */ a.createElement(
+      "a",
+      {
+        onClick: (r) => {
+          var c;
+          r.preventDefault(), e != null && e.itemChange && e.itemChange({
+            dataItem: t.dataItem,
+            dataIndex: t.dataIndex,
+            syntheticEvent: r,
+            field: void 0,
+            value: !t.expanded
+          }), (c = e == null ? void 0 : e.dispatchGroupExpand) == null || c.call(e, {
+            type: x.TOGGLE,
+            group: t.group
+          });
+        },
+        href: "#",
+        tabIndex: -1,
+        "aria-label": i
+      },
+      /* @__PURE__ */ a.createElement(
+        d,
+        {
+          name: t.expanded ? "caret-alt-down" : n ? "caret-alt-left" : "caret-alt-right",
+          icon: t.expanded ? s : n ? f : p
+        }
+      )
+    )
+  );
+};
+export {
+  b as GridGroupCellToggle
+};

package/cells/client/GridHierarchyCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 s=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),C=require("@progress/kendo-react-common");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=g(s),y=t=>{const{cellProps:e}=t,n=r.useContext(f.GridContext),a=m.useTableKeyboardNavigation(e.id),l=t.expanded,c=r.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===C.Keys.enter&&(n!=null&&n.itemChange)&&(o.preventDefault(),n.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:o,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,n,l]),u=e.rowType!=="groupHeader"&&e.rowType!=="groupFooter"?{onKeyDown:c}:{},i={...a,...u},d={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:o=>{n.selectionChange({event:o,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}};if(t.isCustom)return n.isClient||t.isClient?r.cloneElement(t.children,{tdProps:{...t.tdProps,...i},...d}):r.cloneElement(t.children,{...i});if(e.render){const o=e.rowType!=="groupHeader"?r.createElement("td",{...t.tdProps,...i},t.content):null;return e.render.call(void 0,o,{...e,...d})}return t.children&&r.cloneElement(t.children,{...i})};exports.GridHierarchyCellContainer=y;

package/cells/client/GridHierarchyCellContainer.mjs

@@ -0,0 +1,63 @@
+/**
+ * @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 a from "react";
+import { useTableKeyboardNavigation as u } from "@progress/kendo-react-data-tools";
+import { GridContext as s } from "../../GridClientWrapper.mjs";
+import { Keys as C } from "@progress/kendo-react-common";
+const h = (n) => {
+  const { cellProps: e } = n, t = a.useContext(s), l = u(e.id), d = n.expanded, c = a.useCallback(
+    (o) => {
+      o.isDefaultPrevented() || o.keyCode === C.enter && (t != null && t.itemChange) && (o.preventDefault(), t.itemChange({
+        dataItem: e.dataItem,
+        dataIndex: e.dataIndex,
+        syntheticEvent: o,
+        field: e.field,
+        value: !d
+      }));
+    },
+    [e.dataItem, e.dataIndex, e.field, t, d]
+  ), m = e.rowType !== "groupHeader" && e.rowType !== "groupFooter" ? {
+    onKeyDown: c
+  } : {}, r = {
+    ...l,
+    ...m
+  }, i = {
+    onContextMenu: t.onContextMenu,
+    onChange: t.itemChange,
+    selectionChange: (o) => {
+      t.selectionChange({
+        event: o,
+        dataItem: e.dataItem,
+        dataIndex: e.rowDataIndex,
+        columnIndex: e.columnIndex
+      });
+    }
+  };
+  if (n.isCustom)
+    return t.isClient || n.isClient ? a.cloneElement(n.children, {
+      // pass down to tdProps for client templates
+      tdProps: { ...n.tdProps, ...r },
+      ...i
+    }) : a.cloneElement(n.children, {
+      ...r
+    });
+  if (e.render) {
+    const o = e.rowType !== "groupHeader" ? /* @__PURE__ */ a.createElement("td", { ...n.tdProps, ...r }, n.content) : null;
+    return e.render.call(void 0, o, {
+      ...e,
+      ...i
+    });
+  }
+  return n.children && a.cloneElement(n.children, {
+    ...r
+  });
+};
+export {
+  h as GridHierarchyCellContainer
+};

package/cells/client/GridHierarchyCellToggle.js

@@ -0,0 +1,9 @@
+/**
+ * @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 s=require("react"),u=require("../../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),f=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=I(s),b=t=>{const e=o.useContext(u.GridContext),n=g.useLocalization(),a=t.expanded,i=a?c.detailCollapse:c.detailExpand,d=n.toLanguageString(i,c.messages[i]);return o.createElement("a",{onClick:r=>{r.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:r,field:t.field,value:!a,_expand:!0}),t.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:f.DETAIL_EXPAND_ACTION.TOGGLE,id:t.dataItem[e.dataItemKey]}))},"aria-label":d,href:"#",tabIndex:-1},o.createElement(m.IconWrap,{name:a?"minus":"plus",icon:a?l.minusIcon:l.plusIcon}))};exports.GridHierarchyCellToggle=b;

package/cells/client/GridHierarchyCellToggle.mjs

@@ -0,0 +1,43 @@
+/**
+ * @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 n from "react";
+import { GridContext as l } from "../../GridClientWrapper.mjs";
+import { IconWrap as r } from "@progress/kendo-react-common";
+import { minusIcon as c, plusIcon as s } from "@progress/kendo-svg-icons";
+import { useLocalization as I } from "@progress/kendo-react-intl";
+import { messages as f, detailCollapse as u, detailExpand as p } from "../../messages/index.mjs";
+import { DETAIL_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
+const D = (a) => {
+  const e = n.useContext(l), o = I(), t = a.expanded, i = t ? u : p, d = o.toLanguageString(i, f[i]);
+  return /* @__PURE__ */ n.createElement(
+    "a",
+    {
+      onClick: (m) => {
+        m.preventDefault(), e != null && e.itemChange && e.itemChange({
+          dataItem: a.dataItem,
+          dataIndex: a.dataIndex,
+          syntheticEvent: m,
+          field: a.field,
+          value: !t,
+          _expand: !0
+        }), a.dataItem[e.dataItemKey] !== void 0 && (e == null || e.dispatchDetailExpand({
+          type: x.TOGGLE,
+          id: a.dataItem[e.dataItemKey]
+        }));
+      },
+      "aria-label": d,
+      href: "#",
+      tabIndex: -1
+    },
+    /* @__PURE__ */ n.createElement(r, { name: t ? "minus" : "plus", icon: t ? c : s })
+  );
+};
+export {
+  D as GridHierarchyCellToggle
+};