@progress/kendo-react-grid 11.0.0-develop.22 → 11.0.0-develop.24

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 (8) hide show
  1. package/GridClientWrapper.js +1 -1
  2. package/GridClientWrapper.mjs +1 -1
  3. package/GridComponent.js +1 -1
  4. package/GridComponent.mjs +276 -294
  5. package/dist/cdn/js/kendo-react-grid.js +1 -1
  6. package/package-metadata.js +1 -1
  7. package/package-metadata.mjs +2 -2
  8. package/package.json +16 -16
package/GridComponent.mjs CHANGED
@@ -6,63 +6,63 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  import * as a from "react";
9
- import { uGrid as Nt, hasValidLicense as Dt, validatePackage as Tt, getter as H, classNames as f, WatermarkOverlay as $e } from "@progress/kendo-react-common";
10
- import { process as Ht } from "@progress/kendo-data-query";
11
- import { combineFilters as Pt, getDetailExpandableOptions as Kt, getGroupExpandableOptions as At, getSelectionOptions as Bt, tableKeyboardNavigationTools as O, Pager as Ft, tableKeyboardNavigationBodyAttributes as Lt, tableKeyboardNavigationScopeAttributes as je } from "@progress/kendo-react-data-tools";
12
- import { GridHierarchyCell as Mt } from "./cells/hierarchycell/GridHierarchyCell.mjs";
13
- import { GridEditCell as Ot } from "./cells/editcell/GridEditCell.mjs";
14
- import { Header as _t } from "./header/Header.mjs";
15
- import { HeaderRow as zt } from "./header/HeaderRow.mjs";
16
- import { FilterRow as Vt } from "./header/FilterRow.mjs";
17
- import { GroupPanel as Wt } from "./header/GroupPanel.mjs";
18
- import { Footer as $t } from "./footer/Footer.mjs";
19
- import { isRowReorderEnabled as jt, getRowSpanOptions as Ue, getColumnWidth as ne, isSorted as qe, flatData as Ut, autoGenerateColumns as qt, mapColumns as Jt, clientColumn as Qt, getFlatColumnsState as Xt, getColumnState as oe, getColSpan as Yt, resolveCells as Zt, readColumns as pt } from "./utils/index.mjs";
20
- import { GridCell as el } from "./cells/datacell/GridCell.mjs";
21
- import { GridGroupCell as Je } from "./cells/groupcell/GridGroupCell.mjs";
22
- import { GridRow as tl } from "./rows/GridRow.mjs";
23
- import { GridHeaderSelectionCell as ll } from "./header/GridHeaderSelectionCell.mjs";
24
- import { GridNoRecords as Qe } from "./components/noRecords/GridNoRecords.mjs";
25
- import { operators as Xe } from "./filterCommon.mjs";
26
- import { FooterRow as al } from "./footer/FooterRow.mjs";
27
- import { normalize as rl } from "./paging/GridPagerSettings.mjs";
28
- import { packageMetadata as Ye } from "./package-metadata.mjs";
29
- import { GridDetailCell as nl } from "./cells/detailcell/GridDetailCell.mjs";
30
- import { GridDetailHierarchyCell as ol } from "./cells/GridDetailHierarchyCell.mjs";
31
- import { GridNoRecordsContainer as Ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
32
- import { GridClientWrapper as pe } from "./GridClientWrapper.mjs";
33
- import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
34
- import { GridTable as dl } from "./components/table/GridTable.mjs";
35
- import { GridDropClue as et } from "./components/GridDropClue.mjs";
36
- import { GridDragClue as tt } from "./components/GridDragClue.mjs";
37
- import { GridTableBody as lt } from "./components/table/GridTableBody.mjs";
38
- import { PagerContainer as cl } from "./components/PagerContainer.mjs";
39
- import { GridTableScrollable as ml } from "./components/table/GridTableScrollable.mjs";
40
- import { GridElementContainer as at } from "./components/GridElementContainer.mjs";
41
- import { GridContainerElementContainer as ul } from "./components/GridContainerElementContainer.mjs";
42
- import { VirtualScrollHeightContainer as sl } from "./components/VirtualScrollHeightContainer.mjs";
43
- import { gridAriaLabel as rt, messages as fl } from "./messages/index.mjs";
44
- import { GridReorderableRowsContainer as gl } from "./components/GridDraggableRowsContainer.mjs";
45
- import { GridRowReorderCell as bl } from "./cells/rowreordercell/GridRowReorderCell.mjs";
46
- import { GridHeaderRowReorderCell as hl } from "./header/client/GridHeaderRowReorderCell.mjs";
47
- import { GridLoader as nt } from "./components/GridLoader.mjs";
48
- import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
49
- import { LocalizationService as yl, IntlService as wl } from "@progress/kendo-react-intl";
50
- import { getVirtualCellsToRender as El } from "./utils/virtualColumns.mjs";
51
- import { GridEditDialog as Sl } from "./components/GridEditDialog.mjs";
52
- import { GridCellServer as Il } from "./cells/datacell/GridCellServer.mjs";
53
- import { GridEditCellServer as vl } from "./cells/editcell/GridEditCellServer.mjs";
54
- import { GridSelectionCellServer as Rl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
55
- import { GridSelectionCell as Gl } from "./cells/selectioncell/GridSelectionCell.mjs";
56
- import { GridHierarchyCellServer as xl } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
57
- import { GridRowReorderCellServer as kl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
58
- import { GridDetailCellServer as Nl } from "./cells/detailcell/GridDetailCellServer.mjs";
59
- import { GridGroupCellServer as Dl } from "./cells/groupcell/GridGroupCellServer.mjs";
60
- const Tl = a.forwardRef((e, ie) => {
61
- var Te, He, Pe, Ke, Ae, Be, Fe, Le, Me, Oe, _e, ze;
62
- const R = e.id + "-role-element-id", G = e.navigatable ? R : "";
63
- let E = e.columnsState || [];
9
+ import { uGrid as Dt, hasValidLicense as Tt, validatePackage as Ht, getter as D, classNames as f, WatermarkOverlay as We } from "@progress/kendo-react-common";
10
+ import { process as Pt } from "@progress/kendo-data-query";
11
+ import { combineFilters as Kt, getDetailExpandableOptions as At, getGroupExpandableOptions as Bt, getSelectionOptions as Ft, tableKeyboardNavigationTools as O, Pager as Lt, tableKeyboardNavigationBodyAttributes as Mt, tableKeyboardNavigationScopeAttributes as $e } from "@progress/kendo-react-data-tools";
12
+ import { GridHierarchyCell as Ot } from "./cells/hierarchycell/GridHierarchyCell.mjs";
13
+ import { GridEditCell as _t } from "./cells/editcell/GridEditCell.mjs";
14
+ import { Header as zt } from "./header/Header.mjs";
15
+ import { HeaderRow as Vt } from "./header/HeaderRow.mjs";
16
+ import { FilterRow as Wt } from "./header/FilterRow.mjs";
17
+ import { GroupPanel as $t } from "./header/GroupPanel.mjs";
18
+ import { Footer as jt } from "./footer/Footer.mjs";
19
+ import { isRowReorderEnabled as Ut, getRowSpanOptions as je, getColumnWidth as le, isSorted as Ue, flatData as qt, autoGenerateColumns as Jt, mapColumns as Qt, clientColumn as Xt, getFlatColumnsState as Yt, getColumnState as ae, getColSpan as Zt, resolveCells as pt, readColumns as el } from "./utils/index.mjs";
20
+ import { GridCell as tl } from "./cells/datacell/GridCell.mjs";
21
+ import { GridGroupCell as qe } from "./cells/groupcell/GridGroupCell.mjs";
22
+ import { GridRow as ll } from "./rows/GridRow.mjs";
23
+ import { GridHeaderSelectionCell as al } from "./header/GridHeaderSelectionCell.mjs";
24
+ import { GridNoRecords as Je } from "./components/noRecords/GridNoRecords.mjs";
25
+ import { operators as Qe } from "./filterCommon.mjs";
26
+ import { FooterRow as rl } from "./footer/FooterRow.mjs";
27
+ import { normalize as nl } from "./paging/GridPagerSettings.mjs";
28
+ import { packageMetadata as Xe } from "./package-metadata.mjs";
29
+ import { GridDetailCell as ol } from "./cells/detailcell/GridDetailCell.mjs";
30
+ import { GridDetailHierarchyCell as il } from "./cells/GridDetailHierarchyCell.mjs";
31
+ import { GridNoRecordsContainer as Ye } from "./components/noRecords/GridNoRecordsContainer.mjs";
32
+ import { GridClientWrapper as Ze } from "./GridClientWrapper.mjs";
33
+ import { GridColGroup as dl } from "./components/colGroup/GridColGroup.mjs";
34
+ import { GridTable as cl } from "./components/table/GridTable.mjs";
35
+ import { GridDropClue as pe } from "./components/GridDropClue.mjs";
36
+ import { GridDragClue as et } from "./components/GridDragClue.mjs";
37
+ import { GridTableBody as tt } from "./components/table/GridTableBody.mjs";
38
+ import { PagerContainer as ml } from "./components/PagerContainer.mjs";
39
+ import { GridTableScrollable as ul } from "./components/table/GridTableScrollable.mjs";
40
+ import { GridElementContainer as lt } from "./components/GridElementContainer.mjs";
41
+ import { GridContainerElementContainer as sl } from "./components/GridContainerElementContainer.mjs";
42
+ import { VirtualScrollHeightContainer as fl } from "./components/VirtualScrollHeightContainer.mjs";
43
+ import { gridAriaLabel as at, messages as gl } from "./messages/index.mjs";
44
+ import { GridReorderableRowsContainer as bl } from "./components/GridDraggableRowsContainer.mjs";
45
+ import { GridRowReorderCell as hl } from "./cells/rowreordercell/GridRowReorderCell.mjs";
46
+ import { GridHeaderRowReorderCell as Cl } from "./header/client/GridHeaderRowReorderCell.mjs";
47
+ import { GridLoader as rt } from "./components/GridLoader.mjs";
48
+ import { gridPremiumFeatures as yl } from "./utils/premium.mjs";
49
+ import { LocalizationService as wl, IntlService as El } from "@progress/kendo-react-intl";
50
+ import { getVirtualCellsToRender as Sl } from "./utils/virtualColumns.mjs";
51
+ import { GridEditDialog as Il } from "./components/GridEditDialog.mjs";
52
+ import { GridCellServer as vl } from "./cells/datacell/GridCellServer.mjs";
53
+ import { GridEditCellServer as Rl } from "./cells/editcell/GridEditCellServer.mjs";
54
+ import { GridSelectionCellServer as Gl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
55
+ import { GridSelectionCell as xl } from "./cells/selectioncell/GridSelectionCell.mjs";
56
+ import { GridHierarchyCellServer as kl } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
57
+ import { GridRowReorderCellServer as Nl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
58
+ import { GridDetailCellServer as Dl } from "./cells/detailcell/GridDetailCellServer.mjs";
59
+ import { GridGroupCellServer as Tl } from "./cells/groupcell/GridGroupCellServer.mjs";
60
+ const Hl = a.forwardRef((e, nt) => {
61
+ var De, Te, He, Pe, Ke, Ae, Be, Fe, Le, Me, Oe, _e;
62
+ const T = e.id + "-role-element-id", R = e.navigatable ? T : "";
63
+ let I = e.columnsState || [];
64
64
  const ot = (t, o, n, d, i, l, c) => {
65
- const u = [], T = Ut(
65
+ const u = [], N = qt(
66
66
  u,
67
67
  t,
68
68
  o,
@@ -73,12 +73,12 @@ const Tl = a.forwardRef((e, ie) => {
73
73
  Et.defaultExpand,
74
74
  c
75
75
  );
76
- return { flattedData: u, resolvedGroupsCount: T };
76
+ return { flattedData: u, resolvedGroupsCount: N };
77
77
  }, it = (t) => {
78
78
  const o = t.filter(
79
79
  (n) => n && n.type && n.type.displayName === "KendoReactGridColumn"
80
80
  );
81
- return pt(o, E, { prevId: 0, idPrefix: G });
81
+ return el(o, I, { prevId: 0, idPrefix: R });
82
82
  }, dt = () => {
83
83
  const t = [], o = (n, d) => n == null ? void 0 : n.forEach((i) => {
84
84
  const l = i.hidden || d;
@@ -87,7 +87,7 @@ const Tl = a.forwardRef((e, ie) => {
87
87
  hidden: l
88
88
  }), o(i.children, l);
89
89
  });
90
- return o(E, !1), t;
90
+ return o(I, !1), t;
91
91
  }, ct = (t) => {
92
92
  const o = dt();
93
93
  return t.filter((n) => {
@@ -95,31 +95,31 @@ const Tl = a.forwardRef((e, ie) => {
95
95
  return !n.hidden && !((d = o.find((i) => i.id === n.id)) != null && d.hidden);
96
96
  });
97
97
  }, mt = (t, o) => {
98
- m = it(t), m.filter((n) => !n.hidden).length === 0 && (m = qt(
99
- C,
98
+ m = it(t), m.filter((n) => !n.hidden).length === 0 && (m = Jt(
99
+ h,
100
100
  e.group,
101
101
  {
102
102
  column: P.column
103
103
  },
104
104
  {
105
105
  prevId: 0,
106
- idPrefix: G
106
+ idPrefix: R
107
107
  }
108
- )), st(m, o), m = ct(m), x = Jt(m, !0), me = m.map(Qt);
108
+ )), st(m, o), m = ct(m), H = Qt(m, !0), ie = m.map(Xt);
109
109
  }, ut = (t, o) => {
110
110
  const n = (d) => {
111
111
  var l;
112
112
  const i = o.find((c) => c.id === d.id);
113
- return i ? (i.children = (l = d.children) == null ? void 0 : l.map(n), i) : oe(d);
113
+ return i ? (i.children = (l = d.children) == null ? void 0 : l.map(n), i) : ae(d);
114
114
  };
115
- E = t.filter((d) => d.parentIndex === -1).map(n);
115
+ I = t.filter((d) => d.parentIndex === -1).map(n);
116
116
  }, st = (t, o) => {
117
117
  t.filter((l) => l.columnType === "checkbox").forEach((l) => {
118
- l.width = l.width || "50px", l.defaultCell = e.isClient ? Gl : Rl, l.defaultHeaderCell = ll, l._type = "edit";
119
- }), N !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
120
- l.width = l.width || "50px", l.defaultCell = e.isClient ? bl : kl, l.defaultHeaderCell = hl, l.sortable = !1, l.filterable = !1, l.editable = !1;
118
+ l.width = l.width || "50px", l.defaultCell = e.isClient ? xl : Gl, l.defaultHeaderCell = al, l._type = "edit";
119
+ }), x !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
120
+ l.width = l.width || "50px", l.defaultCell = e.isClient ? hl : Nl, l.defaultHeaderCell = Cl, l.sortable = !1, l.filterable = !1, l.editable = !1;
121
121
  });
122
- const n = Xt(E);
122
+ const n = Yt(I);
123
123
  ut(t, n);
124
124
  const d = {
125
125
  id: "",
@@ -147,27 +147,27 @@ const Tl = a.forwardRef((e, ie) => {
147
147
  ...d,
148
148
  _type: "expand",
149
149
  id: O.generateNavigatableId(`${i++}`, "expand", "column"),
150
- defaultCell: e.isClient ? Mt : xl,
150
+ defaultCell: e.isClient ? Ot : kl,
151
151
  field: P.column,
152
152
  headerClassName: f(s.hierarchyCell({}))
153
153
  };
154
- t.unshift(l), E.unshift(n.find((c) => c.id === l.id) || oe(l));
154
+ t.unshift(l), I.unshift(n.find((c) => c.id === l.id) || ae(l));
155
155
  }
156
156
  for (let l = 0; l < o; l++) {
157
157
  const c = {
158
158
  ...d,
159
159
  isAccessible: !1,
160
- defaultCell: e.isClient ? Je : Dl,
160
+ defaultCell: e.isClient ? qe : Tl,
161
161
  id: O.generateNavigatableId(`${i++}`, "group", "column"),
162
162
  field: "value",
163
163
  locked: e.lockGroups
164
164
  };
165
- t.unshift(c), E.unshift(n.find((u) => u.id === c.id) || oe(c));
165
+ t.unshift(c), I.unshift(n.find((u) => u.id === c.id) || ae(c));
166
166
  }
167
167
  t.slice(i).forEach((l) => {
168
- l.parentIndex >= 0 && (l.parentIndex += i), l.rowSpannable = l.rowSpannable !== void 0 ? Ue(l.rowSpannable) : fe;
168
+ l.parentIndex >= 0 && (l.parentIndex += i), l.rowSpannable = l.rowSpannable !== void 0 ? je(l.rowSpannable) : se;
169
169
  });
170
- }, U = () => e.isClient ? m : me, de = (t) => {
170
+ }, re = () => e.isClient ? m : ie, ne = (t) => {
171
171
  const o = [];
172
172
  let n = null, d = 0;
173
173
  if (g.forEach((i, l) => {
@@ -176,7 +176,7 @@ const Tl = a.forwardRef((e, ie) => {
176
176
  d--, n && (n.width += c);
177
177
  return;
178
178
  }
179
- const u = Math.min(Yt(i, t), g.length - l);
179
+ const u = Math.min(Zt(i, t), g.length - l);
180
180
  d = u - 1, n = {
181
181
  width: c,
182
182
  colSpan: u,
@@ -184,7 +184,7 @@ const Tl = a.forwardRef((e, ie) => {
184
184
  }, o.push(n);
185
185
  }), e.columnVirtualization) {
186
186
  const i = gt.current || 0, l = bt.current || parseFloat(((e.style || {}).width || "").toString());
187
- return El({
187
+ return Sl({
188
188
  cellModels: o,
189
189
  columns: g,
190
190
  tableViewPortWidth: l,
@@ -194,7 +194,7 @@ const Tl = a.forwardRef((e, ie) => {
194
194
  return o;
195
195
  }, ft = () => {
196
196
  const { pageable: t, take: o, pageSize: n } = e;
197
- if (!h)
197
+ if (!w)
198
198
  return 0;
199
199
  if (!t) {
200
200
  if (o)
@@ -205,34 +205,34 @@ const Tl = a.forwardRef((e, ie) => {
205
205
  const d = e.rowHeight || Ct.current, i = ht.current;
206
206
  return i && d ? Math.ceil(i / d * 1.5) : 0;
207
207
  };
208
- let b = [], ce, m = [], me = [], x = [[]];
209
- const gt = e.scrollLeftRef || { current: 0 }, bt = e.widthRef || { current: 0 }, ht = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new yl(e.language), yt = e.intl || new wl((Te = e.locale) != null ? Te : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Nt, N = jt(e.rowReorderable), h = e.scrollable === "virtual" || e.scrollable === void 0 && Dt(Ye), D = e.autoProcessData === !0 ? {
208
+ let b = [], oe, m = [], ie = [], H = [[]];
209
+ const gt = e.scrollLeftRef || { current: 0 }, bt = e.widthRef || { current: 0 }, ht = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new wl(e.language), yt = e.intl || new El((De = e.locale) != null ? De : "en"), G = e.unstyled, s = G && G.uGrid ? G.uGrid : Dt, x = Ut(e.rowReorderable), w = e.scrollable === "virtual" || e.scrollable === void 0 && Tt(Xe), k = e.autoProcessData === !0 ? {
210
210
  group: !0,
211
211
  sort: !0,
212
212
  filter: !0,
213
213
  search: !0,
214
214
  page: !0
215
215
  } : e.autoProcessData;
216
- let C, v;
217
- if (Array.isArray(e.data) ? (C = e.data, v = (He = e.total) != null ? He : C.length) : (C = ((Pe = e.data) == null ? void 0 : Pe.data) || [], v = (Be = (Ae = e.total) != null ? Ae : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Be : C.length), D) {
218
- const t = D.page && !(h && !e.pageable), { data: o, total: n } = Ht(C, {
219
- group: D.group ? e.group : void 0,
220
- sort: D.sort ? e.sort : void 0,
221
- filter: Pt(
222
- D.filter ? e.filter : void 0,
223
- D.search ? e.search : void 0
216
+ let h, v;
217
+ if (Array.isArray(e.data) ? (h = e.data, v = (Te = e.total) != null ? Te : h.length) : (h = ((He = e.data) == null ? void 0 : He.data) || [], v = (Ae = (Ke = e.total) != null ? Ke : (Pe = e.data) == null ? void 0 : Pe.total) != null ? Ae : h.length), k) {
218
+ const t = k.page && !(w && !e.pageable), { data: o, total: n } = Pt(h, {
219
+ group: k.group ? e.group : void 0,
220
+ sort: k.sort ? e.sort : void 0,
221
+ filter: Kt(
222
+ k.filter ? e.filter : void 0,
223
+ k.search ? e.search : void 0
224
224
  ),
225
225
  ...t ? {
226
226
  take: e.pageable ? e.take || 10 : e.take,
227
227
  skip: e.skip || 0
228
228
  } : {}
229
229
  });
230
- C = o, v = (Fe = e.total) != null ? Fe : n;
230
+ h = o, v = (Be = e.total) != null ? Be : n;
231
231
  }
232
- const z = C.length === v, { size: S = "medium" } = e, wt = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = Kt(!!e.detail), Et = At(
232
+ const z = h.length === v, { size: E = "medium" } = e, wt = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = At(!!e.detail), Et = Bt(
233
233
  typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
234
- ), ue = !!((Le = e.group) != null && Le.length), { resolvedGroupsCount: St, flattedData: It } = ot(
235
- C,
234
+ ), de = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: St, flattedData: It } = ot(
235
+ h,
236
236
  wt,
237
237
  z ? 0 : e.skip || 0,
238
238
  e.group,
@@ -241,30 +241,30 @@ const Tl = a.forwardRef((e, ie) => {
241
241
  e.dataItemKey
242
242
  );
243
243
  b = It;
244
- const q = ft(), J = ((Me = e.virtualSkipRef) == null ? void 0 : Me.current) || 0;
245
- let Q = v;
246
- if (h) {
244
+ const ce = ft(), U = ((Le = e.virtualSkipRef) == null ? void 0 : Le.current) || 0;
245
+ let me = v;
246
+ if (w) {
247
247
  let t = e.skip || 0;
248
- (ue || e.pageable) && (t = J, Q = b.length), (z || ue || e.pageable) && (ce = b.slice(t, t + q));
248
+ (de || e.pageable) && (t = U, me = b.length), (z || de || e.pageable) && (oe = b.slice(t, t + ce));
249
249
  }
250
- const se = Bt(e.selectable), fe = Ue(e.rowSpannable), vt = se && se.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
250
+ const ue = Ft(e.selectable), se = je(e.rowSpannable), vt = ue && ue.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
251
251
  mt(W, St);
252
- const X = a.useMemo(() => {
253
- const t = Cl(e, m);
252
+ const q = a.useMemo(() => {
253
+ const t = yl(e, m);
254
254
  return {
255
255
  premium: t.length > 0,
256
256
  features: t
257
257
  };
258
- }, [e, m]), ge = a.useMemo(() => X.premium ? !Tt(Ye, { component: "Grid", features: X.features }) : !1, [X.premium]), be = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, _ariaControls: R, ariaLabel: "Top toolbar" }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), he = W.filter(
258
+ }, [e, m]), fe = a.useMemo(() => q.premium ? !Ht(Xe, { component: "Grid", features: q.features }) : !1, [q.premium]), ge = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, _ariaControls: T, ariaLabel: "Top toolbar" }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), be = W.filter(
259
259
  (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
260
- ), g = m.filter((t) => t.children.length === 0), Ce = V && /* @__PURE__ */ a.createElement(Wt, { columns: U(), group: e.group || [], ariaControls: R }), ye = /* @__PURE__ */ a.createElement(
261
- _t,
260
+ ), g = m.filter((t) => t.children.length === 0), he = V && /* @__PURE__ */ a.createElement($t, { columns: re(), group: e.group || [], ariaControls: T }), Ce = /* @__PURE__ */ a.createElement(
261
+ zt,
262
262
  {
263
- size: S,
263
+ size: E,
264
264
  staticHeaders: e.scrollable !== "none",
265
265
  draggable: e.reorderable || V,
266
266
  headerRow: /* @__PURE__ */ a.createElement(
267
- zt,
267
+ Vt,
268
268
  {
269
269
  cells: e.cells,
270
270
  sort: e.sort,
@@ -273,72 +273,72 @@ const Tl = a.forwardRef((e, ie) => {
273
273
  groupable: V,
274
274
  filter: e.filter,
275
275
  filterable: e.filterable,
276
- filterOperators: e.filterOperators || Xe,
276
+ filterOperators: e.filterOperators || Qe,
277
277
  columnMenu: e.columnMenu,
278
278
  columnMenuIcon: e.columnMenuIcon,
279
279
  columns: m,
280
- columnsMap: x,
280
+ columnsMap: H,
281
281
  navigatable: !!e.navigatable,
282
282
  localization: _,
283
- unstyled: k,
283
+ unstyled: G,
284
284
  headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
285
- (t) => e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0
285
+ (t) => e.select && e.dataItemKey && D(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[D(e.dataItemKey)(t.dataItem)] : void 0
286
286
  ))
287
287
  }
288
288
  ),
289
289
  filterRow: e.filterable && /* @__PURE__ */ a.createElement(
290
- Vt,
290
+ Wt,
291
291
  {
292
292
  cells: e.cells,
293
- size: S,
293
+ size: E,
294
294
  columns: m,
295
295
  filter: e.filter,
296
- filterOperators: e.filterOperators || Xe,
296
+ filterOperators: e.filterOperators || Qe,
297
297
  sort: e.sort,
298
298
  navigatable: !!e.navigatable,
299
- ariaRowIndex: x.length + 1,
299
+ ariaRowIndex: H.length + 1,
300
300
  localization: _
301
301
  }
302
302
  ) || void 0,
303
- cols: g.map((t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: ne(t) }))
303
+ cols: g.map((t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: le(t) }))
304
304
  }
305
- ), we = g.findIndex((t) => typeof t.colSpan == "function") > -1;
306
- let Y;
307
- we || (Y = de(null));
308
- const Z = ((Oe = e.editable) == null ? void 0 : Oe.mode) === "dialog", Rt = (_e = e.editable) == null ? void 0 : _e.enabled, Gt = (t, o, n, d, i) => {
305
+ ), ye = g.findIndex((t) => typeof t.colSpan == "function") > -1;
306
+ let J;
307
+ ye || (J = ne(null));
308
+ const Q = ((Me = e.editable) == null ? void 0 : Me.mode) === "dialog", Rt = (Oe = e.editable) == null ? void 0 : Oe.enabled, Gt = (t, o, n, d, i) => {
309
309
  let l = !1;
310
- const c = e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
311
- return we && (Y = de(t.dataItem)), {
312
- row: Y.map(({ columnIndex: u, colSpan: T }) => {
313
- var j, M, Ve, We;
310
+ const c = e.select && e.dataItemKey && D(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[D(e.dataItemKey)(t.dataItem)] : void 0;
311
+ return ye && (J = ne(t.dataItem)), {
312
+ row: J.map(({ columnIndex: u, colSpan: N }) => {
313
+ var j, M, ze, Ve;
314
314
  const r = g[u];
315
- let y;
315
+ let C;
316
316
  if ((j = r.rowSpannable) != null && j.enabled && t.rowType === "data" && r.field && i) {
317
- const I = r.field ? (Ve = (M = r.rowSpannable).valueGetter) == null ? void 0 : Ve.call(M, t.dataItem, r.field) : null;
318
- y = { value: I, count: 1 }, i[r.field] && ((We = i[r.field]) == null ? void 0 : We.value) === I && i[r.field] !== null ? (i[r.field].count++, y.count = null) : i[r.field] = y;
317
+ const S = r.field ? (ze = (M = r.rowSpannable).valueGetter) == null ? void 0 : ze.call(M, t.dataItem, r.field) : null;
318
+ C = { value: S, count: 1 }, i[r.field] && ((Ve = i[r.field]) == null ? void 0 : Ve.value) === S && i[r.field] !== null ? (i[r.field].count++, C.count = null) : i[r.field] = C;
319
319
  }
320
- const A = r.id ? r.id : u, w = f(s.contentSticky({ locked: r.locked }), r.className), le = r.left !== void 0 ? { left: r.left, right: r.right } : {};
320
+ const A = r.id ? r.id : u, y = f(s.contentSticky({ locked: r.locked }), r.className), p = r.left !== void 0 ? { left: r.left, right: r.right } : {};
321
321
  let B = !1;
322
322
  if (r.editable && e.editable) {
323
- const I = e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, re = typeof I == "boolean" ? I : Array.isArray(I) ? r.field && I.indexOf(r.field) > -1 : r.field !== void 0 && I === r.field;
324
- re && r.columnType === "data" && (re === !0 || re === r.field) && (l = !0, Z || (B = !0));
323
+ const S = e.edit && e.dataItemKey ? e.edit[D(e.dataItemKey)(t.dataItem)] : void 0, te = typeof S == "boolean" ? S : Array.isArray(S) ? r.field && S.indexOf(r.field) > -1 : r.field !== void 0 && S === r.field;
324
+ te && r.columnType === "data" && (te === !0 || te === r.field) && (l = !0, Q || (B = !0));
325
325
  }
326
- const ae = r._type === "expand", F = {
326
+ const ee = r._type === "expand", F = {
327
327
  locked: e.lockGroups,
328
328
  id: O.generateNavigatableId(
329
329
  `${o}-${String(u)}`,
330
- G,
331
- ae || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
330
+ R,
331
+ ee || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
332
332
  ),
333
- colSpan: T,
333
+ colSpan: N,
334
334
  dataItem: t.dataItem,
335
335
  field: r.field,
336
336
  editor: r.editor,
337
337
  format: r.format,
338
338
  columnType: r.columnType,
339
- rowReorderable: N,
340
- className: w,
341
- cells: Zt(e.cells, r.cells),
339
+ rowReorderable: x,
340
+ className: y,
341
+ cells: pt(e.cells, r.cells),
342
342
  columnIndex: u,
343
343
  columnsCount: g.length,
344
344
  rowType: t.rowType,
@@ -346,85 +346,92 @@ const Tl = a.forwardRef((e, ie) => {
346
346
  expanded: t.expanded,
347
347
  dataIndex: t.dataIndex,
348
348
  rowDataIndex: n,
349
- columnPosition: le,
349
+ columnPosition: p,
350
350
  style: {},
351
351
  ariaColumnIndex: r.ariaColumnIndex,
352
352
  isSelected: !!((r == null ? void 0 : r._type) === "edit" ? c : Array.isArray(c) && c.indexOf(u) > -1),
353
- isSorted: !!qe(r.field, e.sort),
353
+ isSorted: !!Ue(r.field, e.sort),
354
354
  isInEdit: B,
355
355
  isAlt: d,
356
- unstyled: k,
356
+ unstyled: G,
357
357
  group: t.group,
358
358
  localization: _,
359
359
  intl: yt,
360
- _rowSpan: y
361
- }, L = r.defaultCell || B && (e.isClient ? Ot : vl) || (e.isClient ? el : Il);
360
+ _rowSpan: C
361
+ }, L = r.defaultCell || B && (e.isClient ? _t : Rl) || (e.isClient ? tl : vl);
362
362
  return /* @__PURE__ */ a.createElement(L, { key: A, cellProps: F });
363
363
  }),
364
364
  isInEdit: l,
365
365
  isSelected: typeof c == "boolean" && c
366
366
  };
367
367
  };
368
- let xt = 0, p = null;
369
- const Ee = (t) => t >= b.length - xt, ee = [], Se = !b.length;
368
+ let xt = 0, X = null;
369
+ const we = (t) => t >= b.length - xt, Y = [], Ee = !b.length;
370
370
  let K = 0;
371
371
  if (b.length) {
372
- const t = x.length + (e.filterable ? 1 : 0) + 1;
372
+ const t = H.length + (e.filterable ? 1 : 0) + 1;
373
373
  let o = e.skip || 0, n = -1, d = 0;
374
- const i = fe.enabled ? {} : void 0;
375
- h && (n += J, o += J, e.pageable || (n += e.skip || 0)), (ce || b).forEach((l, c) => {
374
+ const i = se.enabled ? {} : void 0;
375
+ if (w) {
376
+ if (U > 0) {
377
+ const l = b.slice(0, U).filter((c) => c.rowType === "data").length;
378
+ n += l, o += l;
379
+ }
380
+ !e.pageable && z && (n += e.skip || 0);
381
+ }
382
+ (oe || b).forEach((l, c) => {
376
383
  l.rowType === "data" && n++;
377
- const u = l.dataIndex % 2 !== 0, T = e.dataItemKey && H(e.dataItemKey)(l.dataItem), r = c + o, y = T || "ai" + r, A = y + "_1", w = Gt(l, y, n, u, i);
378
- if (K = r + t + d, Z && Rt && w.isInEdit && (p = l.dataItem), ee.push(
384
+ const u = l.dataIndex % 2 !== 0, N = e.dataItemKey && D(e.dataItemKey)(l.dataItem), r = c + o, C = N || "ai" + r, A = C + "_1", y = Gt(l, C, n, u, i);
385
+ if (K = r + t + d, Q && Rt && y.isInEdit && (X = l.dataItem), Y.push(
379
386
  /* @__PURE__ */ a.createElement(
380
- tl,
387
+ ll,
381
388
  {
382
- key: y,
389
+ key: C,
383
390
  dataItem: l.dataItem,
384
391
  isAltRow: u,
385
- isInEdit: w.isInEdit && !Z,
392
+ isInEdit: y.isInEdit && !Q,
386
393
  rowType: l.rowType,
387
- isRowReorderable: N,
388
- isHidden: Ee(c),
394
+ isRowReorderable: x,
395
+ isHidden: we(c),
389
396
  onClick: null,
390
397
  onDoubleClick: null,
391
398
  rowHeight: e.rowHeight,
392
399
  ariaRowIndex: K,
393
400
  absoluteRowIndex: r,
394
401
  dataIndex: n,
395
- isSelected: w.isSelected,
402
+ isSelected: y.isSelected,
396
403
  rows: e.rows
397
404
  },
398
- w.row
405
+ y.row
399
406
  )
400
407
  ), e.detail && l.rowType === "data" && l.expanded) {
401
- const le = g.length - (P.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
408
+ const p = g.length - (P.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
402
409
  d++, K = r + t + d;
403
- const B = e.isClient ? nl : Nl;
404
- ee.push(
410
+ const B = e.isClient ? ol : Dl;
411
+ Y.push(
405
412
  /* @__PURE__ */ a.createElement(
406
413
  "tr",
407
414
  {
408
415
  key: A,
409
416
  className: f(s.detailTr({ isAlt: u })),
410
417
  style: {
411
- visibility: Ee(c) ? "hidden" : "",
418
+ visibility: we(c) ? "hidden" : "",
412
419
  height: e.detailRowHeight
413
420
  },
414
421
  role: "row",
415
422
  "aria-rowindex": K
416
423
  },
417
- e.group && e.group.map((ae, F) => {
424
+ e.group && e.group.map((ee, F) => {
418
425
  var M;
419
- const L = (M = w == null ? void 0 : w.row[F]) == null ? void 0 : M.props.style, j = L ? { left: L.left, right: L.right } : {};
426
+ const L = (M = y == null ? void 0 : y.row[F]) == null ? void 0 : M.props.style, j = L ? { left: L.left, right: L.right } : {};
420
427
  return /* @__PURE__ */ a.createElement(
421
- Je,
428
+ qe,
422
429
  {
423
430
  key: F,
424
431
  cellProps: {
425
432
  id: "",
426
433
  dataItem: l.dataItem,
427
- field: ae.field,
434
+ field: ee.field,
428
435
  dataIndex: l.dataIndex,
429
436
  columnPosition: j,
430
437
  style: {},
@@ -438,10 +445,10 @@ const Tl = a.forwardRef((e, ie) => {
438
445
  );
439
446
  }),
440
447
  P.enabled && /* @__PURE__ */ a.createElement(
441
- ol,
448
+ il,
442
449
  {
443
- unstyled: k,
444
- id: O.generateNavigatableId(`${A}-dhcell`, G)
450
+ unstyled: G,
451
+ id: O.generateNavigatableId(`${A}-dhcell`, R)
445
452
  }
446
453
  ),
447
454
  /* @__PURE__ */ a.createElement(
@@ -449,10 +456,10 @@ const Tl = a.forwardRef((e, ie) => {
449
456
  {
450
457
  dataItem: l.dataItem,
451
458
  dataIndex: l.dataIndex,
452
- colSpan: le,
459
+ colSpan: p,
453
460
  ariaColIndex: 2 + (e.group ? e.group.length : 0),
454
461
  detail: e.detail,
455
- id: O.generateNavigatableId(`${A}-dcell`, G)
462
+ id: O.generateNavigatableId(`${A}-dcell`, R)
456
463
  }
457
464
  )
458
465
  )
@@ -460,179 +467,154 @@ const Tl = a.forwardRef((e, ie) => {
460
467
  }
461
468
  });
462
469
  }
463
- const Ie = {
464
- size: S,
470
+ const Se = {
471
+ size: E,
465
472
  total: v,
466
473
  skip: e.skip || 0,
467
474
  take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
468
- ...rl(e.pageable || {})
469
- }, ve = /* @__PURE__ */ a.createElement(cl, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ a.createElement(Ft, { className: f(s.pager({})), ...Ie })), kt = (t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: ne(t) }), Re = (ze = e.cells) != null && ze.footerCell || m.some((t) => {
475
+ ...nl(e.pageable || {})
476
+ }, Ie = /* @__PURE__ */ a.createElement(ml, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Se }) : /* @__PURE__ */ a.createElement(Lt, { className: f(s.pager({})), ...Se })), kt = (t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: le(t) }), ve = (_e = e.cells) != null && _e.footerCell || m.some((t) => {
470
477
  var o;
471
478
  return !!((o = t.cells) != null && o.footerCell);
472
479
  }) ? /* @__PURE__ */ a.createElement(
473
- $t,
480
+ jt,
474
481
  {
475
- size: S,
482
+ size: E,
476
483
  staticHeaders: e.scrollable !== "none",
477
484
  row: /* @__PURE__ */ a.createElement(
478
- al,
485
+ rl,
479
486
  {
480
487
  cells: e.cells,
481
- idPrefix: G,
488
+ idPrefix: R,
482
489
  columns: m,
483
490
  ariaRowIndex: K + 1
484
491
  }
485
492
  ),
486
493
  cols: g.map(kt)
487
494
  }
488
- ) : null, Ge = /* @__PURE__ */ a.createElement(il, null, g.map((t, o) => /* @__PURE__ */ a.createElement(
495
+ ) : null, Re = /* @__PURE__ */ a.createElement(dl, null, g.map((t, o) => /* @__PURE__ */ a.createElement(
489
496
  "col",
490
497
  {
491
498
  key: o.toString(),
492
- className: qe(t.field, e.sort) ? f(s.sorted({})) : void 0,
493
- width: ne(t)
499
+ className: Ue(t.field, e.sort) ? f(s.sorted({})) : void 0,
500
+ width: le(t)
494
501
  }
495
- ))), xe = e.reorderable || V, { detail: Hl, cells: Pl, rows: Kl, ...ke } = e, Ne = /* @__PURE__ */ a.createElement(
502
+ ))), Ge = e.reorderable || V, { detail: Pl, cells: Kl, rows: Al, ...Nt } = e, xe = /* @__PURE__ */ a.createElement(
496
503
  "tbody",
497
504
  {
498
505
  role: "rowgroup",
499
506
  className: f(s.tbody({})),
500
- ...Lt
507
+ ...Mt
501
508
  },
502
- ee
503
- ), De = p ? /* @__PURE__ */ a.createElement(Sl, { columns: g, customEditDialog: e.editDialog, dataItem: p }) : null;
504
- let te = Ne;
505
- return N && (te = /* @__PURE__ */ a.createElement(
506
- gl,
509
+ Y
510
+ ), ke = X ? /* @__PURE__ */ a.createElement(Il, { columns: g, customEditDialog: e.editDialog, dataItem: X }) : null;
511
+ let Z = xe;
512
+ x && (Z = /* @__PURE__ */ a.createElement(
513
+ bl,
507
514
  {
508
515
  unstyled: s,
509
516
  columns: m,
510
517
  rowReorderSettings: e.rowReorderable
511
518
  },
512
- Ne
513
- )), e.scrollable === "none" ? /* @__PURE__ */ a.createElement(
514
- pe,
519
+ xe
520
+ ));
521
+ const Ne = {
522
+ gridRef: nt,
523
+ innerGrid: e.innerGrid,
524
+ gridProps: Nt,
525
+ columnsRef: re(),
526
+ columnsMapRef: H,
527
+ columnsState: I,
528
+ dataRef: b,
529
+ id: T,
530
+ virtualTotal: me,
531
+ isAllData: z,
532
+ virtualPageSize: ce,
533
+ isVirtualScroll: w,
534
+ detailExpandable: !!e.detail
535
+ };
536
+ return e.scrollable === "none" ? /* @__PURE__ */ a.createElement(Ze, { ...Ne }, /* @__PURE__ */ a.createElement(lt, null, /* @__PURE__ */ a.createElement(
537
+ "div",
515
538
  {
516
- gridRef: ie,
517
- gridProps: ke,
518
- innerGrid: e.innerGrid,
519
- columnsRef: U(),
520
- columnsMapRef: x,
521
- columnsState: E,
522
- dataRef: b,
523
- id: R,
524
- virtualTotal: Q,
525
- isAllData: z,
526
- virtualPageSize: q,
527
- isVirtualScroll: h,
528
- detailExpandable: !!e.detail
539
+ id: e.id,
540
+ style: e.style,
541
+ className: f(s.wrapper({ size: E }), e.className),
542
+ ...$e
529
543
  },
530
- /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
531
- "div",
544
+ ge,
545
+ he,
546
+ /* @__PURE__ */ a.createElement(
547
+ cl,
532
548
  {
533
- id: e.id,
534
- style: e.style,
535
- className: f(s.wrapper({ size: S }), e.className),
536
- ...je
549
+ selectable: e.selectable,
550
+ className: f(s.table({ size: E }))
537
551
  },
538
- be,
552
+ Re,
539
553
  Ce,
540
- /* @__PURE__ */ a.createElement(
541
- dl,
542
- {
543
- selectable: e.selectable,
544
- className: f(s.table({ size: S }))
545
- },
546
- Ge,
547
- ye,
548
- /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, te),
549
- Re
550
- ),
551
- Se && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null)),
552
- xe && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null))
553
- )),
554
- he,
555
- e.pageable && ve,
556
- /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }),
557
- De,
558
- ge && /* @__PURE__ */ a.createElement($e, null)
559
- ) : /* @__PURE__ */ a.createElement(
560
- pe,
554
+ /* @__PURE__ */ a.createElement(tt, { rowReorderable: x }, Z),
555
+ ve
556
+ ),
557
+ Ee && /* @__PURE__ */ a.createElement(Ye, null, $.length ? $ : /* @__PURE__ */ a.createElement(Je, null)),
558
+ Ge && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(pe, null), /* @__PURE__ */ a.createElement(et, null))
559
+ )), be, e.pageable && Ie, /* @__PURE__ */ a.createElement(rt, { loader: e.loader, showLoader: e.showLoader }), ke, fe && /* @__PURE__ */ a.createElement(We, null)) : /* @__PURE__ */ a.createElement(Ze, { ...Ne }, /* @__PURE__ */ a.createElement(lt, null, /* @__PURE__ */ a.createElement(
560
+ "div",
561
561
  {
562
- gridRef: ie,
563
- innerGrid: e.innerGrid,
564
- gridProps: ke,
565
- columnsRef: U(),
566
- columnsMapRef: x,
567
- columnsState: E,
568
- dataRef: b,
569
- id: R,
570
- virtualTotal: Q,
571
- isAllData: z,
572
- virtualPageSize: q,
573
- isVirtualScroll: h,
574
- detailExpandable: !!e.detail
562
+ id: e.id,
563
+ style: e.style,
564
+ className: f(
565
+ s.wrapper({
566
+ size: E,
567
+ virtual: w
568
+ }),
569
+ e.className
570
+ ),
571
+ ...$e
575
572
  },
576
- /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
573
+ ge,
574
+ he,
575
+ /* @__PURE__ */ a.createElement(
577
576
  "div",
578
577
  {
579
- id: e.id,
580
- style: e.style,
581
- className: f(
582
- s.wrapper({
583
- size: S,
584
- virtual: h
585
- }),
586
- e.className
587
- ),
588
- ...je
578
+ className: f(s.ariaRoot({})),
579
+ role: "grid",
580
+ "aria-colcount": g.length,
581
+ "aria-rowcount": v,
582
+ id: T,
583
+ "aria-label": _.toLanguageString(at, gl[at])
589
584
  },
590
- be,
591
585
  Ce,
592
- /* @__PURE__ */ a.createElement(
593
- "div",
586
+ /* @__PURE__ */ a.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(sl, null, /* @__PURE__ */ a.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
587
+ ul,
594
588
  {
595
- className: f(s.ariaRoot({})),
596
- role: "grid",
597
- "aria-colcount": g.length,
598
- "aria-rowcount": v,
599
- id: R,
600
- "aria-label": _.toLanguageString(rt, fl[rt])
589
+ selectable: e.selectable,
590
+ tableClassName: f(
591
+ s.table({
592
+ size: E
593
+ })
594
+ ),
595
+ tableStyle: { userSelect: vt }
601
596
  },
602
- ye,
603
- /* @__PURE__ */ a.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(ul, null, /* @__PURE__ */ a.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
604
- ml,
605
- {
606
- selectable: e.selectable,
607
- tableClassName: f(
608
- s.table({
609
- size: S
610
- })
611
- ),
612
- tableStyle: { userSelect: vt }
613
- },
614
- Ge,
615
- /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, te)
616
- ), Se && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null))), h && /* @__PURE__ */ a.createElement(
617
- "div",
618
- {
619
- className: f(s.heightContainer({})),
620
- role: "presentation"
621
- },
622
- /* @__PURE__ */ a.createElement(sl, { isVirtualScroll: h })
623
- )))),
624
597
  Re,
625
- xe && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null)),
626
- ge && /* @__PURE__ */ a.createElement($e, null)
627
- ),
628
- he,
629
- e.pageable && ve,
630
- /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }),
631
- De
632
- ))
633
- );
598
+ /* @__PURE__ */ a.createElement(tt, { rowReorderable: x }, Z)
599
+ ), Ee && /* @__PURE__ */ a.createElement(Ye, null, $.length ? $ : /* @__PURE__ */ a.createElement(Je, null))), w && /* @__PURE__ */ a.createElement(
600
+ "div",
601
+ {
602
+ className: f(s.heightContainer({})),
603
+ role: "presentation"
604
+ },
605
+ /* @__PURE__ */ a.createElement(fl, { isVirtualScroll: w })
606
+ )))),
607
+ ve,
608
+ Ge && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(pe, null), /* @__PURE__ */ a.createElement(et, null)),
609
+ fe && /* @__PURE__ */ a.createElement(We, null)
610
+ ),
611
+ be,
612
+ e.pageable && Ie,
613
+ /* @__PURE__ */ a.createElement(rt, { loader: e.loader, showLoader: e.showLoader }),
614
+ ke
615
+ )));
634
616
  });
635
- Tl.displayName = "KendoReactGridComponent";
617
+ Hl.displayName = "KendoReactGridComponent";
636
618
  export {
637
- Tl as GridComponent
619
+ Hl as GridComponent
638
620
  };