@progress/kendo-react-grid 10.1.0-develop.7 → 10.1.0-develop.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/GridComponent.js +1 -1
  2. package/GridComponent.mjs +129 -126
  3. package/dist/cdn/js/kendo-react-grid.js +1 -1
  4. package/package-metadata.js +1 -1
  5. package/package-metadata.mjs +2 -2
  6. package/package.json +13 -13
package/GridComponent.mjs CHANGED
@@ -5,11 +5,11 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import * as l from "react";
9
- import { uGrid as xt, validatePackage as Gt, getter as K, classNames as f, WatermarkOverlay as Le } from "@progress/kendo-react-common";
8
+ import * as a from "react";
9
+ import { uGrid as xt, validatePackage as Gt, getter as H, classNames as f, WatermarkOverlay as Le } from "@progress/kendo-react-common";
10
10
  import { process as kt } from "@progress/kendo-data-query";
11
- import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as Pt, tableKeyboardNavigationBodyAttributes as Ht, tableKeyboardNavigationScopeAttributes as _e, tableColumnsVirtualization as Kt } from "@progress/kendo-react-data-tools";
12
- import { GridSelectionCell as At } from "./cells/GridSelectionCell.mjs";
11
+ import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as At, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as _e, tableColumnsVirtualization as Ht } from "@progress/kendo-react-data-tools";
12
+ import { GridSelectionCell as Kt } from "./cells/GridSelectionCell.mjs";
13
13
  import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
14
14
  import { GridEditCell as Vt } from "./cells/GridEditCell.mjs";
15
15
  import { Header as Lt } from "./header/Header.mjs";
@@ -21,41 +21,41 @@ import { isRowReorderEnabled as Wt, getRowSpanOptions as Oe, getColumnWidth as r
21
21
  import { GridCell as Zt } from "./cells/GridCell.mjs";
22
22
  import { GridGroupCell as $e } from "./cells/GridGroupCell.mjs";
23
23
  import { GridRow as pt } from "./rows/GridRow.mjs";
24
- import { GridHeaderSelectionCell as el } from "./header/GridHeaderSelectionCell.mjs";
24
+ import { GridHeaderSelectionCell as ea } from "./header/GridHeaderSelectionCell.mjs";
25
25
  import { GridNoRecords as je } from "./components/noRecords/GridNoRecords.mjs";
26
26
  import { operators as Ue } from "./filterCommon.mjs";
27
- import { FooterRow as tl } from "./footer/FooterRow.mjs";
28
- import { normalize as ll } from "./paging/GridPagerSettings.mjs";
29
- import { packageMetadata as al } from "./package-metadata.mjs";
30
- import { GridDetailCell as rl } from "./cells/GridDetailCell.mjs";
31
- import { GridDetailHierarchyCell as nl } from "./cells/GridDetailHierarchyCell.mjs";
27
+ import { FooterRow as ta } from "./footer/FooterRow.mjs";
28
+ import { normalize as aa } from "./paging/GridPagerSettings.mjs";
29
+ import { packageMetadata as la } from "./package-metadata.mjs";
30
+ import { GridDetailCell as ra } from "./cells/GridDetailCell.mjs";
31
+ import { GridDetailHierarchyCell as na } from "./cells/GridDetailHierarchyCell.mjs";
32
32
  import { GridNoRecordsContainer as qe } from "./components/noRecords/GridNoRecordsContainer.mjs";
33
33
  import { GridClientWrapper as Je } from "./GridClientWrapper.mjs";
34
- import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
35
- import { GridTable as ol } from "./components/table/GridTable.mjs";
34
+ import { GridColGroup as ia } from "./components/colGroup/GridColGroup.mjs";
35
+ import { GridTable as oa } from "./components/table/GridTable.mjs";
36
36
  import { GridDropClue as Qe } from "./components/GridDropClue.mjs";
37
37
  import { GridDragClue as Xe } from "./components/GridDragClue.mjs";
38
38
  import { GridTableBody as Ye } from "./components/table/GridTableBody.mjs";
39
- import { PagerContainer as dl } from "./components/PagerContainer.mjs";
40
- import { GridTableScrollable as cl } from "./components/table/GridTableScrollable.mjs";
39
+ import { PagerContainer as da } from "./components/PagerContainer.mjs";
40
+ import { GridTableScrollable as ca } from "./components/table/GridTableScrollable.mjs";
41
41
  import { GridElementContainer as Ze } from "./components/GridElementContainer.mjs";
42
- import { GridContainerElementContainer as sl } from "./components/GridContainerElementContainer.mjs";
43
- import { VirtualScrollHeightContainer as ml } from "./components/VirtualScrollHeightContainer.mjs";
44
- import { gridAriaLabel as pe, messages as ul } from "./messages/index.mjs";
42
+ import { GridContainerElementContainer as sa } from "./components/GridContainerElementContainer.mjs";
43
+ import { VirtualScrollHeightContainer as ma } from "./components/VirtualScrollHeightContainer.mjs";
44
+ import { gridAriaLabel as pe, messages as ua } from "./messages/index.mjs";
45
45
  import { VirtualScrollFixed as U } from "./VirtualScrollFixed.mjs";
46
- import { VirtualScroll as fl } from "./VirtualScroll.mjs";
47
- import { GridCustomCellClientContainer as gl } from "./components/GridCustomCellClientContainer.mjs";
48
- import { GridReorderableRowsContainer as bl } from "./components/GridDraggableRowsContainer.mjs";
49
- import { GridRowReorderCell as hl } from "./cells/GridRowReorderCell.mjs";
50
- import { GridHeaderRowReorderCell as yl } from "./header/client/GridHeaderRowReorderCell.mjs";
46
+ import { VirtualScroll as fa } from "./VirtualScroll.mjs";
47
+ import { GridCustomCellClientContainer as ga } from "./components/GridCustomCellClientContainer.mjs";
48
+ import { GridReorderableRowsContainer as ba } from "./components/GridDraggableRowsContainer.mjs";
49
+ import { GridRowReorderCell as ha } from "./cells/GridRowReorderCell.mjs";
50
+ import { GridHeaderRowReorderCell as ya } from "./header/client/GridHeaderRowReorderCell.mjs";
51
51
  import { GridLoader as et } from "./components/GridLoader.mjs";
52
- import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
53
- import { LocalizationService as wl, IntlService as El } from "@progress/kendo-react-intl";
54
- const Sl = l.forwardRef((e, ie) => {
55
- var Ge, ke, Ne, Fe, De, Te, Pe, He;
52
+ import { gridPremiumFeatures as Ca } from "./utils/premium.mjs";
53
+ import { LocalizationService as wa, IntlService as Ea } from "@progress/kendo-react-intl";
54
+ const Sa = a.forwardRef((e, ie) => {
55
+ var Ge, ke, Ne, Fe, De, Te, Ae, Pe;
56
56
  const x = e.id + "-role-element-id", G = e.navigatable ? x : "";
57
57
  let E = e.columnsState || [];
58
- const tt = (t, n, d, i, o, s, a) => {
58
+ const tt = (t, n, d, i, o, s, l) => {
59
59
  const c = [], g = $t(
60
60
  c,
61
61
  C,
@@ -66,15 +66,15 @@ const Sl = l.forwardRef((e, ie) => {
66
66
  o,
67
67
  s,
68
68
  ft.defaultExpand,
69
- a
69
+ l
70
70
  );
71
71
  return { flattedData: c, resolvedGroupsCount: g };
72
- }, lt = (t) => {
72
+ }, at = (t) => {
73
73
  const n = t.filter(
74
74
  (d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
75
75
  );
76
76
  return Yt(n, E, { prevId: 0, idPrefix: G });
77
- }, at = () => {
77
+ }, lt = () => {
78
78
  const t = [], n = (d, i) => d == null ? void 0 : d.forEach((o) => {
79
79
  const s = o.hidden || i;
80
80
  t.push({
@@ -84,14 +84,14 @@ const Sl = l.forwardRef((e, ie) => {
84
84
  });
85
85
  return n(E, !1), t;
86
86
  }, rt = (t) => {
87
- const n = at();
87
+ const n = lt();
88
88
  return t.filter((d) => {
89
89
  var i;
90
90
  return !d.hidden && !((i = n.find((o) => o.id === d.id)) != null && i.hidden);
91
91
  });
92
92
  }, nt = (t, n) => {
93
93
  var d;
94
- m = lt(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
94
+ m = at(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
95
95
  C,
96
96
  e.group,
97
97
  {
@@ -105,16 +105,16 @@ const Sl = l.forwardRef((e, ie) => {
105
105
  }, it = (t, n) => {
106
106
  const d = (i) => {
107
107
  var s;
108
- const o = n.find((a) => a.id === i.id);
108
+ const o = n.find((l) => l.id === i.id);
109
109
  return o ? (o.children = (s = i.children) == null ? void 0 : s.map(d), o) : ne(i);
110
110
  };
111
111
  E = t.filter((i) => i.parentIndex === -1).map(d);
112
112
  }, ot = (t, n) => {
113
113
  var s;
114
- t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
115
- a.width = a.width || "50px", a.cell = a.cell || At, a._type = "edit", a.headerCell = a.headerCell || el;
116
- }), F !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
117
- a.width = a.width || "50px", a.cell = a.cell || hl, a.headerCell = a.headerCell || yl, a.sortable = !1, a.filterable = !1, a.editable = !1;
114
+ t.filter((l) => e.selectedField && l.field === e.selectedField || l.columnType === "checkbox").forEach((l) => {
115
+ l.width = l.width || "50px", l.cell = l.cell || Kt, l._type = "edit", l.headerCell = l.headerCell || ea;
116
+ }), F !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
117
+ l.width = l.width || "50px", l.cell = l.cell || ha, l.headerCell = l.headerCell || ya, l.sortable = !1, l.filterable = !1, l.editable = !1;
118
118
  });
119
119
  const d = Jt(E);
120
120
  it(t, d);
@@ -140,7 +140,7 @@ const Sl = l.forwardRef((e, ie) => {
140
140
  };
141
141
  let o = 0;
142
142
  if ((e.expandField || B.enabled) && e.detail) {
143
- const a = {
143
+ const l = {
144
144
  ...i,
145
145
  _type: "expand",
146
146
  id: O.generateNavigatableId(`${o++}`, "expand", "column"),
@@ -148,9 +148,9 @@ const Sl = l.forwardRef((e, ie) => {
148
148
  field: (s = B.column) != null ? s : e.expandField,
149
149
  headerClassName: f(u.hierarchyCell({}))
150
150
  };
151
- t.unshift(a), E.unshift(d.find((c) => c.id === a.id) || ne(a));
151
+ t.unshift(l), E.unshift(d.find((c) => c.id === l.id) || ne(l));
152
152
  }
153
- for (let a = 0; a < n; a++) {
153
+ for (let l = 0; l < n; l++) {
154
154
  const c = {
155
155
  ...i,
156
156
  isAccessible: !1,
@@ -161,21 +161,24 @@ const Sl = l.forwardRef((e, ie) => {
161
161
  };
162
162
  t.unshift(c), E.unshift(d.find((g) => g.id === c.id) || ne(c));
163
163
  }
164
- t.slice(o).forEach((a) => {
165
- a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Oe(a.rowSpannable) : ce;
164
+ t.slice(o).forEach((l) => {
165
+ l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? Oe(l.rowSpannable) : ce;
166
166
  });
167
- }, q = () => C.length === e.total, dt = () => {
168
- const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = q(), s = t !== void 0 && t > 0, a = n !== void 0 && n > 0;
169
- return !s || A && !o || !!(d && i) && (!a || !o) ? fl : U;
167
+ }, q = () => {
168
+ var t;
169
+ return Array.isArray(e.data) ? C.length === e.total : C ? e.total === ((t = e.data) == null ? void 0 : t.total) : !1;
170
+ }, dt = () => {
171
+ const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = q(), s = t !== void 0 && t > 0, l = n !== void 0 && n > 0;
172
+ return !s || K && !o || !!(d && i) && (!l || !o) ? fa : U;
170
173
  }, J = () => e.isClient ? m : oe, ct = (t, n, d, i, o, s) => {
171
- let a = We(t, n);
174
+ let l = We(t, n);
172
175
  if (e.columnVirtualization && t.colSpan === 1)
173
176
  return { colSpan: s, colsToSkip: o };
174
177
  let c = d.length - 1 === i, g = d.length - i;
175
- return e.columnVirtualization && (c = h.length - 1 === i, g = h.length - i), a > 1 && !c ? o = a - 1 : a = 1, g <= a && !c && (a = g), { colSpan: a, colsToSkip: o };
178
+ return e.columnVirtualization && (c = h.length - 1 === i, g = h.length - i), l > 1 && !c ? o = l - 1 : l = 1, g <= l && !c && (l = g), { colSpan: l, colsToSkip: o };
176
179
  };
177
180
  let Q, b = [], z, m = [], oe = [], k = [[]];
178
- const st = e.scrollLeftRef || { current: 0 }, M = e.localization || new wl(e.language), mt = e.intl || new El((Ge = e.locale) != null ? Ge : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
181
+ const st = e.scrollLeftRef || { current: 0 }, M = e.localization || new wa(e.language), mt = e.intl || new Ea((Ge = e.locale) != null ? Ge : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
179
182
  group: !0,
180
183
  sort: !0,
181
184
  filter: !0,
@@ -196,9 +199,9 @@ const Sl = l.forwardRef((e, ie) => {
196
199
  skip: e.skip
197
200
  } : {}
198
201
  });
199
- C = t, R = (Pe = e.total) != null ? Pe : n;
202
+ C = t, R = (Ae = e.total) != null ? Ae : n;
200
203
  }
201
- const { size: S = "medium" } = e, ut = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", A = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), ft = Dt(
204
+ const { size: S = "medium" } = e, ut = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), ft = Dt(
202
205
  typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
203
206
  ), { resolvedGroupsCount: gt, flattedData: bt } = tt(
204
207
  ut,
@@ -215,30 +218,30 @@ const Sl = l.forwardRef((e, ie) => {
215
218
  e.skip || 0,
216
219
  (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
217
220
  ));
218
- const de = Tt(e.selectable || !!e.selectedField), ce = Oe(e.rowSpannable), ht = de && de.drag ? "none" : void 0, W = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
221
+ const de = Tt(e.selectable || !!e.selectedField), ce = Oe(e.rowSpannable), ht = de && de.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
219
222
  nt(W, gt);
220
- const Y = l.useMemo(() => {
221
- const t = Cl(e, m);
223
+ const Y = a.useMemo(() => {
224
+ const t = Ca(e, m);
222
225
  return {
223
226
  premium: t.length > 0,
224
227
  features: t
225
228
  };
226
- }, [e, m]), se = l.useMemo(() => Y.premium ? !Gt(al, { component: "Grid", features: Y.features }) : !1, [Y.premium]), me = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: x }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ue = W.filter(
229
+ }, [e, m]), se = a.useMemo(() => Y.premium ? !Gt(la, { component: "Grid", features: Y.features }) : !1, [Y.premium]), me = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, ariaControls: x }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ue = W.filter(
227
230
  (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
228
- ), h = m.filter((t) => t.children.length === 0), fe = A && /* @__PURE__ */ l.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), ge = /* @__PURE__ */ l.createElement(
231
+ ), h = m.filter((t) => t.children.length === 0), fe = K && /* @__PURE__ */ a.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), ge = /* @__PURE__ */ a.createElement(
229
232
  Lt,
230
233
  {
231
234
  size: S,
232
235
  staticHeaders: e.scrollable !== "none",
233
- draggable: e.reorderable || A,
234
- headerRow: /* @__PURE__ */ l.createElement(
236
+ draggable: e.reorderable || K,
237
+ headerRow: /* @__PURE__ */ a.createElement(
235
238
  _t,
236
239
  {
237
240
  cells: e.cells,
238
241
  sort: e.sort,
239
242
  sortable: e.sortable,
240
243
  group: e.group || [],
241
- groupable: A,
244
+ groupable: K,
242
245
  filter: e.filter,
243
246
  filterable: e.filterable,
244
247
  filterOperators: e.filterOperators || Ue,
@@ -251,11 +254,11 @@ const Sl = l.forwardRef((e, ie) => {
251
254
  localization: M,
252
255
  unstyled: N,
253
256
  headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
254
- (t) => e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0
257
+ (t) => e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0
255
258
  ))
256
259
  }
257
260
  ),
258
- filterRow: e.filterable && /* @__PURE__ */ l.createElement(
261
+ filterRow: e.filterable && /* @__PURE__ */ a.createElement(
259
262
  Ot,
260
263
  {
261
264
  cells: e.cells,
@@ -270,30 +273,30 @@ const Sl = l.forwardRef((e, ie) => {
270
273
  localization: M
271
274
  }
272
275
  ) || void 0,
273
- cols: h.map((t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }))
276
+ cols: h.map((t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }))
274
277
  }
275
278
  ), yt = st.current || 0, Ct = parseFloat(((e.style || {}).width || "").toString()), wt = (t, n, d, i, o) => {
276
279
  let s = !1;
277
- const a = e.selectedField ? Me(e.selectedField, t.dataItem) : e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0;
280
+ const l = e.selectedField ? Me(e.selectedField, t.dataItem) : e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
278
281
  let c = 0;
279
- const { colSpans: g, hiddenColumns: P } = Kt({
282
+ const { colSpans: g, hiddenColumns: A } = Ht({
280
283
  enabled: e.columnVirtualization,
281
284
  columns: h,
282
285
  tableViewPortWidth: Ct,
283
286
  scrollLeft: yt,
284
287
  getColSpan: We,
285
288
  dataItem: t.dataItem
286
- }), I = h.filter((r, y) => !P[y]);
289
+ }), I = h.filter((r, y) => !A[y]);
287
290
  return {
288
291
  row: h.map((r, y) => {
289
- var Ke, Ae, Be, Ve;
290
- if (P[y])
292
+ var He, Ke, Be, Ve;
293
+ if (A[y])
291
294
  return null;
292
295
  if (c > 0)
293
296
  return c--, null;
294
297
  let w;
295
- if ((Ke = r.rowSpannable) != null && Ke.enabled && t.rowType === "data" && r.field && o) {
296
- const v = r.field ? (Be = (Ae = r.rowSpannable).valueGetter) == null ? void 0 : Be.call(Ae, t.dataItem, r.field) : null;
298
+ if ((He = r.rowSpannable) != null && He.enabled && t.rowType === "data" && r.field && o) {
299
+ const v = r.field ? (Be = (Ke = r.rowSpannable).valueGetter) == null ? void 0 : Be.call(Ke, t.dataItem, r.field) : null;
297
300
  w = { value: v, count: 1 }, o[r.field] && ((Ve = o[r.field]) == null ? void 0 : Ve.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
298
301
  }
299
302
  const { colSpan: L, colsToSkip: ee } = ct(
@@ -308,10 +311,10 @@ const Sl = l.forwardRef((e, ie) => {
308
311
  const _ = r.id ? r.id : y, It = f(u.contentSticky({ locked: r.locked }), r.className), vt = r.left !== void 0 ? { left: r.left, right: r.right } : {};
309
312
  let te = !1;
310
313
  if (r.editable && (e.editable || e.editField)) {
311
- const v = e.editField ? Me(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[K(e.dataItemKey)(t.dataItem)] : void 0, ae = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
312
- ae && r.columnType === "data" && (ae === !0 || ae === r.field) && (s = !0, te = !0);
314
+ const v = e.editField ? Me(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, le = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
315
+ le && r.columnType === "data" && (le === !0 || le === r.field) && (s = !0, te = !0);
313
316
  }
314
- const le = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", H = {
317
+ const ae = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", P = {
315
318
  locked: e.lockGroups,
316
319
  id: O.generateNavigatableId(
317
320
  `${n}-${String(y)}`,
@@ -338,7 +341,7 @@ const Sl = l.forwardRef((e, ie) => {
338
341
  columnPosition: vt,
339
342
  style: {},
340
343
  ariaColumnIndex: r.ariaColumnIndex,
341
- isSelected: (r == null ? void 0 : r._type) === "edit" ? a : Array.isArray(a) && a.indexOf(y) > -1,
344
+ isSelected: (r == null ? void 0 : r._type) === "edit" ? l : Array.isArray(l) && l.indexOf(y) > -1,
342
345
  isSorted: !!ze(r.field, e.sort),
343
346
  isInEdit: te,
344
347
  isAlt: i,
@@ -348,21 +351,21 @@ const Sl = l.forwardRef((e, ie) => {
348
351
  intl: mt,
349
352
  _rowSpan: w
350
353
  };
351
- return r.cell ? /* @__PURE__ */ l.createElement(
352
- gl,
354
+ return r.cell ? /* @__PURE__ */ a.createElement(
355
+ ga,
353
356
  {
354
357
  key: _,
355
- isClient: Xt(le),
356
- dataItem: H.dataItem,
357
- rowDataIndex: H.rowDataIndex,
358
- columnIndex: H.columnIndex,
359
- columnPosition: H.columnPosition
358
+ isClient: Xt(ae),
359
+ dataItem: P.dataItem,
360
+ rowDataIndex: P.rowDataIndex,
361
+ columnIndex: P.columnIndex,
362
+ columnPosition: P.columnPosition
360
363
  },
361
- /* @__PURE__ */ l.createElement(le, { ...H })
362
- ) : /* @__PURE__ */ l.createElement(le, { key: _, ...H });
364
+ /* @__PURE__ */ a.createElement(ae, { ...P })
365
+ ) : /* @__PURE__ */ a.createElement(ae, { key: _, ...P });
363
366
  }),
364
367
  isInEdit: s,
365
- isSelected: typeof a == "boolean" && a
368
+ isSelected: typeof l == "boolean" && l
366
369
  };
367
370
  };
368
371
  let be = 0;
@@ -383,9 +386,9 @@ const Sl = l.forwardRef((e, ie) => {
383
386
  const d = ce.enabled ? {} : void 0;
384
387
  (z || b).forEach((i, o) => {
385
388
  i.rowType === "data" && (ye++, t++);
386
- const s = ye % 2 === 0, a = e.dataItemKey && K(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = a || "ai" + c, P = g + "_1", I = wt(i, g, t, s, d);
389
+ const s = ye % 2 === 0, l = e.dataItemKey && H(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = l || "ai" + c, A = g + "_1", I = wt(i, g, t, s, d);
387
390
  if (V = c + we + n, Z.push(
388
- /* @__PURE__ */ l.createElement(
391
+ /* @__PURE__ */ a.createElement(
389
392
  pt,
390
393
  {
391
394
  key: g,
@@ -411,10 +414,10 @@ const Sl = l.forwardRef((e, ie) => {
411
414
  ), e.detail && i.rowType === "data" && i.expanded) {
412
415
  const r = h.length - (e.expandField || B.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
413
416
  n++, V = c + we + n, Z.push(
414
- /* @__PURE__ */ l.createElement(
417
+ /* @__PURE__ */ a.createElement(
415
418
  "tr",
416
419
  {
417
- key: P,
420
+ key: A,
418
421
  className: f(u.detailTr({ isAlt: s })),
419
422
  style: {
420
423
  visibility: he(o) ? "hidden" : "",
@@ -426,7 +429,7 @@ const Sl = l.forwardRef((e, ie) => {
426
429
  e.group && e.group.map((y, w) => {
427
430
  var _;
428
431
  const L = (_ = I == null ? void 0 : I.row[w]) == null ? void 0 : _.props.style, ee = L ? { left: L.left, right: L.right } : {};
429
- return /* @__PURE__ */ l.createElement(
432
+ return /* @__PURE__ */ a.createElement(
430
433
  $e,
431
434
  {
432
435
  id: "",
@@ -444,22 +447,22 @@ const Sl = l.forwardRef((e, ie) => {
444
447
  }
445
448
  );
446
449
  }),
447
- (e.expandField || B.enabled) && /* @__PURE__ */ l.createElement(
448
- nl,
450
+ (e.expandField || B.enabled) && /* @__PURE__ */ a.createElement(
451
+ na,
449
452
  {
450
453
  unstyled: N,
451
- id: O.generateNavigatableId(`${P}-dhcell`, G)
454
+ id: O.generateNavigatableId(`${A}-dhcell`, G)
452
455
  }
453
456
  ),
454
- /* @__PURE__ */ l.createElement(
455
- rl,
457
+ /* @__PURE__ */ a.createElement(
458
+ ra,
456
459
  {
457
460
  dataItem: i.dataItem,
458
461
  dataIndex: i.dataIndex,
459
462
  colSpan: r,
460
463
  ariaColIndex: 2 + (e.group ? e.group.length : 0),
461
464
  detail: e.detail,
462
- id: O.generateNavigatableId(`${P}-dcell`, G)
465
+ id: O.generateNavigatableId(`${A}-dcell`, G)
463
466
  }
464
467
  )
465
468
  )
@@ -472,17 +475,17 @@ const Sl = l.forwardRef((e, ie) => {
472
475
  total: R,
473
476
  skip: e.skip || 0,
474
477
  take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
475
- ...ll(e.pageable || {})
476
- }, Se = /* @__PURE__ */ l.createElement(dl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ l.createElement(Pt, { className: f(u.pager({})), ...Ee })), Et = (t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }), St = (He = e.cells) != null && He.footerCell || m.some((t) => {
478
+ ...aa(e.pageable || {})
479
+ }, Se = /* @__PURE__ */ a.createElement(da, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ a.createElement(At, { className: f(u.pager({})), ...Ee })), Et = (t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }), St = (Pe = e.cells) != null && Pe.footerCell || m.some((t) => {
477
480
  var n;
478
481
  return !!(t.footerCell || (n = t.cells) != null && n.footerCell);
479
- }) ? /* @__PURE__ */ l.createElement(
482
+ }) ? /* @__PURE__ */ a.createElement(
480
483
  Mt,
481
484
  {
482
485
  size: S,
483
486
  staticHeaders: e.scrollable !== "none",
484
- row: /* @__PURE__ */ l.createElement(
485
- tl,
487
+ row: /* @__PURE__ */ a.createElement(
488
+ ta,
486
489
  {
487
490
  cells: e.cells,
488
491
  idPrefix: G,
@@ -492,25 +495,25 @@ const Sl = l.forwardRef((e, ie) => {
492
495
  ),
493
496
  cols: h.map(Et)
494
497
  }
495
- ) : null, Ie = /* @__PURE__ */ l.createElement(il, null, h.map((t, n) => /* @__PURE__ */ l.createElement(
498
+ ) : null, Ie = /* @__PURE__ */ a.createElement(ia, null, h.map((t, n) => /* @__PURE__ */ a.createElement(
496
499
  "col",
497
500
  {
498
501
  key: n.toString(),
499
502
  className: ze(t.field, e.sort) ? f(u.sorted({})) : void 0,
500
503
  width: re(t)
501
504
  }
502
- ))), ve = e.reorderable || A, { detail: Il, cells: vl, rows: Rl, ...Re } = e, xe = /* @__PURE__ */ l.createElement(
505
+ ))), ve = e.reorderable || K, { detail: Ia, cells: va, rows: Ra, ...Re } = e, xe = /* @__PURE__ */ a.createElement(
503
506
  "tbody",
504
507
  {
505
508
  role: "rowgroup",
506
509
  className: f(u.tbody({})),
507
- ...Ht
510
+ ...Pt
508
511
  },
509
512
  Z
510
513
  );
511
514
  let p = xe;
512
- if (F && (p = /* @__PURE__ */ l.createElement(
513
- bl,
515
+ if (F && (p = /* @__PURE__ */ a.createElement(
516
+ ba,
514
517
  {
515
518
  unstyled: u,
516
519
  columns: m,
@@ -518,7 +521,7 @@ const Sl = l.forwardRef((e, ie) => {
518
521
  },
519
522
  xe
520
523
  )), e.scrollable === "none")
521
- return /* @__PURE__ */ l.createElement(
524
+ return /* @__PURE__ */ a.createElement(
522
525
  Je,
523
526
  {
524
527
  gridRef: ie,
@@ -534,7 +537,7 @@ const Sl = l.forwardRef((e, ie) => {
534
537
  isAllData: q(),
535
538
  detailExpandable: !!e.detail
536
539
  },
537
- /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
540
+ /* @__PURE__ */ a.createElement(Ze, null, /* @__PURE__ */ a.createElement(
538
541
  "div",
539
542
  {
540
543
  id: e.id,
@@ -545,26 +548,26 @@ const Sl = l.forwardRef((e, ie) => {
545
548
  },
546
549
  me,
547
550
  fe,
548
- /* @__PURE__ */ l.createElement(
549
- ol,
551
+ /* @__PURE__ */ a.createElement(
552
+ oa,
550
553
  {
551
554
  selectable: e.selectable,
552
555
  className: f(u.table({ size: S }))
553
556
  },
554
557
  Ie,
555
558
  ge,
556
- /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
559
+ /* @__PURE__ */ a.createElement(Ye, { rowReorderable: F }, p)
557
560
  ),
558
- Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null)),
559
- ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null))
561
+ Ce && /* @__PURE__ */ a.createElement(qe, null, $.length ? $ : /* @__PURE__ */ a.createElement(je, null)),
562
+ ve && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Qe, null), /* @__PURE__ */ a.createElement(Xe, null))
560
563
  )),
561
564
  ue,
562
565
  e.pageable && Se,
563
- /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader }),
564
- se && /* @__PURE__ */ l.createElement(Le, null)
566
+ /* @__PURE__ */ a.createElement(et, { loader: e.loader, showLoader: e.showLoader }),
567
+ se && /* @__PURE__ */ a.createElement(Le, null)
565
568
  );
566
569
  let j = e.style || {};
567
- return T && (j.height || (j = Object.assign({}, j, { height: "450px" }))), /* @__PURE__ */ l.createElement(
570
+ return T && (j.height || (j = Object.assign({}, j, { height: "450px" }))), /* @__PURE__ */ a.createElement(
568
571
  Je,
569
572
  {
570
573
  gridRef: ie,
@@ -579,7 +582,7 @@ const Sl = l.forwardRef((e, ie) => {
579
582
  total: R,
580
583
  detailExpandable: !!e.detail
581
584
  },
582
- /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
585
+ /* @__PURE__ */ a.createElement(Ze, null, /* @__PURE__ */ a.createElement(
583
586
  "div",
584
587
  {
585
588
  id: e.id,
@@ -596,7 +599,7 @@ const Sl = l.forwardRef((e, ie) => {
596
599
  },
597
600
  me,
598
601
  fe,
599
- /* @__PURE__ */ l.createElement(
602
+ /* @__PURE__ */ a.createElement(
600
603
  "div",
601
604
  {
602
605
  className: f(u.ariaRoot({})),
@@ -604,11 +607,11 @@ const Sl = l.forwardRef((e, ie) => {
604
607
  "aria-colcount": h.length,
605
608
  "aria-rowcount": R,
606
609
  id: x,
607
- "aria-label": M.toLanguageString(pe, ul[pe])
610
+ "aria-label": M.toLanguageString(pe, ua[pe])
608
611
  },
609
612
  ge,
610
- /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(sl, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
611
- cl,
613
+ /* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(sa, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
614
+ ca,
612
615
  {
613
616
  selectable: e.selectable,
614
617
  tableClassName: f(
@@ -619,26 +622,26 @@ const Sl = l.forwardRef((e, ie) => {
619
622
  tableStyle: { userSelect: ht }
620
623
  },
621
624
  Ie,
622
- /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
623
- ), Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null))), T && /* @__PURE__ */ l.createElement(
625
+ /* @__PURE__ */ a.createElement(Ye, { rowReorderable: F }, p)
626
+ ), Ce && /* @__PURE__ */ a.createElement(qe, null, $.length ? $ : /* @__PURE__ */ a.createElement(je, null))), T && /* @__PURE__ */ a.createElement(
624
627
  "div",
625
628
  {
626
629
  className: f(u.heightContainer({})),
627
630
  role: "presentation"
628
631
  },
629
- /* @__PURE__ */ l.createElement(ml, { isVirtualScroll: T })
632
+ /* @__PURE__ */ a.createElement(ma, { isVirtualScroll: T })
630
633
  )))),
631
634
  St,
632
- ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null)),
633
- se && /* @__PURE__ */ l.createElement(Le, null)
635
+ ve && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Qe, null), /* @__PURE__ */ a.createElement(Xe, null)),
636
+ se && /* @__PURE__ */ a.createElement(Le, null)
634
637
  ),
635
638
  ue,
636
639
  e.pageable && Se,
637
- /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader })
640
+ /* @__PURE__ */ a.createElement(et, { loader: e.loader, showLoader: e.showLoader })
638
641
  ))
639
642
  );
640
643
  });
641
- Sl.displayName = "KendoReactGridComponent";
644
+ Sa.displayName = "KendoReactGridComponent";
642
645
  export {
643
- Sl as GridComponent
646
+ Sa as GridComponent
644
647
  };