@progress/kendo-react-grid 10.2.0-develop.9 → 10.3.0-develop.1

package/GridComponent.mjs

@@ -6,58 +6,59 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as l from "react";
-import { uGrid as Et, validatePackage as It, getter as A, classNames as f, WatermarkOverlay as Me } from "@progress/kendo-react-common";
-import { process as St } from "@progress/kendo-data-query";
-import { combineFilters as Rt, getDetailExpandableOptions as vt, getGroupExpandableOptions as xt, getSelectionOptions as Gt, tableKeyboardNavigationTools as V, Pager as kt, tableKeyboardNavigationBodyAttributes as Nt, tableKeyboardNavigationScopeAttributes as _e } from "@progress/kendo-react-data-tools";
-import { GridSelectionCell as Ft } from "./cells/GridSelectionCell.mjs";
-import { GridHierarchyCell as Dt } from "./cells/GridHierarchyCell.mjs";
-import { GridEditCell as Tt } from "./cells/GridEditCell.mjs";
-import { Header as At } from "./header/Header.mjs";
-import { HeaderRow as Pt } from "./header/HeaderRow.mjs";
-import { FilterRow as Kt } from "./header/FilterRow.mjs";
-import { GroupPanel as Ht } from "./header/GroupPanel.mjs";
-import { Footer as Bt } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as Lt, getRowSpanOptions as ze, getColumnWidth as ae, isSorted as We, flatData as Vt, autoGenerateColumns as Ot, mapColumns as Mt, clientColumn as _t, getFlatColumnsState as zt, getColumnState as ne, getColSpan as Wt, getNestedValue as $e, resolveCells as $t, isClientReference as jt, readColumns as Ut } from "./utils/index.mjs";
-import { GridCell as qt } from "./cells/GridCell.mjs";
-import { GridGroupCell as je } from "./cells/GridGroupCell.mjs";
-import { GridRow as Jt } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as Qt } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as Ue } from "./components/noRecords/GridNoRecords.mjs";
-import { operators as qe } from "./filterCommon.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 pt } from "./cells/GridDetailCell.mjs";
-import { GridDetailHierarchyCell as el } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridNoRecordsContainer as Je } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridClientWrapper as Qe } from "./GridClientWrapper.mjs";
-import { GridColGroup as tl } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as ll } from "./components/table/GridTable.mjs";
-import { GridDropClue as Xe } from "./components/GridDropClue.mjs";
-import { GridDragClue as Ye } from "./components/GridDragClue.mjs";
-import { GridTableBody as Ze } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as al } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as nl } from "./components/table/GridTableScrollable.mjs";
-import { GridElementContainer as pe } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as rl } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as ol } from "./components/VirtualScrollHeightContainer.mjs";
-import { gridAriaLabel as et, messages as il } from "./messages/index.mjs";
+import { uGrid as Gt, validatePackage as kt, getter as A, classNames as f, WatermarkOverlay as je } from "@progress/kendo-react-common";
+import { process as Nt } from "@progress/kendo-data-query";
+import { combineFilters as Dt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Tt, getSelectionOptions as At, tableKeyboardNavigationTools as V, Pager as Pt, tableKeyboardNavigationBodyAttributes as Kt, tableKeyboardNavigationScopeAttributes as Ue } from "@progress/kendo-react-data-tools";
+import { GridSelectionCell as Ht } from "./cells/GridSelectionCell.mjs";
+import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
+import { GridEditCell as Lt } from "./cells/GridEditCell.mjs";
+import { Header as Vt } from "./header/Header.mjs";
+import { HeaderRow as Ot } from "./header/HeaderRow.mjs";
+import { FilterRow as Mt } from "./header/FilterRow.mjs";
+import { GroupPanel as _t } from "./header/GroupPanel.mjs";
+import { Footer as zt } from "./footer/Footer.mjs";
+import { isRowReorderEnabled as Wt, getRowSpanOptions as qe, getColumnWidth as re, isSorted as Je, flatData as $t, autoGenerateColumns as jt, mapColumns as Ut, clientColumn as qt, getFlatColumnsState as Jt, getColumnState as oe, getColSpan as Qt, getNestedValue as Qe, resolveCells as Xt, isClientReference as Yt, readColumns as Zt } from "./utils/index.mjs";
+import { GridCell as pt } from "./cells/GridCell.mjs";
+import { GridGroupCell as Xe } from "./cells/GridGroupCell.mjs";
+import { GridRow as el } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as tl } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as Ye } from "./components/noRecords/GridNoRecords.mjs";
+import { operators as Ze } from "./filterCommon.mjs";
+import { FooterRow as ll } from "./footer/FooterRow.mjs";
+import { normalize as al } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as nl } from "./package-metadata.mjs";
+import { GridDetailCell as rl } from "./cells/GridDetailCell.mjs";
+import { GridDetailHierarchyCell as ol } from "./cells/GridDetailHierarchyCell.mjs";
+import { GridNoRecordsContainer as pe } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridClientWrapper as et } from "./GridClientWrapper.mjs";
+import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as dl } 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 cl } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as ml } from "./components/table/GridTableScrollable.mjs";
+import { GridElementContainer as nt } from "./components/GridElementContainer.mjs";
+import { GridContainerElementContainer as ul } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as sl } from "./components/VirtualScrollHeightContainer.mjs";
+import { gridAriaLabel as rt, messages as fl } from "./messages/index.mjs";
 import { VirtualScrollFixed as q } from "./VirtualScrollFixed.mjs";
-import { VirtualScroll as dl } from "./VirtualScroll.mjs";
-import { GridCustomCellClientContainer as cl } from "./components/GridCustomCellClientContainer.mjs";
-import { GridReorderableRowsContainer as ml } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as ul } from "./cells/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as sl } from "./header/client/GridHeaderRowReorderCell.mjs";
-import { GridLoader as tt } from "./components/GridLoader.mjs";
-import { gridPremiumFeatures as fl } from "./utils/premium.mjs";
-import { LocalizationService as gl, IntlService as bl } from "@progress/kendo-react-intl";
-import { getVirtualCellsToRender as hl } from "./utils/virtualColumns.mjs";
-const yl = l.forwardRef((e, re) => {
-  var Ne, Fe, De, Te, Ae, Pe, Ke, He;
+import { VirtualScroll as gl } from "./VirtualScroll.mjs";
+import { GridCustomCellClientContainer as bl } from "./components/GridCustomCellClientContainer.mjs";
+import { GridReorderableRowsContainer as hl } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as yl } from "./cells/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as wl } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { GridLoader as ot } from "./components/GridLoader.mjs";
+import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
+import { LocalizationService as El, IntlService as Il } from "@progress/kendo-react-intl";
+import { getVirtualCellsToRender as Sl } from "./utils/virtualColumns.mjs";
+import { GridEditDialog as Rl } from "./components/GridEditDialog.mjs";
+const vl = l.forwardRef((e, ie) => {
+  var Te, Ae, Pe, Ke, He, Be, Le, Ve, Oe, Me;
   const v = e.id + "-role-element-id", x = e.navigatable ? v : "";
   let C = e.columnsState || [];
-  const lt = (t, r, d, o, i, c, a) => {
-    const m = [], w = Vt(
+  const it = (t, r, d, o, i, c, a) => {
+    const m = [], w = $t(
       m,
       y,
       t,
@@ -66,16 +67,16 @@ const yl = l.forwardRef((e, re) => {
       o,
       i,
       c,
-      gt.defaultExpand,
+      Ct.defaultExpand,
       a
     );
     return { flattedData: m, resolvedGroupsCount: w };
-  }, at = (t) => {
+  }, dt = (t) => {
     const r = t.filter(
       (d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
     );
-    return Ut(r, C, { prevId: 0, idPrefix: x });
-  }, nt = () => {
+    return Zt(r, C, { prevId: 0, idPrefix: x });
+  }, ct = () => {
     const t = [], r = (d, o) => d == null ? void 0 : d.forEach((i) => {
       const c = i.hidden || o;
       t.push({
@@ -84,15 +85,15 @@ const yl = l.forwardRef((e, re) => {
       }), r(i.children, c);
     });
     return r(C, !1), t;
-  }, rt = (t) => {
-    const r = nt();
+  }, mt = (t) => {
+    const r = ct();
     return t.filter((d) => {
       var o;
       return !d.hidden && !((o = r.find((i) => i.id === d.id)) != null && o.hidden);
     });
-  }, ot = (t, r) => {
+  }, ut = (t, r) => {
     var d;
-    u = at(t), u.filter((o) => !o.hidden).length === 0 && (u = Ot(
+    u = dt(t), u.filter((o) => !o.hidden).length === 0 && (u = jt(
       y,
       e.group,
       {
@@ -102,23 +103,23 @@ const yl = l.forwardRef((e, re) => {
         prevId: 0,
         idPrefix: x
       }
-    )), dt(u, r), u = rt(u), G = Mt(u, !0), ie = u.map(_t);
-  }, it = (t, r) => {
+    )), ft(u, r), u = mt(u), G = Ut(u, !0), ce = u.map(qt);
+  }, st = (t, r) => {
     const d = (o) => {
       var c;
       const i = r.find((a) => a.id === o.id);
-      return i ? (i.children = (c = o.children) == null ? void 0 : c.map(d), i) : ne(o);
+      return i ? (i.children = (c = o.children) == null ? void 0 : c.map(d), i) : oe(o);
     };
     C = t.filter((o) => o.parentIndex === -1).map(d);
-  }, dt = (t, r) => {
+  }, ft = (t, r) => {
     var c;
     t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || Ft, a._type = "edit", a.headerCell = a.headerCell || Qt;
+      a.width = a.width || "50px", a.cell = a.cell || Ht, a._type = "edit", a.headerCell = a.headerCell || tl;
     }), N !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || ul, a.headerCell = a.headerCell || sl, a.sortable = !1, a.filterable = !1, a.editable = !1;
+      a.width = a.width || "50px", a.cell = a.cell || yl, a.headerCell = a.headerCell || wl, a.sortable = !1, a.filterable = !1, a.editable = !1;
     });
-    const d = zt(C);
-    it(t, d);
+    const d = Jt(C);
+    st(t, d);
     const o = {
       id: "",
       resizable: !0,
@@ -145,60 +146,60 @@ const yl = l.forwardRef((e, re) => {
         ...o,
         _type: "expand",
         id: V.generateNavigatableId(`${i++}`, "expand", "column"),
-        cell: Dt,
+        cell: Bt,
         field: (c = K.column) != null ? c : e.expandField,
         headerClassName: f(s.hierarchyCell({}))
       };
-      t.unshift(a), C.unshift(d.find((m) => m.id === a.id) || ne(a));
+      t.unshift(a), C.unshift(d.find((m) => m.id === a.id) || oe(a));
     }
     for (let a = 0; a < r; a++) {
       const m = {
         ...o,
         isAccessible: !1,
-        cell: je,
+        cell: Xe,
         id: V.generateNavigatableId(`${i++}`, "group", "column"),
         field: "value",
         locked: e.lockGroups
       };
-      t.unshift(m), C.unshift(d.find((w) => w.id === m.id) || ne(m));
+      t.unshift(m), C.unshift(d.find((w) => w.id === m.id) || oe(m));
     }
     t.slice(i).forEach((a) => {
-      a.parentIndex >= 0 && (a.parentIndex += i), a.rowSpannable = a.rowSpannable !== void 0 ? ze(a.rowSpannable) : ce;
+      a.parentIndex >= 0 && (a.parentIndex += i), a.rowSpannable = a.rowSpannable !== void 0 ? qe(a.rowSpannable) : ue;
     });
   }, O = () => {
     var t;
     return Array.isArray(e.data) ? y.length === e.total : y ? e.total === ((t = e.data) == null ? void 0 : t.total) : !1;
-  }, ct = () => {
+  }, gt = () => {
     const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = O(), c = t !== void 0 && t > 0, a = r !== void 0 && r > 0;
-    return !c || P && !i || !!(d && o) && (!a || !i) ? dl : q;
-  }, J = () => e.isClient ? u : ie, oe = (t) => {
+    return !c || P && !i || !!(d && o) && (!a || !i) ? gl : q;
+  }, J = () => e.isClient ? u : ce, de = (t) => {
     const r = [];
     let d = null, o = 0;
-    if (h.forEach((i, c) => {
+    if (b.forEach((i, c) => {
       const a = parseFloat((i.width || "").toString()) || 10;
       if (o) {
         o--, d && (d.width += a);
         return;
       }
-      const m = Math.min(Wt(i, t), h.length - c);
+      const m = Math.min(Qt(i, t), b.length - c);
       o = m - 1, d = {
         width: a,
         colSpan: m,
         columnIndex: c
       }, r.push(d);
     }), e.columnVirtualization) {
-      const i = mt.current || 0, c = ut.current || parseFloat(((e.style || {}).width || "").toString());
-      return hl({
+      const i = bt.current || 0, c = ht.current || parseFloat(((e.style || {}).width || "").toString());
+      return Sl({
         cellModels: r,
-        columns: h,
+        columns: b,
         tableViewPortWidth: c,
         scrollLeft: i
       });
     }
     return r;
   };
-  let Q, b = [], M, u = [], ie = [], G = [[]];
-  const mt = e.scrollLeftRef || { current: 0 }, ut = e.widthRef || { current: 0 }, _ = e.localization || new gl(e.language), st = e.intl || new bl((Ne = e.locale) != null ? Ne : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Et, N = Lt(e.rowReorderable), F = e.autoProcessData === !0 ? {
+  let Q, h = [], M, u = [], ce = [], G = [[]];
+  const bt = e.scrollLeftRef || { current: 0 }, ht = e.widthRef || { current: 0 }, _ = e.localization || new El(e.language), yt = e.intl || new Il((Te = e.locale) != null ? Te : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Gt, N = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -206,25 +207,25 @@ const yl = l.forwardRef((e, re) => {
     page: !0
   } : e.autoProcessData;
   let y, S;
-  if (Array.isArray(e.data) ? (y = e.data, S = (Fe = e.total) != null ? Fe : y.length) : (y = ((De = e.data) == null ? void 0 : De.data) || [], S = (Pe = (Ae = e.total) != null ? Ae : (Te = e.data) == null ? void 0 : Te.total) != null ? Pe : y.length), F) {
-    const { data: t, total: r } = St(y, {
-      group: F.group ? e.group : void 0,
-      sort: F.sort ? e.sort : void 0,
-      filter: Rt(
-        F.filter ? e.filter : void 0,
-        F.search ? e.search : void 0
+  if (Array.isArray(e.data) ? (y = e.data, S = (Ae = e.total) != null ? Ae : y.length) : (y = ((Pe = e.data) == null ? void 0 : Pe.data) || [], S = (Be = (He = e.total) != null ? He : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Be : y.length), D) {
+    const { data: t, total: r } = Nt(y, {
+      group: D.group ? e.group : void 0,
+      sort: D.sort ? e.sort : void 0,
+      filter: Dt(
+        D.filter ? e.filter : void 0,
+        D.search ? e.search : void 0
       ),
-      ...F.page ? {
+      ...D.page ? {
         take: e.take,
         skip: e.skip
       } : {}
     });
-    y = t, S = (Ke = e.total) != null ? Ke : r;
+    y = t, S = (Le = e.total) != null ? Le : r;
   }
-  const { size: E = "medium" } = e, ft = typeof e.groupable == "object" && e.groupable.footer || "none", D = e.scrollable === "virtual", P = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, K = vt(!!e.detail), gt = xt(
+  const { size: E = "medium" } = e, wt = typeof e.groupable == "object" && e.groupable.footer || "none", F = e.scrollable === "virtual", P = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, K = Ft(!!e.detail), Ct = Tt(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), { resolvedGroupsCount: bt, flattedData: ht } = lt(
-    ft,
+  ), { resolvedGroupsCount: Et, flattedData: It } = it(
+    wt,
     e.skip || 0,
     e.group,
     e.expandField,
@@ -232,30 +233,30 @@ const yl = l.forwardRef((e, re) => {
     e.groupExpand,
     e.dataItemKey
   );
-  b = ht;
-  const X = ct();
-  X === q && O() && (M = b.slice(
+  h = It;
+  const X = gt();
+  X === q && O() && (M = h.slice(
     e.skip || 0,
     (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
   ));
-  const de = Gt(e.selectable || !!e.selectedField), ce = ze(e.rowSpannable), yt = de && de.drag ? "none" : void 0, z = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
-  ot(z, bt);
+  const me = At(e.selectable || !!e.selectedField), ue = qe(e.rowSpannable), St = me && me.drag ? "none" : void 0, z = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
+  ut(z, Et);
   const Y = l.useMemo(() => {
-    const t = fl(e, u);
+    const t = Cl(e, u);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, u]), me = l.useMemo(() => Y.premium ? !It(Zt, { component: "Grid", features: Y.features }) : !1, [Y.premium]), ue = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: v }) : null), W = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), se = z.filter(
+  }, [e, u]), se = l.useMemo(() => Y.premium ? !kt(nl, { component: "Grid", features: Y.features }) : !1, [Y.premium]), fe = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: v }) : null), W = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ge = z.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), h = u.filter((t) => t.children.length === 0), fe = P && /* @__PURE__ */ l.createElement(Ht, { columns: J(), group: e.group || [], ariaControls: v }), ge = /* @__PURE__ */ l.createElement(
-    At,
+  ), b = u.filter((t) => t.children.length === 0), be = P && /* @__PURE__ */ l.createElement(_t, { columns: J(), group: e.group || [], ariaControls: v }), he = /* @__PURE__ */ l.createElement(
+    Vt,
     {
       size: E,
       staticHeaders: e.scrollable !== "none",
       draggable: e.reorderable || P,
       headerRow: /* @__PURE__ */ l.createElement(
-        Pt,
+        Ot,
         {
           cells: e.cells,
           sort: e.sort,
@@ -264,7 +265,7 @@ const yl = l.forwardRef((e, re) => {
           groupable: P,
           filter: e.filter,
           filterable: e.filterable,
-          filterOperators: e.filterOperators || qe,
+          filterOperators: e.filterOperators || Ze,
           columnMenu: e.columnMenu,
           columnMenuIcon: e.columnMenuIcon,
           columns: u,
@@ -273,19 +274,19 @@ const yl = l.forwardRef((e, re) => {
           navigatable: !!e.navigatable,
           localization: _,
           unstyled: k,
-          headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
+          headerSelectionValue: !!(e.select && h.filter((t) => t.rowType === "data").every(
             (t) => e.select && e.dataItemKey && A(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[A(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
       ),
       filterRow: e.filterable && /* @__PURE__ */ l.createElement(
-        Kt,
+        Mt,
         {
           cells: e.cells,
           size: E,
           columns: u,
           filter: e.filter,
-          filterOperators: e.filterOperators || qe,
+          filterOperators: e.filterOperators || Ze,
           sort: e.sort,
           cellRender: e.filterCellRender,
           navigatable: !!e.navigatable,
@@ -293,30 +294,30 @@ const yl = l.forwardRef((e, re) => {
           localization: _
         }
       ) || void 0,
-      cols: h.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ae(t) }))
+      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: re(t) }))
     }
-  ), be = h.findIndex((t) => typeof t.colSpan == "function") > -1;
+  ), ye = b.findIndex((t) => typeof t.colSpan == "function") > -1;
   let Z;
-  be || (Z = oe(null));
-  const wt = (t, r, d, o, i) => {
+  ye || (Z = de(null));
+  const p = ((Ve = e.editable) == null ? void 0 : Ve.mode) === "dialog", Rt = (Oe = e.editable) == null ? void 0 : Oe.enabled, vt = (t, r, d, o, i) => {
     let c = !1;
-    const a = e.selectedField ? $e(e.selectedField, t.dataItem) : e.select && e.dataItemKey && A(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[A(e.dataItemKey)(t.dataItem)] : void 0;
-    return be && (Z = oe(t.dataItem)), {
+    const a = e.selectedField ? Qe(e.selectedField, t.dataItem) : e.select && e.dataItemKey && A(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[A(e.dataItemKey)(t.dataItem)] : void 0;
+    return ye && (Z = de(t.dataItem)), {
       row: Z.map(({ columnIndex: m, colSpan: w }) => {
-        var Be, Le, Ve, Oe;
-        const n = h[m];
+        var _e, ze, We, $e;
+        const n = b[m];
         let g;
-        if ((Be = n.rowSpannable) != null && Be.enabled && t.rowType === "data" && n.field && i) {
-          const I = n.field ? (Ve = (Le = n.rowSpannable).valueGetter) == null ? void 0 : Ve.call(Le, t.dataItem, n.field) : null;
-          g = { value: I, count: 1 }, i[n.field] && ((Oe = i[n.field]) == null ? void 0 : Oe.value) === I && i[n.field] !== null ? (i[n.field].count++, g.count = null) : i[n.field] = g;
+        if ((_e = n.rowSpannable) != null && _e.enabled && t.rowType === "data" && n.field && i) {
+          const I = n.field ? (We = (ze = n.rowSpannable).valueGetter) == null ? void 0 : We.call(ze, t.dataItem, n.field) : null;
+          g = { value: I, count: 1 }, i[n.field] && (($e = i[n.field]) == null ? void 0 : $e.value) === I && i[n.field] !== null ? (i[n.field].count++, g.count = null) : i[n.field] = g;
         }
-        const j = n.id ? n.id : m, te = f(s.contentSticky({ locked: n.locked }), n.className), B = n.left !== void 0 ? { left: n.left, right: n.right } : {};
+        const j = n.id ? n.id : m, ae = f(s.contentSticky({ locked: n.locked }), n.className), B = n.left !== void 0 ? { left: n.left, right: n.right } : {};
         let R = !1;
         if (n.editable && (e.editable || e.editField)) {
-          const I = e.editField ? $e(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[A(e.dataItemKey)(t.dataItem)] : void 0, le = typeof I == "boolean" ? I : Array.isArray(I) ? I.indexOf(n.field) > -1 : n.field !== void 0 && I === n.field;
-          le && n.columnType === "data" && (le === !0 || le === n.field) && (c = !0, R = !0);
+          const I = e.editField ? Qe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[A(e.dataItemKey)(t.dataItem)] : void 0, ne = typeof I == "boolean" ? I : Array.isArray(I) ? I.indexOf(n.field) > -1 : n.field !== void 0 && I === n.field;
+          ne && n.columnType === "data" && (ne === !0 || ne === n.field) && (c = !0, p || (R = !0));
         }
-        const L = n.cell || R && Tt || qt, U = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", T = {
+        const L = n.cell || R && Lt || pt, U = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", T = {
           locked: e.lockGroups,
           id: V.generateNavigatableId(
             `${r}-${String(m)}`,
@@ -330,11 +331,11 @@ const yl = l.forwardRef((e, re) => {
           format: n.format,
           columnType: n.columnType,
           rowReorderable: N,
-          className: te,
+          className: ae,
           render: e.cellRender,
-          cells: $t(e.cells, n.cells),
+          cells: Xt(e.cells, n.cells),
           columnIndex: m,
-          columnsCount: h.length,
+          columnsCount: b.length,
           rowType: t.rowType,
           level: t.level,
           expanded: t.expanded,
@@ -344,20 +345,20 @@ const yl = l.forwardRef((e, re) => {
           style: {},
           ariaColumnIndex: n.ariaColumnIndex,
           isSelected: (n == null ? void 0 : n._type) === "edit" ? a : Array.isArray(a) && a.indexOf(m) > -1,
-          isSorted: !!We(n.field, e.sort),
+          isSorted: !!Je(n.field, e.sort),
           isInEdit: R,
           isAlt: o,
           unstyled: k,
           group: t.group,
           localization: _,
-          intl: st,
+          intl: yt,
           _rowSpan: g
         };
         return n.cell ? /* @__PURE__ */ l.createElement(
-          cl,
+          bl,
           {
             key: j,
-            isClient: jt(L),
+            isClient: Yt(L),
             dataItem: T.dataItem,
             rowDataIndex: T.rowDataIndex,
             columnIndex: T.columnIndex,
@@ -370,73 +371,74 @@ const yl = l.forwardRef((e, re) => {
       isSelected: typeof a == "boolean" && a
     };
   };
-  let he = 0;
-  if (D && Q)
+  let we = 0;
+  if (F && Q)
     for (let t = 0; t < Q.topCacheCount + Q.attendedSkip - (e.skip || 0); t++) {
-      const r = b.shift();
+      const r = h.shift();
       if (r)
-        b.push(r), he++, r.rowType === "groupHeader" && t--;
+        h.push(r), we++, r.rowType === "groupHeader" && t--;
       else
         break;
     }
-  const ye = (t) => t >= b.length - he;
-  let we = e.skip || 0;
-  const p = [], Ce = !b.length, Ee = G.length + (e.filterable ? 1 : 0) + 1;
+  let ee = null;
+  const Ce = (t) => t >= h.length - we;
+  let Ee = e.skip || 0;
+  const te = [], Ie = !h.length, Se = G.length + (e.filterable ? 1 : 0) + 1;
   let H = 0;
-  if (b.length) {
+  if (h.length) {
     let t = -1, r = 0;
-    const d = ce.enabled ? {} : void 0;
-    (M || b).forEach((o, i) => {
-      o.rowType === "data" && (we++, t++);
-      const c = we % 2 === 0, a = e.dataItemKey && A(e.dataItemKey)(o.dataItem), m = i + (e.skip || 0), w = a || "ai" + m, n = w + "_1", g = wt(o, w, t, c, d);
-      if (H = m + Ee + r, p.push(
+    const d = ue.enabled ? {} : void 0;
+    (M || h).forEach((o, i) => {
+      o.rowType === "data" && (Ee++, t++);
+      const c = Ee % 2 === 0, a = i + (e.skip || 0), m = e.dataItemKey && A(e.dataItemKey)(o.dataItem), w = m || "ai" + a, n = w + "_1", g = vt(o, w, t, c, d);
+      if (H = a + Se + r, p && Rt && g.isInEdit && (ee = o.dataItem), te.push(
         /* @__PURE__ */ l.createElement(
-          Jt,
+          el,
           {
             key: w,
             dataItem: o.dataItem,
             isAltRow: c,
-            isInEdit: g.isInEdit,
+            isInEdit: g.isInEdit && !p,
             rowType: o.rowType,
             isRowReorderable: N,
-            isHidden: ye(i),
+            isHidden: Ce(i),
             onClick: null,
             onDoubleClick: null,
             selectedField: e.selectedField,
             rowHeight: e.rowHeight,
             render: e.rowRender,
             ariaRowIndex: H,
-            absoluteRowIndex: m,
-            dataIndex: D && !e.groupable ? m : t,
+            absoluteRowIndex: a,
+            dataIndex: F && !e.groupable ? a : t,
             isSelected: g.isSelected,
             rows: e.rows
           },
           g.row
         )
       ), e.detail && o.rowType === "data" && o.expanded) {
-        const j = h.length - (e.expandField || K.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
-        r++, H = m + Ee + r, p.push(
+        const j = b.length - (e.expandField || K.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
+        r++, H = a + Se + r, te.push(
           /* @__PURE__ */ l.createElement(
             "tr",
             {
               key: n,
               className: f(s.detailTr({ isAlt: c })),
               style: {
-                visibility: ye(i) ? "hidden" : "",
+                visibility: Ce(i) ? "hidden" : "",
                 height: e.detailRowHeight
               },
               role: "row",
               "aria-rowindex": H
             },
-            e.group && e.group.map((te, B) => {
+            e.group && e.group.map((ae, B) => {
               var U;
               const R = (U = g == null ? void 0 : g.row[B]) == null ? void 0 : U.props.style, L = R ? { left: R.left, right: R.right } : {};
               return /* @__PURE__ */ l.createElement(
-                je,
+                Xe,
                 {
                   id: "",
                   dataIndex: o.dataIndex,
-                  field: te.field,
+                  field: ae.field,
                   dataItem: o.dataItem,
                   key: B,
                   columnPosition: L,
@@ -450,14 +452,14 @@ const yl = l.forwardRef((e, re) => {
               );
             }),
             (e.expandField || K.enabled) && /* @__PURE__ */ l.createElement(
-              el,
+              ol,
               {
                 unstyled: k,
                 id: V.generateNavigatableId(`${n}-dhcell`, x)
               }
             ),
             /* @__PURE__ */ l.createElement(
-              pt,
+              rl,
               {
                 dataItem: o.dataItem,
                 dataIndex: o.dataIndex,
@@ -472,22 +474,22 @@ const yl = l.forwardRef((e, re) => {
       }
     });
   }
-  const Ie = {
+  const Re = {
     size: E,
     total: S,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...Yt(e.pageable || {})
-  }, Se = /* @__PURE__ */ l.createElement(al, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ l.createElement(kt, { className: f(s.pager({})), ...Ie })), Ct = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ae(t) }), Re = (He = e.cells) != null && He.footerCell || u.some((t) => {
+    ...al(e.pageable || {})
+  }, ve = /* @__PURE__ */ l.createElement(cl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Re }) : /* @__PURE__ */ l.createElement(Pt, { className: f(s.pager({})), ...Re })), xt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: re(t) }), xe = (Me = e.cells) != null && Me.footerCell || u.some((t) => {
     var r;
     return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
-    Bt,
+    zt,
     {
       size: E,
       staticHeaders: e.scrollable !== "none",
       row: /* @__PURE__ */ l.createElement(
-        Xt,
+        ll,
         {
           cells: e.cells,
           idPrefix: x,
@@ -495,43 +497,43 @@ const yl = l.forwardRef((e, re) => {
           ariaRowIndex: H + 1
         }
       ),
-      cols: h.map(Ct)
+      cols: b.map(xt)
     }
-  ) : null, ve = /* @__PURE__ */ l.createElement(tl, null, h.map((t, r) => /* @__PURE__ */ l.createElement(
+  ) : null, Ge = /* @__PURE__ */ l.createElement(il, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: r.toString(),
-      className: We(t.field, e.sort) ? f(s.sorted({})) : void 0,
-      width: ae(t)
+      className: Je(t.field, e.sort) ? f(s.sorted({})) : void 0,
+      width: re(t)
     }
-  ))), xe = e.reorderable || P, { detail: wl, cells: Cl, rows: El, ...Ge } = e, ke = /* @__PURE__ */ l.createElement(
+  ))), ke = e.reorderable || P, { detail: xl, cells: Gl, rows: kl, ...Ne } = e, De = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
       className: f(s.tbody({})),
-      ...Nt
+      ...Kt
     },
-    p
-  );
-  let ee = ke;
-  if (N && (ee = /* @__PURE__ */ l.createElement(
-    ml,
+    te
+  ), Fe = ee ? /* @__PURE__ */ l.createElement(Rl, { columns: b, customEditDialog: e.editDialog, dataItem: ee }) : null;
+  let le = De;
+  if (N && (le = /* @__PURE__ */ l.createElement(
+    hl,
     {
       unstyled: s,
       columns: u,
       rowReorderSettings: e.rowReorderable
     },
-    ke
+    De
   )), e.scrollable === "none")
     return /* @__PURE__ */ l.createElement(
-      Qe,
+      et,
       {
-        gridRef: re,
-        gridProps: Ge,
+        gridRef: ie,
+        gridProps: Ne,
         columnsRef: J(),
         columnsMapRef: G,
         columnsState: C,
-        dataRef: b,
+        dataRef: h,
         slicedData: M,
         isFixedVirtualScroll: X === q,
         id: v,
@@ -539,46 +541,47 @@ const yl = l.forwardRef((e, re) => {
         isAllData: O(),
         detailExpandable: !!e.detail
       },
-      /* @__PURE__ */ l.createElement(pe, null, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ l.createElement(nt, null, /* @__PURE__ */ l.createElement(
         "div",
         {
           id: e.id,
           style: e.style,
           className: f(s.wrapper({ size: E }), e.className),
           "aria-label": e.ariaLabel,
-          ..._e
+          ...Ue
         },
-        ue,
         fe,
+        be,
         /* @__PURE__ */ l.createElement(
-          ll,
+          dl,
           {
             selectable: e.selectable,
             className: f(s.table({ size: E }))
           },
-          ve,
-          ge,
-          /* @__PURE__ */ l.createElement(Ze, { rowReorderable: N }, ee),
-          Re
+          Ge,
+          he,
+          /* @__PURE__ */ l.createElement(at, { rowReorderable: N }, le),
+          xe
         ),
-        Ce && /* @__PURE__ */ l.createElement(Je, null, W.length ? W : /* @__PURE__ */ l.createElement(Ue, null)),
-        xe && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Xe, null), /* @__PURE__ */ l.createElement(Ye, null))
+        Ie && /* @__PURE__ */ l.createElement(pe, null, W.length ? W : /* @__PURE__ */ l.createElement(Ye, null)),
+        ke && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(tt, null), /* @__PURE__ */ l.createElement(lt, null))
       )),
-      se,
-      e.pageable && Se,
-      /* @__PURE__ */ l.createElement(tt, { loader: e.loader, showLoader: e.showLoader }),
-      me && /* @__PURE__ */ l.createElement(Me, null)
+      ge,
+      e.pageable && ve,
+      /* @__PURE__ */ l.createElement(ot, { loader: e.loader, showLoader: e.showLoader }),
+      Fe,
+      se && /* @__PURE__ */ l.createElement(je, null)
     );
   let $ = e.style || {};
-  return D && ($.height || ($ = Object.assign({}, $, { height: "450px" }))), /* @__PURE__ */ l.createElement(
-    Qe,
+  return F && ($.height || ($ = Object.assign({}, $, { height: "450px" }))), /* @__PURE__ */ l.createElement(
+    et,
     {
-      gridRef: re,
-      gridProps: Ge,
+      gridRef: ie,
+      gridProps: Ne,
       columnsRef: J(),
       columnsMapRef: G,
       columnsState: C,
-      dataRef: b,
+      dataRef: h,
       slicedData: M,
       isFixedVirtualScroll: X === q,
       id: v,
@@ -586,7 +589,7 @@ const yl = l.forwardRef((e, re) => {
       isAllData: O(),
       detailExpandable: !!e.detail
     },
-    /* @__PURE__ */ l.createElement(pe, null, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ l.createElement(nt, null, /* @__PURE__ */ l.createElement(
       "div",
       {
         id: e.id,
@@ -594,28 +597,28 @@ const yl = l.forwardRef((e, re) => {
         className: f(
           s.wrapper({
             size: E,
-            virtual: D
+            virtual: F
           }),
           e.className
         ),
         "aria-label": e.ariaLabel,
-        ..._e
+        ...Ue
       },
-      ue,
       fe,
+      be,
       /* @__PURE__ */ l.createElement(
         "div",
         {
           className: f(s.ariaRoot({})),
           role: "grid",
-          "aria-colcount": h.length,
+          "aria-colcount": b.length,
           "aria-rowcount": S,
           id: v,
-          "aria-label": _.toLanguageString(et, il[et])
+          "aria-label": _.toLanguageString(rt, fl[rt])
         },
-        ge,
-        /* @__PURE__ */ l.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(rl, null, /* @__PURE__ */ l.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
-          nl,
+        he,
+        /* @__PURE__ */ l.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(ul, null, /* @__PURE__ */ l.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
+          ml,
           {
             selectable: e.selectable,
             tableClassName: f(
@@ -623,29 +626,30 @@ const yl = l.forwardRef((e, re) => {
                 size: E
               })
             ),
-            tableStyle: { userSelect: yt }
+            tableStyle: { userSelect: St }
           },
-          ve,
-          /* @__PURE__ */ l.createElement(Ze, { rowReorderable: N }, ee)
-        ), Ce && /* @__PURE__ */ l.createElement(Je, null, W.length ? W : /* @__PURE__ */ l.createElement(Ue, null))), D && /* @__PURE__ */ l.createElement(
+          Ge,
+          /* @__PURE__ */ l.createElement(at, { rowReorderable: N }, le)
+        ), Ie && /* @__PURE__ */ l.createElement(pe, null, W.length ? W : /* @__PURE__ */ l.createElement(Ye, null))), F && /* @__PURE__ */ l.createElement(
           "div",
           {
             className: f(s.heightContainer({})),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement(ol, { isVirtualScroll: D })
+          /* @__PURE__ */ l.createElement(sl, { isVirtualScroll: F })
         )))),
-        Re,
-        xe && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Xe, null), /* @__PURE__ */ l.createElement(Ye, null)),
-        me && /* @__PURE__ */ l.createElement(Me, null)
+        xe,
+        ke && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(tt, null), /* @__PURE__ */ l.createElement(lt, null)),
+        se && /* @__PURE__ */ l.createElement(je, null)
       ),
-      se,
-      e.pageable && Se,
-      /* @__PURE__ */ l.createElement(tt, { loader: e.loader, showLoader: e.showLoader })
+      ge,
+      e.pageable && ve,
+      /* @__PURE__ */ l.createElement(ot, { loader: e.loader, showLoader: e.showLoader }),
+      Fe
     ))
   );
 });
-yl.displayName = "KendoReactGridComponent";
+vl.displayName = "KendoReactGridComponent";
 export {
-  yl as GridComponent
+  vl as GridComponent
 };