@progress/kendo-react-grid 9.3.1 → 9.4.0-develop.10

package/GridSearchBox.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-react-inputs"),h=require("react"),m=require("./GridClientWrapper.js"),f=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-common"),x=require("./GridState.js"),S=require("@progress/kendo-react-data-tools"),b=require("@progress/kendo-react-intl"),a=require("./messages/index.js");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=C(h),q=e=>{const n=b.useLocalization(),t=r.useContext(m.GridContext),[o]=x.useGridState(),l=c=>{t.searchChange(c),e.onChange&&e.onChange.call(void 0,c)},u=S.getStringFromSearch(o.search),d=i.classNames("k-grid-search","k-searchbox",e.className),g=n.toLanguageString(a.searchboxPlaceholder,a.messages[a.searchboxPlaceholder]);return r.createElement(s.TextBox,{placeholder:g,value:u,prefix:()=>r.createElement(s.InputPrefix,{orientation:"horizontal"},r.createElement(i.SvgIcon,{icon:f.searchIcon})),...e,className:d,onChange:l})};exports.GridSearchBox=q;

package/GridSearchBox.mjs

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TextBox as h, InputPrefix as g } from "@progress/kendo-react-inputs";
+import * as o from "react";
+import { GridContext as f } from "./GridClientWrapper.mjs";
+import { searchIcon as x } from "@progress/kendo-svg-icons";
+import { classNames as d, SvgIcon as C } from "@progress/kendo-react-common";
+import { useGridState as p } from "./GridState.mjs";
+import { getStringFromSearch as u } from "@progress/kendo-react-data-tools";
+import { useLocalization as S } from "@progress/kendo-react-intl";
+import { searchboxPlaceholder as r, messages as z } from "./messages/index.mjs";
+const L = (e) => {
+  const a = S(), n = o.useContext(f), [c] = p(), i = (t) => {
+    n.searchChange(t), e.onChange && e.onChange.call(void 0, t);
+  }, m = u(c.search), s = d("k-grid-search", "k-searchbox", e.className), l = a.toLanguageString(r, z[r]);
+  return /* @__PURE__ */ o.createElement(
+    h,
+    {
+      placeholder: l,
+      value: m,
+      prefix: () => /* @__PURE__ */ o.createElement(g, { orientation: "horizontal" }, /* @__PURE__ */ o.createElement(C, { icon: x })),
+      ...e,
+      className: s,
+      onChange: i
+    }
+  );
+};
+export {
+  L as GridSearchBox
+};

package/GridState.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),B=u.createContext([{},()=>{},{}]),v=()=>u.useContext(B),p=t=>{var f,C,k,G,P,D,b,m,y,F,T,j,q,H,M,O,R,w,z,A;const{children:I,onEditChange:h,onFilterChange:l,onSortChange:i,onSearchChange:o,onPageChange:c,onGroupChange:r,onDataStateChange:g,onSelectionChange:s,onDetailExpandChange:x,onGroupExpandChange:E,onHeaderSelectionChange:S}=t,[n,d]=u.useState({edit:(f=t.defaultEdit)!=null?f:t.edit,filter:(C=t.defaultFilter)!=null?C:t.filter,select:(k=t.defaultSelect)!=null?k:t.select,search:(G=t.defaultSearch)!=null?G:t.search,sort:(P=t.defaultSort)!=null?P:t.sort,take:(D=t.defaultTake)!=null?D:t.take,skip:(b=t.defaultSkip)!=null?b:t.skip,group:(m=t.defaultGroup)!=null?m:t.group,detailExpand:(y=t.defaultDetailExpand)!=null?y:t.detailExpand,groupExpand:(F=t.defaultGroupExpand)!=null?F:t.groupExpand}),J={edit:(T=t.edit)!=null?T:n.edit,filter:(j=t.filter)!=null?j:n.filter,search:(q=t.search)!=null?q:n.search,sort:(H=t.sort)!=null?H:n.sort,take:(M=t.take)!=null?M:n.take,skip:(O=t.skip)!=null?O:n.skip,group:(R=t.group)!=null?R:n.group,select:(w=t.select)!=null?w:n.select,detailExpand:(z=t.detailExpand)!=null?z:n.detailExpand,groupExpand:(A=t.groupExpand)!=null?A:n.groupExpand},K=e=>{},L=e=>{d(a=>({...a,edit:e.edit})),h==null||h(e)},N=e=>{d(a=>({...a,filter:e.filter})),l==null||l(e)},Q=e=>{d(a=>({...a,search:e.search})),o==null||o(e)},U=e=>{d(a=>({...a,sort:e.sort})),i==null||i(e)},V=e=>{d(a=>({...a,...e.page})),c==null||c(e)},W=e=>{d(a=>({...a,group:e.group})),r==null||r(e)},X=e=>{d(a=>({...a,...e.dataState})),g==null||g(e)},Y=e=>{d(a=>({...a,select:e.select})),s==null||s(e)},Z=e=>{d(a=>({...a,select:e.select})),S==null||S(e)},_=e=>{d(a=>({...a,detailExpand:e.detailExpand})),x==null||x(e)},$=e=>{d(a=>({...a,groupExpand:e.groupExpand})),E==null||E(e)};return u.createElement(B.Provider,{value:[J,K,{onEditChange:L,onFilterChange:l&&N,onSearchChange:Q,onSortChange:i&&U,onPageChange:c&&V,onGroupChange:r&&W,onDataStateChange:X,onSelectionChange:Y,onHeaderSelectionChange:Z,onDetailExpandChange:_,onGroupExpandChange:$}]},I)};exports.GridClientStateProvider=p;exports.useGridState=v;

package/GridState.mjs

@@ -0,0 +1,99 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import u from "react";
+const I = u.createContext([{}, () => {
+}, {}]), p = () => u.useContext(I), ee = (t) => {
+  var S, C, k, G, D, P, m, F, _, H, R, T, b, j, q, w, y, z, A, B;
+  const {
+    children: J,
+    onEditChange: r,
+    onFilterChange: l,
+    onSortChange: c,
+    onSearchChange: o,
+    onPageChange: i,
+    onGroupChange: h,
+    onDataStateChange: g,
+    onSelectionChange: x,
+    onDetailExpandChange: E,
+    onGroupExpandChange: s,
+    onHeaderSelectionChange: f
+  } = t, [n, d] = u.useState({
+    edit: (S = t.defaultEdit) != null ? S : t.edit,
+    filter: (C = t.defaultFilter) != null ? C : t.filter,
+    select: (k = t.defaultSelect) != null ? k : t.select,
+    search: (G = t.defaultSearch) != null ? G : t.search,
+    sort: (D = t.defaultSort) != null ? D : t.sort,
+    take: (P = t.defaultTake) != null ? P : t.take,
+    skip: (m = t.defaultSkip) != null ? m : t.skip,
+    group: (F = t.defaultGroup) != null ? F : t.group,
+    detailExpand: (_ = t.defaultDetailExpand) != null ? _ : t.detailExpand,
+    groupExpand: (H = t.defaultGroupExpand) != null ? H : t.groupExpand
+  }), K = {
+    edit: (R = t.edit) != null ? R : n.edit,
+    filter: (T = t.filter) != null ? T : n.filter,
+    search: (b = t.search) != null ? b : n.search,
+    sort: (j = t.sort) != null ? j : n.sort,
+    take: (q = t.take) != null ? q : n.take,
+    skip: (w = t.skip) != null ? w : n.skip,
+    group: (y = t.group) != null ? y : n.group,
+    select: (z = t.select) != null ? z : n.select,
+    detailExpand: (A = t.detailExpand) != null ? A : n.detailExpand,
+    groupExpand: (B = t.groupExpand) != null ? B : n.groupExpand
+  }, L = (e) => {
+  }, M = (e) => {
+    d((a) => ({ ...a, edit: e.edit })), r == null || r(e);
+  }, N = (e) => {
+    d((a) => ({ ...a, filter: e.filter })), l == null || l(e);
+  }, O = (e) => {
+    d((a) => ({ ...a, search: e.search })), o == null || o(e);
+  }, Q = (e) => {
+    d((a) => ({ ...a, sort: e.sort })), c == null || c(e);
+  }, U = (e) => {
+    d((a) => ({ ...a, ...e.page })), i == null || i(e);
+  }, V = (e) => {
+    d((a) => ({ ...a, group: e.group })), h == null || h(e);
+  }, W = (e) => {
+    d((a) => ({ ...a, ...e.dataState })), g == null || g(e);
+  }, X = (e) => {
+    d((a) => ({ ...a, select: e.select })), x == null || x(e);
+  }, Y = (e) => {
+    d((a) => ({ ...a, select: e.select })), f == null || f(e);
+  }, Z = (e) => {
+    d((a) => ({ ...a, detailExpand: e.detailExpand })), E == null || E(e);
+  }, $ = (e) => {
+    d((a) => ({ ...a, groupExpand: e.groupExpand })), s == null || s(e);
+  };
+  return /* @__PURE__ */ u.createElement(
+    I.Provider,
+    {
+      value: [
+        K,
+        L,
+        {
+          onEditChange: M,
+          onFilterChange: l && N,
+          onSearchChange: O,
+          onSortChange: c && Q,
+          onPageChange: i && U,
+          onGroupChange: h && V,
+          onDataStateChange: W,
+          onSelectionChange: X,
+          onHeaderSelectionChange: Y,
+          onDetailExpandChange: Z,
+          onGroupExpandChange: $
+        }
+      ]
+    },
+    J
+  );
+};
+export {
+  ee as GridClientStateProvider,
+  p as useGridState
+};

package/GridToolbar.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 i=require("react"),r=require("@progress/kendo-react-common");function s(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const b=s(i),l=o=>{const{size:e,className:t,ariaLabel:a,ariaControls:n,children:c}=o;return b.createElement("div",{className:r.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!e,[`k-toolbar-${r.kendoThemeMaps.sizeMap[e]||e}`]:e},t),"aria-label":a,"aria-controls":n,role:"toolbar"},c)};l.displayName="KendoReactGridToolbar";exports.GridToolbar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=require("@progress/kendo-react-common");function s(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const b=s(i),l=o=>{const{size:e,className:t,ariaLabel:a,ariaControls:n,children:c}=o;return b.createElement("div",{className:r.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!e,[`k-toolbar-${r.kendoThemeMaps.sizeMap[e]||e}`]:e},t),"aria-label":a,"aria-controls":n,role:"toolbar"},c)};l.displayName="KendoReactGridToolbar";exports.GridToolbar=l;

package/GridToolbar.mjs

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as s from "react";
-import { classNames as i, kendoThemeMaps as c } from "@progress/kendo-react-common";
-const m = (o) => {
+import { classNames as i, kendoThemeMaps as m } from "@progress/kendo-react-common";
+const b = (o) => {
   const { size: a, className: r, ariaLabel: e, ariaControls: l, children: t } = o;
   return /* @__PURE__ */ s.createElement(
     "div",
@@ -17,7 +16,7 @@ const m = (o) => {
         "k-toolbar k-grid-toolbar k-toolbar-solid",
         {
           "k-toolbar-md": !a,
-          [`k-toolbar-${c.sizeMap[a] || a}`]: a
+          [`k-toolbar-${m.sizeMap[a] || a}`]: a
         },
         r
       ),
@@ -28,7 +27,7 @@ const m = (o) => {
     t
   );
 };
-m.displayName = "KendoReactGridToolbar";
+b.displayName = "KendoReactGridToolbar";
 export {
-  m as GridToolbar
+  b as GridToolbar
 };

package/GridWatermarkOverlay.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),n=require("@progress/kendo-react-common"),c=require("./package-metadata.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=i(o),s=e=>n.shouldShowValidationUI(c.packageMetadata)&&l.createElement(n.WatermarkOverlay,null);exports.GridWatermarkOverlay=s;

package/{GridNoRecords.js → GridWatermarkOverlay.mjs}

@@ -5,4 +5,11 @@
  * 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("@progress/kendo-react-intl"),e=require("./messages/index.js"),o=r=>{const n=t.useLocalization();return r.children||n.toLanguageString(e.noRecords,e.messages[e.noRecords])};o.displayName="KendoReactGridNoRecords";exports.GridNoRecords=o;
+"use client";
+import * as r from "react";
+import { shouldShowValidationUI as a, WatermarkOverlay as e } from "@progress/kendo-react-common";
+import { packageMetadata as t } from "./package-metadata.mjs";
+const n = (o) => a(t) && /* @__PURE__ */ r.createElement(e, null);
+export {
+  n as GridWatermarkOverlay
+};

package/StatusBar.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 E=require("react"),h=require("@progress/kendo-react-common");function O(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>r[o]})}}return s.default=r,Object.freeze(s)}const l=O(E),b=r=>{const{data:s=[]}=r;return l.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},s.map((o,n)=>l.createElement("div",{key:n},l.createElement("span",{className:"k-selection-aggregates-item-text"},o.type,": "),l.createElement("span",{className:"k-selection-aggregates-item-value"},o.formattedValue))))};b.displayName="KendoReactGridStatusBar";const p=r=>{var o;const s=r.slice();for(let n=0;n<s.length;n++)for(;s[n]&&((o=s[n].children)!=null&&o.length);)s.splice(n,1,...s[n].children);return s},j=r=>{const{dataItems:s,target:o,selectedField:n}=r,y=p(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>h.getter(e)),S=h.getter(n),t={dates:[],numbers:[],booleans:[],others:[]},D=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};s.forEach(e=>{const a=S(e);a&&a.forEach(c=>{D(y[c](e))})});const u=t.dates.map(e=>e.getTime()),g=t.booleans.filter(e=>e).length,m=t.booleans.filter(e=>!e).length,i=t.numbers.length?t.numbers.reduce((e,a)=>e+=a,0):void 0,d={sum:i,average:typeof i=="number"?i/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:g>0?g:void 0,isFalse:m>0?m:void 0,earliest:t.dates.length?new Date(Math.min(...u)):void 0,latest:t.dates.length?new Date(Math.max(...u)):void 0},v=(e,a)=>(a==="sum"||a==="average")&&typeof e=="number"?e.toFixed(2):(a==="earliest"||a==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),f=[];return Object.keys(d).forEach(e=>{const a=e,c=d[a];c!==void 0&&f.push({type:a,value:c,formattedValue:v(c,a)})}),f};exports.StatusBar=b;exports.getStatusData=j;exports.leafColumns=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),u=require("@progress/kendo-react-common");function O(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>s[o]})}}return n.default=s,Object.freeze(n)}const c=O(E),b=s=>{const{data:n=[]}=s;return c.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},n.map((o,r)=>c.createElement("div",{key:r},c.createElement("span",{className:"k-selection-aggregates-item-text"},o.type,": "),c.createElement("span",{className:"k-selection-aggregates-item-value"},o.formattedValue))))};b.displayName="KendoReactGridStatusBar";const p=s=>{var o;const n=s.slice();for(let r=0;r<n.length;r++)for(;n[r]&&((o=n[r].children)!=null&&o.length);)n.splice(r,1,...n[r].children);return n},j=s=>{const{dataItems:n,target:o}=s,y=p(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>u.getter(e)),S="selectedField"in s?u.getter(s.selectedField):e=>s.select[u.getter(s.dataItemKey)(e)],t={dates:[],numbers:[],booleans:[],others:[]},D=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};n.forEach(e=>{const a=S(e);a&&a.forEach(l=>{D(y[l](e))})});const m=t.dates.map(e=>e.getTime()),d=t.booleans.filter(e=>e).length,g=t.booleans.filter(e=>!e).length,i=t.numbers.length?t.numbers.reduce((e,a)=>e+=a,0):void 0,f={sum:i,average:typeof i=="number"?i/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:d>0?d:void 0,isFalse:g>0?g:void 0,earliest:t.dates.length?new Date(Math.min(...m)):void 0,latest:t.dates.length?new Date(Math.max(...m)):void 0},v=(e,a)=>(a==="sum"||a==="average")&&typeof e=="number"?e.toFixed(2):(a==="earliest"||a==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),h=[];return Object.keys(f).forEach(e=>{const a=e,l=f[a];l!==void 0&&h.push({type:a,value:l,formattedValue:v(l,a)})}),h};exports.StatusBar=b;exports.getStatusData=j;exports.leafColumns=p;

package/StatusBar.mjs

@@ -5,25 +5,24 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as i from "react";
-import { getter as f } from "@progress/kendo-react-common";
-const x = (r) => {
-  const { data: n = [] } = r;
-  return /* @__PURE__ */ i.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, n.map((o, a) => /* @__PURE__ */ i.createElement("div", { key: a }, /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-text" }, o.type, ": "), /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-value" }, o.formattedValue))));
+import { getter as m } from "@progress/kendo-react-common";
+const x = (a) => {
+  const { data: n = [] } = a;
+  return /* @__PURE__ */ i.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, n.map((r, o) => /* @__PURE__ */ i.createElement("div", { key: o }, /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-text" }, r.type, ": "), /* @__PURE__ */ i.createElement("span", { className: "k-selection-aggregates-item-value" }, r.formattedValue))));
 };
 x.displayName = "KendoReactGridStatusBar";
-const D = (r) => {
-  var o;
-  const n = r.slice();
-  for (let a = 0; a < n.length; a++)
-    for (; n[a] && ((o = n[a].children) != null && o.length); )
-      n.splice(a, 1, ...n[a].children);
+const D = (a) => {
+  var r;
+  const n = a.slice();
+  for (let o = 0; o < n.length; o++)
+    for (; n[o] && ((r = n[o].children) != null && r.length); )
+      n.splice(o, 1, ...n[o].children);
   return n;
-}, N = (r) => {
-  const { dataItems: n, target: o, selectedField: a } = r, p = D(o.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
-    (e) => f(e)
-  ), b = f(a), t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
+}, v = (a) => {
+  const { dataItems: n, target: r } = a, p = D(r.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
+    (e) => m(e)
+  ), b = "selectedField" in a ? m(a.selectedField) : (e) => a.select[m(a.dataItemKey)(e)], t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
     typeof e == "number" ? t.numbers.push(e) : typeof e == "boolean" ? t.booleans.push(e) : e instanceof Date ? t.dates.push(e) : t.others.push(e);
   };
   n.forEach((e) => {
@@ -32,24 +31,24 @@ const D = (r) => {
       y(p[l](e));
     });
   });
-  const m = t.dates.map((e) => e.getTime()), g = t.booleans.filter((e) => e).length, d = t.booleans.filter((e) => !e).length, c = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, u = {
+  const d = t.dates.map((e) => e.getTime()), g = t.booleans.filter((e) => e).length, u = t.booleans.filter((e) => !e).length, c = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, h = {
     sum: c,
     average: typeof c == "number" ? c / t.numbers.length : void 0,
     min: t.numbers.length ? Math.min(...t.numbers) : void 0,
     max: t.numbers.length ? Math.max(...t.numbers) : void 0,
     count: t.numbers.length + t.booleans.length + t.dates.length + t.others.length,
     isTrue: g > 0 ? g : void 0,
-    isFalse: d > 0 ? d : void 0,
-    earliest: t.dates.length ? new Date(Math.min(...m)) : void 0,
-    latest: t.dates.length ? new Date(Math.max(...m)) : void 0
-  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), h = [];
-  return Object.keys(u).forEach((e) => {
-    const s = e, l = u[s];
-    l !== void 0 && h.push({ type: s, value: l, formattedValue: E(l, s) });
-  }), h;
+    isFalse: u > 0 ? u : void 0,
+    earliest: t.dates.length ? new Date(Math.min(...d)) : void 0,
+    latest: t.dates.length ? new Date(Math.max(...d)) : void 0
+  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), f = [];
+  return Object.keys(h).forEach((e) => {
+    const s = e, l = h[s];
+    l !== void 0 && f.push({ type: s, value: l, formattedValue: E(l, s) });
+  }), f;
 };
 export {
   x as StatusBar,
-  N as getStatusData,
+  v as getStatusData,
   D as leafColumns
 };

package/VirtualScroll.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 p=require("react");function g(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(i,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return i.default=r,Object.freeze(i)}const u=g(p);class f{constructor(i){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(u.version),this.topItems=(t,s)=>{if(!this.container||s)return{topItemsCount:0,topItemsHeight:0};const l=this.container.clientHeight,e=Math.ceil(l/t[0].line),n=Math.ceil((t.length-e)/2);let o=0;for(let a=0;a<n;a++)o+=t[a].line+t[a].acc;return{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:e+e/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,i&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var i;return(i=this.containerRef)==null?void 0:i.current}get rowHeights(){var l,e;const i=[],t=((l=this.tableBodyRef)==null?void 0:l.current)&&((e=this.tableBodyRef)==null?void 0:e.current.children)||[];let s=0;for(let n=0;n<t.length;n++){if(t[n].className.indexOf("k-grouping-row")>-1){s+=t[n].scrollHeight;continue}t[n].className.indexOf("k-detail-row")>-1?i[i.length-1].line+=t[n].scrollHeight:(i.push({line:t[n].scrollHeight,acc:s}),s=0)}return i}changePage(i,t){this.attendedSkip=i-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,i-this.topCacheCount),take:this.pageSize},t)}translate(i,t){this.tableTranslate=i,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+i+"px)":this.tableTransform="translateY("+i+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount),h=s-l;if(!(h>o||t.length<=a)){for(;e<this.topCacheCount+this.attendedSkip-this.realSkip+n&&this.propsSkip-e>0&&!(l+(t[t.length-1-e].line+t[t.length-1-e].acc)+h<=s);)l-=t[t.length-1-e].line+t[t.length-1-e].acc,e++;if(e===0&&this.topCacheCount===0&&this.attendedSkip>0&&(l=Math.max(l-t[0].line,0),e=1),this.propsSkip-e<=0&&l>s){this.translate(0),this.changePage(0,i),this.container.scrollTop=0;return}if(l>s&&(l=s),l!==this.tableTranslate){this.translate(Math.max(0,l-o));const c=Math.max(0,this.propsSkip-e-n);this.changePage(c,i)}}}localScrollDown(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount);for(;e<t.length-this.topCacheCount&&!(l+t[e].line+t[e].acc>s);)l+=t[e].line+t[e].acc,e++;n>this.propsSkip+e||t.length<=a||(e>=t.length-this.topCacheCount&&this.propsSkip+e>=this.total?(this.translate(l-o),this.changePage(this.total-1-n,i)):l!==this.tableTranslate&&this.propsSkip+e-n!==this.propsSkip&&(this.translate(l-o),this.changePage(this.propsSkip+e-n,i)))}scrollNonStrict(i){const t=this.total*this.prevScrollPos/this.containerHeight;let s=Math.floor(t);s>=this.total&&(s=this.total-1);const l=Math.min(t-s,1);let e=0;const n=s-this.propsSkip,o=this.rowHeights;n>=0&&n<=1?e=-((o[0].line+o[0].acc)*l):n===-1&&(e=-((o[o.length-1].line+o[o.length-1].acc)*l));const{topItemsCount:a,topItemsHeight:h}=this.topItems(o,!!this.topCacheCount);this.translate(Math.max(0,e-h-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(s-a,i)}scrollHandler(i){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table){this.scrollSyncing=!1;return}const t=this.container.scrollTop,s=this.prevScrollPos;if(this.prevScrollPos=t,this.askedSkip!==void 0){this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,i),this.prevScrollPos=t,this.askedSkip=void 0;return}t-s<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(i):t-s>0&&t<this.tableTranslate+this.table.scrollHeight*2/3?this.localScrollDown(i):this.scrollNonStrict(i),this.prevScrollPos=t}}exports.VirtualScroll=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");function g(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(i,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return i.default=r,Object.freeze(i)}const u=g(p);class f{constructor(i){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(u.version),this.topItems=(t,s)=>{if(!this.container||s)return{topItemsCount:0,topItemsHeight:0};const l=this.container.clientHeight,e=Math.ceil(l/t[0].line),n=Math.ceil((t.length-e)/2);let o=0;for(let a=0;a<n;a++)o+=t[a].line+t[a].acc;return{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:e+e/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,i&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var i;return(i=this.containerRef)==null?void 0:i.current}get rowHeights(){var l,e;const i=[],t=((l=this.tableBodyRef)==null?void 0:l.current)&&((e=this.tableBodyRef)==null?void 0:e.current.children)||[];let s=0;for(let n=0;n<t.length;n++){if(t[n].className.indexOf("k-grouping-row")>-1){s+=t[n].scrollHeight;continue}t[n].className.indexOf("k-detail-row")>-1?i[i.length-1].line+=t[n].scrollHeight:(i.push({line:t[n].scrollHeight,acc:s}),s=0)}return i}changePage(i,t){this.attendedSkip=i-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,i-this.topCacheCount),take:this.pageSize},t)}translate(i,t){this.tableTranslate=i,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+i+"px)":this.tableTransform="translateY("+i+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount),h=s-l;if(!(h>o||t.length<=a)){for(;e<this.topCacheCount+this.attendedSkip-this.realSkip+n&&this.propsSkip-e>0&&!(l+(t[t.length-1-e].line+t[t.length-1-e].acc)+h<=s);)l-=t[t.length-1-e].line+t[t.length-1-e].acc,e++;if(e===0&&this.topCacheCount===0&&this.attendedSkip>0&&(l=Math.max(l-t[0].line,0),e=1),this.propsSkip-e<=0&&l>s){this.translate(0),this.changePage(0,i),this.container.scrollTop=0;return}if(l>s&&(l=s),l!==this.tableTranslate){this.translate(Math.max(0,l-o));const c=Math.max(0,this.propsSkip-e-n);this.changePage(c,i)}}}localScrollDown(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount);for(;e<t.length-this.topCacheCount&&!(l+t[e].line+t[e].acc>s);)l+=t[e].line+t[e].acc,e++;n>this.propsSkip+e||t.length<=a||(e>=t.length-this.topCacheCount&&this.propsSkip+e>=this.total?(this.translate(l-o),this.changePage(this.total-1-n,i)):l!==this.tableTranslate&&this.propsSkip+e-n!==this.propsSkip&&(this.translate(l-o),this.changePage(this.propsSkip+e-n,i)))}scrollNonStrict(i){const t=this.total*this.prevScrollPos/this.containerHeight;let s=Math.floor(t);s>=this.total&&(s=this.total-1);const l=Math.min(t-s,1);let e=0;const n=s-this.propsSkip,o=this.rowHeights;n>=0&&n<=1?e=-((o[0].line+o[0].acc)*l):n===-1&&(e=-((o[o.length-1].line+o[o.length-1].acc)*l));const{topItemsCount:a,topItemsHeight:h}=this.topItems(o,!!this.topCacheCount);this.translate(Math.max(0,e-h-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(s-a,i)}scrollHandler(i){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table){this.scrollSyncing=!1;return}const t=this.container.scrollTop,s=this.prevScrollPos;if(this.prevScrollPos=t,this.askedSkip!==void 0){this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,i),this.prevScrollPos=t,this.askedSkip=void 0;return}t-s<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(i):t-s>0&&t<this.tableTranslate+this.table.scrollHeight*2/3?this.localScrollDown(i):this.scrollNonStrict(i),this.prevScrollPos=t}}exports.VirtualScroll=f;

package/VirtualScroll.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as c from "react";
 class g {
   constructor(i) {

package/VirtualScrollFixed.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 d=require("react"),g=require("./utils/index.js");function u(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const p=u(d);class S{constructor(t){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(p.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){var t;return((t=this.containerRef)==null?void 0:t.current)||void 0}translate(t,e){this.scrollableVirtual&&this.table&&(g.firefox||this.reactVersion<=17||e?this.table.style.transform="translateY("+t+"px)":this.tableTransform="translateY("+t+"px)")}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(t){var o;if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!((o=this.containerRef)!=null&&o.current))return;if(this.scrollSyncing){this.scrollSyncing=!1;return}const e=this.container.scrollTop,a=this.lastScrollTop>=e,n=!a;this.lastScrollTop=e;let i=this.rowHeightService.index(e),l=this.rowHeightService.offset(i);const{offsetHeight:h}=this.containerRef.current,c=this.rowHeightService.index(e+h);if(n&&c>=this.lastLoaded&&this.lastLoaded<this.total){const r=i+this.pageSize-this.total;r>0&&(i=i-r,l=this.rowHeightService.offset(i)),this.firstLoaded=i,this.translate(l);const f=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(f,this.total),this.changePage(this.firstLoaded,t)}else if(a&&i<this.firstLoaded){const r=Math.floor(this.pageSize*.3);this.firstLoaded=Math.max(i-r,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,t)}}}exports.VirtualScrollFixed=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),g=require("./utils/index.js");function u(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const p=u(d);class S{constructor(t){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(p.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){var t;return((t=this.containerRef)==null?void 0:t.current)||void 0}translate(t,e){this.scrollableVirtual&&this.table&&(g.firefox||this.reactVersion<=17||e?this.table.style.transform="translateY("+t+"px)":this.tableTransform="translateY("+t+"px)")}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(t){var l;if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!((l=this.containerRef)!=null&&l.current))return;if(this.scrollSyncing){this.scrollSyncing=!1;return}const e=this.container.scrollTop,a=this.lastScrollTop>=e,h=!a;this.lastScrollTop=e;let i=this.rowHeightService.index(e),o=this.rowHeightService.offset(i);const{offsetHeight:n}=this.containerRef.current,c=this.rowHeightService.index(e+n);if(h&&c>=this.lastLoaded&&this.lastLoaded<this.total){const r=i+this.pageSize-this.total;r>0&&(i=i-r,o=this.rowHeightService.offset(i)),this.firstLoaded=i,this.translate(o);const f=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(f,this.total),this.changePage(this.firstLoaded,t)}else if(a&&i<this.firstLoaded){const r=Math.floor(this.pageSize*.3);this.firstLoaded=Math.max(i-r,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,t)}}}exports.VirtualScrollFixed=S;

package/VirtualScrollFixed.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as f from "react";
 import { firefox as d } from "./utils/index.mjs";
 class S {
@@ -33,18 +32,18 @@ class S {
       this.scrollSyncing = !1;
       return;
     }
-    const i = this.container.scrollTop, a = this.lastScrollTop >= i, l = !a;
+    const i = this.container.scrollTop, a = this.lastScrollTop >= i, o = !a;
     this.lastScrollTop = i;
-    let e = this.rowHeightService.index(i), r = this.rowHeightService.offset(e);
-    const { offsetHeight: o } = this.containerRef.current, n = this.rowHeightService.index(i + o);
-    if (l && n >= this.lastLoaded && this.lastLoaded < this.total) {
-      const s = e + this.pageSize - this.total;
-      s > 0 && (e = e - s, r = this.rowHeightService.offset(e)), this.firstLoaded = e, this.translate(r);
+    let s = this.rowHeightService.index(i), r = this.rowHeightService.offset(s);
+    const { offsetHeight: l } = this.containerRef.current, n = this.rowHeightService.index(i + l);
+    if (o && n >= this.lastLoaded && this.lastLoaded < this.total) {
+      const e = s + this.pageSize - this.total;
+      e > 0 && (s = s - e, r = this.rowHeightService.offset(s)), this.firstLoaded = s, this.translate(r);
       const c = this.firstLoaded + this.pageSize;
       this.lastLoaded = Math.min(c, this.total), this.changePage(this.firstLoaded, t);
-    } else if (a && e < this.firstLoaded) {
-      const s = Math.floor(this.pageSize * 0.3);
-      this.firstLoaded = Math.max(e - s, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
+    } else if (a && s < this.firstLoaded) {
+      const e = Math.floor(this.pageSize * 0.3);
+      this.firstLoaded = Math.max(s - e, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
     }
   }
 }

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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),s=require("../utils/index.js"),y=require("../constants/index.js"),m=require("./client/GridCellContainer.js"),f=require("@progress/kendo-react-common");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=S(g),G=e=>{let n=null,t=null,l=null;const r=e.unstyled,C=r&&r.uGrid?r.uGrid:f.uGrid;if(e.rowType==="groupFooter")t={className:e.className},n=c.createElement("td",{...t},l);else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=s.getNestedValue(e.field,e.dataItem);i!=null&&(l=e.intl&&e.format?e.intl.format(e.format,i):i.toString())}const a=f.classNames(C.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);t={colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[y.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},n=c.createElement("td",{...t},l)}const d=s.getClientCellProps(e),u=e.rowType||"data",o=e.cells;if(o&&o[u]){const a=o[u],i=s.isClientReference(a);return c.createElement(m.GridCellContainer,{cellProps:d,tdProps:t,isCustom:!0,isClient:i},c.createElement(a,{...d,tdProps:t},l))}return c.createElement(m.GridCellContainer,{cellProps:d,content:l,tdProps:t},n)};exports.GridCell=G;

package/cells/GridCell.mjs

@@ -5,56 +5,44 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as i from "react";
-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 = 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;
+import { getNestedValue as f, getClientCellProps as C, isClientReference as g } from "../utils/index.mjs";
+import { GRID_COL_INDEX_ATTRIBUTE as y } from "../constants/index.mjs";
+import { GridCellContainer as s } from "./client/GridCellContainer.mjs";
+import { uGrid as E, classNames as N } from "@progress/kendo-react-common";
+const R = (e) => {
+  let c = null, t = null, n = null;
+  const d = e.unstyled, u = d && d.uGrid ? d.uGrid : E;
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: u,
-      className: e.className,
-      ...m
-    }, n = /* @__PURE__ */ i.createElement("td", { ...t });
+      className: e.className
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
-      const a = C(e.field, e.dataItem);
-      a != null && (c = e.format ? f.format(e.format, a) : a.toString());
+      const l = f(e.field, e.dataItem);
+      l != null && (n = e.intl && e.format ? e.intl.format(e.format, l) : l.toString());
     }
-    const l = T(
-      s.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    const a = N(
+      u.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
       e.className
     );
     t = {
-      onContextMenu: u,
       colSpan: e.colSpan,
       style: e.style,
-      className: l,
+      className: a,
       role: "gridcell",
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
-      [I]: e.columnIndex,
-      ...m
-    }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
+      [y]: e.columnIndex
+    }, c = /* @__PURE__ */ i.createElement("td", { ...t }, n);
   }
-  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);
+  const r = C(e), o = e.rowType || "data", m = e.cells;
+  if (m && m[o]) {
+    const a = m[o], l = g(a);
+    return /* @__PURE__ */ i.createElement(s, { cellProps: r, tdProps: t, isCustom: !0, isClient: l }, /* @__PURE__ */ i.createElement(a, { ...r, tdProps: t }, n));
   }
-  return e.render ? e.render.call(void 0, n, e) : n;
+  return /* @__PURE__ */ i.createElement(s, { cellProps: r, content: n, tdProps: t }, c);
 };
 export {
-  w as GridCell
+  R 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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("./client/DetailCellContainer.js");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=m(s),f=e=>{const{colSpan:a,ariaColIndex:t,dataItem:n,dataIndex:i,id:o}=e,l=e.unstyled,d=l&&l.uGrid?l.uGrid:c.uGrid;return r.createElement(u.DetailCellContainer,{id:o,dataItem:n},r.createElement("td",{className:c.classNames(d.detailTd({})),colSpan:a,"aria-colindex":t,role:"gridcell"},r.createElement(e.detail,{dataItem:n,dataIndex:i})))};exports.GridDetailCell=f;

package/cells/GridDetailCell.mjs

@@ -5,30 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-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__ */ a.createElement(
+import { uGrid as c, classNames as s } from "@progress/kendo-react-common";
+import { DetailCellContainer as m } from "./client/DetailCellContainer.mjs";
+const x = (e) => {
+  const { colSpan: r, ariaColIndex: d, dataItem: l, dataIndex: i, id: n } = e, t = e.unstyled, o = t && t.uGrid ? t.uGrid : c;
+  return /* @__PURE__ */ a.createElement(m, { id: n, dataItem: l }, /* @__PURE__ */ a.createElement(
     "td",
     {
-      onContextMenu: s,
-      className: I(r.detailTd({})),
-      colSpan: n,
-      "aria-colindex": i,
-      role: "gridcell",
-      ...c
+      className: s(o.detailTd({})),
+      colSpan: r,
+      "aria-colindex": d,
+      role: "gridcell"
     },
-    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: o })
-  );
+    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: i })
+  ));
 };
 export {
-  g as GridDetailCell
+  x 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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-react-common"),a=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(a),i=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return o.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=i;

package/cells/GridDetailHierarchyCell.mjs

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