@progress/kendo-react-grid 9.4.0-develop.1 → 9.4.0-develop.11

package/GridComponent.mjs

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