@progress/kendo-react-grid 8.3.0-develop.3 → 8.3.0-develop.4

package/cells/GridCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=require("../utils/index.js"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js"),y=require("@progress/kendo-react-common");function T(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 o=T(m),I=e=>{let t=null;const n=g.useInternationalization(),l=b.useTableKeyboardNavigation(e.id),r=o.useCallback(c=>{e.onContextMenu&&e.onContextMenu.call(void 0,c,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let a=null,d=null;if(e.rowType==="groupFooter")a={onContextMenu:r,className:e.className,...l},t=o.createElement("td",{...a});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=f.getNestedValue(e.field,e.dataItem);i!=null&&(d=e.format?n.format(e.format,i):i.toString())}const c=y.classNames("k-table-td",e.className,{"k-selected":e.isSelected});a={onContextMenu:r,colSpan:e.colSpan,style:e.style,className:c,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...l},t=o.createElement("td",{...a},d)}const s=e.rowType||"data",u=e.cells;if(u&&u[s]){const c=u[s];return o.createElement(c,{...e,tdProps:a},d)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),C=require("../utils/index.js"),b=require("@progress/kendo-react-intl"),S=require("@progress/kendo-react-data-tools"),T=require("../constants/index.js"),r=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 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 d=I(y),x=e=>{let t=null;const n=b.useInternationalization(),l=r.useUnstyled(),g=l&&l.uGrid?l.uGrid:r.uGrid,s=S.useTableKeyboardNavigation(e.id),m=d.useCallback(i=>{e.onContextMenu&&e.onContextMenu.call(void 0,i,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let a=null,o=null;if(e.rowType==="groupFooter")a={onContextMenu:m,className:e.className,...s},t=d.createElement("td",{...a});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const c=C.getNestedValue(e.field,e.dataItem);c!=null&&(o=e.format?n.format(e.format,c):c.toString())}const i=r.classNames(g.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);a={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[T.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...s},t=d.createElement("td",{...a},o)}const f=e.rowType||"data",u=e.cells;if(u&&u[f]){const i=u[f];return d.createElement(i,{...e,tdProps:a},o)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=x;

package/cells/GridCell.mjs

@@ -7,52 +7,51 @@
  */
 "use client";
 import * as i from "react";
-import { getNestedValue as r } from "../utils/index.mjs";
-import { useInternationalization as s } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as C } from "@progress/kendo-react-data-tools";
-import { GRID_COL_INDEX_ATTRIBUTE as g } from "../constants/index.mjs";
-import { classNames as I } from "@progress/kendo-react-common";
-const S = (e) => {
+import { getNestedValue as C } from "../utils/index.mjs";
+import { useInternationalization as g } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as y } from "@progress/kendo-react-data-tools";
+import { GRID_COL_INDEX_ATTRIBUTE as I } from "../constants/index.mjs";
+import { useUnstyled as x, uGrid as N, classNames as T } from "@progress/kendo-react-common";
+const w = (e) => {
   let n = null;
-  const f = s(), o = C(e.id), m = i.useCallback((l) => {
+  const f = g(), d = x(), s = d && d.uGrid ? d.uGrid : N, m = y(e.id), u = i.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
   }, [e.onContextMenu, e.dataItem, e.field]);
   let t = null, c = null;
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: m,
+      onContextMenu: u,
       className: e.className,
-      ...o
+      ...m
     }, n = /* @__PURE__ */ i.createElement("td", { ...t });
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
-      const a = r(e.field, e.dataItem);
+      const a = C(e.field, e.dataItem);
       a != null && (c = e.format ? f.format(e.format, a) : a.toString());
     }
-    const l = I(
-      "k-table-td",
-      e.className,
-      { "k-selected": e.isSelected }
+    const l = T(
+      s.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+      e.className
     );
     t = {
-      onContextMenu: m,
+      onContextMenu: u,
       colSpan: e.colSpan,
       style: e.style,
       className: l,
       role: "gridcell",
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
-      [g]: e.columnIndex,
-      ...o
+      [I]: e.columnIndex,
+      ...m
     }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
   }
-  const u = e.rowType || "data", d = e.cells;
-  if (d && d[u]) {
-    const l = d[u];
+  const r = e.rowType || "data", o = e.cells;
+  if (o && o[r]) {
+    const l = o[r];
     return /* @__PURE__ */ i.createElement(l, { ...e, tdProps: t }, c);
   }
   return e.render ? e.render.call(void 0, n, e) : n;
 };
 export {
-  S as GridCell
+  w 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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@progress/kendo-react-data-tools"),s=require("react");function b(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 l=b(s),f=e=>{const{colSpan:a,ariaColIndex:t,dataItem:n,dataIndex:o,id:c}=e,i=u.useTableKeyboardNavigation(c),r=l.useCallback(d=>{e.onContextMenu&&e.onContextMenu.call(void 0,d,e.dataItem)},[e.onContextMenu,e.dataItem]);return l.createElement("td",{onContextMenu:r,className:"k-table-td k-detail-cell",colSpan:a,"aria-colindex":t,role:"gridcell",...i},l.createElement(e.detail,{dataItem:n,dataIndex:o}))};exports.GridDetailCell=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-data-tools"),f=require("react"),l=require("@progress/kendo-react-common");function g(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 c=g(f),C=e=>{const{colSpan:n,ariaColIndex:t,dataItem:a,dataIndex:i,id:r}=e,d=b.useTableKeyboardNavigation(r),o=l.useUnstyled(),u=o&&o.uGrid?o.uGrid:l.uGrid,s=c.useCallback(m=>{e.onContextMenu&&e.onContextMenu.call(void 0,m,e.dataItem)},[e.onContextMenu,e.dataItem]);return c.createElement("td",{onContextMenu:s,className:l.classNames(u.detailTd({})),colSpan:n,"aria-colindex":t,role:"gridcell",...d},c.createElement(e.detail,{dataItem:a,dataIndex:i}))};exports.GridDetailCell=C;

package/cells/GridDetailCell.mjs

@@ -6,25 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
-import * as t from "react";
-const x = (e) => {
-  const { colSpan: a, ariaColIndex: n, dataItem: l, dataIndex: i, id: o } = e, d = r(o), c = t.useCallback((m) => {
-    e.onContextMenu && e.onContextMenu.call(void 0, m, e.dataItem);
+import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
+import * as a from "react";
+import { useUnstyled as x, uGrid as C, classNames as I } from "@progress/kendo-react-common";
+const g = (e) => {
+  const { colSpan: n, ariaColIndex: i, dataItem: l, dataIndex: o, id: d } = e, c = m(d), t = x(), r = t && t.uGrid ? t.uGrid : C, s = a.useCallback((u) => {
+    e.onContextMenu && e.onContextMenu.call(void 0, u, e.dataItem);
   }, [e.onContextMenu, e.dataItem]);
-  return /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ a.createElement(
     "td",
     {
-      onContextMenu: c,
-      className: "k-table-td k-detail-cell",
-      colSpan: a,
-      "aria-colindex": n,
+      onContextMenu: s,
+      className: I(r.detailTd({})),
+      colSpan: n,
+      "aria-colindex": i,
       role: "gridcell",
-      ...d
+      ...c
     },
-    /* @__PURE__ */ t.createElement(e.detail, { dataItem: l, dataIndex: i })
+    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: o })
   );
 };
 export {
-  x as GridDetailCell
+  g as GridDetailCell
 };

package/cells/GridDetailHierarchyCell.js

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

package/cells/GridDetailHierarchyCell.mjs

@@ -6,8 +6,12 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-const l = (r) => /* @__PURE__ */ e.createElement("td", { className: "k-table-td k-hierarchy-cell", role: "gridcell" });
+import { useUnstyled as s, uGrid as t, classNames as l } from "@progress/kendo-react-common";
+import * as i from "react";
+const d = (a) => {
+  const e = s(), r = e && e.uGrid ? e.uGrid : t;
+  return /* @__PURE__ */ i.createElement("td", { className: l(r.hierarchyTd({})), role: "gridcell" });
+};
 export {
-  l as GridDetailHierarchyCell
+  d 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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),f=require("../utils/index.js"),b=require("@progress/kendo-react-inputs"),N=require("@progress/kendo-react-dateinputs"),g=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-data-tools"),r=require("../constants/index.js");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(n,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return n.default=e,Object.freeze(n)}const t=_(T),h=e=>{const n=f.getNestedValue(e.field,e.dataItem);let l=null;const i=g.classNames("k-table-td","k-grid-edit-cell",{"k-selected":e.isSelected},e.className),I=g.useId(),o=E.useTableKeyboardNavigation(e.id);let c=null,d=null;const C=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),m=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),s=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement(b.NumericTextBox,{value:n===void 0?null:n,onChange:s,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d);break}case"date":c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement(N.DatePicker,{value:n,onChange:s,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d);break;case"boolean":c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:I,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:C})),t.createElement("label",{className:"k-checkbox-label",htmlFor:I,key:2})],l=t.createElement("td",{...c},d);break;default:c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:C,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d)}const x=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[x]?a=u.edit[x]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:c},d)}return e.render?e.render.call(void 0,l,e):l};exports.GridEditCell=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),b=require("../utils/index.js"),_=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),E=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const o=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(n,d,o.get?o:{enumerable:!0,get:()=>e[d]})}}return n.default=e,Object.freeze(n)}const t=S(N),y=e=>{const n=b.getNestedValue(e.field,e.dataItem),d=E.useUnstyled(),o=d&&d.uGrid?d.uGrid:E.uGrid;let i=null;const m=E.classNames(o.editTd({selected:e.isSelected}),e.className),x=E.useId(),r=I.useTableKeyboardNavigation(e.id);let l=null,c=null;const g=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),s=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),T=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(_.NumericTextBox,{value:n===void 0?null:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break}case"date":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(h.DatePicker,{value:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break;case"boolean":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:x,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:g})),t.createElement("label",{className:"k-checkbox-label",htmlFor:x,key:2})],i=t.createElement("td",{...l},c);break;default:l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:g,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c)}const f=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[f]?a=u.edit[f]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:l},c)}return e.render?e.render.call(void 0,i,e):i};exports.GridEditCell=y;

package/cells/GridEditCell.mjs

@@ -7,36 +7,34 @@
  */
 "use client";
 import * as a from "react";
-import { getNestedValue as r } from "../utils/index.mjs";
-import { NumericTextBox as E } from "@progress/kendo-react-inputs";
-import { DatePicker as b } from "@progress/kendo-react-dateinputs";
-import { classNames as s, useId as N } from "@progress/kendo-react-common";
-import { useTableKeyboardNavigation as S, TABLE_PREVENT_SELECTION_ELEMENT as C } from "@progress/kendo-react-data-tools";
+import { getNestedValue as E } from "../utils/index.mjs";
+import { NumericTextBox as b } from "@progress/kendo-react-inputs";
+import { DatePicker as N } from "@progress/kendo-react-dateinputs";
+import { useUnstyled as y, uGrid as S, classNames as v, useId as T } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as _, TABLE_PREVENT_SELECTION_ELEMENT as I } from "@progress/kendo-react-data-tools";
 import { GRID_COL_INDEX_ATTRIBUTE as x } from "../constants/index.mjs";
-const L = (e) => {
-  const i = r(e.field, e.dataItem);
+const B = (e) => {
+  const i = E(e.field, e.dataItem), C = y(), h = C && C.uGrid ? C.uGrid : S;
   let d = null;
-  const m = s("k-table-td", "k-grid-edit-cell", {
-    "k-selected": e.isSelected
-  }, e.className), I = N(), u = S(e.id);
+  const m = v(h.editTd({ selected: e.isSelected }), e.className), s = T(), u = _(e.id);
   let l = null, n = null;
-  const k = a.useCallback(
+  const f = a.useCallback(
     (t) => {
       if (e.onChange) {
-        const h = t.target.type === "checkbox" ? t.target.checked : t.target.value;
+        const k = t.target.type === "checkbox" ? t.target.checked : t.target.value;
         e.onChange({
           dataItem: e.dataItem,
           dataIndex: e.dataIndex,
           field: e.field,
           syntheticEvent: t,
-          value: h
+          value: k
         });
       }
     },
     [e.onChange, e.dataItem, e.dataIndex, e.field]
   ), o = a.useCallback((t) => {
     e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
-  }, [e.onContextMenu, e.dataItem, e.field]), f = a.useCallback(
+  }, [e.onContextMenu, e.dataItem, e.field]), g = a.useCallback(
     (t) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -61,11 +59,11 @@ const L = (e) => {
         role: "gridcell",
         ...u
       }, n = /* @__PURE__ */ a.createElement(
-        E,
+        b,
         {
           value: i === void 0 ? null : i,
-          onChange: f,
-          [C]: !0
+          onChange: g,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -88,11 +86,11 @@ const L = (e) => {
         role: "gridcell",
         ...u
       }, n = /* @__PURE__ */ a.createElement(
-        b,
+        N,
         {
           value: i,
-          onChange: f,
-          [C]: !0
+          onChange: g,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -118,13 +116,13 @@ const L = (e) => {
           "input",
           {
             checked: i || !1,
-            id: I,
+            id: s,
             type: "checkbox",
             className: "k-checkbox k-checkbox-md k-rounded-md",
-            onChange: k
+            onChange: f
           }
         )),
-        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: I, key: 2 })
+        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
       ], d = /* @__PURE__ */ a.createElement(
         "td",
         {
@@ -150,8 +148,8 @@ const L = (e) => {
           style: { width: "100%" },
           className: "k-input",
           value: i || "",
-          onChange: k,
-          [C]: !0
+          onChange: f,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -161,13 +159,13 @@ const L = (e) => {
         n
       );
   }
-  const g = e.editor || "text", c = e.cells;
+  const r = e.editor || "text", c = e.cells;
   if (c) {
     let t;
-    return c.edit && c.edit[g] ? t = c.edit[g] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
+    return c.edit && c.edit[r] ? t = c.edit[r] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
   }
   return e.render ? e.render.call(void 0, d, e) : d;
 };
 export {
-  L as GridEditCell
+  B as GridEditCell
 };