@progress/kendo-react-grid 9.4.0-develop.24 → 9.4.0-develop.4

package/cells/GridCell.mjs

@@ -5,48 +5,46 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
-import { getNestedValue as g, getClientCellProps as y, isClientReference as w } from "../utils/index.mjs";
-import { GRID_COL_INDEX_ATTRIBUTE as E } from "../constants/index.mjs";
-import { GridCellContainer as C } from "./client/GridCellContainer.mjs";
-import { uGrid as N, classNames as T } from "@progress/kendo-react-common";
-const x = (e) => {
-  var u, s, f;
+"use client";
+import * as i from "react";
+import { getNestedValue as C, getClientCellProps as g, isClientReference as y } from "../utils/index.mjs";
+import { GRID_COL_INDEX_ATTRIBUTE as S } from "../constants/index.mjs";
+import { GridCellContainer as s } from "./client/GridCellContainer.mjs";
+import { uGrid as E, classNames as I } from "@progress/kendo-react-common";
+import { IntlService as N } from "@progress/kendo-react-intl";
+const v = (e) => {
   let c = null, t = null, n = null;
-  const d = e.unstyled, S = d && d.uGrid ? d.uGrid : N;
-  if (((u = e._rowSpan) == null ? void 0 : u.count) === null)
-    return null;
+  const r = e.unstyled, u = r && r.uGrid ? r.uGrid : E, f = new N("en");
   if (e.rowType === "groupFooter")
     t = {
       className: e.className
-    }, c = /* @__PURE__ */ a.createElement("td", { ...t }, n);
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
-      const l = g(e.field, e.dataItem);
-      l != null && (n = e.intl && e.format ? e.intl.format(e.format, l) : l.toString());
+      const l = C(e.field, e.dataItem);
+      l != null && (n = e.format ? f.format(e.format, l) : l.toString());
     }
-    const i = T(
-      S.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    const a = I(
+      u.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
       e.className
     );
     t = {
-      rowSpan: (f = (s = e._rowSpan) == null ? void 0 : s.count) != null ? f : void 0,
       colSpan: e.colSpan,
       style: e.style,
-      className: i,
+      className: a,
       role: "gridcell",
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
-      [E]: e.columnIndex
-    }, c = /* @__PURE__ */ a.createElement("td", { ...t }, n);
+      [S]: e.columnIndex
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   }
-  const o = y(e), m = e.rowType || "data", r = e.cells;
-  if (r && r[m]) {
-    const i = r[m], l = w(i);
-    return /* @__PURE__ */ a.createElement(C, { cellProps: o, tdProps: t, isCustom: !0, isClient: l }, /* @__PURE__ */ a.createElement(i, { ...o, tdProps: t }, n));
+  const o = g(e), m = e.rowType || "data", d = e.cells;
+  if (d && d[m]) {
+    const a = d[m], l = y(a);
+    return /* @__PURE__ */ i.createElement(s, { cellProps: o, tdProps: t, isCustom: !0, isClient: l }, /* @__PURE__ */ i.createElement(a, { ...e, tdProps: t }, n));
   }
-  return /* @__PURE__ */ a.createElement(C, { cellProps: o, content: n, tdProps: t }, c);
+  return /* @__PURE__ */ i.createElement(s, { cellProps: o, content: n, tdProps: t }, c);
 };
 export {
-  x as GridCell
+  v as GridCell
 };

package/cells/GridDetailCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("./client/DetailCellContainer.js");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=m(s),f=e=>{const{colSpan:a,ariaColIndex:t,dataItem:n,dataIndex:i,id:o}=e,l=e.unstyled,d=l&&l.uGrid?l.uGrid:c.uGrid;return r.createElement(u.DetailCellContainer,{id:o,dataItem:n},r.createElement("td",{className:c.classNames(d.detailTd({})),colSpan:a,"aria-colindex":t,role:"gridcell"},r.createElement(e.detail,{dataItem:n,dataIndex:i})))};exports.GridDetailCell=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("./client/DetailCellContainer.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(s),f=e=>{const{colSpan:n,ariaColIndex:t,dataItem:a,dataIndex:i,id:o}=e,l=e.unstyled,d=l&&l.uGrid?l.uGrid:c.uGrid;return r.createElement(u.DetailCellContainer,{id:o,dataItem:a},r.createElement("td",{className:c.classNames(d.detailTd({})),colSpan:n,"aria-colindex":t,role:"gridcell"},r.createElement(e.detail,{dataItem:a,dataIndex:i})))};exports.GridDetailCell=f;

package/cells/GridDetailCell.mjs

@@ -5,20 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
-import { uGrid as c, classNames as s } from "@progress/kendo-react-common";
+import { uGrid as o, classNames as s } from "@progress/kendo-react-common";
 import { DetailCellContainer as m } from "./client/DetailCellContainer.mjs";
 const x = (e) => {
-  const { colSpan: r, ariaColIndex: d, dataItem: l, dataIndex: i, id: n } = e, t = e.unstyled, o = t && t.uGrid ? t.uGrid : c;
+  const { colSpan: r, ariaColIndex: i, dataItem: l, dataIndex: d, id: n } = e, t = e.unstyled, c = t && t.uGrid ? t.uGrid : o;
   return /* @__PURE__ */ a.createElement(m, { id: n, dataItem: l }, /* @__PURE__ */ a.createElement(
     "td",
     {
-      className: s(o.detailTd({})),
+      className: s(c.detailTd({})),
       colSpan: r,
-      "aria-colindex": d,
+      "aria-colindex": i,
       role: "gridcell"
     },
-    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: i })
+    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: d })
   ));
 };
 export {

package/cells/GridDetailHierarchyCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-react-common"),a=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(a),i=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return o.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-react-common"),l=require("react");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=a(l),o=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return i.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=o;

package/cells/GridDetailHierarchyCell.mjs

@@ -5,11 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { uGrid as t, classNames as l } from "@progress/kendo-react-common";
-import * as a from "react";
-const c = (e) => {
-  const r = e.unstyled, s = r && r.uGrid ? r.uGrid : t;
-  return /* @__PURE__ */ a.createElement("td", { className: l(s.hierarchyTd({})), role: "gridcell" });
+import * as i from "react";
+const c = (r) => {
+  const e = r.unstyled, s = e && e.uGrid ? e.uGrid : t;
+  return /* @__PURE__ */ i.createElement("td", { className: l(s.hierarchyTd({})), role: "gridcell" });
 };
 export {
   c as GridDetailHierarchyCell

package/cells/GridEditCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),u=require("../utils/index.js"),C=require("@progress/kendo-react-common"),g=require("../constants/index.js"),G=require("./client/GridEditCellEditor.js"),m=require("./client/GridEditCellContainer.js");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const i=y(f),S=e=>{const t=e.unstyled,l=t&&t.uGrid?t.uGrid:C.uGrid,r=C.classNames(l.editTd({selected:e.isSelected}),e.className),c={colSpan:e.colSpan,style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[g.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell"},d=u.getClientCellProps(e),o=i.createElement(G.GridEditCellEditor,{cellProps:d}),a=e.editor||"text",n=e.cells;if(n){let s;n.edit&&n.edit[a]?s=n.edit[a]:n.data&&(s=n.data);const E=u.isClientReference(s);return i.createElement(m.GridEditCellContainer,{cellProps:d,tdProps:c,isCustom:!0,isClient:E},i.createElement(s,{...d,tdProps:c},o))}return i.createElement(m.GridEditCellContainer,{cellProps:d,content:o,tdProps:c},i.createElement("td",{...c},o))};exports.GridEditCell=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),u=require("../utils/index.js"),C=require("@progress/kendo-react-common"),g=require("../constants/index.js"),G=require("./client/GridEditCellEditor.js"),m=require("./client/GridEditCellContainer.js");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const i=y(f),S=e=>{const t=e.unstyled,l=t&&t.uGrid?t.uGrid:C.uGrid,c=C.classNames(l.editTd({selected:e.isSelected}),e.className),r={colSpan:e.colSpan,style:e.style,className:c,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[g.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell"},s=u.getClientCellProps(e),o=i.createElement(G.GridEditCellEditor,{cellProps:s}),a=e.editor||"text",n=e.cells;if(n){let d;n.edit&&n.edit[a]?d=n.edit[a]:n.data&&(d=n.data);const E=u.isClientReference(d);return i.createElement(m.GridEditCellContainer,{cellProps:s,tdProps:r,isCustom:!0,isClient:E},i.createElement(d,{...e,tdProps:r},o))}return i.createElement(m.GridEditCellContainer,{cellProps:s,content:o,tdProps:r},i.createElement("td",{...r},o))};exports.GridEditCell=S;

package/cells/GridEditCell.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as l from "react";
 import { getClientCellProps as u, isClientReference as E } from "../utils/index.mjs";
 import { uGrid as f, classNames as G } from "@progress/kendo-react-common";
@@ -20,14 +21,14 @@ const T = (e) => {
     "aria-selected": e.isSelected,
     [x]: e.columnIndex,
     role: "gridcell"
-  }, n = u(e), d = /* @__PURE__ */ l.createElement(I, { cellProps: n }), r = e.editor || "text", t = e.cells;
+  }, s = u(e), d = /* @__PURE__ */ l.createElement(I, { cellProps: s }), r = e.editor || "text", t = e.cells;
   if (t) {
-    let s;
-    t.edit && t.edit[r] ? s = t.edit[r] : t.data && (s = t.data);
-    const C = E(s);
-    return /* @__PURE__ */ l.createElement(o, { cellProps: n, tdProps: i, isCustom: !0, isClient: C }, /* @__PURE__ */ l.createElement(s, { ...n, tdProps: i }, d));
+    let n;
+    t.edit && t.edit[r] ? n = t.edit[r] : t.data && (n = t.data);
+    const C = E(n);
+    return /* @__PURE__ */ l.createElement(o, { cellProps: s, tdProps: i, isCustom: !0, isClient: C }, /* @__PURE__ */ l.createElement(n, { ...e, tdProps: i }, d));
   }
-  return /* @__PURE__ */ l.createElement(o, { cellProps: n, content: d, tdProps: i }, /* @__PURE__ */ l.createElement("td", { ...i }, d));
+  return /* @__PURE__ */ l.createElement(o, { cellProps: s, content: d, tdProps: i }, /* @__PURE__ */ l.createElement("td", { ...i }, d));
 };
 export {
   T as GridEditCell

package/cells/GridFilterCell.js

@@ -5,5 +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 z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),C=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>n=o,size:e.size,value:l,onChange:b,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},k=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(C.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:k,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(C.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),C=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>n=o,size:e.size,value:l,onChange:b,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},k=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(C.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:k,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(C.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;

package/cells/GridGroupCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@progress/kendo-react-common"),E=require("react"),N=require("./client/GridGroupCellToggle.js"),p=require("./client/GridGroupCellContainer.js"),k=require("../utils/index.js");function O(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const o=O(E),R=e=>{const{columnIndex:l,level:r,columnsCount:n,rowType:G,dataItem:a,field:b,expanded:S,render:j,ariaColumnIndex:v}=e,c=b||"";let t=null,i=null,d=null,m=!1,s=!1,C=!1;const u=k.getClientCellProps(e);l===void 0||r===void 0||l<r||n===void 0||G!=="groupHeader"||a[c]===void 0?(s=!0,t={style:e.style,key:"g"+l,className:w.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):l===r&&(s=!0,t={className:"k-table-td",style:e.style,colSpan:n-l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":S,"aria-colindex":v},d=o.createElement("p",{className:"k-reset"},o.createElement(N.GridGroupCellToggle,{...u}),a[c]instanceof Date&&a[c].toString?a[c].toString():a[c]),m=!0,e.locked&&(C=!0,t={...t,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:n-l,style:{borderLeftWidth:0,borderRightWidth:0}}));const f=e.rowType||"data",g=e.cells;if(g&&g.group&&g.group[f]){const y=g.group[f],T=k.isClientReference(y);return o.createElement(p.GridGroupCellContainer,{cellProps:u,tdProps:t,td2Props:i,isCustom:!0,isClient:T,addKeyDownHandler:!0},o.createElement(y,{...u,tdProps:t,td2Props:i},d))}const x=s?o.createElement("td",{...t,key:t==null?void 0:t.key},d):null;return o.createElement(p.GridGroupCellContainer,{cellProps:u,addKeyDownHandler:m,tdProps:t,td2Props:i,renderFirstCell:s,renderSecondCell:C,content:d},x)};exports.GridGroupCell=R;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@progress/kendo-react-common"),E=require("react"),N=require("./client/GridGroupCellToggle.js"),k=require("./client/GridGroupCellContainer.js"),p=require("../utils/index.js");function O(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const o=O(E),R=e=>{const{columnIndex:l,level:r,columnsCount:n,rowType:G,dataItem:c,field:b,expanded:S,render:j,ariaColumnIndex:v}=e,a=b||"";let t=null,i=null,d=null,m=!1,s=!1,C=!1;const g=p.getClientCellProps(e);l===void 0||r===void 0||l<r||n===void 0||G!=="groupHeader"||c[a]===void 0?(s=!0,t={style:e.style,key:"g"+l,className:w.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):l===r&&(s=!0,t={className:"k-table-td",style:e.style,colSpan:n-l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":S,"aria-colindex":v},d=o.createElement("p",{className:"k-reset"},o.createElement(N.GridGroupCellToggle,{...g}),c[a]instanceof Date&&c[a].toString?c[a].toString():c[a]),m=!0,e.locked&&(C=!0,t={...t,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:n-l,style:{borderLeftWidth:0,borderRightWidth:0}}));const f=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[f]){const y=u.group[f],T=p.isClientReference(y);return o.createElement(k.GridGroupCellContainer,{cellProps:g,tdProps:t,td2Props:i,isCustom:!0,isClient:T,addKeyDownHandler:!0},o.createElement(y,{...e,tdProps:t,td2Props:i},d))}const x=s?o.createElement("td",{...t,key:t==null?void 0:t.key},d):null;return o.createElement(k.GridGroupCellContainer,{cellProps:g,addKeyDownHandler:m,tdProps:t,td2Props:i,renderFirstCell:s,renderSecondCell:C,content:d},x)};exports.GridGroupCell=R;

package/cells/GridGroupCell.mjs

@@ -5,21 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 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: m, columnsCount: u, rowType: p, dataItem: n, field: S, expanded: x, render: R, ariaColumnIndex: E } = l, o = S || "";
+  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 i = N(l);
-  t === void 0 || m === void 0 || t < m || u === void 0 || p !== "groupHeader" || n[o] === void 0 ? (c = !0, e = {
+  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 === m && (c = !0, e = {
+  }) : t === s && (c = !0, e = {
     className: "k-table-td",
     style: l.style,
     colSpan: u - t,
@@ -28,7 +29,7 @@ const K = (l) => {
     "aria-selected": !1,
     "aria-expanded": x,
     "aria-colindex": E
-  }, d = /* @__PURE__ */ r.createElement("p", { className: "k-reset" }, /* @__PURE__ */ r.createElement(w, { ...i }), n[o] instanceof Date && n[o].toString ? n[o].toString() : n[o]), f = !0, l.locked && (g = !0, 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 }
@@ -38,27 +39,27 @@ const K = (l) => {
     colSpan: u - t,
     style: { borderLeftWidth: 0, borderRightWidth: 0 }
   }));
-  const y = l.rowType || "data", s = l.cells;
-  if (s && s.group && s.group[y]) {
-    const C = s.group[y], b = I(C);
+  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: i,
+        cellProps: m,
         tdProps: e,
         td2Props: a,
         isCustom: !0,
         isClient: b,
         addKeyDownHandler: !0
       },
-      /* @__PURE__ */ r.createElement(C, { ...i, tdProps: e, td2Props: a }, d)
+      /* @__PURE__ */ r.createElement(C, { ...l, tdProps: e, td2Props: a }, d)
     );
   }
   const G = c ? /* @__PURE__ */ r.createElement("td", { ...e, key: e == null ? void 0 : e.key }, d) : null;
   return /* @__PURE__ */ r.createElement(
     k,
     {
-      cellProps: i,
+      cellProps: m,
       addKeyDownHandler: f,
       tdProps: e,
       td2Props: a,

package/cells/GridHierarchyCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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 c=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,{...c}));const i=e.rowType||"data",a=e.cells;if(a&&a.hierarchy&&a.hierarchy[i]){const o=a.hierarchy[i],y=d.isClientReference(o);return n.createElement(u.GridHierarchyCellContainer,{cellProps:c,tdProps:r,isCustom:!0,isClient:y},n.createElement(o,{...c,tdProps:r},t))}return e.rowType!=="groupHeader"&&(l=n.createElement("td",{...r},t)),n.createElement(u.GridHierarchyCellContainer,{cellProps:c,content:t,tdProps:r},l)};exports.GridHierarchyCell=h;
+"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

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 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 a = u(e), m = e.expanded;
+  const i = u(e), m = e.expanded;
   e.rowType === "groupFooter" ? r = {
     className: "k-table-td k-hierarchy-cell",
     role: "gridcell"
@@ -20,13 +21,13 @@ const x = (e) => {
     role: "gridcell",
     "aria-expanded": !!m,
     "aria-colindex": e.ariaColumnIndex
-  }, t = /* @__PURE__ */ l.createElement(y, { ...a }));
-  const c = e.rowType || "data", i = e.cells;
-  if (i && i.hierarchy && i.hierarchy[c]) {
-    const o = i.hierarchy[c], s = h(o);
-    return /* @__PURE__ */ l.createElement(d, { cellProps: a, tdProps: r, isCustom: !0, isClient: s }, /* @__PURE__ */ l.createElement(o, { ...a, tdProps: r }, t));
+  }, 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));
   }
-  return e.rowType !== "groupHeader" && (n = /* @__PURE__ */ l.createElement("td", { ...r }, t)), /* @__PURE__ */ l.createElement(d, { cellProps: a, content: t, tdProps: r }, n);
+  return e.rowType !== "groupHeader" && (n = /* @__PURE__ */ l.createElement("td", { ...r }, t)), /* @__PURE__ */ l.createElement(d, { cellProps: i, content: t, tdProps: r }, n);
 };
 export {
   x as GridHierarchyCell

package/cells/GridRowReorderCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=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,d=r&&r.uGrid?r.uGrid:t.uGrid,c=t.classNames(d.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),l={colSpan:e.colSpan,style:e.style,className:c,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[n.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},o=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:o},React.createElement(s.ReorderRowIcon,null)))};exports.GridRowReorderCell=R;
+"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

@@ -5,12 +5,13 @@
  * 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 t } from "@progress/kendo-react-common";
+import { uGrid as m, classNames as a } from "@progress/kendo-react-common";
 const N = (e) => {
-  const { ...r } = e, a = e.unstyled, c = a && a.uGrid ? a.uGrid : m, d = t(
+  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 = {
@@ -21,7 +22,7 @@ const N = (e) => {
     "aria-colindex": e.ariaColumnIndex,
     "aria-selected": e.isSelected,
     [n]: e.columnIndex
-  }, o = t(l == null ? void 0 : l.className, [
+  }, o = a(l == null ? void 0 : l.className, [
     "k-drag-cell",
     `${e.rowReorderable ? "" : "k-disabled"}`
   ]);

package/cells/GridSelectionCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),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:a,cells:S}=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}),s=m.getClientCellProps(e),u=a||"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:s,tdProps:r,isCustom:!0,isClient:b},l.createElement(d,{...s,tdProps:r},i))}const p=a!=="groupHeader"?l.createElement("td",{...r},i):null;return l.createElement(C.GridSelectionCellContainer,{cellProps:s,content:i,tdProps:r},p)};exports.GridSelectionCell=j;
+"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

@@ -5,26 +5,27 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 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,
+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: p,
     "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));
+  }, 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));
   }
-  const g = c !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...t }, o) : null;
-  return /* @__PURE__ */ e.createElement(i, { cellProps: r, content: o, tdProps: t }, g);
+  const g = r !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...l }, o) : null;
+  return /* @__PURE__ */ e.createElement(i, { cellProps: c, content: o, tdProps: l }, g);
 };
 export {
-  w as GridSelectionCell
+  I as GridSelectionCell
 };

package/cells/client/DetailCellContainer.js

@@ -5,5 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("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;
+"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

@@ -8,9 +8,9 @@
 "use client";
 import * as n from "react";
 import { useTableKeyboardNavigation as l } from "@progress/kendo-react-data-tools";
-import { GridContext as r } from "../../GridClientWrapper.mjs";
+import { GridContext as c } from "../../GridClientWrapper.mjs";
 const u = (e) => {
-  const t = n.useContext(r), o = l(e.id), a = n.useCallback(
+  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);
     },

package/cells/client/GridCellContainer.js

@@ -5,5 +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 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;
+"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/GridEditCellContainer.js

@@ -5,5 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("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;
+"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/GridEditCellEditor.js

@@ -5,5 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),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 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;

package/cells/client/GridEditCellEditor.mjs

@@ -6,16 +6,16 @@
  *-------------------------------------------------------------------------------------------
  */
 "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 * as t from "react";
+import { GridContext as i } from "../../GridClientWrapper.mjs";
+import { useId as d, 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);
+const b = (a) => {
+  const { cellProps: e } = a, n = t.useContext(i), r = d(), l = u(e.field, e.dataItem);
   let c = null;
-  const m = a.useCallback(
+  const m = t.useCallback(
     (o) => {
       n != null && n.itemChange && n.itemChange({
         dataItem: e.dataItem,
@@ -29,10 +29,10 @@ const b = (t) => {
   );
   switch (e.editor) {
     case "numeric":
-      c = /* @__PURE__ */ a.createElement(
+      c = /* @__PURE__ */ t.createElement(
         N,
         {
-          className: t.className,
+          className: a.className,
           value: l === void 0 ? null : l,
           onChange: m,
           [s]: !0
@@ -40,10 +40,10 @@ const b = (t) => {
       );
       break;
     case "date":
-      c = /* @__PURE__ */ a.createElement(
+      c = /* @__PURE__ */ t.createElement(
         h,
         {
-          className: t.className,
+          className: a.className,
           value: l,
           onChange: m,
           [s]: !0
@@ -51,10 +51,10 @@ const b = (t) => {
       );
       break;
     case "boolean":
-      c = /* @__PURE__ */ a.createElement(
+      c = /* @__PURE__ */ t.createElement(
         f,
         {
-          className: t.className,
+          className: a.className,
           checked: l || !1,
           id: r,
           onChange: m,
@@ -63,10 +63,10 @@ const b = (t) => {
       );
       break;
     default:
-      c = /* @__PURE__ */ a.createElement(
+      c = /* @__PURE__ */ t.createElement(
         E,
         {
-          className: t.className,
+          className: a.className,
           value: l || "",
           onChange: m,
           [s]: !0

package/cells/client/GridGroupCellContainer.js

@@ -5,5 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),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;
+"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 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 o=I(y),b=e=>{var u;const{cellProps:t}=e,n=o.useContext(g.GridContext),a=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}:{},d=o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field]),P=n.getCellPositionStyle(t.columnPosition),f={style:{...(u=e.tdProps)==null?void 0:u.style,...P}},r={...a,...C,onContextMenu:d,...f},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,...r}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:d}:null,...c}):o.cloneElement(e.children,{...r});const i=e.renderSecondCell?o.createElement("td",{...e.td2Props,onContextMenu:d}):null;if(t.render){const l=e.renderFirstCell&&o.createElement(o.Fragment,null,o.createElement("td",{...e.tdProps,...r},e.content),e.renderSecondCell&&i);return t.render.call(void 0,l,{...t,...c})}return o.createElement(o.Fragment,null,e.children&&o.cloneElement(e.children,{...r}),i)};exports.GridGroupCellContainer=b;