@progress/kendo-react-grid 7.4.0-develop.11 → 7.4.0-develop.12

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 (5) hide show
  1. package/Grid.js +1 -1
  2. package/Grid.mjs +169 -166
  3. package/dist/cdn/js/kendo-react-grid.js +1 -1
  4. package/package-metadata.mjs +1 -1
  5. package/package.json +10 -10
package/Grid.mjs CHANGED
@@ -8,40 +8,40 @@
8
8
  "use client";
9
9
  import * as r from "react";
10
10
  import s from "prop-types";
11
- import { dispatchEvent as Ae, canUseDOM as V, getActiveElement as Ge, memoizeOne as S, validatePackage as Ke, shouldShowValidationUI as Oe, setScrollbarWidth as re, getter as Pe, classNames as L, kendoThemeMaps as G, WatermarkOverlay as Ve } from "@progress/kendo-react-common";
12
- import { tableKeyboardNavigation as x, getSelectionOptions as ae, mapColumns as Ue, ClipboardService as We, TableKeyboardNavigationContext as U, isRtl as Be, tableKeyboardNavigationTools as F, tableColumnsVirtualization as $e, Pager as je, tableKeyboardNavigationScopeAttributes as le, TableSelection as ne, tableKeyboardNavigationBodyAttributes as he, DropClue as pe, DragClue as de, updateLeft as qe, updateRight as Je } from "@progress/kendo-react-data-tools";
13
- import { GridSelectionCell as Qe } from "./cells/GridSelectionCell.mjs";
14
- import { GridHierarchyCell as Xe } from "./cells/GridHierarchyCell.mjs";
15
- import { GridEditCell as Ye } from "./cells/GridEditCell.mjs";
16
- import { Header as Ze } from "./header/Header.mjs";
17
- import { HeaderRow as et } from "./header/HeaderRow.mjs";
18
- import { FilterRow as tt } from "./header/FilterRow.mjs";
19
- import { GroupPanel as st } from "./header/GroupPanel.mjs";
20
- import { Footer as it } from "./footer/Footer.mjs";
21
- import { provideLocalizationService as ot, registerForLocalization as rt } from "@progress/kendo-react-intl";
22
- import { pagerMessagesMap as at, gridAriaLabel as ce, messages as lt } from "./messages/index.mjs";
23
- import { VirtualScroll as nt } from "./VirtualScroll.mjs";
11
+ import { dispatchEvent as Ge, canUseDOM as V, getActiveElement as Ke, memoizeOne as S, validatePackage as Oe, shouldShowValidationUI as Pe, setScrollbarWidth as re, getter as Ve, classNames as L, kendoThemeMaps as G, WatermarkOverlay as Ue } from "@progress/kendo-react-common";
12
+ import { tableKeyboardNavigation as x, getSelectionOptions as ae, mapColumns as We, ClipboardService as Be, TableKeyboardNavigationContext as U, isRtl as $e, tableKeyboardNavigationTools as F, tableColumnsVirtualization as je, Pager as qe, tableKeyboardNavigationScopeAttributes as le, TableSelection as ne, tableKeyboardNavigationBodyAttributes as he, DropClue as pe, DragClue as de, updateLeft as Je, updateRight as Qe } from "@progress/kendo-react-data-tools";
13
+ import { GridSelectionCell as Xe } from "./cells/GridSelectionCell.mjs";
14
+ import { GridHierarchyCell as Ye } from "./cells/GridHierarchyCell.mjs";
15
+ import { GridEditCell as Ze } from "./cells/GridEditCell.mjs";
16
+ import { Header as et } from "./header/Header.mjs";
17
+ import { HeaderRow as tt } from "./header/HeaderRow.mjs";
18
+ import { FilterRow as st } from "./header/FilterRow.mjs";
19
+ import { GroupPanel as it } from "./header/GroupPanel.mjs";
20
+ import { Footer as ot } from "./footer/Footer.mjs";
21
+ import { provideLocalizationService as rt, registerForLocalization as at } from "@progress/kendo-react-intl";
22
+ import { pagerMessagesMap as lt, gridAriaLabel as ce, messages as nt } from "./messages/index.mjs";
23
+ import { VirtualScroll as ht } from "./VirtualScroll.mjs";
24
24
  import { VirtualScrollFixed as ue, RowHeightService as ge } from "./VirtualScrollFixed.mjs";
25
- import { ColumnResize as ht } from "./drag/ColumnResize.mjs";
26
- import { CommonDragLogic as pt } from "./drag/CommonDragLogic.mjs";
27
- import { firefox as me, firefoxMaxHeight as fe, flatData as dt, readColumns as ct, sanitizeColumns as ut, getColumnWidth as W, autoGenerateColumns as gt, getNestedValue as ve, resolveCells as mt } from "./utils/index.mjs";
28
- import { GridCell as ft } from "./cells/GridCell.mjs";
29
- import { GridGroupCell as be } from "./cells/GridGroupCell.mjs";
25
+ import { ColumnResize as pt } from "./drag/ColumnResize.mjs";
26
+ import { CommonDragLogic as dt } from "./drag/CommonDragLogic.mjs";
27
+ import { firefox as me, firefoxMaxHeight as fe, flatData as ct, readColumns as ut, sanitizeColumns as gt, getColumnWidth as W, autoGenerateColumns as mt, getNestedValue as be, resolveCells as ft } from "./utils/index.mjs";
28
+ import { GridCell as bt } from "./cells/GridCell.mjs";
29
+ import { GridGroupCell as ve } from "./cells/GridGroupCell.mjs";
30
30
  import { GridRow as vt } from "./rows/GridRow.mjs";
31
- import { GridHeaderSelectionCell as bt } from "./header/GridHeaderSelectionCell.mjs";
32
- import { GridNoRecords as Ct } from "./GridNoRecords.mjs";
31
+ import { GridHeaderSelectionCell as Ct } from "./header/GridHeaderSelectionCell.mjs";
32
+ import { GridNoRecords as Rt } from "./GridNoRecords.mjs";
33
33
  import { operators as Ce } from "./filterCommon.mjs";
34
- import { FooterRow as Rt } from "./footer/FooterRow.mjs";
35
- import { normalize as yt } from "./paging/GridPagerSettings.mjs";
34
+ import { FooterRow as yt } from "./footer/FooterRow.mjs";
35
+ import { normalize as wt } from "./paging/GridPagerSettings.mjs";
36
36
  import { packageMetadata as Re } from "./package-metadata.mjs";
37
- import { GridDetailCell as wt } from "./cells/GridDetailCell.mjs";
38
- import { GridDetailHierarchyCell as St } from "./cells/GridDetailHierarchyCell.mjs";
37
+ import { GridDetailCell as St } from "./cells/GridDetailCell.mjs";
38
+ import { GridDetailHierarchyCell as kt } from "./cells/GridDetailHierarchyCell.mjs";
39
39
  const _ = class _ extends r.Component {
40
40
  constructor(a) {
41
41
  super(a), this._columns = [], this._columnsMap = [[]], this._columnsMutations = 0, this._resized = !1, this._shouldUpdateLeftRight = !0, this.contextStateRef = { current: void 0 }, this.navigationStateRef = { current: void 0 }, this._data = [], this._slicedData = void 0, this.wrapperScrollTop = 0, this.showLicenseWatermark = !1, this.headerRef = r.createRef(), this.headerElementRef = r.createRef(), this._element = null, this.tableElement = null, this.containerRef = r.createRef(), this.tableBodyRef = r.createRef(), this._footer = null, this.forceUpdateTimeout = void 0, this.isRtl = !1, this.observer = null, this.handleIntersection = (e) => {
42
42
  const t = { rowIndex: this.rowIndex };
43
- e.forEach((i) => {
44
- i.isIntersecting || this.setCurrentOnTop(t);
43
+ e.forEach((o) => {
44
+ o.isIntersecting || this.setCurrentOnTop(t);
45
45
  });
46
46
  }, this.setCurrentOnTop = (e) => {
47
47
  if (!this.vs.container || this.props.scrollable === "none")
@@ -51,35 +51,35 @@ const _ = class _ extends r.Component {
51
51
  if (this.props.scrollable === "virtual")
52
52
  this.vs.askedSkip = t, this.vs.container.scroll(0, Math.round(this.vs.askedSkip / this.vs.total * this.vs.container.scrollHeight));
53
53
  else if (this.element) {
54
- const i = t < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${t + 1})`);
55
- i && this.containerRef.current && (this.containerRef.current.scrollTop = i.offsetTop);
54
+ const o = t < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${t + 1})`);
55
+ o && this.containerRef.current && (this.containerRef.current.scrollTop = o.offsetTop);
56
56
  }
57
57
  }, this.scrollIntoView = (e) => {
58
58
  if (!this.vs.container || this.props.scrollable === "none")
59
59
  return;
60
60
  this.rowIndex = e.rowIndex;
61
- const { rowIndex: t } = e, i = this.element;
62
- if (this.observer && i) {
61
+ const { rowIndex: t } = e, o = this.element;
62
+ if (this.observer && o) {
63
63
  this.observer.disconnect();
64
- const n = i.querySelector(`[absolute-row-index="${t}"]`);
64
+ const n = o.querySelector(`[absolute-row-index="${t}"]`);
65
65
  n ? this.observer.observe(n) : this.setCurrentOnTop(e);
66
66
  }
67
67
  }, this.fitColumns = (e) => {
68
68
  this.columnResize.dblClickHandler(null, e);
69
- }, this.onContextMenu = (e, t, i) => {
69
+ }, this.onContextMenu = (e, t, o) => {
70
70
  if (this.props.onContextMenu) {
71
71
  const n = {
72
72
  target: this,
73
73
  syntheticEvent: e,
74
74
  nativeEvent: e.nativeEvent,
75
75
  dataItem: t,
76
- field: i
76
+ field: o
77
77
  };
78
78
  this.props.onContextMenu.call(void 0, n);
79
79
  }
80
80
  }, this.getVirtualScroll = (e) => {
81
- const { rowHeight: t, detailRowHeight: i, detail: n, expandField: h, groupable: l } = e, d = this.isAllData(), v = t !== void 0 && t > 0, R = i !== void 0 && i > 0, I = l === !0 || typeof l == "object" && l.enabled !== !1;
82
- return !v || I && !d || !!(n && h) && (!R || !d) ? nt : ue;
81
+ const { rowHeight: t, detailRowHeight: o, detail: n, expandField: h, groupable: l } = e, d = this.isAllData(), b = t !== void 0 && t > 0, R = o !== void 0 && o > 0, I = l === !0 || typeof l == "object" && l.enabled !== !1;
82
+ return !b || I && !d || !!(n && h) && (!R || !d) ? ht : ue;
83
83
  }, this.isAllData = () => {
84
84
  const { data: e, total: t } = this.props;
85
85
  return Array.isArray(e) ? e.length === t : e ? t === e.total : !1;
@@ -92,14 +92,14 @@ const _ = class _ extends r.Component {
92
92
  this.props.sort,
93
93
  t || this.props.rowHeight === void 0 || this.props.rowHeight === 0
94
94
  ), this.vs.fixedScroll = this.props.fixedScroll || !1, this.vs.PageChange = this.pageChange, this.vs.realSkip = this.props.skip || 0, this.vs.pageSize = (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 0, this.vs.scrollableVirtual = this.props.scrollable === "virtual", this.vs.total = e, this.vs.propsSkip = (this.props.skip || 0) + (this.props.scrollable === "virtual" ? this.vs.topCacheCount + (this.vs.attendedSkip - (this.props.skip || 0)) : 0), this.props.rowHeight !== void 0 && this.props.rowHeight > 0 && !t) {
95
- const i = this.props.rowHeight * e;
96
- this.vs.containerHeight = me ? Math.min(fe, i) : i;
95
+ const o = this.props.rowHeight * e;
96
+ this.vs.containerHeight = me ? Math.min(fe, o) : o;
97
97
  } else
98
98
  this.vs.containerHeight = 1533915;
99
99
  if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof ue) {
100
- const { rowHeight: i = 0, detail: n, expandField: h } = this.props;
100
+ const { rowHeight: o = 0, detail: n, expandField: h } = this.props;
101
101
  let { detailRowHeight: l = 0 } = this.props;
102
- l = n && h ? l : i, this.isAllData() ? (this.vs.total = this._data.length, this._slicedData = this._data.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this._data.length, i, l, this._data)) : this.vs.rowHeightService = new ge(e, i, l);
102
+ l = n && h ? l : o, this.isAllData() ? (this.vs.total = this._data.length, this._slicedData = this._data.slice(this.vs.realSkip, this.vs.realSkip + this.vs.pageSize), this.vs.rowHeightService = this.rowHeightService(this.vs, this._data.length, o, l, this._data)) : this.vs.rowHeightService = new ge(e, o, l);
103
103
  const d = this.vs.rowHeightService.totalHeight();
104
104
  this.vs.containerHeight = me ? Math.min(fe, d) : d;
105
105
  }
@@ -107,20 +107,20 @@ const _ = class _ extends r.Component {
107
107
  if (e.target !== e.currentTarget)
108
108
  return;
109
109
  clearTimeout(this.forceUpdateTimeout), this.vs.table = this.tableElement;
110
- const t = e.currentTarget.scrollLeft, i = e.currentTarget.scrollTop;
111
- this.props.columnVirtualization && (!this.vs.scrollableVirtual || i === this.wrapperScrollTop) && (this.forceUpdateTimeout = window.setTimeout(() => {
110
+ const t = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
111
+ this.props.columnVirtualization && (!this.vs.scrollableVirtual || o === this.wrapperScrollTop) && (this.forceUpdateTimeout = window.setTimeout(() => {
112
112
  this.forceUpdate();
113
- }, 0)), this._header && this._header.setScrollLeft(t), this._footer && this._footer.setScrollLeft(t), this.vs && i !== this.wrapperScrollTop && this.vs.scrollHandler(e), Ae(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = i;
113
+ }, 0)), this._header && this._header.setScrollLeft(t), this._footer && this._footer.setScrollLeft(t), this.vs && o !== this.wrapperScrollTop && this.vs.scrollHandler(e), Ge(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = o;
114
114
  }, this.onKeyDown = (e) => {
115
115
  if (x.onKeyDown(e, {
116
116
  contextStateRef: this.contextStateRef,
117
117
  navigationStateRef: this.navigationStateRef,
118
118
  onNavigationAction: this.onNavigationAction
119
119
  }), this.props.onKeyDown) {
120
- const { mode: t, cell: i } = ae(this.props.selectable), n = {
120
+ const { mode: t, cell: o } = ae(this.props.selectable), n = {
121
121
  dataItems: this.getLeafDataItems(),
122
122
  mode: t,
123
- cell: i,
123
+ cell: o,
124
124
  componentId: this._gridId,
125
125
  selectedField: this.props.selectedField,
126
126
  ...this.getArguments(e)
@@ -158,8 +158,8 @@ const _ = class _ extends r.Component {
158
158
  }, this.itemChange = (e) => {
159
159
  const t = this.props.onItemChange;
160
160
  if (e.field === this.props.expandField || this.props.group && e.field === void 0) {
161
- const i = this.props.onExpandChange;
162
- i && i.call(
161
+ const o = this.props.onExpandChange;
162
+ o && o.call(
163
163
  void 0,
164
164
  {
165
165
  ...this.getArguments(e.syntheticEvent),
@@ -204,13 +204,13 @@ const _ = class _ extends r.Component {
204
204
  };
205
205
  this.props.onSelectionChange.call(void 0, t);
206
206
  }
207
- }, this.pageChange = (e, t, i) => {
207
+ }, this.pageChange = (e, t, o) => {
208
208
  this.raiseDataEvent(
209
209
  this.props.onPageChange,
210
210
  { page: e },
211
211
  { skip: e.skip, take: e.take },
212
212
  t,
213
- i
213
+ o
214
214
  );
215
215
  }, this.pagerPageChange = (e) => {
216
216
  this.pageChange({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
@@ -229,12 +229,12 @@ const _ = class _ extends r.Component {
229
229
  t
230
230
  );
231
231
  }, this.groupChange = (e, t) => {
232
- const i = t.nativeEvent ? t : { nativeEvent: t.nativeEvent || t.originalEvent };
232
+ const o = t.nativeEvent ? t : { nativeEvent: t.nativeEvent || t.originalEvent };
233
233
  this.raiseDataEvent(
234
234
  this.props.onGroupChange,
235
235
  { group: e },
236
236
  { group: e, skip: 0 },
237
- i
237
+ o
238
238
  );
239
239
  }, this.onClipboard = (e, t) => {
240
240
  if (this.props.onClipboard) {
@@ -255,9 +255,9 @@ const _ = class _ extends r.Component {
255
255
  var h, l, d;
256
256
  if (!V)
257
257
  return !1;
258
- const e = Ge(this.document), t = e ? e.matches(".k-table-td") ? e : (h = this.document) == null ? void 0 : h.body : (l = this.document) == null ? void 0 : l.body, i = t.closest(".k-grid-container"), n = t && ((d = this._element) == null ? void 0 : d.contains(t));
259
- return !!(t && n && i);
260
- }, this.onResize = (e, t, i, n, h, l) => {
258
+ const e = Ke(this.document), t = e ? e.matches(".k-table-td") ? e : (h = this.document) == null ? void 0 : h.body : (l = this.document) == null ? void 0 : l.body, o = t.closest(".k-grid-container"), n = t && ((d = this._element) == null ? void 0 : d.contains(t));
259
+ return !!(t && n && o);
260
+ }, this.onResize = (e, t, o, n, h, l) => {
261
261
  this.resetTableWidth(), this._shouldUpdateLeftRight = !0, this._resized = !0, this._columnsMutations++, this.props.onColumnResize && this.props.onColumnResize.call(
262
262
  void 0,
263
263
  {
@@ -266,35 +266,35 @@ const _ = class _ extends r.Component {
266
266
  targetColumnId: l,
267
267
  index: e,
268
268
  newWidth: t,
269
- oldWidth: i,
269
+ oldWidth: o,
270
270
  end: h,
271
271
  target: this
272
272
  }
273
273
  );
274
- }, this.reInitVirtualization = S((e, t, i, n, h, l) => {
274
+ }, this.reInitVirtualization = S((e, t, o, n, h, l) => {
275
275
  this.vs.reset();
276
276
  const d = this.getVirtualScroll(this.props);
277
277
  this.vs = new d(l);
278
- }), this.flatData = S((e, t, i, n, h, l, d) => {
279
- const v = [], R = dt(
280
- v,
278
+ }), this.flatData = S((e, t, o, n, h, l, d) => {
279
+ const b = [], R = ct(
280
+ b,
281
281
  e,
282
282
  t,
283
- { index: i },
283
+ { index: o },
284
284
  n !== void 0,
285
285
  h
286
286
  );
287
- return { flattedData: v, resolvedGroupsCount: R };
288
- }), this.rowHeightService = S((e, t, i, n, h) => new ge(t, i, n, h)), this.childrenToArray = S((e) => r.Children.toArray(e)), this.readColumns = S(
289
- (e, t, i) => {
287
+ return { flattedData: b, resolvedGroupsCount: R };
288
+ }), this.rowHeightService = S((e, t, o, n, h) => new ge(t, o, n, h)), this.childrenToArray = S((e) => r.Children.toArray(e)), this.readColumns = S(
289
+ (e, t, o) => {
290
290
  const n = e.filter((h) => h && h.type && h.type.displayName === "KendoReactGridColumn");
291
- return ct(n, this.columns, { prevId: 0, idPrefix: t });
291
+ return ut(n, this.columns, { prevId: 0, idPrefix: t });
292
292
  }
293
293
  ), this.mapColumns = S(
294
- (e) => Ue(e)
295
- ), this.configureColumns = S((e, t, i) => {
294
+ (e) => We(e)
295
+ ), this.configureColumns = S((e, t, o) => {
296
296
  this.props.selectedField && e.filter((l) => l.field === this.props.selectedField).forEach((l) => {
297
- l.width = l.width || "50px", l.cell = l.cell || Qe, l.headerCell = l.headerCell || bt;
297
+ l.width = l.width || "50px", l.cell = l.cell || Xe, l.headerCell = l.headerCell || Ct;
298
298
  });
299
299
  const n = {
300
300
  id: "",
@@ -318,7 +318,7 @@ const _ = class _ extends r.Component {
318
318
  let h = 0;
319
319
  this.props.expandField && this.props.onExpandChange && this.props.detail && (e.unshift({
320
320
  ...n,
321
- cell: Xe,
321
+ cell: Ye,
322
322
  field: this.props.expandField,
323
323
  headerClassName: "k-hierarchy-cell k-header"
324
324
  }), h++);
@@ -326,19 +326,19 @@ const _ = class _ extends r.Component {
326
326
  e.unshift({
327
327
  ...n,
328
328
  isAccessible: !1,
329
- cell: be,
329
+ cell: ve,
330
330
  field: "value",
331
331
  locked: this.props.lockGroups
332
332
  }), h++;
333
333
  e.slice(h).forEach((l) => l.parentIndex >= 0 && (l.parentIndex += h));
334
- }), this.getHeaderRow = S((e, t, i, n, h, l, d, v, R, I, b, N) => /* @__PURE__ */ r.createElement(
335
- et,
334
+ }), this.getHeaderRow = S((e, t, o, n, h, l, d, b, R, I, v, N) => /* @__PURE__ */ r.createElement(
335
+ tt,
336
336
  {
337
337
  cells: this.props.cells,
338
338
  sort: e,
339
339
  sortable: t,
340
340
  sortChange: this.sortChange,
341
- group: i || [],
341
+ group: o || [],
342
342
  groupable: n,
343
343
  groupChange: this.groupChange,
344
344
  filter: h,
@@ -352,8 +352,8 @@ const _ = class _ extends r.Component {
352
352
  pressHandler: this.dragLogic.pressHandler,
353
353
  dragHandler: this.dragLogic.dragHandler,
354
354
  releaseHandler: this.dragLogic.releaseHandler,
355
- columnsMap: b,
356
- cellRender: v,
355
+ columnsMap: v,
356
+ cellRender: b,
357
357
  isRtl: N,
358
358
  dragClue: this.dragLogic.dragClueRef,
359
359
  headerRef: this.headerElementRef,
@@ -361,15 +361,15 @@ const _ = class _ extends r.Component {
361
361
  columnGroupChange: this.columnGroupChange
362
362
  }
363
363
  )), this.resolveTitle = (e) => {
364
- const t = this._columns.find((n) => n.field === e), i = t && (t.title || t.field);
365
- return i === void 0 ? e : i;
366
- }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), Ke(Re), this.showLicenseWatermark = Oe(Re);
364
+ const t = this._columns.find((n) => n.field === e), o = t && (t.title || t.field);
365
+ return o === void 0 ? e : o;
366
+ }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), Oe(Re), this.showLicenseWatermark = Pe(Re);
367
367
  const p = this.props.groupable === !0 || typeof this.props.groupable == "object" && this.props.groupable.enabled !== !1, c = this.getVirtualScroll(a);
368
- this.vs = new c(p || a.rowHeight === void 0 || a.rowHeight === 0), this.dragLogic = new pt(
368
+ this.vs = new c(p || a.rowHeight === void 0 || a.rowHeight === 0), this.dragLogic = new dt(
369
369
  this.columnReorder.bind(this),
370
370
  this.groupReorder.bind(this),
371
371
  this.columnToGroup.bind(this)
372
- ), this.columnGroupChange = this.columnGroupChange.bind(this), this.columnResize = new ht(this.onResize), this.props.clipboard && (this.clipboardService = new We(this.onClipboard)), x.onConstructor({
372
+ ), this.columnGroupChange = this.columnGroupChange.bind(this), this.columnResize = new pt(this.onResize), this.props.clipboard && (this.clipboardService = new Be(this.onClipboard)), x.onConstructor({
373
373
  navigatable: !!a.navigatable,
374
374
  contextStateRef: this.contextStateRef,
375
375
  navigationStateRef: this.navigationStateRef,
@@ -418,7 +418,7 @@ const _ = class _ extends r.Component {
418
418
  // tslint:enable:max-line-length
419
419
  get columns() {
420
420
  const a = this._columns.filter((p) => p.declarationIndex >= 0 && p.parentIndex === -1);
421
- return ut(a);
421
+ return gt(a);
422
422
  }
423
423
  /**
424
424
  * Returns the HTML element of the Grid component.
@@ -441,7 +441,7 @@ const _ = class _ extends r.Component {
441
441
  */
442
442
  componentDidMount() {
443
443
  this.resetTableWidth(), re();
444
- const a = Be(this.element);
444
+ const a = $e(this.element);
445
445
  this.isRtl = a, x.onComponentDidMount({
446
446
  scope: this.element || void 0,
447
447
  contextStateRef: this.contextStateRef,
@@ -485,10 +485,10 @@ const _ = class _ extends r.Component {
485
485
  render() {
486
486
  var ie;
487
487
  let a = this.props.total || 0;
488
- const p = F.getIdPrefix(this.navigationStateRef), c = ot(this);
488
+ const p = F.getIdPrefix(this.navigationStateRef), c = rt(this);
489
489
  let e = [];
490
490
  Array.isArray(this.props.data) ? (e = this.props.data, a = a || this.props.data.length) : this.props.data && (e = this.props.data.data, a = a || this.props.data.total);
491
- const t = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: i, flattedData: n } = this.flatData(
491
+ const t = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: o, flattedData: n } = this.flatData(
492
492
  e,
493
493
  t,
494
494
  this.props.skip || 0,
@@ -503,9 +503,9 @@ const _ = class _ extends r.Component {
503
503
  const l = this.props.selectable && this.props.selectable.drag ? "none" : void 0;
504
504
  this.initializeVirtualization(a, h);
505
505
  const d = this.childrenToArray(this.props.children);
506
- this.initColumns(d, i);
507
- const v = d.map((o) => o && o.type && o.type.displayName === "KendoReactGridToolbar" ? r.cloneElement(o, { ...o.props, ariaControls: this._gridId }) : null), R = d.filter((o) => o && o.type && o.type.displayName === "KendoReactGridNoRecords"), I = d.filter((o) => o && o.type && o.type.displayName === "KendoReactGridStatusBar"), b = this._columns.filter((o) => o.children.length === 0), N = h && /* @__PURE__ */ r.createElement(
508
- st,
506
+ this.initColumns(d, o);
507
+ const b = d.map((i) => i && i.type && i.type.displayName === "KendoReactGridToolbar" ? r.cloneElement(i, { ...i.props, ariaControls: this._gridId }) : null), R = d.filter((i) => i && i.type && i.type.displayName === "KendoReactGridNoRecords"), I = d.filter((i) => i && i.type && i.type.displayName === "KendoReactGridStatusBar"), v = this._columns.filter((i) => i.children.length === 0), N = h && /* @__PURE__ */ r.createElement(
508
+ it,
509
509
  {
510
510
  group: this.props.group || [],
511
511
  groupChange: this.groupChange,
@@ -518,7 +518,7 @@ const _ = class _ extends r.Component {
518
518
  onContextMenu: this.onContextMenu
519
519
  }
520
520
  ), { sort: ye, sortable: we, group: Se, filter: ke, filterable: Ie, filterOperators: Ee = Ce, headerCellRender: xe, columnMenu: _e } = this.props, $ = /* @__PURE__ */ r.createElement(
521
- Ze,
521
+ et,
522
522
  {
523
523
  size: this.props.size,
524
524
  columnResize: this.columnResize,
@@ -542,7 +542,7 @@ const _ = class _ extends r.Component {
542
542
  this.isRtl
543
543
  ),
544
544
  filterRow: this.props.filterable && /* @__PURE__ */ r.createElement(
545
- tt,
545
+ st,
546
546
  {
547
547
  cells: this.props.cells,
548
548
  size: this.props.size,
@@ -556,33 +556,33 @@ const _ = class _ extends r.Component {
556
556
  ariaRowIndex: this._columnsMap.length + 1
557
557
  }
558
558
  ) || void 0,
559
- cols: b.map((o, g) => /* @__PURE__ */ r.createElement(
559
+ cols: v.map((i, g) => /* @__PURE__ */ r.createElement(
560
560
  "col",
561
561
  {
562
562
  key: g.toString(),
563
- width: W(o)
563
+ width: W(i)
564
564
  }
565
565
  ))
566
566
  }
567
- ), ze = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, De = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: He, hiddenColumns: Te } = $e({
567
+ ), ze = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, De = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: He, hiddenColumns: Te } = je({
568
568
  enabled: this.props.columnVirtualization,
569
- columns: b,
569
+ columns: v,
570
570
  tableViewPortWidth: De,
571
571
  scrollLeft: ze
572
- }), Le = (o, g, m) => {
572
+ }), Le = (i, g, m) => {
573
573
  let E = !1;
574
- const k = this.props.selectedField ? ve(this.props.selectedField, o.dataItem) : void 0;
574
+ const k = this.props.selectedField ? be(this.props.selectedField, i.dataItem) : void 0;
575
575
  return {
576
- row: b.map((u, f) => {
576
+ row: v.map((u, f) => {
577
577
  if (Te[f])
578
578
  return null;
579
579
  const D = u.id ? u.id : f, H = `${u.className ? u.className + " " : ""}${u.locked ? "k-grid-content-sticky" : ""}`, y = u.left !== void 0 ? this.isRtl ? { left: u.right, right: u.left } : { left: u.left, right: u.right } : {};
580
580
  let w = !1;
581
581
  if (u.editable && this.props.editField) {
582
- const C = ve(this.props.editField, o.dataItem);
582
+ const C = be(this.props.editField, i.dataItem);
583
583
  C && (C === !0 || C === u.field) && (E = !0, w = !0);
584
584
  }
585
- const P = u.cell || w && Ye || ft, T = this.props.expandField && this.props.detail && u.field === this.props.expandField;
585
+ const P = u.cell || w && Ze || bt, T = this.props.expandField && this.props.detail && u.field === this.props.expandField;
586
586
  return /* @__PURE__ */ r.createElement(
587
587
  P,
588
588
  {
@@ -595,23 +595,23 @@ const _ = class _ extends r.Component {
595
595
  T ? "nodata" : "cell"
596
596
  ),
597
597
  colSpan: He[f],
598
- dataItem: o.dataItem,
598
+ dataItem: i.dataItem,
599
599
  field: u.field,
600
600
  editor: u.editor,
601
601
  format: u.format,
602
602
  className: H,
603
603
  render: this.props.cellRender,
604
- cells: mt(this.props.cells, u.cells),
604
+ cells: ft(this.props.cells, u.cells),
605
605
  onChange: this.itemChange,
606
606
  selectionChange: this.props.onSelectionChange ? (C) => {
607
- this.selectionChange({ event: C, dataItem: o.dataItem, dataIndex: m, columnIndex: f });
607
+ this.selectionChange({ event: C, dataItem: i.dataItem, dataIndex: m, columnIndex: f });
608
608
  } : void 0,
609
609
  columnIndex: f,
610
- columnsCount: b.length,
611
- rowType: o.rowType,
612
- level: o.level,
613
- expanded: o.expanded,
614
- dataIndex: o.dataIndex,
610
+ columnsCount: v.length,
611
+ rowType: i.rowType,
612
+ level: i.level,
613
+ expanded: i.expanded,
614
+ dataIndex: i.dataIndex,
615
615
  style: y,
616
616
  ariaColumnIndex: u.ariaColumnIndex,
617
617
  isSelected: Array.isArray(k) && k.indexOf(f) > -1
@@ -624,25 +624,25 @@ const _ = class _ extends r.Component {
624
624
  };
625
625
  let j = 0;
626
626
  if (this.props.scrollable === "virtual")
627
- for (let o = 0; o < this.vs.topCacheCount + this.vs.attendedSkip - (this.props.skip || 0); o++) {
627
+ for (let i = 0; i < this.vs.topCacheCount + this.vs.attendedSkip - (this.props.skip || 0); i++) {
628
628
  const g = this._data.shift();
629
629
  if (g)
630
- this._data.push(g), j++, g.rowType === "groupHeader" && o--;
630
+ this._data.push(g), j++, g.rowType === "groupHeader" && i--;
631
631
  else
632
632
  break;
633
633
  }
634
- const q = (o) => o >= this._data.length - j;
634
+ const q = (i) => i >= this._data.length - j;
635
635
  let J = this.vs.realSkip || 0;
636
- const M = [];
636
+ const A = [];
637
637
  let K = !1;
638
- const O = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, Q = /* @__PURE__ */ r.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": O }, /* @__PURE__ */ r.createElement("div", { className: "k-grid-norecords-template" }, R.length ? R : /* @__PURE__ */ r.createElement(Ct, null)));
638
+ const O = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1;
639
639
  let z = 0;
640
640
  if (this._data.length) {
641
- let o = -1, g = 0;
641
+ let i = -1, g = 0;
642
642
  (this._slicedData || this._data).forEach((m, E) => {
643
- m.rowType === "data" && (J++, o++);
644
- const k = J % 2 === 0, u = this.props.dataItemKey && Pe(this.props.dataItemKey)(m.dataItem), f = E + (this.vs.realSkip || 0), D = u || "ai" + f, H = D + "_1", y = Le(m, D, o);
645
- if (z = f + O + g, M.push(/* @__PURE__ */ r.createElement(
643
+ m.rowType === "data" && (J++, i++);
644
+ const k = J % 2 === 0, u = this.props.dataItemKey && Ve(this.props.dataItemKey)(m.dataItem), f = E + (this.vs.realSkip || 0), D = u || "ai" + f, H = D + "_1", y = Le(m, D, i);
645
+ if (z = f + O + g, A.push(/* @__PURE__ */ r.createElement(
646
646
  vt,
647
647
  {
648
648
  key: D,
@@ -658,13 +658,13 @@ const _ = class _ extends r.Component {
658
658
  render: this.props.rowRender,
659
659
  ariaRowIndex: z,
660
660
  absoluteRowIndex: f,
661
- dataIndex: this.vs.scrollableVirtual ? f : o,
661
+ dataIndex: this.vs.scrollableVirtual ? f : i,
662
662
  isSelected: y.isSelected
663
663
  },
664
664
  y.row
665
665
  )), this.props.detail && m.rowType === "data" && m.expanded) {
666
- const w = b.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
667
- g++, z = f + O + g, M.push(/* @__PURE__ */ r.createElement(
666
+ const w = v.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
667
+ g++, z = f + O + g, A.push(/* @__PURE__ */ r.createElement(
668
668
  "tr",
669
669
  {
670
670
  key: H,
@@ -680,7 +680,7 @@ const _ = class _ extends r.Component {
680
680
  var oe;
681
681
  const C = (oe = y == null ? void 0 : y.row[T]) == null ? void 0 : oe.props.style, Me = C ? this.isRtl ? { left: C.right, right: C.left } : { left: C.left, right: C.right } : {};
682
682
  return /* @__PURE__ */ r.createElement(
683
- be,
683
+ ve,
684
684
  {
685
685
  id: "",
686
686
  dataIndex: m.dataIndex,
@@ -697,13 +697,13 @@ const _ = class _ extends r.Component {
697
697
  );
698
698
  }),
699
699
  this.props.expandField && /* @__PURE__ */ r.createElement(
700
- St,
700
+ kt,
701
701
  {
702
702
  id: F.generateNavigatableId(`${H}-dhcell`, p)
703
703
  }
704
704
  ),
705
705
  /* @__PURE__ */ r.createElement(
706
- wt,
706
+ St,
707
707
  {
708
708
  onContextMenu: this.onContextMenu,
709
709
  dataItem: m.dataItem,
@@ -719,35 +719,38 @@ const _ = class _ extends r.Component {
719
719
  });
720
720
  } else
721
721
  K = !0;
722
- const X = {
722
+ const Fe = () => {
723
+ const i = this._header;
724
+ return i && i.table.clientWidth;
725
+ }, Q = () => /* @__PURE__ */ r.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": O, style: { width: Fe() } }, /* @__PURE__ */ r.createElement("div", { className: "k-grid-norecords-template" }, R.length ? R : /* @__PURE__ */ r.createElement(Rt, null))), X = {
723
726
  size: this.props.size,
724
727
  onPageChange: this.pagerPageChange,
725
728
  total: a,
726
729
  dir: this.isRtl ? "rtl" : void 0,
727
730
  skip: this.vs.propsSkip || 0,
728
731
  take: (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 10,
729
- messagesMap: at,
730
- ...yt(this.props.pageable || {})
731
- }, Y = this.props.pager ? /* @__PURE__ */ r.createElement(this.props.pager, { ...X }) : /* @__PURE__ */ r.createElement(je, { className: "k-grid-pager", ...X }), Fe = (o) => this.props.sort && this.props.sort.filter((g) => g.field === o).length > 0, Ne = (o, g) => /* @__PURE__ */ r.createElement(
732
+ messagesMap: lt,
733
+ ...wt(this.props.pageable || {})
734
+ }, Y = this.props.pager ? /* @__PURE__ */ r.createElement(this.props.pager, { ...X }) : /* @__PURE__ */ r.createElement(qe, { className: "k-grid-pager", ...X }), Ne = (i) => this.props.sort && this.props.sort.filter((g) => g.field === i).length > 0, Ae = (i, g) => /* @__PURE__ */ r.createElement(
732
735
  "col",
733
736
  {
734
737
  key: g.toString(),
735
- width: W(o)
738
+ width: W(i)
736
739
  }
737
740
  ), Z = (ie = this.props.cells) != null && ie.footerCell || this._columns.some(
738
- (o) => {
741
+ (i) => {
739
742
  var g;
740
- return !!(o.footerCell || (g = o.cells) != null && g.footerCell);
743
+ return !!(i.footerCell || (g = i.cells) != null && g.footerCell);
741
744
  }
742
745
  ) ? /* @__PURE__ */ r.createElement(
743
- it,
746
+ ot,
744
747
  {
745
748
  size: this.props.size,
746
749
  columnResize: this.columnResize,
747
750
  staticHeaders: this.props.scrollable !== "none",
748
- ref: (o) => this._footer = o,
751
+ ref: (i) => this._footer = i,
749
752
  row: /* @__PURE__ */ r.createElement(
750
- Rt,
753
+ yt,
751
754
  {
752
755
  cells: this.props.cells,
753
756
  columns: this._columns,
@@ -755,22 +758,22 @@ const _ = class _ extends r.Component {
755
758
  ariaRowIndex: z + 1
756
759
  }
757
760
  ),
758
- cols: b.map(Ne)
761
+ cols: v.map(Ae)
759
762
  }
760
763
  ) : null, ee = /* @__PURE__ */ r.createElement(
761
764
  "colgroup",
762
765
  {
763
- ref: (o) => {
764
- this.columnResize.colGroupMain = o;
766
+ ref: (i) => {
767
+ this.columnResize.colGroupMain = i;
765
768
  }
766
769
  },
767
- b.map(
768
- (o, g) => /* @__PURE__ */ r.createElement(
770
+ v.map(
771
+ (i, g) => /* @__PURE__ */ r.createElement(
769
772
  "col",
770
773
  {
771
774
  key: g.toString(),
772
- className: Fe(o.field) ? "k-sorted" : void 0,
773
- width: W(o)
775
+ className: Ne(i.field) ? "k-sorted" : void 0,
776
+ width: W(i)
774
777
  }
775
778
  )
776
779
  )
@@ -789,23 +792,23 @@ const _ = class _ extends r.Component {
789
792
  },
790
793
  this.props.className
791
794
  ),
792
- ref: (o) => {
793
- this._element = o;
795
+ ref: (i) => {
796
+ this._element = i;
794
797
  },
795
798
  "aria-label": this.props.ariaLabel,
796
799
  onKeyDown: this.onKeyDown,
797
800
  onFocus: this.onFocus,
798
801
  ...le
799
802
  },
800
- v,
803
+ b,
801
804
  N,
802
805
  /* @__PURE__ */ r.createElement(
803
806
  ne,
804
807
  {
805
808
  selectable: this.props.selectable,
806
809
  onRelease: this.selectionRelease,
807
- childRef: (o) => {
808
- this.tableElement = o;
810
+ childRef: (i) => {
811
+ this.tableElement = i;
809
812
  }
810
813
  },
811
814
  /* @__PURE__ */ r.createElement(
@@ -819,19 +822,19 @@ const _ = class _ extends r.Component {
819
822
  },
820
823
  ee,
821
824
  $,
822
- /* @__PURE__ */ r.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...he }, M),
825
+ /* @__PURE__ */ r.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...he }, A),
823
826
  Z
824
827
  )
825
828
  ),
826
- K && Q,
829
+ K && Q(),
827
830
  te && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(pe, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ r.createElement(de, { ref: this.dragLogic.refDragElementClue }))
828
831
  ), I, this.props.pageable && Y);
829
- let A = this.props.style || {};
830
- return this.props.scrollable === "virtual" && (A.height || (A = Object.assign({}, A, { height: "450px" }))), /* @__PURE__ */ r.createElement(U.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ r.createElement(
832
+ let M = this.props.style || {};
833
+ return this.props.scrollable === "virtual" && (M.height || (M = Object.assign({}, M, { height: "450px" }))), /* @__PURE__ */ r.createElement(U.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ r.createElement(
831
834
  "div",
832
835
  {
833
836
  id: this.props.id,
834
- style: A,
837
+ style: M,
835
838
  className: L(
836
839
  "k-grid",
837
840
  {
@@ -841,25 +844,25 @@ const _ = class _ extends r.Component {
841
844
  },
842
845
  this.props.className
843
846
  ),
844
- ref: (o) => {
845
- this._element = o;
847
+ ref: (i) => {
848
+ this._element = i;
846
849
  },
847
850
  "aria-label": this.props.ariaLabel,
848
851
  onKeyDown: this.onKeyDown,
849
852
  onFocus: this.onFocus,
850
853
  ...le
851
854
  },
852
- v,
855
+ b,
853
856
  N,
854
857
  /* @__PURE__ */ r.createElement(
855
858
  "div",
856
859
  {
857
860
  className: "k-grid-aria-root",
858
861
  role: "grid",
859
- "aria-colcount": b.length,
862
+ "aria-colcount": v.length,
860
863
  "aria-rowcount": a,
861
864
  id: this._gridId,
862
- "aria-label": c.toLanguageString(ce, lt[ce])
865
+ "aria-label": c.toLanguageString(ce, nt[ce])
863
866
  },
864
867
  $,
865
868
  /* @__PURE__ */ r.createElement("div", { className: "k-grid-container", role: "presentation" }, /* @__PURE__ */ r.createElement(
@@ -875,8 +878,8 @@ const _ = class _ extends r.Component {
875
878
  {
876
879
  selectable: this.props.selectable,
877
880
  onRelease: this.selectionRelease,
878
- childRef: (o) => {
879
- this.tableElement = o;
881
+ childRef: (i) => {
882
+ this.tableElement = i;
880
883
  }
881
884
  },
882
885
  /* @__PURE__ */ r.createElement(
@@ -901,10 +904,10 @@ const _ = class _ extends r.Component {
901
904
  role: "rowgroup",
902
905
  ...he
903
906
  },
904
- M
907
+ A
905
908
  )
906
909
  )
907
- ), K && Q),
910
+ ), K && Q()),
908
911
  /* @__PURE__ */ r.createElement("div", { className: "k-height-container", role: "presentation" }, /* @__PURE__ */ r.createElement(
909
912
  "div",
910
913
  {
@@ -914,7 +917,7 @@ const _ = class _ extends r.Component {
914
917
  )),
915
918
  Z,
916
919
  te && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(pe, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ r.createElement(de, { ref: this.dragLogic.refDragElementClue })),
917
- this.showLicenseWatermark && /* @__PURE__ */ r.createElement(Ve, null)
920
+ this.showLicenseWatermark && /* @__PURE__ */ r.createElement(Ue, null)
918
921
  ),
919
922
  I,
920
923
  this.props.pageable && Y
@@ -922,7 +925,7 @@ const _ = class _ extends r.Component {
922
925
  }
923
926
  selectionChange(a) {
924
927
  if (this.props.onSelectionChange) {
925
- const { event: p, dataItem: c, dataIndex: e, columnIndex: t } = a, { mode: i, cell: n } = ae(this.props.selectable), h = {
928
+ const { event: p, dataItem: c, dataIndex: e, columnIndex: t } = a, { mode: o, cell: n } = ae(this.props.selectable), h = {
926
929
  ...this.getArguments(p.syntheticEvent),
927
930
  dataItem: c,
928
931
  startColIndex: t,
@@ -934,7 +937,7 @@ const _ = class _ extends r.Component {
934
937
  ctrlKey: !1,
935
938
  shiftKey: !1,
936
939
  metaKey: !1,
937
- mode: i,
940
+ mode: o,
938
941
  cell: n,
939
942
  isDrag: !1,
940
943
  componentId: this._gridId,
@@ -944,12 +947,12 @@ const _ = class _ extends r.Component {
944
947
  }
945
948
  }
946
949
  raiseDataEvent(a, p, c, e, t) {
947
- const i = this.props.onDataStateChange;
950
+ const o = this.props.onDataStateChange;
948
951
  if (a) {
949
952
  const n = { ...this.getArguments(e), ...p, targetEvent: t };
950
953
  a.call(void 0, n);
951
954
  } else
952
- i && i.call(
955
+ o && o.call(
953
956
  void 0,
954
957
  {
955
958
  ...this.getArguments(e),
@@ -962,15 +965,15 @@ const _ = class _ extends r.Component {
962
965
  );
963
966
  }
964
967
  columnReorder(a, p, c) {
965
- const e = this._columns[a], t = e.depth, i = (d) => {
968
+ const e = this._columns[a], t = e.depth, o = (d) => {
966
969
  do
967
970
  d++;
968
971
  while (d < this._columns.length && this._columns[d].depth > t);
969
972
  return d;
970
- }, n = this._columns.splice(a, i(a) - a);
971
- this._columns.splice(a < p ? i(p - n.length) : p, 0, ...n), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, v) => d.orderIndex = v), this._columnsMutations++;
973
+ }, n = this._columns.splice(a, o(a) - a);
974
+ this._columns.splice(a < p ? o(p - n.length) : p, 0, ...n), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, b) => d.orderIndex = b), this._columnsMutations++;
972
975
  const h = this._columns[a].locked && this._columns[p].locked;
973
- qe(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), Je(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
976
+ Je(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), Qe(this._columnsMap, this._columns, h || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
974
977
  const l = this.columns;
975
978
  if (this.forceUpdate(), this.props.onColumnReorder) {
976
979
  const d = {
@@ -1014,7 +1017,7 @@ const _ = class _ extends r.Component {
1014
1017
  }
1015
1018
  initColumns(a, p) {
1016
1019
  const c = F.getIdPrefix(this.navigationStateRef);
1017
- this._columns = this.readColumns(a, c, this._columnsMutations), this._columns.length === 0 && (this._columns = gt(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: c })), this.configureColumns(this._columns, p, c), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
1020
+ this._columns = this.readColumns(a, c, this._columnsMutations), this._columns.length === 0 && (this._columns = mt(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: c })), this.configureColumns(this._columns, p, c), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
1018
1021
  }
1019
1022
  getDataState() {
1020
1023
  return {
@@ -1113,7 +1116,7 @@ _.displayName = "KendoReactGrid", _.defaultProps = {
1113
1116
  size: s.oneOf(["small", "medium"])
1114
1117
  }, _.contextType = U;
1115
1118
  let B = _;
1116
- rt(B);
1119
+ at(B);
1117
1120
  export {
1118
1121
  B as Grid
1119
1122
  };