@progress/kendo-react-grid 9.4.0-develop.6 → 9.4.0-develop.8

package/GridComponent.mjs

@@ -5,58 +5,57 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as l from "react";
-import { validatePackage as ot, uGrid as dt, getter as N, classNames as m, canUseDOM as ct } from "@progress/kendo-react-common";
-import { process as st } from "@progress/kendo-data-query";
-import { getDetailExpandableOptions as mt, getGroupExpandableOptions as ut, getSelectionOptions as ft, tableKeyboardNavigationTools as q, Pager as gt, tableKeyboardNavigationBodyAttributes as bt, tableKeyboardNavigationScopeAttributes as ke, tableColumnsVirtualization as yt } from "@progress/kendo-react-data-tools";
-import { GridSelectionCell as Ct } from "./cells/GridSelectionCell.mjs";
-import { GridHierarchyCell as ht } from "./cells/GridHierarchyCell.mjs";
-import { GridEditCell as wt } from "./cells/GridEditCell.mjs";
-import { Header as Et } from "./header/Header.mjs";
-import { HeaderRow as It } from "./header/HeaderRow.mjs";
-import { FilterRow as Rt } from "./header/FilterRow.mjs";
-import { GroupPanel as xt } from "./header/GroupPanel.mjs";
-import { Footer as vt } from "./footer/Footer.mjs";
-import { getColumnWidth as p, isSorted as Ne, flatData as St, autoGenerateColumns as Gt, mapColumns as kt, clientColumn as Nt, getNestedValue as Fe, getColSpan as De, resolveCells as Ft, isClientReference as Dt, sanitizeColumns as Tt, readColumns as Kt } from "./utils/index.mjs";
-import { GridCell as Ht } from "./cells/GridCell.mjs";
+import { validatePackage as dt, uGrid as ct, getter as N, classNames as m, canUseDOM as st } from "@progress/kendo-react-common";
+import { process as mt } from "@progress/kendo-data-query";
+import { getDetailExpandableOptions as ut, getGroupExpandableOptions as ft, getSelectionOptions as gt, tableKeyboardNavigationTools as q, Pager as bt, tableKeyboardNavigationBodyAttributes as yt, tableKeyboardNavigationScopeAttributes as ke, tableColumnsVirtualization as Ct } from "@progress/kendo-react-data-tools";
+import { GridSelectionCell as ht } from "./cells/GridSelectionCell.mjs";
+import { GridHierarchyCell as wt } from "./cells/GridHierarchyCell.mjs";
+import { GridEditCell as Et } from "./cells/GridEditCell.mjs";
+import { Header as It } from "./header/Header.mjs";
+import { HeaderRow as Rt } from "./header/HeaderRow.mjs";
+import { FilterRow as xt } from "./header/FilterRow.mjs";
+import { GroupPanel as vt } from "./header/GroupPanel.mjs";
+import { Footer as St } from "./footer/Footer.mjs";
+import { getColumnWidth as p, isSorted as Ne, flatData as Gt, autoGenerateColumns as kt, mapColumns as Nt, clientColumn as Ft, getNestedValue as Fe, getColSpan as De, resolveCells as Dt, isClientReference as Tt, sanitizeColumns as Kt, readColumns as Ht } from "./utils/index.mjs";
+import { GridCell as At } from "./cells/GridCell.mjs";
 import { GridGroupCell as Te } from "./cells/GridGroupCell.mjs";
-import { GridRow as At } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as Pt } from "./header/GridHeaderSelectionCell.mjs";
+import { GridRow as Pt } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as Bt } from "./header/GridHeaderSelectionCell.mjs";
 import { GridNoRecords as Ke } from "./components/noRecords/GridNoRecords.mjs";
 import { operators as He } from "./filterCommon.mjs";
-import { FooterRow as Bt } from "./footer/FooterRow.mjs";
-import { normalize as Vt } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as zt } from "./package-metadata.mjs";
-import { GridDetailCell as Ot } from "./cells/GridDetailCell.mjs";
-import { GridDetailHierarchyCell as _t } from "./cells/GridDetailHierarchyCell.mjs";
+import { FooterRow as Vt } from "./footer/FooterRow.mjs";
+import { normalize as zt } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as Ot } from "./package-metadata.mjs";
+import { GridDetailCell as _t } from "./cells/GridDetailCell.mjs";
+import { GridDetailHierarchyCell as Lt } from "./cells/GridDetailHierarchyCell.mjs";
 import { GridNoRecordsContainer as Ae } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridWatermarkOverlay as Lt } from "./GridWatermarkOverlay.mjs";
+import { GridWatermarkOverlay as Mt } from "./GridWatermarkOverlay.mjs";
 import { GridClientWrapper as Pe } from "./GridClientWrapper.mjs";
-import { GridColGroup as Mt } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as Wt } from "./components/table/GridTable.mjs";
+import { GridColGroup as Wt } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as jt } from "./components/table/GridTable.mjs";
 import { GridDropClue as Be } from "./components/GridDropClue.mjs";
 import { GridDragClue as Ve } from "./components/GridDragClue.mjs";
 import { GridTableBody as ze } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as jt } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as $t } from "./components/table/GridTableScrollable.mjs";
+import { PagerContainer as $t } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as Ut } from "./components/table/GridTableScrollable.mjs";
 import { GridElementContainer as Oe } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as Ut } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as Jt } from "./components/VirtualScrollHeightContainer.mjs";
-import { LocalizationService as Qt } from "@progress/kendo-react-intl";
-import { gridAriaLabel as _e, messages as Xt } from "./messages/index.mjs";
-import { VirtualScrollFixed as W } from "./VirtualScrollFixed.mjs";
-import { VirtualScroll as Yt } from "./VirtualScroll.mjs";
-import { GridCustomCellClientContainer as Zt } from "./components/GridCustomCellClientContainer.mjs";
-import { GridReorderableRowsContainer as qt } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as pt } from "./cells/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as el } from "./header/client/GridHeaderRowReorderCell.mjs";
-const tl = l.forwardRef((e, ee) => {
+import { GridContainerElementContainer as Jt } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as Qt } from "./components/VirtualScrollHeightContainer.mjs";
+import { LocalizationService as Xt, IntlService as Yt } from "@progress/kendo-react-intl";
+import { gridAriaLabel as _e, messages as Zt } from "./messages/index.mjs";
+import { VirtualScrollFixed as j } from "./VirtualScrollFixed.mjs";
+import { VirtualScroll as qt } from "./VirtualScroll.mjs";
+import { GridCustomCellClientContainer as pt } from "./components/GridCustomCellClientContainer.mjs";
+import { GridReorderableRowsContainer as el } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as tl } from "./cells/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as ll } from "./header/client/GridHeaderRowReorderCell.mjs";
+const al = l.forwardRef((e, ee) => {
   var we, Ee, Ie, Re, xe, ve, Se;
   const R = e.id + "-role-element-id", x = e.navigatable ? R : "";
-  ot(zt);
+  dt(Ot);
   const Le = (t, r, o, d, i, a, c) => {
-    const f = [], g = St(
+    const f = [], g = Gt(
       f,
       h,
       t,
@@ -65,19 +64,19 @@ const tl = l.forwardRef((e, ee) => {
       d,
       i,
       a,
-      Ye.defaultExpand,
+      Ze.defaultExpand,
       c
     );
     return { flattedData: f, resolvedGroupsCount: g };
   }, Me = (t) => {
     const r = t.filter(
       (i) => i && i.type && i.type.displayName === "KendoReactGridColumn"
-    ), o = u.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), d = Tt(o);
-    return Kt(r, d, { prevId: 0, idPrefix: x });
-  }, We = (t) => t.filter((r) => ct && r && r.media ? window.matchMedia(r.media).matches : r), je = (t, r) => {
+    ), o = u.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), d = Kt(o);
+    return Ht(r, d, { prevId: 0, idPrefix: x });
+  }, We = (t) => t.filter((r) => st && r && r.media ? window.matchMedia(r.media).matches : r), je = (t, r) => {
     var i;
     const o = Me(t), d = We(o);
-    u.current = d, u.current.length === 0 && (u.current = Gt(
+    u.current = d, u.current.length === 0 && (u.current = kt(
       h,
       e.group,
       {
@@ -87,13 +86,13 @@ const tl = l.forwardRef((e, ee) => {
         prevId: 0,
         idPrefix: x
       }
-    )), $e(u.current, r), v = kt(u.current, !0), le.current = u.current.map(Nt);
+    )), $e(u.current, r), v = Nt(u.current, !0), le.current = u.current.map(Ft);
   }, $e = (t, r) => {
     var i;
     t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || Ct, a._type = "edit", a.headerCell = a.headerCell || Pt;
+      a.width = a.width || "50px", a.cell = a.cell || ht, a._type = "edit", a.headerCell = a.headerCell || Bt;
     }), G !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || pt, a.headerCell = a.headerCell || el, a.sortable = !1, a.filterable = !1, a.editable = !1;
+      a.width = a.width || "50px", a.cell = a.cell || tl, a.headerCell = a.headerCell || ll, a.sortable = !1, a.filterable = !1, a.editable = !1;
     });
     const o = {
       id: "",
@@ -119,7 +118,7 @@ const tl = l.forwardRef((e, ee) => {
     (e.expandField || T.enabled) && e.detail && (t.unshift({
       ...o,
       _type: "expand",
-      cell: ht,
+      cell: wt,
       field: (i = T.column) != null ? i : e.expandField,
       headerClassName: m(s.hierarchyCell({}))
     }), d++);
@@ -134,18 +133,18 @@ const tl = l.forwardRef((e, ee) => {
     t.slice(d).forEach((a) => a.parentIndex >= 0 && (a.parentIndex += d));
   }, te = () => h.length === e.total, Ue = () => {
     const { rowHeight: t, detailRowHeight: r, detail: o, expandField: d } = e, i = te(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
-    return !a || D && !i || !!(o && d) && (!c || !i) ? Yt : W;
-  }, j = () => e.isClient ? u : le, Je = (t, r, o, d, i, a) => {
+    return !a || D && !i || !!(o && d) && (!c || !i) ? qt : j;
+  }, $ = () => e.isClient ? u : le, Je = (t, r, o, d, i, a) => {
     let c = De(t, r);
     if (e.columnVirtualization && t.colSpan === 1)
       return { colSpan: a, colsToSkip: i };
     let f = o.length - 1 === d, g = o.length - d;
     return e.columnVirtualization && (f = y.length - 1 === d, g = y.length - d), c > 1 && !f ? i = c - 1 : c = 1, g <= c && !f && (c = g), { colSpan: c, colsToSkip: i };
   };
-  let $, b = [], V;
+  let U, b = [], V;
   const u = e.columnsRef || { current: [] }, le = { current: [] };
   let v = [[]];
-  const Qe = e.scrollLeftRef || { current: 0 }, U = e.localization || new Qt(), S = e.unstyled, s = S && S.uGrid ? S.uGrid : dt, G = typeof e.rowReorderable == "object" ? e.rowReorderable.enabled : e.rowReorderable, F = e.autoProcessData === !0 ? {
+  const Qe = e.scrollLeftRef || { current: 0 }, z = e.localization || new Xt(), Xe = e.intl || new Yt("en"), S = e.unstyled, s = S && S.uGrid ? S.uGrid : ct, G = typeof e.rowReorderable == "object" ? e.rowReorderable.enabled : e.rowReorderable, F = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -153,7 +152,7 @@ const tl = l.forwardRef((e, ee) => {
   } : e.autoProcessData;
   let h, I;
   if (Array.isArray(e.data) ? (h = e.data, I = (we = e.total) != null ? we : h.length) : (h = ((Ee = e.data) == null ? void 0 : Ee.data) || [], I = (xe = (Re = e.total) != null ? Re : (Ie = e.data) == null ? void 0 : Ie.total) != null ? xe : h.length), F) {
-    const { data: t, total: r } = st(h, {
+    const { data: t, total: r } = mt(h, {
       group: F.group ? e.group : void 0,
       sort: F.sort ? e.sort : void 0,
       filter: F.filter ? e.filter : void 0,
@@ -164,10 +163,10 @@ const tl = l.forwardRef((e, ee) => {
     });
     h = t, I = (ve = e.total) != null ? ve : r;
   }
-  const { size: w = "medium" } = e, Xe = typeof e.groupable == "object" && e.groupable.footer || "none", k = e.scrollable === "virtual", D = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, T = mt(!!e.detail), Ye = ut(
+  const { size: w = "medium" } = e, Ye = typeof e.groupable == "object" && e.groupable.footer || "none", k = e.scrollable === "virtual", D = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, T = ut(!!e.detail), Ze = ft(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), { resolvedGroupsCount: Ze, flattedData: qe } = Le(
-    Xe,
+  ), { resolvedGroupsCount: qe, flattedData: pe } = Le(
+    Ye,
     e.skip || 0,
     e.group,
     e.expandField,
@@ -175,24 +174,24 @@ const tl = l.forwardRef((e, ee) => {
     e.groupExpand,
     e.dataItemKey
   );
-  b = qe;
+  b = pe;
   const J = Ue();
-  J === W && te() && (V = b.slice(
+  J === j && te() && (V = b.slice(
     e.skip || 0,
     (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
   ));
-  const ae = ft(e.selectable || !!e.selectedField), pe = ae && ae.drag ? "none" : void 0, z = l.Children.toArray(e.children);
-  je(z, Ze);
-  const re = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: R }) : null), O = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ne = z.filter(
+  const ae = gt(e.selectable || !!e.selectedField), et = ae && ae.drag ? "none" : void 0, O = l.Children.toArray(e.children);
+  je(O, qe);
+  const re = O.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: R }) : null), _ = O.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ne = O.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), y = u.current.filter((t) => t.children.length === 0), ie = D && /* @__PURE__ */ l.createElement(xt, { columns: j().current, group: e.group || [], ariaControls: R }), oe = /* @__PURE__ */ l.createElement(
-    Et,
+  ), y = u.current.filter((t) => t.children.length === 0), ie = D && /* @__PURE__ */ l.createElement(vt, { columns: $().current, group: e.group || [], ariaControls: R }), oe = /* @__PURE__ */ l.createElement(
+    It,
     {
       size: w,
       staticHeaders: e.scrollable !== "none",
       draggable: e.reorderable || D,
       headerRow: /* @__PURE__ */ l.createElement(
-        It,
+        Rt,
         {
           cells: e.cells,
           sort: e.sort,
@@ -208,7 +207,7 @@ const tl = l.forwardRef((e, ee) => {
           columnsMap: v,
           cellRender: e.headerCellRender,
           navigatable: !!e.navigatable,
-          localization: U,
+          localization: z,
           unstyled: S,
           headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
             (t) => e.select && e.dataItemKey && N(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[N(e.dataItemKey)(t.dataItem)] : void 0
@@ -216,7 +215,7 @@ const tl = l.forwardRef((e, ee) => {
         }
       ),
       filterRow: e.filterable && /* @__PURE__ */ l.createElement(
-        Rt,
+        xt,
         {
           cells: e.cells,
           size: w,
@@ -227,20 +226,20 @@ const tl = l.forwardRef((e, ee) => {
           cellRender: e.filterCellRender,
           navigatable: !!e.navigatable,
           ariaRowIndex: v.length + 1,
-          localization: U
+          localization: z
         }
       ) || void 0,
       cols: y.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: p(t) }))
     }
-  ), et = Qe.current || 0, tt = parseFloat(((e.style || {}).width || "").toString()), lt = (t, r, o, d) => {
+  ), tt = Qe.current || 0, lt = parseFloat(((e.style || {}).width || "").toString()), at = (t, r, o, d) => {
     let i = !1;
     const a = e.selectedField ? Fe(e.selectedField, t.dataItem) : e.select && e.dataItemKey && N(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[N(e.dataItemKey)(t.dataItem)] : void 0;
     let c = 0;
-    const { colSpans: f, hiddenColumns: g } = yt({
+    const { colSpans: f, hiddenColumns: g } = Ct({
       enabled: e.columnVirtualization,
       columns: y,
-      tableViewPortWidth: tt,
-      scrollLeft: et,
+      tableViewPortWidth: lt,
+      scrollLeft: tt,
       getColSpan: De,
       dataItem: t.dataItem
     }), E = y.filter((n, C) => !g[C]);
@@ -259,18 +258,18 @@ const tl = l.forwardRef((e, ee) => {
           f[C]
         );
         c = A;
-        const L = n.id ? n.id : C, M = m(s.contentSticky({ locked: n.locked }), n.className), nt = n.left !== void 0 ? { left: n.left, right: n.right } : {};
+        const M = n.id ? n.id : C, W = m(s.contentSticky({ locked: n.locked }), n.className), it = n.left !== void 0 ? { left: n.left, right: n.right } : {};
         let Ge = !1;
         if (n.editable && (e.editable || e.editField)) {
           const B = e.editField ? Fe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[N(e.dataItemKey)(t.dataItem)] : void 0, Z = typeof B == "boolean" ? B : Array.isArray(B) ? B.indexOf(n.field) > -1 : n.field !== void 0 && B === n.field;
           Z && n.columnType === "data" && (Z === !0 || Z === n.field) && (i = !0, Ge = !0);
         }
-        const Y = n.cell || Ge && wt || Ht, it = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
+        const Y = n.cell || Ge && Et || At, ot = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
           locked: e.lockGroups,
           id: q.generateNavigatableId(
             `${r}-${String(C)}`,
             x,
-            it || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
+            ot || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
           ),
           colSpan: H,
           dataItem: t.dataItem,
@@ -279,9 +278,9 @@ const tl = l.forwardRef((e, ee) => {
           format: n.format,
           columnType: n.columnType,
           rowReorderable: G,
-          className: M,
+          className: W,
           render: e.cellRender,
-          cells: Ft(e.cells, n.cells),
+          cells: Dt(e.cells, n.cells),
           columnIndex: C,
           columnsCount: y.length,
           rowType: t.rowType,
@@ -289,7 +288,7 @@ const tl = l.forwardRef((e, ee) => {
           expanded: t.expanded,
           dataIndex: t.dataIndex,
           rowDataIndex: o,
-          columnPosition: nt,
+          columnPosition: it,
           style: {},
           ariaColumnIndex: n.ariaColumnIndex,
           isSelected: (n == null ? void 0 : n._type) === "edit" ? a : Array.isArray(a) && a.indexOf(C) > -1,
@@ -297,27 +296,29 @@ const tl = l.forwardRef((e, ee) => {
           isInEdit: i,
           isAlt: d,
           unstyled: S,
-          group: t.group
+          group: t.group,
+          localization: z,
+          intl: Xe
         };
         return n.cell ? /* @__PURE__ */ l.createElement(
-          Zt,
+          pt,
           {
-            key: L,
-            isClient: Dt(Y),
+            key: M,
+            isClient: Tt(Y),
             dataItem: P.dataItem,
             rowDataIndex: P.rowDataIndex,
             columnIndex: P.columnIndex
           },
           /* @__PURE__ */ l.createElement(Y, { ...P })
-        ) : /* @__PURE__ */ l.createElement(Y, { key: L, ...P });
+        ) : /* @__PURE__ */ l.createElement(Y, { key: M, ...P });
       }),
       isInEdit: i,
       isSelected: typeof a == "boolean" && a
     };
   };
   let de = 0;
-  if (k && $)
-    for (let t = 0; t < $.topCacheCount + $.attendedSkip - (e.skip || 0); t++) {
+  if (k && U)
+    for (let t = 0; t < U.topCacheCount + U.attendedSkip - (e.skip || 0); t++) {
       const r = b.shift();
       if (r)
         b.push(r), de++, r.rowType === "groupHeader" && t--;
@@ -332,10 +333,10 @@ const tl = l.forwardRef((e, ee) => {
     let t = -1, r = 0;
     (V || b).forEach((o, d) => {
       o.rowType === "data" && (se++, t++);
-      const i = se % 2 === 0, a = e.dataItemKey && N(e.dataItemKey)(o.dataItem), c = d + (e.skip || 0), f = a || "ai" + c, g = f + "_1", E = lt(o, f, t, i);
+      const i = se % 2 === 0, a = e.dataItemKey && N(e.dataItemKey)(o.dataItem), c = d + (e.skip || 0), f = a || "ai" + c, g = f + "_1", E = at(o, f, t, i);
       if (K = c + ue + r, Q.push(
         /* @__PURE__ */ l.createElement(
-          At,
+          Pt,
           {
             key: f,
             dataItem: o.dataItem,
@@ -372,8 +373,8 @@ const tl = l.forwardRef((e, ee) => {
               "aria-rowindex": K
             },
             e.group && e.group.map((C, H) => {
-              var M;
-              const A = (M = E == null ? void 0 : E.row[H]) == null ? void 0 : M.props.style, L = A ? { left: A.left, right: A.right } : {};
+              var W;
+              const A = (W = E == null ? void 0 : E.row[H]) == null ? void 0 : W.props.style, M = A ? { left: A.left, right: A.right } : {};
               return /* @__PURE__ */ l.createElement(
                 Te,
                 {
@@ -382,7 +383,7 @@ const tl = l.forwardRef((e, ee) => {
                   field: C.field,
                   dataItem: o.dataItem,
                   key: H,
-                  columnPosition: L,
+                  columnPosition: M,
                   style: {},
                   ariaColumnIndex: 1 + H,
                   isSelected: !1,
@@ -393,14 +394,14 @@ const tl = l.forwardRef((e, ee) => {
               );
             }),
             (e.expandField || T.enabled) && /* @__PURE__ */ l.createElement(
-              _t,
+              Lt,
               {
                 unstyled: S,
                 id: q.generateNavigatableId(`${g}-dhcell`, x)
               }
             ),
             /* @__PURE__ */ l.createElement(
-              Ot,
+              _t,
               {
                 dataItem: o.dataItem,
                 dataIndex: o.dataIndex,
@@ -420,17 +421,17 @@ const tl = l.forwardRef((e, ee) => {
     total: I,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...Vt(e.pageable || {})
-  }, ge = /* @__PURE__ */ l.createElement(jt, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...fe }) : /* @__PURE__ */ l.createElement(gt, { className: m(s.pager({})), ...fe })), at = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: p(t) }), rt = (Se = e.cells) != null && Se.footerCell || u.current.some((t) => {
+    ...zt(e.pageable || {})
+  }, ge = /* @__PURE__ */ l.createElement($t, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...fe }) : /* @__PURE__ */ l.createElement(bt, { className: m(s.pager({})), ...fe })), rt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: p(t) }), nt = (Se = e.cells) != null && Se.footerCell || u.current.some((t) => {
     var r;
     return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
-    vt,
+    St,
     {
       size: w,
       staticHeaders: e.scrollable !== "none",
       row: /* @__PURE__ */ l.createElement(
-        Bt,
+        Vt,
         {
           cells: e.cells,
           idPrefix: x,
@@ -438,27 +439,27 @@ const tl = l.forwardRef((e, ee) => {
           ariaRowIndex: K + 1
         }
       ),
-      cols: y.map(at)
+      cols: y.map(rt)
     }
-  ) : null, be = /* @__PURE__ */ l.createElement(Mt, null, y.map((t, r) => /* @__PURE__ */ l.createElement(
+  ) : null, be = /* @__PURE__ */ l.createElement(Wt, null, y.map((t, r) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: r.toString(),
       className: Ne(t.field, e.sort) ? m(s.sorted({})) : void 0,
       width: p(t)
     }
-  ))), ye = e.reorderable || D, { detail: ll, cells: al, ...Ce } = e, he = /* @__PURE__ */ l.createElement(
+  ))), ye = e.reorderable || D, { detail: rl, cells: nl, ...Ce } = e, he = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
       className: m(s.tbody({})),
-      ...bt
+      ...yt
     },
     Q
   );
   let X = he;
   if (G && (X = /* @__PURE__ */ l.createElement(
-    qt,
+    el,
     {
       unstyled: s,
       columns: u.current,
@@ -471,11 +472,11 @@ const tl = l.forwardRef((e, ee) => {
       {
         gridRef: ee,
         gridProps: Ce,
-        columnsRef: j(),
+        columnsRef: $(),
         columnsMapRef: v,
         dataRef: b,
         slicedData: V,
-        isFixedVirtualScroll: J === W,
+        isFixedVirtualScroll: J === j,
         id: R,
         total: I,
         detailExpandable: !!e.detail
@@ -492,7 +493,7 @@ const tl = l.forwardRef((e, ee) => {
         re,
         ie,
         /* @__PURE__ */ l.createElement(
-          Wt,
+          jt,
           {
             selectable: e.selectable,
             className: m(s.table({ size: w }))
@@ -501,23 +502,23 @@ const tl = l.forwardRef((e, ee) => {
           oe,
           /* @__PURE__ */ l.createElement(ze, { rowReorderable: G }, X)
         ),
-        me && /* @__PURE__ */ l.createElement(Ae, null, O.length ? O : /* @__PURE__ */ l.createElement(Ke, null)),
+        me && /* @__PURE__ */ l.createElement(Ae, null, _.length ? _ : /* @__PURE__ */ l.createElement(Ke, null)),
         ye && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Be, null), /* @__PURE__ */ l.createElement(Ve, null))
       )),
       ne,
       e.pageable && ge
     );
-  let _ = e.style || {};
-  return k && (_.height || (_ = Object.assign({}, _, { height: "450px" }))), /* @__PURE__ */ l.createElement(
+  let L = e.style || {};
+  return k && (L.height || (L = Object.assign({}, L, { height: "450px" }))), /* @__PURE__ */ l.createElement(
     Pe,
     {
       gridRef: ee,
       gridProps: Ce,
-      columnsRef: j(),
+      columnsRef: $(),
       columnsMapRef: v,
       dataRef: b,
       slicedData: V,
-      isFixedVirtualScroll: J === W,
+      isFixedVirtualScroll: J === j,
       id: R,
       total: I,
       detailExpandable: !!e.detail
@@ -526,7 +527,7 @@ const tl = l.forwardRef((e, ee) => {
       "div",
       {
         id: e.id,
-        style: _,
+        style: L,
         className: m(
           s.wrapper({
             size: w,
@@ -547,11 +548,11 @@ const tl = l.forwardRef((e, ee) => {
           "aria-colcount": y.length,
           "aria-rowcount": I,
           id: R,
-          "aria-label": U.toLanguageString(_e, Xt[_e])
+          "aria-label": z.toLanguageString(_e, Zt[_e])
         },
         oe,
-        /* @__PURE__ */ l.createElement("div", { className: m(s.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(Ut, null, /* @__PURE__ */ l.createElement("div", { className: m(s.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: m(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
-          $t,
+        /* @__PURE__ */ l.createElement("div", { className: m(s.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(Jt, null, /* @__PURE__ */ l.createElement("div", { className: m(s.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: m(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
+          Ut,
           {
             selectable: e.selectable,
             tableClassName: m(
@@ -559,28 +560,28 @@ const tl = l.forwardRef((e, ee) => {
                 size: w
               })
             ),
-            tableStyle: { userSelect: pe }
+            tableStyle: { userSelect: et }
           },
           be,
           /* @__PURE__ */ l.createElement(ze, { rowReorderable: G }, X)
-        ), me && /* @__PURE__ */ l.createElement(Ae, null, O.length ? O : /* @__PURE__ */ l.createElement(Ke, null))), k && /* @__PURE__ */ l.createElement(
+        ), me && /* @__PURE__ */ l.createElement(Ae, null, _.length ? _ : /* @__PURE__ */ l.createElement(Ke, null))), k && /* @__PURE__ */ l.createElement(
           "div",
           {
             className: m(s.heightContainer({})),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement(Jt, { isVirtualScroll: k })
+          /* @__PURE__ */ l.createElement(Qt, { isVirtualScroll: k })
         )))),
-        rt,
+        nt,
         ye && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Be, null), /* @__PURE__ */ l.createElement(Ve, null)),
-        /* @__PURE__ */ l.createElement(Lt, null)
+        /* @__PURE__ */ l.createElement(Mt, null)
       ),
       ne,
       e.pageable && ge
     ))
   );
 });
-tl.displayName = "KendoReactGridComponent";
+al.displayName = "KendoReactGridComponent";
 export {
-  tl as GridComponent
+  al as GridComponent
 };

package/GridState.js

@@ -5,4 +5,5 @@
  * 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"),w=o.createContext([{},()=>{},{}]),Y=()=>o.useContext(w),Z=e=>{var S,f,C,k,G,P,D,b,m,y,F,T,j,q,H,M,O,R;const{children:z,onEditChange:r,onFilterChange:l,onSortChange:i,onPageChange:c,onGroupChange:u,onDataStateChange:g,onSelectionChange:h,onDetailExpandChange:s,onGroupExpandChange:x,onHeaderSelectionChange:E}=e,[n,d]=o.useState({edit:(S=e.defaultEdit)!=null?S:e.edit,filter:(f=e.defaultFilter)!=null?f:e.filter,select:(C=e.defaultSelect)!=null?C:e.select,sort:(k=e.defaultSort)!=null?k:e.sort,take:(G=e.defaultTake)!=null?G:e.take,skip:(P=e.defaultSkip)!=null?P:e.skip,group:(D=e.defaultGroup)!=null?D:e.group,detailExpand:(b=e.defaultDetailExpand)!=null?b:e.detailExpand,groupExpand:(m=e.defaultGroupExpand)!=null?m:e.groupExpand}),A={edit:(y=e.edit)!=null?y:n.edit,filter:(F=e.filter)!=null?F:n.filter,sort:(T=e.sort)!=null?T:n.sort,take:(j=e.take)!=null?j:n.take,skip:(q=e.skip)!=null?q:n.skip,group:(H=e.group)!=null?H:n.group,select:(M=e.select)!=null?M:n.select,detailExpand:(O=e.detailExpand)!=null?O:n.detailExpand,groupExpand:(R=e.groupExpand)!=null?R:n.groupExpand},B=t=>{},I=t=>{d(a=>({...a,edit:t.edit})),r==null||r(t)},J=t=>{d(a=>({...a,filter:t.filter})),l==null||l(t)},K=t=>{d(a=>({...a,sort:t.sort})),i==null||i(t)},L=t=>{d(a=>({...a,...t.page})),c==null||c(t)},N=t=>{d(a=>({...a,group:t.group})),u==null||u(t)},Q=t=>{d(a=>({...a,...t.dataState})),g==null||g(t)},U=t=>{d(a=>({...a,select:t.select})),h==null||h(t)},V=t=>{d(a=>({...a,select:t.select})),E==null||E(t)},W=t=>{d(a=>({...a,detailExpand:t.detailExpand})),s==null||s(t)},X=t=>{d(a=>({...a,groupExpand:t.groupExpand})),x==null||x(t)};return o.createElement(w.Provider,{value:[A,B,{onEditChange:I,onFilterChange:l&&J,onSortChange:i&&K,onPageChange:c&&L,onGroupChange:u&&N,onDataStateChange:Q,onSelectionChange:U,onHeaderSelectionChange:V,onDetailExpandChange:W,onGroupExpandChange:X}]},z)};exports.GridClientStateProvider=Z;exports.useGridState=Y;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),w=o.createContext([{},()=>{},{}]),Y=()=>o.useContext(w),Z=e=>{var S,f,C,k,G,P,D,b,m,y,F,T,j,q,H,M,O,R;const{children:z,onEditChange:r,onFilterChange:l,onSortChange:i,onPageChange:c,onGroupChange:u,onDataStateChange:g,onSelectionChange:h,onDetailExpandChange:x,onGroupExpandChange:E,onHeaderSelectionChange:s}=e,[n,d]=o.useState({edit:(S=e.defaultEdit)!=null?S:e.edit,filter:(f=e.defaultFilter)!=null?f:e.filter,select:(C=e.defaultSelect)!=null?C:e.select,sort:(k=e.defaultSort)!=null?k:e.sort,take:(G=e.defaultTake)!=null?G:e.take,skip:(P=e.defaultSkip)!=null?P:e.skip,group:(D=e.defaultGroup)!=null?D:e.group,detailExpand:(b=e.defaultDetailExpand)!=null?b:e.detailExpand,groupExpand:(m=e.defaultGroupExpand)!=null?m:e.groupExpand}),A={edit:(y=e.edit)!=null?y:n.edit,filter:(F=e.filter)!=null?F:n.filter,sort:(T=e.sort)!=null?T:n.sort,take:(j=e.take)!=null?j:n.take,skip:(q=e.skip)!=null?q:n.skip,group:(H=e.group)!=null?H:n.group,select:(M=e.select)!=null?M:n.select,detailExpand:(O=e.detailExpand)!=null?O:n.detailExpand,groupExpand:(R=e.groupExpand)!=null?R:n.groupExpand},B=t=>{},I=t=>{d(a=>({...a,edit:t.edit})),r==null||r(t)},J=t=>{d(a=>({...a,filter:t.filter})),l==null||l(t)},K=t=>{d(a=>({...a,sort:t.sort})),i==null||i(t)},L=t=>{d(a=>({...a,...t.page})),c==null||c(t)},N=t=>{d(a=>({...a,group:t.group})),u==null||u(t)},Q=t=>{d(a=>({...a,...t.dataState})),g==null||g(t)},U=t=>{d(a=>({...a,select:t.select})),h==null||h(t)},V=t=>{d(a=>({...a,select:t.select})),s==null||s(t)},W=t=>{d(a=>({...a,detailExpand:t.detailExpand})),x==null||x(t)},X=t=>{d(a=>({...a,groupExpand:t.groupExpand})),E==null||E(t)};return o.createElement(w.Provider,{value:[A,B,{onEditChange:I,onFilterChange:l&&J,onSortChange:i&&K,onPageChange:c&&L,onGroupChange:u&&N,onDataStateChange:Q,onSelectionChange:U,onHeaderSelectionChange:V,onDetailExpandChange:W,onGroupExpandChange:X}]},z)};exports.GridClientStateProvider=Z;exports.useGridState=Y;

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

@@ -5,4 +5,5 @@
  * 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;
+"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/GridWatermarkOverlay.mjs

@@ -7,9 +7,9 @@
  */
 "use client";
 import * as r from "react";
-import { shouldShowValidationUI as e, WatermarkOverlay as a } from "@progress/kendo-react-common";
+import { shouldShowValidationUI as a, WatermarkOverlay as e } from "@progress/kendo-react-common";
 import { packageMetadata as t } from "./package-metadata.mjs";
-const n = (o) => e(t) && /* @__PURE__ */ r.createElement(a, null);
+const n = (o) => a(t) && /* @__PURE__ */ r.createElement(e, null);
 export {
   n as GridWatermarkOverlay
 };