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

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 (10) hide show
  1. package/Grid.js +1 -1
  2. package/Grid.mjs +11 -10
  3. package/GridComponent.js +1 -1
  4. package/GridComponent.mjs +150 -150
  5. package/dist/cdn/js/kendo-react-grid.js +1 -1
  6. package/index.d.mts +10 -0
  7. package/index.d.ts +10 -0
  8. package/package-metadata.js +1 -1
  9. package/package-metadata.mjs +2 -2
  10. package/package.json +13 -13
package/GridComponent.mjs CHANGED
@@ -6,55 +6,55 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  import * as l from "react";
9
- import { uGrid as It, validatePackage as St, getter as H, classNames as f, WatermarkOverlay as vt, canUseDOM as Rt } from "@progress/kendo-react-common";
10
- import { process as xt } from "@progress/kendo-data-query";
11
- import { combineFilters as Gt, getDetailExpandableOptions as kt, getGroupExpandableOptions as Nt, getSelectionOptions as Ft, tableKeyboardNavigationTools as te, Pager as Dt, tableKeyboardNavigationBodyAttributes as Tt, tableKeyboardNavigationScopeAttributes as Ke, tableColumnsVirtualization as Pt } from "@progress/kendo-react-data-tools";
12
- import { GridSelectionCell as Ht } from "./cells/GridSelectionCell.mjs";
13
- import { GridHierarchyCell as Kt } from "./cells/GridHierarchyCell.mjs";
14
- import { GridEditCell as At } from "./cells/GridEditCell.mjs";
15
- import { Header as Bt } from "./header/Header.mjs";
16
- import { HeaderRow as Vt } from "./header/HeaderRow.mjs";
17
- import { FilterRow as Lt } from "./header/FilterRow.mjs";
18
- import { GroupPanel as Ot } from "./header/GroupPanel.mjs";
19
- import { Footer as _t } from "./footer/Footer.mjs";
20
- import { isRowReorderEnabled as zt, getRowSpanOptions as Ae, getColumnWidth as le, isSorted as Be, flatData as Mt, autoGenerateColumns as Wt, mapColumns as jt, clientColumn as $t, getNestedValue as Ve, getColSpan as Le, resolveCells as Ut, isClientReference as Jt, sanitizeColumns as Qt, readColumns as Xt } from "./utils/index.mjs";
21
- import { GridCell as Yt } from "./cells/GridCell.mjs";
22
- import { GridGroupCell as Oe } from "./cells/GridGroupCell.mjs";
23
- import { GridRow as Zt } from "./rows/GridRow.mjs";
24
- import { GridHeaderSelectionCell as qt } from "./header/GridHeaderSelectionCell.mjs";
25
- import { GridNoRecords as _e } from "./components/noRecords/GridNoRecords.mjs";
26
- import { operators as ze } from "./filterCommon.mjs";
27
- import { FooterRow as pt } from "./footer/FooterRow.mjs";
28
- import { normalize as el } from "./paging/GridPagerSettings.mjs";
29
- import { packageMetadata as tl } from "./package-metadata.mjs";
30
- import { GridDetailCell as ll } from "./cells/GridDetailCell.mjs";
31
- import { GridDetailHierarchyCell as al } from "./cells/GridDetailHierarchyCell.mjs";
32
- import { GridNoRecordsContainer as Me } from "./components/noRecords/GridNoRecordsContainer.mjs";
33
- import { GridClientWrapper as We } from "./GridClientWrapper.mjs";
34
- import { GridColGroup as rl } from "./components/colGroup/GridColGroup.mjs";
35
- import { GridTable as nl } from "./components/table/GridTable.mjs";
36
- import { GridDropClue as je } from "./components/GridDropClue.mjs";
37
- import { GridDragClue as $e } from "./components/GridDragClue.mjs";
38
- import { GridTableBody as Ue } from "./components/table/GridTableBody.mjs";
39
- import { PagerContainer as il } from "./components/PagerContainer.mjs";
40
- import { GridTableScrollable as ol } from "./components/table/GridTableScrollable.mjs";
41
- import { GridElementContainer as Je } from "./components/GridElementContainer.mjs";
42
- import { GridContainerElementContainer as dl } from "./components/GridContainerElementContainer.mjs";
43
- import { VirtualScrollHeightContainer as cl } from "./components/VirtualScrollHeightContainer.mjs";
44
- import { LocalizationService as sl, IntlService as ul } from "@progress/kendo-react-intl";
45
- import { gridAriaLabel as Qe, messages as ml } from "./messages/index.mjs";
9
+ import { uGrid as St, validatePackage as vt, getter as H, classNames as f, WatermarkOverlay as Rt, canUseDOM as xt } from "@progress/kendo-react-common";
10
+ import { process as Gt } from "@progress/kendo-data-query";
11
+ 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";
12
+ import { GridSelectionCell as Kt } from "./cells/GridSelectionCell.mjs";
13
+ import { GridHierarchyCell as At } from "./cells/GridHierarchyCell.mjs";
14
+ import { GridEditCell as Bt } from "./cells/GridEditCell.mjs";
15
+ import { Header as Vt } from "./header/Header.mjs";
16
+ import { HeaderRow as Lt } from "./header/HeaderRow.mjs";
17
+ import { FilterRow as Ot } from "./header/FilterRow.mjs";
18
+ import { GroupPanel as _t } from "./header/GroupPanel.mjs";
19
+ import { Footer as zt } from "./footer/Footer.mjs";
20
+ 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";
21
+ import { GridCell as Zt } from "./cells/GridCell.mjs";
22
+ import { GridGroupCell as _e } from "./cells/GridGroupCell.mjs";
23
+ import { GridRow as qt } from "./rows/GridRow.mjs";
24
+ import { GridHeaderSelectionCell as pt } from "./header/GridHeaderSelectionCell.mjs";
25
+ import { GridNoRecords as ze } from "./components/noRecords/GridNoRecords.mjs";
26
+ import { operators as Me } from "./filterCommon.mjs";
27
+ import { FooterRow as el } from "./footer/FooterRow.mjs";
28
+ import { normalize as tl } from "./paging/GridPagerSettings.mjs";
29
+ import { packageMetadata as ll } from "./package-metadata.mjs";
30
+ import { GridDetailCell as al } from "./cells/GridDetailCell.mjs";
31
+ import { GridDetailHierarchyCell as rl } from "./cells/GridDetailHierarchyCell.mjs";
32
+ import { GridNoRecordsContainer as We } from "./components/noRecords/GridNoRecordsContainer.mjs";
33
+ import { GridClientWrapper as je } from "./GridClientWrapper.mjs";
34
+ import { GridColGroup as nl } from "./components/colGroup/GridColGroup.mjs";
35
+ import { GridTable as il } from "./components/table/GridTable.mjs";
36
+ import { GridDropClue as $e } from "./components/GridDropClue.mjs";
37
+ import { GridDragClue as Ue } from "./components/GridDragClue.mjs";
38
+ import { GridTableBody as Je } from "./components/table/GridTableBody.mjs";
39
+ import { PagerContainer as ol } from "./components/PagerContainer.mjs";
40
+ import { GridTableScrollable as dl } from "./components/table/GridTableScrollable.mjs";
41
+ import { GridElementContainer as Qe } from "./components/GridElementContainer.mjs";
42
+ import { GridContainerElementContainer as cl } from "./components/GridContainerElementContainer.mjs";
43
+ import { VirtualScrollHeightContainer as sl } from "./components/VirtualScrollHeightContainer.mjs";
44
+ import { gridAriaLabel as Xe, messages as ul } from "./messages/index.mjs";
46
45
  import { VirtualScrollFixed as j } from "./VirtualScrollFixed.mjs";
47
- import { VirtualScroll as fl } from "./VirtualScroll.mjs";
48
- import { GridCustomCellClientContainer as gl } from "./components/GridCustomCellClientContainer.mjs";
49
- import { GridReorderableRowsContainer as bl } from "./components/GridDraggableRowsContainer.mjs";
50
- import { GridRowReorderCell as hl } from "./cells/GridRowReorderCell.mjs";
51
- import { GridHeaderRowReorderCell as yl } from "./header/client/GridHeaderRowReorderCell.mjs";
52
- import { GridLoader as Xe } from "./components/GridLoader.mjs";
53
- import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
54
- const wl = l.forwardRef((e, ae) => {
55
- var ve, Re, xe, Ge, ke, Ne, Fe;
56
- const R = e.id + "-role-element-id", x = e.navigatable ? R : "", Ye = (t, r, d, o, i, a, c) => {
57
- const u = [], h = Mt(
46
+ import { VirtualScroll as ml } from "./VirtualScroll.mjs";
47
+ import { GridCustomCellClientContainer as fl } from "./components/GridCustomCellClientContainer.mjs";
48
+ import { GridReorderableRowsContainer as gl } from "./components/GridDraggableRowsContainer.mjs";
49
+ import { GridRowReorderCell as bl } from "./cells/GridRowReorderCell.mjs";
50
+ import { GridHeaderRowReorderCell as hl } from "./header/client/GridHeaderRowReorderCell.mjs";
51
+ import { GridLoader as Ye } from "./components/GridLoader.mjs";
52
+ import { gridPremiumFeatures as yl } from "./utils/premium.mjs";
53
+ import { LocalizationService as Cl, IntlService as wl } from "@progress/kendo-react-intl";
54
+ const El = l.forwardRef((e, ae) => {
55
+ var ve, Re, xe, Ge, ke, Ne, Fe, De;
56
+ const R = e.id + "-role-element-id", x = e.navigatable ? R : "", Ze = (t, r, d, o, i, a, c) => {
57
+ const u = [], h = Wt(
58
58
  u,
59
59
  C,
60
60
  t,
@@ -63,16 +63,16 @@ const wl = l.forwardRef((e, ae) => {
63
63
  o,
64
64
  i,
65
65
  a,
66
- dt.defaultExpand,
66
+ ct.defaultExpand,
67
67
  c
68
68
  );
69
69
  return { flattedData: u, resolvedGroupsCount: h };
70
- }, Ze = (t) => {
70
+ }, qe = (t) => {
71
71
  const r = t.filter(
72
72
  (i) => i && i.type && i.type.displayName === "KendoReactGridColumn"
73
- ), d = s.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), o = Qt(d);
74
- return Xt(r, o, { prevId: 0, idPrefix: x });
75
- }, qe = (t) => t.filter((r) => Rt && r && r.media ? window.matchMedia(r.media).matches : r), pe = () => {
73
+ ), d = s.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), o = Xt(d);
74
+ return Yt(r, o, { prevId: 0, idPrefix: x });
75
+ }, pe = (t) => t.filter((r) => xt && r && r.media ? window.matchMedia(r.media).matches : r), et = () => {
76
76
  const t = [], r = (d, o) => d == null ? void 0 : d.forEach((i) => {
77
77
  const a = i.hidden || o;
78
78
  t.push({
@@ -81,16 +81,16 @@ const wl = l.forwardRef((e, ae) => {
81
81
  }), r(i.children, a);
82
82
  });
83
83
  return r(e.columnsState, !1), t;
84
- }, et = (t) => {
85
- const r = pe();
84
+ }, tt = (t) => {
85
+ const r = et();
86
86
  return t.filter((d) => {
87
87
  var o;
88
88
  return !((o = r.find((i) => i.id === d.id)) != null && o.hidden);
89
89
  });
90
- }, tt = (t, r) => {
90
+ }, lt = (t, r) => {
91
91
  var i;
92
- const d = Ze(t), o = qe(d);
93
- s.current = o, s.current.length === 0 && (s.current = Wt(
92
+ const d = qe(t), o = pe(d);
93
+ s.current = o, s.current.length === 0 && (s.current = jt(
94
94
  C,
95
95
  e.group,
96
96
  {
@@ -100,13 +100,13 @@ const wl = l.forwardRef((e, ae) => {
100
100
  prevId: 0,
101
101
  idPrefix: x
102
102
  }
103
- )), s.current = et(s.current), lt(s.current, r), G = jt(s.current, !0), ne.current = s.current.map($t);
104
- }, lt = (t, r) => {
103
+ )), s.current = tt(s.current), at(s.current, r), G = $t(s.current, !0), ne.current = s.current.map(Ut);
104
+ }, at = (t, r) => {
105
105
  var i;
106
106
  t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
107
- a.width = a.width || "50px", a.cell = a.cell || Ht, a._type = "edit", a.headerCell = a.headerCell || qt;
107
+ a.width = a.width || "50px", a.cell = a.cell || Kt, a._type = "edit", a.headerCell = a.headerCell || pt;
108
108
  }), N !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
109
- a.width = a.width || "50px", a.cell = a.cell || hl, a.headerCell = a.headerCell || yl, a.sortable = !1, a.filterable = !1, a.editable = !1;
109
+ a.width = a.width || "50px", a.cell = a.cell || bl, a.headerCell = a.headerCell || hl, a.sortable = !1, a.filterable = !1, a.editable = !1;
110
110
  });
111
111
  const d = {
112
112
  id: "",
@@ -132,7 +132,7 @@ const wl = l.forwardRef((e, ae) => {
132
132
  (e.expandField || A.enabled) && e.detail && (t.unshift({
133
133
  ...d,
134
134
  _type: "expand",
135
- cell: Kt,
135
+ cell: At,
136
136
  field: (i = A.column) != null ? i : e.expandField,
137
137
  headerClassName: f(m.hierarchyCell({}))
138
138
  }), o++);
@@ -140,18 +140,18 @@ const wl = l.forwardRef((e, ae) => {
140
140
  t.unshift({
141
141
  ...d,
142
142
  isAccessible: !1,
143
- cell: Oe,
143
+ cell: _e,
144
144
  field: "value",
145
145
  locked: e.lockGroups
146
146
  }), o++;
147
147
  t.slice(o).forEach((a) => {
148
- a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Ae(a.rowSpannable) : oe;
148
+ a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Be(a.rowSpannable) : oe;
149
149
  });
150
- }, re = () => C.length === e.total, at = () => {
150
+ }, re = () => C.length === e.total, rt = () => {
151
151
  const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = re(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
152
- return !a || K && !i || !!(d && o) && (!c || !i) ? fl : j;
153
- }, $ = () => e.isClient ? s : ne, rt = (t, r, d, o, i, a) => {
154
- let c = Le(t, r);
152
+ return !a || K && !i || !!(d && o) && (!c || !i) ? ml : j;
153
+ }, $ = () => e.isClient ? s : ne, nt = (t, r, d, o, i, a) => {
154
+ let c = Oe(t, r);
155
155
  if (e.columnVirtualization && t.colSpan === 1)
156
156
  return { colSpan: a, colsToSkip: i };
157
157
  let u = d.length - 1 === o, h = d.length - o;
@@ -160,7 +160,7 @@ const wl = l.forwardRef((e, ae) => {
160
160
  let U, g = [], O;
161
161
  const s = e.columnsRef || { current: [] }, ne = { current: [] };
162
162
  let G = [[]];
163
- const nt = e.scrollLeftRef || { current: 0 }, _ = e.localization || new sl(), it = e.intl || new ul("en"), k = e.unstyled, m = k && k.uGrid ? k.uGrid : It, N = zt(e.rowReorderable), F = e.autoProcessData === !0 ? {
163
+ 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 ? {
164
164
  group: !0,
165
165
  sort: !0,
166
166
  filter: !0,
@@ -168,11 +168,11 @@ const wl = l.forwardRef((e, ae) => {
168
168
  page: !0
169
169
  } : e.autoProcessData;
170
170
  let C, v;
171
- if (Array.isArray(e.data) ? (C = e.data, v = (ve = e.total) != null ? ve : C.length) : (C = ((Re = e.data) == null ? void 0 : Re.data) || [], v = (ke = (Ge = e.total) != null ? Ge : (xe = e.data) == null ? void 0 : xe.total) != null ? ke : C.length), F) {
172
- const { data: t, total: r } = xt(C, {
171
+ if (Array.isArray(e.data) ? (C = e.data, v = (Re = e.total) != null ? Re : C.length) : (C = ((xe = e.data) == null ? void 0 : xe.data) || [], v = (Ne = (ke = e.total) != null ? ke : (Ge = e.data) == null ? void 0 : Ge.total) != null ? Ne : C.length), F) {
172
+ const { data: t, total: r } = Gt(C, {
173
173
  group: F.group ? e.group : void 0,
174
174
  sort: F.sort ? e.sort : void 0,
175
- filter: Gt(
175
+ filter: kt(
176
176
  F.filter ? e.filter : void 0,
177
177
  F.search ? e.search : void 0
178
178
  ),
@@ -181,12 +181,12 @@ const wl = l.forwardRef((e, ae) => {
181
181
  skip: e.skip
182
182
  } : {}
183
183
  });
184
- C = t, v = (Ne = e.total) != null ? Ne : r;
184
+ C = t, v = (Fe = e.total) != null ? Fe : r;
185
185
  }
186
- const { size: E = "medium" } = e, ot = typeof e.groupable == "object" && e.groupable.footer || "none", D = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, A = kt(!!e.detail), dt = Nt(
186
+ const { size: E = "medium" } = e, dt = typeof e.groupable == "object" && e.groupable.footer || "none", D = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, A = Nt(!!e.detail), ct = Ft(
187
187
  typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
188
- ), { resolvedGroupsCount: ct, flattedData: st } = Ye(
189
- ot,
188
+ ), { resolvedGroupsCount: st, flattedData: ut } = Ze(
189
+ dt,
190
190
  e.skip || 0,
191
191
  e.group,
192
192
  e.expandField,
@@ -194,30 +194,30 @@ const wl = l.forwardRef((e, ae) => {
194
194
  e.groupExpand,
195
195
  e.dataItemKey
196
196
  );
197
- g = st;
198
- const J = at();
197
+ g = ut;
198
+ const J = rt();
199
199
  J === j && re() && (O = g.slice(
200
200
  e.skip || 0,
201
201
  (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
202
202
  ));
203
- const ie = Ft(e.selectable || !!e.selectedField), oe = Ae(e.rowSpannable), ut = ie && ie.drag ? "none" : void 0, z = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
204
- tt(z, ct);
203
+ 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]);
204
+ lt(z, st);
205
205
  const Q = l.useMemo(() => {
206
- const t = Cl(e, s.current);
206
+ const t = yl(e, s.current);
207
207
  return {
208
208
  premium: t.length > 0,
209
209
  features: t
210
210
  };
211
- }, [e, s]), mt = l.useMemo(() => Q.premium ? !St(tl, { 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(
211
+ }, [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(
212
212
  (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
213
- ), b = s.current.filter((t) => t.children.length === 0), se = K && /* @__PURE__ */ l.createElement(Ot, { columns: $().current, group: e.group || [], ariaControls: R }), ue = /* @__PURE__ */ l.createElement(
214
- Bt,
213
+ ), 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(
214
+ Vt,
215
215
  {
216
216
  size: E,
217
217
  staticHeaders: e.scrollable !== "none",
218
218
  draggable: e.reorderable || K,
219
219
  headerRow: /* @__PURE__ */ l.createElement(
220
- Vt,
220
+ Lt,
221
221
  {
222
222
  cells: e.cells,
223
223
  sort: e.sort,
@@ -226,7 +226,7 @@ const wl = l.forwardRef((e, ae) => {
226
226
  groupable: K,
227
227
  filter: e.filter,
228
228
  filterable: e.filterable,
229
- filterOperators: e.filterOperators || ze,
229
+ filterOperators: e.filterOperators || Me,
230
230
  columnMenu: e.columnMenu,
231
231
  columnMenuIcon: e.columnMenuIcon,
232
232
  columns: s.current,
@@ -241,13 +241,13 @@ const wl = l.forwardRef((e, ae) => {
241
241
  }
242
242
  ),
243
243
  filterRow: e.filterable && /* @__PURE__ */ l.createElement(
244
- Lt,
244
+ Ot,
245
245
  {
246
246
  cells: e.cells,
247
247
  size: E,
248
248
  columns: s.current,
249
249
  filter: e.filter,
250
- filterOperators: e.filterOperators || ze,
250
+ filterOperators: e.filterOperators || Me,
251
251
  sort: e.sort,
252
252
  cellRender: e.filterCellRender,
253
253
  navigatable: !!e.navigatable,
@@ -257,31 +257,31 @@ const wl = l.forwardRef((e, ae) => {
257
257
  ) || void 0,
258
258
  cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: le(t) }))
259
259
  }
260
- ), ft = nt.current || 0, gt = parseFloat(((e.style || {}).width || "").toString()), bt = (t, r, d, o, i) => {
260
+ ), gt = it.current || 0, bt = parseFloat(((e.style || {}).width || "").toString()), ht = (t, r, d, o, i) => {
261
261
  let a = !1;
262
- const c = e.selectedField ? Ve(e.selectedField, t.dataItem) : e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
262
+ const c = e.selectedField ? Le(e.selectedField, t.dataItem) : e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
263
263
  let u = 0;
264
- const { colSpans: h, hiddenColumns: T } = Pt({
264
+ const { colSpans: h, hiddenColumns: T } = Ht({
265
265
  enabled: e.columnVirtualization,
266
266
  columns: b,
267
- tableViewPortWidth: gt,
268
- scrollLeft: ft,
269
- getColSpan: Le,
267
+ tableViewPortWidth: bt,
268
+ scrollLeft: gt,
269
+ getColSpan: Oe,
270
270
  dataItem: t.dataItem
271
271
  }), I = b.filter((n, y) => !T[y]);
272
272
  return {
273
273
  row: b.map((n, y) => {
274
- var De, Te, Pe, He;
274
+ var Te, Pe, He, Ke;
275
275
  if (T[y])
276
276
  return null;
277
277
  if (u > 0)
278
278
  return u--, null;
279
279
  let w;
280
- if ((De = n.rowSpannable) != null && De.enabled && t.rowType === "data" && n.field && i) {
281
- const S = n.field ? (Pe = (Te = n.rowSpannable).valueGetter) == null ? void 0 : Pe.call(Te, t.dataItem, n.field) : null;
282
- w = { value: S, count: 1 }, i[n.field] && ((He = i[n.field]) == null ? void 0 : He.value) === S && i[n.field] !== null ? (i[n.field].count++, w.count = null) : i[n.field] = w;
280
+ if ((Te = n.rowSpannable) != null && Te.enabled && t.rowType === "data" && n.field && i) {
281
+ const S = n.field ? (He = (Pe = n.rowSpannable).valueGetter) == null ? void 0 : He.call(Pe, t.dataItem, n.field) : null;
282
+ 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;
283
283
  }
284
- const { colSpan: V, colsToSkip: Z } = rt(
284
+ const { colSpan: V, colsToSkip: Z } = nt(
285
285
  n,
286
286
  t.dataItem,
287
287
  I,
@@ -290,18 +290,18 @@ const wl = l.forwardRef((e, ae) => {
290
290
  h[y]
291
291
  );
292
292
  u = Z;
293
- const L = n.id ? n.id : y, Ct = f(m.contentSticky({ locked: n.locked }), n.className), wt = n.left !== void 0 ? { left: n.left, right: n.right } : {};
293
+ 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 } : {};
294
294
  let q = !1;
295
295
  if (n.editable && (e.editable || e.editField)) {
296
- const S = e.editField ? Ve(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;
296
+ 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;
297
297
  ee && n.columnType === "data" && (ee === !0 || ee === n.field) && (a = !0, q = !0);
298
298
  }
299
- const p = n.cell || q && At || Yt, Et = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
299
+ const p = n.cell || q && Bt || Zt, It = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", P = {
300
300
  locked: e.lockGroups,
301
301
  id: te.generateNavigatableId(
302
302
  `${r}-${String(y)}`,
303
303
  x,
304
- Et || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
304
+ It || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
305
305
  ),
306
306
  colSpan: V,
307
307
  dataItem: t.dataItem,
@@ -310,9 +310,9 @@ const wl = l.forwardRef((e, ae) => {
310
310
  format: n.format,
311
311
  columnType: n.columnType,
312
312
  rowReorderable: N,
313
- className: Ct,
313
+ className: wt,
314
314
  render: e.cellRender,
315
- cells: Ut(e.cells, n.cells),
315
+ cells: Jt(e.cells, n.cells),
316
316
  columnIndex: y,
317
317
  columnsCount: b.length,
318
318
  rowType: t.rowType,
@@ -320,24 +320,24 @@ const wl = l.forwardRef((e, ae) => {
320
320
  expanded: t.expanded,
321
321
  dataIndex: t.dataIndex,
322
322
  rowDataIndex: d,
323
- columnPosition: wt,
323
+ columnPosition: Et,
324
324
  style: {},
325
325
  ariaColumnIndex: n.ariaColumnIndex,
326
326
  isSelected: (n == null ? void 0 : n._type) === "edit" ? c : Array.isArray(c) && c.indexOf(y) > -1,
327
- isSorted: !!Be(n.field, e.sort),
327
+ isSorted: !!Ve(n.field, e.sort),
328
328
  isInEdit: q,
329
329
  isAlt: o,
330
330
  unstyled: k,
331
331
  group: t.group,
332
332
  localization: _,
333
- intl: it,
333
+ intl: ot,
334
334
  _rowSpan: w
335
335
  };
336
336
  return n.cell ? /* @__PURE__ */ l.createElement(
337
- gl,
337
+ fl,
338
338
  {
339
339
  key: L,
340
- isClient: Jt(p),
340
+ isClient: Qt(p),
341
341
  dataItem: P.dataItem,
342
342
  rowDataIndex: P.rowDataIndex,
343
343
  columnIndex: P.columnIndex,
@@ -368,10 +368,10 @@ const wl = l.forwardRef((e, ae) => {
368
368
  const d = oe.enabled ? {} : void 0;
369
369
  (O || g).forEach((o, i) => {
370
370
  o.rowType === "data" && (ge++, t++);
371
- 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 = bt(o, h, t, a, d);
371
+ 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);
372
372
  if (B = u + he + r, X.push(
373
373
  /* @__PURE__ */ l.createElement(
374
- Zt,
374
+ qt,
375
375
  {
376
376
  key: h,
377
377
  dataItem: o.dataItem,
@@ -412,7 +412,7 @@ const wl = l.forwardRef((e, ae) => {
412
412
  var L;
413
413
  const V = (L = I == null ? void 0 : I.row[w]) == null ? void 0 : L.props.style, Z = V ? { left: V.left, right: V.right } : {};
414
414
  return /* @__PURE__ */ l.createElement(
415
- Oe,
415
+ _e,
416
416
  {
417
417
  id: "",
418
418
  dataIndex: o.dataIndex,
@@ -430,14 +430,14 @@ const wl = l.forwardRef((e, ae) => {
430
430
  );
431
431
  }),
432
432
  (e.expandField || A.enabled) && /* @__PURE__ */ l.createElement(
433
- al,
433
+ rl,
434
434
  {
435
435
  unstyled: k,
436
436
  id: te.generateNavigatableId(`${T}-dhcell`, x)
437
437
  }
438
438
  ),
439
439
  /* @__PURE__ */ l.createElement(
440
- ll,
440
+ al,
441
441
  {
442
442
  dataItem: o.dataItem,
443
443
  dataIndex: o.dataIndex,
@@ -457,17 +457,17 @@ const wl = l.forwardRef((e, ae) => {
457
457
  total: v,
458
458
  skip: e.skip || 0,
459
459
  take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
460
- ...el(e.pageable || {})
461
- }, Ce = /* @__PURE__ */ l.createElement(il, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...ye }) : /* @__PURE__ */ l.createElement(Dt, { className: f(m.pager({})), ...ye })), ht = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: le(t) }), yt = (Fe = e.cells) != null && Fe.footerCell || s.current.some((t) => {
460
+ ...tl(e.pageable || {})
461
+ }, 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) => {
462
462
  var r;
463
463
  return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
464
464
  }) ? /* @__PURE__ */ l.createElement(
465
- _t,
465
+ zt,
466
466
  {
467
467
  size: E,
468
468
  staticHeaders: e.scrollable !== "none",
469
469
  row: /* @__PURE__ */ l.createElement(
470
- pt,
470
+ el,
471
471
  {
472
472
  cells: e.cells,
473
473
  idPrefix: x,
@@ -475,27 +475,27 @@ const wl = l.forwardRef((e, ae) => {
475
475
  ariaRowIndex: B + 1
476
476
  }
477
477
  ),
478
- cols: b.map(ht)
478
+ cols: b.map(yt)
479
479
  }
480
- ) : null, we = /* @__PURE__ */ l.createElement(rl, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
480
+ ) : null, we = /* @__PURE__ */ l.createElement(nl, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
481
481
  "col",
482
482
  {
483
483
  key: r.toString(),
484
- className: Be(t.field, e.sort) ? f(m.sorted({})) : void 0,
484
+ className: Ve(t.field, e.sort) ? f(m.sorted({})) : void 0,
485
485
  width: le(t)
486
486
  }
487
- ))), Ee = e.reorderable || K, { detail: El, cells: Il, rows: Sl, ...Ie } = e, Se = /* @__PURE__ */ l.createElement(
487
+ ))), Ee = e.reorderable || K, { detail: Il, cells: Sl, rows: vl, ...Ie } = e, Se = /* @__PURE__ */ l.createElement(
488
488
  "tbody",
489
489
  {
490
490
  role: "rowgroup",
491
491
  className: f(m.tbody({})),
492
- ...Tt
492
+ ...Pt
493
493
  },
494
494
  X
495
495
  );
496
496
  let Y = Se;
497
497
  if (N && (Y = /* @__PURE__ */ l.createElement(
498
- bl,
498
+ gl,
499
499
  {
500
500
  unstyled: m,
501
501
  columns: s.current,
@@ -504,7 +504,7 @@ const wl = l.forwardRef((e, ae) => {
504
504
  Se
505
505
  )), e.scrollable === "none")
506
506
  return /* @__PURE__ */ l.createElement(
507
- We,
507
+ je,
508
508
  {
509
509
  gridRef: ae,
510
510
  gridProps: Ie,
@@ -517,37 +517,37 @@ const wl = l.forwardRef((e, ae) => {
517
517
  total: v,
518
518
  detailExpandable: !!e.detail
519
519
  },
520
- /* @__PURE__ */ l.createElement(Je, null, /* @__PURE__ */ l.createElement(
520
+ /* @__PURE__ */ l.createElement(Qe, null, /* @__PURE__ */ l.createElement(
521
521
  "div",
522
522
  {
523
523
  id: e.id,
524
524
  style: e.style,
525
525
  className: f(m.wrapper({ size: E }), e.className),
526
526
  "aria-label": e.ariaLabel,
527
- ...Ke
527
+ ...Ae
528
528
  },
529
529
  de,
530
530
  se,
531
531
  /* @__PURE__ */ l.createElement(
532
- nl,
532
+ il,
533
533
  {
534
534
  selectable: e.selectable,
535
535
  className: f(m.table({ size: E }))
536
536
  },
537
537
  we,
538
538
  ue,
539
- /* @__PURE__ */ l.createElement(Ue, { rowReorderable: N }, Y)
539
+ /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Y)
540
540
  ),
541
- be && /* @__PURE__ */ l.createElement(Me, null, M.length ? M : /* @__PURE__ */ l.createElement(_e, null)),
542
- Ee && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(je, null), /* @__PURE__ */ l.createElement($e, null))
541
+ be && /* @__PURE__ */ l.createElement(We, null, M.length ? M : /* @__PURE__ */ l.createElement(ze, null)),
542
+ Ee && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement($e, null), /* @__PURE__ */ l.createElement(Ue, null))
543
543
  )),
544
544
  ce,
545
545
  e.pageable && Ce,
546
- /* @__PURE__ */ l.createElement(Xe, { loader: e.loader, showLoader: e.showLoader })
546
+ /* @__PURE__ */ l.createElement(Ye, { loader: e.loader, showLoader: e.showLoader })
547
547
  );
548
548
  let W = e.style || {};
549
549
  return D && (W.height || (W = Object.assign({}, W, { height: "450px" }))), /* @__PURE__ */ l.createElement(
550
- We,
550
+ je,
551
551
  {
552
552
  gridRef: ae,
553
553
  gridProps: Ie,
@@ -560,7 +560,7 @@ const wl = l.forwardRef((e, ae) => {
560
560
  total: v,
561
561
  detailExpandable: !!e.detail
562
562
  },
563
- /* @__PURE__ */ l.createElement(Je, null, /* @__PURE__ */ l.createElement(
563
+ /* @__PURE__ */ l.createElement(Qe, null, /* @__PURE__ */ l.createElement(
564
564
  "div",
565
565
  {
566
566
  id: e.id,
@@ -573,7 +573,7 @@ const wl = l.forwardRef((e, ae) => {
573
573
  e.className
574
574
  ),
575
575
  "aria-label": e.ariaLabel,
576
- ...Ke
576
+ ...Ae
577
577
  },
578
578
  de,
579
579
  se,
@@ -585,11 +585,11 @@ const wl = l.forwardRef((e, ae) => {
585
585
  "aria-colcount": b.length,
586
586
  "aria-rowcount": v,
587
587
  id: R,
588
- "aria-label": _.toLanguageString(Qe, ml[Qe])
588
+ "aria-label": _.toLanguageString(Xe, ul[Xe])
589
589
  },
590
590
  ue,
591
- /* @__PURE__ */ l.createElement("div", { className: f(m.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(dl, null, /* @__PURE__ */ l.createElement("div", { className: f(m.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(m.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
592
- ol,
591
+ /* @__PURE__ */ l.createElement("div", { className: f(m.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(cl, null, /* @__PURE__ */ l.createElement("div", { className: f(m.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(m.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
592
+ dl,
593
593
  {
594
594
  selectable: e.selectable,
595
595
  tableClassName: f(
@@ -597,29 +597,29 @@ const wl = l.forwardRef((e, ae) => {
597
597
  size: E
598
598
  })
599
599
  ),
600
- tableStyle: { userSelect: ut }
600
+ tableStyle: { userSelect: mt }
601
601
  },
602
602
  we,
603
- /* @__PURE__ */ l.createElement(Ue, { rowReorderable: N }, Y)
604
- ), be && /* @__PURE__ */ l.createElement(Me, null, M.length ? M : /* @__PURE__ */ l.createElement(_e, null))), D && /* @__PURE__ */ l.createElement(
603
+ /* @__PURE__ */ l.createElement(Je, { rowReorderable: N }, Y)
604
+ ), be && /* @__PURE__ */ l.createElement(We, null, M.length ? M : /* @__PURE__ */ l.createElement(ze, null))), D && /* @__PURE__ */ l.createElement(
605
605
  "div",
606
606
  {
607
607
  className: f(m.heightContainer({})),
608
608
  role: "presentation"
609
609
  },
610
- /* @__PURE__ */ l.createElement(cl, { isVirtualScroll: D })
610
+ /* @__PURE__ */ l.createElement(sl, { isVirtualScroll: D })
611
611
  )))),
612
- yt,
613
- Ee && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(je, null), /* @__PURE__ */ l.createElement($e, null)),
614
- mt && /* @__PURE__ */ l.createElement(vt, null)
612
+ Ct,
613
+ Ee && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement($e, null), /* @__PURE__ */ l.createElement(Ue, null)),
614
+ ft && /* @__PURE__ */ l.createElement(Rt, null)
615
615
  ),
616
616
  ce,
617
617
  e.pageable && Ce,
618
- /* @__PURE__ */ l.createElement(Xe, { loader: e.loader, showLoader: e.showLoader })
618
+ /* @__PURE__ */ l.createElement(Ye, { loader: e.loader, showLoader: e.showLoader })
619
619
  ))
620
620
  );
621
621
  });
622
- wl.displayName = "KendoReactGridComponent";
622
+ El.displayName = "KendoReactGridComponent";
623
623
  export {
624
- wl as GridComponent
624
+ El as GridComponent
625
625
  };