@progress/kendo-react-grid 10.0.0-develop.2 → 10.0.0-develop.3

package/GridComponent.mjs

@@ -8,7 +8,7 @@
 import * as l from "react";
 import { uGrid as St, validatePackage as vt, getter as H, classNames as f, WatermarkOverlay as Rt, canUseDOM as xt } from "@progress/kendo-react-common";
 import { process as Gt } from "@progress/kendo-data-query";
-import { combineFilters as kt, getDetailExpandableOptions as Nt, getGroupExpandableOptions as Ft, getSelectionOptions as Dt, tableKeyboardNavigationTools as te, Pager as Tt, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as Ae, tableColumnsVirtualization as Ht } from "@progress/kendo-react-data-tools";
+import { combineFilters as kt, getDetailExpandableOptions as Nt, getGroupExpandableOptions as Ft, getSelectionOptions as Dt, tableKeyboardNavigationTools as le, Pager as Tt, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as Ae, tableColumnsVirtualization as Ht } from "@progress/kendo-react-data-tools";
 import { GridSelectionCell as Kt } from "./cells/GridSelectionCell.mjs";
 import { GridHierarchyCell as At } from "./cells/GridHierarchyCell.mjs";
 import { GridEditCell as Bt } from "./cells/GridEditCell.mjs";
@@ -17,7 +17,7 @@ import { HeaderRow as Lt } from "./header/HeaderRow.mjs";
 import { FilterRow as Ot } from "./header/FilterRow.mjs";
 import { GroupPanel as _t } from "./header/GroupPanel.mjs";
 import { Footer as zt } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as Mt, getRowSpanOptions as Be, getColumnWidth as le, isSorted as Ve, flatData as Wt, autoGenerateColumns as jt, mapColumns as $t, clientColumn as Ut, getNestedValue as Le, getColSpan as Oe, resolveCells as Jt, isClientReference as Qt, sanitizeColumns as Xt, readColumns as Yt } from "./utils/index.mjs";
+import { isRowReorderEnabled as Mt, getRowSpanOptions as Be, getColumnWidth as ae, isSorted as Ve, flatData as Wt, autoGenerateColumns as jt, mapColumns as $t, clientColumn as Ut, getNestedValue as Le, getColSpan as Oe, resolveCells as Jt, isClientReference as Qt, sanitizeColumns as Xt, readColumns as Yt } from "./utils/index.mjs";
 import { GridCell as Zt } from "./cells/GridCell.mjs";
 import { GridGroupCell as _e } from "./cells/GridGroupCell.mjs";
 import { GridRow as qt } from "./rows/GridRow.mjs";
@@ -51,7 +51,7 @@ import { GridHeaderRowReorderCell as hl } from "./header/client/GridHeaderRowReo
 import { GridLoader as Ye } from "./components/GridLoader.mjs";
 import { gridPremiumFeatures as yl } from "./utils/premium.mjs";
 import { LocalizationService as Cl, IntlService as wl } from "@progress/kendo-react-intl";
-const El = l.forwardRef((e, ae) => {
+const El = l.forwardRef((e, re) => {
   var ve, Re, xe, Ge, ke, Ne, Fe, De;
   const R = e.id + "-role-element-id", x = e.navigatable ? R : "", Ze = (t, r, d, o, i, a, c) => {
     const u = [], h = Wt(
@@ -147,17 +147,17 @@ const El = l.forwardRef((e, ae) => {
     t.slice(o).forEach((a) => {
       a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Be(a.rowSpannable) : oe;
     });
-  }, re = () => C.length === e.total, rt = () => {
-    const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = re(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
+  }, $ = () => C.length === e.total, rt = () => {
+    const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = $(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
     return !a || K && !i || !!(d && o) && (!c || !i) ? ml : j;
-  }, $ = () => e.isClient ? s : ne, nt = (t, r, d, o, i, a) => {
+  }, U = () => e.isClient ? s : ne, nt = (t, r, d, o, i, a) => {
     let c = Oe(t, r);
     if (e.columnVirtualization && t.colSpan === 1)
       return { colSpan: a, colsToSkip: i };
     let u = d.length - 1 === o, h = d.length - o;
     return e.columnVirtualization && (u = b.length - 1 === o, h = b.length - o), c > 1 && !u ? i = c - 1 : c = 1, h <= c && !u && (c = h), { colSpan: c, colsToSkip: i };
   };
-  let U, g = [], O;
+  let J, g = [], O;
   const s = e.columnsRef || { current: [] }, ne = { current: [] };
   let G = [[]];
   const it = e.scrollLeftRef || { current: 0 }, _ = e.localization || new Cl(e.language), ot = e.intl || new wl((ve = e.locale) != null ? ve : "en"), k = e.unstyled, m = k && k.uGrid ? k.uGrid : St, N = Mt(e.rowReorderable), F = e.autoProcessData === !0 ? {
@@ -195,22 +195,22 @@ const El = l.forwardRef((e, ae) => {
     e.dataItemKey
   );
   g = ut;
-  const J = rt();
-  J === j && re() && (O = g.slice(
+  const Q = rt();
+  Q === j && $() && (O = g.slice(
     e.skip || 0,
     (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
   ));
   const ie = Dt(e.selectable || !!e.selectedField), oe = Be(e.rowSpannable), mt = ie && ie.drag ? "none" : void 0, z = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
   lt(z, st);
-  const Q = l.useMemo(() => {
+  const X = l.useMemo(() => {
     const t = yl(e, s.current);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, s]), ft = l.useMemo(() => Q.premium ? !vt(ll, { component: "Grid", features: Q.features }) : !1, [Q.premium]), de = 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"), ce = z.filter(
+  }, [e, s]), ft = l.useMemo(() => X.premium ? !vt(ll, { component: "Grid", features: X.features }) : !1, [X.premium]), de = 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"), ce = z.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), b = s.current.filter((t) => t.children.length === 0), se = K && /* @__PURE__ */ l.createElement(_t, { columns: $().current, group: e.group || [], ariaControls: R }), ue = /* @__PURE__ */ l.createElement(
+  ), b = s.current.filter((t) => t.children.length === 0), se = K && /* @__PURE__ */ l.createElement(_t, { columns: U().current, group: e.group || [], ariaControls: R }), ue = /* @__PURE__ */ l.createElement(
     Vt,
     {
       size: E,
@@ -255,7 +255,7 @@ const El = l.forwardRef((e, ae) => {
           localization: _
         }
       ) || void 0,
-      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: le(t) }))
+      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ae(t) }))
     }
   ), gt = it.current || 0, bt = parseFloat(((e.style || {}).width || "").toString()), ht = (t, r, d, o, i) => {
     let a = !1;
@@ -281,7 +281,7 @@ const El = l.forwardRef((e, ae) => {
           const S = n.field ? (He = (Pe = n.rowSpannable).valueGetter) == null ? void 0 : He.call(Pe, t.dataItem, n.field) : null;
           w = { value: S, count: 1 }, i[n.field] && ((Ke = i[n.field]) == null ? void 0 : Ke.value) === S && i[n.field] !== null ? (i[n.field].count++, w.count = null) : i[n.field] = w;
         }
-        const { colSpan: V, colsToSkip: Z } = nt(
+        const { colSpan: V, colsToSkip: q } = nt(
           n,
           t.dataItem,
           I,
@@ -289,16 +289,16 @@ const El = l.forwardRef((e, ae) => {
           u,
           h[y]
         );
-        u = Z;
+        u = q;
         const L = n.id ? n.id : y, wt = f(m.contentSticky({ locked: n.locked }), n.className), Et = n.left !== void 0 ? { left: n.left, right: n.right } : {};
-        let q = !1;
+        let p = !1;
         if (n.editable && (e.editable || e.editField)) {
-          const S = e.editField ? Le(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, ee = typeof S == "boolean" ? S : Array.isArray(S) ? S.indexOf(n.field) > -1 : n.field !== void 0 && S === n.field;
-          ee && n.columnType === "data" && (ee === !0 || ee === n.field) && (a = !0, q = !0);
+          const S = e.editField ? Le(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, te = typeof S == "boolean" ? S : Array.isArray(S) ? S.indexOf(n.field) > -1 : n.field !== void 0 && S === n.field;
+          te && n.columnType === "data" && (te === !0 || te === n.field) && (a = !0, p = !0);
         }
-        const p = n.cell || q && Bt || Zt, It = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
+        const ee = n.cell || p && Bt || Zt, It = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
           locked: e.lockGroups,
-          id: te.generateNavigatableId(
+          id: le.generateNavigatableId(
             `${r}-${String(y)}`,
             x,
             It || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
@@ -325,7 +325,7 @@ const El = l.forwardRef((e, ae) => {
           ariaColumnIndex: n.ariaColumnIndex,
           isSelected: (n == null ? void 0 : n._type) === "edit" ? c : Array.isArray(c) && c.indexOf(y) > -1,
           isSorted: !!Ve(n.field, e.sort),
-          isInEdit: q,
+          isInEdit: p,
           isAlt: o,
           unstyled: k,
           group: t.group,
@@ -337,22 +337,22 @@ const El = l.forwardRef((e, ae) => {
           fl,
           {
             key: L,
-            isClient: Qt(p),
+            isClient: Qt(ee),
             dataItem: P.dataItem,
             rowDataIndex: P.rowDataIndex,
             columnIndex: P.columnIndex,
             columnPosition: P.columnPosition
           },
-          /* @__PURE__ */ l.createElement(p, { ...P })
-        ) : /* @__PURE__ */ l.createElement(p, { key: L, ...P });
+          /* @__PURE__ */ l.createElement(ee, { ...P })
+        ) : /* @__PURE__ */ l.createElement(ee, { key: L, ...P });
       }),
       isInEdit: a,
       isSelected: typeof c == "boolean" && c
     };
   };
   let me = 0;
-  if (D && U)
-    for (let t = 0; t < U.topCacheCount + U.attendedSkip - (e.skip || 0); t++) {
+  if (D && J)
+    for (let t = 0; t < J.topCacheCount + J.attendedSkip - (e.skip || 0); t++) {
       const r = g.shift();
       if (r)
         g.push(r), me++, r.rowType === "groupHeader" && t--;
@@ -361,7 +361,7 @@ const El = l.forwardRef((e, ae) => {
     }
   const fe = (t) => t >= g.length - me;
   let ge = e.skip || 0;
-  const X = [], be = !g.length, he = G.length + (e.filterable ? 1 : 0) + 1;
+  const Y = [], be = !g.length, he = G.length + (e.filterable ? 1 : 0) + 1;
   let B = 0;
   if (g.length) {
     let t = -1, r = 0;
@@ -369,7 +369,7 @@ const El = l.forwardRef((e, ae) => {
     (O || g).forEach((o, i) => {
       o.rowType === "data" && (ge++, t++);
       const a = ge % 2 === 0, c = e.dataItemKey && H(e.dataItemKey)(o.dataItem), u = i + (e.skip || 0), h = c || "ai" + u, T = h + "_1", I = ht(o, h, t, a, d);
-      if (B = u + he + r, X.push(
+      if (B = u + he + r, Y.push(
         /* @__PURE__ */ l.createElement(
           qt,
           {
@@ -395,7 +395,7 @@ const El = l.forwardRef((e, ae) => {
         )
       ), 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 = u + he + r, X.push(
+        r++, B = u + he + r, Y.push(
           /* @__PURE__ */ l.createElement(
             "tr",
             {
@@ -410,7 +410,7 @@ const El = l.forwardRef((e, ae) => {
             },
             e.group && e.group.map((y, w) => {
               var L;
-              const V = (L = I == null ? void 0 : I.row[w]) == null ? void 0 : L.props.style, Z = V ? { left: V.left, right: V.right } : {};
+              const V = (L = I == null ? void 0 : I.row[w]) == null ? void 0 : L.props.style, q = V ? { left: V.left, right: V.right } : {};
               return /* @__PURE__ */ l.createElement(
                 _e,
                 {
@@ -419,7 +419,7 @@ const El = l.forwardRef((e, ae) => {
                   field: y.field,
                   dataItem: o.dataItem,
                   key: w,
-                  columnPosition: Z,
+                  columnPosition: q,
                   style: {},
                   ariaColumnIndex: 1 + w,
                   isSelected: !1,
@@ -433,7 +433,7 @@ const El = l.forwardRef((e, ae) => {
               rl,
               {
                 unstyled: k,
-                id: te.generateNavigatableId(`${T}-dhcell`, x)
+                id: le.generateNavigatableId(`${T}-dhcell`, x)
               }
             ),
             /* @__PURE__ */ l.createElement(
@@ -444,7 +444,7 @@ const El = l.forwardRef((e, ae) => {
                 colSpan: n,
                 ariaColIndex: 2 + (e.group ? e.group.length : 0),
                 detail: e.detail,
-                id: te.generateNavigatableId(`${T}-dcell`, x)
+                id: le.generateNavigatableId(`${T}-dcell`, x)
               }
             )
           )
@@ -458,7 +458,7 @@ const El = l.forwardRef((e, ae) => {
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
     ...tl(e.pageable || {})
-  }, Ce = /* @__PURE__ */ l.createElement(ol, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...ye }) : /* @__PURE__ */ l.createElement(Tt, { className: f(m.pager({})), ...ye })), yt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: le(t) }), Ct = (De = e.cells) != null && De.footerCell || s.current.some((t) => {
+  }, Ce = /* @__PURE__ */ l.createElement(ol, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...ye }) : /* @__PURE__ */ l.createElement(Tt, { className: f(m.pager({})), ...ye })), yt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ae(t) }), Ct = (De = e.cells) != null && De.footerCell || s.current.some((t) => {
     var r;
     return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
@@ -482,7 +482,7 @@ const El = l.forwardRef((e, ae) => {
     {
       key: r.toString(),
       className: Ve(t.field, e.sort) ? f(m.sorted({})) : void 0,
-      width: le(t)
+      width: ae(t)
     }
   ))), Ee = e.reorderable || K, { detail: Il, cells: Sl, rows: vl, ...Ie } = e, Se = /* @__PURE__ */ l.createElement(
     "tbody",
@@ -491,10 +491,10 @@ const El = l.forwardRef((e, ae) => {
       className: f(m.tbody({})),
       ...Pt
     },
-    X
+    Y
   );
-  let Y = Se;
-  if (N && (Y = /* @__PURE__ */ l.createElement(
+  let Z = Se;
+  if (N && (Z = /* @__PURE__ */ l.createElement(
     gl,
     {
       unstyled: m,
@@ -506,15 +506,16 @@ const El = l.forwardRef((e, ae) => {
     return /* @__PURE__ */ l.createElement(
       je,
       {
-        gridRef: ae,
+        gridRef: re,
         gridProps: Ie,
-        columnsRef: $(),
+        columnsRef: U(),
         columnsMapRef: G,
         dataRef: g,
         slicedData: O,
-        isFixedVirtualScroll: J === j,
+        isFixedVirtualScroll: Q === j,
         id: R,
         total: v,
+        isAllData: $(),
         detailExpandable: !!e.detail
       },
       /* @__PURE__ */ l.createElement(Qe, null, /* @__PURE__ */ l.createElement(
@@ -536,7 +537,7 @@ const El = l.forwardRef((e, ae) => {
           },
           we,
           ue,
-          /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Y)
+          /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Z)
         ),
         be && /* @__PURE__ */ l.createElement(We, null, M.length ? M : /* @__PURE__ */ l.createElement(ze, null)),
         Ee && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement($e, null), /* @__PURE__ */ l.createElement(Ue, null))
@@ -549,13 +550,13 @@ const El = l.forwardRef((e, ae) => {
   return D && (W.height || (W = Object.assign({}, W, { height: "450px" }))), /* @__PURE__ */ l.createElement(
     je,
     {
-      gridRef: ae,
+      gridRef: re,
       gridProps: Ie,
-      columnsRef: $(),
+      columnsRef: U(),
       columnsMapRef: G,
       dataRef: g,
       slicedData: O,
-      isFixedVirtualScroll: J === j,
+      isFixedVirtualScroll: Q === j,
       id: R,
       total: v,
       detailExpandable: !!e.detail
@@ -600,7 +601,7 @@ const El = l.forwardRef((e, ae) => {
             tableStyle: { userSelect: mt }
           },
           we,
-          /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Y)
+          /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Z)
         ), be && /* @__PURE__ */ l.createElement(We, null, M.length ? M : /* @__PURE__ */ l.createElement(ze, null))), D && /* @__PURE__ */ l.createElement(
           "div",
           {