@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/cells/GridFilterCell.mjs

@@ -6,59 +6,59 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as o from "react";
-import { Button as z } from "@progress/kendo-react-buttons";
-import { DropDownList as m } from "@progress/kendo-react-dropdowns";
-import { TextBox as w, NumericTextBox as L } from "@progress/kendo-react-inputs";
-import { DatePicker as k } from "@progress/kendo-react-dateinputs";
-import { filterClearButton as f, messages as d, filterChooseOperator as g } from "../messages/index.mjs";
-import { useLocalization as x } from "@progress/kendo-react-intl";
-import { filterClearIcon as D, filterIcon as y } from "@progress/kendo-svg-icons";
-import { cellOperatorChange as N, cellInputChange as B, cellBoolDropdownChange as O } from "../filterCommon.mjs";
-import { classNames as S } from "@progress/kendo-react-common";
-const j = (e) => {
-  const n = o.useRef(null), u = x(), h = () => {
+import * as l from "react";
+import { Button as E } from "@progress/kendo-react-buttons";
+import { DropDownList as s } from "@progress/kendo-react-dropdowns";
+import { TextBox as z, NumericTextBox as w } from "@progress/kendo-react-inputs";
+import { DatePicker as L } from "@progress/kendo-react-dateinputs";
+import { filterClearButton as m, messages as f, filterChooseOperator as g } from "../messages/index.mjs";
+import { useLocalization as k } from "@progress/kendo-react-intl";
+import { filterClearIcon as x, filterIcon as D } from "@progress/kendo-svg-icons";
+import { cellOperatorChange as y, cellInputChange as N, cellBoolDropdownChange as B } from "../filterCommon.mjs";
+import { classNames as O } from "@progress/kendo-react-common";
+const _ = (e) => {
+  const n = l.useRef(null), u = k(), d = () => {
     if (e.filterType === "boolean")
       return;
     let t;
-    const r = e.operators.find((l) => l.operator === e.operator) || null;
-    return /* @__PURE__ */ o.createElement(
-      m,
+    const r = e.operators.find((o) => o.operator === e.operator) || null;
+    return /* @__PURE__ */ l.createElement(
+      s,
       {
-        ref: (l) => {
-          t = l;
+        ref: (o) => {
+          t = o;
         },
         size: e.size,
         value: r,
-        onChange: C,
+        onChange: h,
         className: "k-dropdown-operator",
-        svgIcon: y,
+        svgIcon: D,
         data: e.operators,
         textField: "text",
-        title: u.toLanguageString(g, d[g]),
+        title: u.toLanguageString(g, f[g]),
         popupSettings: {
           width: "",
-          onMouseDownOutside: function(l) {
-            !l.isAnchorClicked && l.state && l.state.props.show && t && t.togglePopup();
+          onMouseDownOutside: function(o) {
+            !o.isAnchorClicked && o.state && o.state.props.show && t && t.togglePopup();
           }
         }
       }
     );
   }, c = (t, r) => {
-    B(t, r, e);
+    N(t, r, e);
+  }, h = (t) => {
+    y(t, e.value, e.onChange);
   }, C = (t) => {
-    N(t, e.value, e.onChange);
+    B(t, e.onChange);
   }, v = (t) => {
-    O(t, e.onChange);
-  }, b = (t) => {
     t.preventDefault(), e.onChange({ value: "", operator: "", syntheticEvent: t }), n.current && (n.current.element.value = "", setTimeout(() => {
       n.current.element.focus();
     }, 0));
-  }, E = (t, r, l) => {
+  }, b = (t, r, o) => {
     switch (t) {
       case "numeric":
-        return /* @__PURE__ */ o.createElement(
-          L,
+        return /* @__PURE__ */ l.createElement(
+          w,
           {
             ref: n,
             size: e.size,
@@ -71,8 +71,8 @@ const j = (e) => {
           }
         );
       case "date":
-        return /* @__PURE__ */ o.createElement(
-          k,
+        return /* @__PURE__ */ l.createElement(
+          L,
           {
             ref: n,
             size: e.size,
@@ -91,14 +91,14 @@ const j = (e) => {
         );
       case "boolean": {
         const a = (i) => i == null;
-        return /* @__PURE__ */ o.createElement(
-          m,
+        return /* @__PURE__ */ l.createElement(
+          s,
           {
             ref: n,
             size: e.size,
-            onChange: v,
-            value: l.find((i) => i.operator === (a(r) ? "" : r)),
-            data: l,
+            onChange: C,
+            value: o.find((i) => i.operator === (a(r) ? "" : r)),
+            data: o,
             textField: "text",
             title: e.title,
             ariaLabel: e.ariaLabel,
@@ -111,8 +111,8 @@ const j = (e) => {
         );
       }
       default:
-        return /* @__PURE__ */ o.createElement(
-          w,
+        return /* @__PURE__ */ l.createElement(
+          z,
           {
             ref: n,
             size: e.size,
@@ -125,22 +125,22 @@ const j = (e) => {
           }
         );
     }
-  }, s = /* @__PURE__ */ o.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-wrapper" }, E(e.filterType, e.value, e.booleanValues), /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-operator" }, h(), " ", /* @__PURE__ */ o.createElement(
-    z,
+  };
+  return /* @__PURE__ */ l.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-wrapper" }, b(e.filterType, e.value, e.booleanValues), /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-operator" }, d(), " ", /* @__PURE__ */ l.createElement(
+    E,
     {
       size: e.size,
-      svgIcon: D,
-      className: S({
+      svgIcon: x,
+      className: O({
         "k-clear-button-visible": !!(!(e.value === null || e.value === "") || e.operator)
       }),
-      title: u.toLanguageString(f, d[f]),
+      title: u.toLanguageString(m, f[m]),
       type: "button",
-      onClick: b,
+      onClick: v,
       disabled: !(!(e.value === null || e.value === "") || e.operator)
     }
   ))));
-  return e.render ? e.render.call(void 0, s, e) : s;
 };
 export {
-  j as GridFilterCell
+  _ as GridFilterCell
 };

package/cells/datacell/GridCell.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 a=require("react"),p=require("./useCellClientTdProps.js"),d=require("../hooks.js"),s=require("./utils.js");function C(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const u=C(a),f=r=>{var c;const{cellProps:e}=r,{tdProps:t,content:l}=s.getCellTdProps(e),n=p.useCellClientTdProps(e),i=d.useLegacyCellProps(e);if(((c=e._rowSpan)==null?void 0:c.count)===null)return null;const o=s.getCustomCell(e);return o?u.createElement(o,{...e,...i,tdProps:{...t,...n}},l):t?u.createElement("td",{...t,...n},l):null};exports.GridCell=f;

package/cells/datacell/GridCell.mjs

@@ -0,0 +1,23 @@
+/**
+ * @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 s from "react";
+import { useCellClientTdProps as m } from "./useCellClientTdProps.mjs";
+import { useLegacyCellProps as u } from "../hooks.mjs";
+import { getCellTdProps as C, getCustomCell as i } from "./utils.mjs";
+const f = (c) => {
+  var n;
+  const { cellProps: t } = c, { tdProps: e, content: o } = C(t), l = m(t), p = u(t);
+  if (((n = t._rowSpan) == null ? void 0 : n.count) === null)
+    return null;
+  const r = i(t);
+  return r ? /* @__PURE__ */ s.createElement(r, { ...t, ...p, tdProps: { ...e, ...l } }, o) : e ? /* @__PURE__ */ s.createElement("td", { ...e, ...l }, o) : null;
+};
+export {
+  f as GridCell
+};

package/cells/datacell/GridCellServer.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),s=require("../../utils/index.js"),u=require("./GridCellServerContainer.js"),a=require("./utils.js");function f(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const l=f(p),m=r=>{var i;const{cellProps:t}=r,{tdProps:e,content:n}=a.getCellTdProps(t);if(((i=t._rowSpan)==null?void 0:i.count)===null)return null;const o=s.getClientCellProps(t),c=a.getCustomCell(t);if(c){const d=s.isClientReference(c);return l.createElement(u.GridCellServerContainer,{cellProps:o,tdProps:e,isCustom:!0,isClient:d},l.createElement(c,{...o,tdProps:e},n))}const C=e?l.createElement("td",{...e},n):null;return l.createElement(u.GridCellServerContainer,{cellProps:o,tdProps:e},C)};exports.GridCellServer=m;

package/cells/datacell/GridCellServer.mjs

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { getClientCellProps as p, isClientReference as u } from "../../utils/index.mjs";
+import { GridCellServerContainer as c } from "./GridCellServerContainer.mjs";
+import { getCellTdProps as a, getCustomCell as f } from "./utils.mjs";
+const E = (i) => {
+  var s;
+  const { cellProps: t } = i, { tdProps: e, content: o } = a(t);
+  if (((s = t._rowSpan) == null ? void 0 : s.count) === null)
+    return null;
+  const l = p(t), n = f(t);
+  if (n) {
+    const C = u(n);
+    return /* @__PURE__ */ r.createElement(c, { cellProps: l, tdProps: e, isCustom: !0, isClient: C }, /* @__PURE__ */ r.createElement(n, { ...l, tdProps: e }, o));
+  }
+  const m = e ? /* @__PURE__ */ r.createElement("td", { ...e }, o) : null;
+  return /* @__PURE__ */ r.createElement(c, { cellProps: l, tdProps: e }, m);
+};
+export {
+  E as GridCellServer
+};

package/cells/datacell/GridCellServerContainer.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 o=require("react"),c=require("../../utils/GridContext.js"),l=require("../../utils/index.js"),i=require("./useCellClientTdProps.js"),s=require("../hooks.js");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=u(o),d=e=>{const n=a.useContext(c.GridContext),t=i.useCellClientTdProps(e.cellProps),r=s.useLegacyCellProps(e.cellProps);return e.isCustom&&(n.isClient||e.isClient)?l.cloneReactElement(e.children,{tdProps:{...e.tdProps,...t},...r}):e.children&&l.cloneReactElement(e.children,{...t})};exports.GridCellServerContainer=d;

package/cells/datacell/GridCellServerContainer.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 i from "react";
+import { GridContext as n } from "../../utils/GridContext.mjs";
+import { cloneReactElement as r } from "../../utils/index.mjs";
+import { useCellClientTdProps as c } from "./useCellClientTdProps.mjs";
+import { useLegacyCellProps as s } from "../hooks.mjs";
+const f = (e) => {
+  const l = i.useContext(n), t = c(e.cellProps), o = s(e.cellProps);
+  return e.isCustom && (l.isClient || e.isClient) ? r(e.children, {
+    // pass down to tdProps for client templates
+    tdProps: { ...e.tdProps, ...t },
+    ...o
+  }) : e.children && r(e.children, {
+    ...t
+  });
+};
+export {
+  f as GridCellServerContainer
+};

package/cells/datacell/useCellClientTdProps.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 f=require("react"),y=require("../../utils/GridContext.js"),b=require("@progress/kendo-react-data-tools"),a=require("../hooks.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const c=g(f),C=e=>{const t=c.useContext(y.GridContext),o=b.useTableKeyboardNavigation(e.id),n=a.useContextMenuHandler(e.dataItem,e.field),l=a.usePositionStyle(e),u=c.useCallback(d=>{var r;(r=t==null?void 0:t.cellClick)==null||r.call(t,d,e.dataItem,e.field)},[t,e.dataItem,e.field]),i=e.rowType==="groupFooter"||e.rowType!=="groupHeader"?{onContextMenu:n}:{},s=e.rowType!=="groupFooter"&&e.rowType!=="groupHeader"?{style:l}:{};return{...o,...i,...s,onClick:u}};exports.useCellClientTdProps=C;

package/cells/datacell/useCellClientTdProps.mjs

@@ -0,0 +1,30 @@
+/**
+ * @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 s } from "../../utils/GridContext.mjs";
+import { useTableKeyboardNavigation as d } from "@progress/kendo-react-data-tools";
+import { useContextMenuHandler as y, usePositionStyle as f } from "../hooks.mjs";
+const w = (e) => {
+  const t = n.useContext(s), a = d(e.id), l = y(e.dataItem, e.field), i = f(e), r = n.useCallback(
+    (m) => {
+      var o;
+      (o = t == null ? void 0 : t.cellClick) == null || o.call(t, m, e.dataItem, e.field);
+    },
+    [t, e.dataItem, e.field]
+  ), u = e.rowType === "groupFooter" || e.rowType !== "groupHeader" ? { onContextMenu: l } : {}, c = e.rowType !== "groupFooter" && e.rowType !== "groupHeader" ? { style: i } : {};
+  return {
+    ...a,
+    ...u,
+    ...c,
+    onClick: r
+  };
+};
+export {
+  w as useCellClientTdProps
+};

package/cells/datacell/utils.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/index.js"),r=require("../../constants/index.js"),c=require("@progress/kendo-react-common"),m=e=>{var d,i;let t=null,a=null;const n=e.unstyled,o=n&&n.uGrid?n.uGrid:c.uGrid;if(e.rowType==="groupFooter")t={className:e.className};else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const l=s.getNestedValue(e.field,e.dataItem);l!=null&&(a=e.intl&&e.format?e.intl.format(e.format,l):l.toString())}const u=c.classNames(o.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);t={rowSpan:(i=(d=e._rowSpan)==null?void 0:d.count)!=null?i:void 0,colSpan:e.colSpan,style:e.style,className:u,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex}}return{tdProps:t,content:a}},g=e=>{var t;return(t=e.cells)==null?void 0:t[e.rowType||"data"]};exports.getCellTdProps=m;exports.getCustomCell=g;

package/cells/datacell/utils.mjs

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { getNestedValue as m } from "../../utils/index.mjs";
+import { GRID_COL_INDEX_ATTRIBUTE as u } from "../../constants/index.mjs";
+import { uGrid as r, classNames as s } from "@progress/kendo-react-common";
+const y = (e) => {
+  var i, n;
+  let t = null, d = null;
+  const a = e.unstyled, c = a && a.uGrid ? a.uGrid : r;
+  if (e.rowType === "groupFooter")
+    t = {
+      className: e.className
+    };
+  else if (e.rowType !== "groupHeader") {
+    if (e.field !== void 0) {
+      const l = m(e.field, e.dataItem);
+      l != null && (d = e.intl && e.format ? e.intl.format(e.format, l) : l.toString());
+    }
+    const o = s(
+      c.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+      e.className
+    );
+    t = {
+      rowSpan: (n = (i = e._rowSpan) == null ? void 0 : i.count) != null ? n : void 0,
+      colSpan: e.colSpan,
+      style: e.style,
+      className: o,
+      role: "gridcell",
+      "aria-colindex": e.ariaColumnIndex,
+      "aria-selected": e.isSelected,
+      [u]: e.columnIndex
+    };
+  }
+  return { tdProps: t, content: d };
+}, N = (e) => {
+  var t;
+  return (t = e.cells) == null ? void 0 : t[e.rowType || "data"];
+};
+export {
+  y as getCellTdProps,
+  N as getCustomCell
+};

package/cells/detailcell/GridDetailCell.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("./utils.js"),o=require("./useDetailCellClientTdProps.js");function s(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const n=s(c),u=e=>{const{dataItem:l,dataIndex:t}=e,{tdProps:r}=i.getDetailCellTdProps(e),a=o.useDetailCellClientTdProps(e);return n.createElement("td",{...r,...a},n.createElement(e.detail,{dataItem:l,dataIndex:t}))};exports.GridDetailCell=u;

package/cells/detailcell/GridDetailCell.mjs

@@ -0,0 +1,18 @@
+/**
+ * @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 e from "react";
+import { getDetailCellTdProps as d } from "./utils.mjs";
+import { useDetailCellClientTdProps as i } from "./useDetailCellClientTdProps.mjs";
+const c = (t) => {
+  const { dataItem: l, dataIndex: r } = t, { tdProps: a } = d(t), o = i(t);
+  return /* @__PURE__ */ e.createElement("td", { ...a, ...o }, /* @__PURE__ */ e.createElement(t.detail, { dataItem: l, dataIndex: r }));
+};
+export {
+  c as GridDetailCell
+};

package/cells/detailcell/GridDetailCellServer.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("./GridDetailCellServerContainer.js"),o=require("./utils.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=d(i),u=e=>{const{dataItem:t,dataIndex:r,id:n}=e,{tdProps:a}=o.getDetailCellTdProps(e);return l.createElement(c.GridDetailCellServerContainer,{id:n,dataItem:t},l.createElement("td",{...a},l.createElement(e.detail,{dataItem:t,dataIndex:r})))};exports.GridDetailCellServer=u;

package/cells/detailcell/GridDetailCellServer.mjs

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import { GridDetailCellServerContainer as o } from "./GridDetailCellServerContainer.mjs";
+import { getDetailCellTdProps as d } from "./utils.mjs";
+const c = (e) => {
+  const { dataItem: r, dataIndex: a, id: l } = e, { tdProps: i } = d(e);
+  return /* @__PURE__ */ t.createElement(o, { id: l, dataItem: r }, /* @__PURE__ */ t.createElement("td", { ...i }, /* @__PURE__ */ t.createElement(e.detail, { dataItem: r, dataIndex: a })));
+};
+export {
+  c as GridDetailCellServer
+};

package/{codemods/index.js → cells/detailcell/GridDetailCellServerContainer.js}

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";function c(n,o){const t=o.jscodeshift,e=t(n.source);return e.find(t.JSXOpeningElement,{name:{name:"Grid"}}).forEach(s=>{const r=s.value.attributes;if(r){const i=t.jsxAttribute(t.jsxIdentifier("extraTestProp"),t.jsxExpressionContainer(t.booleanLiteral(!0)));r.push(i)}}),e.toSource()}module.exports=c;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../utils/index.js"),r=require("./useDetailCellClientTdProps.js"),i=e=>{const t=r.useDetailCellClientTdProps(e);return l.cloneReactElement(e.children,{...t})};exports.GridDetailCellServerContainer=i;

package/cells/detailcell/GridDetailCellServerContainer.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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 { cloneReactElement as t } from "../../utils/index.mjs";
+import { useDetailCellClientTdProps as l } from "./useDetailCellClientTdProps.mjs";
+const i = (e) => {
+  const r = l(e);
+  return t(e.children, {
+    ...r
+  });
+};
+export {
+  i as GridDetailCellServerContainer
+};

package/cells/detailcell/useDetailCellClientTdProps.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 n=require("@progress/kendo-react-data-tools"),o=require("../hooks.js"),a=e=>{const t=n.useTableKeyboardNavigation(e.id);return{onContextMenu:o.useContextMenuHandler(e.dataItem),...t}};exports.useDetailCellClientTdProps=a;

package/cells/detailcell/useDetailCellClientTdProps.mjs

@@ -0,0 +1,20 @@
+/**
+ * @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 { useTableKeyboardNavigation as n } from "@progress/kendo-react-data-tools";
+import { useContextMenuHandler as o } from "../hooks.mjs";
+const u = (t) => {
+  const e = n(t.id);
+  return {
+    onContextMenu: o(t.dataItem),
+    ...e
+  };
+};
+export {
+  u as useDetailCellClientTdProps
+};

package/cells/detailcell/utils.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@progress/kendo-react-common"),d=l=>{const{colSpan:o,ariaColIndex:r,unstyled:e}=l,s=e&&e.uGrid?e.uGrid:t.uGrid;return{tdProps:{className:t.classNames(s.detailTd({})),colSpan:o,"aria-colindex":r,role:"gridcell"}}};exports.getDetailCellTdProps=d;

package/cells/detailcell/utils.mjs

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { uGrid as d, classNames as t } from "@progress/kendo-react-common";
+const c = (s) => {
+  const { colSpan: e, ariaColIndex: l, unstyled: r } = s, o = r && r.uGrid ? r.uGrid : d;
+  return { tdProps: {
+    className: t(o.detailTd({})),
+    colSpan: e,
+    "aria-colindex": l,
+    role: "gridcell"
+  } };
+};
+export {
+  c as getDetailCellTdProps
+};

package/cells/editcell/GridEditCell.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 d=require("react"),u=require("./GridEditCellEditor.js"),s=require("./utils.js"),a=require("../hooks.js"),p=require("./useEditCellClientTdProps.js");function C(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=C(d),E=r=>{const{cellProps:e}=r,{tdProps:t}=s.getEditCellTdProps(e),l=p.useEditCellClientTdProps(e),i=a.useLegacyCellProps(e),n=o.createElement(u.GridEditCellEditor,{cellProps:e}),c=s.getCustomCell(e);return c?o.createElement(c,{...e,...i,tdProps:{...t,...l}},n):t?o.createElement("td",{...t,...l},n):null};exports.GridEditCell=E;

package/cells/editcell/GridEditCell.mjs

@@ -0,0 +1,20 @@
+/**
+ * @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 { GridEditCellEditor as i } from "./GridEditCellEditor.mjs";
+import { getEditCellTdProps as m, getCustomCell as p } from "./utils.mjs";
+import { useLegacyCellProps as d } from "../hooks.mjs";
+import { useEditCellClientTdProps as C } from "./useEditCellClientTdProps.mjs";
+const f = (n) => {
+  const { cellProps: t } = n, { tdProps: e } = m(t), r = C(t), c = d(t), l = /* @__PURE__ */ o.createElement(i, { cellProps: t }), s = p(t);
+  return s ? /* @__PURE__ */ o.createElement(s, { ...t, ...c, tdProps: { ...e, ...r } }, l) : e ? /* @__PURE__ */ o.createElement("td", { ...e, ...r }, l) : null;
+};
+export {
+  f as GridEditCell
+};

package/cells/{client → editcell}/GridEditCellEditor.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),m=require("../../utils/GridContext.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 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=u.useId(),c=u.getNestedValue(e.field,e.dataItem);let l=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":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;

package/cells/{client → editcell}/GridEditCellEditor.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as a from "react";
-import { GridContext as d } from "../../GridClientWrapper.mjs";
+import { GridContext as d } from "../../utils/GridContext.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";

package/cells/editcell/GridEditCellServer.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("../../utils/index.js"),C=require("./GridEditCellEditor.js"),s=require("./GridEditCellServerContainer.js"),d=require("./utils.js");function p(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,l.get?l:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=p(a),E=t=>{const{cellProps:r}=t,{tdProps:e}=d.getEditCellTdProps(r),l=c.getClientCellProps(r),o=n.createElement(C.GridEditCellEditor,{cellProps:l}),i=d.getCustomCell(r);if(i){const u=c.isClientReference(i);return n.createElement(s.GridEditCellServerContainer,{cellProps:l,tdProps:e,isCustom:!0,isClient:u},n.createElement(i,{...l,tdProps:e},o))}return n.createElement(s.GridEditCellServerContainer,{cellProps:l,tdProps:e},n.createElement("td",{...e},o))};exports.GridEditCellServer=E;

package/cells/editcell/GridEditCellServer.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import { getClientCellProps as m, isClientReference as C } from "../../utils/index.mjs";
+import { GridEditCellEditor as p } from "./GridEditCellEditor.mjs";
+import { GridEditCellServerContainer as i } from "./GridEditCellServerContainer.mjs";
+import { getEditCellTdProps as d, getCustomCell as E } from "./utils.mjs";
+const g = (s) => {
+  const { cellProps: l } = s, { tdProps: t } = d(l), r = m(l), n = /* @__PURE__ */ e.createElement(p, { cellProps: r }), o = E(l);
+  if (o) {
+    const c = C(o);
+    return /* @__PURE__ */ e.createElement(
+      i,
+      {
+        cellProps: r,
+        tdProps: t,
+        isCustom: !0,
+        isClient: c
+      },
+      /* @__PURE__ */ e.createElement(o, { ...r, tdProps: t }, n)
+    );
+  }
+  return /* @__PURE__ */ e.createElement(i, { cellProps: r, tdProps: t }, /* @__PURE__ */ e.createElement("td", { ...t }, n));
+};
+export {
+  g as GridEditCellServer
+};