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

package/GridComponent.mjs

@@ -6,63 +6,63 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as a from "react";
-import { uGrid as Ht, hasValidLicense as Tt, validatePackage as Kt, getter as S, classNames as f, WatermarkOverlay as $e } from "@progress/kendo-react-common";
-import { process as Pt } from "@progress/kendo-data-query";
-import { combineFilters as At, getDetailExpandableOptions as Bt, getGroupExpandableOptions as Ft, getSelectionOptions as Lt, tableKeyboardNavigationTools as O, Pager as Mt, tableKeyboardNavigationBodyAttributes as Ot, tableKeyboardNavigationScopeAttributes as je } from "@progress/kendo-react-data-tools";
-import { GridHierarchyCell as _t } from "./cells/hierarchycell/GridHierarchyCell.mjs";
-import { GridEditCell as zt } from "./cells/editcell/GridEditCell.mjs";
-import { Header as Vt } from "./header/Header.mjs";
-import { HeaderRow as Wt } from "./header/HeaderRow.mjs";
-import { FilterRow as $t } from "./header/FilterRow.mjs";
-import { GroupPanel as jt } from "./header/GroupPanel.mjs";
-import { Footer as Ut } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as qt, getRowSpanOptions as Ue, getColumnWidth as le, isSorted as qe, flatData as Jt, autoGenerateColumns as Qt, mapColumns as Xt, clientColumn as Yt, getFlatColumnsState as Zt, getColumnState as ae, getColSpan as pt, resolveCells as el, readColumns as tl } from "./utils/index.mjs";
-import { GridCell as ll } from "./cells/datacell/GridCell.mjs";
-import { GridGroupCell as Je } from "./cells/groupcell/GridGroupCell.mjs";
-import { GridRow as al } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as rl } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as Qe } from "./components/noRecords/GridNoRecords.mjs";
-import { operators as Xe } from "./filterCommon.mjs";
-import { FooterRow as nl } from "./footer/FooterRow.mjs";
-import { normalize as il } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as Ye } from "./package-metadata.mjs";
-import { GridDetailCell as ol } from "./cells/detailcell/GridDetailCell.mjs";
-import { GridDetailHierarchyCell as dl } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridNoRecordsContainer as Ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridClientWrapper as pe } from "./GridClientWrapper.mjs";
-import { GridColGroup as cl } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as ml } from "./components/table/GridTable.mjs";
-import { GridDropClue as et } from "./components/GridDropClue.mjs";
-import { GridDragClue as tt } from "./components/GridDragClue.mjs";
-import { GridTableBody as lt } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as sl } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as ul } from "./components/table/GridTableScrollable.mjs";
-import { GridElementContainer as at } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as fl } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as gl } from "./components/VirtualScrollHeightContainer.mjs";
-import { gridAriaLabel as rt, messages as bl } from "./messages/index.mjs";
-import { GridReorderableRowsContainer as hl } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as yl } from "./cells/rowreordercell/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as Cl } from "./header/client/GridHeaderRowReorderCell.mjs";
-import { GridLoader as nt } from "./components/GridLoader.mjs";
-import { gridPremiumFeatures as wl } from "./utils/premium.mjs";
-import { LocalizationService as El, IntlService as Il } from "@progress/kendo-react-intl";
-import { getVirtualCellsToRender as vl } from "./utils/virtualColumns.mjs";
-import { GridEditDialog as Sl } from "./components/GridEditDialog.mjs";
-import { GridCellServer as Rl } from "./cells/datacell/GridCellServer.mjs";
-import { GridEditCellServer as Gl } from "./cells/editcell/GridEditCellServer.mjs";
-import { GridSelectionCellServer as xl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
-import { GridSelectionCell as kl } from "./cells/selectioncell/GridSelectionCell.mjs";
-import { GridHierarchyCellServer as Nl } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
-import { GridRowReorderCellServer as Dl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
-import { GridDetailCellServer as Hl } from "./cells/detailcell/GridDetailCellServer.mjs";
-import { GridGroupCellServer as Tl } from "./cells/groupcell/GridGroupCellServer.mjs";
-const Kl = a.forwardRef((e, it) => {
-  var De, He, Te, Ke, Pe, Ae, Be, Fe, Le, Me, Oe, _e;
+import { uGrid as Tt, hasValidLicense as Kt, getLicenseMessage as Pt, validatePackage as At, getter as S, classNames as f, WatermarkOverlay as Ue } from "@progress/kendo-react-common";
+import { process as Bt } from "@progress/kendo-data-query";
+import { combineFilters as Lt, getDetailExpandableOptions as Mt, getGroupExpandableOptions as Ft, getSelectionOptions as Ot, tableKeyboardNavigationTools as O, Pager as _t, tableKeyboardNavigationBodyAttributes as zt, tableKeyboardNavigationScopeAttributes as qe } from "@progress/kendo-react-data-tools";
+import { GridHierarchyCell as Vt } from "./cells/hierarchycell/GridHierarchyCell.mjs";
+import { GridEditCell as Wt } from "./cells/editcell/GridEditCell.mjs";
+import { Header as $t } from "./header/Header.mjs";
+import { HeaderRow as jt } from "./header/HeaderRow.mjs";
+import { FilterRow as Ut } from "./header/FilterRow.mjs";
+import { GroupPanel as qt } from "./header/GroupPanel.mjs";
+import { Footer as Jt } from "./footer/Footer.mjs";
+import { isRowReorderEnabled as Qt, getRowSpanOptions as Je, getColumnWidth as le, isSorted as Qe, flatData as Xt, autoGenerateColumns as Yt, mapColumns as Zt, clientColumn as pt, getFlatColumnsState as el, getColumnState as ae, getColSpan as tl, resolveCells as ll, readColumns as al } from "./utils/index.mjs";
+import { GridCell as rl } from "./cells/datacell/GridCell.mjs";
+import { GridGroupCell as Xe } from "./cells/groupcell/GridGroupCell.mjs";
+import { GridRow as nl } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as il } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as Ye } from "./components/noRecords/GridNoRecords.mjs";
+import { operators as Ze } from "./filterCommon.mjs";
+import { FooterRow as ol } from "./footer/FooterRow.mjs";
+import { normalize as dl } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as re } from "./package-metadata.mjs";
+import { GridDetailCell as cl } from "./cells/detailcell/GridDetailCell.mjs";
+import { GridDetailHierarchyCell as ml } from "./cells/GridDetailHierarchyCell.mjs";
+import { GridNoRecordsContainer as pe } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridClientWrapper as et } from "./GridClientWrapper.mjs";
+import { GridColGroup as sl } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as ul } from "./components/table/GridTable.mjs";
+import { GridDropClue as tt } from "./components/GridDropClue.mjs";
+import { GridDragClue as lt } from "./components/GridDragClue.mjs";
+import { GridTableBody as at } from "./components/table/GridTableBody.mjs";
+import { PagerContainer as fl } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as gl } from "./components/table/GridTableScrollable.mjs";
+import { GridElementContainer as rt } from "./components/GridElementContainer.mjs";
+import { GridContainerElementContainer as bl } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as hl } from "./components/VirtualScrollHeightContainer.mjs";
+import { gridAriaLabel as nt, messages as yl } from "./messages/index.mjs";
+import { GridReorderableRowsContainer as Cl } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as wl } from "./cells/rowreordercell/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as El } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { GridLoader as it } from "./components/GridLoader.mjs";
+import { gridPremiumFeatures as Il } from "./utils/premium.mjs";
+import { LocalizationService as vl, IntlService as Sl } from "@progress/kendo-react-intl";
+import { getVirtualCellsToRender as Rl } from "./utils/virtualColumns.mjs";
+import { GridEditDialog as Gl } from "./components/GridEditDialog.mjs";
+import { GridCellServer as xl } from "./cells/datacell/GridCellServer.mjs";
+import { GridEditCellServer as kl } from "./cells/editcell/GridEditCellServer.mjs";
+import { GridSelectionCellServer as Nl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
+import { GridSelectionCell as Dl } from "./cells/selectioncell/GridSelectionCell.mjs";
+import { GridHierarchyCellServer as Hl } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
+import { GridRowReorderCellServer as Tl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
+import { GridDetailCellServer as Kl } from "./cells/detailcell/GridDetailCellServer.mjs";
+import { GridGroupCellServer as Pl } from "./cells/groupcell/GridGroupCellServer.mjs";
+const Al = a.forwardRef((e, ot) => {
+  var Te, Ke, Pe, Ae, Be, Le, Me, Fe, Oe, _e, ze, Ve;
   const T = e.id + "-role-element-id", x = e.navigatable ? T : "";
   let R = e.columnsState || [];
-  const ot = (t, i, n, d, o, l, c) => {
-    const s = [], b = Jt(
+  const dt = (t, i, n, d, o, l, c) => {
+    const s = [], b = Xt(
       s,
       t,
       i,
@@ -70,16 +70,16 @@ const Kl = a.forwardRef((e, it) => {
       d !== void 0,
       o,
       l,
-      It.defaultExpand,
+      vt.defaultExpand,
       c
     );
     return { flattedData: s, resolvedGroupsCount: b };
-  }, dt = (t) => {
+  }, ct = (t) => {
     const i = t.filter(
       (n) => n && n.type && n.type.displayName === "KendoReactGridColumn"
     );
-    return tl(i, R, { prevId: 0, idPrefix: x });
-  }, ct = () => {
+    return al(i, R, { prevId: 0, idPrefix: x });
+  }, mt = () => {
     const t = [], i = (n, d) => n == null ? void 0 : n.forEach((o) => {
       const l = o.hidden || d;
       t.push({
@@ -88,14 +88,14 @@ const Kl = a.forwardRef((e, it) => {
       }), i(o.children, l);
     });
     return i(R, !1), t;
-  }, mt = (t) => {
-    const i = ct();
+  }, st = (t) => {
+    const i = mt();
     return t.filter((n) => {
       var d;
       return !n.hidden && !((d = i.find((o) => o.id === n.id)) != null && d.hidden);
     });
-  }, st = (t, i) => {
-    m = dt(t), m.filter((n) => !n.hidden).length === 0 && (m = Qt(
+  }, ut = (t, i) => {
+    m = ct(t), m.filter((n) => !n.hidden).length === 0 && (m = Yt(
       C,
       e.group,
       {
@@ -105,22 +105,22 @@ const Kl = a.forwardRef((e, it) => {
         prevId: 0,
         idPrefix: x
       }
-    )), ft(m, i), m = mt(m), K = Xt(m, !0), oe = m.map(Yt);
-  }, ut = (t, i) => {
+    )), gt(m, i), m = st(m), K = Zt(m, !0), de = m.map(pt);
+  }, ft = (t, i) => {
     const n = (d) => {
       var l;
       const o = i.find((c) => c.id === d.id);
       return o ? (o.children = (l = d.children) == null ? void 0 : l.map(n), o) : ae(d);
     };
     R = t.filter((d) => d.parentIndex === -1).map(n);
-  }, ft = (t, i) => {
+  }, gt = (t, i) => {
     t.filter((l) => l.columnType === "checkbox").forEach((l) => {
-      l.width = l.width || "50px", l.defaultCell = e.isClient ? kl : xl, l.defaultHeaderCell = rl, l._type = "edit";
+      l.width = l.width || "50px", l.defaultCell = e.isClient ? Dl : Nl, l.defaultHeaderCell = il, l._type = "edit";
     }), N !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
-      l.width = l.width || "50px", l.defaultCell = e.isClient ? yl : Dl, l.defaultHeaderCell = Cl, l.sortable = !1, l.filterable = !1, l.editable = !1;
+      l.width = l.width || "50px", l.defaultCell = e.isClient ? wl : Tl, l.defaultHeaderCell = El, l.sortable = !1, l.filterable = !1, l.editable = !1;
     });
-    const n = Zt(R);
-    ut(t, n);
+    const n = el(R);
+    ft(t, n);
     const d = {
       id: "",
       resizable: !0,
@@ -147,7 +147,7 @@ const Kl = a.forwardRef((e, it) => {
         ...d,
         _type: "expand",
         id: O.generateNavigatableId(`${o++}`, "expand", "column"),
-        defaultCell: e.isClient ? _t : Nl,
+        defaultCell: e.isClient ? Vt : Hl,
         field: P.column,
         headerClassName: f(u.hierarchyCell({}))
       };
@@ -157,7 +157,7 @@ const Kl = a.forwardRef((e, it) => {
       const c = {
         ...d,
         isAccessible: !1,
-        defaultCell: e.isClient ? Je : Tl,
+        defaultCell: e.isClient ? Xe : Pl,
         id: O.generateNavigatableId(`${o++}`, "group", "column"),
         field: "value",
         locked: e.lockGroups
@@ -165,9 +165,9 @@ const Kl = a.forwardRef((e, it) => {
       t.unshift(c), R.unshift(n.find((s) => s.id === c.id) || ae(c));
     }
     t.slice(o).forEach((l) => {
-      l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? Ue(l.rowSpannable) : ue;
+      l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? Je(l.rowSpannable) : ge;
     });
-  }, re = () => e.isClient ? m : oe, ne = (t) => {
+  }, ne = () => e.isClient ? m : de, ie = (t) => {
     const i = [];
     let n = null, d = 0;
     if (g.forEach((o, l) => {
@@ -176,15 +176,15 @@ const Kl = a.forwardRef((e, it) => {
         d--, n && (n.width += c);
         return;
       }
-      const s = Math.min(pt(o, t), g.length - l);
+      const s = Math.min(tl(o, t), g.length - l);
       d = s - 1, n = {
         width: c,
         colSpan: s,
         columnIndex: l
       }, i.push(n);
     }), e.columnVirtualization) {
-      const o = bt.current || 0, l = ht.current || parseFloat(((e.style || {}).width || "").toString());
-      return vl({
+      const o = ht.current || 0, l = yt.current || parseFloat(((e.style || {}).width || "").toString());
+      return Rl({
         cellModels: i,
         columns: g,
         tableViewPortWidth: l,
@@ -192,7 +192,7 @@ const Kl = a.forwardRef((e, it) => {
       });
     }
     return i;
-  }, gt = () => {
+  }, bt = () => {
     const { pageable: t, take: i, pageSize: n } = e;
     if (!E)
       return 0;
@@ -202,11 +202,11 @@ const Kl = a.forwardRef((e, it) => {
       if (n)
         return n;
     }
-    const d = e.rowHeight || Ct.current, o = yt.current;
+    const d = e.rowHeight || wt.current, o = Ct.current;
     return o && d ? Math.ceil(o / d * 1.5) : 0;
   };
-  let h = [], ie, m = [], oe = [], K = [[]];
-  const bt = e.scrollLeftRef || { current: 0 }, ht = e.widthRef || { current: 0 }, yt = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new El(e.language), wt = e.intl || new Il((De = e.locale) != null ? De : "en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Ht, N = qt(e.rowReorderable), E = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && Tt(Ye) || !1, D = e.autoProcessData === !0 ? {
+  let h = [], oe, m = [], de = [], K = [[]];
+  const ht = e.scrollLeftRef || { current: 0 }, yt = e.widthRef || { current: 0 }, Ct = e.containerHeightRef || { current: 0 }, wt = e.minRowHeightRef || { current: 0 }, _ = e.localization || new vl(e.language), Et = e.intl || new Sl((Te = e.locale) != null ? Te : "en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Tt, N = Qt(e.rowReorderable), E = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && Kt(re) || !1, ce = Pt(re), D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -214,11 +214,11 @@ const Kl = a.forwardRef((e, it) => {
     page: !0
   } : e.autoProcessData;
   let C, G;
-  if (Array.isArray(e.data) ? (C = e.data, G = (He = e.total) != null ? He : C.length) : (C = ((Te = e.data) == null ? void 0 : Te.data) || [], G = (Ae = (Pe = e.total) != null ? Pe : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Ae : C.length), D) {
-    const t = D.page && !(E && !e.pageable), { data: i, total: n } = Pt(C, {
+  if (Array.isArray(e.data) ? (C = e.data, G = (Ke = e.total) != null ? Ke : C.length) : (C = ((Pe = e.data) == null ? void 0 : Pe.data) || [], G = (Le = (Be = e.total) != null ? Be : (Ae = e.data) == null ? void 0 : Ae.total) != null ? Le : C.length), D) {
+    const t = D.page && !(E && !e.pageable), { data: i, total: n } = Bt(C, {
       group: D.group ? e.group : void 0,
       sort: D.sort ? e.sort : void 0,
-      filter: At(
+      filter: Lt(
         D.filter ? e.filter : void 0,
         D.search ? e.search : void 0
       ),
@@ -227,44 +227,44 @@ const Kl = a.forwardRef((e, it) => {
         skip: e.skip || 0
       } : {}
     });
-    C = i, G = (Be = e.total) != null ? Be : n;
+    C = i, G = (Me = e.total) != null ? Me : n;
   }
-  const z = C.length === G, { size: I = "medium" } = e, Et = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = Bt(!!e.detail), It = Ft(
+  const z = C.length === G, { size: I = "medium" } = e, It = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = Mt(!!e.detail), vt = Ft(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), de = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: vt, flattedData: St } = ot(
+  ), me = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: St, flattedData: Rt } = dt(
     C,
-    Et,
+    It,
     z ? 0 : e.skip || 0,
     e.group,
     e.detailExpand,
     e.groupExpand,
     e.dataItemKey
   );
-  h = St;
-  const ce = gt(), j = ((Le = e.virtualSkipRef) == null ? void 0 : Le.current) || 0;
-  let me = G;
+  h = Rt;
+  const se = bt(), j = ((Oe = e.virtualSkipRef) == null ? void 0 : Oe.current) || 0;
+  let ue = G;
   if (E) {
     let t = e.skip || 0;
-    (de || e.pageable) && (t = j, me = h.length), (z || de || e.pageable) && (ie = h.slice(t, t + ce));
+    (me || e.pageable) && (t = j, ue = h.length), (z || me || e.pageable) && (oe = h.slice(t, t + se));
   }
-  const se = Lt(e.selectable), ue = Ue(e.rowSpannable), Rt = se && se.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
-  st(W, vt);
+  const fe = Ot(e.selectable), ge = Je(e.rowSpannable), Gt = fe && fe.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
+  ut(W, St);
   const U = a.useMemo(() => {
-    const t = wl(e, m);
+    const t = Il(e, m);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, m]), fe = a.useMemo(() => U.premium ? !Kt(Ye, { component: "Grid", features: U.features }) : !1, [U.premium]), ge = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, _ariaControls: T, ariaLabel: "Top toolbar" }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), be = W.filter(
+  }, [e, m]), be = a.useMemo(() => U.premium ? !At(re, { component: "Grid", features: U.features }) : !1, [U.premium]), he = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, _ariaControls: T, ariaLabel: "Top toolbar" }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ye = W.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), g = m.filter((t) => t.children.length === 0), he = V && /* @__PURE__ */ a.createElement(jt, { columns: re(), group: e.group || [], ariaControls: T }), ye = /* @__PURE__ */ a.createElement(
-    Vt,
+  ), g = m.filter((t) => t.children.length === 0), Ce = V && /* @__PURE__ */ a.createElement(qt, { columns: ne(), group: e.group || [], ariaControls: T }), we = /* @__PURE__ */ a.createElement(
+    $t,
     {
       size: I,
       staticHeaders: e.scrollable !== "none",
       draggable: e.reorderable || V,
       headerRow: /* @__PURE__ */ a.createElement(
-        Wt,
+        jt,
         {
           cells: e.cells,
           sort: e.sort,
@@ -273,7 +273,7 @@ const Kl = a.forwardRef((e, it) => {
           groupable: V,
           filter: e.filter,
           filterable: e.filterable,
-          filterOperators: e.filterOperators || Xe,
+          filterOperators: e.filterOperators || Ze,
           columnMenu: e.columnMenu,
           columnMenuIcon: e.columnMenuIcon,
           columns: m,
@@ -287,13 +287,13 @@ const Kl = a.forwardRef((e, it) => {
         }
       ),
       filterRow: e.filterable && /* @__PURE__ */ a.createElement(
-        $t,
+        Ut,
         {
           cells: e.cells,
           size: I,
           columns: m,
           filter: e.filter,
-          filterOperators: e.filterOperators || Xe,
+          filterOperators: e.filterOperators || Ze,
           sort: e.sort,
           navigatable: !!e.navigatable,
           ariaRowIndex: K.length + 1,
@@ -302,20 +302,20 @@ const Kl = a.forwardRef((e, it) => {
       ) || void 0,
       cols: g.map((t, i) => /* @__PURE__ */ a.createElement("col", { key: i.toString(), width: le(t) }))
     }
-  ), Ce = g.findIndex((t) => typeof t.colSpan == "function") > -1;
+  ), Ee = g.findIndex((t) => typeof t.colSpan == "function") > -1;
   let q;
-  Ce || (q = ne(null));
-  const J = ((Me = e.editable) == null ? void 0 : Me.mode) === "dialog", Gt = (Oe = e.editable) == null ? void 0 : Oe.enabled, xt = (t, i, n, d, o) => {
+  Ee || (q = ie(null));
+  const J = ((_e = e.editable) == null ? void 0 : _e.mode) === "dialog", xt = (ze = e.editable) == null ? void 0 : ze.enabled, kt = (t, i, n, d, o) => {
     let l = !1;
     const c = e.select && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[S(e.dataItemKey)(t.dataItem)] : void 0, s = e.highlight && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.highlight[S(e.dataItemKey)(t.dataItem)] : void 0;
-    return Ce && (q = ne(t.dataItem)), {
+    return Ee && (q = ie(t.dataItem)), {
       row: q.map(({ columnIndex: b, colSpan: H }) => {
-        var M, ze, Ve, We;
+        var F, We, $e, je;
         const r = g[b];
         let w;
-        if ((M = r.rowSpannable) != null && M.enabled && t.rowType === "data" && r.field && o) {
-          const v = r.field ? (Ve = (ze = r.rowSpannable).valueGetter) == null ? void 0 : Ve.call(ze, t.dataItem, r.field) : null;
-          w = { value: v, count: 1 }, o[r.field] && ((We = o[r.field]) == null ? void 0 : We.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
+        if ((F = r.rowSpannable) != null && F.enabled && t.rowType === "data" && r.field && o) {
+          const v = r.field ? ($e = (We = r.rowSpannable).valueGetter) == null ? void 0 : $e.call(We, t.dataItem, r.field) : null;
+          w = { value: v, count: 1 }, o[r.field] && ((je = o[r.field]) == null ? void 0 : je.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
         }
         const y = r.id ? r.id : b, Z = f(u.contentSticky({ locked: r.locked }), r.className), p = r.left !== void 0 ? { left: r.left, right: r.right } : {};
         let B = !1;
@@ -323,12 +323,12 @@ const Kl = a.forwardRef((e, it) => {
           const v = e.edit && e.dataItemKey ? e.edit[S(e.dataItemKey)(t.dataItem)] : void 0, te = typeof v == "boolean" ? v : Array.isArray(v) ? r.field && v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
           te && r.columnType === "data" && (te === !0 || te === r.field) && (l = !0, J || (B = !0));
         }
-        const F = r._type === "expand", L = {
+        const L = r._type === "expand", M = {
           locked: e.lockGroups,
           id: O.generateNavigatableId(
             `${i}-${String(b)}`,
             x,
-            F || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
+            L || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
           ),
           colSpan: H,
           dataItem: t.dataItem,
@@ -338,7 +338,7 @@ const Kl = a.forwardRef((e, it) => {
           columnType: r.columnType,
           rowReorderable: N,
           className: Z,
-          cells: el(e.cells, r.cells),
+          cells: ll(e.cells, r.cells),
           columnIndex: b,
           columnsCount: g.length,
           rowType: t.rowType,
@@ -351,29 +351,29 @@ const Kl = a.forwardRef((e, it) => {
           ariaColumnIndex: r.ariaColumnIndex,
           isSelected: !!((r == null ? void 0 : r._type) === "edit" ? c : Array.isArray(c) && c.indexOf(b) > -1),
           isHighlighted: !!((r == null ? void 0 : r._type) === "edit" ? s : Array.isArray(s) && s.indexOf(b) > -1),
-          isSorted: !!qe(r.field, e.sort),
+          isSorted: !!Qe(r.field, e.sort),
           isInEdit: B,
           isAlt: d,
           unstyled: k,
           group: t.group,
           localization: _,
-          intl: wt,
+          intl: Et,
           _rowSpan: w
-        }, ee = r.defaultCell || B && (e.isClient ? zt : Gl) || (e.isClient ? ll : Rl);
-        return /* @__PURE__ */ a.createElement(ee, { key: y, cellProps: L });
+        }, ee = r.defaultCell || B && (e.isClient ? Wt : kl) || (e.isClient ? rl : xl);
+        return /* @__PURE__ */ a.createElement(ee, { key: y, cellProps: M });
       }),
       isInEdit: l,
       isSelected: typeof c == "boolean" && c,
       isHighlighted: typeof s == "boolean" && s
     };
   };
-  let kt = 0, Q = null;
-  const we = (t) => t >= h.length - kt, X = [], Ee = !h.length;
+  let Nt = 0, Q = null;
+  const Ie = (t) => t >= h.length - Nt, X = [], ve = !h.length;
   let A = 0;
   if (h.length) {
     const t = K.length + (e.filterable ? 1 : 0) + 1;
     let i = e.skip || 0, n = -1, d = 0;
-    const o = ue.enabled ? {} : void 0;
+    const o = ge.enabled ? {} : void 0;
     if (E) {
       if (j > 0) {
         const l = h.slice(0, j).filter((c) => c.rowType === "data").length;
@@ -381,12 +381,12 @@ const Kl = a.forwardRef((e, it) => {
       }
       !e.pageable && z && (n += e.skip || 0);
     }
-    (ie || h).forEach((l, c) => {
+    (oe || h).forEach((l, c) => {
       l.rowType === "data" && n++;
-      const s = l.dataIndex % 2 !== 0, b = e.dataItemKey && S(e.dataItemKey)(l.dataItem), H = c + i, r = b || "ai" + H, w = r + "_1", y = xt(l, r, n, s, o);
-      if (A = H + t + d, J && Gt && y.isInEdit && (Q = l.dataItem), X.push(
+      const s = l.dataIndex % 2 !== 0, b = e.dataItemKey && S(e.dataItemKey)(l.dataItem), H = c + i, r = b || "ai" + H, w = r + "_1", y = kt(l, r, n, s, o);
+      if (A = H + t + d, J && xt && y.isInEdit && (Q = l.dataItem), X.push(
         /* @__PURE__ */ a.createElement(
-          al,
+          nl,
           {
             key: r,
             dataItem: l.dataItem,
@@ -394,7 +394,7 @@ const Kl = a.forwardRef((e, it) => {
             isInEdit: y.isInEdit && !J,
             rowType: l.rowType,
             isRowReorderable: N,
-            isHidden: we(c),
+            isHidden: Ie(c),
             onClick: null,
             onDoubleClick: null,
             rowHeight: e.rowHeight,
@@ -410,7 +410,7 @@ const Kl = a.forwardRef((e, it) => {
       ), e.detail && l.rowType === "data" && l.expanded) {
         const Z = g.length - (P.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
         d++, A = H + t + d;
-        const p = e.isClient ? ol : Hl;
+        const p = e.isClient ? cl : Kl;
         X.push(
           /* @__PURE__ */ a.createElement(
             "tr",
@@ -418,19 +418,19 @@ const Kl = a.forwardRef((e, it) => {
               key: w,
               className: f(u.detailTr({ isAlt: s })),
               style: {
-                visibility: we(c) ? "hidden" : "",
+                visibility: Ie(c) ? "hidden" : "",
                 height: e.detailRowHeight
               },
               role: "row",
               "aria-rowindex": A
             },
-            e.group && e.group.map((B, F) => {
-              var M;
-              const L = (M = y == null ? void 0 : y.row[F]) == null ? void 0 : M.props.style, ee = L ? { left: L.left, right: L.right } : {};
+            e.group && e.group.map((B, L) => {
+              var F;
+              const M = (F = y == null ? void 0 : y.row[L]) == null ? void 0 : F.props.style, ee = M ? { left: M.left, right: M.right } : {};
               return /* @__PURE__ */ a.createElement(
-                Je,
+                Xe,
                 {
-                  key: F,
+                  key: L,
                   cellProps: {
                     id: "",
                     dataItem: l.dataItem,
@@ -438,7 +438,7 @@ const Kl = a.forwardRef((e, it) => {
                     dataIndex: l.dataIndex,
                     columnPosition: ee,
                     style: {},
-                    ariaColumnIndex: 1 + F,
+                    ariaColumnIndex: 1 + L,
                     isSelected: !1,
                     locked: e.lockGroups,
                     cells: e.cells,
@@ -448,7 +448,7 @@ const Kl = a.forwardRef((e, it) => {
               );
             }),
             P.enabled && /* @__PURE__ */ a.createElement(
-              dl,
+              ml,
               {
                 unstyled: k,
                 id: O.generateNavigatableId(`${w}-dhcell`, x)
@@ -470,22 +470,22 @@ const Kl = a.forwardRef((e, it) => {
       }
     });
   }
-  const Ie = {
+  const Se = {
     size: I,
     total: G,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...il(e.pageable || {})
-  }, ve = /* @__PURE__ */ a.createElement(sl, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ a.createElement(Mt, { className: f(u.pager({})), ...Ie })), Nt = (t, i) => /* @__PURE__ */ a.createElement("col", { key: i.toString(), width: le(t) }), Se = (_e = e.cells) != null && _e.footerCell || m.some((t) => {
+    ...dl(e.pageable || {})
+  }, Re = /* @__PURE__ */ a.createElement(fl, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Se }) : /* @__PURE__ */ a.createElement(_t, { className: f(u.pager({})), ...Se })), Dt = (t, i) => /* @__PURE__ */ a.createElement("col", { key: i.toString(), width: le(t) }), Ge = (Ve = e.cells) != null && Ve.footerCell || m.some((t) => {
     var i;
     return !!((i = t.cells) != null && i.footerCell);
   }) ? /* @__PURE__ */ a.createElement(
-    Ut,
+    Jt,
     {
       size: I,
       staticHeaders: e.scrollable !== "none",
       row: /* @__PURE__ */ a.createElement(
-        nl,
+        ol,
         {
           cells: e.cells,
           idPrefix: x,
@@ -493,73 +493,73 @@ const Kl = a.forwardRef((e, it) => {
           ariaRowIndex: A + 1
         }
       ),
-      cols: g.map(Nt)
+      cols: g.map(Dt)
     }
-  ) : null, Re = /* @__PURE__ */ a.createElement(cl, null, g.map((t, i) => /* @__PURE__ */ a.createElement(
+  ) : null, xe = /* @__PURE__ */ a.createElement(sl, null, g.map((t, i) => /* @__PURE__ */ a.createElement(
     "col",
     {
       key: i.toString(),
-      className: qe(t.field, e.sort) ? f(u.sorted({})) : void 0,
+      className: Qe(t.field, e.sort) ? f(u.sorted({})) : void 0,
       width: le(t)
     }
-  ))), Ge = e.reorderable || V, { detail: Pl, cells: Al, rows: Bl, ...Dt } = e, xe = /* @__PURE__ */ a.createElement(
+  ))), ke = e.reorderable || V, { detail: Bl, cells: Ll, rows: Ml, ...Ht } = e, Ne = /* @__PURE__ */ a.createElement(
     "tbody",
     {
       role: "rowgroup",
       className: f(u.tbody({})),
-      ...Ot
+      ...zt
     },
     X
-  ), ke = Q ? /* @__PURE__ */ a.createElement(Sl, { columns: g, customEditDialog: e.editDialog, dataItem: Q }) : null;
-  let Y = xe;
+  ), De = Q ? /* @__PURE__ */ a.createElement(Gl, { columns: g, customEditDialog: e.editDialog, dataItem: Q }) : null;
+  let Y = Ne;
   N && (Y = /* @__PURE__ */ a.createElement(
-    hl,
+    Cl,
     {
       unstyled: u,
       columns: m,
       rowReorderSettings: e.rowReorderable
     },
-    xe
+    Ne
   ));
-  const Ne = {
-    gridRef: it,
+  const He = {
+    gridRef: ot,
     innerGrid: e.innerGrid,
-    gridProps: Dt,
-    columnsRef: re(),
+    gridProps: Ht,
+    columnsRef: ne(),
     columnsMapRef: K,
     columnsState: R,
     dataRef: h,
     id: T,
-    virtualTotal: me,
+    virtualTotal: ue,
     isAllData: z,
-    virtualPageSize: ce,
+    virtualPageSize: se,
     isVirtualScroll: E,
     detailExpandable: !!e.detail
   };
-  return e.scrollable === "none" ? /* @__PURE__ */ a.createElement(pe, { ...Ne }, /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
+  return e.scrollable === "none" ? /* @__PURE__ */ a.createElement(et, { ...He }, /* @__PURE__ */ a.createElement(rt, null, /* @__PURE__ */ a.createElement(
     "div",
     {
       id: e.id,
       style: e.style,
       className: f(u.wrapper({ size: I }), e.className),
-      ...je
+      ...qe
     },
-    ge,
     he,
+    Ce,
     /* @__PURE__ */ a.createElement(
-      ml,
+      ul,
       {
         selectable: e.selectable,
         className: f(u.table({ size: I }))
       },
-      Re,
-      ye,
-      /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, Y),
-      Se
+      xe,
+      we,
+      /* @__PURE__ */ a.createElement(at, { rowReorderable: N }, Y),
+      Ge
     ),
-    Ee && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null)),
-    Ge && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null))
-  )), be, e.pageable && ve, /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }), ke, fe && /* @__PURE__ */ a.createElement($e, null)) : /* @__PURE__ */ a.createElement(pe, { ...Ne }, /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
+    ve && /* @__PURE__ */ a.createElement(pe, null, $.length ? $ : /* @__PURE__ */ a.createElement(Ye, null)),
+    ke && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(tt, null), /* @__PURE__ */ a.createElement(lt, null))
+  )), ye, e.pageable && Re, /* @__PURE__ */ a.createElement(it, { loader: e.loader, showLoader: e.showLoader }), De, be && /* @__PURE__ */ a.createElement(Ue, { message: ce })) : /* @__PURE__ */ a.createElement(et, { ...He }, /* @__PURE__ */ a.createElement(rt, null, /* @__PURE__ */ a.createElement(
     "div",
     {
       id: e.id,
@@ -571,10 +571,10 @@ const Kl = a.forwardRef((e, it) => {
         }),
         e.className
       ),
-      ...je
+      ...qe
     },
-    ge,
     he,
+    Ce,
     /* @__PURE__ */ a.createElement(
       "div",
       {
@@ -583,11 +583,11 @@ const Kl = a.forwardRef((e, it) => {
         "aria-colcount": g.length,
         "aria-rowcount": G,
         id: T,
-        "aria-label": _.toLanguageString(rt, bl[rt])
+        "aria-label": _.toLanguageString(nt, yl[nt])
       },
-      ye,
-      /* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(fl, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
-        ul,
+      we,
+      /* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(bl, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
+        gl,
         {
           selectable: e.selectable,
           tableClassName: f(
@@ -595,29 +595,29 @@ const Kl = a.forwardRef((e, it) => {
               size: I
             })
           ),
-          tableStyle: { userSelect: Rt }
+          tableStyle: { userSelect: Gt }
         },
-        Re,
-        /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, Y)
-      ), Ee && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null))), E && /* @__PURE__ */ a.createElement(
+        xe,
+        /* @__PURE__ */ a.createElement(at, { rowReorderable: N }, Y)
+      ), ve && /* @__PURE__ */ a.createElement(pe, null, $.length ? $ : /* @__PURE__ */ a.createElement(Ye, null))), E && /* @__PURE__ */ a.createElement(
         "div",
         {
           className: f(u.heightContainer({})),
           role: "presentation"
         },
-        /* @__PURE__ */ a.createElement(gl, { isVirtualScroll: E })
+        /* @__PURE__ */ a.createElement(hl, { isVirtualScroll: E })
       )))),
-      Se,
-      Ge && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null)),
-      fe && /* @__PURE__ */ a.createElement($e, null)
+      Ge,
+      ke && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(tt, null), /* @__PURE__ */ a.createElement(lt, null)),
+      be && /* @__PURE__ */ a.createElement(Ue, { message: ce })
     ),
-    be,
-    e.pageable && ve,
-    /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }),
-    ke
+    ye,
+    e.pageable && Re,
+    /* @__PURE__ */ a.createElement(it, { loader: e.loader, showLoader: e.showLoader }),
+    De
   )));
 });
-Kl.displayName = "KendoReactGridComponent";
+Al.displayName = "KendoReactGridComponent";
 export {
-  Kl as GridComponent
+  Al as GridComponent
 };