@progress/kendo-react-grid 9.4.0-develop.19 → 9.4.0-develop.20

package/GridComponent.mjs

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