@progress/kendo-react-grid 9.4.0-develop.24 → 9.4.0-develop.4

package/GridComponent.mjs

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