@progress/kendo-react-grid 9.4.1-develop.3 → 9.4.1-develop.5

package/GridClientContextReader.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),r=require("@progress/kendo-react-common"),s=require("@progress/kendo-react-intl"),g=require("./GridState.js");function y(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 c=y(p),C=e=>{const{children:t}=e,n=r.useId(),o=e.id||n,a=r.useUnstyled(),i=s.useLocalization(),l=s.useInternationalization(),[,u]=c.useReducer(m=>!m,!0),d=c.useRef([]),f=c.useRef(0),[R,,b]=g.useGridState();return c.cloneElement(t,{...t==null?void 0:t.props,...R,...b,id:o,unstyled:a,localization:i,intl:l,columnsRef:d,scrollLeftRef:f,forceUpdate:u,isClient:!0})};exports.GridClientContextReader=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),r=require("@progress/kendo-react-common"),s=require("@progress/kendo-react-intl"),g=require("./GridState.js"),y=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 o=p(m),C=e=>{const n=r.useId(),t=e.id||n,c=r.useUnstyled(),i=s.useLocalization(),a=s.useInternationalization(),[,l]=o.useReducer(b=>!b,!0),u=o.useRef([]),d=o.useRef(0),[f,,R]=g.useGridState();return y.cloneReactElement(e.children,{...f,...R,id:t,unstyled:c,localization:i,intl:a,columnsRef:u,scrollLeftRef:d,forceUpdate:l,isClient:!0})};exports.GridClientContextReader=C;

package/GridClientContextReader.mjs

@@ -6,26 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import { useId as R, useUnstyled as p } from "@progress/kendo-react-common";
-import { useLocalization as z, useInternationalization as C } from "@progress/kendo-react-intl";
-import { useGridState as I } from "./GridState.mjs";
-const L = (o) => {
-  const { children: t } = o, n = R(), s = o.id || n, c = p(), r = z(), i = C(), [, l] = e.useReducer((m) => !m, !0), a = e.useRef([]), u = e.useRef(0), [d, , f] = I();
-  return e.cloneElement(t, {
-    ...t == null ? void 0 : t.props,
+import * as t from "react";
+import { useId as f, useUnstyled as R } from "@progress/kendo-react-common";
+import { useLocalization as p, useInternationalization as z } from "@progress/kendo-react-intl";
+import { useGridState as C } from "./GridState.mjs";
+import { cloneReactElement as I } from "./utils/index.mjs";
+const U = (e) => {
+  const o = f(), n = e.id || o, s = R(), c = p(), i = z(), [, r] = t.useReducer((m) => !m, !0), l = t.useRef([]), a = t.useRef(0), [u, , d] = C();
+  return I(e.children, {
+    ...u,
     ...d,
-    ...f,
-    id: s,
-    unstyled: c,
-    localization: r,
+    id: n,
+    unstyled: s,
+    localization: c,
     intl: i,
-    columnsRef: a,
-    scrollLeftRef: u,
-    forceUpdate: l,
+    columnsRef: l,
+    scrollLeftRef: a,
+    forceUpdate: r,
     isClient: !0
   });
 };
 export {
-  L as GridClientContextReader
+  U as GridClientContextReader
 };

package/cells/client/DetailCellContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("@progress/kendo-react-data-tools"),l=require("../../GridClientWrapper.js"),u=require("../../utils/index.js");function s(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=s(c),d=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 u.cloneReactElement(e.children,{onContextMenu:o,...n})};exports.DetailCellContainer=d;

package/cells/client/DetailCellContainer.mjs

@@ -7,20 +7,21 @@
  */
 "use client";
 import * as n from "react";
-import { useTableKeyboardNavigation as l } from "@progress/kendo-react-data-tools";
-import { GridContext as r } from "../../GridClientWrapper.mjs";
-const u = (e) => {
-  const t = n.useContext(r), o = l(e.id), a = n.useCallback(
+import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
+import { GridContext as l } from "../../GridClientWrapper.mjs";
+import { cloneReactElement as m } from "../../utils/index.mjs";
+const d = (e) => {
+  const t = n.useContext(l), o = r(e.id), a = n.useCallback(
     (i) => {
       t != null && t.onContextMenu && t.onContextMenu.call(void 0, i, e.dataItem);
     },
     [t, e.dataItem]
   );
-  return n.cloneElement(e.children, {
+  return m(e.children, {
     onContextMenu: a,
     ...o
   });
 };
 export {
-  u as DetailCellContainer
+  d as DetailCellContainer
 };

package/cells/client/GridCellContainer.js

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

package/cells/client/GridCellContainer.mjs

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

package/cells/client/GridEditCellContainer.js

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

package/cells/client/GridEditCellContainer.mjs

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

package/cells/client/GridGroupCellContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),m=require("@progress/kendo-react-data-tools"),x=require("../../GridClientWrapper.js"),I=require("@progress/kendo-react-common"),c=require("../../utils/index.js");function b(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=b(g),h=e=>{var s;const{cellProps:t}=e,n=o.useContext(x.GridContext),d=m.useTableKeyboardNavigation(t.id),C=o.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===I.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:m.GROUP_EXPAND_ACTION.TOGGLE,group:t.group},l))},[n,t.dataItem,t.dataIndex,t.expanded,t.group]),f=e.addKeyDownHandler?{onKeyDown:C}:{},r=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),y={style:{...(s=e.tdProps)==null?void 0:s.style,...P}},a={...d,...f,onContextMenu:r,...y},i={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?c.cloneReactElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...a}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:r}:null,...i}):c.cloneReactElement(e.children,{...a});const u=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&&u):l=o.createElement("td",{...e.tdProps,...a},e.content)),t.render.call(void 0,l,{...t,...i})}return o.createElement(o.Fragment,null,e.children&&c.cloneReactElement(e.children,{...a}),u)};exports.GridGroupCellContainer=h;

package/cells/client/GridGroupCellContainer.mjs

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

package/cells/client/GridHierarchyCellContainer.js

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

package/cells/client/GridHierarchyCellContainer.mjs

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

package/cells/client/GridRowReorderContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),n=require("../../messages/index.js"),q=a=>{const{cellProps:o,rowReorderable:i,children:r}=a,{id:l,dataItem:c}=o,s=m.useLocalization(),e=t.useContext(f.GridContext),d=w.useTableKeyboardNavigation(l),u=i,R=s.toLanguageString(n.gridRowReorderAriaLabel,n.messages[n.gridRowReorderAriaLabel]),g=()=>u?e.activeDragRowDataItemRef.current=c:null,b=t.useCallback(C=>{e!=null&&e.onContextMenu&&e.onContextMenu.call(void 0,C,o.dataItem,o.field)},[e,o.dataItem,o.field]);return r&&t.cloneElement(r,{"aria-label":R,...d,onMouseDown:g,onContextMenu:b})};exports.GridRowReorderCellContainer=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),C=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-data-tools"),w=require("../../GridClientWrapper.js"),n=require("../../messages/index.js"),q=require("../../utils/index.js"),x=o=>{const{cellProps:t,rowReorderable:a}=o,{id:i,dataItem:c}=t,l=C.useLocalization(),e=r.useContext(w.GridContext),s=m.useTableKeyboardNavigation(i),d=a,u=l.toLanguageString(n.gridRowReorderAriaLabel,n.messages[n.gridRowReorderAriaLabel]),R=()=>d?e.activeDragRowDataItemRef.current=c:null,g=r.useCallback(b=>{e!=null&&e.onContextMenu&&e.onContextMenu.call(void 0,b,t.dataItem,t.field)},[e,t.dataItem,t.field]);return o.children&&q.cloneReactElement(o.children,{"aria-label":u,...s,onMouseDown:R,onContextMenu:g})};exports.GridRowReorderCellContainer=x;

package/cells/client/GridRowReorderContainer.mjs

@@ -6,25 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import t from "react";
-import { useLocalization as b } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as p } from "@progress/kendo-react-data-tools";
+import n from "react";
+import { useLocalization as g } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as b } from "@progress/kendo-react-data-tools";
 import { GridContext as C } from "../../GridClientWrapper.mjs";
 import { gridRowReorderAriaLabel as a, messages as w } from "../../messages/index.mjs";
-const L = (r) => {
-  const { cellProps: e, rowReorderable: i, children: n } = r, { id: l, dataItem: s } = e, c = b(), o = t.useContext(C), m = p(l), d = i, u = c.toLanguageString(a, w[a]), f = () => d ? o.activeDragRowDataItemRef.current = s : null, R = t.useCallback(
-    (g) => {
-      o != null && o.onContextMenu && o.onContextMenu.call(void 0, g, e.dataItem, e.field);
+import { cloneReactElement as x } from "../../utils/index.mjs";
+const h = (t) => {
+  const { cellProps: o, rowReorderable: r } = t, { id: i, dataItem: l } = o, c = g(), e = n.useContext(C), s = b(i), m = r, d = c.toLanguageString(a, w[a]), u = () => m ? e.activeDragRowDataItemRef.current = l : null, f = n.useCallback(
+    (R) => {
+      e != null && e.onContextMenu && e.onContextMenu.call(void 0, R, o.dataItem, o.field);
     },
-    [o, e.dataItem, e.field]
+    [e, o.dataItem, o.field]
   );
-  return n && t.cloneElement(n, {
-    "aria-label": u,
-    ...m,
-    onMouseDown: f,
-    onContextMenu: R
+  return t.children && x(t.children, {
+    "aria-label": d,
+    ...s,
+    onMouseDown: u,
+    onContextMenu: f
   });
 };
 export {
-  L as GridRowReorderCellContainer
+  h as GridRowReorderCellContainer
 };

package/cells/client/GridSelectionCellContainer.js

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