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

package/cells/GridGroupCell.mjs

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

package/cells/GridHierarchyCell.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 I=require("react"),b=require("../utils/index.js"),C=require("@progress/kendo-react-data-tools"),x=require("@progress/kendo-react-intl"),f=require("@progress/kendo-react-common"),d=require("../messages/index.js"),g=require("@progress/kendo-svg-icons");function k(e){const n=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(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=k(I),v=e=>{let n=null,t=null,c=null;const l=b.getNestedValue(e.field,e.dataItem),o=C.useTableKeyboardNavigation(e.id),m=x.useLocalization(),y=i.useCallback(a=>{a.isDefaultPrevented()||a.keyCode===f.Keys.enter&&e.onChange&&(a.preventDefault(),e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:a,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,e.onChange,l]);if(e.rowType==="groupFooter")t={className:"k-table-td k-hierarchy-cell",role:"gridcell",...o},n=i.createElement("td",{...t});else if(e.rowType!=="groupHeader"){const a=l?d.detailCollapse:d.detailExpand,h=m.toLanguageString(a,d.messages[a]);t={className:"k-table-td k-hierarchy-cell",onKeyDown:y,"aria-expanded":!!l,role:"gridcell","aria-colindex":e.ariaColumnIndex,...o},c=i.createElement("a",{onClick:s=>{s.preventDefault(),e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:s,field:e.field,value:!l})},"aria-label":h,href:"#",tabIndex:-1},i.createElement(f.IconWrap,{name:l?"minus":"plus",icon:l?g.minusIcon:g.plusIcon})),n=i.createElement("td",{...t},c)}const u=e.rowType||"data",r=e.cells;if(r&&r.hierarchy&&r.hierarchy[u]){const a=r.hierarchy[u];return i.createElement(a,{...e,tdProps:t},c)}return e.render?e.render.call(void 0,n,e):n};exports.GridHierarchyCell=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),d=require("../utils/index.js"),u=require("./client/GridHierarchyCellContainer.js"),C=require("./client/GridHierarchyCellToggle.js");function f(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const n=f(g),h=e=>{let l=null,r=null,t=null;const i=d.getClientCellProps(e),s=e.expanded;e.rowType==="groupFooter"?r={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:e.rowType!=="groupHeader"&&(r={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!s,"aria-colindex":e.ariaColumnIndex},t=n.createElement(C.GridHierarchyCellToggle,{...i}));const a=e.rowType||"data",c=e.cells;if(c&&c.hierarchy&&c.hierarchy[a]){const o=c.hierarchy[a],y=d.isClientReference(o);return n.createElement(u.GridHierarchyCellContainer,{cellProps:i,tdProps:r,isCustom:!0,isClient:y},n.createElement(o,{...e,tdProps:r},t))}return e.rowType!=="groupHeader"&&(l=n.createElement("td",{...r},t)),n.createElement(u.GridHierarchyCellContainer,{cellProps:i,content:t,tdProps:r},l)};exports.GridHierarchyCell=h;

package/cells/GridHierarchyCell.mjs

@@ -6,68 +6,29 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as n from "react";
-import { getNestedValue as s } from "../utils/index.mjs";
-import { useTableKeyboardNavigation as h } from "@progress/kendo-react-data-tools";
-import { useLocalization as y } from "@progress/kendo-react-intl";
-import { Keys as I, IconWrap as C } from "@progress/kendo-react-common";
-import { messages as x, detailCollapse as b, detailExpand as E } from "../messages/index.mjs";
-import { minusIcon as k, plusIcon as v } from "@progress/kendo-svg-icons";
-const z = (e) => {
-  let i = null, l = null, r = null;
-  const t = s(e.field, e.dataItem), c = h(e.id), u = y(), f = n.useCallback(
-    (a) => {
-      a.isDefaultPrevented() || a.keyCode === I.enter && e.onChange && (a.preventDefault(), e.onChange({
-        dataItem: e.dataItem,
-        dataIndex: e.dataIndex,
-        syntheticEvent: a,
-        field: e.field,
-        value: !t
-      }));
-    },
-    [e.dataItem, e.dataIndex, e.field, e.onChange, t]
-  );
-  if (e.rowType === "groupFooter")
-    l = {
-      className: "k-table-td k-hierarchy-cell",
-      role: "gridcell",
-      ...c
-    }, i = /* @__PURE__ */ n.createElement("td", { ...l });
-  else if (e.rowType !== "groupHeader") {
-    const a = t ? b : E, g = u.toLanguageString(a, x[a]);
-    l = {
-      className: "k-table-td k-hierarchy-cell",
-      onKeyDown: f,
-      "aria-expanded": !!t,
-      role: "gridcell",
-      "aria-colindex": e.ariaColumnIndex,
-      ...c
-    }, r = /* @__PURE__ */ n.createElement(
-      "a",
-      {
-        onClick: (m) => {
-          m.preventDefault(), e.onChange && e.onChange({
-            dataItem: e.dataItem,
-            dataIndex: e.dataIndex,
-            syntheticEvent: m,
-            field: e.field,
-            value: !t
-          });
-        },
-        "aria-label": g,
-        href: "#",
-        tabIndex: -1
-      },
-      /* @__PURE__ */ n.createElement(C, { name: t ? "minus" : "plus", icon: t ? k : v })
-    ), i = /* @__PURE__ */ n.createElement("td", { ...l }, r);
+import * as l from "react";
+import { getClientCellProps as u, isClientReference as h } from "../utils/index.mjs";
+import { GridHierarchyCellContainer as d } from "./client/GridHierarchyCellContainer.mjs";
+import { GridHierarchyCellToggle as y } from "./client/GridHierarchyCellToggle.mjs";
+const x = (e) => {
+  let n = null, r = null, t = null;
+  const i = u(e), m = e.expanded;
+  e.rowType === "groupFooter" ? r = {
+    className: "k-table-td k-hierarchy-cell",
+    role: "gridcell"
+  } : e.rowType !== "groupHeader" && (r = {
+    className: "k-table-td k-hierarchy-cell",
+    role: "gridcell",
+    "aria-expanded": !!m,
+    "aria-colindex": e.ariaColumnIndex
+  }, t = /* @__PURE__ */ l.createElement(y, { ...i }));
+  const c = e.rowType || "data", a = e.cells;
+  if (a && a.hierarchy && a.hierarchy[c]) {
+    const o = a.hierarchy[c], s = h(o);
+    return /* @__PURE__ */ l.createElement(d, { cellProps: i, tdProps: r, isCustom: !0, isClient: s }, /* @__PURE__ */ l.createElement(o, { ...e, tdProps: r }, t));
   }
-  const o = e.rowType || "data", d = e.cells;
-  if (d && d.hierarchy && d.hierarchy[o]) {
-    const a = d.hierarchy[o];
-    return /* @__PURE__ */ n.createElement(a, { ...e, tdProps: l }, r);
-  }
-  return e.render ? e.render.call(void 0, i, e) : i;
+  return e.rowType !== "groupHeader" && (n = /* @__PURE__ */ l.createElement("td", { ...r }, t)), /* @__PURE__ */ l.createElement(d, { cellProps: i, content: t, tdProps: r }, n);
 };
 export {
-  z as GridHierarchyCell
+  x as GridHierarchyCell
 };

package/cells/GridRowReorderCell.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("../constants/index.js"),s=require("../components/icons/reorder-row-svg.js"),i=require("./client/GridRowReorderContainer.js"),t=require("@progress/kendo-react-common"),R=e=>{const{...a}=e,r=e.unstyled,c=r&&r.uGrid?r.uGrid:t.uGrid,d=t.classNames(c.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),l={colSpan:e.colSpan,style:e.style,className:d,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[o.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},n=t.classNames(l==null?void 0:l.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return React.createElement(i.GridRowReorderCellContainer,{rowReorderable:e.rowReorderable,cellProps:a},React.createElement("td",{...l,style:{touchAction:"none"},"aria-disabled":!e.rowReorderable,className:n},React.createElement(s.ReorderRowIcon,null)))};exports.GridRowReorderCell=R;

package/cells/GridRowReorderCell.mjs

@@ -0,0 +1,42 @@
+/**
+ * @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 { GRID_COL_INDEX_ATTRIBUTE as n } from "../constants/index.mjs";
+import { ReorderRowIcon as s } from "../components/icons/reorder-row-svg.mjs";
+import { GridRowReorderCellContainer as i } from "./client/GridRowReorderContainer.mjs";
+import { uGrid as m, classNames as a } from "@progress/kendo-react-common";
+const N = (e) => {
+  const { ...r } = e, t = e.unstyled, c = t && t.uGrid ? t.uGrid : m, d = a(
+    c.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    e.className
+  ), l = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: d,
+    role: "gridcell",
+    "aria-colindex": e.ariaColumnIndex,
+    "aria-selected": e.isSelected,
+    [n]: e.columnIndex
+  }, o = a(l == null ? void 0 : l.className, [
+    "k-drag-cell",
+    `${e.rowReorderable ? "" : "k-disabled"}`
+  ]);
+  return /* @__PURE__ */ React.createElement(i, { rowReorderable: e.rowReorderable, cellProps: r }, /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      ...l,
+      style: { touchAction: "none" },
+      "aria-disabled": !e.rowReorderable,
+      className: o
+    },
+    /* @__PURE__ */ React.createElement(s, null)
+  ));
+};
+export {
+  N as GridRowReorderCell
+};

package/cells/GridSelectionCell.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 I=require("react"),T=require("../utils/index.js"),s=require("../messages/index.js"),j=require("@progress/kendo-react-intl"),v=require("@progress/kendo-react-data-tools"),f=require("@progress/kendo-react-common");function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=E(I),P=e=>{const{selectionChange:t,field:n,dataItem:a,id:p,className:y,colSpan:C,style:h,ariaColumnIndex:S,rowType:r,cells:x,render:i}=e,N=j.useLocalization(),R=c.useCallback(l=>{t&&t({syntheticEvent:l})},[t]),O=f.useId(),d=T.getNestedValue(n,a),q=v.useTableKeyboardNavigation(p),w=f.classNames("k-table-td",y),u={colSpan:C,style:h,className:w,"aria-colindex":S,role:"gridcell",...q},m=typeof d=="boolean"&&d,g=c.createElement("span",{key:1,className:"k-checkbox-wrap"},c.createElement("input",{id:O,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":N.toLanguageString(s.selectRow,s.messages[s.selectRow]),"aria-checked":m,checked:m,onChange:R})),b=r!=="groupHeader"?c.createElement("td",{...u},g):null,k=r||"data",o=x;if(o&&o.select&&o.select[k]){const l=o.select[k];return c.createElement(l,{...e,tdProps:u},g)}return i?i.call(void 0,b,e):b};exports.GridSelectionCell=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("@progress/kendo-react-common"),O=require("./client/GridSelectionCellInput.js"),C=require("./client/GridSelectionCellContainer.js"),m=require("../utils/index.js");function P(e){const n=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(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=P(y),j=e=>{const{className:n,colSpan:t,style:c,ariaColumnIndex:f,rowType:s,cells:S,render:q}=e,g=G.classNames("k-table-td",n),r={colSpan:t,style:c,className:g,"aria-colindex":f,role:"gridcell"},i=l.createElement(O.GridSelectionCellInput,{key:1,...e}),a=m.getClientCellProps(e),u=s||"data",o=S;if(o&&o.select&&o.select[u]){const d=o.select[u],b=m.isClientReference(d);return l.createElement(C.GridSelectionCellContainer,{cellProps:a,tdProps:r,isCustom:!0,isClient:b},l.createElement(d,{...e,tdProps:r},i))}const p=s!=="groupHeader"?l.createElement("td",{...r},i):null;return l.createElement(C.GridSelectionCellContainer,{cellProps:a,content:i,tdProps:r},p)};exports.GridSelectionCell=j;

package/cells/GridSelectionCell.mjs

@@ -7,43 +7,25 @@
  */
 "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,
+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 I = (t) => {
+  const { className: m, colSpan: d, style: C, ariaColumnIndex: u, rowType: r, cells: f, render: G } = t, p = S("k-table-td", m), l = {
+    colSpan: d,
     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);
+    className: p,
+    "aria-colindex": u,
+    role: "gridcell"
+  }, o = /* @__PURE__ */ e.createElement(y, { key: 1, ...t }), c = N(t), s = r || "data", n = f;
+  if (n && n.select && n.select[s]) {
+    const a = n.select[s], E = x(a);
+    return /* @__PURE__ */ e.createElement(i, { cellProps: c, tdProps: l, isCustom: !0, isClient: E }, /* @__PURE__ */ e.createElement(a, { ...t, tdProps: l }, o));
   }
-  return n ? n.call(void 0, m, a) : m;
+  const g = r !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...l }, o) : null;
+  return /* @__PURE__ */ e.createElement(i, { cellProps: c, content: o, tdProps: l }, g);
 };
 export {
-  P as GridSelectionCell
+  I as GridSelectionCell
 };

package/cells/client/DetailCellContainer.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 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 c } from "../../GridClientWrapper.mjs";
+const u = (e) => {
+  const t = n.useContext(c), 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,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 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,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 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 a;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:{...(a=e.tdProps)==null?void 0:a.style,...s}},r={...i,...d,...u},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,...r},...c}):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,...c})}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,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 E=require("react"),m=require("../../GridClientWrapper.js"),d=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 r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,r.get?r:{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),r=d.useId(),c=d.getNestedValue(e.field,e.dataItem);let l=null;const o=n.useCallback(u=>{a!=null&&a.itemChange&&a.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:u.syntheticEvent,value:u.value})},[a,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":l=n.createElement(i.NumericTextBox,{className:t.className,value:c===void 0?null:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":l=n.createElement(N.DatePicker,{className:t.className,value:c,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":l=n.createElement(i.Checkbox,{className:t.className,checked:c||!1,id:r,onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:l=n.createElement(i.TextBox,{className:t.className,value:c||"",onChange:o,[s.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break}return l};exports.GridEditCellEditor=C;