@progress/kendo-react-grid 7.1.0-develop.12 → 7.1.0-develop.14

package/index.mjs

@@ -5,21 +5,21 @@
 "use client";
 import * as l from "react";
 import p from "prop-types";
-import { useId as St, Keys as me, IconWrap as O, classNames as y, getScrollbarWidth as It, kendoThemeMaps as V, Draggable as yt, withIdHOC as wt, dispatchEvent as us, canUseDOM as Ie, getActiveElement as gs, memoizeOne as B, validatePackage as fs, shouldShowValidationUI as ms, setScrollbarWidth as ot, getter as we, WatermarkOverlay as Cs, toIconName as bs, clone as xs } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as vs, TABLE_COL_INDEX_ATTRIBUTE as ks, isRtl as Rt, tableKeyboardNavigationHeaderAttributes as lt, ColumnResizer as Es, HeaderThElement as Ft, getIndex as nt, tableKeyboardNavigation as X, getSelectionOptions as at, mapColumns as Ss, ClipboardService as Is, tableColumnsVirtualization as ys, Pager as ws, TableKeyboardNavigationContext as Re, tableKeyboardNavigationScopeAttributes as ct, TableSelection as ht, tableKeyboardNavigationBodyAttributes as dt, DropClue as pt, DragClue as ut, updateLeft as Rs, updateRight as Fs } from "@progress/kendo-react-data-tools";
-import { getSelectedState as si, getSelectedStateFromKeyDown as ri, setSelectedState as ii } from "@progress/kendo-react-data-tools";
-import { useLocalization as Nt, provideLocalizationService as G, registerForLocalization as M, useInternationalization as Ns, registerForIntl as Dt } from "@progress/kendo-react-intl";
-import { minusIcon as Ds, plusIcon as Ts, filterIcon as Ce, sortAscSmallIcon as Ke, sortDescSmallIcon as Ve, filterClearIcon as Gs, xCircleIcon as Ms, caretAltDownIcon as Hs, caretAltLeftIcon as zs, caretAltRightIcon as Ls, groupIcon as Os, ungroupIcon as _s, searchIcon as Tt, xIcon as Ps } from "@progress/kendo-svg-icons";
-import { NumericTextBox as Ue, TextBox as Gt, Input as Mt, Checkbox as fe, InputPrefix as As } from "@progress/kendo-react-inputs";
-import { DatePicker as qe } from "@progress/kendo-react-dateinputs";
-import { Popup as Bs } from "@progress/kendo-react-popup";
+import { useId as yt, Keys as me, IconWrap as O, classNames as y, getScrollbarWidth as wt, kendoThemeMaps as V, Draggable as Rt, withIdHOC as Ft, dispatchEvent as fs, canUseDOM as ye, getActiveElement as ms, memoizeOne as B, validatePackage as Cs, shouldShowValidationUI as bs, setScrollbarWidth as nt, getter as Re, WatermarkOverlay as xs, toIconName as vs, clone as ks } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as Es, TABLE_COL_INDEX_ATTRIBUTE as Is, isRtl as Nt, tableKeyboardNavigationHeaderAttributes as at, ColumnResizer as Ss, HeaderThElement as Dt, getIndex as ct, tableKeyboardNavigation as X, getSelectionOptions as ht, mapColumns as ys, ClipboardService as ws, tableColumnsVirtualization as Rs, Pager as Fs, TableKeyboardNavigationContext as Fe, tableKeyboardNavigationScopeAttributes as dt, TableSelection as pt, tableKeyboardNavigationBodyAttributes as ut, DropClue as gt, DragClue as ft, updateLeft as Ns, updateRight as Ds } from "@progress/kendo-react-data-tools";
+import { getSelectedState as ii, getSelectedStateFromKeyDown as oi, setSelectedState as li } from "@progress/kendo-react-data-tools";
+import { useLocalization as Tt, provideLocalizationService as G, registerForLocalization as M, useInternationalization as Ts, registerForIntl as Gt } from "@progress/kendo-react-intl";
+import { minusIcon as Gs, plusIcon as Ms, filterIcon as Ce, sortAscSmallIcon as Ve, sortDescSmallIcon as Ue, filterClearIcon as Hs, xCircleIcon as zs, caretAltDownIcon as Ls, caretAltLeftIcon as Os, caretAltRightIcon as _s, groupIcon as Ps, ungroupIcon as As, searchIcon as Mt, xIcon as Bs } from "@progress/kendo-svg-icons";
+import { NumericTextBox as qe, TextBox as Ht, Input as zt, Checkbox as fe, InputPrefix as Ws } from "@progress/kendo-react-inputs";
+import { DatePicker as $e } from "@progress/kendo-react-dateinputs";
+import { Popup as Ks } from "@progress/kendo-react-popup";
 import { Button as W } from "@progress/kendo-react-buttons";
-import { DropDownList as oe } from "@progress/kendo-react-dropdowns";
-import { isCompositeFilterDescriptor as gt, filterBy as ft } from "@progress/kendo-data-query";
-import { Reveal as Ws } from "@progress/kendo-react-animation";
-const ce = (i) => null;
-ce.displayName = "KendoReactGridColumn";
-ce.defaultProps = {
+import { DropDownList as ie } from "@progress/kendo-react-dropdowns";
+import { isCompositeFilterDescriptor as mt, filterBy as Ct } from "@progress/kendo-data-query";
+import { Reveal as Vs } from "@progress/kendo-react-animation";
+const ae = (i) => null;
+ae.displayName = "KendoReactGridColumn";
+ae.defaultProps = {
   filterable: !0,
   editable: !0,
   sortable: !0,
@@ -27,7 +27,7 @@ ce.defaultProps = {
   reorderable: !0,
   groupable: !0
 };
-ce.propTypes = {
+ae.propTypes = {
   field: p.string,
   title: p.string,
   editable: p.bool,
@@ -65,7 +65,7 @@ function T(i, t) {
     o = o ? o[e] : void 0;
   }), o;
 }
-function Ht(i, t, s, o, e, r, n = 0) {
+function Lt(i, t, s, o, e, r, n = 0) {
   let a = n;
   for (let c = 0; c < t.length; c++) {
     if (!e || t[c].value === void 0 || t[c].items === void 0) {
@@ -87,7 +87,7 @@ function Ht(i, t, s, o, e, r, n = 0) {
       rowType: "groupHeader",
       expanded: h
     }, h && (a = Math.max(
-      Ht(i, t[c].items, s, o, e, r, n + 1),
+      Lt(i, t[c].items, s, o, e, r, n + 1),
       a
     )), (s === "always" || h && s === "visible") && (i[i.length] = {
       dataIndex: -1,
@@ -99,17 +99,17 @@ function Ht(i, t, s, o, e, r, n = 0) {
   }
   return a;
 }
-function zt(i, t, s, o = 0) {
+function Ot(i, t, s, o = 0) {
   let e = [];
   if (!i)
     return [];
   i && i.length === void 0 && (i = [i]), i.forEach((n, a) => {
     n = n.props ? n.props : n;
-    const c = t[a] || null, h = zt(n.children, c && c.children || [], s, o + 1);
+    const c = t[a] || null, h = Ot(n.children, c && c.children || [], s, o + 1);
     e.push(
       Object.assign(
         { depth: o },
-        ce.defaultProps,
+        ae.defaultProps,
         h.length ? { cell: () => null, filterCell: () => null } : {},
         c ? { width: c.width, orderIndex: c.orderIndex } : {},
         n,
@@ -136,7 +136,7 @@ function zt(i, t, s, o = 0) {
   }
   return e;
 }
-function Ks(i, t, s, o) {
+function Us(i, t, s, o) {
   let e = [];
   Array.isArray(i) ? e = i : i && (e = i.data);
   const r = [];
@@ -162,14 +162,14 @@ function Ks(i, t, s, o) {
           ariaColumnIndex: 0,
           isAccessible: !0
         },
-        ce.defaultProps,
+        ae.defaultProps,
         { field: c }
       ));
     });
   }
   return r;
 }
-const Vs = (i, t) => {
+const qs = (i, t) => {
   let s = i[t.parentIndex];
   for (; s; ) {
     if (s.footerCell)
@@ -177,7 +177,7 @@ const Vs = (i, t) => {
     s = i[s.parentIndex];
   }
   return !1;
-}, Us = (i) => i.filter((t) => Vs(i, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), ye = (i) => i.width !== void 0 ? Math.floor(parseFloat(i.width.toString())) + "px" : void 0, Lt = (i) => (i.sort((t, s) => t.declarationIndex - s.declarationIndex), i.map((t) => {
+}, $s = (i) => i.filter((t) => qs(i, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), we = (i) => i.width !== void 0 ? Math.floor(parseFloat(i.width.toString())) + "px" : void 0, _t = (i) => (i.sort((t, s) => t.declarationIndex - s.declarationIndex), i.map((t) => {
   const {
     declarationIndex: s,
     parentIndex: o,
@@ -190,10 +190,10 @@ const Vs = (i, t) => {
     ...d
   } = t;
   return h.length ? {
-    children: Lt(h),
+    children: _t(h),
     ...d
   } : d;
-})), Fe = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), mt = 17895697, be = (i, t) => {
+})), Ne = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), bt = 17895697, be = (i, t) => {
   if (!(!i && !t))
     return t ? i ? {
       ...i,
@@ -215,13 +215,13 @@ const Vs = (i, t) => {
         ...t.edit || {}
       }
     } : t : i;
-}, qs = (i) => {
+}, js = (i) => {
   const t = l.useCallback(
     (d) => {
       i.selectionChange && i.selectionChange({ syntheticEvent: d });
     },
     [i.selectionChange]
-  ), s = St(), o = T(i.field, i.dataItem), e = q(i.id);
+  ), s = yt(), o = T(i.field, i.dataItem), e = q(i.id);
   let r = {
     colSpan: i.colSpan,
     style: i.style,
@@ -254,38 +254,38 @@ const Vs = (i, t) => {
     return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: r }, n);
   }
   return i.render ? i.render.call(void 0, a, i) : a;
-}, Ne = "grid.noRecords", $s = "grid.pagerInfo", js = "grid.pagerFirstPage", Xs = "grid.pagerPreviousPage", Ys = "grid.pagerNextPage", Js = "grid.pagerLastPage", Qs = "grid.pagerItemsPerPage", Zs = "grid.pagerPage", er = "grid.pagerPageSizeAriaLabel", tr = "grid.pagerOf", sr = "grid.pagerTotalPages", De = "grid.groupPanelEmpty", Ot = "grid.groupColumn", _t = "grid.ungroupColumn", Te = "grid.columnMenu", U = "grid.filterClearButton", le = "grid.filterSubmitButton", ne = "grid.filterTitle", Ge = "grid.sortAscending", Me = "grid.sortDescending", He = "grid.searchPlaceholder", ze = "grid.filterCheckAll", Le = "grid.filterChooseOperator", Oe = "grid.filterSelectedItems", _e = "grid.sortAriaLabel", Pe = "grid.filterAriaLabel", Ae = "grid.groupPanelAriaLabel", Pt = "grid.groupExpand", At = "grid.groupCollapse", Bt = "grid.detailExpand", Wt = "grid.detailCollapse", k = {
-  [Bt]: "Expand detail row",
-  [Wt]: "Collapse detail row",
-  [Pt]: "Expand group",
-  [At]: "Collapse Group",
-  [Ne]: "No records available",
-  [De]: "Drag a column header and drop it here to group by that column",
+}, De = "grid.noRecords", Xs = "grid.pagerInfo", Ys = "grid.pagerFirstPage", Js = "grid.pagerPreviousPage", Qs = "grid.pagerNextPage", Zs = "grid.pagerLastPage", er = "grid.pagerItemsPerPage", tr = "grid.pagerPage", sr = "grid.pagerPageSizeAriaLabel", rr = "grid.pagerOf", ir = "grid.pagerTotalPages", Te = "grid.groupPanelEmpty", Pt = "grid.groupColumn", At = "grid.ungroupColumn", Ge = "grid.columnMenu", U = "grid.filterClearButton", oe = "grid.filterSubmitButton", le = "grid.filterTitle", Me = "grid.sortAscending", He = "grid.sortDescending", ze = "grid.searchPlaceholder", Le = "grid.filterCheckAll", Oe = "grid.filterChooseOperator", _e = "grid.filterSelectedItems", Pe = "grid.sortAriaLabel", Ae = "grid.filterAriaLabel", Be = "grid.groupPanelAriaLabel", Bt = "grid.groupExpand", Wt = "grid.groupCollapse", Kt = "grid.detailExpand", Vt = "grid.detailCollapse", k = {
+  [Kt]: "Expand detail row",
+  [Vt]: "Collapse detail row",
+  [Bt]: "Expand group",
+  [Wt]: "Collapse Group",
+  [De]: "No records available",
+  [Te]: "Drag a column header and drop it here to group by that column",
   [U]: "Clear",
+  [oe]: "Filter",
   [le]: "Filter",
-  [ne]: "Filter",
-  [Ge]: "Sort Ascending",
-  [Me]: "Sort Descending",
-  [_e]: "Sortable",
-  [Ot]: "Group Column",
-  [_t]: "Ungroup Column",
-  [Te]: "Column menu",
-  [Qs]: "items per page",
-  [$s]: "{0} - {1} of {2} items",
-  [js]: "Go to the first page",
-  [Xs]: "Go to the previous page",
-  [Ys]: "Go to the next page",
-  [Js]: "Go to the last page",
-  [Zs]: "Page",
-  [er]: "Page size",
-  [tr]: "of",
-  [sr]: "{0}",
-  [He]: "Search",
-  [ze]: "Check All",
-  [Le]: "Choose Operator",
-  [Oe]: "selected items",
-  [Pe]: "Filter",
-  [Ae]: "Group panel",
+  [Me]: "Sort Ascending",
+  [He]: "Sort Descending",
+  [Pe]: "Sortable",
+  [Pt]: "Group Column",
+  [At]: "Ungroup Column",
+  [Ge]: "Column menu",
+  [er]: "items per page",
+  [Xs]: "{0} - {1} of {2} items",
+  [Ys]: "Go to the first page",
+  [Js]: "Go to the previous page",
+  [Qs]: "Go to the next page",
+  [Zs]: "Go to the last page",
+  [tr]: "Page",
+  [sr]: "Page size",
+  [rr]: "of",
+  [ir]: "{0}",
+  [ze]: "Search",
+  [Le]: "Check All",
+  [Oe]: "Choose Operator",
+  [_e]: "selected items",
+  [Ae]: "Filter",
+  [Be]: "Group panel",
   "grid.filterEqOperator": "Is equal to",
   "grid.filterNotEqOperator": "Is not equal to",
   "grid.filterIsNullOperator": "Is null",
@@ -310,13 +310,13 @@ const Vs = (i, t) => {
   "grid.filterAndLogic": "And",
   "grid.filterOrLogic": "Or"
 };
-function rr(i) {
+function or(i) {
   const t = i.replace(/^pager\.([a-z])/, (s, o) => "grid.pager" + o.toUpperCase());
   return { messageKey: t, defaultMessage: k[t] };
 }
-const ir = (i) => {
+const lr = (i) => {
   let t = null, s = null, o = null;
-  const e = T(i.field, i.dataItem), r = q(i.id), n = Nt(), a = l.useCallback(
+  const e = T(i.field, i.dataItem), r = q(i.id), n = Tt(), a = l.useCallback(
     (d) => {
       d.isDefaultPrevented() || d.keyCode === me.enter && i.onChange && (d.preventDefault(), i.onChange({
         dataItem: i.dataItem,
@@ -340,7 +340,7 @@ const ir = (i) => {
       }
     );
   else if (i.rowType !== "groupHeader") {
-    const d = e ? Wt : Bt, g = n.toLanguageString(d, k[d]);
+    const d = e ? Vt : Kt, g = n.toLanguageString(d, k[d]);
     s = {
       className: "k-table-td k-hierarchy-cell",
       onKeyDown: a,
@@ -364,7 +364,7 @@ const ir = (i) => {
         href: "#",
         tabIndex: -1
       },
-      /* @__PURE__ */ l.createElement(O, { name: e ? "minus" : "plus", icon: e ? Ds : Ts })
+      /* @__PURE__ */ l.createElement(O, { name: e ? "minus" : "plus", icon: e ? Gs : Ms })
     ), t = /* @__PURE__ */ l.createElement(
       "td",
       {
@@ -379,12 +379,12 @@ const ir = (i) => {
     return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: s }, o);
   }
   return i.render ? i.render.call(void 0, t, i) : t;
-}, or = vs, re = ks, lr = (i) => {
+}, nr = Es, se = Is, ar = (i) => {
   const t = T(i.field, i.dataItem);
   let s = null;
   const o = y("k-table-td", "k-grid-edit-cell", {
     ["k-selected"]: i.isSelected
-  }, i.className), e = St(), r = q(i.id);
+  }, i.className), e = yt(), r = q(i.id);
   let n = null, a = null;
   const c = l.useCallback(
     (u) => {
@@ -423,11 +423,11 @@ const ir = (i) => {
         className: o,
         ["aria-colindex"]: i.ariaColumnIndex,
         ["aria-selected"]: i.isSelected,
-        [re]: i.columnIndex,
+        [se]: i.columnIndex,
         role: "gridcell",
         ...r
       }, a = /* @__PURE__ */ l.createElement(
-        Ue,
+        qe,
         {
           width: "100%",
           value: t === void 0 ? null : t,
@@ -450,11 +450,11 @@ const ir = (i) => {
         className: o,
         ["aria-colindex"]: i.ariaColumnIndex,
         ["aria-selected"]: i.isSelected,
-        [re]: i.columnIndex,
+        [se]: i.columnIndex,
         role: "gridcell",
         ...r
       }, a = /* @__PURE__ */ l.createElement(
-        qe,
+        $e,
         {
           width: "100%",
           value: t,
@@ -476,7 +476,7 @@ const ir = (i) => {
         className: o,
         ["aria-colindex"]: i.ariaColumnIndex,
         ["aria-selected"]: i.isSelected,
-        [re]: i.columnIndex,
+        [se]: i.columnIndex,
         role: "gridcell",
         ...r
       }, a = [
@@ -507,7 +507,7 @@ const ir = (i) => {
         className: o,
         ["aria-colindex"]: i.ariaColumnIndex,
         ["aria-selected"]: i.isSelected,
-        [re]: i.columnIndex,
+        [se]: i.columnIndex,
         role: "gridcell",
         ...r
       }, a = /* @__PURE__ */ l.createElement(
@@ -533,9 +533,9 @@ const ir = (i) => {
   }
   return i.render ? i.render.call(void 0, s, i) : s;
 };
-class nr extends l.Component {
+class cr extends l.Component {
   constructor() {
-    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = It(), this.onScroll = (t) => {
+    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = wt(), this.onScroll = (t) => {
       if (this.syncScroll) {
         this.syncScroll = !1;
         return;
@@ -550,7 +550,7 @@ class nr extends l.Component {
     return this.props.elemRef.current;
   }
   componentDidMount() {
-    const t = Rt(this.element);
+    const t = Nt(this.element);
     this.props.columnResize && this.props.columnResize.setIsRtl(t), this.forceUpdate();
   }
   /**
@@ -608,7 +608,7 @@ class nr extends l.Component {
           /* @__PURE__ */ l.createElement("colgroup", { ref: (t) => {
             this.props.columnResize.colGroupHeader = t;
           } }, this.props.cols),
-          /* @__PURE__ */ l.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...lt }, this.props.headerRow, this.props.filterRow)
+          /* @__PURE__ */ l.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...at }, this.props.headerRow, this.props.filterRow)
         )
       )
     ) : /* @__PURE__ */ l.createElement(
@@ -619,15 +619,15 @@ class nr extends l.Component {
           "k-table-thead",
           { "k-grid-draggable-header": this.props.draggable }
         ),
-        ...lt
+        ...at
       },
       this.props.headerRow,
       this.props.filterRow
     );
   }
 }
-const Kt = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
-class ar extends l.PureComponent {
+const Ut = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
+class hr extends l.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -641,7 +641,7 @@ class ar extends l.PureComponent {
   }
   render() {
     return /* @__PURE__ */ l.createElement(
-      yt,
+      Rt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -657,7 +657,7 @@ class ar extends l.PureComponent {
     );
   }
 }
-class Vt extends l.Component {
+class qt extends l.Component {
   constructor() {
     super(...arguments), this.state = {
       show: !1
@@ -701,11 +701,11 @@ class Vt extends l.Component {
         onMouseDown: this.onAnchorMouseDown,
         onKeyDown: this.onAnchorKeyDown,
         href: "#",
-        "aria-label": `${n}${e.toLanguageString(Te, k[Te])}`
+        "aria-label": `${n}${e.toLanguageString(Ge, k[Ge])}`
       },
       /* @__PURE__ */ l.createElement(O, { name: "filter", icon: Ce })
     ), /* @__PURE__ */ l.createElement(
-      Bs,
+      Ks,
       {
         anchor: this._anchor,
         show: this.state.show,
@@ -731,7 +731,7 @@ class Vt extends l.Component {
     ));
   }
 }
-class cr extends l.Component {
+class dr extends l.Component {
   /**
    * @hidden
    */
@@ -751,19 +751,19 @@ class cr extends l.Component {
       },
       /* @__PURE__ */ l.createElement("span", { className: "k-column-title" }, this.props.title || this.props.field || " "),
       this.props.children
-    ), t.columnMenu && /* @__PURE__ */ l.createElement(Vt, { ...t }));
+    ), t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t }));
     return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-const hr = {
+const pr = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, dr = {
+}, ur = {
   none: "none",
   asc: "ascending",
   desc: "descending"
 };
-class Ut extends l.Component {
+class $t extends l.Component {
   constructor(t) {
     super(t), this.serviceIndex = 0, this.index = -1, this.cellKeyDown = (s, o) => {
       s.isDefaultPrevented() || s.keyCode === me.enter && this.cellClick(s, o);
@@ -775,9 +775,9 @@ class Ut extends l.Component {
         "k-header": !0,
         "k-grid-header-sticky": e.locked,
         "k-sorted": this.props.sort && this.props.sort.some((v) => v.field === e.field)
-      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, g = G(this).toLanguageString(_e, k[_e]);
+      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, g = G(this).toLanguageString(Pe, k[Pe]);
       let m = e.isAccessible ? {
-        ariaSort: dr[a],
+        ariaSort: ur[a],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
@@ -785,7 +785,7 @@ class Ut extends l.Component {
       } : {
         role: "presentation"
       };
-      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : cr, E = /* @__PURE__ */ l.createElement(
+      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : dr, E = /* @__PURE__ */ l.createElement(
         b,
         {
           key: 1,
@@ -831,20 +831,20 @@ class Ut extends l.Component {
       }, x = [
         E,
         this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ l.createElement(
-          Es,
+          Ss,
           {
             key: 2,
             resize: (v, _, D) => this.props.columnResize && this.props.columnResize.dragHandler(v, e, _, D),
             autofit: (v) => this.props.columnResize && this.props.columnResize.dblClickHandler(v, [e.id])
           }
         )
-      ], S = be(this.props.cells, e.cells);
-      if (S && S.headerCell) {
-        const v = S.headerCell;
+      ], I = be(this.props.cells, e.cells);
+      if (I && I.headerCell) {
+        const v = I.headerCell;
         return /* @__PURE__ */ l.createElement(v, { key: u, thProps: C, index: o }, x);
       }
       return /* @__PURE__ */ l.createElement(
-        Ft,
+        Dt,
         {
           ...C,
           key: u
@@ -856,7 +856,7 @@ class Ut extends l.Component {
   cellClick(t, s) {
     if (t.preventDefault(), !this.props.sortChange)
       return;
-    const { allowUnsort: o, mode: e } = Kt(this.props.sortable || !1, s.sortable || !1), r = (this.props.sort || []).filter((c) => c.field === s.field)[0], n = hr[o][r && r.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== s.field);
+    const { allowUnsort: o, mode: e } = Ut(this.props.sortable || !1, s.sortable || !1), r = (this.props.sort || []).filter((c) => c.field === s.field)[0], n = pr[o][r && r.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== s.field);
     n !== "" && s.field && a.push({ field: s.field, dir: n }), this.props.sortChange(a, t);
   }
   sortIcon(t) {
@@ -865,7 +865,7 @@ class Ut extends l.Component {
         O,
         {
           name: "sort-" + this.props.sort[t].dir + "-small",
-          icon: this.props.sort[t].dir === "asc" ? Ke : Ve
+          icon: this.props.sort[t].dir === "asc" ? Ve : Ue
         }
       )),
       this.props.sort.length > 1 && /* @__PURE__ */ l.createElement("span", { key: 2, className: "k-sort-icon" }, /* @__PURE__ */ l.createElement("span", { className: "k-sort-order" }, t + 1))
@@ -873,7 +873,7 @@ class Ut extends l.Component {
   }
   render() {
     return this.serviceIndex = 0, this.index = -1, this.props.columnsMap.map((t, s) => this.props.pressHandler && /* @__PURE__ */ l.createElement(
-      ar,
+      hr,
       {
         key: s,
         pressHandler: this.props.pressHandler,
@@ -888,11 +888,11 @@ class Ut extends l.Component {
     ) || /* @__PURE__ */ l.createElement("tr", { key: s, className: "k-table-row", role: "row", "aria-rowindex": s + 1 }, this.cells(t)));
   }
 }
-M(Ut);
-const pr = [
+M($t);
+const gr = [
   { text: "grid.filterAndLogic", operator: "and" },
   { text: "grid.filterOrLogic", operator: "or" }
-], Ct = {
+], xt = {
   text: [
     { text: "grid.filterContainsOperator", operator: "contains" },
     { text: "grid.filterNotContainsOperator", operator: "doesnotcontain" },
@@ -928,20 +928,20 @@ const pr = [
   boolean: [
     { text: "grid.filterEqOperator", operator: "eq" }
   ]
-}, L = (i) => i === "isnull" || i === "isnotnull" || i === "isempty" || i === "isnotempty", ie = (i, t) => i.map((s) => ({
+}, L = (i) => i === "isnull" || i === "isnotnull" || i === "isempty" || i === "isnotempty", re = (i, t) => i.map((s) => ({
   text: t.toLanguageString(s.text, k[s.text]),
   operator: s.operator
-})), ur = "eq", qt = [
+})), fr = "eq", jt = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], gr = {
+], mr = {
   text: !1,
   numeric: !1,
   date: !1,
   boolean: !0
-}, $t = (i, t, s) => {
-  const o = jt(s.operators);
+}, Xt = (i, t, s) => {
+  const o = Yt(s.operators);
   let e = s.operator;
   switch (s.filterType) {
     case "numeric":
@@ -957,26 +957,26 @@ const pr = [
       return;
   }
   s.onChange({ value: i, operator: e, syntheticEvent: t });
-}, jt = (i, t) => t ? i[t][0].operator : i[0].operator, Be = (i) => i || "text", Xt = (i, t) => {
+}, Yt = (i, t) => t ? i[t][0].operator : i[0].operator, We = (i) => i || "text", Jt = (i, t) => {
   const s = i.target.value;
   t({
     value: s.operator,
-    operator: s.operator === "" ? "" : ur,
+    operator: s.operator === "" ? "" : fr,
     syntheticEvent: i.syntheticEvent
   });
-}, Yt = (i, t, s) => {
+}, Qt = (i, t, s) => {
   let o = t;
   const e = i.target.value;
   i.target.state.opened && (L(e.operator) && (o = null), t === null && !L(e.operator) && (o = void 0), s({ value: o, operator: e.operator, syntheticEvent: i.syntheticEvent }));
 };
-class Jt extends l.Component {
+class Zt extends l.Component {
   constructor(t) {
     super(t), this._inputRef = l.createRef(), this.renderOperatorEditor = (s) => {
       if (this.props.filterType === "boolean")
         return;
       const o = this.props.operators.find((e) => e.operator === this.props.operator) || null;
       return /* @__PURE__ */ l.createElement(
-        oe,
+        ie,
         {
           size: this.props.size,
           value: o,
@@ -986,7 +986,7 @@ class Jt extends l.Component {
           svgIcon: Ce,
           data: this.props.operators,
           textField: "text",
-          title: s.toLanguageString(Le, k[Le]),
+          title: s.toLanguageString(Oe, k[Oe]),
           popupSettings: {
             width: ""
           }
@@ -1003,7 +1003,7 @@ class Jt extends l.Component {
       {
         size: this.props.size,
         icon: "filter-clear",
-        svgIcon: Gs,
+        svgIcon: Hs,
         className: y({
           "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
         }),
@@ -1016,13 +1016,13 @@ class Jt extends l.Component {
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
   inputChange(t, s) {
-    $t(t, s, this.props);
+    Xt(t, s, this.props);
   }
   operatorChange(t) {
-    Yt(t, this.props.value, this.props.onChange);
+    Qt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Xt(t, this.props.onChange);
+    Jt(t, this.props.onChange);
   }
   clear(t) {
     t.preventDefault(), this.props.onChange({ value: "", operator: "", syntheticEvent: t }), this._inputRef.current && (this._inputRef.current.element.value = "", setTimeout(() => {
@@ -1033,7 +1033,7 @@ class Jt extends l.Component {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ l.createElement(
-          Ue,
+          qe,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1047,7 +1047,7 @@ class Jt extends l.Component {
         );
       case "date":
         return /* @__PURE__ */ l.createElement(
-          qe,
+          $e,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1062,7 +1062,7 @@ class Jt extends l.Component {
       case "boolean": {
         const e = (r) => r == null;
         return /* @__PURE__ */ l.createElement(
-          oe,
+          ie,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1077,7 +1077,7 @@ class Jt extends l.Component {
       }
       default:
         return /* @__PURE__ */ l.createElement(
-          Gt,
+          Ht,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1092,9 +1092,9 @@ class Jt extends l.Component {
     }
   }
 }
-M(Jt);
-const fr = "k-table-row k-filter-row";
-class Qt extends l.Component {
+M(Zt);
+const Cr = "k-table-row k-filter-row";
+class es extends l.Component {
   headerCellClassName(t, s) {
     let o = `${s ? "k-grid-header-sticky" : ""}`;
     return this.props.sort && this.props.sort.filter((e) => e.field === t).length > 0 && (o += " k-sorted"), o;
@@ -1124,7 +1124,7 @@ class Qt extends l.Component {
     let e = 0, r = -1;
     const n = this.props.columns.filter((a) => a.children.length === 0).map(
       (a) => {
-        const c = Be(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Pe, k[Pe]) : void 0;
+        const c = We(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Ae, k[Ae]) : void 0;
         let g = h && h.value;
         g === void 0 && (g = c === "text" ? "" : null);
         const m = a.filterable && {
@@ -1133,8 +1133,8 @@ class Qt extends l.Component {
           title: a.filterTitle,
           value: g,
           operator: h && h.operator,
-          operators: ie(this.props.filterOperators[c] || [], t),
-          booleanValues: ie(qt, t),
+          operators: re(this.props.filterOperators[c] || [], t),
+          booleanValues: re(jt, t),
           filterType: c,
           ariaLabel: d,
           onChange: (v) => {
@@ -1150,13 +1150,13 @@ class Qt extends l.Component {
           className: y("k-table-th", this.headerCellClassName(a.field, a.locked) || void 0),
           role: "columnheader",
           ...b
-        }, x = m && (a.filterCell ? /* @__PURE__ */ l.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ l.createElement(Jt, { size: this.props.size, ...m })), S = be(this.props.cells, a.cells);
-        if (S && S.filterCell) {
-          const v = S.filterCell;
+        }, x = m && (a.filterCell ? /* @__PURE__ */ l.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ l.createElement(Zt, { size: this.props.size, ...m })), I = be(this.props.cells, a.cells);
+        if (I && I.filterCell) {
+          const v = I.filterCell;
           return /* @__PURE__ */ l.createElement(v, { key: u, ...m, thProps: C, index: r }, x);
         }
         return /* @__PURE__ */ l.createElement(
-          Ft,
+          Dt,
           {
             key: u,
             ...C
@@ -1165,11 +1165,11 @@ class Qt extends l.Component {
         );
       }
     );
-    return /* @__PURE__ */ l.createElement("tr", { className: fr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, n);
+    return /* @__PURE__ */ l.createElement("tr", { className: Cr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, n);
   }
 }
-M(Qt);
-class Zt extends l.Component {
+M(es);
+class ts extends l.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -1198,7 +1198,7 @@ class Zt extends l.Component {
   render() {
     const { dir: t } = this.props;
     return /* @__PURE__ */ l.createElement(
-      yt,
+      Rt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -1220,7 +1220,7 @@ class Zt extends l.Component {
           O,
           {
             name: "sort-" + t + "-small",
-            icon: t === "asc" ? Ke : Ve,
+            icon: t === "asc" ? Ve : Ue,
             size: "small"
           }
         )),
@@ -1235,7 +1235,7 @@ class Zt extends l.Component {
             O,
             {
               name: "x-circle",
-              icon: Ms,
+              icon: zs,
               size: "small"
             }
           )
@@ -1244,8 +1244,8 @@ class Zt extends l.Component {
     );
   }
 }
-M(Zt);
-class es extends l.Component {
+M(ts);
+class ss extends l.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (t, s) => {
       const o = this.props.group.slice();
@@ -1257,7 +1257,7 @@ class es extends l.Component {
   }
   render() {
     const s = (this.props.group || []).map((o, e) => /* @__PURE__ */ l.createElement(
-      Zt,
+      ts,
       {
         key: e,
         index: e,
@@ -1281,18 +1281,18 @@ class es extends l.Component {
         ref: this.props.refCallback,
         className: "k-grouping-header",
         role: "toolbar",
-        "aria-label": G(this).toLanguageString(Ae, k[Ae]),
+        "aria-label": G(this).toLanguageString(Be, k[Be]),
         "aria-controls": this.props.ariaControls || ""
       },
       /* @__PURE__ */ l.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, s),
-      /* @__PURE__ */ l.createElement("div", { className: "k-grouping-drop-container" }, !s.length && G(this).toLanguageString(De, k[De]), " ")
+      /* @__PURE__ */ l.createElement("div", { className: "k-grouping-drop-container" }, !s.length && G(this).toLanguageString(Te, k[Te]), " ")
     );
   }
 }
-M(es);
-class mr extends l.Component {
+M(ss);
+class br extends l.Component {
   constructor() {
-    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = It();
+    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = wt();
   }
   componentDidMount() {
     this.setState({});
@@ -1353,7 +1353,7 @@ class mr extends l.Component {
     ) : /* @__PURE__ */ l.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
   }
 }
-class Cr {
+class xr {
   constructor(t) {
     this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = l.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = l.createRef(), this.tableTransform = "", this.prevScrollPos = 0, this.tableTranslate = 0, this.scrollSyncing = !1, this.reactVersion = Number.parseFloat(l.version), this.topItems = (s, o) => {
       if (!this.container || o)
@@ -1469,7 +1469,7 @@ class Cr {
     s - o < 0 && s > this.tableTranslate - this.table.scrollHeight / 10 ? this.localScrollUp(t) : s - o > 0 && s < this.tableTranslate + this.table.scrollHeight * 2 / 3 ? this.localScrollDown(t) : this.scrollNonStrict(t), this.prevScrollPos = s;
   }
 }
-class bt {
+class vt {
   constructor(t = 0, s, o, e) {
     this.total = t, this.offsets = [], this.heights = [];
     let r = 0;
@@ -1503,7 +1503,7 @@ class bt {
     return t + s;
   }
 }
-class xt {
+class kt {
   constructor(t) {
     this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = l.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = l.createRef(), this.tableTransform = "", this.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.reactVersion = Number.parseFloat(l.version), this.firstLoaded = this.pageSize, this.lastLoaded = this.realSkip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
   }
@@ -1511,7 +1511,7 @@ class xt {
     return this.containerRef.current;
   }
   translate(t, s) {
-    this.scrollableVirtual && this.table && (Fe || this.reactVersion <= 17 || s ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+    this.scrollableVirtual && this.table && (Ne || this.reactVersion <= 17 || s ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
   }
   changePage(t, s) {
     this.PageChange && this.PageChange({ skip: Math.max(0, t), take: this.pageSize }, s);
@@ -1541,8 +1541,8 @@ class xt {
     }
   }
 }
-const br = 1, xr = 20;
-class vr {
+const vr = 1, kr = 20;
+class Er {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (s) => {
       this.isRtl = s;
@@ -1579,7 +1579,7 @@ class vr {
       let g = [];
       d.forEach((m) => {
         c.forEach((u) => {
-          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + br));
+          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + vr));
         });
       }), d.forEach((m) => {
         c.forEach((u) => {
@@ -1648,7 +1648,7 @@ class vr {
   }
   updateNextLockedCol(t, s, o) {
     const e = s.index, r = this.colGroupMain.parentElement.closest(".k-grid"), n = r == null ? void 0 : r.clientWidth, a = this.columns.filter((c) => c.locked).map((c) => parseInt(c.width + "", 10)).reduce((c, h) => c + h, 0);
-    !s.locked || n <= a + xr || this.columns.forEach((c) => {
+    !s.locked || n <= a + kr || this.columns.forEach((c) => {
       if (c != null && c.locked && o) {
         const h = t == null ? void 0 : t.querySelectorAll('[aria-colindex="' + c.ariaColumnIndex + '"]');
         h == null || h.forEach((d) => {
@@ -1659,7 +1659,7 @@ class vr {
     });
   }
 }
-class kr {
+class Ir {
   constructor(t, s, o) {
     this.refDragElementClue = l.createRef(), this.refDropElementClue = l.createRef(), this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.groupPanelDivElement = null, this.refGroupPanelDiv = (e) => {
       this.groupPanelDivElement = e && e.children ? e.children[0] : e;
@@ -1701,7 +1701,7 @@ class kr {
   getColumnIndex(t, s) {
     if (!s || s.parentElement === this.groupPanelDivElement)
       return -1;
-    const o = nt(t, s);
+    const o = ct(t, s);
     if (o === -1)
       return -1;
     for (let e = 0; e < s.parentNode.children.length; e++)
@@ -1714,7 +1714,7 @@ class kr {
     return s.className.indexOf ? s.className.indexOf("k-grouping-drop-container") !== -1 : !1;
   }
   getGroupIndex(t) {
-    return nt(t, this.groupPanelDivElement);
+    return ct(t, this.groupPanelDivElement);
   }
   isValid() {
     return this.startGroup >= 0 ? this.currentGroup >= 0 && this.currentGroup !== this.startGroup : this.startColumn === -1 ? !1 : this.currentGroup >= 0 ? this.columns[this.startColumn].groupable === !0 && this.groupable === !0 : this.reorderable === !0 && this.currentColumn >= 0 && this.currentColumn !== this.startColumn && this.columns[this.startColumn].reorderable === !0 && this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
@@ -1750,9 +1750,9 @@ class kr {
     });
   }
 }
-const Er = (i) => {
+const Sr = (i) => {
   let t = null;
-  const s = Ns(), o = q(i.id), e = l.useCallback((h) => {
+  const s = Ts(), o = q(i.id), e = l.useCallback((h) => {
     i.onContextMenu && i.onContextMenu.call(void 0, h, i.dataItem, i.field);
   }, [i.onContextMenu, i.dataItem, i.field]);
   let r = null, n = null;
@@ -1779,7 +1779,7 @@ const Er = (i) => {
       role: "gridcell",
       "aria-colindex": i.ariaColumnIndex,
       "aria-selected": i.isSelected,
-      [re]: i.columnIndex,
+      [se]: i.columnIndex,
       ...o
     }, t = /* @__PURE__ */ l.createElement("td", { ...r }, n);
   }
@@ -1789,10 +1789,10 @@ const Er = (i) => {
     return /* @__PURE__ */ l.createElement(h, { ...i, tdProps: r }, n);
   }
   return i.render ? i.render.call(void 0, t, i) : t;
-}, vt = (i) => {
+}, Et = (i) => {
   let t = null;
-  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: n, field: a, onChange: c, expanded: h, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = i, b = a || "", E = q(i.id), C = Nt();
-  let x = null, S = null, v = null;
+  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: n, field: a, onChange: c, expanded: h, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = i, b = a || "", E = q(i.id), C = Tt();
+  let x = null, I = null, v = null;
   const _ = l.useCallback(
     (F) => {
       F.isDefaultPrevented() || F.keyCode === me.enter && c && (F.preventDefault(), c({
@@ -1806,8 +1806,8 @@ const Er = (i) => {
     [h, c, n, g]
   ), D = l.useCallback((F) => {
     i.onContextMenu && i.onContextMenu.call(void 0, F, i.dataItem, i.field);
-  }, [i.onContextMenu, i.dataItem, i.field]), de = (F, ve) => {
-    const pe = h ? At : Pt, ke = C.toLanguageString(pe, k[pe]);
+  }, [i.onContextMenu, i.dataItem, i.field]), he = (F, ve) => {
+    const de = h ? Wt : Bt, ke = C.toLanguageString(de, k[de]);
     return x = {
       className: "k-table-td",
       style: { ...i.style, ...ve },
@@ -1840,7 +1840,7 @@ const Er = (i) => {
         O,
         {
           name: h ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
-          icon: h ? Hs : u ? zs : Ls
+          icon: h ? Ls : u ? Os : _s
         }
       )
     ), n[b] instanceof Date && n[b].toString ? n[b].toString() : n[b]), /* @__PURE__ */ l.createElement(
@@ -1868,26 +1868,26 @@ const Er = (i) => {
       ...x,
       key: x.key
     }
-  )) : s <= o && !i.locked ? t = de(e - s, {}) : s <= o && i.locked && (S = {
+  )) : s <= o && !i.locked ? t = he(e - s, {}) : s <= o && i.locked && (I = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: e - s,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
     onContextMenu: D
-  }, t = /* @__PURE__ */ l.createElement(l.Fragment, null, de(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ l.createElement(
+  }, t = /* @__PURE__ */ l.createElement(l.Fragment, null, he(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ l.createElement(
     "td",
     {
-      ...S
+      ...I
     }
   )));
   const Y = i.rowType || "data", $ = i.cells;
   if ($ && $.group && $.group[Y]) {
     const F = $.group[Y];
-    return /* @__PURE__ */ l.createElement(F, { ...i, tdProps: x, td2Props: S }, v);
+    return /* @__PURE__ */ l.createElement(F, { ...i, tdProps: x, td2Props: I }, v);
   }
   return d ? d.call(void 0, t, i) : t;
 };
-class Sr extends l.Component {
+class yr extends l.Component {
   /**
    * @hidden
    */
@@ -1917,14 +1917,14 @@ class Sr extends l.Component {
         "aria-rowindex": this.props.ariaRowIndex,
         "absolute-row-index": this.props.absoluteRowIndex,
         key: this.props.absoluteRowIndex,
-        [or]: this.props.rowType === "data" ? this.props.dataIndex : void 0
+        [nr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
       },
       this.props.children
     );
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
 }
-class Ir extends l.Component {
+class wr extends l.Component {
   get _inputId() {
     return this.props.id;
   }
@@ -1944,23 +1944,23 @@ class Ir extends l.Component {
         }
       )),
       /* @__PURE__ */ l.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: this._inputId }),
-      t.columnMenu && /* @__PURE__ */ l.createElement(Vt, { ...t })
+      t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t })
     ];
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
 }
-const yr = wt(Ir);
-class $e extends l.Component {
+const Rr = Ft(wr);
+class je extends l.Component {
   /**
    * @hidden
    */
   render() {
-    return this.props.children || G(this).toLanguageString(Ne, k[Ne]);
+    return this.props.children || G(this).toLanguageString(De, k[De]);
   }
 }
-$e.displayName = "KendoReactGridNoRecords";
-M($e);
-class wr extends l.Component {
+je.displayName = "KendoReactGridNoRecords";
+M(je);
+class Fr extends l.Component {
   constructor() {
     super(...arguments), this._element = null, this.renderCell = (t, s) => {
       const o = {
@@ -1989,10 +1989,10 @@ class wr extends l.Component {
     return this._element;
   }
   render() {
-    return /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, Us(this.props.columns).map(this.renderCell));
+    return /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, $s(this.props.columns).map(this.renderCell));
   }
 }
-const Rr = ({
+const Nr = ({
   buttonCount: i = 10,
   info: t = !0,
   type: s = "numeric",
@@ -2008,14 +2008,14 @@ const Rr = ({
   responsive: r !== !1,
   type: s,
   pageSizeValue: n
-}), Fr = (i) => Rr(i === !0 ? {} : i), kt = {
+}), Dr = (i) => Nr(i === !0 ? {} : i), It = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1706183511,
+  publishDate: 1706192846,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Nr = (i) => {
+}, Tr = (i) => {
   const { colSpan: t, ariaColIndex: s, dataItem: o, dataIndex: e, id: r } = i, n = q(r), a = l.useCallback((c) => {
     i.onContextMenu && i.onContextMenu.call(void 0, c, i.dataItem);
   }, [i.onContextMenu, i.dataItem]);
@@ -2031,11 +2031,11 @@ const Rr = ({
     },
     /* @__PURE__ */ l.createElement(i.detail, { dataItem: o, dataIndex: e })
   );
-}, Dr = (i) => {
+}, Gr = (i) => {
   const t = q(i.id);
   return /* @__PURE__ */ l.createElement("td", { className: "k-table-td k-hierarchy-cell", ...t, role: "gridcell" });
 };
-let he = class extends l.Component {
+let ce = class extends l.Component {
   constructor(t) {
     super(t), 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 = l.createRef(), this.headerElementRef = l.createRef(), this._element = null, this.tableElement = null, this.containerRef = l.createRef(), this.tableBodyRef = l.createRef(), this._footer = null, this.forceUpdateTimeout = void 0, this.isRtl = !1, this.observer = null, this.handleIntersection = (e) => {
       const r = { rowIndex: this.rowIndex };
@@ -2078,7 +2078,7 @@ let he = class extends l.Component {
       }
     }, this.getVirtualScroll = (e) => {
       const { rowHeight: r, detailRowHeight: n, detail: a, expandField: c, groupable: h } = e, d = this.isAllData(), g = r !== void 0 && r > 0, m = n !== void 0 && n > 0, u = h === !0 || typeof h == "object" && h.enabled !== !1;
-      return !g || u && !d || !!(a && c) && (!m || !d) ? Cr : xt;
+      return !g || u && !d || !!(a && c) && (!m || !d) ? xr : kt;
     }, this.isAllData = () => {
       const { data: e, total: r } = this.props;
       return Array.isArray(e) ? e.length === r : e ? r === e.total : !1;
@@ -2092,15 +2092,15 @@ let he = class extends l.Component {
         r || this.props.rowHeight === void 0 || this.props.rowHeight === 0
       ), 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 && !r) {
         const n = this.props.rowHeight * e;
-        this.vs.containerHeight = Fe ? Math.min(mt, n) : n;
+        this.vs.containerHeight = Ne ? Math.min(bt, n) : n;
       } else
         this.vs.containerHeight = 1533915;
-      if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof xt) {
+      if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof kt) {
         const { rowHeight: n = 0, detail: a, expandField: c } = this.props;
         let { detailRowHeight: h = 0 } = this.props;
-        h = a && c ? h : n, 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, n, h, this._data)) : this.vs.rowHeightService = new bt(e, n, h);
+        h = a && c ? h : n, 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, n, h, this._data)) : this.vs.rowHeightService = new vt(e, n, h);
         const d = this.vs.rowHeightService.totalHeight();
-        this.vs.containerHeight = Fe ? Math.min(mt, d) : d;
+        this.vs.containerHeight = Ne ? Math.min(bt, d) : d;
       }
     }, this.scrollHandler = (e) => {
       if (e.target !== e.currentTarget)
@@ -2109,14 +2109,14 @@ let he = class extends l.Component {
       const r = e.currentTarget.scrollLeft, n = e.currentTarget.scrollTop;
       this.props.columnVirtualization && (!this.vs.scrollableVirtual || n === this.wrapperScrollTop) && (this.forceUpdateTimeout = window.setTimeout(() => {
         this.forceUpdate();
-      }, 0)), this._header && this._header.setScrollLeft(r), this._footer && this._footer.setScrollLeft(r), this.vs && n !== this.wrapperScrollTop && this.vs.scrollHandler(e), us(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = n;
+      }, 0)), this._header && this._header.setScrollLeft(r), this._footer && this._footer.setScrollLeft(r), this.vs && n !== this.wrapperScrollTop && this.vs.scrollHandler(e), fs(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = n;
     }, this.onKeyDown = (e) => {
       if (X.onKeyDown(e, {
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef,
         onNavigationAction: this.onNavigationAction
       }), this.props.onKeyDown) {
-        const { mode: r, cell: n } = at(this.props.selectable), a = {
+        const { mode: r, cell: n } = ht(this.props.selectable), a = {
           dataItems: this.getLeafDataItems(),
           mode: r,
           cell: n,
@@ -2252,9 +2252,9 @@ let he = class extends l.Component {
       }
     }, this.inActiveElement = () => {
       var c, h, d;
-      if (!Ie)
+      if (!ye)
         return !1;
-      const e = gs(this.document), r = e ? e.matches(".k-table-td") ? e : (c = this.document) == null ? void 0 : c.body : (h = this.document) == null ? void 0 : h.body, n = r.closest(".k-grid-container"), a = r && ((d = this._element) == null ? void 0 : d.contains(r));
+      const e = ms(this.document), r = e ? e.matches(".k-table-td") ? e : (c = this.document) == null ? void 0 : c.body : (h = this.document) == null ? void 0 : h.body, n = r.closest(".k-grid-container"), a = r && ((d = this._element) == null ? void 0 : d.contains(r));
       return !!(r && a && n);
     }, this.onResize = (e, r, n, a, c, h) => {
       this.resetTableWidth(), this._shouldUpdateLeftRight = !0, this._resized = !0, this._columnsMutations++, this.props.onColumnResize && this.props.onColumnResize.call(
@@ -2275,7 +2275,7 @@ let he = class extends l.Component {
       const d = this.getVirtualScroll(this.props);
       this.vs = new d(h);
     }), this.flatData = B((e, r, n, a, c, h, d) => {
-      const g = [], m = Ht(
+      const g = [], m = Lt(
         g,
         e,
         r,
@@ -2284,16 +2284,16 @@ let he = class extends l.Component {
         c
       );
       return { flattedData: g, resolvedGroupsCount: m };
-    }), this.rowHeightService = B((e, r, n, a, c) => new bt(r, n, a, c)), this.childrenToArray = B((e) => l.Children.toArray(e)), this.readColumns = B(
+    }), this.rowHeightService = B((e, r, n, a, c) => new vt(r, n, a, c)), this.childrenToArray = B((e) => l.Children.toArray(e)), this.readColumns = B(
       (e, r, n) => {
         const a = e.filter((c) => c && c.type && c.type.displayName === "KendoReactGridColumn");
-        return zt(a, this.columns, { prevId: 0, idPrefix: r });
+        return Ot(a, this.columns, { prevId: 0, idPrefix: r });
       }
     ), this.mapColumns = B(
-      (e) => Ss(e)
+      (e) => ys(e)
     ), this.configureColumns = B((e, r, n) => {
       this.props.selectedField && e.filter((h) => h.field === this.props.selectedField).forEach((h) => {
-        h.width = h.width || "50px", h.cell = h.cell || qs, h.headerCell = h.headerCell || yr;
+        h.width = h.width || "50px", h.cell = h.cell || js, h.headerCell = h.headerCell || Rr;
       });
       const a = {
         id: "",
@@ -2317,7 +2317,7 @@ let he = class extends l.Component {
       let c = 0;
       this.props.expandField && this.props.onExpandChange && this.props.detail && (e.unshift({
         ...a,
-        cell: ir,
+        cell: lr,
         field: this.props.expandField,
         headerClassName: "k-hierarchy-cell k-header",
         id: z.generateNavigatableId(`${this._columns.length}`, n, "column")
@@ -2326,13 +2326,13 @@ let he = class extends l.Component {
         e.unshift({
           ...a,
           isAccessible: !1,
-          cell: vt,
+          cell: Et,
           field: "value",
           locked: this.props.lockGroups
         }), c++;
       e.slice(c).forEach((h) => h.parentIndex >= 0 && (h.parentIndex += c));
     }), this.getHeaderRow = B((e, r, n, a, c, h, d, g, m, u, b, E) => /* @__PURE__ */ l.createElement(
-      Ut,
+      $t,
       {
         cells: this.props.cells,
         sort: e,
@@ -2362,13 +2362,13 @@ let he = class extends l.Component {
     )), this.resolveTitle = (e) => {
       const r = this._columns.find((a) => a.field === e), n = r && (r.title || r.field);
       return n === void 0 ? e : n;
-    }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), fs(kt), this.showLicenseWatermark = ms(kt);
+    }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), Cs(It), this.showLicenseWatermark = bs(It);
     const s = this.props.groupable === !0 || typeof this.props.groupable == "object" && this.props.groupable.enabled !== !1, o = this.getVirtualScroll(t);
-    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new kr(
+    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new Ir(
       this.columnReorder.bind(this),
       this.groupReorder.bind(this),
       this.columnToGroup.bind(this)
-    ), this.columnResize = new vr(this.onResize), this.props.clipboard && (this.clipboardService = new Is(this.onClipboard)), X.onConstructor({
+    ), this.columnResize = new Er(this.onResize), this.props.clipboard && (this.clipboardService = new ws(this.onClipboard)), X.onConstructor({
       navigatable: !!t.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -2417,7 +2417,7 @@ let he = class extends l.Component {
   // tslint:enable:max-line-length
   get columns() {
     const t = this._columns.filter((s) => s.declarationIndex >= 0 && s.parentIndex === -1);
-    return Lt(t);
+    return _t(t);
   }
   /**
    * Returns the HTML element of the Grid component.
@@ -2426,7 +2426,7 @@ let he = class extends l.Component {
     return this._element;
   }
   get document() {
-    if (Ie)
+    if (ye)
       return this.element && this.element.ownerDocument || document;
   }
   get _header() {
@@ -2439,8 +2439,8 @@ let he = class extends l.Component {
    * @hidden
    */
   componentDidMount() {
-    this.resetTableWidth(), ot();
-    const t = Rt(this.element);
+    this.resetTableWidth(), nt();
+    const t = Nt(this.element);
     this.isRtl = t, X.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
@@ -2450,7 +2450,7 @@ let he = class extends l.Component {
       rootMargin: "0px",
       threshold: 0.9
     };
-    this.clipboardService && this.clipboardService.addEventListeners(this.document), this.observer = Ie && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
+    this.clipboardService && this.clipboardService.addEventListeners(this.document), this.observer = ye && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
   }
   /**
    * @hidden
@@ -2466,7 +2466,7 @@ let he = class extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    this.resetTableWidth(), ot(), this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = ""), X.onComponentDidUpdate({
+    this.resetTableWidth(), nt(), this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = ""), X.onComponentDidUpdate({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -2482,7 +2482,7 @@ let he = class extends l.Component {
    * @hidden
    */
   render() {
-    var rt;
+    var ot;
     let t = this.props.total || 0;
     const s = z.getIdPrefix(this.navigationStateRef);
     let o = [];
@@ -2504,7 +2504,7 @@ let he = class extends l.Component {
     const h = this.childrenToArray(this.props.children);
     this.initColumns(h, r);
     const d = h.map((f) => f && f.type && f.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(f, { ...f.props, ariaControls: this._gridId }) : null), g = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridNoRecords"), m = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridStatusBar"), u = this._columns.filter((f) => f.children.length === 0), b = a && /* @__PURE__ */ l.createElement(
-      es,
+      ss,
       {
         group: this.props.group || [],
         groupChange: this.groupChange,
@@ -2516,8 +2516,8 @@ let he = class extends l.Component {
         ariaControls: this._gridId,
         onContextMenu: this.onContextMenu
       }
-    ), { sort: E, sortable: C, group: x, filter: S, filterable: v, filterOperators: _ = Ct, headerCellRender: D, columnMenu: de } = this.props, Y = /* @__PURE__ */ l.createElement(
-      nr,
+    ), { sort: E, sortable: C, group: x, filter: I, filterable: v, filterOperators: _ = xt, headerCellRender: D, columnMenu: he } = this.props, Y = /* @__PURE__ */ l.createElement(
+      cr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
@@ -2531,23 +2531,23 @@ let he = class extends l.Component {
           C,
           x,
           a,
-          S,
+          I,
           v,
           _,
           D,
-          de,
+          he,
           this._columns,
           this._columnsMap,
           this.isRtl
         ),
         filterRow: this.props.filterable && /* @__PURE__ */ l.createElement(
-          Qt,
+          es,
           {
             cells: this.props.cells,
             size: this.props.size,
             columns: this._columns,
             filter: this.props.filter,
-            filterOperators: this.props.filterOperators || Ct,
+            filterOperators: this.props.filterOperators || xt,
             filterChange: this.filterChange,
             sort: this.props.sort,
             cellRender: this.props.filterCellRender,
@@ -2559,11 +2559,11 @@ let he = class extends l.Component {
           "col",
           {
             key: w.toString(),
-            width: ye(f)
+            width: we(f)
           }
         ))
       }
-    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ve, hiddenColumns: pe } = ys({
+    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ve, hiddenColumns: de } = Rs({
       enabled: this.props.columnVirtualization,
       columns: u,
       tableViewPortWidth: F,
@@ -2572,31 +2572,31 @@ let he = class extends l.Component {
       let j = !1;
       const K = this.props.selectedField ? T(this.props.selectedField, f.dataItem) : void 0;
       return {
-        row: u.map((I, N) => {
-          if (pe[N])
+        row: u.map((S, N) => {
+          if (de[N])
             return null;
-          const ee = I.id ? I.id : N, te = `${I.className ? I.className + " " : ""}${I.locked ? "k-grid-content-sticky" : ""}`, P = I.left !== void 0 ? this.isRtl ? { left: I.right, right: I.left } : { left: I.left, right: I.right } : {};
+          const Z = S.id ? S.id : N, ee = `${S.className ? S.className + " " : ""}${S.locked ? "k-grid-content-sticky" : ""}`, P = S.left !== void 0 ? this.isRtl ? { left: S.right, right: S.left } : { left: S.left, right: S.right } : {};
           let A = !1;
-          if (I.editable && this.props.editField) {
+          if (S.editable && this.props.editField) {
             const H = T(this.props.editField, f.dataItem);
-            H && (H === !0 || H === I.field) && (j = !0, A = !0);
+            H && (H === !0 || H === S.field) && (j = !0, A = !0);
           }
-          let Se = I.cell || A && lr || Er;
+          const Se = S.cell || A && ar || Sr;
           return /* @__PURE__ */ l.createElement(
             Se,
             {
               onContextMenu: this.onContextMenu,
-              key: ee,
+              key: Z,
               locked: this.props.lockGroups,
               id: z.generateNavigatableId(`${w}-${String(N)}`, s),
               colSpan: ve[N],
               dataItem: f.dataItem,
-              field: I.field,
-              editor: I.editor,
-              format: I.format,
-              className: te,
+              field: S.field,
+              editor: S.editor,
+              format: S.format,
+              className: ee,
               render: this.props.cellRender,
-              cells: be(this.props.cells, I.cells),
+              cells: be(this.props.cells, S.cells),
               onChange: this.itemChange,
               selectionChange: this.props.onSelectionChange ? (H) => {
                 this.selectionChange({ event: H, dataItem: f.dataItem, dataIndex: R, columnIndex: N });
@@ -2608,7 +2608,7 @@ let he = class extends l.Component {
               expanded: f.expanded,
               dataIndex: f.dataIndex,
               style: P,
-              ariaColumnIndex: I.ariaColumnIndex,
+              ariaColumnIndex: S.ariaColumnIndex,
               isSelected: Array.isArray(K) && K.indexOf(N) > -1
             }
           );
@@ -2626,30 +2626,32 @@ let he = class extends l.Component {
         else
           break;
       }
-    const Xe = (f) => f >= this._data.length - J;
-    let Ye = this.vs.realSkip || 0;
-    const Q = [], Ee = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1;
-    let Z = 0;
+    const Ye = (f) => f >= this._data.length - J;
+    let Je = this.vs.realSkip || 0;
+    const pe = [];
+    let Ee = !1;
+    const Ie = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, Qe = /* @__PURE__ */ l.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": Ie }, /* @__PURE__ */ l.createElement("div", { className: "k-grid-norecords-template" }, g.length ? g : /* @__PURE__ */ l.createElement(je, null)));
+    let Q = 0;
     if (this._data.length) {
       let f = -1, w = 0;
       (this._slicedData || this._data).forEach((R, j) => {
-        R.rowType === "data" && (Ye++, f++);
-        const K = Ye % 2 === 0, I = this.props.dataItemKey && we(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), ee = I || "ai" + N, te = ee + "_1", P = ke(R, ee, f);
-        if (Z = N + Ee + w, Q.push(/* @__PURE__ */ l.createElement(
-          Sr,
+        R.rowType === "data" && (Je++, f++);
+        const K = Je % 2 === 0, S = this.props.dataItemKey && Re(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = S || "ai" + N, ee = Z + "_1", P = ke(R, Z, f);
+        if (Q = N + Ie + w, pe.push(/* @__PURE__ */ l.createElement(
+          yr,
           {
-            key: ee,
+            key: Z,
             dataItem: R.dataItem,
             isAltRow: K,
             isInEdit: P.isInEdit,
             rowType: R.rowType,
-            isHidden: Xe(j),
+            isHidden: Ye(j),
             onClick: (A) => this.rowClick(A, R),
             onDoubleClick: (A) => this.rowDblClick(A, R),
             selectedField: this.props.selectedField,
             rowHeight: this.props.rowHeight,
             render: this.props.rowRender,
-            ariaRowIndex: Z,
+            ariaRowIndex: Q,
             absoluteRowIndex: N,
             dataIndex: f,
             isSelected: P.isSelected
@@ -2657,30 +2659,30 @@ let he = class extends l.Component {
           P.row
         )), this.props.detail && R.rowType === "data" && R.expanded) {
           const A = u.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
-          w++, Z = N + Ee + w, Q.push(/* @__PURE__ */ l.createElement(
+          w++, Q = N + Ie + w, pe.push(/* @__PURE__ */ l.createElement(
             "tr",
             {
-              key: te,
+              key: ee,
               className: y(
                 "k-table-row",
                 K ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
               ),
-              style: { visibility: Xe(j) ? "hidden" : "", height: this.props.detailRowHeight },
+              style: { visibility: Ye(j) ? "hidden" : "", height: this.props.detailRowHeight },
               role: "row",
-              "aria-rowindex": Z
+              "aria-rowindex": Q
             },
             this.props.group && this.props.group.map((Se, H) => {
-              var it;
-              const se = (it = P == null ? void 0 : P.row[H]) == null ? void 0 : it.props.style, ps = se ? this.isRtl ? { left: se.right, right: se.left } : { left: se.left, right: se.right } : {};
+              var lt;
+              const te = (lt = P == null ? void 0 : P.row[H]) == null ? void 0 : lt.props.style, gs = te ? this.isRtl ? { left: te.right, right: te.left } : { left: te.left, right: te.right } : {};
               return /* @__PURE__ */ l.createElement(
-                vt,
+                Et,
                 {
                   id: "",
                   dataIndex: R.dataIndex,
                   field: Se.field,
                   dataItem: R.dataItem,
                   key: H,
-                  style: ps,
+                  style: gs,
                   ariaColumnIndex: 1 + H,
                   isSelected: !1,
                   locked: this.props.lockGroups,
@@ -2690,13 +2692,13 @@ let he = class extends l.Component {
               );
             }),
             this.props.expandField && /* @__PURE__ */ l.createElement(
-              Dr,
+              Gr,
               {
-                id: z.generateNavigatableId(`${te}-dhcell`, s)
+                id: z.generateNavigatableId(`${ee}-dhcell`, s)
               }
             ),
             /* @__PURE__ */ l.createElement(
-              Nr,
+              Tr,
               {
                 onContextMenu: this.onContextMenu,
                 dataItem: R.dataItem,
@@ -2704,53 +2706,53 @@ let he = class extends l.Component {
                 colSpan: A,
                 ariaColIndex: 2 + (this.props.group ? this.props.group.length : 0),
                 detail: this.props.detail,
-                id: z.generateNavigatableId(`${te}-dcell`, s)
+                id: z.generateNavigatableId(`${ee}-dcell`, s)
               }
             )
           ));
         }
       });
     } else
-      Q.push(/* @__PURE__ */ l.createElement("tr", { key: "no-records", className: "k-table-row k-grid-norecords", role: "row", "aria-rowindex": Ee }, /* @__PURE__ */ l.createElement("td", { className: "k-table-td", colSpan: u.length, role: "gridcell" }, g.length ? g : /* @__PURE__ */ l.createElement($e, null))));
-    const Je = {
+      Ee = !0;
+    const Ze = {
       size: this.props.size,
       onPageChange: this.pagerPageChange,
       total: t,
       dir: this.isRtl ? "rtl" : void 0,
       skip: this.vs.propsSkip || 0,
       take: (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 10,
-      messagesMap: rr,
-      ...Fr(this.props.pageable || {})
-    }, Qe = this.props.pager ? /* @__PURE__ */ l.createElement(this.props.pager, { ...Je }) : /* @__PURE__ */ l.createElement(ws, { className: "k-grid-pager", ...Je }), hs = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, ds = (f, w) => /* @__PURE__ */ l.createElement(
+      messagesMap: or,
+      ...Dr(this.props.pageable || {})
+    }, et = this.props.pager ? /* @__PURE__ */ l.createElement(this.props.pager, { ...Ze }) : /* @__PURE__ */ l.createElement(Fs, { className: "k-grid-pager", ...Ze }), ps = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, us = (f, w) => /* @__PURE__ */ l.createElement(
       "col",
       {
         key: w.toString(),
-        width: ye(f)
+        width: we(f)
       }
-    ), Ze = (rt = this.props.cells) != null && rt.footerCell || this._columns.some(
+    ), tt = (ot = this.props.cells) != null && ot.footerCell || this._columns.some(
       (f) => {
         var w;
         return !!(f.footerCell || (w = f.cells) != null && w.footerCell);
       }
     ) ? /* @__PURE__ */ l.createElement(
-      mr,
+      br,
       {
         size: this.props.size,
         columnResize: this.columnResize,
         staticHeaders: this.props.scrollable !== "none",
         ref: (f) => this._footer = f,
         row: /* @__PURE__ */ l.createElement(
-          wr,
+          Fr,
           {
             cells: this.props.cells,
             columns: this._columns,
             isRtl: this.isRtl,
-            ariaRowIndex: Z + 1
+            ariaRowIndex: Q + 1
           }
         ),
-        cols: u.map(ds)
+        cols: u.map(us)
       }
-    ) : null, et = /* @__PURE__ */ l.createElement(
+    ) : null, st = /* @__PURE__ */ l.createElement(
       "colgroup",
       {
         ref: (f) => {
@@ -2762,14 +2764,14 @@ let he = class extends l.Component {
           "col",
           {
             key: w.toString(),
-            className: hs(f.field) ? "k-sorted" : void 0,
-            width: ye(f)
+            className: ps(f.field) ? "k-sorted" : void 0,
+            width: we(f)
           }
         )
       )
-    ), tt = this.dragLogic.reorderable || this.dragLogic.groupable, st = this.props.columnVirtualization ? "block" : "table";
+    ), rt = this.dragLogic.reorderable || this.dragLogic.groupable, it = this.props.columnVirtualization ? "block" : "table";
     if (this.props.scrollable === "none")
-      return /* @__PURE__ */ l.createElement(Re.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+      return /* @__PURE__ */ l.createElement(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
         "div",
         {
           id: this.props.id,
@@ -2788,12 +2790,12 @@ let he = class extends l.Component {
           "aria-label": this.props.ariaLabel,
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
-          ...ct
+          ...dt
         },
         d,
         b,
         /* @__PURE__ */ l.createElement(
-          ht,
+          pt,
           {
             selectable: this.props.selectable,
             onRelease: this.selectionRelease,
@@ -2808,18 +2810,19 @@ let he = class extends l.Component {
                 "k-table k-grid-table",
                 { [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
               ),
-              style: { userSelect: c, display: st }
+              style: { userSelect: c, display: it }
             },
-            et,
+            st,
             Y,
-            /* @__PURE__ */ l.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...dt }, Q),
-            Ze
+            /* @__PURE__ */ l.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...ut }, pe),
+            tt
           )
         ),
-        tt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(pt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ut, { ref: this.dragLogic.refDragElementClue }))
-      ), m, this.props.pageable && Qe);
+        Ee && Qe,
+        rt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(gt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ft, { ref: this.dragLogic.refDragElementClue }))
+      ), m, this.props.pageable && et);
     let ue = this.props.style || {};
-    return this.props.scrollable === "virtual" && (ue.height || (ue = Object.assign({}, ue, { height: "450px" }))), /* @__PURE__ */ l.createElement(Re.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+    return this.props.scrollable === "virtual" && (ue.height || (ue = Object.assign({}, ue, { height: "450px" }))), /* @__PURE__ */ l.createElement(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
       "div",
       {
         id: this.props.id,
@@ -2839,7 +2842,7 @@ let he = class extends l.Component {
         "aria-label": this.props.ariaLabel,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
-        ...ct
+        ...dt
       },
       d,
       b,
@@ -2862,7 +2865,7 @@ let he = class extends l.Component {
             role: "presentation"
           },
           /* @__PURE__ */ l.createElement("div", { className: "k-grid-table-wrap", role: "presentation" }, /* @__PURE__ */ l.createElement(
-            ht,
+            pt,
             {
               selectable: this.props.selectable,
               onRelease: this.selectionRelease,
@@ -2881,21 +2884,21 @@ let he = class extends l.Component {
                   }
                 ),
                 role: "presentation",
-                style: { userSelect: c, display: st }
+                style: { userSelect: c, display: it }
               },
-              et,
+              st,
               /* @__PURE__ */ l.createElement(
                 "tbody",
                 {
                   className: "k-table-tbody",
                   ref: this.tableBodyRef,
                   role: "rowgroup",
-                  ...dt
+                  ...ut
                 },
-                Q
+                pe
               )
             )
-          )),
+          ), Ee && Qe),
           /* @__PURE__ */ l.createElement("div", { className: "k-height-container", role: "presentation" }, /* @__PURE__ */ l.createElement(
             "div",
             {
@@ -2903,17 +2906,17 @@ let he = class extends l.Component {
             }
           ))
         )),
-        Ze,
-        tt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(pt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ut, { ref: this.dragLogic.refDragElementClue })),
-        this.showLicenseWatermark && /* @__PURE__ */ l.createElement(Cs, null)
+        tt,
+        rt && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(gt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(ft, { ref: this.dragLogic.refDragElementClue })),
+        this.showLicenseWatermark && /* @__PURE__ */ l.createElement(xs, null)
       ),
       m,
-      this.props.pageable && Qe
+      this.props.pageable && et
     ));
   }
   selectionChange(t) {
     if (this.props.onSelectionChange) {
-      const { event: s, dataItem: o, dataIndex: e, columnIndex: r } = t, { mode: n, cell: a } = at(this.props.selectable), c = {
+      const { event: s, dataItem: o, dataIndex: e, columnIndex: r } = t, { mode: n, cell: a } = ht(this.props.selectable), c = {
         ...this.getArguments(s.syntheticEvent),
         dataItem: o,
         startColIndex: r,
@@ -2961,7 +2964,7 @@ let he = class extends l.Component {
     }, a = this._columns.splice(t, n(t) - t);
     this._columns.splice(t < s ? n(s - a.length) : s, 0, ...a), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, g) => d.orderIndex = g), this._columnsMutations++;
     const c = this._columns[t].locked && this._columns[s].locked;
-    Rs(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Fs(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
+    Ns(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Ds(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
     const h = this.columns;
     if (this.forceUpdate(), this.props.onColumnReorder) {
       const d = {
@@ -3001,7 +3004,7 @@ let he = class extends l.Component {
   }
   initColumns(t, s) {
     const o = z.getIdPrefix(this.navigationStateRef);
-    this._columns = this.readColumns(t, o, this._columnsMutations), this._columns.length === 0 && (this._columns = Ks(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: o })), this.configureColumns(this._columns, s, o), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
+    this._columns = this.readColumns(t, o, this._columnsMutations), this._columns.length === 0 && (this._columns = Us(this.props.data, this.props.group, this.props.expandField, { prevId: 0, idPrefix: o })), this.configureColumns(this._columns, s, o), this._columnsMap = this.mapColumns(this._columns), this.columnResize.columns = this._columns, this.dragLogic.columns = this._columns;
   }
   getDataState() {
     return {
@@ -3020,11 +3023,11 @@ let he = class extends l.Component {
     };
   }
 };
-he.displayName = "KendoReactGrid";
-he.defaultProps = {
+ce.displayName = "KendoReactGrid";
+ce.defaultProps = {
   // never use this
 };
-he.propTypes = {
+ce.propTypes = {
   data: p.oneOfType([
     p.array,
     p.shape({
@@ -3101,7 +3104,7 @@ he.propTypes = {
   navigatable: p.bool,
   size: p.oneOf(["small", "medium"])
 };
-he.contextType = Re;
+ce.contextType = Fe;
 class xe extends l.Component {
   /**
    * @hidden
@@ -3119,16 +3122,16 @@ class xe extends l.Component {
     );
   }
 }
-class ae extends l.Component {
+class ne extends l.Component {
   /**
    * @hidden
    */
   render() {
     const { title: t, iconClass: s, svgIcon: o, selected: e } = this.props;
-    return /* @__PURE__ */ l.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${e ? "k-selected" : ""}` }, (s || o) && /* @__PURE__ */ l.createElement(O, { name: s && bs(s), icon: o }), t);
+    return /* @__PURE__ */ l.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${e ? "k-selected" : ""}` }, (s || o) && /* @__PURE__ */ l.createElement(O, { name: s && vs(s), icon: o }), t);
   }
 }
-class ts extends l.Component {
+class rs extends l.Component {
   constructor() {
     super(...arguments), this.onGroupClick = (t) => {
       if (t.preventDefault(), this.props.onGroupChange) {
@@ -3147,21 +3150,21 @@ class ts extends l.Component {
    * @hidden
    */
   render() {
-    const { group: t, column: s } = this.props, o = G(this), e = !!(t && s.field && t.find((n) => n.field === s.field)), r = e ? _t : Ot;
+    const { group: t, column: s } = this.props, o = G(this), e = !!(t && s.field && t.find((n) => n.field === s.field)), r = e ? At : Pt;
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
         title: o.toLanguageString(r, k[r]),
         iconClass: e ? "k-i-ungroup" : "k-i-group",
-        svgIcon: e ? _s : Os,
+        svgIcon: e ? As : Ps,
         onClick: this.onGroupClick
       }
     ));
   }
 }
-Dt(ts);
-M(ts);
-const ss = "asc", rs = "desc", Tr = {
+Gt(rs);
+M(rs);
+const is = "asc", os = "desc", Mr = {
   true: {
     asc: { asc: "", desc: "desc" },
     desc: { asc: "asc", desc: "" },
@@ -3172,17 +3175,17 @@ const ss = "asc", rs = "desc", Tr = {
     desc: { asc: "asc", desc: "desc" },
     "": { asc: "asc", desc: "desc" }
   }
-}, is = (i, t) => t ? t.findIndex((s) => s.field === i) : -1, os = (i, t) => !!(t && i > -1 && t[i].dir === ss), ls = (i, t) => !!(t && i > -1 && t[i].dir === rs);
-class je extends l.Component {
+}, ls = (i, t) => t ? t.findIndex((s) => s.field === i) : -1, ns = (i, t) => !!(t && i > -1 && t[i].dir === is), as = (i, t) => !!(t && i > -1 && t[i].dir === os);
+class Xe extends l.Component {
   constructor() {
     super(...arguments), this.onAscClick = (t) => {
-      this.onSort(t, ss), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, is), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.onDescClick = (t) => {
-      this.onSort(t, rs), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, os), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.onSort = (t, s) => {
       if (t.preventDefault(), !this.props.onSortChange)
         return;
-      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: n, mode: a } = Kt(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = Tr[n][c && c.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((g) => g.field !== o.field);
+      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: n, mode: a } = Ut(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = Mr[n][c && c.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((g) => g.field !== o.field);
       h !== "" && o.field && d.push({ field: o.field, dir: h }), this.props.onSortChange(d, t);
     };
   }
@@ -3190,35 +3193,35 @@ class je extends l.Component {
    * @hidden
    */
   render() {
-    const { sort: t, column: s } = this.props, o = is(s.field, t), e = G(this);
+    const { sort: t, column: s } = this.props, o = ls(s.field, t), e = G(this);
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: e.toLanguageString(Ge, k[Ge]),
+        title: e.toLanguageString(Me, k[Me]),
         iconClass: "k-i-sort-asc-sm",
-        svgIcon: Ke,
-        selected: os(o, t),
+        svgIcon: Ve,
+        selected: ns(o, t),
         onClick: this.onAscClick
       }
     ), /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: e.toLanguageString(Me, k[Me]),
+        title: e.toLanguageString(He, k[He]),
         iconClass: "k-i-sort-desc-sm",
-        svgIcon: Ve,
-        selected: ls(o, t),
+        svgIcon: Ue,
+        selected: as(o, t),
         onClick: this.onDescClick
       }
     ));
   }
 }
-je.active = (i, t) => {
-  const s = is(i, t);
-  return ls(s, t) || os(s, t);
+Xe.active = (i, t) => {
+  const s = ls(i, t);
+  return as(s, t) || ns(s, t);
 };
-Dt(je);
-M(je);
-class ns extends l.Component {
+Gt(Xe);
+M(Xe);
+class cs extends l.Component {
   /**
    * @hidden
    */
@@ -3230,18 +3233,18 @@ class ns extends l.Component {
         className: y("k-columnmenu-item-content", this.props.className),
         style: this.props.style
       },
-      /* @__PURE__ */ l.createElement(Ws, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
+      /* @__PURE__ */ l.createElement(Vs, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
     );
   }
 }
-class Et extends l.Component {
+class St extends l.Component {
   constructor(t) {
     super(t), this.renderOperatorEditor = () => {
       if (this.props.filterType === "boolean")
         return;
       const s = this.props.operators.find((o) => o.operator === this.props.operator) || null;
       return /* @__PURE__ */ l.createElement(
-        oe,
+        ie,
         {
           value: s,
           onChange: this.operatorChange,
@@ -3258,19 +3261,19 @@ class Et extends l.Component {
     return /* @__PURE__ */ l.createElement(l.Fragment, null, this.renderOperatorEditor(), this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues));
   }
   inputChange(t, s) {
-    $t(t, s, this.props);
+    Xt(t, s, this.props);
   }
   operatorChange(t) {
-    Yt(t, this.props.value, this.props.onChange);
+    Qt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Xt(t, this.props.onChange);
+    Jt(t, this.props.onChange);
   }
   filterComponent(t, s, o) {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ l.createElement(
-          Ue,
+          qe,
           {
             value: s,
             onChange: (e) => {
@@ -3281,7 +3284,7 @@ class Et extends l.Component {
         );
       case "date":
         return /* @__PURE__ */ l.createElement(
-          qe,
+          $e,
           {
             value: s,
             onChange: (e) => {
@@ -3292,7 +3295,7 @@ class Et extends l.Component {
       case "boolean": {
         const e = (r) => r == null;
         return /* @__PURE__ */ l.createElement(
-          oe,
+          ie,
           {
             onChange: this.boolDropdownChange,
             value: o.find((r) => r.operator === (e(s) ? "" : s)),
@@ -3303,7 +3306,7 @@ class Et extends l.Component {
       }
       default:
         return /* @__PURE__ */ l.createElement(
-          Mt,
+          zt,
           {
             value: s || "",
             onChange: (e) => {
@@ -3314,7 +3317,7 @@ class Et extends l.Component {
     }
   }
 }
-class Gr extends l.Component {
+class Hr extends l.Component {
   render() {
     const {
       firstFilterProps: t,
@@ -3324,8 +3327,8 @@ class Gr extends l.Component {
       logicValue: r,
       onLogicChange: n
     } = this.props;
-    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Et, { ...t }), !s && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
-      oe,
+    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(St, { ...t }), !s && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+      ie,
       {
         data: e,
         value: r,
@@ -3333,11 +3336,11 @@ class Gr extends l.Component {
         className: "k-filter-and",
         textField: "text"
       }
-    ), /* @__PURE__ */ l.createElement(Et, { ...o })));
+    ), /* @__PURE__ */ l.createElement(St, { ...o })));
   }
 }
-const We = (i) => i || { filters: [], logic: "and" }, ge = (i, t) => We(t).filters.filter((e) => gt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((r) => gt(r) || r.field !== i) : !1)[0] || null;
-class as extends l.Component {
+const Ke = (i) => i || { filters: [], logic: "and" }, ge = (i, t) => Ke(t).filters.filter((e) => mt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((r) => mt(r) || r.field !== i) : !1)[0] || null;
+class hs extends l.Component {
   constructor(t) {
     super(t), this.removeGroup = (o, e) => {
       const r = [...e.filters], n = r.findIndex((a) => a === o);
@@ -3382,7 +3385,7 @@ class as extends l.Component {
     }, this.clear = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = We(this.props.filter), n = ge(e, this.props.filter), a = r.filters.filter((c) => c !== n);
+      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = r.filters.filter((c) => c !== n);
       a.length ? this.props.onFilterChange({ ...r, filters: a }, o) : this.props.onFilterChange(null, o), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.currentFilterGroup = () => ({
       ...this.state.filterGroup,
@@ -3390,7 +3393,7 @@ class as extends l.Component {
     }), this.submit = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = We(this.props.filter), n = ge(e, this.props.filter), a = this.currentFilterGroup();
+      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = this.currentFilterGroup();
       let c = null;
       if (n && a.filters.length > 0) {
         const h = r.filters.map((d) => d === n ? a : d);
@@ -3413,7 +3416,7 @@ class as extends l.Component {
     };
     let s;
     if (t.column && t.column.field) {
-      const o = Be(t.column.filter), e = jt(t.filterOperators, o);
+      const o = We(t.column.filter), e = Yt(t.filterOperators, o);
       s = ge(t.column.field, t.filter), s = s ? {
         ...s,
         filters: s.filters.map((r) => ({ ...r }))
@@ -3437,7 +3440,7 @@ class as extends l.Component {
     const { column: t, filterUI: s, hideSecondFilter: o, filterOperators: e } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ l.createElement("div", null);
-    const r = Be(t.filter), n = o !== void 0 ? o : gr[r], a = G(this), c = this.state.filterGroup.filters, h = ie(e[r], a), d = ie(qt, a), g = {
+    const r = We(t.filter), n = o !== void 0 ? o : mr[r], a = G(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(jt, a), g = {
       field: t.field,
       value: c[0].value,
       operator: c[0].operator,
@@ -3453,7 +3456,7 @@ class as extends l.Component {
       booleanValues: d,
       onChange: this.secondFilterChange,
       filterType: r
-    }, u = this.state.filterGroup.logic, b = ie(pr, a), E = {
+    }, u = this.state.filterGroup.logic, b = re(gr, a), E = {
       value: b.find((D) => D.operator === (u === null ? "" : u)),
       onChange: this.logicChange,
       data: b
@@ -3464,16 +3467,16 @@ class as extends l.Component {
       logicValue: E.value,
       onLogicChange: E.onChange,
       hideSecondFilter: n
-    }, S = this.currentFilterGroup().filters.length !== 0 || L(c[0].operator) || L(c[1].operator), v = this.isControlled() ? this.props.expanded : this.state.expanded, _ = this.props.alwaysExpand;
+    }, I = this.currentFilterGroup().filters.length !== 0 || L(c[0].operator) || L(c[1].operator), v = this.isControlled() ? this.props.expanded : this.state.expanded, _ = this.props.alwaysExpand;
     return /* @__PURE__ */ l.createElement(xe, null, !_ && /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: a.toLanguageString(ne, k[ne]),
+        title: a.toLanguageString(le, k[le]),
         iconClass: "k-i-filter",
         svgIcon: Ce,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(ns, { show: _ || !!v }, /* @__PURE__ */ l.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ l.createElement(cs, { show: _ || !!v }, /* @__PURE__ */ l.createElement(
       "form",
       {
         className: "k-filter-menu",
@@ -3481,13 +3484,13 @@ class as extends l.Component {
         onReset: this.clear,
         onKeyDown: (D) => D.stopPropagation()
       },
-      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ l.createElement(C, { ...x }) : /* @__PURE__ */ l.createElement(Gr, { ...x }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ l.createElement(C, { ...x }) : /* @__PURE__ */ l.createElement(Hr, { ...x }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(
         W,
         {
           themeColor: "primary",
-          disabled: !S
+          disabled: !I
         },
-        a.toLanguageString(le, k[le])
+        a.toLanguageString(oe, k[oe])
       ), /* @__PURE__ */ l.createElement(
         W,
         {
@@ -3495,19 +3498,19 @@ class as extends l.Component {
         },
         a.toLanguageString(U, k[U])
       )))
-    ))));
+    )));
   }
 }
-as.active = (i, t) => !!ge(i, t);
-M(as);
-const Mr = (i, t) => i.length !== t.length ? !1 : i.every((s, o) => s === t[o]);
-class cs extends l.Component {
+hs.active = (i, t) => !!ge(i, t);
+M(hs);
+const zr = (i, t) => i.length !== t.length ? !1 : i.every((s, o) => s === t[o]);
+class ds extends l.Component {
   constructor(t) {
-    super(t), this.defaultFilter = () => this.props.filter ? xs(this.props.filter) : { filters: [], logic: "and" }, this.isControlled = () => this.props.expanded !== void 0, this.parseData = (s, o) => {
-      let e = this.props.column.field || "", r = s.map((n) => T(e, n));
+    super(t), this.defaultFilter = () => this.props.filter ? ks(this.props.filter) : { filters: [], logic: "and" }, this.isControlled = () => this.props.expanded !== void 0, this.parseData = (s, o) => {
+      const e = this.props.column.field || "", r = s.map((n) => T(e, n));
       return o ? r.filter((n, a) => r.indexOf(n) === a) : r;
     }, this.getFilterIndex = () => {
-      let s = this.props.column.field;
+      const s = this.props.column.field;
       return this.defaultFilter().filters.findIndex((r) => r.filters && r.filters.length > 0 && r.filters[0].field === s);
     }, this.onFilterExpand = () => {
       const s = this.isControlled(), o = !(s ? this.props.expanded : this.state.expanded);
@@ -3515,7 +3518,7 @@ class cs extends l.Component {
         expanded: o
       });
     }, this.handleSearchChange = (s) => {
-      let o = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", e = {
+      const o = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", e = {
         logic: "and",
         filters: [
           { field: this.props.column.field, operator: o, value: s.target.value, ignoreCase: !0 }
@@ -3523,10 +3526,10 @@ class cs extends l.Component {
       };
       this.setState({
         value: s.target.value,
-        data: this.parseData(ft(this.props.data || [], e), this.props.uniqueData)
+        data: this.parseData(Ct(this.props.data || [], e), this.props.uniqueData)
       });
     }, this.handleClear = () => {
-      let s = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", o = {
+      const s = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", o = {
         logic: "and",
         filters: [
           { field: this.props.column.field, operator: s, value: "", ignoreCase: !0 }
@@ -3534,21 +3537,21 @@ class cs extends l.Component {
       };
       this.setState({
         value: "",
-        data: this.parseData(ft(this.props.data || [], o), this.props.uniqueData)
+        data: this.parseData(Ct(this.props.data || [], o), this.props.uniqueData)
       });
     }, this.clear = (s) => {
       if (s.preventDefault(), !this.props.onFilterChange)
         return;
-      let o = this.state.currentFilter || null;
+      const o = this.state.currentFilter || null;
       o !== null && o.filters.length > 0 ? (this.compositeFilterIndex >= 0 && o.filters.splice(this.compositeFilterIndex, 1), this.props.onFilterChange(o, s)) : this.props.onFilterChange(null, s), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.submit = (s) => {
       if (s.preventDefault(), !this.props.onFilterChange)
         return;
-      let o = this.state.currentFilter || null;
+      const o = this.state.currentFilter || null;
       this.props.onFilterChange(o, s), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.handleCheckBoxChange = (s, o) => {
-      const e = this.props.column.field || "";
-      let r = { ...this.state.currentFilter }, n = [...this.state.currentFilter.filters], a = [];
+      const e = this.props.column.field || "", r = { ...this.state.currentFilter }, n = [...this.state.currentFilter.filters];
+      let a = [];
       if (this.compositeFilterIndex !== -1 && r.filters[this.compositeFilterIndex].filters && o !== "all" && (a = r.filters[this.compositeFilterIndex].filters), s.value && o === "all")
         this.state.data.forEach((c) => {
           a.push({ field: e, operator: "eq", value: c });
@@ -3556,7 +3559,7 @@ class cs extends l.Component {
       else if (s.value)
         a.push({ field: e, operator: "eq", value: o });
       else if (this.state.currentFilter) {
-        let c = a.findIndex((h) => h.value === o);
+        const c = a.findIndex((h) => h.value === o);
         a.splice(c, 1);
       }
       r.logic = "and", this.compositeFilterIndex !== -1 ? n[this.compositeFilterIndex] = {
@@ -3569,7 +3572,7 @@ class cs extends l.Component {
     }, this.isAllSelected = () => {
       let s = !1;
       if (this.state.currentFilter) {
-        let o = [...this.state.currentFilter.filters];
+        const o = [...this.state.currentFilter.filters];
         return this.compositeFilterIndex === -1 ? !1 : (s = this.state.data.every((e) => this.compositeFilterIndex !== -1 && o[this.compositeFilterIndex].filters ? o[this.compositeFilterIndex].filters.findIndex((n) => n.value === e) >= 0 : !1), s);
       }
       return s;
@@ -3585,8 +3588,8 @@ class cs extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    let t = this.props.column.field || "", s = this.props.data.map((o) => T(t, o));
-    Mr(s, this.state.dataFromProps) || this.setState({
+    const t = this.props.column.field || "", s = this.props.data.map((o) => T(t, o));
+    zr(s, this.state.dataFromProps) || this.setState({
       data: s,
       dataFromProps: s
     });
@@ -3598,20 +3601,19 @@ class cs extends l.Component {
     const { column: t } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ l.createElement("div", null);
-    const s = G(this), o = this.isControlled() ? this.props.expanded : this.state.expanded;
-    let e = [];
+    const s = G(this), o = this.isControlled() ? this.props.expanded : this.state.expanded, e = [];
     if (this.state.currentFilter) {
       const a = [...this.state.currentFilter.filters];
       this.compositeFilterIndex = a.findIndex((c) => c.filters && c.filters.length > 0 ? c.filters[0].field === t.field : !1), this.compositeFilterIndex !== -1 && a[this.compositeFilterIndex].filters.length > 0 && a[this.compositeFilterIndex].filters.forEach((c) => {
         c.field === this.props.column.field && e.push(c.value);
       });
     }
-    const r = this.props.searchBox ? /* @__PURE__ */ l.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(O, { className: "k-input-icon", name: "search", icon: Tt }), /* @__PURE__ */ l.createElement(
-      Mt,
+    const r = this.props.searchBox ? /* @__PURE__ */ l.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(O, { className: "k-input-icon", name: "search", icon: Mt }), /* @__PURE__ */ l.createElement(
+      zt,
       {
         className: "k-input-inner",
         type: "text",
-        placeholder: s.toLanguageString(He, k[He]),
+        placeholder: s.toLanguageString(ze, k[ze]),
         value: this.state.value,
         onChange: (a) => this.handleSearchChange(a.nativeEvent)
       }
@@ -3623,18 +3625,18 @@ class cs extends l.Component {
         className: "k-input-button",
         onClick: this.handleClear,
         icon: "x",
-        svgIcon: Ps
+        svgIcon: Bs
       }
     )), n = e.filter((a, c) => e.indexOf(a) === c);
     return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ae,
+      ne,
       {
-        title: s.toLanguageString(ne, k[ne]),
+        title: s.toLanguageString(le, k[le]),
         iconClass: "k-i-filter",
         svgIcon: Ce,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(ns, { show: !!o }, /* @__PURE__ */ l.createElement("div", { className: "kendo-grid-filter-menu-container" }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ l.createElement(cs, { show: !!o }, /* @__PURE__ */ l.createElement(
       "form",
       {
         className: "k-filter-menu",
@@ -3644,7 +3646,7 @@ class cs extends l.Component {
       /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, r, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
         fe,
         {
-          label: s.toLanguageString(ze, k[ze]),
+          label: s.toLanguageString(Le, k[Le]),
           onChange: (a) => this.handleCheckBoxChange(a, "all"),
           checked: this.isAllSelected()
         }
@@ -3655,13 +3657,13 @@ class cs extends l.Component {
           onChange: (h) => this.handleCheckBoxChange(h, a),
           checked: n.includes(a)
         }
-      )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, n.length + " " + s.toLanguageString(Oe, k[Oe])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(
+      )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, n.length + " " + s.toLanguageString(_e, k[_e])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(
         W,
         {
           themeColor: "primary",
           type: "submit"
         },
-        s.toLanguageString(le, k[le])
+        s.toLanguageString(oe, k[oe])
       ), /* @__PURE__ */ l.createElement(
         W,
         {
@@ -3670,14 +3672,14 @@ class cs extends l.Component {
         },
         s.toLanguageString(U, k[U])
       )))
-    ))));
+    )));
   }
 }
-cs.defaultProps = {
+ds.defaultProps = {
   uniqueData: !0
 };
-M(cs);
-const Hr = (i) => {
+M(ds);
+const Lr = (i) => {
   const [t, s] = l.useState(""), o = l.useMemo(() => new Set(i.columnsState.map((u) => u.id)), [i.columnsState]), e = l.useMemo(() => i.columns.filter((u) => {
     var b;
     return (b = u.title || u.field) == null ? void 0 : b.toLowerCase().includes(t.toLowerCase());
@@ -3693,12 +3695,12 @@ const Hr = (i) => {
     E[b] = u, n(E);
   }, [r]);
   return /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ l.createElement(
-    Gt,
+    Ht,
     {
       className: "k-searchbox",
       value: t,
       onChange: (u) => s(String(u.target.value)),
-      prefix: () => /* @__PURE__ */ l.createElement(As, null, /* @__PURE__ */ l.createElement(O, { name: "search", icon: Tt }))
+      prefix: () => /* @__PURE__ */ l.createElement(Ws, null, /* @__PURE__ */ l.createElement(O, { name: "search", icon: Mt }))
     }
   ), /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t && /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
     fe,
@@ -3720,8 +3722,8 @@ const Hr = (i) => {
     }
   )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, h, " selected items"), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ l.createElement(W, { type: "button", themeColor: "primary", onClick: a }, "Apply"), /* @__PURE__ */ l.createElement(W, { type: "button", onClick: c }, "Reset"))));
 };
-Hr.displayName = "GridColumnMenuColumnsList";
-class Qr extends l.Component {
+Lr.displayName = "GridColumnMenuColumnsList";
+class ei extends l.Component {
   /**
    * @hidden
    */
@@ -3729,7 +3731,7 @@ class Qr extends l.Component {
     return null;
   }
 }
-class zr extends l.Component {
+class Or extends l.Component {
   /**
    * @hidden
    */
@@ -3753,27 +3755,27 @@ class zr extends l.Component {
     );
   }
 }
-zr.displayName = "KendoReactGridToolbar";
-const Lr = (i) => {
+Or.displayName = "KendoReactGridToolbar";
+const _r = (i) => {
   const { data: t = [] } = i;
   return /* @__PURE__ */ l.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, t.map((s, o) => /* @__PURE__ */ l.createElement("div", { key: o }, /* @__PURE__ */ l.createElement("span", { className: "k-selection-aggregates-item-text" }, s.type, ": "), /* @__PURE__ */ l.createElement("span", { className: "k-selection-aggregates-item-value" }, s.formattedValue))));
 };
-Lr.displayName = "KendoReactGridStatusBar";
-const Or = (i) => {
+_r.displayName = "KendoReactGridStatusBar";
+const Pr = (i) => {
   var s;
   const t = i.slice();
   for (let o = 0; o < t.length; o++)
     for (; t[o] && ((s = t[o].children) != null && s.length); )
       t.splice(o, 1, ...t[o].children);
   return t;
-}, Zr = (i) => {
-  const { dataItems: t, target: s, selectedField: o } = i, r = Or(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => we(C)), n = we(o), a = { dates: [], numbers: [], booleans: [], others: [] }, c = (C) => {
+}, ti = (i) => {
+  const { dataItems: t, target: s, selectedField: o } = i, r = Pr(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => Re(C)), n = Re(o), a = { dates: [], numbers: [], booleans: [], others: [] }, c = (C) => {
     typeof C == "number" ? a.numbers.push(C) : typeof C == "boolean" ? a.booleans.push(C) : C instanceof Date ? a.dates.push(C) : a.others.push(C);
   };
   t.forEach((C) => {
     const x = n(C);
-    x && x.forEach((S) => {
-      c(r[S](C));
+    x && x.forEach((I) => {
+      c(r[I](C));
     });
   });
   const h = a.dates.map((C) => C.getTime()), d = a.booleans.filter((C) => C).length, g = a.booleans.filter((C) => !C).length, m = a.numbers.length ? a.numbers.reduce((C, x) => C += x, 0) : void 0, u = {
@@ -3788,55 +3790,55 @@ const Or = (i) => {
     latest: a.dates.length ? new Date(Math.max(...h)) : void 0
   }, b = (C, x) => (x === "sum" || x === "average") && typeof C == "number" ? C.toFixed(2) : (x === "earliest" || x === "latest") && C instanceof Date ? C.toLocaleDateString() : String(C), E = [];
   return Object.keys(u).forEach((C) => {
-    const x = C, S = u[x];
-    S !== void 0 && E.push({ type: x, value: S, formattedValue: b(S, x) });
+    const x = C, I = u[x];
+    I !== void 0 && E.push({ type: x, value: I, formattedValue: b(I, x) });
   }), E;
-}, _r = wt(he);
-_r.displayName = "KendoReactGrid";
+}, Ar = Ft(ce);
+Ar.displayName = "KendoReactGrid";
 export {
-  re as GRID_COL_INDEX_ATTRIBUTE,
-  or as GRID_ROW_INDEX_ATTRIBUTE,
-  _r as Grid,
-  Er as GridCell,
-  he as GridClassComponent,
-  ce as GridColumn,
-  cs as GridColumnMenuCheckboxFilter,
-  Hr as GridColumnMenuColumnsList,
-  as as GridColumnMenuFilter,
-  Et as GridColumnMenuFilterCell,
-  Gr as GridColumnMenuFilterUI,
-  ts as GridColumnMenuGroup,
-  ae as GridColumnMenuItem,
-  ns as GridColumnMenuItemContent,
+  se as GRID_COL_INDEX_ATTRIBUTE,
+  nr as GRID_ROW_INDEX_ATTRIBUTE,
+  Ar as Grid,
+  Sr as GridCell,
+  ce as GridClassComponent,
+  ae as GridColumn,
+  ds as GridColumnMenuCheckboxFilter,
+  Lr as GridColumnMenuColumnsList,
+  hs as GridColumnMenuFilter,
+  St as GridColumnMenuFilterCell,
+  Hr as GridColumnMenuFilterUI,
+  rs as GridColumnMenuGroup,
+  ne as GridColumnMenuItem,
+  cs as GridColumnMenuItemContent,
   xe as GridColumnMenuItemGroup,
-  je as GridColumnMenuSort,
-  Vt as GridColumnMenuWrapper,
-  kr as GridCommonDragLogic,
-  Qr as GridDetailRow,
-  lr as GridEditCell,
-  Jt as GridFilterCell,
-  vt as GridGroupCell,
-  cr as GridHeaderCell,
-  ir as GridHierarchyCell,
-  $e as GridNoRecords,
-  Sr as GridRow,
-  qs as GridSelectionCell,
-  zr as GridToolbar,
-  Lr as StatusBar,
-  qt as booleanFilterValues,
+  Xe as GridColumnMenuSort,
+  qt as GridColumnMenuWrapper,
+  Ir as GridCommonDragLogic,
+  ei as GridDetailRow,
+  ar as GridEditCell,
+  Zt as GridFilterCell,
+  Et as GridGroupCell,
+  dr as GridHeaderCell,
+  lr as GridHierarchyCell,
+  je as GridNoRecords,
+  yr as GridRow,
+  js as GridSelectionCell,
+  Or as GridToolbar,
+  _r as StatusBar,
+  jt as booleanFilterValues,
   ge as filterGroupByField,
-  si as getSelectedState,
-  ri as getSelectedStateFromKeyDown,
-  Zr as getStatusData,
+  ii as getSelectedState,
+  oi as getSelectedStateFromKeyDown,
+  ti as getStatusData,
   k as gridMessages,
-  Or as leafColumns,
-  Ct as operators,
-  js as pagerFirstPage,
-  $s as pagerInfo,
-  Qs as pagerItemPerPage,
-  Js as pagerLastPage,
-  Ys as pagerNextPage,
-  Xs as pagerPreviousPage,
-  We as rootFilterOrDefault,
-  ii as setSelectedState
+  Pr as leafColumns,
+  xt as operators,
+  Ys as pagerFirstPage,
+  Xs as pagerInfo,
+  er as pagerItemPerPage,
+  Zs as pagerLastPage,
+  Qs as pagerNextPage,
+  Js as pagerPreviousPage,
+  Ke as rootFilterOrDefault,
+  li as setSelectedState
 };