@progress/kendo-react-grid 8.3.0-develop.2 → 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
 };

package/columnMenu/GridColumnMenuColumnsList.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 v=require("react"),m=require("@progress/kendo-react-inputs"),M=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-buttons");function x(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const t=x(v),f=n=>{const[o,s]=t.useState(""),i=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(a=>a.id===l.id)}),{}),[c,d]=t.useState(i),h=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(o.toLowerCase())}),[n.columns,o]),b=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),g=()=>{d(i)},r=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),u=t.useMemo(()=>r===n.columns.length,[n.columns,r]),S=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,a)=>e[l]=u&&a===0?!0:!u),d(e)},[c,u]),E=t.useCallback((e,l)=>{const a={...c};a[l||""]=e,d(a)},[c]),y=e=>{s(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(m.TextBox,{className:"k-searchbox",value:o,onChange:y,prefix:()=>t.createElement(m.InputPrefix,null,t.createElement(M.IconWrap,{name:"search",icon:N.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!o&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(m.Checkbox,{checked:u,onChange:S,label:"(Select all)"})),h.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(m.Checkbox,{disabled:c[e.id||""]&&r===1,checked:c[e.id||""],onChange:a=>{var k;return E(!!((k=a.target.element)!=null&&k.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},r," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(C.Button,{type:"button",themeColor:"primary",onClick:b},"Apply"),t.createElement(C.Button,{type:"button",onClick:g},"Reset"))))};f.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),d=require("@progress/kendo-react-inputs"),x=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-buttons"),L=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function R(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(a,i,r.get?r:{enumerable:!0,get:()=>n[i]})}}return a.default=n,Object.freeze(a)}const t=R(N),h=n=>{const[a,i]=t.useState(""),r=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(s=>s.id===l.id)}),{}),[c,k]=t.useState(r),b=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(a.toLowerCase())}),[n.columns,a]),C=L.useLocalization(),S=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),E=()=>{k(r)},u=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),m=t.useMemo(()=>u===n.columns.length,[n.columns,u]),y=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,s)=>e[l]=m&&s===0?!0:!m),k(e)},[c,m]),v=t.useCallback((e,l)=>{const s={...c};s[l||""]=e,k(s)},[c]),M=e=>{i(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(d.TextBox,{className:"k-searchbox",value:a,onChange:M,prefix:()=>t.createElement(d.InputPrefix,null,t.createElement(x.IconWrap,{name:"search",icon:B.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!a&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(d.Checkbox,{checked:m,onChange:y,label:C.toLanguageString(o.filterSelectAll,o.messages[o.filterSelectAll])})),b.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(d.Checkbox,{disabled:c[e.id||""]&&u===1,checked:c[e.id||""],onChange:s=>{var f;return v(!!((f=s.target.element)!=null&&f.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},u," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(g.Button,{type:"button",themeColor:"primary",onClick:S},C.toLanguageString(o.filterApplyButton,o.messages[o.filterApplyButton])),t.createElement(g.Button,{type:"button",onClick:E},C.toLanguageString(o.filterResetButton,o.messages[o.filterResetButton])))))};h.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=h;

package/columnMenu/GridColumnMenuColumnsList.mjs

@@ -7,57 +7,59 @@
  */
 "use client";
 import * as t from "react";
-import { TextBox as N, InputPrefix as x, Checkbox as d } from "@progress/kendo-react-inputs";
-import { IconWrap as y } from "@progress/kendo-react-common";
-import { searchIcon as v } from "@progress/kendo-svg-icons";
-import { Button as C } from "@progress/kendo-react-buttons";
-const M = (l) => {
-  const [o, k] = t.useState(""), r = l.columns.reduce((e, n) => ({ ...e, [n.id || ""]: !!l.columnsState.find((a) => a.id === n.id) }), {}), [c, i] = t.useState(r), h = t.useMemo(() => l.columns.filter((e) => {
+import { TextBox as M, InputPrefix as B, Checkbox as k } from "@progress/kendo-react-inputs";
+import { IconWrap as w } from "@progress/kendo-react-common";
+import { searchIcon as A } from "@progress/kendo-svg-icons";
+import { Button as f } from "@progress/kendo-react-buttons";
+import { useLocalization as I } from "@progress/kendo-react-intl";
+import { filterSelectAll as h, messages as u, filterApplyButton as g, filterResetButton as E } from "../messages/index.mjs";
+const R = (l) => {
+  const [a, S] = t.useState(""), d = l.columns.reduce((e, n) => ({ ...e, [n.id || ""]: !!l.columnsState.find((o) => o.id === n.id) }), {}), [c, m] = t.useState(d), b = t.useMemo(() => l.columns.filter((e) => {
     var n;
-    return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(o.toLowerCase());
-  }), [l.columns, o]), f = t.useCallback(() => {
+    return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(a.toLowerCase());
+  }), [l.columns, a]), r = I(), N = t.useCallback(() => {
     const e = l.columns.filter((n) => c[n.id || ""]);
     l.onColumnsChange.call(void 0, e), l.onCloseMenu.call(void 0);
-  }, [c, l.columns, l.onColumnsChange, l.onCloseMenu]), E = () => {
-    i(r);
-  }, s = t.useMemo(() => Object.values(c).filter((e) => e).length, [c]), m = t.useMemo(() => s === l.columns.length, [l.columns, s]), b = t.useCallback(() => {
+  }, [c, l.columns, l.onColumnsChange, l.onCloseMenu]), x = () => {
+    m(d);
+  }, s = t.useMemo(() => Object.values(c).filter((e) => e).length, [c]), i = t.useMemo(() => s === l.columns.length, [l.columns, s]), y = t.useCallback(() => {
     const e = { ...c };
-    Object.keys(e).forEach((n, a) => e[n] = m && a === 0 ? !0 : !m), i(e);
-  }, [c, m]), g = t.useCallback((e, n) => {
-    const a = { ...c };
-    a[n || ""] = e, i(a);
-  }, [c]), S = (e) => {
-    k(String(e.target.value));
+    Object.keys(e).forEach((n, o) => e[n] = i && o === 0 ? !0 : !i), m(e);
+  }, [c, i]), L = t.useCallback((e, n) => {
+    const o = { ...c };
+    o[n || ""] = e, m(o);
+  }, [c]), v = (e) => {
+    S(String(e.target.value));
   };
   return /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ t.createElement(
-    N,
+    M,
     {
       className: "k-searchbox",
-      value: o,
-      onChange: S,
-      prefix: () => /* @__PURE__ */ t.createElement(x, null, /* @__PURE__ */ t.createElement(y, { name: "search", icon: v }))
+      value: a,
+      onChange: v,
+      prefix: () => /* @__PURE__ */ t.createElement(B, null, /* @__PURE__ */ t.createElement(w, { name: "search", icon: A }))
     }
-  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !o && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
-    d,
+  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !a && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
+    k,
     {
-      checked: m,
-      onChange: b,
-      label: "(Select all)"
+      checked: i,
+      onChange: y,
+      label: r.toLanguageString(h, u[h])
     }
-  )), h.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
-    d,
+  )), b.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
+    k,
     {
       disabled: c[e.id || ""] && s === 1,
       checked: c[e.id || ""],
-      onChange: (a) => {
-        var u;
-        return g(!!((u = a.target.element) != null && u.checked), e.id);
+      onChange: (o) => {
+        var C;
+        return L(!!((C = o.target.element) != null && C.checked), e.id);
       },
       label: e.title || e.field
     }
-  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, s, " selected items"), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(C, { type: "button", themeColor: "primary", onClick: f }, "Apply"), /* @__PURE__ */ t.createElement(C, { type: "button", onClick: E }, "Reset"))));
+  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, s, " selected items"), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(f, { type: "button", themeColor: "primary", onClick: N }, r.toLanguageString(g, u[g])), /* @__PURE__ */ t.createElement(f, { type: "button", onClick: x }, r.toLanguageString(E, u[E])))));
 };
-M.displayName = "GridColumnMenuColumnsList";
+R.displayName = "GridColumnMenuColumnsList";
 export {
-  M as GridColumnMenuColumnsList
+  R as GridColumnMenuColumnsList
 };