@progress/kendo-react-grid 7.2.0-develop.5 → 7.2.0-develop.7

package/index.mjs

@@ -5,18 +5,18 @@
 "use client";
 import * as n from "react";
 import p from "prop-types";
-import { useId as Rt, Keys as Ce, IconWrap as O, classNames as y, getScrollbarWidth as Ft, kendoThemeMaps as V, Draggable as Nt, withIdHOC as Dt, dispatchEvent as Cs, canUseDOM as we, getActiveElement as bs, memoizeOne as B, validatePackage as xs, shouldShowValidationUI as vs, setScrollbarWidth as ct, getter as Fe, WatermarkOverlay as ks, toIconName as Es, clone as Ss } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as Is, TABLE_COL_INDEX_ATTRIBUTE as ys, isRtl as Tt, tableKeyboardNavigationHeaderAttributes as ht, ColumnResizer as ws, HeaderThElement as Gt, getIndex as dt, tableKeyboardNavigation as X, getSelectionOptions as pt, mapColumns as Rs, ClipboardService as Fs, tableColumnsVirtualization as Ns, Pager as Ds, TableKeyboardNavigationContext as Ne, tableKeyboardNavigationScopeAttributes as ut, TableSelection as gt, tableKeyboardNavigationBodyAttributes as ft, DropClue as mt, DragClue as Ct, updateLeft as Ts, updateRight as Gs } from "@progress/kendo-react-data-tools";
-import { getSelectedState as oi, getSelectedStateFromKeyDown as ni, setSelectedState as li } from "@progress/kendo-react-data-tools";
-import { useLocalization as Ue, provideLocalizationService as D, registerForLocalization as M, useInternationalization as Ms, registerForIntl as Mt } from "@progress/kendo-react-intl";
-import { minusIcon as Hs, plusIcon as zs, filterIcon as be, sortAscSmallIcon as qe, sortDescSmallIcon as $e, filterClearIcon as Ls, xCircleIcon as Os, caretAltDownIcon as _s, caretAltLeftIcon as Ps, caretAltRightIcon as As, groupIcon as Bs, ungroupIcon as Ws, searchIcon as Ht, xIcon as Ks } from "@progress/kendo-svg-icons";
-import { NumericTextBox as je, TextBox as zt, Input as Lt, Checkbox as me, InputPrefix as Vs } from "@progress/kendo-react-inputs";
+import { useId as Rt, Keys as Ce, IconWrap as O, classNames as y, getScrollbarWidth as Ft, kendoThemeMaps as K, Draggable as Nt, withIdHOC as Dt, dispatchEvent as Cs, canUseDOM as we, getActiveElement as bs, memoizeOne as B, validatePackage as xs, shouldShowValidationUI as vs, setScrollbarWidth as ct, getter as Fe, WatermarkOverlay as ks, toIconName as Es, clone as Ss } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as z, useTableKeyboardNavigation as q, TABLE_ROW_INDEX_ATTRIBUTE as Is, TABLE_COL_INDEX_ATTRIBUTE as ys, TABLE_PREVENT_SELECTION_ELEMENT as ws, isRtl as Tt, tableKeyboardNavigationHeaderAttributes as ht, ColumnResizer as Rs, HeaderThElement as Mt, getIndex as dt, tableKeyboardNavigation as X, getSelectionOptions as pt, mapColumns as Fs, ClipboardService as Ns, tableColumnsVirtualization as Ds, Pager as Ts, TableKeyboardNavigationContext as Ne, tableKeyboardNavigationScopeAttributes as ut, TableSelection as gt, tableKeyboardNavigationBodyAttributes as ft, DropClue as mt, DragClue as Ct, updateLeft as Ms, updateRight as Gs } from "@progress/kendo-react-data-tools";
+import { getSelectedState as li, getSelectedStateFromKeyDown as ai, setSelectedState as ci } from "@progress/kendo-react-data-tools";
+import { useLocalization as Ue, provideLocalizationService as D, registerForLocalization as G, useInternationalization as Hs, registerForIntl as Gt } from "@progress/kendo-react-intl";
+import { minusIcon as zs, plusIcon as Ls, filterIcon as be, sortAscSmallIcon as qe, sortDescSmallIcon as $e, filterClearIcon as Os, xCircleIcon as _s, caretAltDownIcon as Ps, caretAltLeftIcon as As, caretAltRightIcon as Bs, groupIcon as Ws, ungroupIcon as Vs, searchIcon as Ht, xIcon as Ks } from "@progress/kendo-svg-icons";
+import { NumericTextBox as je, TextBox as zt, Input as Lt, Checkbox as me, InputPrefix as Us } from "@progress/kendo-react-inputs";
 import { DatePicker as Xe } from "@progress/kendo-react-dateinputs";
-import { Popup as Us } from "@progress/kendo-react-popup";
+import { Popup as qs } from "@progress/kendo-react-popup";
 import { Button as W } from "@progress/kendo-react-buttons";
 import { DropDownList as ie } from "@progress/kendo-react-dropdowns";
 import { isCompositeFilterDescriptor as bt, filterBy as xt } from "@progress/kendo-data-query";
-import { Reveal as qs } from "@progress/kendo-react-animation";
+import { Reveal as $s } from "@progress/kendo-react-animation";
 const ce = (i) => null;
 ce.displayName = "KendoReactGridColumn";
 ce.defaultProps = {
@@ -58,7 +58,7 @@ ce.propTypes = {
   columnMenu: p.any,
   locked: p.bool
 };
-function G(i, t) {
+function M(i, t) {
   const s = (i || "").split(".");
   let o = t;
   return s.forEach((e) => {
@@ -74,12 +74,12 @@ function Ot(i, t, s, o, e, r, l = 0) {
         dataItem: t[c],
         rowType: "data",
         level: l,
-        expanded: r === void 0 || G(r, t[c])
+        expanded: r === void 0 || M(r, t[c])
       }, o.index++;
       continue;
     }
     a = Math.max(a, l + 1);
-    const h = r === void 0 || G(r, t[c]) === void 0 || G(r, t[c]);
+    const h = r === void 0 || M(r, t[c]) === void 0 || M(r, t[c]);
     i[i.length] = {
       dataIndex: -1,
       dataItem: t[c],
@@ -136,7 +136,7 @@ function _t(i, t, s, o = 0) {
   }
   return e;
 }
-function $s(i, t, s, o) {
+function js(i, t, s, o) {
   let e = [];
   Array.isArray(i) ? e = i : i && (e = i.data);
   const r = [];
@@ -169,7 +169,7 @@ function $s(i, t, s, o) {
   }
   return r;
 }
-const js = (i, t) => {
+const Xs = (i, t) => {
   let s = i[t.parentIndex];
   for (; s; ) {
     if (s.footerCell)
@@ -177,7 +177,7 @@ const js = (i, t) => {
     s = i[s.parentIndex];
   }
   return !1;
-}, Xs = (i) => i.filter((t) => js(i, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), Re = (i) => i.width !== void 0 ? Math.floor(parseFloat(i.width.toString())) + "px" : void 0, Pt = (i) => (i.sort((t, s) => t.declarationIndex - s.declarationIndex), i.map((t) => {
+}, Ys = (i) => i.filter((t) => Xs(i, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), Re = (i) => i.width !== void 0 ? Math.floor(parseFloat(i.width.toString())) + "px" : void 0, Pt = (i) => (i.sort((t, s) => t.declarationIndex - s.declarationIndex), i.map((t) => {
   const {
     declarationIndex: s,
     parentIndex: o,
@@ -215,13 +215,13 @@ const js = (i, t) => {
         ...t.edit || {}
       }
     } : t : i;
-}, Te = "grid.noRecords", Ys = "grid.pagerInfo", Js = "grid.pagerFirstPage", Qs = "grid.pagerPreviousPage", Zs = "grid.pagerNextPage", er = "grid.pagerLastPage", tr = "grid.pagerItemsPerPage", sr = "grid.pagerPage", rr = "grid.pagerPageSizeAriaLabel", ir = "grid.pagerOf", or = "grid.pagerTotalPages", Ge = "grid.groupPanelEmpty", At = "grid.groupColumn", Bt = "grid.ungroupColumn", Me = "grid.columnMenu", U = "grid.filterClearButton", oe = "grid.filterSubmitButton", ne = "grid.filterTitle", He = "grid.sortAscending", ze = "grid.sortDescending", Le = "grid.searchPlaceholder", Oe = "grid.filterCheckAll", _e = "grid.filterChooseOperator", Pe = "grid.filterSelectedItems", Ae = "grid.sortAriaLabel", Be = "grid.filterAriaLabel", We = "grid.groupPanelAriaLabel", Wt = "grid.groupExpand", Kt = "grid.groupCollapse", Vt = "grid.detailExpand", Ut = "grid.detailCollapse", le = "grid.selectRow", k = {
-  [Vt]: "Expand detail row",
+}, Te = "grid.noRecords", Js = "grid.pagerInfo", Qs = "grid.pagerFirstPage", Zs = "grid.pagerPreviousPage", er = "grid.pagerNextPage", tr = "grid.pagerLastPage", sr = "grid.pagerItemsPerPage", rr = "grid.pagerPage", ir = "grid.pagerPageSizeAriaLabel", or = "grid.pagerOf", nr = "grid.pagerTotalPages", Me = "grid.groupPanelEmpty", At = "grid.groupColumn", Bt = "grid.ungroupColumn", Ge = "grid.columnMenu", U = "grid.filterClearButton", oe = "grid.filterSubmitButton", ne = "grid.filterTitle", He = "grid.sortAscending", ze = "grid.sortDescending", Le = "grid.searchPlaceholder", Oe = "grid.filterCheckAll", _e = "grid.filterChooseOperator", Pe = "grid.filterSelectedItems", Ae = "grid.sortAriaLabel", Be = "grid.filterAriaLabel", We = "grid.groupPanelAriaLabel", Wt = "grid.groupExpand", Vt = "grid.groupCollapse", Kt = "grid.detailExpand", Ut = "grid.detailCollapse", le = "grid.selectRow", k = {
+  [Kt]: "Expand detail row",
   [Ut]: "Collapse detail row",
   [Wt]: "Expand group",
-  [Kt]: "Collapse Group",
+  [Vt]: "Collapse Group",
   [Te]: "No records available",
-  [Ge]: "Drag a column header and drop it here to group by that column",
+  [Me]: "Drag a column header and drop it here to group by that column",
   [U]: "Clear",
   [oe]: "Filter",
   [ne]: "Filter",
@@ -230,17 +230,17 @@ const js = (i, t) => {
   [Ae]: "Sortable",
   [At]: "Group Column",
   [Bt]: "Ungroup Column",
-  [Me]: "Column menu",
-  [tr]: "items per page",
-  [Ys]: "{0} - {1} of {2} items",
-  [Js]: "Go to the first page",
-  [Qs]: "Go to the previous page",
-  [Zs]: "Go to the next page",
-  [er]: "Go to the last page",
-  [sr]: "Page",
-  [rr]: "Page size",
-  [ir]: "of",
-  [or]: "{0}",
+  [Ge]: "Column menu",
+  [sr]: "items per page",
+  [Js]: "{0} - {1} of {2} items",
+  [Qs]: "Go to the first page",
+  [Zs]: "Go to the previous page",
+  [er]: "Go to the next page",
+  [tr]: "Go to the last page",
+  [rr]: "Page",
+  [ir]: "Page size",
+  [or]: "of",
+  [nr]: "{0}",
   [Le]: "Search",
   [Oe]: "Check All",
   [_e]: "Choose Operator",
@@ -272,17 +272,17 @@ const js = (i, t) => {
   "grid.filterAndLogic": "And",
   "grid.filterOrLogic": "Or"
 };
-function nr(i) {
+function lr(i) {
   const t = i.replace(/^pager\.([a-z])/, (s, o) => "grid.pager" + o.toUpperCase());
   return { messageKey: t, defaultMessage: k[t] };
 }
-const lr = (i) => {
+const ar = (i) => {
   const t = Ue(), s = n.useCallback(
     (g) => {
       i.selectionChange && i.selectionChange({ syntheticEvent: g });
     },
     [i.selectionChange]
-  ), o = Rt(), e = G(i.field, i.dataItem), r = q(i.id), l = {
+  ), o = Rt(), e = M(i.field, i.dataItem), r = q(i.id), l = {
     colSpan: i.colSpan,
     style: i.style,
     className: i.className,
@@ -311,9 +311,9 @@ const lr = (i) => {
     return /* @__PURE__ */ n.createElement(g, { ...i, tdProps: l }, a);
   }
   return i.render ? i.render.call(void 0, c, i) : c;
-}, ar = (i) => {
+}, cr = (i) => {
   let t = null, s = null, o = null;
-  const e = G(i.field, i.dataItem), r = q(i.id), l = Ue(), a = n.useCallback(
+  const e = M(i.field, i.dataItem), r = q(i.id), l = Ue(), a = n.useCallback(
     (d) => {
       d.isDefaultPrevented() || d.keyCode === Ce.enter && i.onChange && (d.preventDefault(), i.onChange({
         dataItem: i.dataItem,
@@ -337,7 +337,7 @@ const lr = (i) => {
       }
     );
   else if (i.rowType !== "groupHeader") {
-    const d = e ? Ut : Vt, g = l.toLanguageString(d, k[d]);
+    const d = e ? Ut : Kt, g = l.toLanguageString(d, k[d]);
     s = {
       className: "k-table-td k-hierarchy-cell",
       onKeyDown: a,
@@ -361,7 +361,7 @@ const lr = (i) => {
         href: "#",
         tabIndex: -1
       },
-      /* @__PURE__ */ n.createElement(O, { name: e ? "minus" : "plus", icon: e ? Hs : zs })
+      /* @__PURE__ */ n.createElement(O, { name: e ? "minus" : "plus", icon: e ? zs : Ls })
     ), t = /* @__PURE__ */ n.createElement(
       "td",
       {
@@ -376,8 +376,8 @@ const lr = (i) => {
     return /* @__PURE__ */ n.createElement(d, { ...i, tdProps: s }, o);
   }
   return i.render ? i.render.call(void 0, t, i) : t;
-}, cr = Is, se = ys, hr = (i) => {
-  const t = G(i.field, i.dataItem);
+}, hr = Is, se = ys, ti = ws, dr = (i) => {
+  const t = M(i.field, i.dataItem);
   let s = null;
   const o = y("k-table-td", "k-grid-edit-cell", {
     ["k-selected"]: i.isSelected
@@ -530,7 +530,7 @@ const lr = (i) => {
   }
   return i.render ? i.render.call(void 0, s, i) : s;
 };
-class dr extends n.Component {
+class pr extends n.Component {
   constructor() {
     super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = Ft(), this.onScroll = (t) => {
       if (this.syncScroll) {
@@ -596,7 +596,7 @@ class dr extends n.Component {
               "k-table k-grid-header-table",
               {
                 "k-table-md": !this.props.size,
-                [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
               },
               this.props.className
             ),
@@ -624,7 +624,7 @@ class dr extends n.Component {
   }
 }
 const qt = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
-class pr extends n.PureComponent {
+class ur extends n.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -698,11 +698,11 @@ class $t extends n.Component {
         onMouseDown: this.onAnchorMouseDown,
         onKeyDown: this.onAnchorKeyDown,
         href: "#",
-        "aria-label": `${l}${e.toLanguageString(Me, k[Me])}`
+        "aria-label": `${l}${e.toLanguageString(Ge, k[Ge])}`
       },
       /* @__PURE__ */ n.createElement(O, { name: "filter", icon: be })
     ), /* @__PURE__ */ n.createElement(
-      Us,
+      qs,
       {
         anchor: this._anchor,
         show: this.state.show,
@@ -728,7 +728,7 @@ class $t extends n.Component {
     ));
   }
 }
-class ur extends n.Component {
+class gr extends n.Component {
   /**
    * @hidden
    */
@@ -752,10 +752,10 @@ class ur extends n.Component {
     return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-const gr = {
+const fr = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, fr = {
+}, mr = {
   none: "none",
   asc: "ascending",
   desc: "descending"
@@ -774,7 +774,7 @@ class jt extends n.Component {
         "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 = D(this).toLanguageString(Ae, k[Ae]);
       let m = e.isAccessible ? {
-        ariaSort: fr[a],
+        ariaSort: mr[a],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
@@ -782,7 +782,7 @@ class jt extends n.Component {
       } : {
         role: "presentation"
       };
-      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : ur, E = /* @__PURE__ */ n.createElement(
+      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : gr, E = /* @__PURE__ */ n.createElement(
         b,
         {
           key: 1,
@@ -828,7 +828,7 @@ class jt extends n.Component {
       }, x = [
         E,
         this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ n.createElement(
-          ws,
+          Rs,
           {
             key: 2,
             resize: (v, _, T) => this.props.columnResize && this.props.columnResize.dragHandler(v, e, _, T),
@@ -841,7 +841,7 @@ class jt extends n.Component {
         return /* @__PURE__ */ n.createElement(v, { key: u, thProps: C, index: o }, x);
       }
       return /* @__PURE__ */ n.createElement(
-        Gt,
+        Mt,
         {
           ...C,
           key: u
@@ -853,7 +853,7 @@ class jt extends n.Component {
   cellClick(t, s) {
     if (t.preventDefault(), !this.props.sortChange)
       return;
-    const { allowUnsort: o, mode: e } = qt(this.props.sortable || !1, s.sortable || !1), r = (this.props.sort || []).filter((c) => c.field === s.field)[0], l = gr[o][r && r.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== s.field);
+    const { allowUnsort: o, mode: e } = qt(this.props.sortable || !1, s.sortable || !1), r = (this.props.sort || []).filter((c) => c.field === s.field)[0], l = fr[o][r && r.dir || ""], a = e === "single" ? [] : (this.props.sort || []).filter((c) => c.field !== s.field);
     l !== "" && s.field && a.push({ field: s.field, dir: l }), this.props.sortChange(a, t);
   }
   sortIcon(t) {
@@ -870,7 +870,7 @@ class jt extends n.Component {
   }
   render() {
     return this.serviceIndex = 0, this.index = -1, this.props.columnsMap.map((t, s) => this.props.pressHandler && /* @__PURE__ */ n.createElement(
-      pr,
+      ur,
       {
         key: s,
         pressHandler: this.props.pressHandler,
@@ -885,8 +885,8 @@ class jt extends n.Component {
     ) || /* @__PURE__ */ n.createElement("tr", { key: s, className: "k-table-row", role: "row", "aria-rowindex": s + 1 }, this.cells(t)));
   }
 }
-M(jt);
-const mr = [
+G(jt);
+const Cr = [
   { text: "grid.filterAndLogic", operator: "and" },
   { text: "grid.filterOrLogic", operator: "or" }
 ], kt = {
@@ -928,11 +928,11 @@ const mr = [
 }, 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
-})), Cr = "eq", Xt = [
+})), br = "eq", Xt = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], br = {
+], xr = {
   text: !1,
   numeric: !1,
   date: !1,
@@ -954,11 +954,11 @@ const mr = [
       return;
   }
   s.onChange({ value: i, operator: e, syntheticEvent: t });
-}, Jt = (i, t) => t ? i[t][0].operator : i[0].operator, Ke = (i) => i || "text", Qt = (i, t) => {
+}, Jt = (i, t) => t ? i[t][0].operator : i[0].operator, Ve = (i) => i || "text", Qt = (i, t) => {
   const s = i.target.value;
   t({
     value: s.operator,
-    operator: s.operator === "" ? "" : Cr,
+    operator: s.operator === "" ? "" : br,
     syntheticEvent: i.syntheticEvent
   });
 }, Zt = (i, t, s) => {
@@ -1000,7 +1000,7 @@ class es extends n.Component {
       {
         size: this.props.size,
         icon: "filter-clear",
-        svgIcon: Ls,
+        svgIcon: Os,
         className: y({
           "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
         }),
@@ -1089,8 +1089,8 @@ class es extends n.Component {
     }
   }
 }
-M(es);
-const xr = "k-table-row k-filter-row";
+G(es);
+const vr = "k-table-row k-filter-row";
 class ts extends n.Component {
   headerCellClassName(t, s) {
     let o = `${s ? "k-grid-header-sticky" : ""}`;
@@ -1121,7 +1121,7 @@ class ts extends n.Component {
     let e = 0, r = -1;
     const l = this.props.columns.filter((a) => a.children.length === 0).map(
       (a) => {
-        const c = Ke(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Be, k[Be]) : void 0;
+        const c = Ve(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Be, k[Be]) : void 0;
         let g = h && h.value;
         g === void 0 && (g = c === "text" ? "" : null);
         const m = a.filterable && {
@@ -1153,7 +1153,7 @@ class ts extends n.Component {
           return /* @__PURE__ */ n.createElement(v, { key: u, ...m, thProps: C, index: r }, x);
         }
         return /* @__PURE__ */ n.createElement(
-          Gt,
+          Mt,
           {
             key: u,
             ...C
@@ -1162,10 +1162,10 @@ class ts extends n.Component {
         );
       }
     );
-    return /* @__PURE__ */ n.createElement("tr", { className: xr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, l);
+    return /* @__PURE__ */ n.createElement("tr", { className: vr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, l);
   }
 }
-M(ts);
+G(ts);
 class ss extends n.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
@@ -1232,7 +1232,7 @@ class ss extends n.Component {
             O,
             {
               name: "x-circle",
-              icon: Os,
+              icon: _s,
               size: "small"
             }
           )
@@ -1241,7 +1241,7 @@ class ss extends n.Component {
     );
   }
 }
-M(ss);
+G(ss);
 class rs extends n.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (t, s) => {
@@ -1282,12 +1282,12 @@ class rs extends n.Component {
         "aria-controls": this.props.ariaControls || ""
       },
       /* @__PURE__ */ n.createElement("div", { className: "k-chip-list k-chip-list-md", role: "none" }, s),
-      /* @__PURE__ */ n.createElement("div", { className: "k-grouping-drop-container" }, !s.length && D(this).toLanguageString(Ge, k[Ge]), " ")
+      /* @__PURE__ */ n.createElement("div", { className: "k-grouping-drop-container" }, !s.length && D(this).toLanguageString(Me, k[Me]), " ")
     );
   }
 }
-M(rs);
-class vr extends n.Component {
+G(rs);
+class kr extends n.Component {
   constructor() {
     super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = Ft();
   }
@@ -1335,7 +1335,7 @@ class vr extends n.Component {
               "k-table k-grid-footer-table",
               {
                 "k-table-md": !this.props.size,
-                [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
               },
               this.props.className
             ),
@@ -1350,7 +1350,7 @@ class vr extends n.Component {
     ) : /* @__PURE__ */ n.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
   }
 }
-class kr {
+class Er {
   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 = n.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = n.createRef(), this.tableTransform = "", this.prevScrollPos = 0, this.tableTranslate = 0, this.scrollSyncing = !1, this.reactVersion = Number.parseFloat(n.version), this.topItems = (s, o) => {
       if (!this.container || o)
@@ -1538,8 +1538,8 @@ class St {
     }
   }
 }
-const Er = 1, Sr = 20;
-class Ir {
+const Sr = 1, Ir = 20;
+class yr {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (s) => {
       this.isRtl = s;
@@ -1576,7 +1576,7 @@ class Ir {
       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 + Er));
+          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + Sr));
         });
       }), d.forEach((m) => {
         c.forEach((u) => {
@@ -1645,7 +1645,7 @@ class Ir {
   }
   updateNextLockedCol(t, s, o) {
     const e = s.index, r = this.colGroupMain.parentElement.closest(".k-grid"), l = 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 || l <= a + Sr || this.columns.forEach((c) => {
+    !s.locked || l <= a + Ir || 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) => {
@@ -1656,7 +1656,7 @@ class Ir {
     });
   }
 }
-class yr {
+class wr {
   constructor(t, s, o) {
     this.refDragElementClue = n.createRef(), this.refDropElementClue = n.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;
@@ -1747,9 +1747,9 @@ class yr {
     });
   }
 }
-const wr = (i) => {
+const Rr = (i) => {
   let t = null;
-  const s = Ms(), o = q(i.id), e = n.useCallback((h) => {
+  const s = Hs(), o = q(i.id), e = n.useCallback((h) => {
     i.onContextMenu && i.onContextMenu.call(void 0, h, i.dataItem, i.field);
   }, [i.onContextMenu, i.dataItem, i.field]);
   let r = null, l = null;
@@ -1760,7 +1760,7 @@ const wr = (i) => {
     }, t = /* @__PURE__ */ n.createElement("td", { ...r });
   else if (i.rowType !== "groupHeader") {
     if (i.field !== void 0) {
-      const d = G(i.field, i.dataItem);
+      const d = M(i.field, i.dataItem);
       d != null && (l = i.format ? s.format(i.format, d) : d.toString());
     }
     const h = y(
@@ -1804,7 +1804,7 @@ const wr = (i) => {
   ), T = n.useCallback((F) => {
     i.onContextMenu && i.onContextMenu.call(void 0, F, i.dataItem, i.field);
   }, [i.onContextMenu, i.dataItem, i.field]), de = (F, ke) => {
-    const pe = h ? Kt : Wt, Ee = C.toLanguageString(pe, k[pe]);
+    const pe = h ? Vt : Wt, Ee = C.toLanguageString(pe, k[pe]);
     return x = {
       className: "k-table-td",
       style: { ...i.style, ...ke },
@@ -1837,7 +1837,7 @@ const wr = (i) => {
         O,
         {
           name: h ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
-          icon: h ? _s : u ? Ps : As
+          icon: h ? Ps : u ? As : Bs
         }
       )
     ), l[b] instanceof Date && l[b].toString ? l[b].toString() : l[b]), /* @__PURE__ */ n.createElement(
@@ -1884,7 +1884,7 @@ const wr = (i) => {
   }
   return d ? d.call(void 0, t, i) : t;
 };
-class Rr extends n.Component {
+class Fr extends n.Component {
   /**
    * @hidden
    */
@@ -1914,7 +1914,7 @@ class Rr extends n.Component {
         "aria-rowindex": this.props.ariaRowIndex,
         "absolute-row-index": this.props.absoluteRowIndex,
         key: this.props.absoluteRowIndex,
-        [cr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
+        [hr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
       },
       this.props.children
     );
@@ -1946,8 +1946,8 @@ class is extends n.Component {
     return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-M(is);
-const Fr = Dt(is);
+G(is);
+const Nr = Dt(is);
 class Ye extends n.Component {
   /**
    * @hidden
@@ -1957,8 +1957,8 @@ class Ye extends n.Component {
   }
 }
 Ye.displayName = "KendoReactGridNoRecords";
-M(Ye);
-class Nr extends n.Component {
+G(Ye);
+class Dr extends n.Component {
   constructor() {
     super(...arguments), this._element = null, this.renderCell = (t, s) => {
       const o = {
@@ -1987,10 +1987,10 @@ class Nr extends n.Component {
     return this._element;
   }
   render() {
-    return /* @__PURE__ */ n.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, Xs(this.props.columns).map(this.renderCell));
+    return /* @__PURE__ */ n.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, Ys(this.props.columns).map(this.renderCell));
   }
 }
-const Dr = ({
+const Tr = ({
   buttonCount: i = 10,
   info: t = !0,
   type: s = "numeric",
@@ -2006,11 +2006,11 @@ const Dr = ({
   responsive: r !== !1,
   type: s,
   pageSizeValue: l
-}), Tr = (i) => Dr(i === !0 ? {} : i), yt = {
+}), Mr = (i) => Tr(i === !0 ? {} : i), yt = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1708101792,
+  publishDate: 1708335355,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 }, Gr = (i) => {
@@ -2029,7 +2029,7 @@ const Dr = ({
     },
     /* @__PURE__ */ n.createElement(i.detail, { dataItem: o, dataIndex: e })
   );
-}, Mr = (i) => {
+}, Hr = (i) => {
   const t = q(i.id);
   return /* @__PURE__ */ n.createElement("td", { className: "k-table-td k-hierarchy-cell", ...t, role: "gridcell" });
 };
@@ -2076,7 +2076,7 @@ let he = class extends n.Component {
       }
     }, this.getVirtualScroll = (e) => {
       const { rowHeight: r, detailRowHeight: l, detail: a, expandField: c, groupable: h } = e, d = this.isAllData(), g = r !== void 0 && r > 0, m = l !== void 0 && l > 0, u = h === !0 || typeof h == "object" && h.enabled !== !1;
-      return !g || u && !d || !!(a && c) && (!m || !d) ? kr : St;
+      return !g || u && !d || !!(a && c) && (!m || !d) ? Er : St;
     }, this.isAllData = () => {
       const { data: e, total: r } = this.props;
       return Array.isArray(e) ? e.length === r : e ? r === e.total : !1;
@@ -2288,10 +2288,10 @@ let he = class extends n.Component {
         return _t(a, this.columns, { prevId: 0, idPrefix: r });
       }
     ), this.mapColumns = B(
-      (e) => Rs(e)
+      (e) => Fs(e)
     ), this.configureColumns = B((e, r, l) => {
       this.props.selectedField && e.filter((h) => h.field === this.props.selectedField).forEach((h) => {
-        h.width = h.width || "50px", h.cell = h.cell || lr, h.headerCell = h.headerCell || Fr;
+        h.width = h.width || "50px", h.cell = h.cell || ar, h.headerCell = h.headerCell || Nr;
       });
       const a = {
         id: "",
@@ -2315,7 +2315,7 @@ let he = class extends n.Component {
       let c = 0;
       this.props.expandField && this.props.onExpandChange && this.props.detail && (e.unshift({
         ...a,
-        cell: ar,
+        cell: cr,
         field: this.props.expandField,
         headerClassName: "k-hierarchy-cell k-header",
         id: z.generateNavigatableId(`${this._columns.length}`, l, "column")
@@ -2362,11 +2362,11 @@ let he = class extends n.Component {
       return l === void 0 ? e : l;
     }, this.getLeafDataItems = () => this._data.filter((e) => e.rowType === "data").map((e) => e.dataItem), xs(yt), this.showLicenseWatermark = vs(yt);
     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 yr(
+    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new wr(
       this.columnReorder.bind(this),
       this.groupReorder.bind(this),
       this.columnToGroup.bind(this)
-    ), this.columnResize = new Ir(this.onResize), this.props.clipboard && (this.clipboardService = new Fs(this.onClipboard)), X.onConstructor({
+    ), this.columnResize = new yr(this.onResize), this.props.clipboard && (this.clipboardService = new Ns(this.onClipboard)), X.onConstructor({
       navigatable: !!t.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -2515,7 +2515,7 @@ let he = class extends n.Component {
         onContextMenu: this.onContextMenu
       }
     ), { sort: E, sortable: C, group: x, filter: S, filterable: v, filterOperators: _ = kt, headerCellRender: T, columnMenu: de } = this.props, Y = /* @__PURE__ */ n.createElement(
-      dr,
+      pr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
@@ -2561,14 +2561,14 @@ let he = class extends n.Component {
           }
         ))
       }
-    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ke, hiddenColumns: pe } = Ns({
+    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ke, hiddenColumns: pe } = Ds({
       enabled: this.props.columnVirtualization,
       columns: u,
       tableViewPortWidth: F,
       scrollLeft: $
     }), Ee = (f, w, R) => {
       let j = !1;
-      const K = this.props.selectedField ? G(this.props.selectedField, f.dataItem) : void 0;
+      const V = this.props.selectedField ? M(this.props.selectedField, f.dataItem) : void 0;
       return {
         row: u.map((I, N) => {
           if (pe[N])
@@ -2576,10 +2576,10 @@ let he = class extends n.Component {
           const Z = I.id ? I.id : N, ee = `${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 } : {};
           let A = !1;
           if (I.editable && this.props.editField) {
-            const H = G(this.props.editField, f.dataItem);
+            const H = M(this.props.editField, f.dataItem);
             H && (H === !0 || H === I.field) && (j = !0, A = !0);
           }
-          const ye = I.cell || A && hr || wr;
+          const ye = I.cell || A && dr || Rr;
           return /* @__PURE__ */ n.createElement(
             ye,
             {
@@ -2607,12 +2607,12 @@ let he = class extends n.Component {
               dataIndex: f.dataIndex,
               style: P,
               ariaColumnIndex: I.ariaColumnIndex,
-              isSelected: Array.isArray(K) && K.indexOf(N) > -1
+              isSelected: Array.isArray(V) && V.indexOf(N) > -1
             }
           );
         }),
         isInEdit: j,
-        isSelected: typeof K == "boolean" && K
+        isSelected: typeof V == "boolean" && V
       };
     };
     let J = 0;
@@ -2634,13 +2634,13 @@ let he = class extends n.Component {
       let f = -1, w = 0;
       (this._slicedData || this._data).forEach((R, j) => {
         R.rowType === "data" && (Ze++, f++);
-        const K = Ze % 2 === 0, I = this.props.dataItemKey && Fe(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = I || "ai" + N, ee = Z + "_1", P = Ee(R, Z, f);
+        const V = Ze % 2 === 0, I = this.props.dataItemKey && Fe(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = I || "ai" + N, ee = Z + "_1", P = Ee(R, Z, f);
         if (Q = N + Ie + w, ue.push(/* @__PURE__ */ n.createElement(
-          Rr,
+          Fr,
           {
             key: Z,
             dataItem: R.dataItem,
-            isAltRow: K,
+            isAltRow: V,
             isInEdit: P.isInEdit,
             rowType: R.rowType,
             isHidden: Qe(j),
@@ -2663,7 +2663,7 @@ let he = class extends n.Component {
               key: ee,
               className: y(
                 "k-table-row",
-                K ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
+                V ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
               ),
               style: { visibility: Qe(j) ? "hidden" : "", height: this.props.detailRowHeight },
               role: "row",
@@ -2690,7 +2690,7 @@ let he = class extends n.Component {
               );
             }),
             this.props.expandField && /* @__PURE__ */ n.createElement(
-              Mr,
+              Hr,
               {
                 id: z.generateNavigatableId(`${ee}-dhcell`, s)
               }
@@ -2719,9 +2719,9 @@ let he = class extends n.Component {
       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: nr,
-      ...Tr(this.props.pageable || {})
-    }, st = this.props.pager ? /* @__PURE__ */ n.createElement(this.props.pager, { ...tt }) : /* @__PURE__ */ n.createElement(Ds, { className: "k-grid-pager", ...tt }), gs = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, fs = (f, w) => /* @__PURE__ */ n.createElement(
+      messagesMap: lr,
+      ...Mr(this.props.pageable || {})
+    }, st = this.props.pager ? /* @__PURE__ */ n.createElement(this.props.pager, { ...tt }) : /* @__PURE__ */ n.createElement(Ts, { className: "k-grid-pager", ...tt }), gs = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, fs = (f, w) => /* @__PURE__ */ n.createElement(
       "col",
       {
         key: w.toString(),
@@ -2733,14 +2733,14 @@ let he = class extends n.Component {
         return !!(f.footerCell || (w = f.cells) != null && w.footerCell);
       }
     ) ? /* @__PURE__ */ n.createElement(
-      vr,
+      kr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
         staticHeaders: this.props.scrollable !== "none",
         ref: (f) => this._footer = f,
         row: /* @__PURE__ */ n.createElement(
-          Nr,
+          Dr,
           {
             cells: this.props.cells,
             columns: this._columns,
@@ -2778,7 +2778,7 @@ let he = class extends n.Component {
             "k-grid",
             {
               "k-grid-md": !this.props.size,
-              [`k-grid-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+              [`k-grid-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
             },
             this.props.className
           ),
@@ -2806,7 +2806,7 @@ let he = class extends n.Component {
             {
               className: y(
                 "k-table k-grid-table",
-                { [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
+                { [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
               ),
               style: { userSelect: c, display: nt }
             },
@@ -2829,7 +2829,7 @@ let he = class extends n.Component {
           "k-grid",
           {
             "k-grid-md": !this.props.size,
-            [`k-grid-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size,
+            [`k-grid-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size,
             "k-grid-virtual": this.props.scrollable === "virtual"
           },
           this.props.className
@@ -2878,7 +2878,7 @@ let he = class extends n.Component {
                   "k-table k-grid-table",
                   {
                     "k-table-md": !this.props.size,
-                    [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+                    [`k-table-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
                   }
                 ),
                 role: "presentation",
@@ -2962,7 +2962,7 @@ let he = class extends n.Component {
     }, a = this._columns.splice(t, l(t) - t);
     this._columns.splice(t < s ? l(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;
-    Ts(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Gs(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
+    Ms(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Gs(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 = {
@@ -3002,7 +3002,7 @@ let he = class extends n.Component {
   }
   initColumns(t, s) {
     const o = z.getIdPrefix(this.navigationStateRef);
-    this._columns = this.readColumns(t, o, this._columnsMutations), this._columns.length === 0 && (this._columns = $s(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 = js(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 {
@@ -3154,15 +3154,15 @@ class os extends n.Component {
       {
         title: o.toLanguageString(r, k[r]),
         iconClass: e ? "k-i-ungroup" : "k-i-group",
-        svgIcon: e ? Ws : Bs,
+        svgIcon: e ? Vs : Ws,
         onClick: this.onGroupClick
       }
     ));
   }
 }
-Mt(os);
-M(os);
-const ns = "asc", ls = "desc", Hr = {
+Gt(os);
+G(os);
+const ns = "asc", ls = "desc", zr = {
   true: {
     asc: { asc: "", desc: "desc" },
     desc: { asc: "asc", desc: "" },
@@ -3183,7 +3183,7 @@ class Je extends n.Component {
     }, this.onSort = (t, s) => {
       if (t.preventDefault(), !this.props.onSortChange)
         return;
-      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: l, mode: a } = qt(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = Hr[l][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: l, mode: a } = qt(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = zr[l][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);
     };
   }
@@ -3217,8 +3217,8 @@ Je.active = (i, t) => {
   const s = as(i, t);
   return hs(s, t) || cs(s, t);
 };
-Mt(Je);
-M(Je);
+Gt(Je);
+G(Je);
 class ds extends n.Component {
   /**
    * @hidden
@@ -3231,7 +3231,7 @@ class ds extends n.Component {
         className: y("k-columnmenu-item-content", this.props.className),
         style: this.props.style
       },
-      /* @__PURE__ */ n.createElement(qs, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
+      /* @__PURE__ */ n.createElement($s, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
     );
   }
 }
@@ -3315,7 +3315,7 @@ class wt extends n.Component {
     }
   }
 }
-class zr extends n.Component {
+class Lr extends n.Component {
   render() {
     const {
       firstFilterProps: t,
@@ -3337,7 +3337,7 @@ class zr extends n.Component {
     ), /* @__PURE__ */ n.createElement(wt, { ...o })));
   }
 }
-const Ve = (i) => i || { filters: [], logic: "and" }, fe = (i, t) => Ve(t).filters.filter((e) => bt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((r) => bt(r) || r.field !== i) : !1)[0] || null;
+const Ke = (i) => i || { filters: [], logic: "and" }, fe = (i, t) => Ke(t).filters.filter((e) => bt(e) ? e.filters && e.filters.length && e.filters.length <= 2 && !e.filters.find((r) => bt(r) || r.field !== i) : !1)[0] || null;
 class ps extends n.Component {
   constructor(t) {
     super(t), this.removeGroup = (o, e) => {
@@ -3383,7 +3383,7 @@ class ps extends n.Component {
     }, this.clear = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = Ve(this.props.filter), l = fe(e, this.props.filter), a = r.filters.filter((c) => c !== l);
+      const e = this.props.column.field, r = Ke(this.props.filter), l = fe(e, this.props.filter), a = r.filters.filter((c) => c !== l);
       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,
@@ -3391,7 +3391,7 @@ class ps extends n.Component {
     }), this.submit = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = Ve(this.props.filter), l = fe(e, this.props.filter), a = this.currentFilterGroup();
+      const e = this.props.column.field, r = Ke(this.props.filter), l = fe(e, this.props.filter), a = this.currentFilterGroup();
       let c = null;
       if (l && a.filters.length > 0) {
         const h = r.filters.map((d) => d === l ? a : d);
@@ -3414,7 +3414,7 @@ class ps extends n.Component {
     };
     let s;
     if (t.column && t.column.field) {
-      const o = Ke(t.column.filter), e = Jt(t.filterOperators, o);
+      const o = Ve(t.column.filter), e = Jt(t.filterOperators, o);
       s = fe(t.column.field, t.filter), s = s ? {
         ...s,
         filters: s.filters.map((r) => ({ ...r }))
@@ -3438,7 +3438,7 @@ class ps extends n.Component {
     const { column: t, filterUI: s, hideSecondFilter: o, filterOperators: e } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ n.createElement("div", null);
-    const r = Ke(t.filter), l = o !== void 0 ? o : br[r], a = D(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(Xt, a), g = {
+    const r = Ve(t.filter), l = o !== void 0 ? o : xr[r], a = D(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(Xt, a), g = {
       field: t.field,
       value: c[0].value,
       operator: c[0].operator,
@@ -3454,7 +3454,7 @@ class ps extends n.Component {
       booleanValues: d,
       onChange: this.secondFilterChange,
       filterType: r
-    }, u = this.state.filterGroup.logic, b = re(mr, a), E = {
+    }, u = this.state.filterGroup.logic, b = re(Cr, a), E = {
       value: b.find((T) => T.operator === (u === null ? "" : u)),
       onChange: this.logicChange,
       data: b
@@ -3482,7 +3482,7 @@ class ps extends n.Component {
         onReset: this.clear,
         onKeyDown: (T) => T.stopPropagation()
       },
-      /* @__PURE__ */ n.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ n.createElement(C, { ...x }) : /* @__PURE__ */ n.createElement(zr, { ...x }), /* @__PURE__ */ n.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ n.createElement(
+      /* @__PURE__ */ n.createElement("div", { className: "k-filter-menu-container" }, C ? /* @__PURE__ */ n.createElement(C, { ...x }) : /* @__PURE__ */ n.createElement(Lr, { ...x }), /* @__PURE__ */ n.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ n.createElement(
         W,
         {
           themeColor: "primary",
@@ -3500,12 +3500,12 @@ class ps extends n.Component {
   }
 }
 ps.active = (i, t) => !!fe(i, t);
-M(ps);
-const Lr = (i, t) => i.length !== t.length ? !1 : i.every((s, o) => s === t[o]);
+G(ps);
+const Or = (i, t) => i.length !== t.length ? !1 : i.every((s, o) => s === t[o]);
 class us extends n.Component {
   constructor(t) {
     super(t), this.defaultFilter = () => this.props.filter ? Ss(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((l) => G(e, l));
+      const e = this.props.column.field || "", r = s.map((l) => M(e, l));
       return o ? r.filter((l, a) => r.indexOf(l) === a) : r;
     }, this.getFilterIndex = () => {
       const s = this.props.column.field;
@@ -3586,8 +3586,8 @@ class us extends n.Component {
    * @hidden
    */
   componentDidUpdate() {
-    const t = this.props.column.field || "", s = this.props.data.map((o) => G(t, o));
-    Lr(s, this.state.dataFromProps) || this.setState({
+    const t = this.props.column.field || "", s = this.props.data.map((o) => M(t, o));
+    Or(s, this.state.dataFromProps) || this.setState({
       data: s,
       dataFromProps: s
     });
@@ -3676,8 +3676,8 @@ class us extends n.Component {
 us.defaultProps = {
   uniqueData: !0
 };
-M(us);
-const Or = (i) => {
+G(us);
+const _r = (i) => {
   const [t, s] = n.useState(""), o = n.useMemo(() => new Set(i.columnsState.map((u) => u.id)), [i.columnsState]), e = n.useMemo(() => i.columns.filter((u) => {
     var b;
     return (b = u.title || u.field) == null ? void 0 : b.toLowerCase().includes(t.toLowerCase());
@@ -3698,7 +3698,7 @@ const Or = (i) => {
       className: "k-searchbox",
       value: t,
       onChange: (u) => s(String(u.target.value)),
-      prefix: () => /* @__PURE__ */ n.createElement(Vs, null, /* @__PURE__ */ n.createElement(O, { name: "search", icon: Ht }))
+      prefix: () => /* @__PURE__ */ n.createElement(Us, null, /* @__PURE__ */ n.createElement(O, { name: "search", icon: Ht }))
     }
   ), /* @__PURE__ */ n.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t && /* @__PURE__ */ n.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ n.createElement(
     me,
@@ -3720,8 +3720,8 @@ const Or = (i) => {
     }
   )))), /* @__PURE__ */ n.createElement("div", { className: "k-filter-selected-items" }, h, " selected items"), /* @__PURE__ */ n.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ n.createElement(W, { type: "button", themeColor: "primary", onClick: a }, "Apply"), /* @__PURE__ */ n.createElement(W, { type: "button", onClick: c }, "Reset"))));
 };
-Or.displayName = "GridColumnMenuColumnsList";
-class ti extends n.Component {
+_r.displayName = "GridColumnMenuColumnsList";
+class ri extends n.Component {
   /**
    * @hidden
    */
@@ -3729,7 +3729,7 @@ class ti extends n.Component {
     return null;
   }
 }
-class _r extends n.Component {
+class Pr extends n.Component {
   /**
    * @hidden
    */
@@ -3741,7 +3741,7 @@ class _r extends n.Component {
           "k-toolbar k-grid-toolbar",
           {
             "k-toolbar-md": !this.props.size,
-            [`k-toolbar-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+            [`k-toolbar-${K.sizeMap[this.props.size] || this.props.size}`]: this.props.size
           },
           this.props.className
         ),
@@ -3753,21 +3753,21 @@ class _r extends n.Component {
     );
   }
 }
-_r.displayName = "KendoReactGridToolbar";
-const Pr = (i) => {
+Pr.displayName = "KendoReactGridToolbar";
+const Ar = (i) => {
   const { data: t = [] } = i;
   return /* @__PURE__ */ n.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, t.map((s, o) => /* @__PURE__ */ n.createElement("div", { key: o }, /* @__PURE__ */ n.createElement("span", { className: "k-selection-aggregates-item-text" }, s.type, ": "), /* @__PURE__ */ n.createElement("span", { className: "k-selection-aggregates-item-value" }, s.formattedValue))));
 };
-Pr.displayName = "KendoReactGridStatusBar";
-const Ar = (i) => {
+Ar.displayName = "KendoReactGridStatusBar";
+const Br = (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;
-}, si = (i) => {
-  const { dataItems: t, target: s, selectedField: o } = i, r = Ar(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => Fe(C)), l = Fe(o), a = { dates: [], numbers: [], booleans: [], others: [] }, c = (C) => {
+}, ii = (i) => {
+  const { dataItems: t, target: s, selectedField: o } = i, r = Br(s.columns).map((C) => C.field).filter((C) => C && typeof C == "string").map((C) => Fe(C)), l = Fe(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) => {
@@ -3791,55 +3791,56 @@ const Ar = (i) => {
     const x = C, S = u[x];
     S !== void 0 && E.push({ type: x, value: S, formattedValue: b(S, x) });
   }), E;
-}, Br = Dt(he);
-Br.displayName = "KendoReactGrid";
+}, Wr = Dt(he);
+Wr.displayName = "KendoReactGrid";
 export {
   se as GRID_COL_INDEX_ATTRIBUTE,
-  cr as GRID_ROW_INDEX_ATTRIBUTE,
-  Br as Grid,
-  wr as GridCell,
+  ti as GRID_PREVENT_SELECTION_ELEMENT,
+  hr as GRID_ROW_INDEX_ATTRIBUTE,
+  Wr as Grid,
+  Rr as GridCell,
   he as GridClassComponent,
   ce as GridColumn,
   us as GridColumnMenuCheckboxFilter,
-  Or as GridColumnMenuColumnsList,
+  _r as GridColumnMenuColumnsList,
   ps as GridColumnMenuFilter,
   wt as GridColumnMenuFilterCell,
-  zr as GridColumnMenuFilterUI,
+  Lr as GridColumnMenuFilterUI,
   os as GridColumnMenuGroup,
   ae as GridColumnMenuItem,
   ds as GridColumnMenuItemContent,
   ve as GridColumnMenuItemGroup,
   Je as GridColumnMenuSort,
   $t as GridColumnMenuWrapper,
-  yr as GridCommonDragLogic,
-  ti as GridDetailRow,
-  hr as GridEditCell,
+  wr as GridCommonDragLogic,
+  ri as GridDetailRow,
+  dr as GridEditCell,
   es as GridFilterCell,
   It as GridGroupCell,
-  ur as GridHeaderCell,
-  ar as GridHierarchyCell,
+  gr as GridHeaderCell,
+  cr as GridHierarchyCell,
   Ye as GridNoRecords,
-  Rr as GridRow,
-  lr as GridSelectionCell,
-  _r as GridToolbar,
-  Pr as StatusBar,
+  Fr as GridRow,
+  ar as GridSelectionCell,
+  Pr as GridToolbar,
+  Ar as StatusBar,
   Xt as booleanFilterValues,
   Qt as cellBoolDropdownChange,
   Yt as cellInputChange,
   Zt as cellOperatorChange,
   fe as filterGroupByField,
-  oi as getSelectedState,
-  ni as getSelectedStateFromKeyDown,
-  si as getStatusData,
+  li as getSelectedState,
+  ai as getSelectedStateFromKeyDown,
+  ii as getStatusData,
   k as gridMessages,
-  Ar as leafColumns,
+  Br as leafColumns,
   kt as operators,
-  Js as pagerFirstPage,
-  Ys as pagerInfo,
-  tr as pagerItemPerPage,
-  er as pagerLastPage,
-  Zs as pagerNextPage,
-  Qs as pagerPreviousPage,
-  Ve as rootFilterOrDefault,
-  li as setSelectedState
+  Qs as pagerFirstPage,
+  Js as pagerInfo,
+  sr as pagerItemPerPage,
+  tr as pagerLastPage,
+  er as pagerNextPage,
+  Zs as pagerPreviousPage,
+  Ke as rootFilterOrDefault,
+  ci as setSelectedState
 };