@progress/kendo-react-grid 7.2.0-develop.1 → 7.2.0-develop.3

package/index.mjs

@@ -3,23 +3,23 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 "use client";
-import * as l from "react";
+import * as n from "react";
 import p from "prop-types";
-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 { 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 { DatePicker as Xe } from "@progress/kendo-react-dateinputs";
+import { Popup as Us } 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 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 = {
+import { isCompositeFilterDescriptor as bt, filterBy as xt } from "@progress/kendo-data-query";
+import { Reveal as qs } from "@progress/kendo-react-animation";
+const ce = (i) => null;
+ce.displayName = "KendoReactGridColumn";
+ce.defaultProps = {
   filterable: !0,
   editable: !0,
   sortable: !0,
@@ -27,7 +27,7 @@ ae.defaultProps = {
   reorderable: !0,
   groupable: !0
 };
-ae.propTypes = {
+ce.propTypes = {
   field: p.string,
   title: p.string,
   editable: p.bool,
@@ -58,63 +58,63 @@ ae.propTypes = {
   columnMenu: p.any,
   locked: p.bool
 };
-function T(i, t) {
+function G(i, t) {
   const s = (i || "").split(".");
   let o = t;
   return s.forEach((e) => {
     o = o ? o[e] : void 0;
   }), o;
 }
-function Lt(i, t, s, o, e, r, n = 0) {
-  let a = n;
+function Ot(i, t, s, o, e, r, l = 0) {
+  let a = l;
   for (let c = 0; c < t.length; c++) {
     if (!e || t[c].value === void 0 || t[c].items === void 0) {
       i[i.length] = {
         dataIndex: o.index,
         dataItem: t[c],
         rowType: "data",
-        level: n,
-        expanded: r === void 0 || T(r, t[c])
+        level: l,
+        expanded: r === void 0 || G(r, t[c])
       }, o.index++;
       continue;
     }
-    a = Math.max(a, n + 1);
-    const h = r === void 0 || T(r, t[c]) === void 0 || T(r, t[c]);
+    a = Math.max(a, l + 1);
+    const h = r === void 0 || G(r, t[c]) === void 0 || G(r, t[c]);
     i[i.length] = {
       dataIndex: -1,
       dataItem: t[c],
-      level: n,
+      level: l,
       rowType: "groupHeader",
       expanded: h
     }, h && (a = Math.max(
-      Lt(i, t[c].items, s, o, e, r, n + 1),
+      Ot(i, t[c].items, s, o, e, r, l + 1),
       a
     )), (s === "always" || h && s === "visible") && (i[i.length] = {
       dataIndex: -1,
       dataItem: t[c],
       rowType: "groupFooter",
-      level: n,
+      level: l,
       expanded: h
     });
   }
   return a;
 }
-function Ot(i, t, s, o = 0) {
+function _t(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 = Ot(n.children, c && c.children || [], s, o + 1);
+  i && i.length === void 0 && (i = [i]), i.forEach((l, a) => {
+    l = l.props ? l.props : l;
+    const c = t[a] || null, h = _t(l.children, c && c.children || [], s, o + 1);
     e.push(
       Object.assign(
         { depth: o },
-        ae.defaultProps,
+        ce.defaultProps,
         h.length ? { cell: () => null, filterCell: () => null } : {},
         c ? { width: c.width, orderIndex: c.orderIndex } : {},
-        n,
+        l,
         {
-          id: n.id ? n.id : z.generateNavigatableId(`${s.prevId++}`, s.idPrefix, "column"),
+          id: l.id ? l.id : z.generateNavigatableId(`${s.prevId++}`, s.idPrefix, "column"),
           declarationIndex: e.length,
           children: h,
           rowSpan: 0,
@@ -126,26 +126,26 @@ function Ot(i, t, s, o = 0) {
       )
     );
   });
-  const r = (n, a) => n.orderIndex === a.orderIndex ? n.declarationIndex - a.declarationIndex : (n.orderIndex || 0) - (a.orderIndex || 0);
+  const r = (l, a) => l.orderIndex === a.orderIndex ? l.declarationIndex - a.declarationIndex : (l.orderIndex || 0) - (a.orderIndex || 0);
   if (e.sort(r), o === 0) {
-    let n = [];
+    let l = [];
     const a = (c, h) => c.forEach((d) => {
-      d.parentIndex = h, a(d.children, n.push(d) - 1);
+      d.parentIndex = h, a(d.children, l.push(d) - 1);
     });
-    return a(e, -1), n;
+    return a(e, -1), l;
   }
   return e;
 }
-function Us(i, t, s, o) {
+function $s(i, t, s, o) {
   let e = [];
   Array.isArray(i) ? e = i : i && (e = i.data);
   const r = [];
   if (e.length > 0) {
-    let n = e[0];
+    let l = e[0];
     if (t)
       for (let c = 0; c < t.length; c++)
-        n = n.items && n.items[0];
-    Object.getOwnPropertyNames(n).forEach((c) => {
+        l = l.items && l.items[0];
+    Object.getOwnPropertyNames(l).forEach((c) => {
       c !== s && r.push(Object.assign(
         {
           id: z.generateNavigatableId(`${o.prevId++}`, o.idPrefix, "column"),
@@ -162,14 +162,14 @@ function Us(i, t, s, o) {
           ariaColumnIndex: 0,
           isAccessible: !0
         },
-        ae.defaultProps,
+        ce.defaultProps,
         { field: c }
       ));
     });
   }
   return r;
 }
-const qs = (i, t) => {
+const js = (i, t) => {
   let s = i[t.parentIndex];
   for (; s; ) {
     if (s.footerCell)
@@ -177,23 +177,23 @@ const qs = (i, t) => {
     s = i[s.parentIndex];
   }
   return !1;
-}, $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) => {
+}, 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) => {
   const {
     declarationIndex: s,
     parentIndex: o,
     depth: e,
     colSpan: r,
-    rowSpan: n,
+    rowSpan: l,
     index: a,
     kFirst: c,
     children: h,
     ...d
   } = t;
   return h.length ? {
-    children: _t(h),
+    children: Pt(h),
     ...d
   } : d;
-})), Ne = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), bt = 17895697, be = (i, t) => {
+})), De = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), vt = 17895697, xe = (i, t) => {
   if (!(!i && !t))
     return t ? i ? {
       ...i,
@@ -215,75 +215,39 @@ const qs = (i, t) => {
         ...t.edit || {}
       }
     } : t : i;
-}, js = (i) => {
-  const t = l.useCallback(
-    (d) => {
-      i.selectionChange && i.selectionChange({ syntheticEvent: d });
-    },
-    [i.selectionChange]
-  ), s = yt(), o = T(i.field, i.dataItem), e = q(i.id), r = {
-    colSpan: i.colSpan,
-    style: i.style,
-    className: i.className,
-    "aria-colindex": i.ariaColumnIndex,
-    role: "gridcell",
-    ...e
-  }, n = [
-    /* @__PURE__ */ l.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ l.createElement(
-      "input",
-      {
-        checked: typeof o == "boolean" && o,
-        id: s,
-        type: "checkbox",
-        className: "k-checkbox k-checkbox-md k-rounded-md",
-        onChange: t
-      }
-    )),
-    /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
-  ], a = i.rowType !== "groupHeader" ? /* @__PURE__ */ l.createElement(
-    "td",
-    {
-      ...r
-    },
-    n
-  ) : null, c = i.rowType || "data", h = i.cells;
-  if (h && h.select && h.select[c]) {
-    const d = h.select[c];
-    return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: r }, n);
-  }
-  return i.render ? i.render.call(void 0, a, i) : a;
-}, 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",
+}, 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",
+  [Ut]: "Collapse detail row",
+  [Wt]: "Expand group",
+  [Kt]: "Collapse Group",
+  [Te]: "No records available",
+  [Ge]: "Drag a column header and drop it here to group by that column",
   [U]: "Clear",
   [oe]: "Filter",
-  [le]: "Filter",
-  [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",
+  [ne]: "Filter",
+  [He]: "Sort Ascending",
+  [ze]: "Sort Descending",
+  [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}",
+  [Le]: "Search",
+  [Oe]: "Check All",
+  [_e]: "Choose Operator",
+  [Pe]: "selected items",
+  [Be]: "Filter",
+  [We]: "Group panel",
+  [le]: "Select Row",
   "grid.filterEqOperator": "Is equal to",
   "grid.filterNotEqOperator": "Is not equal to",
   "grid.filterIsNullOperator": "Is null",
@@ -308,15 +272,50 @@ const qs = (i, t) => {
   "grid.filterAndLogic": "And",
   "grid.filterOrLogic": "Or"
 };
-function or(i) {
+function nr(i) {
   const t = i.replace(/^pager\.([a-z])/, (s, o) => "grid.pager" + o.toUpperCase());
   return { messageKey: t, defaultMessage: k[t] };
 }
 const lr = (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 = {
+    colSpan: i.colSpan,
+    style: i.style,
+    className: i.className,
+    "aria-colindex": i.ariaColumnIndex,
+    role: "gridcell",
+    ...r
+  }, a = /* @__PURE__ */ n.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
+    "input",
+    {
+      id: o,
+      type: "checkbox",
+      className: "k-checkbox k-checkbox-md k-rounded-md",
+      "aria-label": t.toLanguageString(le, k[le]),
+      "aria-checked": typeof e == "boolean" && e,
+      onChange: s
+    }
+  )), c = i.rowType !== "groupHeader" ? /* @__PURE__ */ n.createElement(
+    "td",
+    {
+      ...l
+    },
+    a
+  ) : null, h = i.rowType || "data", d = i.cells;
+  if (d && d.select && d.select[h]) {
+    const g = d.select[h];
+    return /* @__PURE__ */ n.createElement(g, { ...i, tdProps: l }, a);
+  }
+  return i.render ? i.render.call(void 0, c, i) : c;
+}, ar = (i) => {
   let t = null, s = null, o = null;
-  const e = T(i.field, i.dataItem), r = q(i.id), n = Tt(), a = l.useCallback(
+  const e = G(i.field, i.dataItem), r = q(i.id), l = Ue(), a = n.useCallback(
     (d) => {
-      d.isDefaultPrevented() || d.keyCode === me.enter && i.onChange && (d.preventDefault(), i.onChange({
+      d.isDefaultPrevented() || d.keyCode === Ce.enter && i.onChange && (d.preventDefault(), i.onChange({
         dataItem: i.dataItem,
         dataIndex: i.dataIndex,
         syntheticEvent: d,
@@ -331,14 +330,14 @@ const lr = (i) => {
       className: "k-table-td k-hierarchy-cell",
       role: "gridcell",
       ...r
-    }, t = /* @__PURE__ */ l.createElement(
+    }, t = /* @__PURE__ */ n.createElement(
       "td",
       {
         ...s
       }
     );
   else if (i.rowType !== "groupHeader") {
-    const d = e ? Vt : Kt, g = n.toLanguageString(d, k[d]);
+    const d = e ? Ut : Vt, g = l.toLanguageString(d, k[d]);
     s = {
       className: "k-table-td k-hierarchy-cell",
       onKeyDown: a,
@@ -346,7 +345,7 @@ const lr = (i) => {
       role: "gridcell",
       "aria-colindex": i.ariaColumnIndex,
       ...r
-    }, o = /* @__PURE__ */ l.createElement(
+    }, o = /* @__PURE__ */ n.createElement(
       "a",
       {
         onClick: (m) => {
@@ -362,8 +361,8 @@ const lr = (i) => {
         href: "#",
         tabIndex: -1
       },
-      /* @__PURE__ */ l.createElement(O, { name: e ? "minus" : "plus", icon: e ? Gs : Ms })
-    ), t = /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(O, { name: e ? "minus" : "plus", icon: e ? Hs : zs })
+    ), t = /* @__PURE__ */ n.createElement(
       "td",
       {
         ...s
@@ -374,17 +373,17 @@ const lr = (i) => {
   const c = i.rowType || "data", h = i.cells;
   if (h && h.hierarchy && h.hierarchy[c]) {
     const d = h.hierarchy[c];
-    return /* @__PURE__ */ l.createElement(d, { ...i, tdProps: s }, o);
+    return /* @__PURE__ */ n.createElement(d, { ...i, tdProps: s }, o);
   }
   return i.render ? i.render.call(void 0, t, i) : t;
-}, nr = Es, se = Is, ar = (i) => {
-  const t = T(i.field, i.dataItem);
+}, cr = Is, se = ys, hr = (i) => {
+  const t = G(i.field, i.dataItem);
   let s = null;
   const o = y("k-table-td", "k-grid-edit-cell", {
     ["k-selected"]: i.isSelected
-  }, i.className), e = yt(), r = q(i.id);
-  let n = null, a = null;
-  const c = l.useCallback(
+  }, i.className), e = Rt(), r = q(i.id);
+  let l = null, a = null;
+  const c = n.useCallback(
     (u) => {
       if (i.onChange) {
         const b = u.target.type === "checkbox" ? u.target.checked : u.target.value;
@@ -398,9 +397,9 @@ const lr = (i) => {
       }
     },
     [i.onChange, i.dataItem, i.dataIndex, i.field]
-  ), h = l.useCallback((u) => {
+  ), h = n.useCallback((u) => {
     i.onContextMenu && i.onContextMenu.call(void 0, u, i.dataItem, i.field);
-  }, [i.onContextMenu, i.dataItem, i.field]), d = l.useCallback(
+  }, [i.onContextMenu, i.dataItem, i.field]), d = n.useCallback(
     (u) => {
       i.onChange && i.onChange({
         dataItem: i.dataItem,
@@ -414,7 +413,7 @@ const lr = (i) => {
   );
   switch (i.editor) {
     case "numeric": {
-      n = {
+      l = {
         onContextMenu: h,
         colSpan: i.colSpan,
         style: i.style,
@@ -424,24 +423,24 @@ const lr = (i) => {
         [se]: i.columnIndex,
         role: "gridcell",
         ...r
-      }, a = /* @__PURE__ */ l.createElement(
-        qe,
+      }, a = /* @__PURE__ */ n.createElement(
+        je,
         {
           width: "100%",
           value: t === void 0 ? null : t,
           onChange: d
         }
-      ), s = /* @__PURE__ */ l.createElement(
+      ), s = /* @__PURE__ */ n.createElement(
         "td",
         {
-          ...n
+          ...l
         },
         a
       );
       break;
     }
     case "date":
-      n = {
+      l = {
         onContextMenu: h,
         colSpan: i.colSpan,
         style: i.style,
@@ -451,23 +450,23 @@ const lr = (i) => {
         [se]: i.columnIndex,
         role: "gridcell",
         ...r
-      }, a = /* @__PURE__ */ l.createElement(
-        $e,
+      }, a = /* @__PURE__ */ n.createElement(
+        Xe,
         {
           width: "100%",
           value: t,
           onChange: d
         }
-      ), s = /* @__PURE__ */ l.createElement(
+      ), s = /* @__PURE__ */ n.createElement(
         "td",
         {
-          ...n
+          ...l
         },
         a
       );
       break;
     case "boolean":
-      n = {
+      l = {
         onContextMenu: h,
         colSpan: i.colSpan,
         style: i.style,
@@ -478,7 +477,7 @@ const lr = (i) => {
         role: "gridcell",
         ...r
       }, a = [
-        /* @__PURE__ */ l.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
           "input",
           {
             checked: t || !1,
@@ -488,17 +487,17 @@ const lr = (i) => {
             onChange: c
           }
         )),
-        /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: e, key: 2 })
-      ], s = /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement("label", { className: "k-checkbox-label", htmlFor: e, key: 2 })
+      ], s = /* @__PURE__ */ n.createElement(
         "td",
         {
-          ...n
+          ...l
         },
         a
       );
       break;
     default:
-      n = {
+      l = {
         onContextMenu: h,
         colSpan: i.colSpan,
         style: i.style,
@@ -508,7 +507,7 @@ const lr = (i) => {
         [se]: i.columnIndex,
         role: "gridcell",
         ...r
-      }, a = /* @__PURE__ */ l.createElement(
+      }, a = /* @__PURE__ */ n.createElement(
         "input",
         {
           style: { width: "100%" },
@@ -516,10 +515,10 @@ const lr = (i) => {
           value: t || "",
           onChange: c
         }
-      ), s = /* @__PURE__ */ l.createElement(
+      ), s = /* @__PURE__ */ n.createElement(
         "td",
         {
-          ...n
+          ...l
         },
         a
       );
@@ -527,13 +526,13 @@ const lr = (i) => {
   const g = i.editor || "text", m = i.cells;
   if (m && m.edit && m.edit[g]) {
     const u = m.edit[g];
-    return /* @__PURE__ */ l.createElement(u, { ...i, tdProps: n }, a);
+    return /* @__PURE__ */ n.createElement(u, { ...i, tdProps: l }, a);
   }
   return i.render ? i.render.call(void 0, s, i) : s;
 };
-class cr extends l.Component {
+class dr extends n.Component {
   constructor() {
-    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = wt(), this.onScroll = (t) => {
+    super(...arguments), this.headerWrap = null, this.table = null, this.syncScroll = !1, this.scrollbarWidth = Ft(), this.onScroll = (t) => {
       if (this.syncScroll) {
         this.syncScroll = !1;
         return;
@@ -548,7 +547,7 @@ class cr extends l.Component {
     return this.props.elemRef.current;
   }
   componentDidMount() {
-    const t = Nt(this.element);
+    const t = Tt(this.element);
     this.props.columnResize && this.props.columnResize.setIsRtl(t), this.forceUpdate();
   }
   /**
@@ -566,7 +565,7 @@ class cr extends l.Component {
     this.table && (this.table.style.width = t + "px");
   }
   render() {
-    return this.props.staticHeaders ? /* @__PURE__ */ l.createElement(
+    return this.props.staticHeaders ? /* @__PURE__ */ n.createElement(
       "div",
       {
         ref: this.props.elemRef,
@@ -576,7 +575,7 @@ class cr extends l.Component {
         ),
         role: "presentation"
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           ref: (t) => {
@@ -587,7 +586,7 @@ class cr extends l.Component {
           onScroll: this.onScroll,
           role: "presentation"
         },
-        /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement(
           "table",
           {
             ref: (t) => {
@@ -603,13 +602,13 @@ class cr extends l.Component {
             ),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement("colgroup", { ref: (t) => {
+          /* @__PURE__ */ n.createElement("colgroup", { ref: (t) => {
             this.props.columnResize.colGroupHeader = t;
           } }, this.props.cols),
-          /* @__PURE__ */ l.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...at }, this.props.headerRow, this.props.filterRow)
+          /* @__PURE__ */ n.createElement("thead", { className: "k-table-thead", role: "rowgroup", ...ht }, this.props.headerRow, this.props.filterRow)
         )
       )
-    ) : /* @__PURE__ */ l.createElement(
+    ) : /* @__PURE__ */ n.createElement(
       "thead",
       {
         role: "presentation",
@@ -617,15 +616,15 @@ class cr extends l.Component {
           "k-table-thead",
           { "k-grid-draggable-header": this.props.draggable }
         ),
-        ...at
+        ...ht
       },
       this.props.headerRow,
       this.props.filterRow
     );
   }
 }
-const Ut = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
-class hr extends l.PureComponent {
+const qt = (...i) => Object.assign({ allowUnsort: !0, mode: "single" }, ...i);
+class pr extends n.PureComponent {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -638,8 +637,8 @@ class hr extends l.PureComponent {
     };
   }
   render() {
-    return /* @__PURE__ */ l.createElement(
-      Rt,
+    return /* @__PURE__ */ n.createElement(
+      Nt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -651,11 +650,11 @@ class hr extends l.PureComponent {
           this.draggable = t;
         }
       },
-      /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", style: { touchAction: "none" }, role: "row", "aria-rowindex": this.props.ariaRowIndex }, this.props.children)
+      /* @__PURE__ */ n.createElement("tr", { className: "k-table-row", style: { touchAction: "none" }, role: "row", "aria-rowindex": this.props.ariaRowIndex }, this.props.children)
     );
   }
 }
-class qt extends l.Component {
+class $t extends n.Component {
   constructor() {
     super(...arguments), this.state = {
       show: !1
@@ -682,15 +681,15 @@ class qt extends l.Component {
       this.willBlur = this.state.show && t.currentTarget === this._anchor;
     }, this.onAnchorKeyDown = (t) => {
       var s;
-      if (t.keyCode === me.tab) {
+      if (t.keyCode === Ce.tab) {
         const o = t.target, e = o && ((s = o.closest(".k-grid")) == null ? void 0 : s.getElementsByClassName("k-grid-content")[0]);
         e && e.scrollWidth > e.clientWidth && o.scrollIntoView({ inline: "center" });
       }
     };
   }
   render() {
-    const { columnMenu: t, ...s } = this.props, { column: o } = this.props, e = G(this), r = o.title || o.field, n = r ? `${r} ` : "";
-    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+    const { columnMenu: t, ...s } = this.props, { column: o } = this.props, e = D(this), r = o.title || o.field, l = r ? `${r} ` : "";
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
       "a",
       {
         className: "k-grid-header-menu k-grid-column-menu",
@@ -699,17 +698,17 @@ class qt extends l.Component {
         onMouseDown: this.onAnchorMouseDown,
         onKeyDown: this.onAnchorKeyDown,
         href: "#",
-        "aria-label": `${n}${e.toLanguageString(Ge, k[Ge])}`
+        "aria-label": `${l}${e.toLanguageString(Me, k[Me])}`
       },
-      /* @__PURE__ */ l.createElement(O, { name: "filter", icon: Ce })
-    ), /* @__PURE__ */ l.createElement(
-      Ks,
+      /* @__PURE__ */ n.createElement(O, { name: "filter", icon: be })
+    ), /* @__PURE__ */ n.createElement(
+      Us,
       {
         anchor: this._anchor,
         show: this.state.show,
         popupClass: "k-column-menu k-column-menu-popup k-grid-columnmenu-popup"
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           ref: (a) => this._content = a,
@@ -718,7 +717,7 @@ class qt extends l.Component {
           onFocus: this.focus,
           style: { outline: "none" }
         },
-        t && /* @__PURE__ */ l.createElement(
+        t && /* @__PURE__ */ n.createElement(
           t,
           {
             ...s,
@@ -729,14 +728,14 @@ class qt extends l.Component {
     ));
   }
 }
-class dr extends l.Component {
+class ur extends n.Component {
   /**
    * @hidden
    */
   render() {
     const { columnMenuWrapperProps: t } = this.props, s = this.props.onClick ? {
       onClick: this.props.onClick
-    } : {}, o = /* @__PURE__ */ l.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ l.createElement(
+    } : {}, o = /* @__PURE__ */ n.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ n.createElement(
       "span",
       {
         className: y(
@@ -747,35 +746,35 @@ class dr extends l.Component {
         ),
         ...s
       },
-      /* @__PURE__ */ l.createElement("span", { className: "k-column-title" }, this.props.title || this.props.field || " "),
+      /* @__PURE__ */ n.createElement("span", { className: "k-column-title" }, this.props.title || this.props.field || " "),
       this.props.children
-    ), t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t }));
+    ), t.columnMenu && /* @__PURE__ */ n.createElement($t, { ...t }));
     return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-const pr = {
+const gr = {
   true: { asc: "desc", desc: "", "": "asc" },
   false: { asc: "desc", desc: "asc", "": "asc" }
-}, ur = {
+}, fr = {
   none: "none",
   asc: "ascending",
   desc: "descending"
 };
-class $t extends l.Component {
+class jt extends n.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);
+      s.isDefaultPrevented() || s.keyCode === Ce.enter && this.cellClick(s, o);
     }, this.cells = (s) => s.map((o) => {
-      const e = this.props.columns[o], r = this.props.sortable && e.sortable, n = this.props.sort ? this.props.sort.findIndex((v) => v.field === e.field) : -1, a = n >= 0 && this.props.sort[n].dir || "none", c = e.columnMenu === null ? null : e.columnMenu || this.props.columnMenu, h = y({
+      const e = this.props.columns[o], r = this.props.sortable && e.sortable, l = this.props.sort ? this.props.sort.findIndex((v) => v.field === e.field) : -1, a = l >= 0 && this.props.sort[l].dir || "none", c = e.columnMenu === null ? null : e.columnMenu || this.props.columnMenu, h = y({
         "k-first": e.kFirst,
         "k-filterable": !!c,
         "k-table-th": !0,
         "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(Pe, k[Pe]);
+      }, 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: ur[a],
+        ariaSort: fr[a],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
@@ -783,7 +782,7 @@ class $t extends l.Component {
       } : {
         role: "presentation"
       };
-      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : dr, E = /* @__PURE__ */ l.createElement(
+      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : ur, E = /* @__PURE__ */ n.createElement(
         b,
         {
           key: 1,
@@ -793,7 +792,7 @@ class $t extends l.Component {
           title: e.title,
           selectionValue: e.headerSelectionValue,
           render: this.props.cellRender,
-          children: this.sortIcon(n),
+          children: this.sortIcon(l),
           columnMenuWrapperProps: {
             column: {
               field: e.field,
@@ -828,21 +827,21 @@ class $t extends l.Component {
         role: "columnheader"
       }, x = [
         E,
-        this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ l.createElement(
-          Ss,
+        this.props.columnResize && this.props.columnResize.resizable && e.resizable && /* @__PURE__ */ n.createElement(
+          ws,
           {
             key: 2,
-            resize: (v, _, D) => this.props.columnResize && this.props.columnResize.dragHandler(v, e, _, D),
+            resize: (v, _, T) => this.props.columnResize && this.props.columnResize.dragHandler(v, e, _, T),
             autofit: (v) => this.props.columnResize && this.props.columnResize.dblClickHandler(v, [e.id])
           }
         )
-      ], 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);
+      ], S = xe(this.props.cells, e.cells);
+      if (S && S.headerCell) {
+        const v = S.headerCell;
+        return /* @__PURE__ */ n.createElement(v, { key: u, thProps: C, index: o }, x);
       }
-      return /* @__PURE__ */ l.createElement(
-        Dt,
+      return /* @__PURE__ */ n.createElement(
+        Gt,
         {
           ...C,
           key: u
@@ -854,24 +853,24 @@ class $t extends l.Component {
   cellClick(t, s) {
     if (t.preventDefault(), !this.props.sortChange)
       return;
-    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);
+    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);
+    l !== "" && s.field && a.push({ field: s.field, dir: l }), this.props.sortChange(a, t);
   }
   sortIcon(t) {
     return this.props.sort ? t >= 0 && [
-      /* @__PURE__ */ l.createElement("span", { key: 1, className: "k-sort-icon" }, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement("span", { key: 1, className: "k-sort-icon" }, /* @__PURE__ */ n.createElement(
         O,
         {
           name: "sort-" + this.props.sort[t].dir + "-small",
-          icon: this.props.sort[t].dir === "asc" ? Ve : Ue
+          icon: this.props.sort[t].dir === "asc" ? qe : $e
         }
       )),
-      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))
+      this.props.sort.length > 1 && /* @__PURE__ */ n.createElement("span", { key: 2, className: "k-sort-icon" }, /* @__PURE__ */ n.createElement("span", { className: "k-sort-order" }, t + 1))
     ] : null;
   }
   render() {
-    return this.serviceIndex = 0, this.index = -1, this.props.columnsMap.map((t, s) => this.props.pressHandler && /* @__PURE__ */ l.createElement(
-      hr,
+    return this.serviceIndex = 0, this.index = -1, this.props.columnsMap.map((t, s) => this.props.pressHandler && /* @__PURE__ */ n.createElement(
+      pr,
       {
         key: s,
         pressHandler: this.props.pressHandler,
@@ -883,14 +882,14 @@ class $t extends l.Component {
         containerRef: this.props.containerRef
       },
       this.cells(t)
-    ) || /* @__PURE__ */ l.createElement("tr", { key: s, className: "k-table-row", role: "row", "aria-rowindex": s + 1 }, this.cells(t)));
+    ) || /* @__PURE__ */ n.createElement("tr", { key: s, className: "k-table-row", role: "row", "aria-rowindex": s + 1 }, this.cells(t)));
   }
 }
-M($t);
-const gr = [
+M(jt);
+const mr = [
   { text: "grid.filterAndLogic", operator: "and" },
   { text: "grid.filterOrLogic", operator: "or" }
-], xt = {
+], kt = {
   text: [
     { text: "grid.filterContainsOperator", operator: "contains" },
     { text: "grid.filterNotContainsOperator", operator: "doesnotcontain" },
@@ -929,17 +928,17 @@ const gr = [
 }, 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
-})), fr = "eq", jt = [
+})), Cr = "eq", Xt = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], mr = {
+], br = {
   text: !1,
   numeric: !1,
   date: !1,
   boolean: !0
-}, Xt = (i, t, s) => {
-  const o = Yt(s.operators);
+}, Yt = (i, t, s) => {
+  const o = Jt(s.operators);
   let e = s.operator;
   switch (s.filterType) {
     case "numeric":
@@ -955,25 +954,25 @@ const gr = [
       return;
   }
   s.onChange({ value: i, operator: e, syntheticEvent: t });
-}, Yt = (i, t) => t ? i[t][0].operator : i[0].operator, We = (i) => i || "text", Jt = (i, t) => {
+}, Jt = (i, t) => t ? i[t][0].operator : i[0].operator, Ke = (i) => i || "text", Qt = (i, t) => {
   const s = i.target.value;
   t({
     value: s.operator,
-    operator: s.operator === "" ? "" : fr,
+    operator: s.operator === "" ? "" : Cr,
     syntheticEvent: i.syntheticEvent
   });
-}, Qt = (i, t, s) => {
+}, Zt = (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 Zt extends l.Component {
+class es extends n.Component {
   constructor(t) {
-    super(t), this._inputRef = l.createRef(), this.renderOperatorEditor = (s) => {
+    super(t), this._inputRef = n.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(
+      return /* @__PURE__ */ n.createElement(
         ie,
         {
           size: this.props.size,
@@ -981,10 +980,10 @@ class Zt extends l.Component {
           onChange: this.operatorChange,
           className: "k-dropdown-operator",
           iconClassName: "k-i-filter k-icon",
-          svgIcon: Ce,
+          svgIcon: be,
           data: this.props.operators,
           textField: "text",
-          title: s.toLanguageString(Oe, k[Oe]),
+          title: s.toLanguageString(_e, k[_e]),
           popupSettings: {
             width: ""
           }
@@ -996,12 +995,12 @@ class Zt extends l.Component {
    * @hidden
    */
   render() {
-    const t = G(this), s = /* @__PURE__ */ l.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-wrapper" }, this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues), /* @__PURE__ */ l.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(t), " ", /* @__PURE__ */ l.createElement(
+    const t = D(this), s = /* @__PURE__ */ n.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ n.createElement("div", { className: "k-filtercell-wrapper" }, this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues), /* @__PURE__ */ n.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(t), " ", /* @__PURE__ */ n.createElement(
       W,
       {
         size: this.props.size,
         icon: "filter-clear",
-        svgIcon: Hs,
+        svgIcon: Ls,
         className: y({
           "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
         }),
@@ -1014,13 +1013,13 @@ class Zt extends l.Component {
     return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
   }
   inputChange(t, s) {
-    Xt(t, s, this.props);
+    Yt(t, s, this.props);
   }
   operatorChange(t) {
-    Qt(t, this.props.value, this.props.onChange);
+    Zt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Jt(t, this.props.onChange);
+    Qt(t, this.props.onChange);
   }
   clear(t) {
     t.preventDefault(), this.props.onChange({ value: "", operator: "", syntheticEvent: t }), this._inputRef.current && (this._inputRef.current.element.value = "", setTimeout(() => {
@@ -1030,8 +1029,8 @@ class Zt extends l.Component {
   filterComponent(t, s, o) {
     switch (t) {
       case "numeric":
-        return /* @__PURE__ */ l.createElement(
-          qe,
+        return /* @__PURE__ */ n.createElement(
+          je,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1044,8 +1043,8 @@ class Zt extends l.Component {
           }
         );
       case "date":
-        return /* @__PURE__ */ l.createElement(
-          $e,
+        return /* @__PURE__ */ n.createElement(
+          Xe,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1059,7 +1058,7 @@ class Zt extends l.Component {
         );
       case "boolean": {
         const e = (r) => r == null;
-        return /* @__PURE__ */ l.createElement(
+        return /* @__PURE__ */ n.createElement(
           ie,
           {
             ref: this._inputRef,
@@ -1074,8 +1073,8 @@ class Zt extends l.Component {
         );
       }
       default:
-        return /* @__PURE__ */ l.createElement(
-          Ht,
+        return /* @__PURE__ */ n.createElement(
+          zt,
           {
             ref: this._inputRef,
             size: this.props.size,
@@ -1090,9 +1089,9 @@ class Zt extends l.Component {
     }
   }
 }
-M(Zt);
-const Cr = "k-table-row k-filter-row";
-class es extends l.Component {
+M(es);
+const xr = "k-table-row k-filter-row";
+class ts extends n.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;
@@ -1109,20 +1108,20 @@ class es extends l.Component {
       const h = c;
       h && h.field !== o && r.push(h);
     });
-    const n = this.props.filter && this.props.filter.logic ? this.props.filter.logic : "and";
-    this.props.filterChange(r.length > 0 ? { logic: n, filters: r } : null, e);
+    const l = this.props.filter && this.props.filter.logic ? this.props.filter.logic : "and";
+    this.props.filterChange(r.length > 0 ? { logic: l, filters: r } : null, e);
   }
   render() {
-    const t = G(this), s = this.props.filter && this.props.filter.filters || [], o = (a) => {
+    const t = D(this), s = this.props.filter && this.props.filter.filters || [], o = (a) => {
       if (a === void 0)
         return;
       const c = s.filter((h) => h.field === a);
       return c.length ? c[0] : void 0;
     };
     let e = 0, r = -1;
-    const n = this.props.columns.filter((a) => a.children.length === 0).map(
+    const l = this.props.columns.filter((a) => a.children.length === 0).map(
       (a) => {
-        const c = We(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Ae, k[Ae]) : void 0;
+        const c = Ke(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 && {
@@ -1132,7 +1131,7 @@ class es extends l.Component {
           value: g,
           operator: h && h.operator,
           operators: re(this.props.filterOperators[c] || [], t),
-          booleanValues: re(jt, t),
+          booleanValues: re(Xt, t),
           filterType: c,
           ariaLabel: d,
           onChange: (v) => {
@@ -1148,13 +1147,13 @@ class es 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(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);
+        }, x = m && (a.filterCell ? /* @__PURE__ */ n.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ n.createElement(es, { size: this.props.size, ...m })), S = xe(this.props.cells, a.cells);
+        if (S && S.filterCell) {
+          const v = S.filterCell;
+          return /* @__PURE__ */ n.createElement(v, { key: u, ...m, thProps: C, index: r }, x);
         }
-        return /* @__PURE__ */ l.createElement(
-          Dt,
+        return /* @__PURE__ */ n.createElement(
+          Gt,
           {
             key: u,
             ...C
@@ -1163,11 +1162,11 @@ class es extends l.Component {
         );
       }
     );
-    return /* @__PURE__ */ l.createElement("tr", { className: Cr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, n);
+    return /* @__PURE__ */ n.createElement("tr", { className: xr, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, l);
   }
 }
-M(es);
-class ts extends l.Component {
+M(ts);
+class ss extends n.Component {
   constructor() {
     super(...arguments), this.draggable = null, this.onPress = (t) => {
       const s = this.draggable && this.draggable.element;
@@ -1195,8 +1194,8 @@ class ts extends l.Component {
   }
   render() {
     const { dir: t } = this.props;
-    return /* @__PURE__ */ l.createElement(
-      Rt,
+    return /* @__PURE__ */ n.createElement(
+      Nt,
       {
         onPress: this.onPress,
         onDrag: this.onDrag,
@@ -1205,7 +1204,7 @@ class ts extends l.Component {
           this.draggable = s;
         }
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
@@ -1214,26 +1213,26 @@ class ts extends l.Component {
           role: "button",
           style: { touchAction: "none" }
         },
-        /* @__PURE__ */ l.createElement("span", null, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement("span", null, /* @__PURE__ */ n.createElement(
           O,
           {
             name: "sort-" + t + "-small",
-            icon: t === "asc" ? Ve : Ue,
+            icon: t === "asc" ? qe : $e,
             size: "small"
           }
         )),
-        /* @__PURE__ */ l.createElement("span", { className: "k-chip-content" }, this.props.title),
-        /* @__PURE__ */ l.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement("span", { className: "k-chip-content" }, this.props.title),
+        /* @__PURE__ */ n.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ n.createElement(
           "span",
           {
             className: "k-chip-action k-chip-remove-action",
             onClick: this.groupRemove
           },
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ n.createElement(
             O,
             {
               name: "x-circle",
-              icon: zs,
+              icon: Os,
               size: "small"
             }
           )
@@ -1242,20 +1241,20 @@ class ts extends l.Component {
     );
   }
 }
-M(ts);
-class ss extends l.Component {
+M(ss);
+class rs extends n.Component {
   constructor() {
     super(...arguments), this.onGroupRemove = (t, s) => {
       const o = this.props.group.slice();
       o.splice(s, 1), this.props.groupChange(o, t);
     }, this.onGroupSortChange = (t, s, o, e) => {
-      const r = Object.assign({}, o, { dir: e }), n = this.props.group.slice();
-      n.splice(s, 1, r), this.props.groupChange(n, t);
+      const r = Object.assign({}, o, { dir: e }), l = this.props.group.slice();
+      l.splice(s, 1, r), this.props.groupChange(l, t);
     };
   }
   render() {
-    const s = (this.props.group || []).map((o, e) => /* @__PURE__ */ l.createElement(
-      ts,
+    const s = (this.props.group || []).map((o, e) => /* @__PURE__ */ n.createElement(
+      ss,
       {
         key: e,
         index: e,
@@ -1264,8 +1263,8 @@ class ss extends l.Component {
         onRemove: (r) => {
           this.onGroupRemove(r, e);
         },
-        onSortChange: (r, n) => {
-          this.onGroupSortChange(r, e, o, n);
+        onSortChange: (r, l) => {
+          this.onGroupSortChange(r, e, o, l);
         },
         onPress: this.props.pressHandler,
         onDrag: this.props.dragHandler,
@@ -1273,24 +1272,24 @@ class ss extends l.Component {
         onContextMenu: this.props.onContextMenu
       }
     ));
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(
       "div",
       {
         ref: this.props.refCallback,
         className: "k-grouping-header",
         role: "toolbar",
-        "aria-label": G(this).toLanguageString(Be, k[Be]),
+        "aria-label": D(this).toLanguageString(We, k[We]),
         "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(Te, k[Te]), " ")
+      /* @__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]), " ")
     );
   }
 }
-M(ss);
-class br extends l.Component {
+M(rs);
+class vr extends n.Component {
   constructor() {
-    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = wt();
+    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = Ft();
   }
   componentDidMount() {
     this.setState({});
@@ -1310,13 +1309,13 @@ class br extends l.Component {
     this.table && (this.table.style.width = t + "px");
   }
   render() {
-    return this.props.staticHeaders ? /* @__PURE__ */ l.createElement(
+    return this.props.staticHeaders ? /* @__PURE__ */ n.createElement(
       "div",
       {
         className: "k-grid-footer",
         role: "presentation"
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           ref: (t) => {
@@ -1326,7 +1325,7 @@ class br extends l.Component {
           style: this.scrollbarWidth ? {} : { borderWidth: 0 },
           role: "presentation"
         },
-        /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement(
           "table",
           {
             ref: (t) => {
@@ -1342,26 +1341,26 @@ class br extends l.Component {
             ),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement("colgroup", { ref: (t) => {
+          /* @__PURE__ */ n.createElement("colgroup", { ref: (t) => {
             this.props.columnResize.colGroupFooter = t;
           }, role: "presentation" }, this.props.cols),
-          /* @__PURE__ */ l.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
+          /* @__PURE__ */ n.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
         )
       )
-    ) : /* @__PURE__ */ l.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
+    ) : /* @__PURE__ */ n.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
   }
 }
-class xr {
+class kr {
   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) => {
+    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)
         return { topItemsCount: 0, topItemsHeight: 0 };
-      const e = this.container.clientHeight, r = Math.ceil(e / s[0].line), n = Math.ceil((s.length - r) / 2);
+      const e = this.container.clientHeight, r = Math.ceil(e / s[0].line), l = Math.ceil((s.length - r) / 2);
       let a = 0;
-      for (let c = 0; c < n; c++)
+      for (let c = 0; c < l; c++)
         a += s[c].line + s[c].acc;
       return {
-        topItemsCount: n,
+        topItemsCount: l,
         topItemsHeight: a,
         itemsNeededOnScreen: r + r / 2
       };
@@ -1409,12 +1408,12 @@ class xr {
     const s = this.rowHeights, o = this.container.scrollTop;
     let e = this.tableTranslate, r = 0;
     const {
-      topItemsCount: n,
+      topItemsCount: l,
       topItemsHeight: a,
       itemsNeededOnScreen: c
     } = this.topItems(s, !!this.topCacheCount), h = o - e;
     if (!(h > a || s.length <= c)) {
-      for (; r < this.topCacheCount + this.attendedSkip - this.realSkip + n && this.propsSkip - r > 0 && !(e + (s[s.length - 1 - r].line + s[s.length - 1 - r].acc) + h <= o); )
+      for (; r < this.topCacheCount + this.attendedSkip - this.realSkip + l && this.propsSkip - r > 0 && !(e + (s[s.length - 1 - r].line + s[s.length - 1 - r].acc) + h <= o); )
         e -= s[s.length - 1 - r].line + s[s.length - 1 - r].acc, r++;
       if (r === 0 && this.topCacheCount === 0 && this.attendedSkip > 0 && (e = Math.max(e - s[0].line, 0), r = 1), this.propsSkip - r <= 0 && e > o) {
         this.translate(0), this.changePage(0, t), this.container.scrollTop = 0;
@@ -1422,7 +1421,7 @@ class xr {
       }
       if (e > o && (e = o), e !== this.tableTranslate) {
         this.translate(Math.max(0, e - a));
-        const d = Math.max(0, this.propsSkip - r - n);
+        const d = Math.max(0, this.propsSkip - r - l);
         this.changePage(d, t);
       }
     }
@@ -1433,13 +1432,13 @@ class xr {
     const s = this.rowHeights, o = this.container.scrollTop;
     let e = this.tableTranslate, r = 0;
     const {
-      topItemsCount: n,
+      topItemsCount: l,
       topItemsHeight: a,
       itemsNeededOnScreen: c
     } = this.topItems(s, !!this.topCacheCount);
     for (; r < s.length - this.topCacheCount && !(e + s[r].line + s[r].acc > o); )
       e += s[r].line + s[r].acc, r++;
-    n > this.propsSkip + r || s.length <= c || (r >= s.length - this.topCacheCount && this.propsSkip + r >= this.total ? (this.translate(e - a), this.changePage(this.total - 1 - n, t)) : e !== this.tableTranslate && this.propsSkip + r - n !== this.propsSkip && (this.translate(e - a), this.changePage(this.propsSkip + r - n, t)));
+    l > this.propsSkip + r || s.length <= c || (r >= s.length - this.topCacheCount && this.propsSkip + r >= this.total ? (this.translate(e - a), this.changePage(this.total - 1 - l, t)) : e !== this.tableTranslate && this.propsSkip + r - l !== this.propsSkip && (this.translate(e - a), this.changePage(this.propsSkip + r - l, t)));
   }
   scrollNonStrict(t) {
     const s = this.total * this.prevScrollPos / this.containerHeight;
@@ -1447,8 +1446,8 @@ class xr {
     o >= this.total && (o = this.total - 1);
     const e = Math.min(s - o, 1);
     let r = 0;
-    const n = o - this.propsSkip, a = this.rowHeights;
-    n >= 0 && n <= 1 ? r = -((a[0].line + a[0].acc) * e) : n === -1 && (r = -((a[a.length - 1].line + a[a.length - 1].acc) * e));
+    const l = o - this.propsSkip, a = this.rowHeights;
+    l >= 0 && l <= 1 ? r = -((a[0].line + a[0].acc) * e) : l === -1 && (r = -((a[a.length - 1].line + a[a.length - 1].acc) * e));
     const { topItemsCount: c, topItemsHeight: h } = this.topItems(a, !!this.topCacheCount);
     this.translate(Math.max(0, r - h - this.horizontalScrollbarHeight() + this.containerHeight * s / this.total)), this.changePage(o - c, t);
   }
@@ -1467,13 +1466,13 @@ class xr {
     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 vt {
+class Et {
   constructor(t = 0, s, o, e) {
     this.total = t, this.offsets = [], this.heights = [];
     let r = 0;
-    for (let n = 0; n < t; n++) {
+    for (let l = 0; l < t; l++) {
       this.offsets.push(r);
-      const a = e && e[n].expanded && e[n].rowType === "data" ? o : s;
+      const a = e && e[l].expanded && e[l].rowType === "data" ? o : s;
       r += a, this.heights.push(a);
     }
   }
@@ -1501,15 +1500,15 @@ class vt {
     return t + s;
   }
 }
-class kt {
+class St {
   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);
+    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.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.reactVersion = Number.parseFloat(n.version), this.firstLoaded = this.pageSize, this.lastLoaded = this.realSkip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
   }
   get container() {
     return this.containerRef.current;
   }
   translate(t, s) {
-    this.scrollableVirtual && this.table && (Ne || this.reactVersion <= 17 || s ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+    this.scrollableVirtual && this.table && (De || 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);
@@ -1526,11 +1525,11 @@ class kt {
     }
     const s = this.container.scrollTop, o = this.lastScrollTop >= s, e = !o;
     this.lastScrollTop = s;
-    let r = this.rowHeightService.index(s), n = this.rowHeightService.offset(r);
+    let r = this.rowHeightService.index(s), l = this.rowHeightService.offset(r);
     const { offsetHeight: a } = this.containerRef.current, c = this.rowHeightService.index(s + a);
     if (e && c >= this.lastLoaded && this.lastLoaded < this.total) {
       const h = r + this.pageSize - this.total;
-      h > 0 && (r = r - h, n = this.rowHeightService.offset(r)), this.firstLoaded = r, this.translate(n);
+      h > 0 && (r = r - h, l = this.rowHeightService.offset(r)), this.firstLoaded = r, this.translate(l);
       let d = this.firstLoaded + this.pageSize;
       this.lastLoaded = Math.min(d, this.total), this.changePage(this.firstLoaded, t);
     } else if (o && r < this.firstLoaded) {
@@ -1539,14 +1538,14 @@ class kt {
     }
   }
 }
-const vr = 1, kr = 20;
-class Er {
+const Er = 1, Sr = 20;
+class Ir {
   constructor(t) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (s) => {
       this.isRtl = s;
     }, this.dragHandler = (s, o, e, r) => {
-      const n = s.originalEvent;
-      r || (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation());
+      const l = s.originalEvent;
+      r || (l.preventDefault(), l.stopPropagation(), l.stopImmediatePropagation());
       const a = e.closest("th");
       if (!a || !a)
         return;
@@ -1556,17 +1555,17 @@ class Er {
         return;
       this.fixateInitialWidths(a.parentElement.clientWidth), this.setWidths(o, Math.floor(h) / c);
       const d = this.columns.filter((g) => !g.children.length).findIndex((g) => g.id === o.id);
-      this.onResize(d, c, h, n, r, o.id);
+      this.onResize(d, c, h, l, r, o.id);
     }, this.dblClickHandler = (s, o) => {
       const e = this.columns.filter((m) => o.indexOf(m.id) > -1);
       if (!this.colGroupMain || !e.length)
         return;
-      const r = {}, n = e;
-      for (; n.length > 0; ) {
-        const m = n.pop();
+      const r = {}, l = e;
+      for (; l.length > 0; ) {
+        const m = l.pop();
         if (!m)
           break;
-        m.children.length ? n.push(...m.children) : r[m.id] = m;
+        m.children.length ? l.push(...m.children) : r[m.id] = m;
       }
       const a = this.columns.filter((m) => !m.children.length), c = [];
       a.forEach((m, u) => {
@@ -1577,7 +1576,7 @@ class Er {
       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 + vr));
+          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + Er));
         });
       }), d.forEach((m) => {
         c.forEach((u) => {
@@ -1588,14 +1587,14 @@ class Er {
       const o = this.columns.filter((r) => !r.children.length);
       let e = 1e-10;
       for (let r = 0; r < s.length; r++) {
-        const n = s[r], a = o.findIndex((g) => g.id === n.id), c = parseFloat((n.width || 0).toString()), h = Math.floor(c);
+        const l = s[r], a = o.findIndex((g) => g.id === l.id), c = parseFloat((l.width || 0).toString()), h = Math.floor(c);
         e += c - h;
         const d = h + Math.floor(e);
         if (e -= Math.floor(e), this.colGroupMain && this.colGroupMain.children[a]) {
           const g = parseInt(this.colGroupMain.children[a].width, 10);
           this.colGroupMain.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupMain.parentElement,
-            n,
+            l,
             g - d
           );
         }
@@ -1603,7 +1602,7 @@ class Er {
           const g = parseInt(this.colGroupHeader.children[a].width, 10);
           this.colGroupHeader.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupHeader.parentElement,
-            n,
+            l,
             g - d
           );
         }
@@ -1611,7 +1610,7 @@ class Er {
           const g = parseInt(this.colGroupFooter.children[a].width, 10);
           this.colGroupFooter.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupFooter.parentElement,
-            n,
+            l,
             g - d
           );
         }
@@ -1619,34 +1618,34 @@ class Er {
     }, this.onResize = t;
   }
   fixateInitialWidths(t) {
-    const s = this.columns.filter((n) => !n.children.length);
+    const s = this.columns.filter((l) => !l.children.length);
     let o = 0, e = this.colGroupMain ? this.colGroupMain.children : [];
-    for (let n = 0; n < e.length; n++)
-      e[n].width ? t -= parseFloat(e[n].width) : o++;
+    for (let l = 0; l < e.length; l++)
+      e[l].width ? t -= parseFloat(e[l].width) : o++;
     if (o === 0)
       return;
     const r = Math.floor(t / o);
-    for (let n = 0; n < e.length; n++) {
-      const a = e[n];
-      a.width || (a.width = r, s[n].width = r.toString(), this.colGroupHeader && (this.colGroupHeader.children[n].width = r), this.colGroupFooter && (this.colGroupFooter.children[n].width = r));
+    for (let l = 0; l < e.length; l++) {
+      const a = e[l];
+      a.width || (a.width = r, s[l].width = r.toString(), this.colGroupHeader && (this.colGroupHeader.children[l].width = r), this.colGroupFooter && (this.colGroupFooter.children[l].width = r));
     }
   }
   setWidths(t, s) {
-    const o = this.columns.findIndex((n) => n.id === t.id), e = [];
+    const o = this.columns.findIndex((l) => l.id === t.id), e = [];
     let r = t.children.length;
-    for (let n = o + 1; r > 0 && n < this.columns.length; n++, r--) {
-      const a = this.columns[n];
+    for (let l = o + 1; r > 0 && l < this.columns.length; l++, r--) {
+      const a = this.columns[l];
       a.children.length ? r += a.children.length : e.push(a);
     }
-    return e.length === 0 && e.push(t), e.forEach((n) => {
-      let a = n.width ? parseFloat(n.width.toString()) * s : 0;
-      const c = n.minResizableWidth === void 0 ? 10 : n.minResizableWidth;
-      a < c && (a = c), n.width = a;
+    return e.length === 0 && e.push(t), e.forEach((l) => {
+      let a = l.width ? parseFloat(l.width.toString()) * s : 0;
+      const c = l.minResizableWidth === void 0 ? 10 : l.minResizableWidth;
+      a < c && (a = c), l.width = a;
     }), this.updateColElements(e), e;
   }
   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 + kr || this.columns.forEach((c) => {
+    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) => {
       if (c != null && c.locked && o) {
         const h = t == null ? void 0 : t.querySelectorAll('[aria-colindex="' + c.ariaColumnIndex + '"]');
         h == null || h.forEach((d) => {
@@ -1657,31 +1656,31 @@ class Er {
     });
   }
 }
-class Ir {
+class yr {
   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.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;
     }, this.pressHandler = (e, r) => {
-      const n = this.getColumnIndex(e, r);
-      if (this.startGroup = this.getGroupIndex(e), n >= 0) {
-        const a = this.columns[n];
-        (a.reorderable && this.reorderable || a.groupable && this.groupable) && (this.startColumn = n);
+      const l = this.getColumnIndex(e, r);
+      if (this.startGroup = this.getGroupIndex(e), l >= 0) {
+        const a = this.columns[l];
+        (a.reorderable && this.reorderable || a.groupable && this.groupable) && (this.startColumn = l);
       }
     }, this.dragHandler = (e, r) => {
       if (e.isTouch || e.originalEvent.preventDefault(), e.originalEvent.stopPropagation(), this.startColumn === -1 && this.startGroup === -1)
         return;
       this.currentColumn = this.getColumnIndex(e, r);
-      const n = this.groupPanelDivElement && this.groupPanelDivElement.children;
-      this.currentGroup = this.isTargetGroupingContainer(e) ? n && n.length ? n.length : 0 : this.getGroupIndex(e);
+      const l = this.groupPanelDivElement && this.groupPanelDivElement.children;
+      this.currentGroup = this.isTargetGroupingContainer(e) ? l && l.length ? l.length : 0 : this.getGroupIndex(e);
       const a = !this.isValid();
       a && (this.currentColumn = -1, this.currentGroup = -1);
       const c = this.currentColumn >= 0 ? r.children[this.columns[this.currentColumn].index] : this.isTargetGroupingContainer(e) ? e.originalEvent.target : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
       this.updateDragElementClue(e, r, c, a), this.updateDropElementClue(e, r, c, a);
     }, this.releaseHandler = (e) => {
-      const r = this.startColumn, n = this.currentColumn, a = this.startGroup, c = this.currentGroup;
+      const r = this.startColumn, l = this.currentColumn, a = this.startGroup, c = this.currentGroup;
       e.originalEvent.preventDefault(), this.dropElementClue && this.dropElementClue.setState({ visible: !1 }), this.dragElementClue && this.dragElementClue.setState({ visible: !1 });
       const h = this.isValid();
-      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, h && (r >= 0 && n >= 0 ? this.columnReorder(r, n, e.originalEvent) : a >= 0 && c >= 0 ? this.groupReorder(a, c, e.originalEvent) : r >= 0 && c >= 0 && this.columnToGroup(r, c, e.originalEvent));
+      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, h && (r >= 0 && l >= 0 ? this.columnReorder(r, l, e.originalEvent) : a >= 0 && c >= 0 ? this.groupReorder(a, c, e.originalEvent) : r >= 0 && c >= 0 && this.columnToGroup(r, c, e.originalEvent));
     }, this.columnReorder = t, this.groupReorder = s, this.columnToGroup = o;
   }
   get dragClueRef() {
@@ -1699,7 +1698,7 @@ class Ir {
   getColumnIndex(t, s) {
     if (!s || s.parentElement === this.groupPanelDivElement)
       return -1;
-    const o = ct(t, s);
+    const o = dt(t, s);
     if (o === -1)
       return -1;
     for (let e = 0; e < s.parentNode.children.length; e++)
@@ -1712,7 +1711,7 @@ class Ir {
     return s.className.indexOf ? s.className.indexOf("k-grouping-drop-container") !== -1 : !1;
   }
   getGroupIndex(t) {
-    return ct(t, this.groupPanelDivElement);
+    return dt(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;
@@ -1748,21 +1747,21 @@ class Ir {
     });
   }
 }
-const Sr = (i) => {
+const wr = (i) => {
   let t = null;
-  const s = Ts(), o = q(i.id), e = l.useCallback((h) => {
+  const s = Ms(), 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, n = null;
+  let r = null, l = null;
   if (i.rowType === "groupFooter")
     r = {
       onContextMenu: e,
       className: i.className
-    }, t = /* @__PURE__ */ l.createElement("td", { ...r });
+    }, t = /* @__PURE__ */ n.createElement("td", { ...r });
   else if (i.rowType !== "groupHeader") {
     if (i.field !== void 0) {
-      const d = T(i.field, i.dataItem);
-      d != null && (n = i.format ? s.format(i.format, d) : d.toString());
+      const d = G(i.field, i.dataItem);
+      d != null && (l = i.format ? s.format(i.format, d) : d.toString());
     }
     const h = y(
       "k-table-td",
@@ -1779,36 +1778,36 @@ const Sr = (i) => {
       "aria-selected": i.isSelected,
       [se]: i.columnIndex,
       ...o
-    }, t = /* @__PURE__ */ l.createElement("td", { ...r }, n);
+    }, t = /* @__PURE__ */ n.createElement("td", { ...r }, l);
   }
   const a = i.rowType || "data", c = i.cells;
   if (c && c[a]) {
     const h = c[a];
-    return /* @__PURE__ */ l.createElement(h, { ...i, tdProps: r }, n);
+    return /* @__PURE__ */ n.createElement(h, { ...i, tdProps: r }, l);
   }
   return i.render ? i.render.call(void 0, t, i) : t;
-}, Et = (i) => {
+}, It = (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 = Tt();
-  let x = null, I = null, v = null;
-  const _ = l.useCallback(
+  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: l, field: a, onChange: c, expanded: h, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = i, b = a || "", E = q(i.id), C = Ue();
+  let x = null, S = null, v = null;
+  const _ = n.useCallback(
     (F) => {
-      F.isDefaultPrevented() || F.keyCode === me.enter && c && (F.preventDefault(), c({
-        dataItem: n,
+      F.isDefaultPrevented() || F.keyCode === Ce.enter && c && (F.preventDefault(), c({
+        dataItem: l,
         dataIndex: g,
         syntheticEvent: F,
         field: void 0,
         value: !h
       }));
     },
-    [h, c, n, g]
-  ), D = l.useCallback((F) => {
+    [h, c, l, g]
+  ), T = n.useCallback((F) => {
     i.onContextMenu && i.onContextMenu.call(void 0, F, i.dataItem, i.field);
-  }, [i.onContextMenu, i.dataItem, i.field]), he = (F, ve) => {
-    const de = h ? Wt : Bt, ke = C.toLanguageString(de, k[de]);
+  }, [i.onContextMenu, i.dataItem, i.field]), de = (F, ke) => {
+    const pe = h ? Kt : Wt, Ee = C.toLanguageString(pe, k[pe]);
     return x = {
       className: "k-table-td",
-      style: { ...i.style, ...ve },
+      style: { ...i.style, ...ke },
       colSpan: F,
       key: "g-colspan",
       role: "gridcell",
@@ -1816,14 +1815,14 @@ const Sr = (i) => {
       ["aria-expanded"]: h,
       ["aria-colindex"]: m,
       onKeyDown: _,
-      onContextMenu: D,
+      onContextMenu: T,
       ...E
-    }, v = /* @__PURE__ */ l.createElement("p", { className: "k-reset" }, /* @__PURE__ */ l.createElement(
+    }, v = /* @__PURE__ */ n.createElement("p", { className: "k-reset" }, /* @__PURE__ */ n.createElement(
       "a",
       {
         onClick: (J) => {
           J.preventDefault(), c && c({
-            dataItem: n,
+            dataItem: l,
             dataIndex: g,
             syntheticEvent: J,
             field: void 0,
@@ -1832,16 +1831,16 @@ const Sr = (i) => {
         },
         href: "#",
         tabIndex: -1,
-        "aria-label": ke
+        "aria-label": Ee
       },
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         O,
         {
           name: h ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
-          icon: h ? Ls : u ? Os : _s
+          icon: h ? _s : u ? Ps : As
         }
       )
-    ), n[b] instanceof Date && n[b].toString ? n[b].toString() : n[b]), /* @__PURE__ */ l.createElement(
+    ), l[b] instanceof Date && l[b].toString ? l[b].toString() : l[b]), /* @__PURE__ */ n.createElement(
       "td",
       {
         ...x,
@@ -1850,7 +1849,7 @@ const Sr = (i) => {
       v
     );
   };
-  s === void 0 || o === void 0 || s < o || e === void 0 || r !== "groupHeader" || n[b] === void 0 ? (x = {
+  s === void 0 || o === void 0 || s < o || e === void 0 || r !== "groupHeader" || l[b] === void 0 ? (x = {
     style: i.style,
     key: "g" + s,
     className: y(
@@ -1859,33 +1858,33 @@ const Sr = (i) => {
       { "k-grid-content-sticky": i.locked }
     ),
     role: "gridcell",
-    onContextMenu: D
-  }, t = /* @__PURE__ */ l.createElement(
+    onContextMenu: T
+  }, t = /* @__PURE__ */ n.createElement(
     "td",
     {
       ...x,
       key: x.key
     }
-  )) : s <= o && !i.locked ? t = he(e - s, {}) : s <= o && i.locked && (I = {
+  )) : s <= o && !i.locked ? t = de(e - s, {}) : s <= o && i.locked && (S = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: e - s,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
-    onContextMenu: D
-  }, t = /* @__PURE__ */ l.createElement(l.Fragment, null, he(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ l.createElement(
+    onContextMenu: T
+  }, t = /* @__PURE__ */ n.createElement(n.Fragment, null, de(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ n.createElement(
     "td",
     {
-      ...I
+      ...S
     }
   )));
   const Y = i.rowType || "data", $ = i.cells;
   if ($ && $.group && $.group[Y]) {
     const F = $.group[Y];
-    return /* @__PURE__ */ l.createElement(F, { ...i, tdProps: x, td2Props: I }, v);
+    return /* @__PURE__ */ n.createElement(F, { ...i, tdProps: x, td2Props: S }, v);
   }
   return d ? d.call(void 0, t, i) : t;
 };
-class yr extends l.Component {
+class Rr extends n.Component {
   /**
    * @hidden
    */
@@ -1900,7 +1899,7 @@ class yr extends l.Component {
         "k-selected": this.props.isSelected,
         "k-grid-edit-row": this.props.isInEdit
       }
-    ), s = /* @__PURE__ */ l.createElement(
+    ), s = /* @__PURE__ */ n.createElement(
       "tr",
       {
         id: this.props.id,
@@ -1915,50 +1914,51 @@ class yr extends l.Component {
         "aria-rowindex": this.props.ariaRowIndex,
         "absolute-row-index": this.props.absoluteRowIndex,
         key: this.props.absoluteRowIndex,
-        [nr]: this.props.rowType === "data" ? this.props.dataIndex : void 0
+        [cr]: 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 wr extends l.Component {
+class is extends n.Component {
   get _inputId() {
     return this.props.id;
   }
   render() {
-    const { columnMenuWrapperProps: t } = this.props, s = [
-      /* @__PURE__ */ l.createElement("span", { key: 0, className: "k-checkbox-wrap" }, /* @__PURE__ */ l.createElement(
+    const t = D(this), { columnMenuWrapperProps: s } = this.props, o = [
+      /* @__PURE__ */ n.createElement("span", { key: 0, className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
         "input",
         {
-          checked: this.props.selectionValue,
           id: this._inputId,
           type: "checkbox",
           className: "k-checkbox k-checkbox-md k-rounded-md",
-          onChange: (o) => this.props.selectionChange({
+          "aria-label": t.toLanguageString(le, k[le]),
+          "aria-checked": this.props.selectionValue,
+          onChange: (e) => this.props.selectionChange({
             field: this.props.field,
-            syntheticEvent: o
+            syntheticEvent: e
           })
         }
       )),
-      /* @__PURE__ */ l.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: this._inputId }),
-      t.columnMenu && /* @__PURE__ */ l.createElement(qt, { ...t })
+      s.columnMenu && /* @__PURE__ */ n.createElement($t, { ...s })
     ];
-    return this.props.render ? this.props.render.call(void 0, s, this.props) : s;
+    return this.props.render ? this.props.render.call(void 0, o, this.props) : o;
   }
 }
-const Rr = Ft(wr);
-class je extends l.Component {
+M(is);
+const Fr = Dt(is);
+class Ye extends n.Component {
   /**
    * @hidden
    */
   render() {
-    return this.props.children || G(this).toLanguageString(De, k[De]);
+    return this.props.children || D(this).toLanguageString(Te, k[Te]);
   }
 }
-je.displayName = "KendoReactGridNoRecords";
-M(je);
-class Fr extends l.Component {
+Ye.displayName = "KendoReactGridNoRecords";
+M(Ye);
+class Nr extends n.Component {
   constructor() {
     super(...arguments), this._element = null, this.renderCell = (t, s) => {
       const o = {
@@ -1975,29 +1975,29 @@ class Fr extends l.Component {
         field: t.field,
         ariaColumnIndex: t.ariaColumnIndex,
         ...o
-      }, r = be(this.props.cells, t.cells);
+      }, r = xe(this.props.cells, t.cells);
       if (r && r.footerCell) {
-        const n = r.footerCell;
-        return /* @__PURE__ */ l.createElement(n, { ...e, tdProps: o, index: s });
+        const l = r.footerCell;
+        return /* @__PURE__ */ n.createElement(l, { ...e, tdProps: o, index: s });
       }
-      return t.footerCell && /* @__PURE__ */ l.createElement(t.footerCell, { ...e, key: s }) || /* @__PURE__ */ l.createElement("td", { ...o });
+      return t.footerCell && /* @__PURE__ */ n.createElement(t.footerCell, { ...e, key: s }) || /* @__PURE__ */ n.createElement("td", { ...o });
     };
   }
   get element() {
     return this._element;
   }
   render() {
-    return /* @__PURE__ */ l.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, $s(this.props.columns).map(this.renderCell));
+    return /* @__PURE__ */ n.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, Xs(this.props.columns).map(this.renderCell));
   }
 }
-const Nr = ({
+const Dr = ({
   buttonCount: i = 10,
   info: t = !0,
   type: s = "numeric",
   pageSizes: o = void 0,
   previousNext: e = !0,
   responsive: r = void 0,
-  pageSizeValue: n = void 0
+  pageSizeValue: l = void 0
 }) => ({
   buttonCount: i,
   info: t,
@@ -2005,19 +2005,19 @@ const Nr = ({
   previousNext: e,
   responsive: r !== !1,
   type: s,
-  pageSizeValue: n
-}), Dr = (i) => Nr(i === !0 ? {} : i), It = {
+  pageSizeValue: l
+}), Tr = (i) => Dr(i === !0 ? {} : i), yt = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1707746537,
+  publishDate: 1707987434,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Tr = (i) => {
-  const { colSpan: t, ariaColIndex: s, dataItem: o, dataIndex: e, id: r } = i, n = q(r), a = l.useCallback((c) => {
+}, Gr = (i) => {
+  const { colSpan: t, ariaColIndex: s, dataItem: o, dataIndex: e, id: r } = i, l = q(r), a = n.useCallback((c) => {
     i.onContextMenu && i.onContextMenu.call(void 0, c, i.dataItem);
   }, [i.onContextMenu, i.dataItem]);
-  return /* @__PURE__ */ l.createElement(
+  return /* @__PURE__ */ n.createElement(
     "td",
     {
       onContextMenu: a,
@@ -2025,20 +2025,20 @@ const Nr = ({
       colSpan: t,
       "aria-colindex": s,
       role: "gridcell",
-      ...n
+      ...l
     },
-    /* @__PURE__ */ l.createElement(i.detail, { dataItem: o, dataIndex: e })
+    /* @__PURE__ */ n.createElement(i.detail, { dataItem: o, dataIndex: e })
   );
-}, Gr = (i) => {
+}, Mr = (i) => {
   const t = q(i.id);
-  return /* @__PURE__ */ l.createElement("td", { className: "k-table-td k-hierarchy-cell", ...t, role: "gridcell" });
+  return /* @__PURE__ */ n.createElement("td", { className: "k-table-td k-hierarchy-cell", ...t, role: "gridcell" });
 };
-let ce = class extends l.Component {
+let he = class extends n.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) => {
+    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 = n.createRef(), this.headerElementRef = n.createRef(), this._element = null, this.tableElement = null, this.containerRef = n.createRef(), this.tableBodyRef = n.createRef(), this._footer = null, this.forceUpdateTimeout = void 0, this.isRtl = !1, this.observer = null, this.handleIntersection = (e) => {
       const r = { rowIndex: this.rowIndex };
-      e.forEach((n) => {
-        n.isIntersecting || this.setCurrentOnTop(r);
+      e.forEach((l) => {
+        l.isIntersecting || this.setCurrentOnTop(r);
       });
     }, this.setCurrentOnTop = (e) => {
       if (!this.vs.container || this.props.scrollable === "none")
@@ -2048,35 +2048,35 @@ let ce = class extends l.Component {
       if (this.props.scrollable === "virtual")
         this.vs.askedSkip = r, this.vs.container.scroll(0, Math.round(this.vs.askedSkip / this.vs.total * this.vs.container.scrollHeight));
       else if (this.element) {
-        const n = r < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${r + 1})`);
-        n && this.containerRef.current && (this.containerRef.current.scrollTop = n.offsetTop);
+        const l = r < 1 ? this.element.querySelector("tbody > tr:nth-child(1)") : this.element.querySelector(`tbody > tr:nth-child(${r + 1})`);
+        l && this.containerRef.current && (this.containerRef.current.scrollTop = l.offsetTop);
       }
     }, this.scrollIntoView = (e) => {
       if (!this.vs.container || this.props.scrollable === "none")
         return;
       this.rowIndex = e.rowIndex;
-      const { rowIndex: r } = e, n = this.element;
-      if (this.observer && n) {
+      const { rowIndex: r } = e, l = this.element;
+      if (this.observer && l) {
         this.observer.disconnect();
-        const a = n.querySelector(`[absolute-row-index="${r}"]`);
+        const a = l.querySelector(`[absolute-row-index="${r}"]`);
         a ? this.observer.observe(a) : this.setCurrentOnTop(e);
       }
     }, this.fitColumns = (e) => {
       this.columnResize.dblClickHandler(null, e);
-    }, this.onContextMenu = (e, r, n) => {
+    }, this.onContextMenu = (e, r, l) => {
       if (this.props.onContextMenu) {
         const a = {
           target: this,
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           dataItem: r,
-          field: n
+          field: l
         };
         this.props.onContextMenu.call(void 0, a);
       }
     }, 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) ? xr : kt;
+      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;
     }, this.isAllData = () => {
       const { data: e, total: r } = this.props;
       return Array.isArray(e) ? e.length === r : e ? r === e.total : !1;
@@ -2089,35 +2089,35 @@ let ce = class extends l.Component {
         this.props.sort,
         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 = Ne ? Math.min(bt, n) : n;
+        const l = this.props.rowHeight * e;
+        this.vs.containerHeight = De ? Math.min(vt, l) : l;
       } 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 kt) {
-        const { rowHeight: n = 0, detail: a, expandField: c } = this.props;
+      if (this.vs.containerRef = this.containerRef, this.vs.tableBodyRef = this.tableBodyRef, this.vs.table = this.tableElement, this._slicedData = void 0, this.vs instanceof St) {
+        const { rowHeight: l = 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 vt(e, n, h);
+        h = a && c ? h : l, 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, l, h, this._data)) : this.vs.rowHeightService = new Et(e, l, h);
         const d = this.vs.rowHeightService.totalHeight();
-        this.vs.containerHeight = Ne ? Math.min(bt, d) : d;
+        this.vs.containerHeight = De ? Math.min(vt, d) : d;
       }
     }, this.scrollHandler = (e) => {
       if (e.target !== e.currentTarget)
         return;
       clearTimeout(this.forceUpdateTimeout), this.vs.table = this.tableElement;
-      const r = e.currentTarget.scrollLeft, n = e.currentTarget.scrollTop;
-      this.props.columnVirtualization && (!this.vs.scrollableVirtual || n === this.wrapperScrollTop) && (this.forceUpdateTimeout = window.setTimeout(() => {
+      const r = e.currentTarget.scrollLeft, l = e.currentTarget.scrollTop;
+      this.props.columnVirtualization && (!this.vs.scrollableVirtual || l === 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), fs(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 && l !== this.wrapperScrollTop && this.vs.scrollHandler(e), Cs(this.props.onScroll, e, this, void 0), this.wrapperScrollTop = l;
     }, this.onKeyDown = (e) => {
       if (X.onKeyDown(e, {
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef,
         onNavigationAction: this.onNavigationAction
       }), this.props.onKeyDown) {
-        const { mode: r, cell: n } = ht(this.props.selectable), a = {
+        const { mode: r, cell: l } = pt(this.props.selectable), a = {
           dataItems: this.getLeafDataItems(),
           mode: r,
-          cell: n,
+          cell: l,
           componentId: this._gridId,
           selectedField: this.props.selectedField,
           ...this.getArguments(e)
@@ -2155,8 +2155,8 @@ let ce = class extends l.Component {
     }, this.itemChange = (e) => {
       const r = this.props.onItemChange;
       if (e.field === this.props.expandField || this.props.group && e.field === void 0) {
-        const n = this.props.onExpandChange;
-        n && n.call(
+        const l = this.props.onExpandChange;
+        l && l.call(
           void 0,
           {
             ...this.getArguments(e.syntheticEvent),
@@ -2201,13 +2201,13 @@ let ce = class extends l.Component {
         };
         this.props.onSelectionChange.call(void 0, r);
       }
-    }, this.pageChange = (e, r, n) => {
+    }, this.pageChange = (e, r, l) => {
       this.raiseDataEvent(
         this.props.onPageChange,
         { page: e },
         { skip: e.skip, take: e.take },
         r,
-        n
+        l
       );
     }, this.pagerPageChange = (e) => {
       this.pageChange({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
@@ -2226,12 +2226,12 @@ let ce = class extends l.Component {
         r
       );
     }, this.groupChange = (e, r) => {
-      const n = r.nativeEvent ? r : { nativeEvent: r.nativeEvent || r.originalEvent };
+      const l = r.nativeEvent ? r : { nativeEvent: r.nativeEvent || r.originalEvent };
       this.raiseDataEvent(
         this.props.onGroupChange,
         { group: e },
         { group: e, skip: 0 },
-        n
+        l
       );
     }, this.onClipboard = (e, r) => {
       if (this.props.onClipboard) {
@@ -2250,11 +2250,11 @@ let ce = class extends l.Component {
       }
     }, this.inActiveElement = () => {
       var c, h, d;
-      if (!ye)
+      if (!we)
         return !1;
-      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) => {
+      const e = bs(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, l = r.closest(".k-grid-container"), a = r && ((d = this._element) == null ? void 0 : d.contains(r));
+      return !!(r && a && l);
+    }, this.onResize = (e, r, l, a, c, h) => {
       this.resetTableWidth(), this._shouldUpdateLeftRight = !0, this._resized = !0, this._columnsMutations++, this.props.onColumnResize && this.props.onColumnResize.call(
         void 0,
         {
@@ -2263,35 +2263,35 @@ let ce = class extends l.Component {
           targetColumnId: h,
           index: e,
           newWidth: r,
-          oldWidth: n,
+          oldWidth: l,
           end: c,
           target: this
         }
       );
-    }, this.reInitVirtualization = B((e, r, n, a, c, h) => {
+    }, this.reInitVirtualization = B((e, r, l, a, c, h) => {
       this.vs.reset();
       const d = this.getVirtualScroll(this.props);
       this.vs = new d(h);
-    }), this.flatData = B((e, r, n, a, c, h, d) => {
-      const g = [], m = Lt(
+    }), this.flatData = B((e, r, l, a, c, h, d) => {
+      const g = [], m = Ot(
         g,
         e,
         r,
-        { index: n },
+        { index: l },
         a !== void 0,
         c
       );
       return { flattedData: g, resolvedGroupsCount: m };
-    }), 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) => {
+    }), this.rowHeightService = B((e, r, l, a, c) => new Et(r, l, a, c)), this.childrenToArray = B((e) => n.Children.toArray(e)), this.readColumns = B(
+      (e, r, l) => {
         const a = e.filter((c) => c && c.type && c.type.displayName === "KendoReactGridColumn");
-        return Ot(a, this.columns, { prevId: 0, idPrefix: r });
+        return _t(a, this.columns, { prevId: 0, idPrefix: r });
       }
     ), this.mapColumns = B(
-      (e) => ys(e)
-    ), this.configureColumns = B((e, r, n) => {
+      (e) => Rs(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 || js, h.headerCell = h.headerCell || Rr;
+        h.width = h.width || "50px", h.cell = h.cell || lr, h.headerCell = h.headerCell || Fr;
       });
       const a = {
         id: "",
@@ -2315,28 +2315,28 @@ let ce = class extends l.Component {
       let c = 0;
       this.props.expandField && this.props.onExpandChange && this.props.detail && (e.unshift({
         ...a,
-        cell: lr,
+        cell: ar,
         field: this.props.expandField,
         headerClassName: "k-hierarchy-cell k-header",
-        id: z.generateNavigatableId(`${this._columns.length}`, n, "column")
+        id: z.generateNavigatableId(`${this._columns.length}`, l, "column")
       }), c++);
       for (let h = 0; h < r; h++)
         e.unshift({
           ...a,
           isAccessible: !1,
-          cell: Et,
+          cell: It,
           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(
-      $t,
+    }), this.getHeaderRow = B((e, r, l, a, c, h, d, g, m, u, b, E) => /* @__PURE__ */ n.createElement(
+      jt,
       {
         cells: this.props.cells,
         sort: e,
         sortable: r,
         sortChange: this.sortChange,
-        group: n || [],
+        group: l || [],
         groupable: a,
         groupChange: this.groupChange,
         filter: c,
@@ -2358,15 +2358,15 @@ let ce = class extends l.Component {
         containerRef: this.containerRef
       }
     )), 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), Cs(It), this.showLicenseWatermark = bs(It);
+      const r = this._columns.find((a) => a.field === e), l = r && (r.title || r.field);
+      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 Ir(
+    this.vs = new o(s || t.rowHeight === void 0 || t.rowHeight === 0), this.dragLogic = new yr(
       this.columnReorder.bind(this),
       this.groupReorder.bind(this),
       this.columnToGroup.bind(this)
-    ), this.columnResize = new Er(this.onResize), this.props.clipboard && (this.clipboardService = new ws(this.onClipboard)), X.onConstructor({
+    ), this.columnResize = new Ir(this.onResize), this.props.clipboard && (this.clipboardService = new Fs(this.onClipboard)), X.onConstructor({
       navigatable: !!t.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -2415,7 +2415,7 @@ let ce = class extends l.Component {
   // tslint:enable:max-line-length
   get columns() {
     const t = this._columns.filter((s) => s.declarationIndex >= 0 && s.parentIndex === -1);
-    return _t(t);
+    return Pt(t);
   }
   /**
    * Returns the HTML element of the Grid component.
@@ -2424,7 +2424,7 @@ let ce = class extends l.Component {
     return this._element;
   }
   get document() {
-    if (ye)
+    if (we)
       return this.element && this.element.ownerDocument || document;
   }
   get _header() {
@@ -2437,8 +2437,8 @@ let ce = class extends l.Component {
    * @hidden
    */
   componentDidMount() {
-    this.resetTableWidth(), nt();
-    const t = Nt(this.element);
+    this.resetTableWidth(), ct();
+    const t = Tt(this.element);
     this.isRtl = t, X.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
@@ -2448,7 +2448,7 @@ let ce = class extends l.Component {
       rootMargin: "0px",
       threshold: 0.9
     };
-    this.clipboardService && this.clipboardService.addEventListeners(this.document), this.observer = ye && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
+    this.clipboardService && this.clipboardService.addEventListeners(this.document), this.observer = we && window.IntersectionObserver && new window.IntersectionObserver(this.handleIntersection, s) || null;
   }
   /**
    * @hidden
@@ -2464,7 +2464,7 @@ let ce = class extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    this.resetTableWidth(), nt(), this.vs.tableTransform && this.vs.table && (this.vs.table.style.transform = this.vs.tableTransform, this.vs.tableTransform = ""), X.onComponentDidUpdate({
+    this.resetTableWidth(), ct(), 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
@@ -2480,12 +2480,12 @@ let ce = class extends l.Component {
    * @hidden
    */
   render() {
-    var ot;
+    var lt;
     let t = this.props.total || 0;
     const s = z.getIdPrefix(this.navigationStateRef);
     let o = [];
     Array.isArray(this.props.data) ? (o = this.props.data, t = t || this.props.data.length) : this.props.data && (o = this.props.data.data, t = t || this.props.data.total);
-    const e = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: r, flattedData: n } = this.flatData(
+    const e = typeof this.props.groupable == "object" && this.props.groupable.footer || "none", { resolvedGroupsCount: r, flattedData: l } = this.flatData(
       o,
       e,
       this.props.skip || 0,
@@ -2494,15 +2494,15 @@ let ce = class extends l.Component {
       this.props.filter,
       this.props.sort
     );
-    this._data = n;
+    this._data = l;
     const a = this.props.groupable === !0 || typeof this.props.groupable == "object" && this.props.groupable.enabled !== !1;
     this.columnResize.resizable = this.props.resizable || !1, this.dragLogic.reorderable = this.props.reorderable || !1, this.dragLogic.groupable = a;
     const c = this.props.selectable && this.props.selectable.drag ? "none" : void 0;
     this.initializeVirtualization(t, a);
     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(
-      ss,
+    const d = h.map((f) => f && f.type && f.type.displayName === "KendoReactGridToolbar" ? n.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__ */ n.createElement(
+      rs,
       {
         group: this.props.group || [],
         groupChange: this.groupChange,
@@ -2514,8 +2514,8 @@ let ce = class extends l.Component {
         ariaControls: this._gridId,
         onContextMenu: this.onContextMenu
       }
-    ), { sort: E, sortable: C, group: x, filter: I, filterable: v, filterOperators: _ = xt, headerCellRender: D, columnMenu: he } = this.props, Y = /* @__PURE__ */ l.createElement(
-      cr,
+    ), { sort: E, sortable: C, group: x, filter: S, filterable: v, filterOperators: _ = kt, headerCellRender: T, columnMenu: de } = this.props, Y = /* @__PURE__ */ n.createElement(
+      dr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
@@ -2529,23 +2529,23 @@ let ce = class extends l.Component {
           C,
           x,
           a,
-          I,
+          S,
           v,
           _,
-          D,
-          he,
+          T,
+          de,
           this._columns,
           this._columnsMap,
           this.isRtl
         ),
-        filterRow: this.props.filterable && /* @__PURE__ */ l.createElement(
-          es,
+        filterRow: this.props.filterable && /* @__PURE__ */ n.createElement(
+          ts,
           {
             cells: this.props.cells,
             size: this.props.size,
             columns: this._columns,
             filter: this.props.filter,
-            filterOperators: this.props.filterOperators || xt,
+            filterOperators: this.props.filterOperators || kt,
             filterChange: this.filterChange,
             sort: this.props.sort,
             cellRender: this.props.filterCellRender,
@@ -2553,48 +2553,48 @@ let ce = class extends l.Component {
             ariaRowIndex: this._columnsMap.length + 1
           }
         ) || void 0,
-        cols: u.map((f, w) => /* @__PURE__ */ l.createElement(
+        cols: u.map((f, w) => /* @__PURE__ */ n.createElement(
           "col",
           {
             key: w.toString(),
-            width: we(f)
+            width: Re(f)
           }
         ))
       }
-    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ve, hiddenColumns: de } = Rs({
+    ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ke, hiddenColumns: pe } = Ns({
       enabled: this.props.columnVirtualization,
       columns: u,
       tableViewPortWidth: F,
       scrollLeft: $
-    }), ke = (f, w, R) => {
+    }), Ee = (f, w, R) => {
       let j = !1;
-      const K = this.props.selectedField ? T(this.props.selectedField, f.dataItem) : void 0;
+      const K = this.props.selectedField ? G(this.props.selectedField, f.dataItem) : void 0;
       return {
-        row: u.map((S, N) => {
-          if (de[N])
+        row: u.map((I, N) => {
+          if (pe[N])
             return null;
-          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 } : {};
+          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 (S.editable && this.props.editField) {
-            const H = T(this.props.editField, f.dataItem);
-            H && (H === !0 || H === S.field) && (j = !0, A = !0);
+          if (I.editable && this.props.editField) {
+            const H = G(this.props.editField, f.dataItem);
+            H && (H === !0 || H === I.field) && (j = !0, A = !0);
           }
-          const Se = S.cell || A && ar || Sr;
-          return /* @__PURE__ */ l.createElement(
-            Se,
+          const ye = I.cell || A && hr || wr;
+          return /* @__PURE__ */ n.createElement(
+            ye,
             {
               onContextMenu: this.onContextMenu,
               key: Z,
               locked: this.props.lockGroups,
               id: z.generateNavigatableId(`${w}-${String(N)}`, s),
-              colSpan: ve[N],
+              colSpan: ke[N],
               dataItem: f.dataItem,
-              field: S.field,
-              editor: S.editor,
-              format: S.format,
+              field: I.field,
+              editor: I.editor,
+              format: I.format,
               className: ee,
               render: this.props.cellRender,
-              cells: be(this.props.cells, S.cells),
+              cells: xe(this.props.cells, I.cells),
               onChange: this.itemChange,
               selectionChange: this.props.onSelectionChange ? (H) => {
                 this.selectionChange({ event: H, dataItem: f.dataItem, dataIndex: R, columnIndex: N });
@@ -2606,7 +2606,7 @@ let ce = class extends l.Component {
               expanded: f.expanded,
               dataIndex: f.dataIndex,
               style: P,
-              ariaColumnIndex: S.ariaColumnIndex,
+              ariaColumnIndex: I.ariaColumnIndex,
               isSelected: Array.isArray(K) && K.indexOf(N) > -1
             }
           );
@@ -2624,26 +2624,26 @@ let ce = class extends l.Component {
         else
           break;
       }
-    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)));
+    const Qe = (f) => f >= this._data.length - J;
+    let Ze = this.vs.realSkip || 0;
+    const ue = [];
+    let Se = !1;
+    const Ie = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, et = /* @__PURE__ */ n.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": Ie }, /* @__PURE__ */ n.createElement("div", { className: "k-grid-norecords-template" }, g.length ? g : /* @__PURE__ */ n.createElement(Ye, null)));
     let Q = 0;
     if (this._data.length) {
       let f = -1, w = 0;
       (this._slicedData || this._data).forEach((R, j) => {
-        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,
+        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);
+        if (Q = N + Ie + w, ue.push(/* @__PURE__ */ n.createElement(
+          Rr,
           {
             key: Z,
             dataItem: R.dataItem,
             isAltRow: K,
             isInEdit: P.isInEdit,
             rowType: R.rowType,
-            isHidden: Ye(j),
+            isHidden: Qe(j),
             onClick: (A) => this.rowClick(A, R),
             onDoubleClick: (A) => this.rowDblClick(A, R),
             selectedField: this.props.selectedField,
@@ -2657,7 +2657,7 @@ let ce = 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++, Q = N + Ie + w, pe.push(/* @__PURE__ */ l.createElement(
+          w++, Q = N + Ie + w, ue.push(/* @__PURE__ */ n.createElement(
             "tr",
             {
               key: ee,
@@ -2665,22 +2665,22 @@ let ce = class extends l.Component {
                 "k-table-row",
                 K ? "k-detail-row k-table-alt-row k-alt" : "k-detail-row"
               ),
-              style: { visibility: Ye(j) ? "hidden" : "", height: this.props.detailRowHeight },
+              style: { visibility: Qe(j) ? "hidden" : "", height: this.props.detailRowHeight },
               role: "row",
               "aria-rowindex": Q
             },
-            this.props.group && this.props.group.map((Se, H) => {
-              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(
-                Et,
+            this.props.group && this.props.group.map((ye, H) => {
+              var at;
+              const te = (at = P == null ? void 0 : P.row[H]) == null ? void 0 : at.props.style, ms = te ? this.isRtl ? { left: te.right, right: te.left } : { left: te.left, right: te.right } : {};
+              return /* @__PURE__ */ n.createElement(
+                It,
                 {
                   id: "",
                   dataIndex: R.dataIndex,
-                  field: Se.field,
+                  field: ye.field,
                   dataItem: R.dataItem,
                   key: H,
-                  style: gs,
+                  style: ms,
                   ariaColumnIndex: 1 + H,
                   isSelected: !1,
                   locked: this.props.lockGroups,
@@ -2689,14 +2689,14 @@ let ce = class extends l.Component {
                 }
               );
             }),
-            this.props.expandField && /* @__PURE__ */ l.createElement(
-              Gr,
+            this.props.expandField && /* @__PURE__ */ n.createElement(
+              Mr,
               {
                 id: z.generateNavigatableId(`${ee}-dhcell`, s)
               }
             ),
-            /* @__PURE__ */ l.createElement(
-              Tr,
+            /* @__PURE__ */ n.createElement(
+              Gr,
               {
                 onContextMenu: this.onContextMenu,
                 dataItem: R.dataItem,
@@ -2711,36 +2711,36 @@ let ce = class extends l.Component {
         }
       });
     } else
-      Ee = !0;
-    const Ze = {
+      Se = !0;
+    const tt = {
       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: 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(
+      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(
       "col",
       {
         key: w.toString(),
-        width: we(f)
+        width: Re(f)
       }
-    ), tt = (ot = this.props.cells) != null && ot.footerCell || this._columns.some(
+    ), rt = (lt = this.props.cells) != null && lt.footerCell || this._columns.some(
       (f) => {
         var w;
         return !!(f.footerCell || (w = f.cells) != null && w.footerCell);
       }
-    ) ? /* @__PURE__ */ l.createElement(
-      br,
+    ) ? /* @__PURE__ */ n.createElement(
+      vr,
       {
         size: this.props.size,
         columnResize: this.columnResize,
         staticHeaders: this.props.scrollable !== "none",
         ref: (f) => this._footer = f,
-        row: /* @__PURE__ */ l.createElement(
-          Fr,
+        row: /* @__PURE__ */ n.createElement(
+          Nr,
           {
             cells: this.props.cells,
             columns: this._columns,
@@ -2748,9 +2748,9 @@ let ce = class extends l.Component {
             ariaRowIndex: Q + 1
           }
         ),
-        cols: u.map(us)
+        cols: u.map(fs)
       }
-    ) : null, st = /* @__PURE__ */ l.createElement(
+    ) : null, it = /* @__PURE__ */ n.createElement(
       "colgroup",
       {
         ref: (f) => {
@@ -2758,18 +2758,18 @@ let ce = class extends l.Component {
         }
       },
       u.map(
-        (f, w) => /* @__PURE__ */ l.createElement(
+        (f, w) => /* @__PURE__ */ n.createElement(
           "col",
           {
             key: w.toString(),
-            className: ps(f.field) ? "k-sorted" : void 0,
-            width: we(f)
+            className: gs(f.field) ? "k-sorted" : void 0,
+            width: Re(f)
           }
         )
       )
-    ), rt = this.dragLogic.reorderable || this.dragLogic.groupable, it = this.props.columnVirtualization ? "block" : "table";
+    ), ot = this.dragLogic.reorderable || this.dragLogic.groupable, nt = this.props.columnVirtualization ? "block" : "table";
     if (this.props.scrollable === "none")
-      return /* @__PURE__ */ l.createElement(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+      return /* @__PURE__ */ n.createElement(Ne.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ n.createElement(
         "div",
         {
           id: this.props.id,
@@ -2788,12 +2788,12 @@ let ce = class extends l.Component {
           "aria-label": this.props.ariaLabel,
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
-          ...dt
+          ...ut
         },
         d,
         b,
-        /* @__PURE__ */ l.createElement(
-          pt,
+        /* @__PURE__ */ n.createElement(
+          gt,
           {
             selectable: this.props.selectable,
             onRelease: this.selectionRelease,
@@ -2801,30 +2801,30 @@ let ce = class extends l.Component {
               this.tableElement = f;
             }
           },
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ n.createElement(
             "table",
             {
               className: y(
                 "k-table k-grid-table",
                 { [`k-table-${V.sizeMap[this.props.size] || this.props.size}`]: this.props.size }
               ),
-              style: { userSelect: c, display: it }
+              style: { userSelect: c, display: nt }
             },
-            st,
+            it,
             Y,
-            /* @__PURE__ */ l.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...ut }, pe),
-            tt
+            /* @__PURE__ */ n.createElement("tbody", { role: "rowgroup", className: "k-table-tbody", ...ft }, ue),
+            rt
           )
         ),
-        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(Fe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
+        Se && et,
+        ot && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(mt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ n.createElement(Ct, { ref: this.dragLogic.refDragElementClue }))
+      ), m, this.props.pageable && st);
+    let ge = this.props.style || {};
+    return this.props.scrollable === "virtual" && (ge.height || (ge = Object.assign({}, ge, { height: "450px" }))), /* @__PURE__ */ n.createElement(Ne.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ n.createElement(
       "div",
       {
         id: this.props.id,
-        style: ue,
+        style: ge,
         className: y(
           "k-grid",
           {
@@ -2840,11 +2840,11 @@ let ce = class extends l.Component {
         "aria-label": this.props.ariaLabel,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
-        ...dt
+        ...ut
       },
       d,
       b,
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ n.createElement(
         "div",
         {
           className: "k-grid-aria-root",
@@ -2854,7 +2854,7 @@ let ce = class extends l.Component {
           id: this._gridId
         },
         Y,
-        /* @__PURE__ */ l.createElement("div", { className: "k-grid-container", role: "presentation" }, /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ n.createElement("div", { className: "k-grid-container", role: "presentation" }, /* @__PURE__ */ n.createElement(
           "div",
           {
             ref: this.containerRef,
@@ -2862,8 +2862,8 @@ let ce = class extends l.Component {
             onScroll: this.scrollHandler,
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement("div", { className: "k-grid-table-wrap", role: "presentation" }, /* @__PURE__ */ l.createElement(
-            pt,
+          /* @__PURE__ */ n.createElement("div", { className: "k-grid-table-wrap", role: "presentation" }, /* @__PURE__ */ n.createElement(
+            gt,
             {
               selectable: this.props.selectable,
               onRelease: this.selectionRelease,
@@ -2871,7 +2871,7 @@ let ce = class extends l.Component {
                 this.tableElement = f;
               }
             },
-            /* @__PURE__ */ l.createElement(
+            /* @__PURE__ */ n.createElement(
               "table",
               {
                 className: y(
@@ -2882,39 +2882,39 @@ let ce = class extends l.Component {
                   }
                 ),
                 role: "presentation",
-                style: { userSelect: c, display: it }
+                style: { userSelect: c, display: nt }
               },
-              st,
-              /* @__PURE__ */ l.createElement(
+              it,
+              /* @__PURE__ */ n.createElement(
                 "tbody",
                 {
                   className: "k-table-tbody",
                   ref: this.tableBodyRef,
                   role: "rowgroup",
-                  ...ut
+                  ...ft
                 },
-                pe
+                ue
               )
             )
-          ), Ee && Qe),
-          /* @__PURE__ */ l.createElement("div", { className: "k-height-container", role: "presentation" }, /* @__PURE__ */ l.createElement(
+          ), Se && et),
+          /* @__PURE__ */ n.createElement("div", { className: "k-height-container", role: "presentation" }, /* @__PURE__ */ n.createElement(
             "div",
             {
               style: this.props.scrollable === "virtual" ? { height: this.vs.containerHeight + "px" } : {}
             }
           ))
         )),
-        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)
+        rt,
+        ot && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(mt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ n.createElement(Ct, { ref: this.dragLogic.refDragElementClue })),
+        this.showLicenseWatermark && /* @__PURE__ */ n.createElement(ks, null)
       ),
       m,
-      this.props.pageable && et
+      this.props.pageable && st
     ));
   }
   selectionChange(t) {
     if (this.props.onSelectionChange) {
-      const { event: s, dataItem: o, dataIndex: e, columnIndex: r } = t, { mode: n, cell: a } = ht(this.props.selectable), c = {
+      const { event: s, dataItem: o, dataIndex: e, columnIndex: r } = t, { mode: l, cell: a } = pt(this.props.selectable), c = {
         ...this.getArguments(s.syntheticEvent),
         dataItem: o,
         startColIndex: r,
@@ -2926,7 +2926,7 @@ let ce = class extends l.Component {
         ctrlKey: !1,
         shiftKey: !1,
         metaKey: !1,
-        mode: n,
+        mode: l,
         cell: a,
         isDrag: !1,
         componentId: this._gridId,
@@ -2936,12 +2936,12 @@ let ce = class extends l.Component {
     }
   }
   raiseDataEvent(t, s, o, e, r) {
-    const n = this.props.onDataStateChange;
+    const l = this.props.onDataStateChange;
     if (t) {
       const a = { ...this.getArguments(e), ...s, targetEvent: r };
       t.call(void 0, a);
     } else
-      n && n.call(
+      l && l.call(
         void 0,
         {
           ...this.getArguments(e),
@@ -2954,15 +2954,15 @@ let ce = class extends l.Component {
       );
   }
   columnReorder(t, s, o) {
-    const e = this._columns[t], r = e.depth, n = (d) => {
+    const e = this._columns[t], r = e.depth, l = (d) => {
       do
         d++;
       while (d < this._columns.length && this._columns[d].depth > r);
       return d;
-    }, 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++;
+    }, 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;
-    Ns(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Ds(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
+    Ts(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 ce = 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 = 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;
+    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;
   }
   getDataState() {
     return {
@@ -3021,11 +3021,11 @@ let ce = class extends l.Component {
     };
   }
 };
-ce.displayName = "KendoReactGrid";
-ce.defaultProps = {
+he.displayName = "KendoReactGrid";
+he.defaultProps = {
   // never use this
 };
-ce.propTypes = {
+he.propTypes = {
   data: p.oneOfType([
     p.array,
     p.shape({
@@ -3102,14 +3102,14 @@ ce.propTypes = {
   navigatable: p.bool,
   size: p.oneOf(["small", "medium"])
 };
-ce.contextType = Fe;
-class xe extends l.Component {
+he.contextType = Ne;
+class ve extends n.Component {
   /**
    * @hidden
    */
   render() {
     const { children: t } = this.props;
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(
       "div",
       {
         id: this.props.id,
@@ -3120,16 +3120,16 @@ class xe extends l.Component {
     );
   }
 }
-class ne extends l.Component {
+class ae extends n.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 && vs(s), icon: o }), t);
+    return /* @__PURE__ */ n.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${e ? "k-selected" : ""}` }, (s || o) && /* @__PURE__ */ n.createElement(O, { name: s && Es(s), icon: o }), t);
   }
 }
-class rs extends l.Component {
+class os extends n.Component {
   constructor() {
     super(...arguments), this.onGroupClick = (t) => {
       if (t.preventDefault(), this.props.onGroupChange) {
@@ -3148,21 +3148,21 @@ class rs 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 ? At : Pt;
-    return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ne,
+    const { group: t, column: s } = this.props, o = D(this), e = !!(t && s.field && t.find((l) => l.field === s.field)), r = e ? Bt : At;
+    return /* @__PURE__ */ n.createElement(ve, null, /* @__PURE__ */ n.createElement(
+      ae,
       {
         title: o.toLanguageString(r, k[r]),
         iconClass: e ? "k-i-ungroup" : "k-i-group",
-        svgIcon: e ? As : Ps,
+        svgIcon: e ? Ws : Bs,
         onClick: this.onGroupClick
       }
     ));
   }
 }
-Gt(rs);
-M(rs);
-const is = "asc", os = "desc", Mr = {
+Mt(os);
+M(os);
+const ns = "asc", ls = "desc", Hr = {
   true: {
     asc: { asc: "", desc: "desc" },
     desc: { asc: "asc", desc: "" },
@@ -3173,17 +3173,17 @@ const is = "asc", os = "desc", Mr = {
     desc: { asc: "asc", desc: "desc" },
     "": { asc: "asc", desc: "desc" }
   }
-}, 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 {
+}, as = (i, t) => t ? t.findIndex((s) => s.field === i) : -1, cs = (i, t) => !!(t && i > -1 && t[i].dir === ns), hs = (i, t) => !!(t && i > -1 && t[i].dir === ls);
+class Je extends n.Component {
   constructor() {
     super(...arguments), this.onAscClick = (t) => {
-      this.onSort(t, is), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, ns), this.props.onCloseMenu && this.props.onCloseMenu();
     }, this.onDescClick = (t) => {
-      this.onSort(t, os), this.props.onCloseMenu && this.props.onCloseMenu();
+      this.onSort(t, ls), 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 } = 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);
+      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);
       h !== "" && o.field && d.push({ field: o.field, dir: h }), this.props.onSortChange(d, t);
     };
   }
@@ -3191,57 +3191,57 @@ class Xe extends l.Component {
    * @hidden
    */
   render() {
-    const { sort: t, column: s } = this.props, o = ls(s.field, t), e = G(this);
-    return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ne,
+    const { sort: t, column: s } = this.props, o = as(s.field, t), e = D(this);
+    return /* @__PURE__ */ n.createElement(ve, null, /* @__PURE__ */ n.createElement(
+      ae,
       {
-        title: e.toLanguageString(Me, k[Me]),
+        title: e.toLanguageString(He, k[He]),
         iconClass: "k-i-sort-asc-sm",
-        svgIcon: Ve,
-        selected: ns(o, t),
+        svgIcon: qe,
+        selected: cs(o, t),
         onClick: this.onAscClick
       }
-    ), /* @__PURE__ */ l.createElement(
-      ne,
+    ), /* @__PURE__ */ n.createElement(
+      ae,
       {
-        title: e.toLanguageString(He, k[He]),
+        title: e.toLanguageString(ze, k[ze]),
         iconClass: "k-i-sort-desc-sm",
-        svgIcon: Ue,
-        selected: as(o, t),
+        svgIcon: $e,
+        selected: hs(o, t),
         onClick: this.onDescClick
       }
     ));
   }
 }
-Xe.active = (i, t) => {
-  const s = ls(i, t);
-  return as(s, t) || ns(s, t);
+Je.active = (i, t) => {
+  const s = as(i, t);
+  return hs(s, t) || cs(s, t);
 };
-Gt(Xe);
-M(Xe);
-class cs extends l.Component {
+Mt(Je);
+M(Je);
+class ds extends n.Component {
   /**
    * @hidden
    */
   render() {
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(
       "div",
       {
         id: this.props.id,
         className: y("k-columnmenu-item-content", this.props.className),
         style: this.props.style
       },
-      /* @__PURE__ */ l.createElement(Vs, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
+      /* @__PURE__ */ n.createElement(qs, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
     );
   }
 }
-class St extends l.Component {
+class wt extends n.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(
+      return /* @__PURE__ */ n.createElement(
         ie,
         {
           value: s,
@@ -3256,22 +3256,22 @@ class St extends l.Component {
    * @hidden
    */
   render() {
-    return /* @__PURE__ */ l.createElement(l.Fragment, null, this.renderOperatorEditor(), this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues));
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, this.renderOperatorEditor(), this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues));
   }
   inputChange(t, s) {
-    Xt(t, s, this.props);
+    Yt(t, s, this.props);
   }
   operatorChange(t) {
-    Qt(t, this.props.value, this.props.onChange);
+    Zt(t, this.props.value, this.props.onChange);
   }
   boolDropdownChange(t) {
-    Jt(t, this.props.onChange);
+    Qt(t, this.props.onChange);
   }
   filterComponent(t, s, o) {
     switch (t) {
       case "numeric":
-        return /* @__PURE__ */ l.createElement(
-          qe,
+        return /* @__PURE__ */ n.createElement(
+          je,
           {
             value: s,
             onChange: (e) => {
@@ -3281,8 +3281,8 @@ class St extends l.Component {
           }
         );
       case "date":
-        return /* @__PURE__ */ l.createElement(
-          $e,
+        return /* @__PURE__ */ n.createElement(
+          Xe,
           {
             value: s,
             onChange: (e) => {
@@ -3292,7 +3292,7 @@ class St extends l.Component {
         );
       case "boolean": {
         const e = (r) => r == null;
-        return /* @__PURE__ */ l.createElement(
+        return /* @__PURE__ */ n.createElement(
           ie,
           {
             onChange: this.boolDropdownChange,
@@ -3303,8 +3303,8 @@ class St extends l.Component {
         );
       }
       default:
-        return /* @__PURE__ */ l.createElement(
-          zt,
+        return /* @__PURE__ */ n.createElement(
+          Lt,
           {
             value: s || "",
             onChange: (e) => {
@@ -3315,7 +3315,7 @@ class St extends l.Component {
     }
   }
 }
-class Hr extends l.Component {
+class zr extends n.Component {
   render() {
     const {
       firstFilterProps: t,
@@ -3323,26 +3323,26 @@ class Hr extends l.Component {
       secondFilterProps: o,
       logicData: e,
       logicValue: r,
-      onLogicChange: n
+      onLogicChange: l
     } = this.props;
-    return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(St, { ...t }), !s && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(wt, { ...t }), !s && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
       ie,
       {
         data: e,
         value: r,
-        onChange: n,
+        onChange: l,
         className: "k-filter-and",
         textField: "text"
       }
-    ), /* @__PURE__ */ l.createElement(St, { ...o })));
+    ), /* @__PURE__ */ n.createElement(wt, { ...o })));
   }
 }
-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 {
+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;
+class ps extends n.Component {
   constructor(t) {
     super(t), this.removeGroup = (o, e) => {
-      const r = [...e.filters], n = r.findIndex((a) => a === o);
-      return n > -1 && r.splice(n, 1), {
+      const r = [...e.filters], l = r.findIndex((a) => a === o);
+      return l > -1 && r.splice(l, 1), {
         ...e,
         filters: r
       };
@@ -3362,11 +3362,11 @@ class hs extends l.Component {
     }, this.secondFilterChange = (o) => {
       this.filterChange(1, o);
     }, this.filterChange = (o, e) => {
-      const r = this.state.filterGroup.filters.map((n, a) => a === o ? {
-        ...n,
+      const r = this.state.filterGroup.filters.map((l, a) => a === o ? {
+        ...l,
         value: e.value,
         operator: e.operator
-      } : n);
+      } : l);
       this.setState({
         filterGroup: {
           ...this.state.filterGroup,
@@ -3383,7 +3383,7 @@ class hs extends l.Component {
     }, this.clear = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = r.filters.filter((c) => c !== n);
+      const e = this.props.column.field, r = Ve(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,16 +3391,16 @@ class hs extends l.Component {
     }), this.submit = (o) => {
       if (o.preventDefault(), !this.props.onFilterChange)
         return;
-      const e = this.props.column.field, r = Ke(this.props.filter), n = ge(e, this.props.filter), a = this.currentFilterGroup();
+      const e = this.props.column.field, r = Ve(this.props.filter), l = fe(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);
+      if (l && a.filters.length > 0) {
+        const h = r.filters.map((d) => d === l ? a : d);
         c = {
           ...r,
           filters: h
         };
       } else if (a.filters.length === 0) {
-        const h = r.filters.filter((d) => d !== n);
+        const h = r.filters.filter((d) => d !== l);
         h.length && (c = {
           ...r,
           filters: h
@@ -3414,8 +3414,8 @@ class hs extends l.Component {
     };
     let s;
     if (t.column && t.column.field) {
-      const o = We(t.column.filter), e = Yt(t.filterOperators, o);
-      s = ge(t.column.field, t.filter), s = s ? {
+      const o = Ke(t.column.filter), e = Jt(t.filterOperators, o);
+      s = fe(t.column.field, t.filter), s = s ? {
         ...s,
         filters: s.filters.map((r) => ({ ...r }))
       } : {
@@ -3437,8 +3437,8 @@ class hs extends l.Component {
   render() {
     const { column: t, filterUI: s, hideSecondFilter: o, filterOperators: e } = this.props;
     if (!t || !t.field)
-      return /* @__PURE__ */ l.createElement("div", null);
-    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 = {
+      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 = {
       field: t.field,
       value: c[0].value,
       operator: c[0].operator,
@@ -3454,8 +3454,8 @@ class hs extends l.Component {
       booleanValues: d,
       onChange: this.secondFilterChange,
       filterType: r
-    }, u = this.state.filterGroup.logic, b = re(gr, a), E = {
-      value: b.find((D) => D.operator === (u === null ? "" : u)),
+    }, u = this.state.filterGroup.logic, b = re(mr, a), E = {
+      value: b.find((T) => T.operator === (u === null ? "" : u)),
       onChange: this.logicChange,
       data: b
     }, C = s, x = {
@@ -3464,32 +3464,32 @@ class hs extends l.Component {
       logicData: E.data,
       logicValue: E.value,
       onLogicChange: E.onChange,
-      hideSecondFilter: n
-    }, 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(
-      ne,
+      hideSecondFilter: l
+    }, 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;
+    return /* @__PURE__ */ n.createElement(ve, null, !_ && /* @__PURE__ */ n.createElement(
+      ae,
       {
-        title: a.toLanguageString(le, k[le]),
+        title: a.toLanguageString(ne, k[ne]),
         iconClass: "k-i-filter",
-        svgIcon: Ce,
+        svgIcon: be,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(cs, { show: _ || !!v }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ n.createElement(ds, { show: _ || !!v }, /* @__PURE__ */ n.createElement(
       "form",
       {
         className: "k-filter-menu",
         onSubmit: this.submit,
         onReset: this.clear,
-        onKeyDown: (D) => D.stopPropagation()
+        onKeyDown: (T) => T.stopPropagation()
       },
-      /* @__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(
+      /* @__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(
         W,
         {
           themeColor: "primary",
-          disabled: !I
+          disabled: !S
         },
         a.toLanguageString(oe, k[oe])
-      ), /* @__PURE__ */ l.createElement(
+      ), /* @__PURE__ */ n.createElement(
         W,
         {
           type: "reset"
@@ -3499,14 +3499,14 @@ class hs 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 {
+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]);
+class us extends n.Component {
   constructor(t) {
-    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;
+    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));
+      return o ? r.filter((l, a) => r.indexOf(l) === a) : r;
     }, this.getFilterIndex = () => {
       const s = this.props.column.field;
       return this.defaultFilter().filters.findIndex((r) => r.filters && r.filters.length > 0 && r.filters[0].field === s);
@@ -3524,7 +3524,7 @@ class ds extends l.Component {
       };
       this.setState({
         value: s.target.value,
-        data: this.parseData(Ct(this.props.data || [], e), this.props.uniqueData)
+        data: this.parseData(xt(this.props.data || [], e), this.props.uniqueData)
       });
     }, this.handleClear = () => {
       const s = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", o = {
@@ -3535,7 +3535,7 @@ class ds extends l.Component {
       };
       this.setState({
         value: "",
-        data: this.parseData(Ct(this.props.data || [], o), this.props.uniqueData)
+        data: this.parseData(xt(this.props.data || [], o), this.props.uniqueData)
       });
     }, this.clear = (s) => {
       if (s.preventDefault(), !this.props.onFilterChange)
@@ -3548,7 +3548,7 @@ class ds extends l.Component {
       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 || "", r = { ...this.state.currentFilter }, n = [...this.state.currentFilter.filters];
+      const e = this.props.column.field || "", r = { ...this.state.currentFilter }, l = [...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) => {
@@ -3560,18 +3560,18 @@ class ds extends l.Component {
         const c = a.findIndex((h) => h.value === o);
         a.splice(c, 1);
       }
-      r.logic = "and", this.compositeFilterIndex !== -1 ? n[this.compositeFilterIndex] = {
+      r.logic = "and", this.compositeFilterIndex !== -1 ? l[this.compositeFilterIndex] = {
         logic: "or",
         filters: a
-      } : n.push({
+      } : l.push({
         logic: "or",
         filters: a
-      }), (!s.value && o === "all" || a.length === 0) && n.splice(this.compositeFilterIndex, 1), r.filters = n, this.setState({ currentFilter: r });
+      }), (!s.value && o === "all" || a.length === 0) && l.splice(this.compositeFilterIndex, 1), r.filters = l, this.setState({ currentFilter: r });
     }, this.isAllSelected = () => {
       let s = !1;
       if (this.state.currentFilter) {
         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 this.compositeFilterIndex === -1 ? !1 : (s = this.state.data.every((e) => this.compositeFilterIndex !== -1 && o[this.compositeFilterIndex].filters ? o[this.compositeFilterIndex].filters.findIndex((l) => l.value === e) >= 0 : !1), s);
       }
       return s;
     }, this.compositeFilterIndex = this.getFilterIndex(), this.state = {
@@ -3586,8 +3586,8 @@ class ds extends l.Component {
    * @hidden
    */
   componentDidUpdate() {
-    const t = this.props.column.field || "", s = this.props.data.map((o) => T(t, o));
-    zr(s, this.state.dataFromProps) || this.setState({
+    const t = this.props.column.field || "", s = this.props.data.map((o) => G(t, o));
+    Lr(s, this.state.dataFromProps) || this.setState({
       data: s,
       dataFromProps: s
     });
@@ -3598,24 +3598,24 @@ class ds extends l.Component {
   render() {
     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, e = [];
+      return /* @__PURE__ */ n.createElement("div", null);
+    const s = D(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: Mt }), /* @__PURE__ */ l.createElement(
-      zt,
+    const r = this.props.searchBox ? /* @__PURE__ */ n.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ n.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ n.createElement(O, { className: "k-input-icon", name: "search", icon: Ht }), /* @__PURE__ */ n.createElement(
+      Lt,
       {
         className: "k-input-inner",
         type: "text",
-        placeholder: s.toLanguageString(ze, k[ze]),
+        placeholder: s.toLanguageString(Le, k[Le]),
         value: this.state.value,
         onChange: (a) => this.handleSearchChange(a.nativeEvent)
       }
-    ), /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ n.createElement(
       W,
       {
         type: "button",
@@ -3623,46 +3623,46 @@ class ds extends l.Component {
         className: "k-input-button",
         onClick: this.handleClear,
         icon: "x",
-        svgIcon: Bs
+        svgIcon: Ks
       }
-    )), n = e.filter((a, c) => e.indexOf(a) === c);
-    return /* @__PURE__ */ l.createElement(xe, null, /* @__PURE__ */ l.createElement(
-      ne,
+    )), l = e.filter((a, c) => e.indexOf(a) === c);
+    return /* @__PURE__ */ n.createElement(ve, null, /* @__PURE__ */ n.createElement(
+      ae,
       {
-        title: s.toLanguageString(le, k[le]),
+        title: s.toLanguageString(ne, k[ne]),
         iconClass: "k-i-filter",
-        svgIcon: Ce,
+        svgIcon: be,
         onClick: this.onFilterExpand
       }
-    ), /* @__PURE__ */ l.createElement(cs, { show: !!o }, /* @__PURE__ */ l.createElement(
+    ), /* @__PURE__ */ n.createElement(ds, { show: !!o }, /* @__PURE__ */ n.createElement(
       "form",
       {
         className: "k-filter-menu",
         onSubmit: this.submit,
         onReset: this.clear
       },
-      /* @__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,
+      /* @__PURE__ */ n.createElement("div", { className: "k-filter-menu-container" }, r, /* @__PURE__ */ n.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ n.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ n.createElement(
+        me,
         {
-          label: s.toLanguageString(Le, k[Le]),
+          label: s.toLanguageString(Oe, k[Oe]),
           onChange: (a) => this.handleCheckBoxChange(a, "all"),
           checked: this.isAllSelected()
         }
-      )), this.state.data.map((a, c) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: c }, /* @__PURE__ */ l.createElement(
-        fe,
+      )), this.state.data.map((a, c) => /* @__PURE__ */ n.createElement("li", { className: "k-item", key: c }, /* @__PURE__ */ n.createElement(
+        me,
         {
           label: String(a),
           onChange: (h) => this.handleCheckBoxChange(h, a),
-          checked: n.includes(a)
+          checked: l.includes(a)
         }
-      )))), /* @__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(
+      )))), /* @__PURE__ */ n.createElement("div", { className: "k-filter-selected-items" }, l.length + " " + s.toLanguageString(Pe, k[Pe])), /* @__PURE__ */ n.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ n.createElement(
         W,
         {
           themeColor: "primary",
           type: "submit"
         },
         s.toLanguageString(oe, k[oe])
-      ), /* @__PURE__ */ l.createElement(
+      ), /* @__PURE__ */ n.createElement(
         W,
         {
           className: "k-button",
@@ -3673,42 +3673,42 @@ class ds extends l.Component {
     )));
   }
 }
-ds.defaultProps = {
+us.defaultProps = {
   uniqueData: !0
 };
-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) => {
+M(us);
+const Or = (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());
-  }), [i.columns, t]), [r, n] = l.useState(i.columns.map((u) => o.has(u.id))), a = l.useCallback(() => {
+  }), [i.columns, t]), [r, l] = n.useState(i.columns.map((u) => o.has(u.id))), a = n.useCallback(() => {
     const u = i.columns.filter((b, E) => r[E]);
     i.onColumnsChange.call(void 0, u), i.onCloseMenu.call(void 0);
-  }, [r, i.columns, i.onColumnsChange, i.onCloseMenu]), c = l.useCallback(() => {
-    n(i.columns.map((u) => o.has(u.id)));
-  }, [o, i.columns]), h = r.filter((u) => u).length, d = h === r.length, g = l.useCallback(() => {
-    n(i.columns.map((u, b) => d && b === 0 ? !0 : !d));
-  }, [i.columns, d]), m = l.useCallback((u, b) => {
+  }, [r, i.columns, i.onColumnsChange, i.onCloseMenu]), c = n.useCallback(() => {
+    l(i.columns.map((u) => o.has(u.id)));
+  }, [o, i.columns]), h = r.filter((u) => u).length, d = h === r.length, g = n.useCallback(() => {
+    l(i.columns.map((u, b) => d && b === 0 ? !0 : !d));
+  }, [i.columns, d]), m = n.useCallback((u, b) => {
     const E = r.slice();
-    E[b] = u, n(E);
+    E[b] = u, l(E);
   }, [r]);
-  return /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ l.createElement(
-    Ht,
+  return /* @__PURE__ */ n.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ n.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ n.createElement(
+    zt,
     {
       className: "k-searchbox",
       value: t,
       onChange: (u) => s(String(u.target.value)),
-      prefix: () => /* @__PURE__ */ l.createElement(Ws, null, /* @__PURE__ */ l.createElement(O, { name: "search", icon: Mt }))
+      prefix: () => /* @__PURE__ */ n.createElement(Vs, null, /* @__PURE__ */ n.createElement(O, { name: "search", icon: Ht }))
     }
-  ), /* @__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,
+  ), /* @__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,
     {
       checked: d,
       onChange: g,
       label: "(Select all)"
     }
-  )), e.map((u, b) => /* @__PURE__ */ l.createElement("li", { key: u.id, className: "k-item" }, /* @__PURE__ */ l.createElement(
-    fe,
+  )), e.map((u, b) => /* @__PURE__ */ n.createElement("li", { key: u.id, className: "k-item" }, /* @__PURE__ */ n.createElement(
+    me,
     {
       disabled: r[b] && h === 1,
       checked: r[b],
@@ -3718,10 +3718,10 @@ const Lr = (i) => {
       },
       label: u.title || u.field
     }
-  )))), /* @__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"))));
+  )))), /* @__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"))));
 };
-Lr.displayName = "GridColumnMenuColumnsList";
-class ei extends l.Component {
+Or.displayName = "GridColumnMenuColumnsList";
+class ti extends n.Component {
   /**
    * @hidden
    */
@@ -3729,12 +3729,12 @@ class ei extends l.Component {
     return null;
   }
 }
-class Or extends l.Component {
+class _r extends n.Component {
   /**
    * @hidden
    */
   render() {
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ n.createElement(
       "div",
       {
         className: y(
@@ -3753,27 +3753,27 @@ class Or extends l.Component {
     );
   }
 }
-Or.displayName = "KendoReactGridToolbar";
-const _r = (i) => {
+_r.displayName = "KendoReactGridToolbar";
+const Pr = (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))));
+  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))));
 };
-_r.displayName = "KendoReactGridStatusBar";
-const Pr = (i) => {
+Pr.displayName = "KendoReactGridStatusBar";
+const Ar = (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;
-}, 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) => {
+}, 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) => {
     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((I) => {
-      c(r[I](C));
+    const x = l(C);
+    x && x.forEach((S) => {
+      c(r[S](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,58 +3788,58 @@ const Pr = (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, I = u[x];
-    I !== void 0 && E.push({ type: x, value: I, formattedValue: b(I, x) });
+    const x = C, S = u[x];
+    S !== void 0 && E.push({ type: x, value: S, formattedValue: b(S, x) });
   }), E;
-}, Ar = Ft(ce);
-Ar.displayName = "KendoReactGrid";
+}, Br = Dt(he);
+Br.displayName = "KendoReactGrid";
 export {
   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,
-  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,
-  Jt as cellBoolDropdownChange,
-  Xt as cellInputChange,
-  Qt as cellOperatorChange,
-  ge as filterGroupByField,
-  ii as getSelectedState,
-  oi as getSelectedStateFromKeyDown,
-  ti as getStatusData,
+  cr as GRID_ROW_INDEX_ATTRIBUTE,
+  Br as Grid,
+  wr as GridCell,
+  he as GridClassComponent,
+  ce as GridColumn,
+  us as GridColumnMenuCheckboxFilter,
+  Or as GridColumnMenuColumnsList,
+  ps as GridColumnMenuFilter,
+  wt as GridColumnMenuFilterCell,
+  zr 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,
+  es as GridFilterCell,
+  It as GridGroupCell,
+  ur as GridHeaderCell,
+  ar as GridHierarchyCell,
+  Ye as GridNoRecords,
+  Rr as GridRow,
+  lr as GridSelectionCell,
+  _r as GridToolbar,
+  Pr 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,
   k as gridMessages,
-  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,
+  Ar 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
 };