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

package/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),J=require("./GridColumnMenuItem.js"),K=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),v=require("@progress/kendo-react-inputs"),X=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-buttons"),P=require("../utils/index.js"),S=require("@progress/kendo-svg-icons");function Y(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(s,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return s.default=e,Object.freeze(s)}const l=Y(H),Z=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),p={uniqueData:!0},ee=e=>{const{uniqueData:s=p.uniqueData}=e,m=()=>{const t=e.column.field;return b().filters.findIndex(i=>i.filters&&i.filters.length>0&&i.filters[0].field===t)},f=(t,n)=>{const c=e.column.field||"",i=t.map(o=>P.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},b=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,R]=l.useState(e.expanded||!1),[q,B]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[w,L]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(b());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>P.getNestedValue(t,c));Z(n,w)||(C(n),L(n))},[e.column,e.data]);const y=()=>e.expanded!==void 0,j=()=>{const t=y(),n=!(t?e.expanded:I);e.onExpandChange&&e.onExpandChange(n),t||R(n)},N=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};B(t.target.value),C(f(D.filterBy(e.data||[],c),s))},T=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};B(""),C(f(D.filterBy(e.data||[],n),s))},z=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const c=e.column.field||"",i={...d},o=[...d.filters];let u=[];if(a.current!==-1&&i.filters[a.current].filters&&n!=="all"&&(u=i.filters[a.current].filters),t.value&&n==="all")h.forEach(E=>{u.push({field:c,operator:"eq",value:E})});else if(t.value)u.push({field:c,operator:"eq",value:n});else if(d){const E=u.findIndex($=>$.value===n);u.splice(E,1)}i.logic="and",a.current!==-1?o[a.current]={logic:"or",filters:u}:o.push({logic:"or",filters:u}),(!t.value&&n==="all"||u.length===0)&&o.splice(a.current,1),i.filters=o,V(i)},_=()=>{let t=!1;if(d){const n=[...d.filters];return a.current===-1?!1:(t=h.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(o=>o.value===c)>=0:!1),t)}return t},g=X.useLocalization(),{column:x}=e;if(!x||!x.field)return l.createElement("div",null);const Q=y()?e.expanded:I,k=[];if(d){const t=[...d.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===x.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&k.push(n.value)})}const W=e.searchBox?l.createElement(e.searchBox,{value:q,onChange:N}):l.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},l.createElement(G.IconWrap,{className:"k-input-icon",name:"search",icon:S.searchIcon}),l.createElement(v.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:q,onChange:t=>N(t.nativeEvent)}),l.createElement(F.Button,{type:"button",rounded:null,className:"k-input-button",onClick:T,icon:"x",svgIcon:S.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(K.GridColumnMenuItemGroup,null,l.createElement(J.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:S.filterIcon,onClick:j}),l.createElement(U.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:A,onReset:z},l.createElement("div",{className:"k-filter-menu-container"},W,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(v.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>M(t,"all"),checked:_()})),h.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(v.Checkbox,{label:String(t),onChange:c=>M(c,t),checked:O.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},O.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(F.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(F.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),K=require("./GridColumnMenuItem.js"),U=require("./GridColumnMenuItemGroup.js"),X=require("./GridColumnMenuItemContent.js"),b=require("@progress/kendo-react-inputs"),Y=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-buttons"),L=require("../utils/index.js"),F=require("@progress/kendo-svg-icons");function Z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(s,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return s.default=e,Object.freeze(s)}const l=Z(J),p=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),ee={uniqueData:!0},te=e=>{const{uniqueData:s=ee.uniqueData}=e,m=()=>{const t=e.column.field;return S().filters.findIndex(i=>i.filters&&i.filters.length>0&&i.filters[0].field===t)},f=(t,n)=>{const c=e.column.field||"",i=t.map(o=>L.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},S=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,P]=l.useState(e.expanded||!1),[B,q]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[R,w]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(S());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>L.getNestedValue(t,c));p(n,R)||(C(n),w(n))},[e.column,e.data]);const y=()=>e.expanded!==void 0,j=()=>{const t=y(),n=!(t?e.expanded:I);e.onExpandChange&&e.onExpandChange(n),t||P(n)},N=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};q(t.target.value),C(f(D.filterBy(e.data||[],c),s))},A=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};q(""),C(f(D.filterBy(e.data||[],n),s))},T=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},z=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const c=e.column.field||"",i={...d},o=[...d.filters];let u=[];if(a.current!==-1&&i.filters[a.current].filters&&n!=="all"&&(u=i.filters[a.current].filters),t.value&&n==="all")h.forEach(E=>{u.push({field:c,operator:"eq",value:E})});else if(t.value)u.push({field:c,operator:"eq",value:n});else if(d){const E=u.findIndex(H=>H.value===n);u.splice(E,1)}i.logic="and",a.current!==-1?o[a.current]={logic:"or",filters:u}:o.push({logic:"or",filters:u}),(!t.value&&n==="all"||u.length===0)&&o.splice(a.current,1),i.filters=o,V(i)},_=()=>{let t=!1;if(d){const n=[...d.filters];return a.current===-1?!1:(t=h.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(o=>o.value===c)>=0:!1),t)}return t},g=Y.useLocalization(),{column:x}=e;if(!x||!x.field)return l.createElement("div",null);const Q=y()?e.expanded:I,k=[];if(d){const t=[...d.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===x.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&k.push(n.value)})}const W=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),$=e.searchBox?l.createElement(e.searchBox,{value:B,onChange:N}):l.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},l.createElement(G.IconWrap,{className:"k-input-icon",name:"search",icon:F.searchIcon}),l.createElement(b.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:B,onChange:t=>N(t.nativeEvent)}),l.createElement(v.Button,{type:"button",rounded:null,className:"k-input-button",onClick:A,icon:"x","aria-label":W,svgIcon:F.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(U.GridColumnMenuItemGroup,null,l.createElement(K.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:F.filterIcon,onClick:j}),l.createElement(X.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:z,onReset:T},l.createElement("div",{className:"k-filter-menu-container"},$,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(b.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>M(t,"all"),checked:_()})),h.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(b.Checkbox,{label:String(t),onChange:c=>M(c,t),checked:O.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},O.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(v.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(v.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=te;

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -7,48 +7,48 @@
  */
 "use client";
 import * as l from "react";
-import { GridColumnMenuItem as Z } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as _ } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as $ } from "./GridColumnMenuItemContent.mjs";
-import { Input as p, Checkbox as M } from "@progress/kendo-react-inputs";
-import { useLocalization as ee } from "@progress/kendo-react-intl";
-import { searchPlaceholder as O, messages as m, filterTitle as q, filterCheckAll as L, filterSelectedItems as w, filterSubmitButton as V, filterClearButton as G } from "../messages/index.mjs";
+import { GridColumnMenuItem as _ } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as $ } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemContent as p } from "./GridColumnMenuItemContent.mjs";
+import { Input as ee, Checkbox as M } from "@progress/kendo-react-inputs";
+import { useLocalization as te } from "@progress/kendo-react-intl";
+import { filterClearButton as h, messages as f, searchPlaceholder as O, filterTitle as q, filterCheckAll as w, filterSelectedItems as V, filterSubmitButton as G } from "../messages/index.mjs";
 import { filterBy as P } from "@progress/kendo-data-query";
-import { IconWrap as te, clone as ne } from "@progress/kendo-react-common";
-import { Button as F } from "@progress/kendo-react-buttons";
-import { getNestedValue as R } from "../utils/index.mjs";
-import { searchIcon as le, xIcon as re, filterIcon as ae } from "@progress/kendo-svg-icons";
-const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]), ce = {
+import { IconWrap as ne, clone as le } from "@progress/kendo-react-common";
+import { Button as v } from "@progress/kendo-react-buttons";
+import { getNestedValue as A } from "../utils/index.mjs";
+import { searchIcon as re, xIcon as ae, filterIcon as ie } from "@progress/kendo-svg-icons";
+const ce = (e, d) => e.length !== d.length ? !1 : e.every((g, m) => g === d[m]), oe = {
   uniqueData: !0
-}, Ee = (e) => {
-  const { uniqueData: u = ce.uniqueData } = e, h = () => {
+}, Fe = (e) => {
+  const { uniqueData: d = oe.uniqueData } = e, g = () => {
     const t = e.column.field;
-    return v().filters.findIndex(
+    return S().filters.findIndex(
       (a) => a.filters && a.filters.length > 0 && a.filters[0].field === t
     );
-  }, f = (t, n) => {
-    const i = e.column.field || "", a = t.map((c) => R(i, c));
+  }, m = (t, n) => {
+    const i = e.column.field || "", a = t.map((c) => A(i, c));
     return n ? a.filter((c, o) => a.indexOf(c) === o) : a;
-  }, v = () => e.filter ? ne(e.filter) : { filters: [], logic: "and" }, r = l.useRef(h()), [S, z] = l.useState(e.expanded || !1), [I, b] = l.useState(""), [g, x] = l.useState(f(e.data, u) || []), [A, j] = l.useState(f(e.data, !1) || []), [s, T] = l.useState(v());
+  }, S = () => e.filter ? le(e.filter) : { filters: [], logic: "and" }, r = l.useRef(g()), [I, R] = l.useState(e.expanded || !1), [b, B] = l.useState(""), [x, C] = l.useState(m(e.data, d) || []), [z, j] = l.useState(m(e.data, !1) || []), [s, T] = l.useState(S());
   l.useEffect(() => {
-    const t = e.column.field || "", n = e.data.map((i) => R(t, i));
-    ie(n, A) || (x(n), j(n));
+    const t = e.column.field || "", n = e.data.map((i) => A(t, i));
+    ce(n, z) || (C(n), j(n));
   }, [e.column, e.data]);
   const N = () => e.expanded !== void 0, W = () => {
-    const t = N(), n = !(t ? e.expanded : S);
-    e.onExpandChange && e.onExpandChange(n), t || z(n);
-  }, B = (t) => {
+    const t = N(), n = !(t ? e.expanded : I);
+    e.onExpandChange && e.onExpandChange(n), t || R(n);
+  }, D = (t) => {
     const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", i = {
       logic: "and",
       filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
     };
-    b(t.target.value), x(f(P(e.data || [], i), u));
+    B(t.target.value), C(m(P(e.data || [], i), d));
   }, H = () => {
     const t = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", n = {
       logic: "and",
       filters: [{ field: e.column.field, operator: t, value: "", ignoreCase: !0 }]
     };
-    b(""), x(f(P(e.data || [], n), u));
+    B(""), C(m(P(e.data || [], n), d));
   }, J = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
@@ -59,18 +59,18 @@ const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]),
       return;
     const n = s || null;
     e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
-  }, D = (t, n) => {
+  }, y = (t, n) => {
     const i = e.column.field || "", a = { ...s }, c = [...s.filters];
     let o = [];
     if (r.current !== -1 && a.filters[r.current].filters && n !== "all" && (o = a.filters[r.current].filters), t.value && n === "all")
-      g.forEach((E) => {
-        o.push({ field: i, operator: "eq", value: E });
+      x.forEach((F) => {
+        o.push({ field: i, operator: "eq", value: F });
       });
     else if (t.value)
       o.push({ field: i, operator: "eq", value: n });
     else if (s) {
-      const E = o.findIndex((Y) => Y.value === n);
-      o.splice(E, 1);
+      const F = o.findIndex((Z) => Z.value === n);
+      o.splice(F, 1);
     }
     a.logic = "and", r.current !== -1 ? c[r.current] = {
       logic: "or",
@@ -83,65 +83,66 @@ const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]),
     let t = !1;
     if (s) {
       const n = [...s.filters];
-      return r.current === -1 ? !1 : (t = g.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
+      return r.current === -1 ? !1 : (t = x.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
         (c) => c.value === i
       ) >= 0 : !1), t);
     }
     return t;
-  }, d = ee(), { column: C } = e;
-  if (!C || !C.field)
+  }, u = te(), { column: k } = e;
+  if (!k || !k.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const U = N() ? e.expanded : S, k = [];
+  const U = N() ? e.expanded : I, E = [];
   if (s) {
     const t = [...s.filters];
-    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === C.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
-      n.field === e.column.field && k.push(n.value);
+    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === k.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
+      n.field === e.column.field && E.push(n.value);
     });
   }
-  const X = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: I, onChange: B }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(te, { className: "k-input-icon", name: "search", icon: le }), /* @__PURE__ */ l.createElement(
-    p,
+  const X = u.toLanguageString(h, f[h]), Y = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: b, onChange: D }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(ne, { className: "k-input-icon", name: "search", icon: re }), /* @__PURE__ */ l.createElement(
+    ee,
     {
       className: "k-input-inner",
       type: "text",
-      placeholder: d.toLanguageString(O, m[O]),
-      value: I,
-      onChange: (t) => B(t.nativeEvent)
+      placeholder: u.toLanguageString(O, f[O]),
+      value: b,
+      onChange: (t) => D(t.nativeEvent)
     }
   ), /* @__PURE__ */ l.createElement(
-    F,
+    v,
     {
       type: "button",
       rounded: null,
       className: "k-input-button",
       onClick: H,
       icon: "x",
-      svgIcon: re
+      "aria-label": X,
+      svgIcon: ae
     }
-  )), y = k.filter((t, n) => k.indexOf(t) === n);
-  return /* @__PURE__ */ l.createElement(_, null, /* @__PURE__ */ l.createElement(
-    Z,
+  )), L = E.filter((t, n) => E.indexOf(t) === n);
+  return /* @__PURE__ */ l.createElement($, null, /* @__PURE__ */ l.createElement(
+    _,
     {
-      title: d.toLanguageString(q, m[q]),
+      title: u.toLanguageString(q, f[q]),
       iconClass: "k-i-filter",
-      svgIcon: ae,
+      svgIcon: ie,
       onClick: W
     }
-  ), /* @__PURE__ */ l.createElement($, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, X, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
+  ), /* @__PURE__ */ l.createElement(p, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, Y, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
     M,
     {
-      label: d.toLanguageString(L, m[L]),
-      onChange: (t) => D(t, "all"),
+      label: u.toLanguageString(w, f[w]),
+      onChange: (t) => y(t, "all"),
       checked: Q()
     }
-  )), g.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
+  )), x.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
     M,
     {
       label: String(t),
-      onChange: (i) => D(i, t),
-      checked: y.includes(t)
+      onChange: (i) => y(i, t),
+      checked: L.includes(t)
     }
-  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, y.length + " " + d.toLanguageString(w, m[w])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(F, { themeColor: "primary", type: "submit" }, d.toLanguageString(V, m[V])), /* @__PURE__ */ l.createElement(F, { className: "k-button", type: "reset" }, d.toLanguageString(G, m[G])))))));
+  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, L.length + " " + u.toLanguageString(V, f[V])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(v, { themeColor: "primary", type: "submit" }, u.toLanguageString(G, f[G])), /* @__PURE__ */ l.createElement(v, { className: "k-button", type: "reset" }, u.toLanguageString(h, f[h])))))));
 };
 export {
-  Ee as GridColumnMenuCheckboxFilter
+  Fe as GridColumnMenuCheckboxFilter
 };

package/dist/cdn/js/kendo-react-grid.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-data-query"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-dropdowns"),require("react-dom"),require("@progress/kendo-react-indicators"),require("@progress/kendo-react-animation")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-data-query","@progress/kendo-react-data-tools","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-svg-icons","@progress/kendo-react-layout","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs","@progress/kendo-react-popup","@progress/kendo-react-buttons","@progress/kendo-react-dropdowns","react-dom","@progress/kendo-react-indicators","@progress/kendo-react-animation"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGrid={},e.React,e.PropTypes,e.KendoDataQuery,e.KendoReactDataTools,e.KendoReactCommon,e.KendoReactIntl,e.KendoSvgIcons,e.KendoReactLayout,e.KendoReactInputs,e.KendoReactDateinputs,e.KendoReactPopup,e.KendoReactButtons,e.KendoReactDropdowns,e.ReactDOM,e.KendoReactIndicators,e.KendoReactAnimation)}(this,(function(e,t,r,n,l,o,a,i,s,c,d,u,p,g,m,h,f){"use strict";function C(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v=C(t);const b=e=>null;b.displayName="KendoReactGridColumn";const E={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};b.propTypes={field:r.string,title:r.string,editable:r.bool,sortable:r.oneOfType([r.bool,r.shape({allowUnsort:r.bool.isRequired})]),cell:r.any,filterCell:r.any,filterTitle:r.string,filterable:r.bool,filter:r.oneOf(["text","numeric","boolean","date"]),editor:r.oneOf(["text","numeric","boolean","date"]),width:r.oneOfType([r.string,r.number]),minResizableWidth:r.number,headerCell:r.any,footerCell:r.any,headerSelectionValue:r.bool,format:r.string,headerClassName:r.string,className:r.string,reorderable:r.bool,resizable:r.bool,orderIndex:r.number,groupable:r.bool,columnMenu:r.any,menuIcon:r.any,locked:r.bool,hidden:r.bool,media:r.string};const x=()=>t.createElement(t.Fragment,null),I=x;var y=(e=>(e.head="head",e.body="body",e))(y||{}),k=(e=>(e.create="create",e.edit="edit",e.delete="delete",e.select="select",e.copySelection="copySelection",e.copySelectionNoHeaders="copySelectionNoHeaders",e.paste="paste",e.reorderRow="reorderRow",e.exportPDF="exportPDF",e.exportExcel="exportExcel",e.separator="separator",e.sortAsc="sortAsc",e.sortDesc="sortDesc",e))(k||{});function S(e,t){const r=(null!=e?e:"").split(".");let n=t;return r.forEach((e=>{n=n?n[e]:void 0})),n}function R(e,t,r,o,a,i,s,c,d,u,p=0,g){var m;let h=p;for(let f=0;f<t.length;f++){let C;if(!a||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:o.index,dataItem:t[f],rowType:"data",level:p,group:g,expanded:null!=(m=i?S(i,t[f]):u&&!(null==s||!s[n.getter(u)(t[f])]))&&m},o.index++;continue}{let e;e=null!=g&&g.parents?[{field:g.field,value:g.value},...g.parents]:g?[g]:[],C={field:t[f].field,value:t[f].value,parents:e}}h=Math.max(h,p+1);let v=!1;if(i)v=!1!==S(i,t[f]);else{const e=l.findGroupExpand(c||[],C);v=e?!1!==e.expanded:!1!==d}e[e.length]={dataIndex:-1,dataItem:t[f],level:p,group:C,rowType:"groupHeader",expanded:v},v&&(C.expanded=v,h=Math.max(R(e,t[f].items,r,o,a,i,s,c,d,u,p+1,C),h)),("always"===r||v&&"visible"===r)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:p,expanded:v})}return h}const P=(e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1;function w(e,t,r,n=0){const o=[];if(!e)return[];e&&void 0===e.length&&(e=[e]),e.filter((e=>e&&e.props?!e.props.hidden:!e.hidden)).forEach(((e,a)=>{e=e.props?e.props:e;const i=t[a]||null,s=w(e.children,i&&i.children||[],r,n+1);o.push(Object.assign({depth:n},E,s.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},e,{id:e.id?e.id:l.tableKeyboardNavigationTools.generateNavigatableId(""+r.prevId++,r.idPrefix,"column"),declarationIndex:o.length,children:s,headerColSpan:e.headerColSpan,rowSpan:0,columnType:e.columnType||"data",colSpan:e.colSpan||1,isAccessible:!0,left:e.lockedColumn?i&&Math.floor(i.left):null,right:e.lockedColumn?i&&Math.floor(i.right):null}))}));if(o.sort(((e,t)=>e.orderIndex===t.orderIndex?e.declarationIndex-t.declarationIndex:(e.orderIndex||0)-(t.orderIndex||0))),0===n){const e=[],t=(r,n)=>r.forEach((r=>{r.parentIndex=n,t(r.children,e.push(r)-1)}));return t(o,-1),e}return o}const N=e=>void 0!==e.width?Math.floor(parseFloat(e.width.toString()))+"px":void 0,D=(e,t)=>t&&t.filter((t=>t.field===e)).length>0,T=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:r,depth:n,headerColSpan:l,rowSpan:o,index:a,kFirst:i,children:s,...c}=e;return s.length?{children:T(s),...c}:c}))),M=e=>{const{filterCell:t,headerCell:r,footerCell:n,cells:l,cell:o,...a}=e;return e.children.length?{...a,children:e.children.map(M)}:a},G="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),L=17895697,O=(e,t)=>{if(e||t)return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e},F=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),H=e=>({id:e.id,ariaColumnIndex:e.ariaColumnIndex,isSelected:e.isSelected,isInEdit:e.isInEdit,isSorted:e.isSorted,isAlt:e.isAlt,expanded:e.expanded,className:e.className,style:e.style,field:e.field,dataItem:e.dataItem,format:e.format,colSpan:e.colSpan,dataIndex:e.dataIndex,columnIndex:e.columnIndex,columnsCount:e.columnsCount,rowType:e.rowType,level:e.level,editor:e.editor,render:e.render,locked:e.locked,isRtl:e.isRtl,rowDataIndex:e.rowDataIndex,columnPosition:e.columnPosition,group:e.group}),K=t.createContext([{},()=>{},{}]),A=()=>t.useContext(K),z=e=>{var r,n,l,o,a,i,s,c,d,u,p,g,m,h,f,C,v,b,E,x;const{children:I,onEditChange:y,onFilterChange:k,onSortChange:S,onSearchChange:R,onPageChange:P,onGroupChange:w,onDataStateChange:N,onSelectionChange:D,onDetailExpandChange:T,onGroupExpandChange:M,onHeaderSelectionChange:G}=e,[L,O]=t.useState({edit:null!=(r=e.defaultEdit)?r:e.edit,filter:null!=(n=e.defaultFilter)?n:e.filter,select:null!=(l=e.defaultSelect)?l:e.select,search:null!=(o=e.defaultSearch)?o:e.search,sort:null!=(a=e.defaultSort)?a:e.sort,take:null!=(i=e.defaultTake)?i:e.take,skip:null!=(s=e.defaultSkip)?s:e.skip,group:null!=(c=e.defaultGroup)?c:e.group,detailExpand:null!=(d=e.defaultDetailExpand)?d:e.detailExpand,groupExpand:null!=(u=e.defaultGroupExpand)?u:e.groupExpand}),F={edit:null!=(p=e.edit)?p:L.edit,filter:null!=(g=e.filter)?g:L.filter,search:null!=(m=e.search)?m:L.search,sort:null!=(h=e.sort)?h:L.sort,take:null!=(f=e.take)?f:L.take,skip:null!=(C=e.skip)?C:L.skip,group:null!=(v=e.group)?v:L.group,select:null!=(b=e.select)?b:L.select,detailExpand:null!=(E=e.detailExpand)?E:L.detailExpand,groupExpand:null!=(x=e.groupExpand)?x:L.groupExpand};return t.createElement(K.Provider,{value:[F,e=>{},{onEditChange:e=>{O((t=>({...t,edit:e.edit}))),null==y||y(e)},onFilterChange:k&&(e=>{O((t=>({...t,filter:e.filter}))),null==k||k(e)}),onSearchChange:e=>{O((t=>({...t,search:e.search}))),null==R||R(e)},onSortChange:S&&(e=>{O((t=>({...t,sort:e.sort}))),null==S||S(e)}),onPageChange:P&&(e=>{O((t=>({...t,...e.page}))),null==P||P(e)}),onGroupChange:w&&(e=>{O((t=>({...t,group:e.group}))),null==w||w(e)}),onDataStateChange:e=>{O((t=>({...t,...e.dataState}))),null==N||N(e)},onSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==G||G(e)},onDetailExpandChange:e=>{O((t=>({...t,detailExpand:e.detailExpand}))),null==T||T(e)},onGroupExpandChange:e=>{O((t=>({...t,groupExpand:e.groupExpand}))),null==M||M(e)}}]},I)},B=e=>{const{children:t}=e,r=o.useId(),n=e.id||r,l=o.useUnstyled(),i=a.useLocalization(),s=a.useInternationalization(),[,c]=v.useReducer((e=>!e),!0),d=v.useRef([]),u=v.useRef(0),[p,,g]=A();return v.cloneElement(t,{...null==t?void 0:t.props,...p,...g,id:n,unstyled:l,localization:i,intl:s,columnsRef:d,scrollLeftRef:u,forceUpdate:c,isClient:!0})};let V=class{constructor(e){this.columns=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=e=>{this.isRtl=e},this.dragHandler=(e,t,r,n)=>{const l=e.originalEvent;n||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const o=r.closest("th");if(!o||!o)return;const a=o.clientWidth;let i=a;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-e.clientX:i+=e.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!n&&Math.abs(i-a)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/a);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,a,i,l,n,t.id)},this.dblClickHandler=(e,t)=>{const r=this.columns.filter((e=>t.indexOf(e.id)>-1));if(!this.colGroupMain||!r.length)return;const n={},l=r;for(;l.length>0;){const e=l.pop();if(!e)break;e.children.length?l.push(...e.children):n[e.id]=e}const o=this.columns.filter((e=>!e.children.length)),a=[];o.forEach(((e,t)=>{n[e.id]&&a.push(t)}));const i=[this.colGroupMain.parentElement],s=[this.colGroupMain];this.colGroupHeader&&(i.push(this.colGroupHeader.parentElement),s.push(this.colGroupHeader)),this.colGroupFooter&&(i.push(this.colGroupFooter.parentElement),s.push(this.colGroupFooter)),i.forEach((e=>e.classList.add("k-autofitting")));const c=[];s.forEach((e=>{a.forEach((t=>{e.children[t]&&(e.children[t].width="",c[t]=Math.max(c[t]||0,e.children[t].offsetWidth+1))}))})),s.forEach((e=>{a.forEach((t=>{e.children[t]&&(e.children[t].width=c[t]+"px",o[t].width=c[t])}))})),i.forEach((e=>e.classList.remove("k-autofitting"))),this.onResize(a[0],0,0,e,!0,t[0])},this.updateColElements=e=>{const t=this.columns.filter((e=>!e.children.length));let r=1e-10;for(let n=0;n<e.length;n++){const l=e[n],o=t.findIndex((e=>e.id===l.id)),a=parseFloat((l.width||0).toString()),i=Math.floor(a);r+=a-i;const s=i+Math.floor(r);if(r-=Math.floor(r),this.colGroupMain&&this.colGroupMain.children[o]){const e=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,l,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const e=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,l,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const e=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,l,e-s)}}},this.onResize=e}fixateInitialWidths(e){const t=this.columns.filter((e=>!e.children.length));let r=0;const n=this.colGroupMain?this.colGroupMain.children:[];for(let t=0;t<n.length;t++)n[t].width?e-=parseFloat(n[t].width):r++;if(0===r)return;const l=Math.floor(e/r);for(let e=0;e<n.length;e++){const r=n[e];r.width||(r.width=l,t[e].width=l.toString(),this.colGroupHeader&&(this.colGroupHeader.children[e].width=l),this.colGroupFooter&&(this.colGroupFooter.children[e].width=l))}}setWidths(e,t){const r=this.columns.findIndex((t=>t.id===e.id)),n=[];let l=e.children.length;for(let e=r+1;e<this.columns.length&&!(l<=0);e++){const t=this.columns[e];t.children.length?l+=t.children.length:n.push(t),l--}return 0===n.length&&n.push(e),n.forEach((e=>{let r=e.width?parseFloat(e.width.toString())*t:0;const n=void 0===e.minResizableWidth?10:e.minResizableWidth;r<n&&(r=n),e.width=r})),this.updateColElements(n),n}updateNextLockedCol(e,t,r){const n=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),o=null==l?void 0:l.clientWidth,a=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||o<=a+20||this.columns.forEach((t=>{if(null!=t&&t.locked&&r){const l=null==e?void 0:e.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');null==l||l.forEach((e=>{const l=e.style;this.isRtl?(t.index>n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"),t.index<n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px")):(t.index>n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px"),t.index<n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"))}))}}))}},W=class{constructor(e,t,r){this.refDragElementClue=v.createRef(),this.refDropElementClue=v.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,t)=>{const r=this.getColumnIndex(e,t);if(this.startGroup=this.getGroupIndex(e),r>=0){const e=this.columns[r];(e.reorderable&&this.reorderable||e.groupable&&this.groupable)&&(this.startColumn=r)}},this.dragHandler=(e,t)=>{if(e.isTouch||e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),-1===this.startColumn&&-1===this.startGroup)return;this.currentColumn=this.getColumnIndex(e,t),this.currentGroup=this.isTargetGroupingContainer(e)?this.getCurrentGroupsLength:this.getGroupIndex(e);const r=!this.isValid();r&&(this.currentColumn=-1,this.currentGroup=-1);const n=this.currentColumn>=0?t.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(e)?e.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(e,t,n,r),this.updateDropElementClue(e,t,n,r)},this.releaseHandler=e=>{const t=this.startColumn,r=this.currentColumn,n=this.startGroup,l=this.currentGroup;e.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const o=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,o&&(t>=0&&r>=0?this.columnReorder(t,r,e.originalEvent):n>=0&&l>=0?this.groupReorder(n,l,e.originalEvent):t>=0&&l>=0&&this.columnToGroup(t,l,e.originalEvent))},this.columnReorder=e,this.groupReorder=t,this.columnToGroup=r}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,t){if(!t||t.parentElement===this.groupPanelDivElement)return-1;const r=l.getIndex(e,t);if(-1===r)return-1;for(let e=0;e<t.parentNode.children.length;e++)if(t.parentNode.children[e]===t)return this.columns.findIndex((t=>t.index===r&&t.depth===e));return-1}isTargetGroupingContainer(e){const t=e.originalEvent.target;return!!t.className.indexOf&&-1!==t.className.indexOf("k-grouping-drop-container")}getGroupIndex(e){return l.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:-1!==this.startColumn&&(this.currentGroup>=0?!0===this.columns[this.startColumn].groupable&&!0===this.groupable:!0===this.reorderable&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&!0===this.columns[this.startColumn].reorderable&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex)}updateDragElementClue(e,t,r,n){if(!this.dragElementClue)return;const l=this.startColumn>=0?t.children[this.columns[this.startColumn].index].innerText:t.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:l,status:n||!r?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,t,r,n){if(!this.dropElementClue)return;if(n||!r)return void this.dropElementClue.setState({visible:!1});const l=r.getBoundingClientRect(),o=(r.closest(".k-grouping-header")||r).getBoundingClientRect();let a=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&(a+=l.width);const i=o.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:a,height:this.currentColumn>=0?t.clientHeight:o.height})}};const q=l.TABLE_ROW_INDEX_ATTRIBUTE,_=l.TABLE_COL_INDEX_ATTRIBUTE,U=l.TABLE_PREVENT_SELECTION_ELEMENT,j=/^(?!.*\bChrome).*\bSafari/i;let $=class{constructor(e){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=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(v.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return(null==(e=this.containerRef)?void 0:e.current)||void 0}translate(e,t){this.scrollableVirtual&&this.table&&(G||this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}changePage(e,t){this.PageChange&&this.PageChange({skip:Math.max(0,e),take:this.pageSize},t)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(e){var t;if(!(this.scrollableVirtual&&this.container&&this.table&&this.rowHeightService&&null!=(t=this.containerRef)&&t.current))return;if(this.scrollSyncing)return void(this.scrollSyncing=!1);const r=this.container.scrollTop,n=this.lastScrollTop>=r,l=!n;this.lastScrollTop=r;let o=this.rowHeightService.index(r),a=this.rowHeightService.offset(o);const{offsetHeight:i}=this.containerRef.current,s=this.rowHeightService.index(r+i);if(l&&s>=this.lastLoaded&&this.lastLoaded<this.total){const t=o+this.pageSize-this.total;t>0&&(o-=t,a=this.rowHeightService.offset(o)),this.firstLoaded=o,this.translate(a);const r=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(r,this.total),this.changePage(this.firstLoaded,e)}else if(n&&o<this.firstLoaded){const t=Math.floor(.3*this.pageSize);this.firstLoaded=Math.max(o-t,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,e)}}},X=class{constructor(e){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=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(v.version),this.topItems=(e,t)=>{if(!this.container||t)return{topItemsCount:0,topItemsHeight:0};const r=this.container.clientHeight,n=Math.ceil(r/e[0].line),l=Math.ceil((e.length-n)/2);let o=0;for(let t=0;t<l;t++)o+=e[t].line+e[t].acc;return{topItemsCount:l,topItemsHeight:o,itemsNeededOnScreen:n+n/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,e&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return null==(e=this.containerRef)?void 0:e.current}get rowHeights(){var e,t;const r=[],n=(null==(e=this.tableBodyRef)?void 0:e.current)&&(null==(t=this.tableBodyRef)?void 0:t.current.children)||[];let l=0;for(let e=0;e<n.length;e++)n[e].className.indexOf("k-grouping-row")>-1?l+=n[e].scrollHeight:n[e].className.indexOf("k-detail-row")>-1?r[r.length-1].line+=n[e].scrollHeight:(r.push({line:n[e].scrollHeight,acc:l}),l=0);return r}changePage(e,t){this.attendedSkip=e-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,e-this.topCacheCount),take:this.pageSize},t)}translate(e,t){this.tableTranslate=e,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(e){if(!this.container)return;const t=this.rowHeights,r=this.container.scrollTop;let n=this.tableTranslate,l=0;const{topItemsCount:o,topItemsHeight:a,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount),s=r-n;if(!(s>a||t.length<=i)){for(;l<this.topCacheCount+this.attendedSkip-this.realSkip+o&&this.propsSkip-l>0&&!(n+(t[t.length-1-l].line+t[t.length-1-l].acc)+s<=r);)n-=t[t.length-1-l].line+t[t.length-1-l].acc,l++;if(0===l&&0===this.topCacheCount&&this.attendedSkip>0&&(n=Math.max(n-t[0].line,0),l=1),this.propsSkip-l<=0&&n>r)return this.translate(0),this.changePage(0,e),void(this.container.scrollTop=0);if(n>r&&(n=r),n!==this.tableTranslate){this.translate(Math.max(0,n-a));const t=Math.max(0,this.propsSkip-l-o);this.changePage(t,e)}}}localScrollDown(e){if(!this.container)return;const t=this.rowHeights,r=this.container.scrollTop;let n=this.tableTranslate,l=0;const{topItemsCount:o,topItemsHeight:a,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount);for(;l<t.length-this.topCacheCount&&!(n+t[l].line+t[l].acc>r);)n+=t[l].line+t[l].acc,l++;o>this.propsSkip+l||t.length<=i||(l>=t.length-this.topCacheCount&&this.propsSkip+l>=this.total?(this.translate(n-a),this.changePage(this.total-1-o,e)):n!==this.tableTranslate&&this.propsSkip+l-o!==this.propsSkip&&(this.translate(n-a),this.changePage(this.propsSkip+l-o,e)))}scrollNonStrict(e){const t=this.total*this.prevScrollPos/this.containerHeight;let r=Math.floor(t);r>=this.total&&(r=this.total-1);const n=Math.min(t-r,1);let l=0;const o=r-this.propsSkip,a=this.rowHeights;o>=0&&o<=1?l=-(a[0].line+a[0].acc)*n:-1===o&&(l=-(a[a.length-1].line+a[a.length-1].acc)*n);const{topItemsCount:i,topItemsHeight:s}=this.topItems(a,!!this.topCacheCount);this.translate(Math.max(0,l-s-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(r-i,e)}scrollHandler(e){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table)return void(this.scrollSyncing=!1);const t=this.container.scrollTop,r=this.prevScrollPos;if(this.prevScrollPos=t,void 0!==this.askedSkip)return this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,e),this.prevScrollPos=t,void(this.askedSkip=void 0);t-r<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(e):t-r>0&&t<this.tableTranslate+2*this.table.scrollHeight/3?this.localScrollDown(e):this.scrollNonStrict(e),this.prevScrollPos=t}};const Y={[k.create]:{name:"create",text:"Add",icon:"plus",svgIcon:i.plusIcon,data:{action:"AddCommand"}},[k.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:i.pencilIcon,data:{action:"EditCommand"}},[k.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:i.trashIcon,data:{action:"DeleteCommand"}},[k.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:i.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:i.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:i.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:i.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[k.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:i.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[k.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:i.fileTxtIcon,data:{action:"CopySelectionCommand"}},[k.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:i.clipboardIcon,data:{action:"PasteCommand"}},[k.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:i.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:i.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:i.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:i.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:i.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[k.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:i.filePdfIcon,data:{action:"ExportPDFCommand"}},[k.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:i.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[k.separator]:{name:"separator",separator:!0},[k.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:i.sortAscSmallIcon,data:{action:"SortCommand"}},[k.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:i.sortDescSmallIcon,data:{action:"SortCommand"}}},J=e=>{const{show:t,offset:r,dataItem:n,field:l,items:o,onClose:i,onSelect:c}=e,d=a.useLocalization(),u=v.useCallback((e=>{c.call(void 0,{event:e,dataItem:n,field:l})}),[c,n,l]),p=v.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=d.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>p(e)))),t}),[d]),g=v.useMemo((()=>o&&o.map((e=>p("string"==typeof e?Y[e]:e)))),[o,p]);return v.createElement(s.ContextMenu,{show:t,offset:r,items:g,onClose:i,onSelect:u})},Q=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),Z={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},ee={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},te=v.createContext(void 0),re=e=>{var t,r;const n=e.gridProps.isClient,[a,i]=v.useState({}),s=()=>{i({})},c=v.useMemo((()=>e.columnsRef.current.find((e=>e.field===a.field))),[e.columnsRef,a]),d=v.useMemo((()=>(e=>{let t=[];return e.sortable&&(t=t.concat([k.sortAsc,k.sortDesc])),t})({sortable:!!(e.gridProps.sortable&&(null==c?void 0:c.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),u=v.useMemo((()=>(e=>{let t=[];return e.clipboard&&(t=t.concat([k.copySelection,k.copySelectionNoHeaders,k.paste])),e.editable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.create,k.edit,k.delete])),e.selectable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.select])),e.reorderable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.reorderRow])),t})({sortable:!!(e.gridProps.sortable&&(null==c?void 0:c.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),p=v.useMemo((()=>{const t=(null==c?void 0:c.contextMenu)||e.gridProps.contextMenu,r="function"==typeof t?t(a):t;if(r&&a.offset){const e=r[a.dataItem?y.body:y.head],t=a.dataItem?u:d;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,a,u,d,c]),g=()=>{const e=se.current.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return T(e)},m=t=>{if("moveToNextPage"===t.action&&S(t.event),"moveToPrevPage"===t.action&&R(t.event),t.focusElement&&"reorderToRight"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e<se.current.length-1&&N(e,e+1,t.event)}if(t.focusElement&&"reorderToLeft"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e>0&&N(e,e-1,t.event)}if(e.gridProps.onNavigationAction&&n){const r={focusElement:t.focusElement,...z(t.event)};B(e.gridProps.onNavigationAction,r)}},h=(t,r,n)=>{const{allowUnsort:l,mode:o}=Q(e.gridProps.sortable||!1,r.sortable||!1),a=(e.gridProps.sort||[]).filter((e=>e.field===r.field))[0],i=n||ee[l][a&&a.dir||""],s="single"===o?[]:(e.gridProps.sort||[]).filter((e=>e.field!==r.field));""!==i&&r.field&&s.push({field:r.field,dir:i}),P(s,t)},f=(t,r)=>{e.gridProps.onSelectionChange&&n&&ze.enabled&&B(e.gridProps.onSelectionChange,{...t,select:r})},C=t=>{if(e.gridProps.onSelectionChange&&ze.enabled){const r=t.dataItems[0],n=t.dataItems[t.dataItems.length-1],l={},a={...t,startDataItem:r,endDataItem:n,startRowIndex:0,endRowIndex:t.dataItems.length-1,startColIndex:0,endColIndex:se.current.length-1};t.dataItems.forEach((r=>{const n=o.getter(e.gridProps.dataItemKey)(r);l[n]=!t.cell||[...Array(se.current.length).keys()]})),f(a,l)}},b=t=>{if(e.gridProps.onSelectionChange&&ze.enabled){const r=o.getter(e.gridProps.dataItemKey)(t.dataItem),n=0,l=se.current.length-1,a=t.dataItems.findIndex((r=>r[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:n,endColIndex:l},s="multiple"===t.mode&&e.gridProps.select||{};!0===s[r]||Array.isArray(s[r])&&s[r].length===se.current.length?delete s[r]:s[r]=!t.cell||[...Array(se.current.length).keys()],f(i,s)}},E=t=>{e.gridProps.onSelectionChange&&ze.enabled&&f(t,{})},x=(t,r,n,l,o)=>{const a=e.gridProps.onDataStateChange;if(t){const e={...z(l),...r,targetEvent:o};B(t,e)}else a&&B(a,{...z(l),targetEvent:o||{},dataState:{...A(),...n}})},I=(t,r,n)=>{x(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},r,n)},S=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,o=(e.gridProps.skip||0)+l,a=(()=>{let t=e.gridProps.total||0;return Array.isArray(e.gridProps.data)?t=t||e.gridProps.data.length:e.gridProps.data&&(t=t||e.gridProps.data.total),t})();o<a&&I({skip:o,take:l},t)},R=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,o=(e.gridProps.skip||0)-l;o>=0&&I({skip:o,take:l},t)},P=(t,r)=>{x(e.gridProps.onSortChange,{sort:t},{sort:t,..."virtual"===e.gridProps.scrollable?{skip:0}:{}},r)},w=(t,r)=>{const n=r.nativeEvent?r:{nativeEvent:r.nativeEvent||r.originalEvent};0===t.length&&e.gridProps.navigatable&&(Re.current=!0),x(e.gridProps.onGroupChange,{group:t},{group:t,skip:0},n)},N=(t,r,n)=>{const o=se.current[t],a=o.depth,i=e=>{do{e++}while(e<se.current.length&&se.current[e].depth>a);return e},s=se.current.splice(t,i(t)-t);se.current.splice(t<r?i(r-s.length):r,0,...s),se.current.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>e.orderIndex=t));const c=se.current[t].locked&&se.current[r].locked;l.updateLeft(e.columnsMapRef,se.current,c||De.current),l.updateRight(e.columnsMapRef,se.current,c||De.current),Se.current&&(De.current=!1,Se.current=!1);const d=g();if(ae(),e.gridProps.onColumnReorder){const t={target:ie.current,columns:d,columnId:o.id,nativeEvent:n};B(e.gridProps.onColumnReorder,t)}},D=(t,r,n)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(r,0,...l.splice(t,1)),w(l,n)},M=(t,r,n)=>{const l=se.current[t].field;if(!l)return;const o=(e.gridProps.group||[]).slice();o.splice(r,0,{field:l}),w(o,n)},O=()=>{let e=0;if(!de.current.colGroupMain)return;const t=de.current.colGroupMain.children;for(let r=0;r<t.length;r++){const n=t[r].width;if(!n)return;e+=parseFloat(n.toString())}e=Math.round(e),ye.current&&ye.current.setWidth(e),Ie.current&&Ie.current.setWidth(e),be.current&&(be.current.style.width=e+"px")},F=(t,r)=>{if(e.gridProps.onClipboard&&n){if(!H()||!t)return;B(e.gridProps.onClipboard,{type:t,nativeEvent:r,columns:se.current,dataItemKey:e.gridProps.dataItemKey||"",..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{}})}},H=()=>{var e,t,r;if(!o.canUseDOM)return!1;const n=o.getActiveElement(Y()),l=n?n.matches(".k-table-td")?n:null==(e=Y())?void 0:e.body:null==(t=Y())?void 0:t.body,a=l.closest(".k-grid-container"),i=l&&(null==(r=xe.current)?void 0:r.contains(l));return!!(l&&i&&a)},K=(t,r,l,o,a,i)=>{O(),De.current=!0,Se.current=!0,e.gridProps.onColumnResize&&n&&B(e.gridProps.onColumnResize,{columns:g(),nativeEvent:o,targetColumnId:i,index:t,newWidth:r,oldWidth:l,end:a,target:ie.current})},A=()=>{var t;return{filter:e.gridProps.filter,sort:e.gridProps.sort,skip:e.gridProps.skip,take:null!=(t=e.gridProps.take)?t:e.gridProps.pageSize,group:e.gridProps.group}},z=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:ie.current}),B=(e,t)=>{"proxy"!==e.name?e.call(void 0,t):e.call(void 0,(e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}))(t))},q=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),_=()=>(e.slicedData||e.dataRef).filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),U=()=>(ke.current||(ke.current=o.getScrollbarWidth()||void 0),ke.current),Y=()=>{var e;if(o.canUseDOM)return(null==(e=Z())?void 0:e.ownerDocument)||document},Z=()=>xe.current,re=v.useCallback((t=>{var r;if(!ce.current||null==(r=ce.current)||!r.container||"none"===e.gridProps.scrollable)return;he.current&&he.current.disconnect();const{rowIndex:n}=t,l=Z();if("virtual"===e.gridProps.scrollable)ce.current.askedSkip=n,ce.current.container.scroll(0,Math.round(ce.current.askedSkip/ce.current.total*ce.current.container.scrollHeight));else if(l){const e=n<1?l.querySelector("tbody > tr:nth-child(1)"):l.querySelector(`tbody > tr:nth-child(${n+1})`);e&&ve.current&&(ve.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),ne=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),le=()=>{ne(Ae)===ne(se.current)||ae()},oe=v.useCallback((e=>{const t={rowIndex:Ge.current};e.forEach((e=>{e.isIntersecting||re(t)}))}),[re]),ae=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},ie=v.useRef(null),se=e.columnsRef,ce=v.useRef(),de=v.useRef(),ue=v.useRef(),pe=v.useRef(),ge=v.useRef(),me=v.useRef(),he=v.useRef(null),fe=v.useRef(null),Ce=v.useRef(null),ve=v.useRef(null),be=v.useRef(null),Ee=v.useRef(null),xe=v.useRef(null),Ie=v.useRef(null),ye=v.useRef(null),ke=v.useRef(),Se=v.useRef(!1),Re=v.useRef(!1),Pe=v.useRef(),we=v.useRef(),Ne=v.useRef(!1),De=v.useRef(!0),Te=v.useRef(0),Me=v.useRef(),Ge=v.useRef(),Le=v.useRef([]),Oe=v.useRef(null),Fe=v.useRef(null),He=v.useRef(null),Ke=o.useDir(xe),Ae=v.useMemo((()=>v.Children.toArray(e.gridProps.children)),[e.gridProps.children]),ze=l.getSelectionOptions(null!=(t=e.gridProps.selectable)?t:!!e.gridProps.selectedField),Be=l.getEditableOptions(null!=(r=e.gridProps.editable)?r:!!e.gridProps.editField);v.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:pe,navigationStateRef:ge,idPrefix:e.id})}),[]),v.useMemo((()=>{var t;null==(t=ce.current)||t.reset();const r=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,n=e.isFixedVirtualScroll?$:X;ce.current=new n(r||void 0===e.gridProps.rowHeight||0===e.gridProps.rowHeight)}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,e.gridProps.groupable,e.gridProps.sort,e.gridProps.rowHeight]),v.useEffect((()=>(e.gridProps.clipboard&&(me.current=new l.ClipboardService(F),me.current.addEventListeners(Y())),()=>{me.current&&me.current.removeEventListeners(Y())})),[e.gridProps.onClipboard,e.gridProps.clipboard]),v.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(j)&&(Ee.current&&(Ee.current.style.display="block"),be.current&&(be.current.style.display="block")),O(),o.setScrollbarWidth(U()),l.tableKeyboardNavigation.onComponentDidMount({scope:xe.current||void 0,contextStateRef:pe,navigationStateRef:ge}),()=>{clearTimeout(Me.current)})),[]),v.useEffect((()=>{var t;O(),o.setScrollbarWidth(U()),null!=(t=ce.current)&&t.tableTransform&&ce.current.table&&(ce.current.table.style.transform=ce.current.tableTransform,ce.current.tableTransform=""),(()=>{var e,t,r;if(fe.current&&(null==(e=fe.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ne.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?we.current=document.activeElement:we.current=void 0;const e=Array.from(null==(r=fe.current)?void 0:r.getElementsByClassName("k-grid-edit-row"));e.length>Le.current.length?Pe.current=e.filter((e=>!Le.current.includes(e)))[0]:1===e.length&&(Pe.current=e[0],Ne.current=!0),Le.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:xe.current||void 0,contextStateRef:pe,navigationStateRef:ge,focusFirst:Re.current,newEditableRow:Pe.current,singleEditRow:Ne.current,lastActiveElement:we.current,navigatable:e.gridProps.navigatable}),Re.current=!1,Pe.current=void 0})),v.useEffect((()=>{if(o.canUseDOM){const e={rootMargin:"0px",threshold:.9};he.current=window.IntersectionObserver&&new window.IntersectionObserver(oe,e)||null}}),[oe]),v.useEffect((()=>{var e;let t;return o.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver(le),t.observe(null==(e=Y())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),v.useImperativeHandle(ie,(()=>({get element(){return Z()},props:e.gridProps,get columns(){return g()},scrollIntoView:t=>{var r;if(null==(r=ce.current)||!r.container||"none"===e.gridProps.scrollable)return;const{rowIndex:n}=t;Ge.current=n;const l=Z();if(he.current&&l){he.current.disconnect();const e=l.querySelector(`[absolute-row-index="${Ge.current}"]`);e?he.current.observe(e):re(t)}},fitColumns:e=>{de.current.dblClickHandler(null,e)}}))),v.useImperativeHandle(e.gridRef,(()=>ie.current)),v.useMemo((()=>{de.current=new V(K)}),[e.gridProps.onColumnResize]),v.useMemo((()=>{ue.current=new W(N,D,M)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.gridProps.groupable]),de.current.resizable=e.gridProps.resizable||!1,de.current.columns=se.current;const Ve=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled;return ue.current.reorderable=e.gridProps.reorderable||!1,ue.current.groupable=Ve,ue.current.columns=se.current,((t,r)=>{var n,l;if(ce.current){if(ce.current.fixedScroll=e.gridProps.fixedScroll||!1,ce.current.PageChange=I,ce.current.realSkip=e.gridProps.skip||0,ce.current.pageSize=null!=(l=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?l:0,ce.current.scrollableVirtual="virtual"===e.gridProps.scrollable,ce.current.total=t,ce.current.propsSkip=(e.gridProps.skip||0)+("virtual"===e.gridProps.scrollable?ce.current.topCacheCount+(ce.current.attendedSkip-(e.gridProps.skip||0)):0),void 0!==e.gridProps.rowHeight&&e.gridProps.rowHeight>0&&!r){const r=e.gridProps.rowHeight*t;ce.current.containerHeight=G?Math.min(L,r):r}else ce.current.containerHeight=1533915;if(ce.current.containerRef=ve,ce.current.tableBodyRef=fe,ce.current.table=be.current,ce.current instanceof $){const{rowHeight:r=0,detail:n,expandField:l}=e.gridProps;let{detailRowHeight:a=0}=e.gridProps;a=n&&l?a:r,(()=>{const{data:t,total:r}=e.gridProps;return Array.isArray(t)?t.length===r:!!t&&r===t.total})()?(ce.current.total=e.dataRef.length,ce.current.rowHeightService=new o.RowHeightService(e.dataRef.length,r,a,e.dataRef)):ce.current.rowHeightService=new o.RowHeightService(t,r,a);const i=ce.current.rowHeightService.totalHeight();ce.current.containerHeight=G?Math.min(L,i):i}}})(e.total,Ve),v.createElement(te.Provider,{value:{isClient:n,rowReorder:(t,r,n)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===n||!l||!Oe.current)return;const{slicedData:o,dataRef:a}=e,i=(o||a)[r];e.gridProps.onRowReorder&&B(e.gridProps.onRowReorder,{draggedDataItems:[Oe.current],droppedDataItem:null==i?void 0:i.dataItem,dropPosition:n,nativeEvent:t.originalEvent,dragEvent:t,target:ie.current}),Oe.current=null},activeDragRowDataItemRef:Oe,reorderRowDragTargetRef:Fe,reorderRowDropTargetRef:He,dir:Ke,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==Ke?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,groupChange:w,selectionRelease:t=>{var r;if(e.gridProps.onSelectionChange&&ze.enabled){const n=_()[t.startRowIndex],o=_()[t.endRowIndex],a={syntheticEvent:void 0,target:ie.current,selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:q(),dataItem:null,startDataItem:n,endDataItem:o,...t},i=l.getSelectedState({event:a,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});f(a,i)}},pagerPageChange:e=>{I({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(t,r,l)=>{if(e.gridProps.onContextMenu&&n){const n={target:ie.current,syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:r,field:l};B(e.gridProps.onContextMenu,n)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),i({...a,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:t,dataItem:r,field:l})},rowClick:(t,r)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&B(e.gridProps.onRowClick,{dataItem:r,...z(t)})},rowDblClick:(t,r)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&B(e.gridProps.onRowDoubleClick,{dataItem:r,...z(t)})},cellClick:(t,r,n)=>{if(Be.enabled&&"incell"===Be.mode&&e.gridProps.dataItemKey){const o=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:r[e.gridProps.dataItemKey],field:n}});e.gridProps.onEditChange&&B(e.gridProps.onEditChange,{edit:o,...z(t)})}},headerCellClick:h,itemChange:t=>{var r;if(t.field===e.gridProps.expandField||t._expand||e.gridProps.group&&void 0===t.field){if(e.gridProps.onExpandChange){const n=e.gridProps.dataItemKey?l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},{type:l.DETAIL_EXPAND_ACTION.SET,id:t.dataItem[e.gridProps.dataItemKey],payload:t.value}):e.gridProps.detailExpand;B(e.gridProps.onExpandChange,{...z(t.syntheticEvent),expand:n,dataItem:t.dataItem,dataIndex:t.dataIndex,value:t.value})}}else e.gridProps.onItemChange&&B(e.gridProps.onItemChange,{...z(t.syntheticEvent),dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,value:t.value})},sortChange:P,filterChange:(t,r)=>{x(e.gridProps.onFilterChange,{filter:t},{filter:t||void 0,skip:0},r)},searchChange:t=>{const r=e.gridProps.searchFields||se.current.map((e=>e.field))||[],n=t.nativeEvent.target.value,l={logic:"or",filters:r.filter((e=>void 0!==e)).map((e=>{var t;return"string"==typeof e?{field:e,value:n,operator:"contains"}:{value:n,operator:null!=(t=e.operator)?t:"contains",field:e.field,ignoreCase:e.ignoreCase}}))};x(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},onHeaderSelectionChange:t=>{var r;if(e.gridProps.onHeaderSelectionChange&&ze.enabled){const n=q();B(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?n.reduce(((t,r)=>(e.gridProps.dataItemKey&&void 0!==o.getter(e.gridProps.dataItemKey)(r)&&(t[o.getter(e.gridProps.dataItemKey)(r)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:ie.current,dataItems:n,selectedField:null!=(r=e.gridProps.selectedField)?r:""})}},columnGroupChange:(e,t)=>{const r=ue.current.getCurrentGroupsLength;M(e,r,t)},onKeyDown:t=>{var r,o,a,i;l.tableKeyboardNavigation.onKeyDown(t,{navigatable:e.gridProps.navigatable||!1,contextStateRef:pe,navigationStateRef:ge,onNavigationAction:m,columns:g()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:Y(),contextStateRef:pe,navigationStateRef:ge});const s={dataItems:q(),mode:ze.mode,cell:ze.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...z(t)};if(e.gridProps.onKeyDown&&n&&B(e.gridProps.onKeyDown,s),!e.gridProps.selectedField&&ze.enabled&&e.gridProps.dataItemKey){const n=l.getSelectedStateFromKeyDown({event:s,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});if(n===e.gridProps.select)return;const c=t.target,d=l.closestTagName(c,"TD"),u=l.closestTagName(c,"TR"),p=l.getColumnIndex(d),g=l.getRowIndex(u);if(void 0!==p&&void 0!==g){const r=Array.isArray(e.gridProps.data)?null==(o=e.gridProps.data)?void 0:o[g]:null==(i=null==(a=e.gridProps.data)?void 0:a.data)?void 0:i[g];e.gridProps.onSelectionChange&&B(e.gridProps.onSelectionChange,{...s,select:n,dataItem:r,startRowIndex:g,startColIndex:p,startDataItem:r,endDataItem:r,endRowIndex:g,endColIndex:p,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey,shiftKey:t.shiftKey,isDrag:!1})}}},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:pe})},scrollHandler:t=>{if(t.target!==t.currentTarget)return;clearTimeout(Me.current),ce.current&&(ce.current.table=be.current);const r=t.currentTarget.scrollLeft,l=t.currentTarget.scrollTop,o="virtual"===e.gridProps.scrollable;e.gridProps.columnVirtualization&&(!o||l===Te.current)&&(Me.current=window.setTimeout((()=>{ae()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=r),ye.current&&ye.current.setScrollLeft(r),Ie.current&&Ie.current.setScrollLeft(r),ce.current&&l!==Te.current&&ce.current.scrollHandler(t),e.gridProps.onScroll&&n&&B(e.gridProps.onScroll,{...z(t)}),Te.current=l},selectionChange:t=>{var r;if(e.gridProps.onSelectionChange&&ze.enabled){const{event:n,dataItem:o,dataIndex:a,columnIndex:i}=t,s={...z(n.syntheticEvent),dataItem:o,startColIndex:i,endColIndex:i,startRowIndex:a,endRowIndex:a,dataItems:q(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:ze.mode,cell:ze.cell,isDrag:!1,componentId:e.id,selectedField:e.gridProps.selectedField||""};B(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},dispatchDetailExpand:(t,r)=>{var n;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const o=l.detailExpandReducer(null!=(n=e.gridProps.detailExpand)?n:{},t);e.gridProps.onDetailExpandChange&&B(e.gridProps.onDetailExpandChange,{...z(r),detailExpand:o})}},dispatchGroupExpand:(t,r)=>{var n;const o=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(o.enabled){const a=l.groupExpandReducer(null!=(n=e.gridProps.groupExpand)?n:[],t,o);e.gridProps.onGroupExpandChange&&B(e.gridProps.onGroupExpandChange,{...z(r),groupExpand:a})}},columnResizeRef:de,dragLogicRef:ue,navigationStateRef:ge,tableElementRef:be,tableBodyElementRef:fe,headerElementRef:Ce,containerElementRef:ve,headTableElementRef:Ee,elementRef:xe,footerRef:Ie,headerRef:ye,getCachedScrollbarWidth:U,vsRef:ce}},v.createElement(l.TableKeyboardNavigationContext.Provider,{value:pe.current},e.children),v.createElement(J,{show:a.show,dataItem:a.dataItem,field:a.field,items:p,offset:a.offset,onClose:s,onSelect:t=>{var r;const n=t.event.item,o={target:ie.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:n,...t};e.gridProps.onContextMenuItemClick&&B(e.gridProps.onContextMenuItemClick,o);const a=_(),i={selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:a,dataItem:t.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(e.gridProps.selectable),...o};switch(null==(r=n.data)?void 0:r.action){case"SortCommand":if(c){const e=n.name?n.name.toLowerCase().includes("asc")?"asc":n.name.toLowerCase().includes("desc")?"desc":void 0:void 0;h(t.event.syntheticEvent,c,e)}break;case"SelectRowCommand":b(i);break;case"SelectAllRowsCommand":C(i);break;case"ClearSelectionCommand":E(i)}s()}}))},ne="grid.noRecords",le="grid.pagerInfo",oe="grid.pagerFirstPage",ae="grid.pagerPreviousPage",ie="grid.pagerNextPage",se="grid.pagerLastPage",ce="grid.pagerItemsPerPage",de="grid.groupPanelEmpty",ue="grid.groupColumn",pe="grid.ungroupColumn",ge="grid.columnMenu",me="grid.filterApplyButton",he="grid.filterClearButton",fe="grid.filterResetButton",Ce="grid.filterSubmitButton",ve="grid.filterTitle",be="grid.sortAscending",Ee="grid.sortDescending",xe="grid.searchPlaceholder",Ie="grid.searchboxPlaceholder",ye="grid.filterCheckAll",ke="grid.filterChooseOperator",Se="grid.filterSelectAll",Re="grid.filterSelectedItems",Pe="grid.sortAriaLabel",we="grid.filterAriaLabel",Ne="grid.groupPanelAriaLabel",De="grid.groupExpand",Te="grid.groupCollapse",Me="grid.detailExpand",Ge="grid.detailCollapse",Le="grid.selectRow",Oe="grid.gridAriaLabel",Fe="grid.gridRowReorderAriaLabel",He={[Me]:"Expand detail row",[Ge]:"Collapse detail row",[De]:"Expand group",[Te]:"Collapse Group",[ne]:"No records available",[de]:"Drag a column header and drop it here to group by that column",[me]:"Apply",[he]:"Clear",[fe]:"Reset",[Ce]:"Filter",[ve]:"Filter",[be]:"Sort Ascending",[Ee]:"Sort Descending",[Pe]:"Sortable",[ue]:"Group Column",[pe]:"Ungroup Column",[ge]:"Column menu",[ce]:"items per page",[le]:"{0} - {1} of {2} items",[oe]:"Go to the first page",[ae]:"Go to the previous page",[ie]:"Go to the next page",[se]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[xe]:"Search",[Ie]:"Search...",[ye]:"Check All",[ke]:"Choose Operator",[Re]:"selected items",[Se]:"Select All",[we]:"Filter",[Ne]:"Group panel",[Oe]:"Table",[Fe]:"Drag row",[Le]:"Select Row","grid.filterEqOperator":"Is equal to","grid.filterNotEqOperator":"Is not equal to","grid.filterIsNullOperator":"Is null","grid.filterIsNotNullOperator":"Is not null","grid.filterIsEmptyOperator":"Is empty","grid.filterIsNotEmptyOperator":"Is not empty","grid.filterStartsWithOperator":"Starts with","grid.filterContainsOperator":"Contains","grid.filterNotContainsOperator":"Does not contain","grid.filterEndsWithOperator":"Ends with","grid.filterGteOperator":"Is greater than or equal to","grid.filterGtOperator":"Is greater than","grid.filterLteOperator":"Is less than or equal to","grid.filterLtOperator":"Is less than","grid.filterIsTrue":"Is true","grid.filterIsFalse":"Is false","grid.filterBooleanAll":"(All)","grid.filterAfterOrEqualOperator":"Is after or equal to","grid.filterAfterOperator":"Is after","grid.filterBeforeOperator":"Is before","grid.filterBeforeOrEqualOperator":"Is before or equal to","grid.filterAndLogic":"And","grid.filterOrLogic":"Or"},Ke=e=>{var t;const r=v.useContext(te),n=o.useId(),l=a.useLocalization(),i=null!=(t=e.isSelected)?t:o.getNestedValue(e.field,e.dataItem),s="boolean"==typeof i&&i,c=v.useCallback((t=>{null==r||r.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}),[r,e.columnIndex,e.rowDataIndex,e.dataItem]);return v.createElement("span",{className:"k-checkbox-wrap"},v.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(Le,He[Le]),"aria-checked":s,checked:s,onChange:c}))},Ae=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),o=l.useTableKeyboardNavigation(r.id),a={onContextMenu:v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field])},i=n.getCellPositionStyle(r.columnPosition),s={...o,...a,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(r.render){const t="groupHeader"!==r.rowType?v.createElement("td",{...e.tdProps,...s},e.content):null;return r.render.call(void 0,t,{...r,...c})}return e.children&&v.cloneElement(e.children,{...s})},ze=e=>{const{className:t,colSpan:r,style:n,ariaColumnIndex:l,rowType:a,cells:i}=e,s={colSpan:r,style:n,className:o.classNames("k-table-td",t),"aria-colindex":l,role:"gridcell"},c=v.createElement(Ke,{key:1,...e}),d=H(e),u=a||"data",p=i;if(p&&p.select&&p.select[u]){const e=p.select[u],t=F(e);return v.createElement(Ae,{cellProps:d,tdProps:s,isCustom:!0,isClient:t},v.createElement(e,{...d,tdProps:s},c))}const g="groupHeader"!==a?v.createElement("td",{...s},c):null;return v.createElement(Ae,{cellProps:d,content:c,tdProps:s},g)},Be=e=>{const{cellProps:t}=e,r=v.useContext(te),n=l.useTableKeyboardNavigation(t.id),a=e.expanded,i=v.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===o.Keys.enter&&null!=r&&r.itemChange&&(e.preventDefault(),r.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:e,field:t.field,value:!a}))}),[t.dataItem,t.dataIndex,t.field,r,a]),s={...n,..."groupHeader"!==t.rowType&&"groupFooter"!==t.rowType?{onKeyDown:i}:{}},c={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(t.render){const r="groupHeader"!==t.rowType?v.createElement("td",{...e.tdProps,...s},e.content):null;return t.render.call(void 0,r,{...t,...c})}return e.children&&v.cloneElement(e.children,{...s})},Ve=e=>{const t=v.useContext(te),r=a.useLocalization(),n=e.expanded,s=n?Ge:Me,c=r.toLanguageString(s,He[s]);return v.createElement("a",{onClick:r=>{r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:e.field,value:!n,_expand:!0}),void 0!==e.dataItem[t.dataItemKey]&&(null==t||t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:e.dataItem[t.dataItemKey]}))},"aria-label":c,href:"#",tabIndex:-1},v.createElement(o.IconWrap,{name:n?"minus":"plus",icon:n?i.minusIcon:i.plusIcon}))},We=e=>{let t=null,r=null,n=null;const l=H(e),o=e.expanded;"groupFooter"===e.rowType?r={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:"groupHeader"!==e.rowType&&(r={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!o,"aria-colindex":e.ariaColumnIndex},n=v.createElement(Ve,{...l}));const a=e.rowType||"data",i=e.cells;if(i&&i.hierarchy&&i.hierarchy[a]){const e=i.hierarchy[a],t=F(e);return v.createElement(Be,{cellProps:l,tdProps:r,isCustom:!0,isClient:t},v.createElement(e,{...l,tdProps:r},n))}return"groupHeader"!==e.rowType&&(t=v.createElement("td",{...r},n)),v.createElement(Be,{cellProps:l,content:n,tdProps:r},t)},qe=e=>{const{cellProps:t}=e,r=v.useContext(te),n=o.useId(),a=o.getNestedValue(t.field,t.dataItem);let i=null;const s=v.useCallback((e=>{null!=r&&r.itemChange&&r.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,syntheticEvent:e.syntheticEvent,value:e.value})}),[r,t.dataItem,t.dataIndex,t.field]);switch(t.editor){case"numeric":i=v.createElement(c.NumericTextBox,{className:e.className,value:void 0===a?null:a,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=v.createElement(d.DatePicker,{className:e.className,value:a,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=v.createElement(c.Checkbox,{className:e.className,checked:a||!1,id:n,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=v.createElement(c.TextBox,{className:e.className,value:a||"",onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},_e=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),o=l.useTableKeyboardNavigation(r.id),a={onContextMenu:v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field])},i=n.getCellPositionStyle(r.columnPosition),s={...o,...a,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(r.render){const t=v.createElement("td",{...e.tdProps,...s},e.content);return r.render.call(void 0,t,{...r,...c})}return e.children&&v.cloneElement(e.children,{...s})},Ue=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:o.uGrid,n=o.classNames(r.editTd({selected:e.isSelected}),e.className),l={colSpan:e.colSpan,style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex,role:"gridcell"},a=H(e),i=v.createElement(qe,{cellProps:a}),s=e.editor||"text",c=e.cells;if(c){let e;c.edit&&c.edit[s]?e=c.edit[s]:c.data&&(e=c.data);const t=F(e);return v.createElement(_e,{cellProps:a,tdProps:l,isCustom:!0,isClient:t},v.createElement(e,{...a,tdProps:l},i))}return v.createElement(_e,{cellProps:a,content:i,tdProps:l},v.createElement("td",{...l},i))},je=e=>{const t=v.useRef(null),r=v.useRef(null),n=v.useRef(!1),a=v.useContext(te),i=o.useRtl(a.headerElementRef);a.columnResizeRef.current&&a.columnResizeRef.current.setIsRtl("rtl"===i),v.useImperativeHandle(a.headerRef,(()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(n.current=!0,t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.current.style.width=e+"px")},table:()=>r.current})));const s=o.useUnstyled(),c=s&&s.uGrid?s.uGrid:o.uGrid,{size:d="md"}=e;return e.staticHeaders?v.createElement("div",{ref:a.headerElementRef,className:o.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},v.createElement("div",{ref:t,className:o.classNames(c.headerWrap({})),onScroll:e=>{var r;if(n.current)return void(n.current=!1);if(!t.current)return;const l=t.current.scrollLeft,o=(null==(r=a.vsRef.current)?void 0:r.container)||null;o&&o.scrollLeft!==l&&(o.scrollLeft=l)},role:"presentation"},v.createElement("table",{ref:r,className:o.classNames(c.headerTable({size:d}),e.className),role:"presentation"},v.createElement("colgroup",{ref:e=>{a.columnResizeRef.current&&(a.columnResizeRef.current.colGroupHeader=e)}},e.cols),v.createElement("thead",{className:o.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):v.createElement("thead",{role:"presentation",className:o.classNames(c.thead({draggable:e.draggable}),e.className),...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};je.displayName="KendoReactHeader";const $e=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>o.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),Xe=[[".k-tabstrip-items"],[".k-columnmenu-item"],...$e],Ye=e=>{const[t,r]=v.useState(!1),n=v.useRef(null),l=v.useRef(null),s=v.useRef(null),c=v.useRef(0),{columnMenu:d,...p}=e,{column:g,columnMenuIcon:m,navigatable:h}=e,f=a.useLocalization(),C=g.title||g.field,b=C?`${C} `:"",E=()=>{e.onCloseMenu&&e.onCloseMenu(),r(!1),!e.navigatable&&n.current&&n.current.focus()},x=v.useMemo((()=>void 0!==e.show?e.show:t),[e.show,t]),I=(e,t,r)=>{r.preventDefault(),r.shiftKey?t.focusPrevious(e):t.focusNext(e)},y=(e,t,r)=>{e&&e.click()},k=(e,t,r)=>{r.preventDefault(),E()},S=(e,t,r)=>{r.preventDefault(),t.focusElement(e)};return v.useEffect((()=>(x&&l.current&&(s.current=new o.Navigation({tabIndex:0,root:l,selectors:Xe,keyboardEvents:{keydown:{Tab:I,Enter:y,Escape:k}},mouseEvents:{mousedown:S}}),s.current.focusElement(s.current.first,null)),()=>{s.current&&(s.current=null)})),[x]),v.createElement(v.Fragment,null,v.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:n,onClick:n=>{n.preventDefault(),t&&e.onCloseMenu&&e.onCloseMenu(),r(!t)},onKeyDown:e=>{var t;if(e.keyCode===o.Keys.tab){const r=e.target,n=r&&(null==(t=r.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);n&&n.scrollWidth>n.clientWidth&&r.scrollIntoView({inline:"center"})}},href:"#",tabIndex:h?-1:void 0,"aria-label":`${h?"":b}${f.toLanguageString(ge,He[ge])}`},m?v.createElement(o.IconWrap,{name:m.name,icon:m}):v.createElement(o.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),v.createElement(u.Popup,{anchor:n.current,show:x,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&r(!1)}},v.createElement("div",{ref:l,onBlur:e=>{const t=o.getActiveElement(document);clearTimeout(c.current),c.current=window.setTimeout((()=>{t&&e.relatedTarget!==n.current&&l.current&&!l.current.contains(t)&&E()}))},onFocus:()=>{clearTimeout(c.current)},onMouseDown:e=>{var t;null==(t=s.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=s.current)||t.triggerKeyboardEvent(e)},style:{outline:"none"}},d&&v.createElement(d,{...p,onCloseMenu:E}))))},Je=e=>{const t=o.useUnstyled(),r=t&&t.uGrid?t.uGrid:o.uGrid,n=e.onClick?{onClick:e.onClick}:{},l=v.createElement("span",{className:o.classNames(r.headerCellInner({}))},v.createElement("span",{className:o.classNames(r.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...n},v.createElement("span",{className:o.classNames(r.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&v.createElement(Ye,{...e.columnMenuWrapperProps}));return e.render?e.render.call(void 0,l,e):l},Qe=v.createContext(void 0),Ze=e=>{const t=v.useContext(te),r=v.useRef(null),[n,l]=v.useState(),a=(r,n)=>{e.sortable&&n.sortable&&(r.preventDefault(),t.sortChange&&t.headerCellClick(r,n))};return v.createElement(Qe.Provider,{value:{cellClick:a,cellKeyDown:(n,i)=>{if(n.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=n,p=e.sortable&&i.sortable,g=n.target;if(p&&n.keyCode===o.Keys.enter&&-1!==g.className.indexOf("k-table-th")&&a(n,i),e.navigatable){if(e.groupable&&(c&&s===o.Keys.enter||d&&s===o.Keys.space)){n.preventDefault();const r=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(r,n)}u&&s===o.Keys.down&&(n.preventDefault(),l(i.field),r.current=g)}},handleCloseMenu:()=>{l(void 0),r.current&&"-1"!==r.current.getAttribute("tabindex")&&r.current.focus()},showColumnMenuField:n}},e.children)},et=e=>{const t=v.useContext(te),r=v.useContext(Qe),n=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},o={onKeyDown:t=>{r.cellKeyDown(t,e.column)}};let a={onClick:t=>{r.cellClick(t,e.column)}};return n&&(a={...a,render:e.render,selectionChange:t.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:t.sortChange,onFilterChange:t.filterChange,onGroupChange:t.groupChange,show:r.showColumnMenuField===e.column.field||void 0,onCloseMenu:r.handleCloseMenu}}),e.isCustom&&(a=n?{...a,thProps:{...e.thProps,...o,...l}}:{...a,...o,...l}),v.cloneElement(e.children,{...a})},tt=e=>{const t=v.useRef(null),r=o.useUnstyled(),n=r&&r.uGrid?r.uGrid:o.uGrid;return v.createElement(o.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.pressHandler&&e.pressHandler(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.dragHandler&&e.dragHandler(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(r.event)},hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},v.createElement("tr",{className:o.classNames(n.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},rt=e=>{const t=v.useContext(te);return t.dragLogicRef.current.pressHandler&&v.createElement(tt,{ariaRowIndex:e.ariaRowIndex,pressHandler:t.dragLogicRef.current.pressHandler,dragHandler:t.dragLogicRef.current.dragHandler,releaseHandler:t.dragLogicRef.current.releaseHandler,dragClue:t.dragLogicRef.current.dragClue,headerRef:t.headerElementRef,containerRef:t.containerElementRef},e.children)||v.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)},nt=e=>{const t=v.useContext(te),r=v.useContext(Qe),n={style:{...t.getCellPositionStyle(e.column)}};return v.cloneElement(e.children,{onKeyDown:t=>{r.cellKeyDown(t,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...n})},lt=e=>{const{column:t}=e,r=v.useContext(te);return r.columnResizeRef.current&&r.columnResizeRef.current.resizable&&t.resizable&&v.createElement(l.ColumnResizer,{key:2,resize:(e,n,l)=>r.columnResizeRef.current&&r.columnResizeRef.current.dragHandler(e,t,n,l),autofit:e=>r.columnResizeRef.current&&r.columnResizeRef.current.dblClickHandler(e,[t.id])})||v.createElement(v.Fragment,null)},ot={none:"none",asc:"ascending",desc:"descending"},at=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:o.uGrid;let n=0,a=-1;const s=t=>{if(!e.sort)return null;const n=o.classNames(r.sortIcon({}));return t>=0&&[v.createElement("span",{key:1,className:n},v.createElement(o.IconWrap,{name:"sort-"+e.sort[t].dir+"-small",icon:"asc"===e.sort[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon})),e.sort.length>1&&v.createElement("span",{key:2,className:n},v.createElement("span",{className:o.classNames(r.sortOrder({}))},t+1))]},c=e.columns.map(M);return v.createElement(Ze,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:c},e.columnsMap.map(((t,i)=>v.createElement(rt,{key:i,className:o.classNames(r.simpleTr({})),ariaRowIndex:i+1},(t=>t.map((t=>{var i;const c=e.columns[t],d=e.sortable&&c.sortable,u=e.sort?e.sort.findIndex((e=>e.field===c.field)):-1,p=u>=0&&e.sort[u].dir||"none",g=null===c.columnMenu?null:c.columnMenu||e.columnMenu,m=c.menuIcon||e.columnMenuIcon,h=o.classNames(o.classNames(r.headerTh({first:c.kFirst,filterable:!!g,locked:c.locked,sorted:e.sort&&e.sort.some((e=>e.field===c.field))})),c.headerClassName);!1===c.locked&&(c.left=0);const f=e.localization.toLanguageString(Pe,He[Pe]),C=c.isAccessible?{ariaSort:ot[p],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?f:""}:{role:"presentation"},b=c.declarationIndex>=0?++a:--n,E={field:c.field,title:c.title,selectionValue:null!=(i=c.headerSelectionValue)?i:e.headerSelectionValue,children:s(u),selectionChange:null,columnMenuWrapperProps:{column:{field:c.field,title:c.title,locked:c.locked,filter:c.filter,id:c.id},sortable:d&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&c.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:g,columnMenuIcon:m}},x={...C,colSpan:c.headerColSpan,rowSpan:c.rowSpan,className:h,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},I=M(c),y={column:I,render:e.cellRender,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:E.columnMenuWrapperProps},k=c.headerCell?c.headerCell:Je,S=[v.createElement(et,{key:1,...y,isClient:F(k)},v.createElement(k,{...E})),v.createElement(lt,{key:2,column:I})],R=O(e.cells,c.cells);if(R&&R.headerCell){const e=R.headerCell,r=F(e);return v.createElement(et,{key:b,...y,thProps:x,isCustom:!0,isClient:r},v.createElement(e,{...E,thProps:x,index:t},S))}return v.createElement(nt,{key:b,column:I},v.createElement(l.HeaderThElement,{...x},S))})))(t)))))},it=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],st={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},ct=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,dt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,He[e.text]),operator:e.operator}))),ut=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],pt={text:!1,numeric:!1,date:!1,boolean:!0},gt=(e,t,r)=>{const n=mt(r.operators);let l=r.operator;switch(r.filterType){case"numeric":case"date":(!l||ct(l))&&(l=n),null===e&&l===n&&(l="");break;case"text":(!l||ct(l))&&(l=n),!e&&l===n&&(l="");break;default:return}r.onChange({value:e,operator:l,syntheticEvent:t})},mt=(e,t)=>t?e[t][0].operator:e[0].operator,ht=e=>e||"text",ft=(e,t)=>{const r=e.target.value;t({value:r.operator,operator:""===r.operator?"":"eq",syntheticEvent:e.syntheticEvent})},Ct=(e,t,r)=>{let n=t;const l=e.target.value;e.target.state.opened&&(ct(l.operator)&&(n=null),null===t&&!ct(l.operator)&&(n=void 0),r({value:n,operator:l.operator,syntheticEvent:e.syntheticEvent}))},vt=e=>{const t=v.useRef(),r=a.useLocalization(),n=(t,r)=>{gt(t,r,e)},l=t=>{Ct(t,e.value,e.onChange)},s=t=>{ft(t,e.onChange)},u=v.createElement("div",{className:"k-filtercell"},v.createElement("div",{className:"k-filtercell-wrapper"},((r,l,o)=>{switch(r){case"numeric":return v.createElement(c.NumericTextBox,{ref:t,size:e.size,value:l,onChange:e=>{n(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return v.createElement(d.DatePicker,{ref:t,size:e.size,value:l,onChange:e=>{n(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const r=e=>null==e;return v.createElement(g.DropDownList,{ref:t,size:e.size,onChange:s,value:o.find((e=>e.operator===(r(l)?"":l))),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}})}default:return v.createElement(c.TextBox,{ref:t,size:e.size,value:l||"",onChange:e=>{n(e.target.value,e.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}})(e.filterType,e.value,e.booleanValues),v.createElement("div",{className:"k-filtercell-operator"},(()=>{if("boolean"===e.filterType)return;let t;const n=e.operators.find((t=>t.operator===e.operator))||null;return v.createElement(g.DropDownList,{ref:e=>t=e,size:e.size,value:n,onChange:l,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:r.toLanguageString(ke,He[ke]),popupSettings:{width:"",onMouseDownOutside:function(e){!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.togglePopup()}}})})()," ",v.createElement(p.Button,{size:e.size,icon:"filter-clear",svgIcon:i.filterClearIcon,className:o.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:r.toLanguageString(he,He[he]),type:"button",onClick:r=>{r.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:r}),t.current&&(t.current.element.value="",setTimeout((()=>{t.current.element.focus()}),0))},disabled:!(null!==e.value&&""!==e.value||e.operator)}))));return e.render?e.render.call(void 0,u,e):u},bt=e=>{const t=v.useContext(te),r=t.getCellPositionStyle(e.column),n=e.isCustom?{style:{...r}}:{};return t.isClient||e.isClient?v.cloneElement(e.children,{render:e.render,onChange:r=>{((r,n,l,o)=>{if(!t.filterChange)return;const a=[];(""!==r&&null!==r||""!==n)&&a.push({field:l,operator:n,value:r}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&a.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(a.length>0?{logic:i,filters:a}:null,o)})(r.value,r.operator,e.field,r.syntheticEvent)},tdProps:{...e.tdProps,...n}}):v.cloneElement(e.children,{})},Et=e=>{const t={style:{...v.useContext(te).getCellPositionStyle(e.column)}};return v.cloneElement(e.children,{...t})},xt=e=>{const t=(t,r)=>{let n=""+(r?"k-grid-header-sticky":"");return e.sort&&e.sort.filter((e=>e.field===t)).length>0&&(n+=" k-sorted"),n},r=e.filter&&e.filter.filters||[];let n=0,a=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=ht(i.filter),c=(e=>{if(void 0===e)return;const t=r.filter((t=>t.field===e));return t.length?t[0]:void 0})(i.field),d=`${i.field} ${e.localization.toLanguageString(we,He[we])}`;let u=c&&c.value;void 0===u&&(u="text"===s?"":null);const p=i.filterable&&{field:i.field,title:i.filterTitle,value:u,operator:c&&c.operator,operators:dt(e.filterOperators[s]||[],e.localization),booleanValues:dt(ut,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},g=i.declarationIndex>=0?++a:--n,m={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:o.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},h=M(i),f={column:h,filter:e.filter,field:i.field,render:e.cellRender};let C=null;if(p&&"reorder"!==i.columnType){const e=i.filterCell?i.filterCell:vt;C=v.createElement(bt,{...f,isClient:F(e)},v.createElement(e,{...p}))}const b=O(e.cells,i.cells);if(b&&b.filterCell){const e=b.filterCell,t=F(e);return v.createElement(bt,{key:g,...f,isClient:t,isCustom:!0},v.createElement(e,{key:g,...p,tdProps:m,index:a},C))}return v.createElement(Et,{key:g,column:h},v.createElement(l.HeaderTdElement,{...m},C))}));return v.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},It=e=>{const t=v.useRef(null),{dir:r,title:n}=e;return v.createElement(o.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.onPress&&e.onPress(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.onDrag&&e.onDrag(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(r.event)},ref:t},v.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:t=>{if(t.preventDefault(),e.onSortChange){const r="asc"===e.dir?"desc":"asc";e.onSortChange(t,r)}},onContextMenu:t=>{const r={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,t,{dataItem:{...r}})},onKeyDown:t=>{(t.keyCode===o.Keys.delete||t.keyCode===o.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},v.createElement("span",null,v.createElement(o.IconWrap,{name:"sort-"+r+"-small",icon:"asc"===r?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),v.createElement("span",{className:"k-chip-content"},v.createElement("span",{className:"k-chip-label"},n)),v.createElement("span",{className:"k-chip-actions"},v.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t)}},v.createElement(o.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},yt=e=>{const t=v.useContext(te),r=a.useLocalization(),n=e.group||[],l=t=>{const r=e.columns.find((e=>e.field===t)),n=r&&(r.title||r.field);return void 0===n?t:n},o=n.map(((r,n)=>v.createElement(It,{key:n,index:n,dir:r.dir||"asc",title:l(r.field),onRemove:r=>{((r,n)=>{const l=e.group.slice();l.splice(n,1),t.groupChange(l,r)})(r,n)},onSortChange:(l,o)=>{((r,n,l,o)=>{const a=Object.assign({},l,{dir:o}),i=e.group.slice();i.splice(n,1,a),t.groupChange(i,r)})(l,n,r,o)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu})));return v.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":r.toLanguageString(Ne,He[Ne]),"aria-controls":e.ariaControls||""},v.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},o),v.createElement("div",{className:"k-grouping-drop-container"},!o.length&&r.toLanguageString(de,He[de])," "))},kt=e=>{const t=v.useRef(null),r=v.useRef(null),n=v.useContext(te);return v.useImperativeHandle(n.footerRef,(()=>({setScrollLeft:e=>{t.current&&(t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.current.style.width=e+"px")}}))),e.staticHeaders?v.createElement("div",{className:"k-grid-footer",role:"presentation"},v.createElement("div",{ref:t,className:"k-grid-footer-wrap",role:"presentation"},v.createElement("table",{ref:r,className:o.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},v.createElement("colgroup",{ref:e=>{n.columnResizeRef.current.colGroupFooter=e},role:"presentation"},e.cols),v.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):v.createElement("tfoot",{className:"k-table-tfoot"},e.row)};kt.displayName="KendoReactFooter";const St=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),o=l.useTableKeyboardNavigation(r.id),a=v.useCallback((e=>{var t;null==(t=null==n?void 0:n.cellClick)||t.call(n,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),i=v.useCallback((e=>{var t;null==(t=null==n?void 0:n.onContextMenu)||t.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),s="groupFooter"===r.rowType||"groupHeader"!==r.rowType?{onContextMenu:i}:{},c=n.getCellPositionStyle(r.columnPosition),d={...o,...s,..."groupFooter"!==r.rowType&&"groupHeader"!==r.rowType?{style:{...null==(t=e.tdProps)?void 0:t.style,...c}}:{},onClick:a},u={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...d},...u}):v.cloneElement(e.children,{...d});if(r.render){const t="groupHeader"!==r.rowType?v.createElement("td",{...e.tdProps,...d},e.content):null;return r.render.call(void 0,t,{...r,...u})}return e.children&&v.cloneElement(e.children,{...d})},Rt=e=>{let t=null,r=null,n=null;const l=e.unstyled,a=l&&l.uGrid?l.uGrid:o.uGrid;if("groupFooter"===e.rowType)r={className:e.className},t=v.createElement("td",{...r},n);else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=S(e.field,e.dataItem);null!=t&&(n=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const l=o.classNames(a.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);r={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex},t=v.createElement("td",{...r},n)}const i=H(e),s=e.rowType||"data",c=e.cells;if(c&&c[s]){const e=c[s],t=F(e);return v.createElement(St,{cellProps:i,tdProps:r,isCustom:!0,isClient:t},v.createElement(e,{...i,tdProps:r},n))}return v.createElement(St,{cellProps:i,content:n,tdProps:r},t)},Pt=e=>{const t=v.useContext(te),r=a.useLocalization(),n=e.expanded?Te:De,s=r.toLanguageString(n,He[n]),c="rtl"===t.dir;return v.createElement("a",{onClick:r=>{var n;r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:void 0,value:!e.expanded}),null==(n=null==t?void 0:t.dispatchGroupExpand)||n.call(t,{type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},v.createElement(o.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},wt=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),a=l.useTableKeyboardNavigation(r.id),i=v.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===o.Keys.enter&&null!=n&&n.itemChange&&(e.preventDefault(),n.itemChange({dataItem:r.dataItem,dataIndex:r.dataIndex,syntheticEvent:e,field:void 0,value:!r.expanded}),null==n||n.dispatchGroupExpand({type:l.GROUP_EXPAND_ACTION.TOGGLE,group:r.group},e))}),[n,r.dataItem,r.dataIndex,r.expanded,r.group]),s=e.addKeyDownHandler?{onKeyDown:i}:{},c=v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),d=n.getCellPositionStyle(r.columnPosition),u={...a,...s,onContextMenu:c,...{style:{...null==(t=e.tdProps)?void 0:t.style,...d}}},p={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...u}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:c}:null,...p}):v.cloneElement(e.children,{...u});const g=e.renderSecondCell?v.createElement("td",{...e.td2Props,onContextMenu:c}):null;if(r.render){let t=null;return e.renderFirstCell&&(t=e.renderSecondCell?v.createElement(v.Fragment,null,v.createElement("td",{...e.tdProps,...u},e.content),e.renderSecondCell&&g):v.createElement("td",{...e.tdProps,...u},e.content)),r.render.call(void 0,t,{...r,...p})}return v.createElement(v.Fragment,null,e.children&&v.cloneElement(e.children,{...u}),g)},Nt=e=>{const{columnIndex:t,level:r,columnsCount:n,rowType:l,dataItem:a,field:i,expanded:s,render:c,ariaColumnIndex:d}=e,u=i||"";let p=null,g=null,m=null,h=!1,f=!1,C=!1;const b=H(e);void 0===t||void 0===r||t<r||void 0===n||"groupHeader"!==l||void 0===a[u]?(f=!0,p={style:e.style,key:"g"+t,className:o.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):t===r&&(f=!0,p={className:"k-table-td",style:e.style,colSpan:n-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":d},m=v.createElement("p",{className:"k-reset"},v.createElement(Pt,{...b}),a[u]instanceof Date&&a[u].toString?a[u].toString():a[u]),h=!0,e.locked&&(C=!0,p={...p,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:n-t,style:{borderLeftWidth:0,borderRightWidth:0}}));const E=e.rowType||"data",x=e.cells;if(x&&x.group&&x.group[E]){const e=x.group[E],t=F(e);return v.createElement(wt,{cellProps:b,tdProps:p,td2Props:g,isCustom:!0,isClient:t,addKeyDownHandler:!0},v.createElement(e,{...b,tdProps:p,td2Props:g},m))}const I=f?v.createElement("td",{...p,key:null==p?void 0:p.key},m):null;return v.createElement(wt,{cellProps:b,addKeyDownHandler:h,tdProps:p,td2Props:g,renderFirstCell:f,renderSecondCell:C,content:m},I)},Dt=e=>{var t;const r=v.useContext(te),{reorderRowDropTargetRef:n,reorderRowDragTargetRef:l,activeDragRowDataItemRef:a}=r,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=o.useUnstyled(),p=u&&u.uGrid?u.uGrid:o.uGrid,g=o.classNames(p.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),m=v.useRef(null);o.useDroppable(m,{onDragOver:t=>{if(e.isRowReorderable&&a.current){const e=t.originalEvent.target;n.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const h={onClick:t=>r.rowClick(t,e.dataItem),onDoubleClick:t=>r.rowDblClick(t,e.dataItem)},f=v.createElement("tr",{ref:m,id:e.id,...h,className:g,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:null==(t=null==l?void 0:l.current)?void 0:t.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,key:e.absoluteRowIndex,[q]:"data"===e.rowType?e.dataIndex:void 0},e.children);return e.render?e.render.call(void 0,f,{...e,...h}):f},Tt=e=>{const t=v.useContext(te),r=o.useId(),n=a.useLocalization(),l=e.id||r,i=[v.createElement("span",{key:0,className:"k-checkbox-wrap"},v.createElement("input",{id:l,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":n.toLanguageString(Le,He[Le]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:r=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:r})})),e.columnMenuWrapperProps.columnMenu&&v.createElement(Ye,{...e.columnMenuWrapperProps})];return e.render?e.render.call(void 0,i,e):i},Mt=e=>{const t=a.useLocalization();return e.children||t.toLanguageString(ne,He[ne])};Mt.displayName="KendoReactGridNoRecords";const Gt=e=>{const t=v.useContext(te),r=l.useTableKeyboardNavigation(e.id),n=t.getCellPositionStyle(e.column),o={...r,style:{...n}};return e.isCustom&&(t.isClient||e.isClient)?v.cloneElement(e.children,{tdProps:{...e.tdProps,...o},...r}):v.cloneElement(e.children,{...o})},Lt=e=>{const{column:t,index:r,cells:n}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:o.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},a={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=M(t),s=O(n,t.cells);if(s&&s.footerCell){const t=s.footerCell,n=F(t);return v.createElement(Gt,{key:r,id:e.id,tdProps:l,isCustom:!0,isClient:n,column:i},v.createElement(t,{...a,tdProps:l,index:r}))}return v.createElement(Gt,{key:r,id:e.id,column:i},t.footerCell&&v.createElement(t.footerCell,{...a})||v.createElement("td",{...l}))},Ot=e=>v.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>!(((e,t)=>{let r=e[t.parentIndex];for(;r;){if(r.footerCell)return!0;r=e[r.parentIndex]}return!1})(e,t)||!t.footerCell&&t.children&&t.children.length>0))))(e.columns).map(((t,r)=>{const n=l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-footercell`,e.idPrefix,"nodata");return v.createElement(Lt,{key:n,column:t,id:n,index:r,cells:e.cells})}))),Ft=e=>(({buttonCount:e=10,info:t=!0,type:r="numeric",pageSizes:n,previousNext:l=!0,responsive:o,navigatable:a,pageSizeValue:i})=>({buttonCount:e,info:t,pageSizes:!0===n?[5,10,20]:n||void 0,previousNext:l,responsive:!1!==o,navigatable:!1!==a,type:r,pageSizeValue:i}))(!0===e?{}:e),Ht={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Kt=e=>{const t=v.useContext(te),r=l.useTableKeyboardNavigation(e.id),n=v.useCallback((r=>{null!=t&&t.onContextMenu&&t.onContextMenu.call(void 0,r,e.dataItem)}),[t,e.dataItem]);return v.cloneElement(e.children,{onContextMenu:n,...r})},At=e=>{const{colSpan:t,ariaColIndex:r,dataItem:n,dataIndex:l,id:a}=e,i=e.unstyled,s=i&&i.uGrid?i.uGrid:o.uGrid;return v.createElement(Kt,{id:a,dataItem:n},v.createElement("td",{className:o.classNames(s.detailTd({})),colSpan:t,"aria-colindex":r,role:"gridcell"},v.createElement(e.detail,{dataItem:n,dataIndex:l})))},zt=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:o.uGrid;return v.createElement("td",{className:o.classNames(r.hierarchyTd({})),role:"gridcell"})},Bt=e=>{const t=v.useContext(te),r=t.headerRef.current,n=r&&r.table()&&r.table().clientWidth,a=o.uGrid;return v.createElement("div",{key:"no-records",className:o.classNames(a.noRecords({})),style:{width:n}},v.createElement("div",{className:o.classNames(a.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};Bt.displayName="KendoReactGridNoRecordsContainer";const Vt=e=>o.shouldShowValidationUI(Ht)&&v.createElement(o.WatermarkOverlay,null),Wt=e=>{const t=v.useContext(te);return v.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e}},e.children)},qt=e=>{const t=v.useContext(te);return v.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e,t.headTableElementRef.current=e}},v.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))},_t=e=>{const t=v.useContext(te);return v.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},Ut=e=>{const t=v.useContext(te);return v.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},jt=e=>{const t=v.useContext(te),{children:r}=e;return v.createElement(v.Fragment,null,e.rowReorderable?v.createElement(o.DragAndDrop,null,v.cloneElement(r,{...null==r?void 0:r.props})):v.cloneElement(r,{...null==r?void 0:r.props,ref:t.tableBodyElementRef}))};function $t(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:He[t]}}const Xt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,onPageChange:t.pagerPageChange,messagesMap:$t,dir:t.dir})},Yt=e=>{const t=v.useContext(te);return v.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e}},v.createElement("table",{className:e.tableClassName,role:"presentation",style:e.tableStyle,ref:t.tableElementRef},e.children))},Jt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},Qt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,ref:t.containerElementRef,onScroll:t.scrollHandler})},Zt=e=>{const t=v.useContext(te);return v.createElement("div",{style:e.isVirtualScroll?{height:t.vsRef.current.containerHeight+"px"}:{}})},er=e=>{const t=v.useContext(te);return t.isClient||e.isClient?e.children&&v.cloneElement(e.children,{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:r=>{t.selectionChange({event:r,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}):e.children},tr="before",rr="after",nr="forbidden";function lr(e){const{clientTop:t,clientLeft:r}=or(e),{pageYOffset:n,pageXOffset:l}=ar(e),{top:o,left:a}=e.getBoundingClientRect();return{top:o+n-t,left:a+l-r}}const or=e=>null==e?void 0:e.ownerDocument.documentElement,ar=e=>null==e?void 0:e.ownerDocument.defaultView,ir={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},sr={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},cr=e=>{const{rowReorderSettings:r,columns:n,unstyled:l}=e,{rowReorder:a,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(te),[p,g]=t.useState(!1),[h,f]=t.useState(i.cancelIcon),C=t.useRef(null),v=t.useRef(null),b=t.useRef(null),E=t.useRef(null),x=t.useRef(!1),I=t.useRef(null),y="object"==typeof r?r.enabled:r;t.useEffect((()=>{u.current=C.current}),[]),o.useDraggable(C,{onPress:e=>{const t=e.originalEvent.target;t.closest(".k-drag-cell")&&(E.current=e.offsetY,x.current=!0,s.current=t.closest(".k-table-row"))},onDragStart:e=>{!x.current||!y||!d.current||(s.current&&(s.current.style.userSelect="none"),g(!0))},onDrag:e=>{if(!x.current&&!v.current)return;const{clientX:t,clientY:r}=e,n=t,l=r-E.current;v.current&&(v.current.style.left=`${n}px`,v.current.style.top=`${l}px`,v.current.style.visibility="visible"),k(e)},onDragEnd:e=>{var t;if(!y||!d.current)return;g(!1);const r=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));a(e,r,I.current),x.current=!1}});const k=e=>{I.current=w(e),S()},S=()=>{var e;if(I.current===nr||!c.current)return void R();P();const t=lr(c.current);let r=t.top;const n=t.left+((null==(e=b.current)?void 0:e.offsetWidth)||0)/2;I.current===rr&&(r+=c.current.offsetHeight),b.current&&(b.current.style.top=`${r}px`,b.current.style.left=`${n}px`,b.current.style.visibility="visible")},R=()=>{b.current&&(b.current.style.display="none")},P=()=>{b.current&&(b.current.style.display="")},w=e=>{if(c.current===s.current||!c.current)return nr;if(((e,t)=>(null==e?void 0:e.parentElement)!==(null==t?void 0:t.parentElement))(c.current,s.current))return nr;const t=c.current.getBoundingClientRect(),r=t.height/2,n=e.clientY,l=t.top;let o=null;n<l+r?o=tr:n>=l+t.height-r&&(o=rr),(o===tr&&c.current===s.current.nextElementSibling||o===rr&&c.current===s.current.previousElementSibling)&&(o=nr);const a=o===nr?i.cancelIcon:i.insertMiddleIcon;return f(a),o},N=t.useMemo((()=>{if(d.current){if(r.dragClue)return"string"==typeof r.dragClue?r.dragClue:r.dragClue(d.current);{const e=n.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}}}),[d.current]);return t.createElement(t.Fragment,null,p&&m.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:b,style:ir,className:o.classNames(l.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},t.createElement("div",{className:"k-drop-hint-start"}),t.createElement("div",{className:"k-drop-hint-line"})),t.createElement("div",{ref:v,style:sr,className:o.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(o.SvgIcon,{className:"k-drag-status",icon:h}),N)),document.body),t.cloneElement(e.children,{ref:C}))},dr=()=>React.createElement(o.SvgIcon,{icon:i.reorderIcon}),ur=e=>{const{cellProps:r,rowReorderable:n,children:o}=e,{id:i,dataItem:s}=r,c=a.useLocalization(),d=t.useContext(te),u=l.useTableKeyboardNavigation(i),p=n,g=c.toLanguageString(Fe,He[Fe]);return o&&t.cloneElement(o,{"aria-label":g,...u,onMouseDown:()=>p?d.activeDragRowDataItemRef.current=s:null})},pr=e=>{const{...t}=e,r=e.unstyled,n=r&&r.uGrid?r.uGrid:o.uGrid,l=o.classNames(n.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),a={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex},i=o.classNames(null==a?void 0:a.className,["k-drag-cell",""+(e.rowReorderable?"":"k-disabled")]);return React.createElement(ur,{rowReorderable:e.rowReorderable,cellProps:t},React.createElement("td",{...a,style:{touchAction:"none"},"aria-disabled":!e.rowReorderable,className:i},React.createElement(dr,null)))},gr=e=>React.createElement(Je,{...e}),mr={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},hr=e=>{var t;return v.createElement(v.Fragment,null,e.showLoader?null!=(t=e.loader)?t:v.createElement("div",{className:"k-loading-mask"},v.createElement("div",{className:"k-loading-color"}),v.createElement("div",{style:mr},v.createElement(h.Loader,{size:"large",type:"converging-spinner"}))):null)},fr=v.forwardRef(((e,t)=>{var r,i,s,c,d,u,p;const g=e.id+"-role-element-id",m=e.navigatable?g:"";o.validatePackage(Ht);const h=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName)),r=y.current.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return w(t,T(r),{prevId:0,idPrefix:m})},f=(t,r)=>{var n;t.filter((t=>e.selectedField&&t.field===e.selectedField||"checkbox"===t.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||ze,e._type="edit",e.headerCell=e.headerCell||Tt})),void 0!==B&&t.filter((e=>"reorder"===e.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||pr,e.headerCell=e.headerCell||gr,e.sortable=!1,e.filterable=!1,e.editable=!1}));const l={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let a=0;(e.expandField||J.enabled)&&e.detail&&(t.unshift({...l,_type:"expand",cell:We,field:null!=(n=J.column)?n:e.expandField,headerClassName:o.classNames(z.hierarchyCell({}))}),a++);for(let n=0;n<r;n++)t.unshift({...l,isAccessible:!1,cell:Nt,field:"value",locked:e.lockGroups}),a++;t.slice(a).forEach((e=>e.parentIndex>=0&&(e.parentIndex+=a)))},C=()=>W.length===e.total,b=()=>e.isClient?y:k;let x,I=[];const y=e.columnsRef||{current:[]},k={current:[]};let G=[[]];const L=e.scrollLeftRef||{current:0},H=e.localization||new a.LocalizationService,K=e.intl||new a.IntlService("en"),A=e.unstyled,z=A&&A.uGrid?A.uGrid:o.uGrid,B="object"==typeof e.rowReorderable?e.rowReorderable.enabled:e.rowReorderable,V=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let W,q;if(Array.isArray(e.data)?(W=e.data,q=null!=(r=e.total)?r:W.length):(W=(null==(i=e.data)?void 0:i.data)||[],q=null!=(d=null!=(c=e.total)?c:null==(s=e.data)?void 0:s.total)?d:W.length),V){const{data:t,total:r}=n.process(W,{group:V.group?e.group:void 0,sort:V.sort?e.sort:void 0,filter:l.combineFilters(V.filter?e.filter:void 0,V.search?e.search:void 0),...V.page?{take:e.take,skip:e.skip}:{}});W=t,q=null!=(u=e.total)?u:r}const{size:_="medium"}=e,U="object"==typeof e.groupable&&e.groupable.footer||"none",j="virtual"===e.scrollable,Y=!0===e.groupable||"object"==typeof e.groupable&&!1!==e.groupable.enabled,J=l.getDetailExpandableOptions(!!e.detail),Q=l.getGroupExpandableOptions("object"==typeof e.groupable&&!1!==e.groupable.enabled?e.groupable.expandable:e.groupable),{resolvedGroupsCount:Z,flattedData:ee}=((e,t,r,n,l,o,a)=>{const i=[];return{flattedData:i,resolvedGroupsCount:R(i,W,e,{index:t},void 0!==r,n,l,o,Q.defaultExpand,a)}})(U,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);I=ee;const te=(()=>{const{rowHeight:t,detailRowHeight:r,detail:n,expandField:l}=e,o=C();return!(void 0!==t&&t>0)||Y&&!o||n&&l&&(!(void 0!==r&&r>0)||!o)?X:$})();te===$&&C()&&(x=I.slice(e.skip||0,(e.skip||0)+((void 0!==e.take?e.take:e.pageSize)||0)));const ne=l.getSelectionOptions(e.selectable||!!e.selectedField),le=ne&&ne.drag?"none":void 0,oe=v.Children.toArray(e.children);((t,r)=>{var n;const a=(e=>e.filter((e=>o.canUseDOM&&e&&e.media?window.matchMedia(e.media).matches:e)))(h(t));y.current=a,0===y.current.length&&(y.current=function(e,t,r,n){let o=[];Array.isArray(e)?o=e:e&&(o=e.data);const a=[];if(o.length>0){let e=o[0];if(t)for(let r=0;r<t.length;r++)e=e.items&&e.items[0];Object.getOwnPropertyNames(e).forEach((e=>{e!==r.column&&a.push(Object.assign({id:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},E,{field:e}))}))}return a}(W,e.group,{column:null!=(n=J.column)?n:e.expandField},{prevId:0,idPrefix:m})),f(y.current,r),G=function(e,t){const r=[[]];let n=0;for(let t=e.length-1;t>=0;t--)n=Math.max(n,e[t].depth),e[t].headerColSpan=e[t].headerColSpan||1,e[t].children.length>0&&(e[t].headerColSpan=e[t].children.reduce(((e,t)=>t.hidden?e:e+t.headerColSpan),0));const o=[];let a=1;return e.forEach(((e,t)=>{r[e.depth]=r[e.depth]||[];let l=!1;0===r[e.depth].length&&(a<=1?a=1+(e.children.length>0?0:n-e.depth):(a--,l=!0)),e.rowSpan=1+(e.children.length>0?0:n-e.depth),e.kFirst=l,e.index=r[e.depth].length,r[e.depth].push(t),e.ariaColumnIndex=o[e.depth]?o[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)o[t]=(o[t]||0)+e.headerColSpan})),l.updateLeft(r,e,t),l.updateRight(r,e,t),r}(y.current,!0),k.current=y.current.map(M)})(oe,Z);const ae=oe.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?v.cloneElement(e,{...e.props,ariaControls:g}):null)),ie=oe.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),se=oe.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),ce=y.current.filter((e=>0===e.children.length)),de=Y&&v.createElement(yt,{columns:b().current,group:e.group||[],ariaControls:g}),ue=v.createElement(je,{size:_,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||Y,headerRow:v.createElement(at,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:Y,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||st,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:y.current,columnsMap:G,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:H,unstyled:A,headerSelectionValue:!(!e.select||!I.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&v.createElement(xt,{cells:e.cells,size:_,columns:y.current,filter:e.filter,filterOperators:e.filterOperators||st,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:G.length+1,localization:H})||void 0,cols:ce.map(((e,t)=>v.createElement("col",{key:t.toString(),width:N(e)})))}),pe=L.current||0,ge=parseFloat(((e.style||{}).width||"").toString()),me=(t,r,n,a)=>{let i=!1;const s=e.selectedField?S(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&void 0!==o.getter(e.dataItemKey)(t.dataItem)?e.select[o.getter(e.dataItemKey)(t.dataItem)]:void 0;let c=0;const{colSpans:d,hiddenColumns:u}=l.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:ce,tableViewPortWidth:ge,scrollLeft:pe,getColSpan:P,dataItem:t.dataItem}),p=ce.filter(((e,t)=>!u[t]));return{row:ce.map(((g,h)=>{if(u[h])return null;if(c>0)return c--,null;const{colSpan:f,colsToSkip:C}=((t,r,n,l,o,a)=>{let i=P(t,r);if(e.columnVirtualization&&1===t.colSpan)return{colSpan:a,colsToSkip:o};let s=n.length-1===l,c=n.length-l;return e.columnVirtualization&&(s=ce.length-1===l,c=ce.length-l),i>1&&!s?o=i-1:i=1,c<=i&&!s&&(i=c),{colSpan:i,colsToSkip:o}})(g,t.dataItem,p,h,c,d[h]);c=C;const b=g.id?g.id:h,E=o.classNames(z.contentSticky({locked:g.locked}),g.className),x=void 0!==g.left?{left:g.left,right:g.right}:{};let I=!1;if(g.editable&&(e.editable||e.editField)){const r=e.editField?S(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[o.getter(e.dataItemKey)(t.dataItem)]:void 0,n="boolean"==typeof r?r:Array.isArray(r)?r.indexOf(g.field)>-1:void 0!==g.field&&r===g.field;n&&"data"===g.columnType&&(!0===n||n===g.field)&&(i=!0,I=!0)}const y=g.cell||I&&Ue||Rt,k=e.expandField&&e.detail&&g.field===e.expandField||"expand"===g._type,R={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-${String(h)}`,m,k||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===g.field?"nodata":"cell"),colSpan:f,dataItem:t.dataItem,field:g.field,editor:g.editor,format:g.format,columnType:g.columnType,rowReorderable:B,className:E,render:e.cellRender,cells:O(e.cells,g.cells),columnIndex:h,columnsCount:ce.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:n,columnPosition:x,style:{},ariaColumnIndex:g.ariaColumnIndex,isSelected:"edit"===(null==g?void 0:g._type)?s:Array.isArray(s)&&s.indexOf(h)>-1,isSorted:!!D(g.field,e.sort),isInEdit:i,isAlt:a,unstyled:A,group:t.group,localization:H,intl:K};return g.cell?v.createElement(er,{key:b,isClient:F(y),dataItem:R.dataItem,rowDataIndex:R.rowDataIndex,columnIndex:R.columnIndex},v.createElement(y,{...R})):v.createElement(y,{key:b,...R})})),isInEdit:i,isSelected:"boolean"==typeof s&&s}};let he=0;const fe=e=>e>=I.length-he;let Ce=e.skip||0;const ve=[],be=!I.length,Ee=G.length+(e.filterable?1:0)+1;let xe=0;if(I.length){let t=-1,r=0;(x||I).forEach(((n,a)=>{"data"===n.rowType&&(Ce++,t++);const i=Ce%2==0,s=e.dataItemKey&&o.getter(e.dataItemKey)(n.dataItem),c=a+(e.skip||0),d=s||"ai"+c,u=d+"_1",p=me(n,d,t,i);if(xe=c+Ee+r,ve.push(v.createElement(Dt,{key:d,dataItem:n.dataItem,isAltRow:i,isInEdit:p.isInEdit,rowType:n.rowType,isRowReorderable:B,isHidden:fe(a),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:xe,absoluteRowIndex:c,dataIndex:j&&!e.groupable?c:t,isSelected:p.isSelected},p.row)),e.detail&&"data"===n.rowType&&n.expanded){const t=ce.length-(e.expandField||J.enabled?1:0)-(e.group?e.group.length:0)||1;r++,xe=c+Ee+r,ve.push(v.createElement("tr",{key:u,className:o.classNames(z.detailTr({isAlt:i})),style:{visibility:fe(a)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":xe},e.group&&e.group.map(((t,r)=>{var l;const o=null==(l=null==p?void 0:p.row[r])?void 0:l.props.style,a=o?{left:o.left,right:o.right}:{};return v.createElement(Nt,{id:"",dataIndex:n.dataIndex,field:t.field,dataItem:n.dataItem,key:r,columnPosition:a,style:{},ariaColumnIndex:1+r,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:n.group})})),(e.expandField||J.enabled)&&v.createElement(zt,{unstyled:A,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dhcell`,m)}),v.createElement(At,{dataItem:n.dataItem,dataIndex:n.dataIndex,colSpan:t,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dcell`,m)})))}}))}const Ie={size:_,total:q,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...Ft(e.pageable||{})},ye=v.createElement(Xt,null,e.pager?v.createElement(e.pager,{...Ie}):v.createElement(l.Pager,{className:o.classNames(z.pager({})),...Ie})),ke=null!=(p=e.cells)&&p.footerCell||y.current.some((e=>{var t;return!!(e.footerCell||null!=(t=e.cells)&&t.footerCell)}))?v.createElement(kt,{size:_,staticHeaders:"none"!==e.scrollable,row:v.createElement(Ot,{cells:e.cells,idPrefix:m,columns:y.current,ariaRowIndex:xe+1}),cols:ce.map(((e,t)=>v.createElement("col",{key:t.toString(),width:N(e)})))}):null,Se=v.createElement(Wt,null,ce.map(((t,r)=>v.createElement("col",{key:r.toString(),className:D(t.field,e.sort)?o.classNames(z.sorted({})):void 0,width:N(t)})))),Re=e.reorderable||Y,{detail:Pe,cells:we,...Ne}=e,De=v.createElement("tbody",{role:"rowgroup",className:o.classNames(z.tbody({})),...l.tableKeyboardNavigationBodyAttributes},ve);let Te=De;if(B&&(Te=v.createElement(cr,{unstyled:z,columns:y.current,rowReorderSettings:e.rowReorderable},De)),"none"===e.scrollable)return v.createElement(re,{gridRef:t,gridProps:Ne,columnsRef:b(),columnsMapRef:G,dataRef:I,slicedData:x,isFixedVirtualScroll:te===$,id:g,total:q,detailExpandable:!!e.detail},v.createElement(Jt,null,v.createElement("div",{id:e.id,style:e.style,className:o.classNames(z.wrapper({size:_}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},ae,de,v.createElement(qt,{selectable:e.selectable,className:o.classNames(z.table({size:_}))},Se,ue,v.createElement(jt,{rowReorderable:B},Te)),be&&v.createElement(Bt,null,ie.length?ie:v.createElement(Mt,null)),Re&&v.createElement(v.Fragment,null,v.createElement(_t,null),v.createElement(Ut,null)))),se,e.pageable&&ye,v.createElement(hr,{loader:e.loader,showLoader:e.showLoader}));let Me=e.style||{};return j&&(Me.height||(Me=Object.assign({},Me,{height:"450px"}))),v.createElement(re,{gridRef:t,gridProps:Ne,columnsRef:b(),columnsMapRef:G,dataRef:I,slicedData:x,isFixedVirtualScroll:te===$,id:g,total:q,detailExpandable:!!e.detail},v.createElement(Jt,null,v.createElement("div",{id:e.id,style:Me,className:o.classNames(z.wrapper({size:_,virtual:j}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},ae,de,v.createElement("div",{className:o.classNames(z.ariaRoot({})),role:"grid","aria-colcount":ce.length,"aria-rowcount":q,id:g,"aria-label":H.toLanguageString(Oe,He[Oe])},ue,v.createElement("div",{className:o.classNames(z.container({})),role:"presentation"},v.createElement(Qt,null,v.createElement("div",{className:o.classNames(z.content({})),role:"presentation"},v.createElement("div",{className:o.classNames(z.tableWrap({})),role:"presentation"},v.createElement(Yt,{selectable:e.selectable,tableClassName:o.classNames(z.table({size:_})),tableStyle:{userSelect:le}},Se,v.createElement(jt,{rowReorderable:B},Te)),be&&v.createElement(Bt,null,ie.length?ie:v.createElement(Mt,null))),j&&v.createElement("div",{className:o.classNames(z.heightContainer({})),role:"presentation"},v.createElement(Zt,{isVirtualScroll:j}))))),ke,Re&&v.createElement(v.Fragment,null,v.createElement(_t,null),v.createElement(Ut,null)),v.createElement(Vt,null)),se,e.pageable&&ye,v.createElement(hr,{loader:e.loader,showLoader:e.showLoader}))))}));fr.displayName="KendoReactGridComponent";const Cr=v.forwardRef(((e,t)=>{const{isPaid:r}={isPaid:!0},[n]=o.useCustomComponent(r?z:v.Fragment);return x===I?v.createElement(n,{...e},v.createElement(B,{id:e.id},v.createElement(fr,{ref:t,...e}))):v.createElement(fr,{ref:t,...e})})),vr={data:r.oneOfType([r.array,r.shape({data:r.array,total:r.number})]),sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,filterable:r.bool,filter:r.any,onFilterChange:r.func,pageable:r.oneOfType([r.bool,r.shape({buttonCount:r.number,responsive:r.bool,info:r.bool,type:r.oneOf(["numeric","input"]),pageSizes:r.oneOfType([r.bool,r.arrayOf(r.oneOfType([r.string,r.number]))]),previousNext:r.bool})]),pageSize:r.number,onPageChange:r.func,total:r.number,skip:r.number,take:r.number,fixedScroll:r.bool,onExpandChange:r.func,expandField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,resizable:r.bool,reorderable:r.bool,group:r.any,groupable:r.oneOfType([r.bool,r.shape({enabled:r.bool,footer:r.oneOf(["always","visible","none"])})]),onGroupChange:r.func,onRowClick:r.func,onRowDoubleClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,detailRowHeight:r.number,detail:r.any,style:r.object,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["incell","inline","popup"])})]),size:r.oneOf(["small","medium"])};Cr.displayName="KendoReactGrid",Cr.propTypes=vr;const br=e=>{const{children:t,id:r,className:n,style:l}=e;return v.createElement("div",{id:r,className:o.classNames("k-columnmenu-item-wrapper",n),style:l},t)},Er=e=>{const{title:t,iconClass:r,svgIcon:n,selected:l}=e;return v.createElement("div",{onClick:e.onClick,className:"k-columnmenu-item "+(l?"k-selected":"")},(r||n)&&v.createElement(o.IconWrap,{name:r&&o.toIconName(r),icon:n}),t)},xr="desc",Ir=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,yr=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),kr=(e,t)=>!!(t&&e>-1&&t[e].dir===xr),Sr=e=>{const{children:t,id:r,className:n,style:l,show:a}=e;return v.createElement("div",{id:r,className:o.classNames("k-columnmenu-item-content",n),style:l,tabIndex:0},v.createElement(f.Reveal,{style:{position:"relative",display:"block"}},a?t:null))},Rr=e=>{const t=(t,r)=>{gt(t,r,e)},r=t=>{Ct(t,e.value,e.onChange)},n=t=>{ft(t,e.onChange)};return v.createElement(v.Fragment,null,(()=>{if("boolean"===e.filterType)return;const t=e.operators.find((t=>t.operator===e.operator))||null;return v.createElement(g.DropDownList,{value:t,onChange:r,data:e.operators,textField:"text"})})(),((e,r,l)=>{switch(e){case"numeric":return v.createElement(c.NumericTextBox,{value:r,onChange:e=>{t(e.value,e.syntheticEvent)},rangeOnEnter:!1});case"date":return v.createElement(d.DatePicker,{value:r,onChange:e=>{t(e.value,e.syntheticEvent)}});case"boolean":{const e=e=>null==e;return v.createElement(g.DropDownList,{onChange:n,value:l.find((t=>t.operator===(e(r)?"":r))),data:l,textField:"text"})}default:return v.createElement(c.Input,{value:r||"",onChange:e=>{t(e.target.value,e.syntheticEvent)}})}})(e.filterType,e.value,e.booleanValues))},Pr=e=>{const{firstFilterProps:t,hideSecondFilter:r,secondFilterProps:n,logicData:l,logicValue:o,onLogicChange:a}=e;return v.createElement(v.Fragment,null,v.createElement(Rr,{...t}),!r&&v.createElement(v.Fragment,null,v.createElement(g.DropDownList,{data:l,value:o,onChange:a,className:"k-filter-and",textField:"text"}),v.createElement(Rr,{...n})))},wr=e=>e||{filters:[],logic:"and"},Nr=(e,t)=>wr(t).filters.filter((t=>!!n.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&t.filters.length<=2&&!t.filters.find((t=>n.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,Dr={uniqueData:!0},Tr=e=>{const[t,r]=v.useState(""),n=e.columns.reduce(((t,r)=>({...t,[r.id||""]:!!e.columnsState.find((e=>e.id===r.id))})),{}),[l,s]=v.useState(n),d=v.useMemo((()=>e.columns.filter((e=>{var r;return null==(r=e.title||e.field)?void 0:r.toLowerCase().includes(t.toLowerCase())}))),[e.columns,t]),u=a.useLocalization(),g=v.useCallback((()=>{const t=e.columns.filter((e=>l[e.id||""]));e.onColumnsChange.call(void 0,t),e.onCloseMenu.call(void 0)}),[l,e.columns,e.onColumnsChange,e.onCloseMenu]),m=v.useMemo((()=>Object.values(l).filter((e=>e)).length),[l]),h=v.useMemo((()=>m===e.columns.length),[e.columns,m]),f=v.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,r)=>e[t]=!(!h||0!==r)||!h)),s(e)}),[l,h]),C=v.useCallback(((e,t)=>{const r={...l};r[t||""]=e,s(r)}),[l]);return v.createElement("form",{className:"k-filter-menu"},v.createElement("div",{className:"k-filter-menu-container"},v.createElement(c.TextBox,{className:"k-searchbox",value:t,onChange:e=>{r(String(e.target.value))},prefix:()=>v.createElement(c.InputPrefix,null,v.createElement(o.IconWrap,{name:"search",icon:i.searchIcon}))}),v.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t&&v.createElement("li",{className:"k-item k-check-all-wrap"},v.createElement(c.Checkbox,{checked:h,onChange:f,label:u.toLanguageString(Se,He[Se])})),d.map(((e,t)=>v.createElement("li",{key:e.id,className:"k-item"},v.createElement(c.Checkbox,{disabled:l[e.id||""]&&1===m,checked:l[e.id||""],onChange:t=>{var r;return C(!(null==(r=t.target.element)||!r.checked),e.id)},label:e.title||e.field}))))),v.createElement("div",{className:"k-filter-selected-items"},m," selected items"),v.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},v.createElement(p.Button,{type:"button",themeColor:"primary",onClick:g},u.toLanguageString(me,He[me])),v.createElement(p.Button,{type:"button",onClick:()=>{s(n)}},u.toLanguageString(fe,He[fe])))))};Tr.displayName="GridColumnMenuColumnsList";const Mr=e=>{const{size:t,className:r,ariaLabel:n,ariaControls:l,children:a}=e;return v.createElement("div",{className:o.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!t,[`k-toolbar-${o.kendoThemeMaps.sizeMap[t]||t}`]:t},r),"aria-label":n,"aria-controls":l,role:"toolbar"},a)};Mr.displayName="KendoReactGridToolbar";const Gr=e=>{const{data:t=[]}=e;return v.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},t.map(((e,t)=>v.createElement("div",{key:t},v.createElement("span",{className:"k-selection-aggregates-item-text"},e.type,": "),v.createElement("span",{className:"k-selection-aggregates-item-value"},e.formattedValue)))))};Gr.displayName="KendoReactGridStatusBar";const Lr=e=>{var t;const r=e.slice();for(let e=0;e<r.length;e++)for(;r[e]&&null!=(t=r[e].children)&&t.length;)r.splice(e,1,...r[e].children);return r};Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return l.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return l.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return l.setSelectedState}}),e.GRID_COL_INDEX_ATTRIBUTE=_,e.GRID_PREVENT_SELECTION_ELEMENT=U,e.GRID_ROW_INDEX_ATTRIBUTE=q,e.Grid=Cr,e.GridCell=Rt,e.GridColumn=b,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=Dr.uniqueData}=e,r=(t,r)=>{const n=e.column.field||"",l=t.map((e=>S(n,e)));return r?l.filter(((e,t)=>l.indexOf(e)===t)):l},l=()=>e.filter?o.clone(e.filter):{filters:[],logic:"and"},s=v.useRef((()=>{const t=e.column.field;return l().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[d,u]=v.useState(e.expanded||!1),[g,m]=v.useState(""),[h,f]=v.useState(r(e.data,t)||[]),[C,b]=v.useState(r(e.data,!1)||[]),[E,x]=v.useState(l());v.useEffect((()=>{const t=e.column.field||"",r=e.data.map((e=>S(t,e)));((e,t)=>e.length===t.length&&e.every(((e,r)=>e===t[r])))(r,C)||(f(r),b(r))}),[e.column,e.data]);const I=()=>void 0!==e.expanded,y=l=>{const o=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:e.column.field,operator:o,value:l.target.value,ignoreCase:!0}]};m(l.target.value),f(r(n.filterBy(e.data||[],a),t))},k=(t,r)=>{const n=e.column.field||"",l={...E},o=[...E.filters];let a=[];if(-1!==s.current&&l.filters[s.current].filters&&"all"!==r&&(a=l.filters[s.current].filters),t.value&&"all"===r)h.forEach((e=>{a.push({field:n,operator:"eq",value:e})}));else if(t.value)a.push({field:n,operator:"eq",value:r});else if(E){const e=a.findIndex((e=>e.value===r));a.splice(e,1)}l.logic="and",-1!==s.current?o[s.current]={logic:"or",filters:a}:o.push({logic:"or",filters:a}),(!t.value&&"all"===r||0===a.length)&&o.splice(s.current,1),l.filters=o,x(l)},R=a.useLocalization(),{column:P}=e;if(!P||!P.field)return v.createElement("div",null);const w=I()?e.expanded:d,N=[];if(E){const t=[...E.filters];s.current=t.findIndex((e=>!!(e.filters&&e.filters.length>0)&&e.filters[0].field===P.field)),-1!==s.current&&t[s.current].filters.length>0&&t[s.current].filters.forEach((t=>{t.field===e.column.field&&N.push(t.value)}))}const D=e.searchBox?v.createElement(e.searchBox,{value:g,onChange:y}):v.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},v.createElement(o.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),v.createElement(c.Input,{className:"k-input-inner",type:"text",placeholder:R.toLanguageString(xe,He[xe]),value:g,onChange:e=>y(e.nativeEvent)}),v.createElement(p.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{const l=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:l,value:"",ignoreCase:!0}]};m(""),f(r(n.filterBy(e.data||[],o),t))},icon:"x",svgIcon:i.xIcon})),T=N.filter(((e,t)=>N.indexOf(e)===t));return v.createElement(br,null,v.createElement(Er,{title:R.toLanguageString(ve,He[ve]),iconClass:"k-i-filter",svgIcon:i.filterIcon,onClick:()=>{const t=I(),r=!(t?e.expanded:d);e.onExpandChange&&e.onExpandChange(r),t||u(r)}}),v.createElement(Sr,{show:!!w},v.createElement("form",{className:"k-filter-menu",onSubmit:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=E||null;e.onFilterChange(r,t),e.onCloseMenu&&e.onCloseMenu()},onReset:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=E||null;null!==r&&r.filters.length>0?(s.current>=0&&r.filters.splice(s.current,1),e.onFilterChange(r,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()}},v.createElement("div",{className:"k-filter-menu-container"},D,v.createElement("ul",{className:"k-reset k-multicheck-wrap"},v.createElement("li",{className:"k-item k-check-all-wrap"},v.createElement(c.Checkbox,{label:R.toLanguageString(ye,He[ye]),onChange:e=>k(e,"all"),checked:(()=>{let e=!1;if(E){const t=[...E.filters];return-1!==s.current&&(e=h.every((e=>!(-1===s.current||!t[s.current].filters)&&t[s.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e})()})),h.map(((e,t)=>v.createElement("li",{className:"k-item",key:t},v.createElement(c.Checkbox,{label:String(e),onChange:t=>k(t,e),checked:T.includes(e)}))))),v.createElement("div",{className:"k-filter-selected-items"},T.length+" "+R.toLanguageString(Re,He[Re])),v.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},v.createElement(p.Button,{themeColor:"primary",type:"submit"},R.toLanguageString(Ce,He[Ce])),v.createElement(p.Button,{className:"k-button",type:"reset"},R.toLanguageString(he,He[he])))))))},e.GridColumnMenuColumnsList=Tr,e.GridColumnMenuFilter=e=>{const t=v.useCallback((()=>{let t;if(e.column&&e.column.field){const r=ht(e.column.filter),n=mt(e.filterOperators,r);t=Nr(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:n,value:ct(n)?null:void 0},{field:e.column.field,operator:n,value:ct(n)?null:void 0}]},1===t.filters.filter((t=>t.field===e.column.field)).length&&t.filters.splice(1,0,{field:e.column.field,operator:n})}return t}),[e.column]),[r,n]=v.useState(e.expanded||!1),[l,o]=v.useState(t()),s=()=>void 0!==e.expanded,c=(e,t)=>{const r=l.filters.map(((r,n)=>n===e?{...r,value:t.value,operator:t.operator}:r));o({...l,filters:r})},d=()=>({...l,filters:l.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),{column:u,filterUI:g,hideSecondFilter:m,filterOperators:h}=e,f=a.useLocalization();if(!u||!u.field)return v.createElement("div",null);const C=ht(u.filter),b=void 0!==m?m:pt[C],E=l.filters,x=dt(h[C],f),I=dt(ut,f),y={field:u.field,value:E[0].value,operator:E[0].operator,operators:x,booleanValues:I,onChange:e=>{c(0,e)},filterType:C},k={field:u.field,value:E[1].value,operator:E[1].operator,operators:x,booleanValues:I,onChange:e=>{c(1,e)},filterType:C},S=l.logic,R=dt(it,f),P={value:R.find((e=>e.operator===(null===S?"":S))),onChange:e=>{o({...l,logic:e.target.value.operator})},data:R},w=g,N={firstFilterProps:y,secondFilterProps:k,logicData:P.data,logicValue:P.value,onLogicChange:P.onChange,hideSecondFilter:b},D=0!==d().filters.length||ct(E[0].operator)||ct(E[1].operator),T=s()?e.expanded:r,M=e.alwaysExpand;return v.createElement(br,null,!M&&v.createElement(Er,{title:f.toLanguageString(ve,He[ve]),iconClass:"k-i-filter",svgIcon:i.filterIcon,onClick:()=>{const t=s(),l=!(t?e.expanded:r);e.onExpandChange&&e.onExpandChange(l),t||n(l)}}),v.createElement(Sr,{show:M||!!T},v.createElement("form",{className:"k-filter-menu",onSubmit:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=wr(e.filter),l=Nr(r,e.filter),o=d();let a=null;if(l&&o.filters.length>0){const e=n.filters.map((e=>e===l?o:e));a={...n,filters:e}}else if(0===o.filters.length){const e=n.filters.filter((e=>e!==l));e.length&&(a={...n,filters:e})}else a={...n,filters:[...n.filters,o]};e.onFilterChange(a,t),e.onCloseMenu&&e.onCloseMenu()},onReset:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=wr(e.filter),l=Nr(r,e.filter),o=n.filters.filter((e=>e!==l));o.length?e.onFilterChange({...n,filters:o},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()}},v.createElement("div",{className:"k-filter-menu-container"},w?v.createElement(w,{...N}):v.createElement(Pr,{...N}),v.createElement("div",{className:"k-actions k-actions-stretched"},v.createElement(p.Button,{themeColor:"primary",disabled:!D},f.toLanguageString(Ce,He[Ce])),v.createElement(p.Button,{type:"reset"},f.toLanguageString(he,He[he])))))))},e.GridColumnMenuFilterCell=Rr,e.GridColumnMenuFilterUI=Pr,e.GridColumnMenuGroup=e=>{const{group:t,column:r}=e,n=a.useLocalization(),l=!!(t&&r.field&&t.find((e=>e.field===r.field))),o=l?pe:ue;return v.createElement(br,null,v.createElement(Er,{title:n.toLanguageString(o,He[o]),iconClass:l?"k-i-ungroup":"k-i-group",svgIcon:l?i.ungroupIcon:i.groupIcon,onClick:t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const r=(e.group||[]).slice(),n=r.findIndex((t=>t.field===e.column.field));n>-1?r.splice(n,1):r.push({field:e.column.field}),e.onGroupChange(r,t)}e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuItem=Er,e.GridColumnMenuItemContent=Sr,e.GridColumnMenuItemGroup=br,e.GridColumnMenuSort=e=>{const t=(t,r)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:n,mode:l}=Q(e.sortable||!1,!1),o=(e.sort||[]).filter((t=>t.field===e.column.field))[0],a=Z[n][o&&o.dir||""][r],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==a&&e.column.field&&i.push({field:e.column.field,dir:a}),e.onSortChange(i,t)},{sort:r,column:n}=e,l=Ir(n.field,r),o=a.useLocalization();return v.createElement(br,null,v.createElement(Er,{title:o.toLanguageString(be,He[be]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:yr(l,r),onClick:r=>{t(r,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),v.createElement(Er,{title:o.toLanguageString(Ee,He[Ee]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:kr(l,r),onClick:r=>{t(r,xr),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=Ye,e.GridCommonDragLogic=W,e.GridContextMenu=J,e.GridContextMenuAnchorPart=y,e.GridContextMenuItemNames=k,e.GridDetailRow=e=>null,e.GridEditCell=Ue,e.GridFilterCell=vt,e.GridGroupCell=Nt,e.GridHeaderCell=Je,e.GridHierarchyCell=We,e.GridNoRecords=Mt,e.GridRow=Dt,e.GridSearchBox=e=>{const t=a.useLocalization(),r=v.useContext(te),[n]=A(),s=l.getStringFromSearch(n.search),d=o.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Ie,He[Ie]);return v.createElement(c.TextBox,{placeholder:u,value:s,prefix:()=>v.createElement(c.InputPrefix,{orientation:"horizontal"},v.createElement(o.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{r.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=ze,e.GridToolbar=Mr,e.StatusBar=Gr,e.booleanFilterValues=ut,e.cellBoolDropdownChange=ft,e.cellInputChange=gt,e.cellOperatorChange=Ct,e.contextMenuItemsMap=Y,e.filterGroupByField=Nr,e.getStatusData=e=>{const{dataItems:t,target:r}=e,n=Lr(r.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>o.getter(e))),l="selectedField"in e?o.getter(e.selectedField):t=>e.select[o.getter(e.dataItemKey)(t)],a={dates:[],numbers:[],booleans:[],others:[]};t.forEach((e=>{const t=l(e);t&&t.forEach((t=>{(e=>{"number"==typeof e?a.numbers.push(e):"boolean"==typeof e?a.booleans.push(e):e instanceof Date?a.dates.push(e):a.others.push(e)})(n[t](e))}))}));const i=a.dates.map((e=>e.getTime())),s=a.booleans.filter((e=>e)).length,c=a.booleans.filter((e=>!e)).length,d=a.numbers.length?a.numbers.reduce(((e,t)=>e+t),0):void 0,u={sum:d,average:"number"==typeof d?d/a.numbers.length:void 0,min:a.numbers.length?Math.min(...a.numbers):void 0,max:a.numbers.length?Math.max(...a.numbers):void 0,count:a.numbers.length+a.booleans.length+a.dates.length+a.others.length,isTrue:s>0?s:void 0,isFalse:c>0?c:void 0,earliest:a.dates.length?new Date(Math.min(...i)):void 0,latest:a.dates.length?new Date(Math.max(...i)):void 0},p=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),g=[];return Object.keys(u).forEach((e=>{const t=e,r=u[t];void 0!==r&&g.push({type:t,value:r,formattedValue:p(r,t)})})),g},e.gridMessages=He,e.isColumnMenuFilterActive=(e,t)=>!!Nr(e,t),e.isColumnMenuSortActive=(e,t)=>{const r=Ir(e,t);return kr(r,t)||yr(r,t)},e.leafColumns=Lr,e.operators=st,e.pagerFirstPage=oe,e.pagerInfo=le,e.pagerItemPerPage=ce,e.pagerLastPage=se,e.pagerNextPage=ie,e.pagerPreviousPage=ae,e.rootFilterOrDefault=wr}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-data-query"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-dropdowns"),require("react-dom"),require("@progress/kendo-react-indicators"),require("@progress/kendo-react-animation")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-data-query","@progress/kendo-react-data-tools","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-svg-icons","@progress/kendo-react-layout","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs","@progress/kendo-react-popup","@progress/kendo-react-buttons","@progress/kendo-react-dropdowns","react-dom","@progress/kendo-react-indicators","@progress/kendo-react-animation"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGrid={},e.React,e.PropTypes,e.KendoDataQuery,e.KendoReactDataTools,e.KendoReactCommon,e.KendoReactIntl,e.KendoSvgIcons,e.KendoReactLayout,e.KendoReactInputs,e.KendoReactDateinputs,e.KendoReactPopup,e.KendoReactButtons,e.KendoReactDropdowns,e.ReactDOM,e.KendoReactIndicators,e.KendoReactAnimation)}(this,(function(e,t,r,n,l,a,o,i,s,c,d,u,p,g,m,h,f){"use strict";function C(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v=C(t);const b=e=>null;b.displayName="KendoReactGridColumn";const E={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};b.propTypes={field:r.string,title:r.string,editable:r.bool,sortable:r.oneOfType([r.bool,r.shape({allowUnsort:r.bool.isRequired})]),cell:r.any,filterCell:r.any,filterTitle:r.string,filterable:r.bool,filter:r.oneOf(["text","numeric","boolean","date"]),editor:r.oneOf(["text","numeric","boolean","date"]),width:r.oneOfType([r.string,r.number]),minResizableWidth:r.number,headerCell:r.any,footerCell:r.any,headerSelectionValue:r.bool,format:r.string,headerClassName:r.string,className:r.string,reorderable:r.bool,resizable:r.bool,orderIndex:r.number,groupable:r.bool,columnMenu:r.any,menuIcon:r.any,locked:r.bool,hidden:r.bool,media:r.string};const x=()=>t.createElement(t.Fragment,null),I=x;var y=(e=>(e.head="head",e.body="body",e))(y||{}),k=(e=>(e.create="create",e.edit="edit",e.delete="delete",e.select="select",e.copySelection="copySelection",e.copySelectionNoHeaders="copySelectionNoHeaders",e.paste="paste",e.reorderRow="reorderRow",e.exportPDF="exportPDF",e.exportExcel="exportExcel",e.separator="separator",e.sortAsc="sortAsc",e.sortDesc="sortDesc",e))(k||{});function S(e,t){const r=(null!=e?e:"").split(".");let n=t;return r.forEach((e=>{n=n?n[e]:void 0})),n}function R(e,t,r,a,o,i,s,c,d,u,p=0,g){var m;let h=p;for(let f=0;f<t.length;f++){let C;if(!o||void 0===t[f].value||void 0===t[f].items){e[e.length]={dataIndex:a.index,dataItem:t[f],rowType:"data",level:p,group:g,expanded:null!=(m=i?S(i,t[f]):u&&!(null==s||!s[n.getter(u)(t[f])]))&&m},a.index++;continue}{let e;e=null!=g&&g.parents?[{field:g.field,value:g.value},...g.parents]:g?[g]:[],C={field:t[f].field,value:t[f].value,parents:e}}h=Math.max(h,p+1);let v=!1;if(i)v=!1!==S(i,t[f]);else{const e=l.findGroupExpand(c||[],C);v=e?!1!==e.expanded:!1!==d}e[e.length]={dataIndex:-1,dataItem:t[f],level:p,group:C,rowType:"groupHeader",expanded:v},v&&(C.expanded=v,h=Math.max(R(e,t[f].items,r,a,o,i,s,c,d,u,p+1,C),h)),("always"===r||v&&"visible"===r)&&(e[e.length]={dataIndex:-1,dataItem:t[f],rowType:"groupFooter",level:p,expanded:v})}return h}const P=(e,t)=>"function"==typeof e.colSpan?e.colSpan({dataItem:t,column:e}):e.colSpan||1;function w(e,t,r,n=0){const a=[];if(!e)return[];e&&void 0===e.length&&(e=[e]),e.filter((e=>e&&e.props?!e.props.hidden:!e.hidden)).forEach(((e,o)=>{e=e.props?e.props:e;const i=t[o]||null,s=w(e.children,i&&i.children||[],r,n+1);a.push(Object.assign({depth:n},E,s.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},e,{id:e.id?e.id:l.tableKeyboardNavigationTools.generateNavigatableId(""+r.prevId++,r.idPrefix,"column"),declarationIndex:a.length,children:s,headerColSpan:e.headerColSpan,rowSpan:0,columnType:e.columnType||"data",colSpan:e.colSpan||1,isAccessible:!0,left:e.lockedColumn?i&&Math.floor(i.left):null,right:e.lockedColumn?i&&Math.floor(i.right):null}))}));if(a.sort(((e,t)=>e.orderIndex===t.orderIndex?e.declarationIndex-t.declarationIndex:(e.orderIndex||0)-(t.orderIndex||0))),0===n){const e=[],t=(r,n)=>r.forEach((r=>{r.parentIndex=n,t(r.children,e.push(r)-1)}));return t(a,-1),e}return a}const N=e=>void 0!==e.width?Math.floor(parseFloat(e.width.toString()))+"px":void 0,D=(e,t)=>t&&t.filter((t=>t.field===e)).length>0,T=e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e.map((e=>{const{declarationIndex:t,parentIndex:r,depth:n,headerColSpan:l,rowSpan:a,index:o,kFirst:i,children:s,...c}=e;return s.length?{children:T(s),...c}:c}))),M=e=>{const{filterCell:t,headerCell:r,footerCell:n,cells:l,cell:a,...o}=e;return e.children.length?{...o,children:e.children.map(M)}:o},G="undefined"!=typeof window&&/Firefox/.test(window.navigator.userAgent),L=17895697,O=(e,t)=>{if(e||t)return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e},F=e=>!(!e||e.$$typeof!==Symbol.for("react.client.reference")),H=e=>({id:e.id,ariaColumnIndex:e.ariaColumnIndex,isSelected:e.isSelected,isInEdit:e.isInEdit,isSorted:e.isSorted,isAlt:e.isAlt,expanded:e.expanded,className:e.className,style:e.style,field:e.field,dataItem:e.dataItem,format:e.format,colSpan:e.colSpan,dataIndex:e.dataIndex,columnIndex:e.columnIndex,columnsCount:e.columnsCount,rowType:e.rowType,level:e.level,editor:e.editor,render:e.render,locked:e.locked,isRtl:e.isRtl,rowDataIndex:e.rowDataIndex,columnPosition:e.columnPosition,group:e.group}),K=t.createContext([{},()=>{},{}]),A=()=>t.useContext(K),z=e=>{var r,n,l,a,o,i,s,c,d,u,p,g,m,h,f,C,v,b,E,x;const{children:I,onEditChange:y,onFilterChange:k,onSortChange:S,onSearchChange:R,onPageChange:P,onGroupChange:w,onDataStateChange:N,onSelectionChange:D,onDetailExpandChange:T,onGroupExpandChange:M,onHeaderSelectionChange:G}=e,[L,O]=t.useState({edit:null!=(r=e.defaultEdit)?r:e.edit,filter:null!=(n=e.defaultFilter)?n:e.filter,select:null!=(l=e.defaultSelect)?l:e.select,search:null!=(a=e.defaultSearch)?a:e.search,sort:null!=(o=e.defaultSort)?o:e.sort,take:null!=(i=e.defaultTake)?i:e.take,skip:null!=(s=e.defaultSkip)?s:e.skip,group:null!=(c=e.defaultGroup)?c:e.group,detailExpand:null!=(d=e.defaultDetailExpand)?d:e.detailExpand,groupExpand:null!=(u=e.defaultGroupExpand)?u:e.groupExpand}),F={edit:null!=(p=e.edit)?p:L.edit,filter:null!=(g=e.filter)?g:L.filter,search:null!=(m=e.search)?m:L.search,sort:null!=(h=e.sort)?h:L.sort,take:null!=(f=e.take)?f:L.take,skip:null!=(C=e.skip)?C:L.skip,group:null!=(v=e.group)?v:L.group,select:null!=(b=e.select)?b:L.select,detailExpand:null!=(E=e.detailExpand)?E:L.detailExpand,groupExpand:null!=(x=e.groupExpand)?x:L.groupExpand};return t.createElement(K.Provider,{value:[F,e=>{},{onEditChange:e=>{O((t=>({...t,edit:e.edit}))),null==y||y(e)},onFilterChange:k&&(e=>{O((t=>({...t,filter:e.filter}))),null==k||k(e)}),onSearchChange:e=>{O((t=>({...t,search:e.search}))),null==R||R(e)},onSortChange:S&&(e=>{O((t=>({...t,sort:e.sort}))),null==S||S(e)}),onPageChange:P&&(e=>{O((t=>({...t,...e.page}))),null==P||P(e)}),onGroupChange:w&&(e=>{O((t=>({...t,group:e.group}))),null==w||w(e)}),onDataStateChange:e=>{O((t=>({...t,...e.dataState}))),null==N||N(e)},onSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==D||D(e)},onHeaderSelectionChange:e=>{O((t=>({...t,select:e.select}))),null==G||G(e)},onDetailExpandChange:e=>{O((t=>({...t,detailExpand:e.detailExpand}))),null==T||T(e)},onGroupExpandChange:e=>{O((t=>({...t,groupExpand:e.groupExpand}))),null==M||M(e)}}]},I)},B=e=>{const{children:t}=e,r=a.useId(),n=e.id||r,l=a.useUnstyled(),i=o.useLocalization(),s=o.useInternationalization(),[,c]=v.useReducer((e=>!e),!0),d=v.useRef([]),u=v.useRef(0),[p,,g]=A();return v.cloneElement(t,{...null==t?void 0:t.props,...p,...g,id:n,unstyled:l,localization:i,intl:s,columnsRef:d,scrollLeftRef:u,forceUpdate:c,isClient:!0})};let V=class{constructor(e){this.columns=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=e=>{this.isRtl=e},this.dragHandler=(e,t,r,n)=>{const l=e.originalEvent;n||(l.preventDefault(),l.stopPropagation(),l.stopImmediatePropagation());const a=r.closest("th");if(!a||!a)return;const o=a.clientWidth;let i=o;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-e.clientX:i+=e.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!n&&Math.abs(i-o)<1)return;this.fixateInitialWidths(a.parentElement.clientWidth),this.setWidths(t,Math.floor(i)/o);const s=this.columns.filter((e=>!e.children.length)).findIndex((e=>e.id===t.id));this.onResize(s,o,i,l,n,t.id)},this.dblClickHandler=(e,t)=>{const r=this.columns.filter((e=>t.indexOf(e.id)>-1));if(!this.colGroupMain||!r.length)return;const n={},l=r;for(;l.length>0;){const e=l.pop();if(!e)break;e.children.length?l.push(...e.children):n[e.id]=e}const a=this.columns.filter((e=>!e.children.length)),o=[];a.forEach(((e,t)=>{n[e.id]&&o.push(t)}));const i=[this.colGroupMain.parentElement],s=[this.colGroupMain];this.colGroupHeader&&(i.push(this.colGroupHeader.parentElement),s.push(this.colGroupHeader)),this.colGroupFooter&&(i.push(this.colGroupFooter.parentElement),s.push(this.colGroupFooter)),i.forEach((e=>e.classList.add("k-autofitting")));const c=[];s.forEach((e=>{o.forEach((t=>{e.children[t]&&(e.children[t].width="",c[t]=Math.max(c[t]||0,e.children[t].offsetWidth+1))}))})),s.forEach((e=>{o.forEach((t=>{e.children[t]&&(e.children[t].width=c[t]+"px",a[t].width=c[t])}))})),i.forEach((e=>e.classList.remove("k-autofitting"))),this.onResize(o[0],0,0,e,!0,t[0])},this.updateColElements=e=>{const t=this.columns.filter((e=>!e.children.length));let r=1e-10;for(let n=0;n<e.length;n++){const l=e[n],a=t.findIndex((e=>e.id===l.id)),o=parseFloat((l.width||0).toString()),i=Math.floor(o);r+=o-i;const s=i+Math.floor(r);if(r-=Math.floor(r),this.colGroupMain&&this.colGroupMain.children[a]){const e=parseInt(this.colGroupMain.children[a].width,10);this.colGroupMain.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,l,e-s)}if(this.colGroupHeader&&this.colGroupHeader.children[a]){const e=parseInt(this.colGroupHeader.children[a].width,10);this.colGroupHeader.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,l,e-s)}if(this.colGroupFooter&&this.colGroupFooter.children[a]){const e=parseInt(this.colGroupFooter.children[a].width,10);this.colGroupFooter.children[a].width=s+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,l,e-s)}}},this.onResize=e}fixateInitialWidths(e){const t=this.columns.filter((e=>!e.children.length));let r=0;const n=this.colGroupMain?this.colGroupMain.children:[];for(let t=0;t<n.length;t++)n[t].width?e-=parseFloat(n[t].width):r++;if(0===r)return;const l=Math.floor(e/r);for(let e=0;e<n.length;e++){const r=n[e];r.width||(r.width=l,t[e].width=l.toString(),this.colGroupHeader&&(this.colGroupHeader.children[e].width=l),this.colGroupFooter&&(this.colGroupFooter.children[e].width=l))}}setWidths(e,t){const r=this.columns.findIndex((t=>t.id===e.id)),n=[];let l=e.children.length;for(let e=r+1;e<this.columns.length&&!(l<=0);e++){const t=this.columns[e];t.children.length?l+=t.children.length:n.push(t),l--}return 0===n.length&&n.push(e),n.forEach((e=>{let r=e.width?parseFloat(e.width.toString())*t:0;const n=void 0===e.minResizableWidth?10:e.minResizableWidth;r<n&&(r=n),e.width=r})),this.updateColElements(n),n}updateNextLockedCol(e,t,r){const n=t.index,l=this.colGroupMain.parentElement.closest(".k-grid"),a=null==l?void 0:l.clientWidth,o=this.columns.filter((e=>e.locked)).map((e=>parseInt(e.width+"",10))).reduce(((e,t)=>e+t),0);!t.locked||a<=o+20||this.columns.forEach((t=>{if(null!=t&&t.locked&&r){const l=null==e?void 0:e.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');null==l||l.forEach((e=>{const l=e.style;this.isRtl?(t.index>n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"),t.index<n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px")):(t.index>n&&l&&l.left&&(l.left=parseInt(l.left,10)-r+"px"),t.index<n&&l&&l.right&&(l.right=parseInt(l.right,10)-r+"px"))}))}}))}},W=class{constructor(e,t,r){this.refDragElementClue=v.createRef(),this.refDropElementClue=v.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,t)=>{const r=this.getColumnIndex(e,t);if(this.startGroup=this.getGroupIndex(e),r>=0){const e=this.columns[r];(e.reorderable&&this.reorderable||e.groupable&&this.groupable)&&(this.startColumn=r)}},this.dragHandler=(e,t)=>{if(e.isTouch||e.originalEvent.preventDefault(),e.originalEvent.stopPropagation(),-1===this.startColumn&&-1===this.startGroup)return;this.currentColumn=this.getColumnIndex(e,t),this.currentGroup=this.isTargetGroupingContainer(e)?this.getCurrentGroupsLength:this.getGroupIndex(e);const r=!this.isValid();r&&(this.currentColumn=-1,this.currentGroup=-1);const n=this.currentColumn>=0?t.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(e)?e.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(e,t,n,r),this.updateDropElementClue(e,t,n,r)},this.releaseHandler=e=>{const t=this.startColumn,r=this.currentColumn,n=this.startGroup,l=this.currentGroup;e.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(t>=0&&r>=0?this.columnReorder(t,r,e.originalEvent):n>=0&&l>=0?this.groupReorder(n,l,e.originalEvent):t>=0&&l>=0&&this.columnToGroup(t,l,e.originalEvent))},this.columnReorder=e,this.groupReorder=t,this.columnToGroup=r}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,t){if(!t||t.parentElement===this.groupPanelDivElement)return-1;const r=l.getIndex(e,t);if(-1===r)return-1;for(let e=0;e<t.parentNode.children.length;e++)if(t.parentNode.children[e]===t)return this.columns.findIndex((t=>t.index===r&&t.depth===e));return-1}isTargetGroupingContainer(e){const t=e.originalEvent.target;return!!t.className.indexOf&&-1!==t.className.indexOf("k-grouping-drop-container")}getGroupIndex(e){return l.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:-1!==this.startColumn&&(this.currentGroup>=0?!0===this.columns[this.startColumn].groupable&&!0===this.groupable:!0===this.reorderable&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&!0===this.columns[this.startColumn].reorderable&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex)}updateDragElementClue(e,t,r,n){if(!this.dragElementClue)return;const l=this.startColumn>=0?t.children[this.columns[this.startColumn].index].innerText:t.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:l,status:n||!r?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,t,r,n){if(!this.dropElementClue)return;if(n||!r)return void this.dropElementClue.setState({visible:!1});const l=r.getBoundingClientRect(),a=(r.closest(".k-grouping-header")||r).getBoundingClientRect();let o=l.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&-1!==this.startGroup)&&(o+=l.width);const i=a.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:i,left:o,height:this.currentColumn>=0?t.clientHeight:a.height})}};const q=l.TABLE_ROW_INDEX_ATTRIBUTE,_=l.TABLE_COL_INDEX_ATTRIBUTE,U=l.TABLE_PREVENT_SELECTION_ELEMENT,j=/^(?!.*\bChrome).*\bSafari/i;let $=class{constructor(e){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=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(v.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return(null==(e=this.containerRef)?void 0:e.current)||void 0}translate(e,t){this.scrollableVirtual&&this.table&&(G||this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}changePage(e,t){this.PageChange&&this.PageChange({skip:Math.max(0,e),take:this.pageSize},t)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(e){var t;if(!(this.scrollableVirtual&&this.container&&this.table&&this.rowHeightService&&null!=(t=this.containerRef)&&t.current))return;if(this.scrollSyncing)return void(this.scrollSyncing=!1);const r=this.container.scrollTop,n=this.lastScrollTop>=r,l=!n;this.lastScrollTop=r;let a=this.rowHeightService.index(r),o=this.rowHeightService.offset(a);const{offsetHeight:i}=this.containerRef.current,s=this.rowHeightService.index(r+i);if(l&&s>=this.lastLoaded&&this.lastLoaded<this.total){const t=a+this.pageSize-this.total;t>0&&(a-=t,o=this.rowHeightService.offset(a)),this.firstLoaded=a,this.translate(o);const r=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(r,this.total),this.changePage(this.firstLoaded,e)}else if(n&&a<this.firstLoaded){const t=Math.floor(.3*this.pageSize);this.firstLoaded=Math.max(a-t,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,e)}}},X=class{constructor(e){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=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(v.version),this.topItems=(e,t)=>{if(!this.container||t)return{topItemsCount:0,topItemsHeight:0};const r=this.container.clientHeight,n=Math.ceil(r/e[0].line),l=Math.ceil((e.length-n)/2);let a=0;for(let t=0;t<l;t++)a+=e[t].line+e[t].acc;return{topItemsCount:l,topItemsHeight:a,itemsNeededOnScreen:n+n/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,e&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var e;return null==(e=this.containerRef)?void 0:e.current}get rowHeights(){var e,t;const r=[],n=(null==(e=this.tableBodyRef)?void 0:e.current)&&(null==(t=this.tableBodyRef)?void 0:t.current.children)||[];let l=0;for(let e=0;e<n.length;e++)n[e].className.indexOf("k-grouping-row")>-1?l+=n[e].scrollHeight:n[e].className.indexOf("k-detail-row")>-1?r[r.length-1].line+=n[e].scrollHeight:(r.push({line:n[e].scrollHeight,acc:l}),l=0);return r}changePage(e,t){this.attendedSkip=e-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,e-this.topCacheCount),take:this.pageSize},t)}translate(e,t){this.tableTranslate=e,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(e){if(!this.container)return;const t=this.rowHeights,r=this.container.scrollTop;let n=this.tableTranslate,l=0;const{topItemsCount:a,topItemsHeight:o,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount),s=r-n;if(!(s>o||t.length<=i)){for(;l<this.topCacheCount+this.attendedSkip-this.realSkip+a&&this.propsSkip-l>0&&!(n+(t[t.length-1-l].line+t[t.length-1-l].acc)+s<=r);)n-=t[t.length-1-l].line+t[t.length-1-l].acc,l++;if(0===l&&0===this.topCacheCount&&this.attendedSkip>0&&(n=Math.max(n-t[0].line,0),l=1),this.propsSkip-l<=0&&n>r)return this.translate(0),this.changePage(0,e),void(this.container.scrollTop=0);if(n>r&&(n=r),n!==this.tableTranslate){this.translate(Math.max(0,n-o));const t=Math.max(0,this.propsSkip-l-a);this.changePage(t,e)}}}localScrollDown(e){if(!this.container)return;const t=this.rowHeights,r=this.container.scrollTop;let n=this.tableTranslate,l=0;const{topItemsCount:a,topItemsHeight:o,itemsNeededOnScreen:i}=this.topItems(t,!!this.topCacheCount);for(;l<t.length-this.topCacheCount&&!(n+t[l].line+t[l].acc>r);)n+=t[l].line+t[l].acc,l++;a>this.propsSkip+l||t.length<=i||(l>=t.length-this.topCacheCount&&this.propsSkip+l>=this.total?(this.translate(n-o),this.changePage(this.total-1-a,e)):n!==this.tableTranslate&&this.propsSkip+l-a!==this.propsSkip&&(this.translate(n-o),this.changePage(this.propsSkip+l-a,e)))}scrollNonStrict(e){const t=this.total*this.prevScrollPos/this.containerHeight;let r=Math.floor(t);r>=this.total&&(r=this.total-1);const n=Math.min(t-r,1);let l=0;const a=r-this.propsSkip,o=this.rowHeights;a>=0&&a<=1?l=-(o[0].line+o[0].acc)*n:-1===a&&(l=-(o[o.length-1].line+o[o.length-1].acc)*n);const{topItemsCount:i,topItemsHeight:s}=this.topItems(o,!!this.topCacheCount);this.translate(Math.max(0,l-s-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(r-i,e)}scrollHandler(e){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table)return void(this.scrollSyncing=!1);const t=this.container.scrollTop,r=this.prevScrollPos;if(this.prevScrollPos=t,void 0!==this.askedSkip)return this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,e),this.prevScrollPos=t,void(this.askedSkip=void 0);t-r<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(e):t-r>0&&t<this.tableTranslate+2*this.table.scrollHeight/3?this.localScrollDown(e):this.scrollNonStrict(e),this.prevScrollPos=t}};const Y={[k.create]:{name:"create",text:"Add",icon:"plus",svgIcon:i.plusIcon,data:{action:"AddCommand"}},[k.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:i.pencilIcon,data:{action:"EditCommand"}},[k.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:i.trashIcon,data:{action:"DeleteCommand"}},[k.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:i.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:i.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:i.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:i.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[k.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:i.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[k.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:i.fileTxtIcon,data:{action:"CopySelectionCommand"}},[k.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:i.clipboardIcon,data:{action:"PasteCommand"}},[k.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:i.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:i.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:i.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:i.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:i.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[k.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:i.filePdfIcon,data:{action:"ExportPDFCommand"}},[k.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:i.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[k.separator]:{name:"separator",separator:!0},[k.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:i.sortAscSmallIcon,data:{action:"SortCommand"}},[k.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:i.sortDescSmallIcon,data:{action:"SortCommand"}}},J=e=>{const{show:t,offset:r,dataItem:n,field:l,items:a,onClose:i,onSelect:c}=e,d=o.useLocalization(),u=v.useCallback((e=>{c.call(void 0,{event:e,dataItem:n,field:l})}),[c,n,l]),p=v.useCallback((e=>{const t=e;return t.text&&t.name&&(t.text=d.toLanguageString(`contextMenu.${t.name}`,t.text||"")),t.items&&Array.isArray(t.items)&&(t.items=t.items.map((e=>p(e)))),t}),[d]),g=v.useMemo((()=>a&&a.map((e=>p("string"==typeof e?Y[e]:e)))),[a,p]);return v.createElement(s.ContextMenu,{show:t,offset:r,items:g,onClose:i,onSelect:u})},Q=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e),Z={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},ee={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},te=v.createContext(void 0),re=e=>{var t,r;const n=e.gridProps.isClient,[o,i]=v.useState({}),s=()=>{i({})},c=v.useMemo((()=>e.columnsRef.current.find((e=>e.field===o.field))),[e.columnsRef,o]),d=v.useMemo((()=>(e=>{let t=[];return e.sortable&&(t=t.concat([k.sortAsc,k.sortDesc])),t})({sortable:!!(e.gridProps.sortable&&(null==c?void 0:c.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),u=v.useMemo((()=>(e=>{let t=[];return e.clipboard&&(t=t.concat([k.copySelection,k.copySelectionNoHeaders,k.paste])),e.editable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.create,k.edit,k.delete])),e.selectable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.select])),e.reorderable&&(t.length&&(t=t.concat([k.separator])),t=t.concat([k.reorderRow])),t})({sortable:!!(e.gridProps.sortable&&(null==c?void 0:c.sortable)),selectable:l.getSelectionOptions(e.gridProps.selectable).enabled,clipboard:!!e.gridProps.clipboard})),[c,e.gridProps.sortable,e.gridProps.selectable,e.gridProps.clipboard]),p=v.useMemo((()=>{const t=(null==c?void 0:c.contextMenu)||e.gridProps.contextMenu,r="function"==typeof t?t(o):t;if(r&&o.offset){const e=r[o.dataItem?y.body:y.head],t=o.dataItem?u:d;return!1===e?void 0:!0===e||void 0===e?t:e}}),[e.gridProps.contextMenu,o,u,d,c]),g=()=>{const e=se.current.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return T(e)},m=t=>{if("moveToNextPage"===t.action&&S(t.event),"moveToPrevPage"===t.action&&R(t.event),t.focusElement&&"reorderToRight"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e<se.current.length-1&&N(e,e+1,t.event)}if(t.focusElement&&"reorderToLeft"===t.action){const e=parseInt(t.focusElement.ariaColIndex,10)-1;e>0&&N(e,e-1,t.event)}if(e.gridProps.onNavigationAction&&n){const r={focusElement:t.focusElement,...z(t.event)};B(e.gridProps.onNavigationAction,r)}},h=(t,r,n)=>{const{allowUnsort:l,mode:a}=Q(e.gridProps.sortable||!1,r.sortable||!1),o=(e.gridProps.sort||[]).filter((e=>e.field===r.field))[0],i=n||ee[l][o&&o.dir||""],s="single"===a?[]:(e.gridProps.sort||[]).filter((e=>e.field!==r.field));""!==i&&r.field&&s.push({field:r.field,dir:i}),P(s,t)},f=(t,r)=>{e.gridProps.onSelectionChange&&n&&ze.enabled&&B(e.gridProps.onSelectionChange,{...t,select:r})},C=t=>{if(e.gridProps.onSelectionChange&&ze.enabled){const r=t.dataItems[0],n=t.dataItems[t.dataItems.length-1],l={},o={...t,startDataItem:r,endDataItem:n,startRowIndex:0,endRowIndex:t.dataItems.length-1,startColIndex:0,endColIndex:se.current.length-1};t.dataItems.forEach((r=>{const n=a.getter(e.gridProps.dataItemKey)(r);l[n]=!t.cell||[...Array(se.current.length).keys()]})),f(o,l)}},b=t=>{if(e.gridProps.onSelectionChange&&ze.enabled){const r=a.getter(e.gridProps.dataItemKey)(t.dataItem),n=0,l=se.current.length-1,o=t.dataItems.findIndex((r=>r[e.gridProps.dataItemKey]===t.dataItem[e.gridProps.dataItemKey])),i={...t,startDataItem:o,endDataItem:o,startRowIndex:o,endRowIndex:o,startColIndex:n,endColIndex:l},s="multiple"===t.mode&&e.gridProps.select||{};!0===s[r]||Array.isArray(s[r])&&s[r].length===se.current.length?delete s[r]:s[r]=!t.cell||[...Array(se.current.length).keys()],f(i,s)}},E=t=>{e.gridProps.onSelectionChange&&ze.enabled&&f(t,{})},x=(t,r,n,l,a)=>{const o=e.gridProps.onDataStateChange;if(t){const e={...z(l),...r,targetEvent:a};B(t,e)}else o&&B(o,{...z(l),targetEvent:a||{},dataState:{...A(),...n}})},I=(t,r,n)=>{x(e.gridProps.onPageChange,{page:t},{skip:t.skip,take:t.take},r,n)},S=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,a=(e.gridProps.skip||0)+l,o=(()=>{let t=e.gridProps.total||0;return Array.isArray(e.gridProps.data)?t=t||e.gridProps.data.length:e.gridProps.data&&(t=t||e.gridProps.data.total),t})();a<o&&I({skip:a,take:l},t)},R=t=>{var r,n;const l=null!=(n=null!=(r=e.gridProps.take)?r:e.gridProps.pageSize)?n:0,a=(e.gridProps.skip||0)-l;a>=0&&I({skip:a,take:l},t)},P=(t,r)=>{x(e.gridProps.onSortChange,{sort:t},{sort:t,..."virtual"===e.gridProps.scrollable?{skip:0}:{}},r)},w=(t,r)=>{const n=r.nativeEvent?r:{nativeEvent:r.nativeEvent||r.originalEvent};0===t.length&&e.gridProps.navigatable&&(Re.current=!0),x(e.gridProps.onGroupChange,{group:t},{group:t,skip:0},n)},N=(t,r,n)=>{const a=se.current[t],o=a.depth,i=e=>{do{e++}while(e<se.current.length&&se.current[e].depth>o);return e},s=se.current.splice(t,i(t)-t);se.current.splice(t<r?i(r-s.length):r,0,...s),se.current.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>e.orderIndex=t));const c=se.current[t].locked&&se.current[r].locked;l.updateLeft(e.columnsMapRef,se.current,c||De.current),l.updateRight(e.columnsMapRef,se.current,c||De.current),Se.current&&(De.current=!1,Se.current=!1);const d=g();if(oe(),e.gridProps.onColumnReorder){const t={target:ie.current,columns:d,columnId:a.id,nativeEvent:n};B(e.gridProps.onColumnReorder,t)}},D=(t,r,n)=>{if(void 0===e.gridProps.group)return;const l=e.gridProps.group.slice();l.splice(r,0,...l.splice(t,1)),w(l,n)},M=(t,r,n)=>{const l=se.current[t].field;if(!l)return;const a=(e.gridProps.group||[]).slice();a.splice(r,0,{field:l}),w(a,n)},O=()=>{let e=0;if(!de.current.colGroupMain)return;const t=de.current.colGroupMain.children;for(let r=0;r<t.length;r++){const n=t[r].width;if(!n)return;e+=parseFloat(n.toString())}e=Math.round(e),ye.current&&ye.current.setWidth(e),Ie.current&&Ie.current.setWidth(e),be.current&&(be.current.style.width=e+"px")},F=(t,r)=>{if(e.gridProps.onClipboard&&n){if(!H()||!t)return;B(e.gridProps.onClipboard,{type:t,nativeEvent:r,columns:se.current,dataItemKey:e.gridProps.dataItemKey||"",..."boolean"!=typeof e.gridProps.clipboard?e.gridProps.clipboard:{}})}},H=()=>{var e,t,r;if(!a.canUseDOM)return!1;const n=a.getActiveElement(Y()),l=n?n.matches(".k-table-td")?n:null==(e=Y())?void 0:e.body:null==(t=Y())?void 0:t.body,o=l.closest(".k-grid-container"),i=l&&(null==(r=xe.current)?void 0:r.contains(l));return!!(l&&i&&o)},K=(t,r,l,a,o,i)=>{O(),De.current=!0,Se.current=!0,e.gridProps.onColumnResize&&n&&B(e.gridProps.onColumnResize,{columns:g(),nativeEvent:a,targetColumnId:i,index:t,newWidth:r,oldWidth:l,end:o,target:ie.current})},A=()=>{var t;return{filter:e.gridProps.filter,sort:e.gridProps.sort,skip:e.gridProps.skip,take:null!=(t=e.gridProps.take)?t:e.gridProps.pageSize,group:e.gridProps.group}},z=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:ie.current}),B=(e,t)=>{"proxy"!==e.name?e.call(void 0,t):e.call(void 0,(e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}))(t))},q=()=>e.dataRef.filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),_=()=>(e.slicedData||e.dataRef).filter((e=>"data"===e.rowType)).map((e=>e.dataItem)),U=()=>(ke.current||(ke.current=a.getScrollbarWidth()||void 0),ke.current),Y=()=>{var e;if(a.canUseDOM)return(null==(e=Z())?void 0:e.ownerDocument)||document},Z=()=>xe.current,re=v.useCallback((t=>{var r;if(!ce.current||null==(r=ce.current)||!r.container||"none"===e.gridProps.scrollable)return;he.current&&he.current.disconnect();const{rowIndex:n}=t,l=Z();if("virtual"===e.gridProps.scrollable)ce.current.askedSkip=n,ce.current.container.scroll(0,Math.round(ce.current.askedSkip/ce.current.total*ce.current.container.scrollHeight));else if(l){const e=n<1?l.querySelector("tbody > tr:nth-child(1)"):l.querySelector(`tbody > tr:nth-child(${n+1})`);e&&ve.current&&(ve.current.scrollTop=e.offsetTop)}}),[e.gridProps.scrollable]),ne=e=>JSON.stringify(e.map((e=>({id:e.id,field:e.field,title:e.title,children:e.children})))),le=()=>{ne(Ae)===ne(se.current)||oe()},ae=v.useCallback((e=>{const t={rowIndex:Ge.current};e.forEach((e=>{e.isIntersecting||re(t)}))}),[re]),oe=()=>{e.gridProps.forceUpdate&&e.gridProps.forceUpdate()},ie=v.useRef(null),se=e.columnsRef,ce=v.useRef(),de=v.useRef(),ue=v.useRef(),pe=v.useRef(),ge=v.useRef(),me=v.useRef(),he=v.useRef(null),fe=v.useRef(null),Ce=v.useRef(null),ve=v.useRef(null),be=v.useRef(null),Ee=v.useRef(null),xe=v.useRef(null),Ie=v.useRef(null),ye=v.useRef(null),ke=v.useRef(),Se=v.useRef(!1),Re=v.useRef(!1),Pe=v.useRef(),we=v.useRef(),Ne=v.useRef(!1),De=v.useRef(!0),Te=v.useRef(0),Me=v.useRef(),Ge=v.useRef(),Le=v.useRef([]),Oe=v.useRef(null),Fe=v.useRef(null),He=v.useRef(null),Ke=a.useDir(xe),Ae=v.useMemo((()=>v.Children.toArray(e.gridProps.children)),[e.gridProps.children]),ze=l.getSelectionOptions(null!=(t=e.gridProps.selectable)?t:!!e.gridProps.selectedField),Be=l.getEditableOptions(null!=(r=e.gridProps.editable)?r:!!e.gridProps.editField);v.useMemo((()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!e.gridProps.navigatable,contextStateRef:pe,navigationStateRef:ge,idPrefix:e.id})}),[]),v.useMemo((()=>{var t;null==(t=ce.current)||t.reset();const r=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled,n=e.isFixedVirtualScroll?$:X;ce.current=new n(r||void 0===e.gridProps.rowHeight||0===e.gridProps.rowHeight)}),[e.gridProps.scrollable,e.gridProps.total,e.gridProps.filter,e.gridProps.group,e.gridProps.groupable,e.gridProps.sort,e.gridProps.rowHeight]),v.useEffect((()=>(e.gridProps.clipboard&&(me.current=new l.ClipboardService(F),me.current.addEventListeners(Y())),()=>{me.current&&me.current.removeEventListeners(Y())})),[e.gridProps.onClipboard,e.gridProps.clipboard]),v.useEffect((()=>(e.gridProps.columnVirtualization&&!window.navigator.userAgent.match(j)&&(Ee.current&&(Ee.current.style.display="block"),be.current&&(be.current.style.display="block")),O(),a.setScrollbarWidth(U()),l.tableKeyboardNavigation.onComponentDidMount({scope:xe.current||void 0,contextStateRef:pe,navigationStateRef:ge}),()=>{clearTimeout(Me.current)})),[]),v.useEffect((()=>{var t;O(),a.setScrollbarWidth(U()),null!=(t=ce.current)&&t.tableTransform&&ce.current.table&&(ce.current.table.style.transform=ce.current.tableTransform,ce.current.tableTransform=""),(()=>{var e,t,r;if(fe.current&&(null==(e=fe.current)?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ne.current=!1,null!=(t=document.activeElement)&&t.closest(".k-grid-edit-row")?we.current=document.activeElement:we.current=void 0;const e=Array.from(null==(r=fe.current)?void 0:r.getElementsByClassName("k-grid-edit-row"));e.length>Le.current.length?Pe.current=e.filter((e=>!Le.current.includes(e)))[0]:1===e.length&&(Pe.current=e[0],Ne.current=!0),Le.current=e}})(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:xe.current||void 0,contextStateRef:pe,navigationStateRef:ge,focusFirst:Re.current,newEditableRow:Pe.current,singleEditRow:Ne.current,lastActiveElement:we.current,navigatable:e.gridProps.navigatable}),Re.current=!1,Pe.current=void 0})),v.useEffect((()=>{if(a.canUseDOM){const e={rootMargin:"0px",threshold:.9};he.current=window.IntersectionObserver&&new window.IntersectionObserver(ae,e)||null}}),[ae]),v.useEffect((()=>{var e;let t;return a.canUseDOM&&window.ResizeObserver&&(t=new window.ResizeObserver(le),t.observe(null==(e=Y())?void 0:e.body)),()=>{null==t||t.disconnect()}}),[]),v.useImperativeHandle(ie,(()=>({get element(){return Z()},props:e.gridProps,get columns(){return g()},scrollIntoView:t=>{var r;if(null==(r=ce.current)||!r.container||"none"===e.gridProps.scrollable)return;const{rowIndex:n}=t;Ge.current=n;const l=Z();if(he.current&&l){he.current.disconnect();const e=l.querySelector(`[absolute-row-index="${Ge.current}"]`);e?he.current.observe(e):re(t)}},fitColumns:e=>{de.current.dblClickHandler(null,e)}}))),v.useImperativeHandle(e.gridRef,(()=>ie.current)),v.useMemo((()=>{de.current=new V(K)}),[e.gridProps.onColumnResize]),v.useMemo((()=>{ue.current=new W(N,D,M)}),[e.gridProps.onColumnReorder,e.gridProps.onGroupChange,e.gridProps.group,e.gridProps.groupable]),de.current.resizable=e.gridProps.resizable||!1,de.current.columns=se.current;const Ve=!0===e.gridProps.groupable||"object"==typeof e.gridProps.groupable&&!1!==e.gridProps.groupable.enabled;return ue.current.reorderable=e.gridProps.reorderable||!1,ue.current.groupable=Ve,ue.current.columns=se.current,((t,r)=>{var n,l;if(ce.current){if(ce.current.fixedScroll=e.gridProps.fixedScroll||!1,ce.current.PageChange=I,ce.current.realSkip=e.gridProps.skip||0,ce.current.pageSize=null!=(l=null!=(n=e.gridProps.take)?n:e.gridProps.pageSize)?l:0,ce.current.scrollableVirtual="virtual"===e.gridProps.scrollable,ce.current.total=t,ce.current.propsSkip=(e.gridProps.skip||0)+("virtual"===e.gridProps.scrollable?ce.current.topCacheCount+(ce.current.attendedSkip-(e.gridProps.skip||0)):0),void 0!==e.gridProps.rowHeight&&e.gridProps.rowHeight>0&&!r){const r=e.gridProps.rowHeight*t;ce.current.containerHeight=G?Math.min(L,r):r}else ce.current.containerHeight=1533915;if(ce.current.containerRef=ve,ce.current.tableBodyRef=fe,ce.current.table=be.current,ce.current instanceof $){const{rowHeight:r=0,detail:n,expandField:l}=e.gridProps;let{detailRowHeight:o=0}=e.gridProps;o=n&&l?o:r,(()=>{const{data:t,total:r}=e.gridProps;return Array.isArray(t)?t.length===r:!!t&&r===t.total})()?(ce.current.total=e.dataRef.length,ce.current.rowHeightService=new a.RowHeightService(e.dataRef.length,r,o,e.dataRef)):ce.current.rowHeightService=new a.RowHeightService(t,r,o);const i=ce.current.rowHeightService.totalHeight();ce.current.containerHeight=G?Math.min(L,i):i}}})(e.total,Ve),v.createElement(te.Provider,{value:{isClient:n,rowReorder:(t,r,n)=>{const l="object"==typeof e.gridProps.rowReorderable?e.gridProps.rowReorderable.enabled:e.gridProps.rowReorderable;if("forbidden"===n||!l||!Oe.current)return;const{slicedData:a,dataRef:o}=e,i=(a||o)[r];e.gridProps.onRowReorder&&B(e.gridProps.onRowReorder,{draggedDataItems:[Oe.current],droppedDataItem:null==i?void 0:i.dataItem,dropPosition:n,nativeEvent:t.originalEvent,dragEvent:t,target:ie.current}),Oe.current=null},activeDragRowDataItemRef:Oe,reorderRowDragTargetRef:Fe,reorderRowDropTargetRef:He,dir:Ke,getCellPositionStyle:e=>void 0!==e.left?"rtl"!==Ke?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},dataItemKey:e.gridProps.dataItemKey,groupChange:w,selectionRelease:t=>{var r;if(e.gridProps.onSelectionChange&&ze.enabled){const n=_()[t.startRowIndex],a=_()[t.endRowIndex],o={syntheticEvent:void 0,target:ie.current,selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:q(),dataItem:null,startDataItem:n,endDataItem:a,...t},i=l.getSelectedState({event:o,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});f(o,i)}},pagerPageChange:e=>{I({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},onContextMenu:(t,r,l)=>{if(e.gridProps.onContextMenu&&n){const n={target:ie.current,syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:r,field:l};B(e.gridProps.onContextMenu,n)}e.gridProps.contextMenu&&(e=>{e.event.preventDefault(),i({...o,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})})({event:t,dataItem:r,field:l})},rowClick:(t,r)=>{e.gridProps.onRowClick&&"TD"===t.target.nodeName&&B(e.gridProps.onRowClick,{dataItem:r,...z(t)})},rowDblClick:(t,r)=>{e.gridProps.onRowDoubleClick&&"TD"===t.target.nodeName&&B(e.gridProps.onRowDoubleClick,{dataItem:r,...z(t)})},cellClick:(t,r,n)=>{if(Be.enabled&&"incell"===Be.mode&&e.gridProps.dataItemKey){const a=l.editReducer(e.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:r[e.gridProps.dataItemKey],field:n}});e.gridProps.onEditChange&&B(e.gridProps.onEditChange,{edit:a,...z(t)})}},headerCellClick:h,itemChange:t=>{var r;if(t.field===e.gridProps.expandField||t._expand||e.gridProps.group&&void 0===t.field){if(e.gridProps.onExpandChange){const n=e.gridProps.dataItemKey?l.detailExpandReducer(null!=(r=e.gridProps.detailExpand)?r:{},{type:l.DETAIL_EXPAND_ACTION.SET,id:t.dataItem[e.gridProps.dataItemKey],payload:t.value}):e.gridProps.detailExpand;B(e.gridProps.onExpandChange,{...z(t.syntheticEvent),expand:n,dataItem:t.dataItem,dataIndex:t.dataIndex,value:t.value})}}else e.gridProps.onItemChange&&B(e.gridProps.onItemChange,{...z(t.syntheticEvent),dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,value:t.value})},sortChange:P,filterChange:(t,r)=>{x(e.gridProps.onFilterChange,{filter:t},{filter:t||void 0,skip:0},r)},searchChange:t=>{const r=e.gridProps.searchFields||se.current.map((e=>e.field))||[],n=t.nativeEvent.target.value,l={logic:"or",filters:r.filter((e=>void 0!==e)).map((e=>{var t;return"string"==typeof e?{field:e,value:n,operator:"contains"}:{value:n,operator:null!=(t=e.operator)?t:"contains",field:e.field,ignoreCase:e.ignoreCase}}))};x(e.gridProps.onSearchChange,{search:l},{},t.syntheticEvent)},onHeaderSelectionChange:t=>{var r;if(e.gridProps.onHeaderSelectionChange&&ze.enabled){const n=q();B(e.gridProps.onHeaderSelectionChange,{select:t.syntheticEvent.target.checked?n.reduce(((t,r)=>(e.gridProps.dataItemKey&&void 0!==a.getter(e.gridProps.dataItemKey)(r)&&(t[a.getter(e.gridProps.dataItemKey)(r)]=!0),t)),{}):{},field:t.field,nativeEvent:t.syntheticEvent&&t.syntheticEvent.nativeEvent,syntheticEvent:t.syntheticEvent,target:ie.current,dataItems:n,selectedField:null!=(r=e.gridProps.selectedField)?r:""})}},columnGroupChange:(e,t)=>{const r=ue.current.getCurrentGroupsLength;M(e,r,t)},onKeyDown:t=>{var r,a,o,i;l.tableKeyboardNavigation.onKeyDown(t,{navigatable:e.gridProps.navigatable||!1,contextStateRef:pe,navigationStateRef:ge,onNavigationAction:m,columns:g()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:Y(),contextStateRef:pe,navigationStateRef:ge});const s={dataItems:q(),mode:ze.mode,cell:ze.cell,componentId:e.id,selectedField:e.gridProps.selectedField,...z(t)};if(e.gridProps.onKeyDown&&n&&B(e.gridProps.onKeyDown,s),!e.gridProps.selectedField&&ze.enabled&&e.gridProps.dataItemKey){const n=l.getSelectedStateFromKeyDown({event:s,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey});if(n===e.gridProps.select)return;const c=t.target,d=l.closestTagName(c,"TD"),u=l.closestTagName(c,"TR"),p=l.getColumnIndex(d),g=l.getRowIndex(u);if(void 0!==p&&void 0!==g){const r=Array.isArray(e.gridProps.data)?null==(a=e.gridProps.data)?void 0:a[g]:null==(i=null==(o=e.gridProps.data)?void 0:o.data)?void 0:i[g];e.gridProps.onSelectionChange&&B(e.gridProps.onSelectionChange,{...s,select:n,dataItem:r,startRowIndex:g,startColIndex:p,startDataItem:r,endDataItem:r,endRowIndex:g,endColIndex:p,ctrlKey:t.ctrlKey,altKey:t.altKey,metaKey:t.metaKey,shiftKey:t.shiftKey,isDrag:!1})}}},onFocus:t=>{l.tableKeyboardNavigation.onFocus(t,{navigatable:!!e.gridProps.navigatable,contextStateRef:pe})},scrollHandler:t=>{if(t.target!==t.currentTarget)return;clearTimeout(Me.current),ce.current&&(ce.current.table=be.current);const r=t.currentTarget.scrollLeft,l=t.currentTarget.scrollTop,a="virtual"===e.gridProps.scrollable;e.gridProps.columnVirtualization&&(!a||l===Te.current)&&(Me.current=window.setTimeout((()=>{oe()}),0)),e.gridProps.scrollLeftRef&&(e.gridProps.scrollLeftRef.current=r),ye.current&&ye.current.setScrollLeft(r),Ie.current&&Ie.current.setScrollLeft(r),ce.current&&l!==Te.current&&ce.current.scrollHandler(t),e.gridProps.onScroll&&n&&B(e.gridProps.onScroll,{...z(t)}),Te.current=l},selectionChange:t=>{var r;if(e.gridProps.onSelectionChange&&ze.enabled){const{event:n,dataItem:a,dataIndex:o,columnIndex:i}=t,s={...z(n.syntheticEvent),dataItem:a,startColIndex:i,endColIndex:i,startRowIndex:o,endRowIndex:o,dataItems:q(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:ze.mode,cell:ze.cell,isDrag:!1,componentId:e.id,selectedField:e.gridProps.selectedField||""};B(e.gridProps.onSelectionChange,{...s,select:e.gridProps.dataItemKey?l.getSelectedState({event:s,selectedState:null!=(r=e.gridProps.select)?r:{},dataItemKey:e.gridProps.dataItemKey}):{}})}},dispatchDetailExpand:(t,r)=>{var n;if(l.getDetailExpandableOptions(e.detailExpandable).enabled){const a=l.detailExpandReducer(null!=(n=e.gridProps.detailExpand)?n:{},t);e.gridProps.onDetailExpandChange&&B(e.gridProps.onDetailExpandChange,{...z(r),detailExpand:a})}},dispatchGroupExpand:(t,r)=>{var n;const a=l.getGroupExpandableOptions("object"==typeof e.gridProps.groupable?!1!==e.gridProps.groupable.expandable:e.gridProps.groupable);if(a.enabled){const o=l.groupExpandReducer(null!=(n=e.gridProps.groupExpand)?n:[],t,a);e.gridProps.onGroupExpandChange&&B(e.gridProps.onGroupExpandChange,{...z(r),groupExpand:o})}},columnResizeRef:de,dragLogicRef:ue,navigationStateRef:ge,tableElementRef:be,tableBodyElementRef:fe,headerElementRef:Ce,containerElementRef:ve,headTableElementRef:Ee,elementRef:xe,footerRef:Ie,headerRef:ye,getCachedScrollbarWidth:U,vsRef:ce}},v.createElement(l.TableKeyboardNavigationContext.Provider,{value:pe.current},e.children),v.createElement(J,{show:o.show,dataItem:o.dataItem,field:o.field,items:p,offset:o.offset,onClose:s,onSelect:t=>{var r;const n=t.event.item,a={target:ie.current,syntheticEvent:t.event.syntheticEvent,nativeEvent:t.event.nativeEvent,menuItem:n,...t};e.gridProps.onContextMenuItemClick&&B(e.gridProps.onContextMenuItemClick,a);const o=_(),i={selectedField:e.gridProps.selectedField||"",componentId:e.id,dataItems:o,dataItem:t.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(e.gridProps.selectable),...a};switch(null==(r=n.data)?void 0:r.action){case"SortCommand":if(c){const e=n.name?n.name.toLowerCase().includes("asc")?"asc":n.name.toLowerCase().includes("desc")?"desc":void 0:void 0;h(t.event.syntheticEvent,c,e)}break;case"SelectRowCommand":b(i);break;case"SelectAllRowsCommand":C(i);break;case"ClearSelectionCommand":E(i)}s()}}))},ne="grid.noRecords",le="grid.pagerInfo",ae="grid.pagerFirstPage",oe="grid.pagerPreviousPage",ie="grid.pagerNextPage",se="grid.pagerLastPage",ce="grid.pagerItemsPerPage",de="grid.groupPanelEmpty",ue="grid.groupColumn",pe="grid.ungroupColumn",ge="grid.columnMenu",me="grid.filterApplyButton",he="grid.filterClearButton",fe="grid.filterResetButton",Ce="grid.filterSubmitButton",ve="grid.filterTitle",be="grid.sortAscending",Ee="grid.sortDescending",xe="grid.searchPlaceholder",Ie="grid.searchboxPlaceholder",ye="grid.filterCheckAll",ke="grid.filterChooseOperator",Se="grid.filterSelectAll",Re="grid.filterSelectedItems",Pe="grid.sortAriaLabel",we="grid.filterAriaLabel",Ne="grid.groupPanelAriaLabel",De="grid.groupExpand",Te="grid.groupCollapse",Me="grid.detailExpand",Ge="grid.detailCollapse",Le="grid.selectRow",Oe="grid.gridAriaLabel",Fe="grid.gridRowReorderAriaLabel",He={[Me]:"Expand detail row",[Ge]:"Collapse detail row",[De]:"Expand group",[Te]:"Collapse Group",[ne]:"No records available",[de]:"Drag a column header and drop it here to group by that column",[me]:"Apply",[he]:"Clear",[fe]:"Reset",[Ce]:"Filter",[ve]:"Filter",[be]:"Sort Ascending",[Ee]:"Sort Descending",[Pe]:"Sortable",[ue]:"Group Column",[pe]:"Ungroup Column",[ge]:"Column menu",[ce]:"items per page",[le]:"{0} - {1} of {2} items",[ae]:"Go to the first page",[oe]:"Go to the previous page",[ie]:"Go to the next page",[se]:"Go to the last page","grid.pagerPage":"Page","grid.pagerPageSizeAriaLabel":"Page size","grid.pagerOf":"of","grid.pagerTotalPages":"{0}",[xe]:"Search",[Ie]:"Search...",[ye]:"Check All",[ke]:"Choose Operator",[Re]:"selected items",[Se]:"Select All",[we]:"Filter",[Ne]:"Group panel",[Oe]:"Table",[Fe]:"Drag row",[Le]:"Select Row","grid.filterEqOperator":"Is equal to","grid.filterNotEqOperator":"Is not equal to","grid.filterIsNullOperator":"Is null","grid.filterIsNotNullOperator":"Is not null","grid.filterIsEmptyOperator":"Is empty","grid.filterIsNotEmptyOperator":"Is not empty","grid.filterStartsWithOperator":"Starts with","grid.filterContainsOperator":"Contains","grid.filterNotContainsOperator":"Does not contain","grid.filterEndsWithOperator":"Ends with","grid.filterGteOperator":"Is greater than or equal to","grid.filterGtOperator":"Is greater than","grid.filterLteOperator":"Is less than or equal to","grid.filterLtOperator":"Is less than","grid.filterIsTrue":"Is true","grid.filterIsFalse":"Is false","grid.filterBooleanAll":"(All)","grid.filterAfterOrEqualOperator":"Is after or equal to","grid.filterAfterOperator":"Is after","grid.filterBeforeOperator":"Is before","grid.filterBeforeOrEqualOperator":"Is before or equal to","grid.filterAndLogic":"And","grid.filterOrLogic":"Or"},Ke=e=>{var t;const r=v.useContext(te),n=a.useId(),l=o.useLocalization(),i=null!=(t=e.isSelected)?t:a.getNestedValue(e.field,e.dataItem),s="boolean"==typeof i&&i,c=v.useCallback((t=>{null==r||r.selectionChange({event:t,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}),[r,e.columnIndex,e.rowDataIndex,e.dataItem]);return v.createElement("span",{className:"k-checkbox-wrap"},v.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":l.toLanguageString(Le,He[Le]),"aria-checked":s,checked:s,onChange:c}))},Ae=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),a=l.useTableKeyboardNavigation(r.id),o={onContextMenu:v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field])},i=n.getCellPositionStyle(r.columnPosition),s={...a,...o,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(r.render){const t="groupHeader"!==r.rowType?v.createElement("td",{...e.tdProps,...s},e.content):null;return r.render.call(void 0,t,{...r,...c})}return e.children&&v.cloneElement(e.children,{...s})},ze=e=>{const{className:t,colSpan:r,style:n,ariaColumnIndex:l,rowType:o,cells:i}=e,s={colSpan:r,style:n,className:a.classNames("k-table-td",t),"aria-colindex":l,role:"gridcell"},c=v.createElement(Ke,{key:1,...e}),d=H(e),u=o||"data",p=i;if(p&&p.select&&p.select[u]){const e=p.select[u],t=F(e);return v.createElement(Ae,{cellProps:d,tdProps:s,isCustom:!0,isClient:t},v.createElement(e,{...d,tdProps:s},c))}const g="groupHeader"!==o?v.createElement("td",{...s},c):null;return v.createElement(Ae,{cellProps:d,content:c,tdProps:s},g)},Be=e=>{const{cellProps:t}=e,r=v.useContext(te),n=l.useTableKeyboardNavigation(t.id),o=e.expanded,i=v.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===a.Keys.enter&&null!=r&&r.itemChange&&(e.preventDefault(),r.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:e,field:t.field,value:!o}))}),[t.dataItem,t.dataIndex,t.field,r,o]),s={...n,..."groupHeader"!==t.rowType&&"groupFooter"!==t.rowType?{onKeyDown:i}:{}},c={onContextMenu:r.onContextMenu,onChange:r.itemChange,selectionChange:e=>{r.selectionChange({event:e,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return r.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(t.render){const r="groupHeader"!==t.rowType?v.createElement("td",{...e.tdProps,...s},e.content):null;return t.render.call(void 0,r,{...t,...c})}return e.children&&v.cloneElement(e.children,{...s})},Ve=e=>{const t=v.useContext(te),r=o.useLocalization(),n=e.expanded,s=n?Ge:Me,c=r.toLanguageString(s,He[s]);return v.createElement("a",{onClick:r=>{r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:e.field,value:!n,_expand:!0}),void 0!==e.dataItem[t.dataItemKey]&&(null==t||t.dispatchDetailExpand({type:l.DETAIL_EXPAND_ACTION.TOGGLE,id:e.dataItem[t.dataItemKey]}))},"aria-label":c,href:"#",tabIndex:-1},v.createElement(a.IconWrap,{name:n?"minus":"plus",icon:n?i.minusIcon:i.plusIcon}))},We=e=>{let t=null,r=null,n=null;const l=H(e),a=e.expanded;"groupFooter"===e.rowType?r={className:"k-table-td k-hierarchy-cell",role:"gridcell"}:"groupHeader"!==e.rowType&&(r={className:"k-table-td k-hierarchy-cell",role:"gridcell","aria-expanded":!!a,"aria-colindex":e.ariaColumnIndex},n=v.createElement(Ve,{...l}));const o=e.rowType||"data",i=e.cells;if(i&&i.hierarchy&&i.hierarchy[o]){const e=i.hierarchy[o],t=F(e);return v.createElement(Be,{cellProps:l,tdProps:r,isCustom:!0,isClient:t},v.createElement(e,{...l,tdProps:r},n))}return"groupHeader"!==e.rowType&&(t=v.createElement("td",{...r},n)),v.createElement(Be,{cellProps:l,content:n,tdProps:r},t)},qe=e=>{const{cellProps:t}=e,r=v.useContext(te),n=a.useId(),o=a.getNestedValue(t.field,t.dataItem);let i=null;const s=v.useCallback((e=>{null!=r&&r.itemChange&&r.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,field:t.field,syntheticEvent:e.syntheticEvent,value:e.value})}),[r,t.dataItem,t.dataIndex,t.field]);switch(t.editor){case"numeric":i=v.createElement(c.NumericTextBox,{className:e.className,value:void 0===o?null:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"date":i=v.createElement(d.DatePicker,{className:e.className,value:o,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;case"boolean":i=v.createElement(c.Checkbox,{className:e.className,checked:o||!1,id:n,onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0});break;default:i=v.createElement(c.TextBox,{className:e.className,value:o||"",onChange:s,[l.TABLE_PREVENT_SELECTION_ELEMENT]:!0})}return i},_e=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),a=l.useTableKeyboardNavigation(r.id),o={onContextMenu:v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field])},i=n.getCellPositionStyle(r.columnPosition),s={...a,...o,...{style:{...null==(t=e.tdProps)?void 0:t.style,...i}}},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...s},...c}):v.cloneElement(e.children,{...s});if(r.render){const t=v.createElement("td",{...e.tdProps,...s},e.content);return r.render.call(void 0,t,{...r,...c})}return e.children&&v.cloneElement(e.children,{...s})},Ue=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:a.uGrid,n=a.classNames(r.editTd({selected:e.isSelected}),e.className),l={colSpan:e.colSpan,style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex,role:"gridcell"},o=H(e),i=v.createElement(qe,{cellProps:o}),s=e.editor||"text",c=e.cells;if(c){let e;c.edit&&c.edit[s]?e=c.edit[s]:c.data&&(e=c.data);const t=F(e);return v.createElement(_e,{cellProps:o,tdProps:l,isCustom:!0,isClient:t},v.createElement(e,{...o,tdProps:l},i))}return v.createElement(_e,{cellProps:o,content:i,tdProps:l},v.createElement("td",{...l},i))},je=e=>{const t=v.useRef(null),r=v.useRef(null),n=v.useRef(!1),o=v.useContext(te),i=a.useRtl(o.headerElementRef);o.columnResizeRef.current&&o.columnResizeRef.current.setIsRtl("rtl"===i),v.useImperativeHandle(o.headerRef,(()=>({setScrollLeft:e=>{t.current&&t.current.scrollLeft!==e&&(n.current=!0,t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.current.style.width=e+"px")},table:()=>r.current})));const s=a.useUnstyled(),c=s&&s.uGrid?s.uGrid:a.uGrid,{size:d="md"}=e;return e.staticHeaders?v.createElement("div",{ref:o.headerElementRef,className:a.classNames(c.header({draggable:e.draggable}),e.className),role:"presentation"},v.createElement("div",{ref:t,className:a.classNames(c.headerWrap({})),onScroll:e=>{var r;if(n.current)return void(n.current=!1);if(!t.current)return;const l=t.current.scrollLeft,a=(null==(r=o.vsRef.current)?void 0:r.container)||null;a&&a.scrollLeft!==l&&(a.scrollLeft=l)},role:"presentation"},v.createElement("table",{ref:r,className:a.classNames(c.headerTable({size:d}),e.className),role:"presentation"},v.createElement("colgroup",{ref:e=>{o.columnResizeRef.current&&(o.columnResizeRef.current.colGroupHeader=e)}},e.cols),v.createElement("thead",{className:a.classNames(c.tableThead({})),role:"rowgroup",...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):v.createElement("thead",{role:"presentation",className:a.classNames(c.thead({draggable:e.draggable}),e.className),...l.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};je.displayName="KendoReactHeader";const $e=[".k-columnmenu-item-content",".k-filter-menu-container"].map((e=>a.TABBABLE_ELEMENTS.map((t=>`${e} ${t}`)))),Xe=[[".k-tabstrip-items"],[".k-columnmenu-item"],...$e],Ye=e=>{const[t,r]=v.useState(!1),n=v.useRef(null),l=v.useRef(null),s=v.useRef(null),c=v.useRef(0),{columnMenu:d,...p}=e,{column:g,columnMenuIcon:m,navigatable:h}=e,f=o.useLocalization(),C=g.title||g.field,b=C?`${C} `:"",E=()=>{e.onCloseMenu&&e.onCloseMenu(),r(!1),!e.navigatable&&n.current&&n.current.focus()},x=v.useMemo((()=>void 0!==e.show?e.show:t),[e.show,t]),I=(e,t,r)=>{r.preventDefault(),r.shiftKey?t.focusPrevious(e):t.focusNext(e)},y=(e,t,r)=>{e&&e.click()},k=(e,t,r)=>{r.preventDefault(),E()},S=(e,t,r)=>{r.preventDefault(),t.focusElement(e)};return v.useEffect((()=>(x&&l.current&&(s.current=new a.Navigation({tabIndex:0,root:l,selectors:Xe,keyboardEvents:{keydown:{Tab:I,Enter:y,Escape:k}},mouseEvents:{mousedown:S}}),s.current.focusElement(s.current.first,null)),()=>{s.current&&(s.current=null)})),[x]),v.createElement(v.Fragment,null,v.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:n,onClick:n=>{n.preventDefault(),t&&e.onCloseMenu&&e.onCloseMenu(),r(!t)},onKeyDown:e=>{var t;if(e.keyCode===a.Keys.tab){const r=e.target,n=r&&(null==(t=r.closest(".k-grid"))?void 0:t.getElementsByClassName("k-grid-content")[0]);n&&n.scrollWidth>n.clientWidth&&r.scrollIntoView({inline:"center"})}},href:"#",tabIndex:h?-1:void 0,"aria-label":`${h?"":b}${f.toLanguageString(ge,He[ge])}`},m?v.createElement(a.IconWrap,{name:m.name,icon:m}):v.createElement(a.IconWrap,{name:"more-vertical",icon:i.moreVerticalIcon})),v.createElement(u.Popup,{anchor:n.current,show:x,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup",onMouseDownOutside:e=>{!e.isAnchorClicked&&r(!1)}},v.createElement("div",{ref:l,onBlur:e=>{const t=a.getActiveElement(document);clearTimeout(c.current),c.current=window.setTimeout((()=>{t&&e.relatedTarget!==n.current&&l.current&&!l.current.contains(t)&&E()}))},onFocus:()=>{clearTimeout(c.current)},onMouseDown:e=>{var t;null==(t=s.current)||t.triggerMouseEvent(e)},onKeyDown:e=>{var t;null==(t=s.current)||t.triggerKeyboardEvent(e)},style:{outline:"none"}},d&&v.createElement(d,{...p,onCloseMenu:E}))))},Je=e=>{const t=a.useUnstyled(),r=t&&t.uGrid?t.uGrid:a.uGrid,n=e.onClick?{onClick:e.onClick}:{},l=v.createElement("span",{className:a.classNames(r.headerCellInner({}))},v.createElement("span",{className:a.classNames(r.headerCellLink({sortable:e.columnMenuWrapperProps.sortable})),...n},v.createElement("span",{className:a.classNames(r.columnTitle({}))},e.title||e.field||" "),e.children),e.columnMenuWrapperProps.columnMenu&&v.createElement(Ye,{...e.columnMenuWrapperProps}));return e.render?e.render.call(void 0,l,e):l},Qe=v.createContext(void 0),Ze=e=>{const t=v.useContext(te),r=v.useRef(null),[n,l]=v.useState(),o=(r,n)=>{e.sortable&&n.sortable&&(r.preventDefault(),t.sortChange&&t.headerCellClick(r,n))};return v.createElement(Qe.Provider,{value:{cellClick:o,cellKeyDown:(n,i)=>{if(n.isDefaultPrevented())return;const{keyCode:s,metaKey:c,ctrlKey:d,altKey:u}=n,p=e.sortable&&i.sortable,g=n.target;if(p&&n.keyCode===a.Keys.enter&&-1!==g.className.indexOf("k-table-th")&&o(n,i),e.navigatable){if(e.groupable&&(c&&s===a.Keys.enter||d&&s===a.Keys.space)){n.preventDefault();const r=e.columns.findIndex((e=>e.field===i.field));t.columnGroupChange&&t.columnGroupChange(r,n)}u&&s===a.Keys.down&&(n.preventDefault(),l(i.field),r.current=g)}},handleCloseMenu:()=>{l(void 0),r.current&&"-1"!==r.current.getAttribute("tabindex")&&r.current.focus()},showColumnMenuField:n}},e.children)},et=e=>{const t=v.useContext(te),r=v.useContext(Qe),n=t.isClient||e.isClient,l={style:{...t.getCellPositionStyle(e.column)}},a={onKeyDown:t=>{r.cellKeyDown(t,e.column)}};let o={onClick:t=>{r.cellClick(t,e.column)}};return n&&(o={...o,render:e.render,selectionChange:t.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:t.sortChange,onFilterChange:t.filterChange,onGroupChange:t.groupChange,show:r.showColumnMenuField===e.column.field||void 0,onCloseMenu:r.handleCloseMenu}}),e.isCustom&&(o=n?{...o,thProps:{...e.thProps,...a,...l}}:{...o,...a,...l}),v.cloneElement(e.children,{...o})},tt=e=>{const t=v.useRef(null),r=a.useUnstyled(),n=r&&r.uGrid?r.uGrid:a.uGrid;return v.createElement(a.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.pressHandler&&e.pressHandler(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.dragHandler&&e.dragHandler(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(r.event)},hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},v.createElement("tr",{className:a.classNames(n.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))},rt=e=>{const t=v.useContext(te);return t.dragLogicRef.current.pressHandler&&v.createElement(tt,{ariaRowIndex:e.ariaRowIndex,pressHandler:t.dragLogicRef.current.pressHandler,dragHandler:t.dragLogicRef.current.dragHandler,releaseHandler:t.dragLogicRef.current.releaseHandler,dragClue:t.dragLogicRef.current.dragClue,headerRef:t.headerElementRef,containerRef:t.containerElementRef},e.children)||v.createElement("tr",{className:e.className,role:"row","aria-rowindex":e.ariaRowIndex},e.children)},nt=e=>{const t=v.useContext(te),r=v.useContext(Qe),n={style:{...t.getCellPositionStyle(e.column)}};return v.cloneElement(e.children,{onKeyDown:t=>{r.cellKeyDown(t,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...n})},lt=e=>{const{column:t}=e,r=v.useContext(te);return r.columnResizeRef.current&&r.columnResizeRef.current.resizable&&t.resizable&&v.createElement(l.ColumnResizer,{key:2,resize:(e,n,l)=>r.columnResizeRef.current&&r.columnResizeRef.current.dragHandler(e,t,n,l),autofit:e=>r.columnResizeRef.current&&r.columnResizeRef.current.dblClickHandler(e,[t.id])})||v.createElement(v.Fragment,null)},at={none:"none",asc:"ascending",desc:"descending"},ot=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:a.uGrid;let n=0,o=-1;const s=t=>{if(!e.sort)return null;const n=a.classNames(r.sortIcon({}));return t>=0&&[v.createElement("span",{key:1,className:n},v.createElement(a.IconWrap,{name:"sort-"+e.sort[t].dir+"-small",icon:"asc"===e.sort[t].dir?i.sortAscSmallIcon:i.sortDescSmallIcon})),e.sort.length>1&&v.createElement("span",{key:2,className:n},v.createElement("span",{className:a.classNames(r.sortOrder({}))},t+1))]},c=e.columns.map(M);return v.createElement(Ze,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:c},e.columnsMap.map(((t,i)=>v.createElement(rt,{key:i,className:a.classNames(r.simpleTr({})),ariaRowIndex:i+1},(t=>t.map((t=>{var i;const c=e.columns[t],d=e.sortable&&c.sortable,u=e.sort?e.sort.findIndex((e=>e.field===c.field)):-1,p=u>=0&&e.sort[u].dir||"none",g=null===c.columnMenu?null:c.columnMenu||e.columnMenu,m=c.menuIcon||e.columnMenuIcon,h=a.classNames(a.classNames(r.headerTh({first:c.kFirst,filterable:!!g,locked:c.locked,sorted:e.sort&&e.sort.some((e=>e.field===c.field))})),c.headerClassName);!1===c.locked&&(c.left=0);const f=e.localization.toLanguageString(Pe,He[Pe]),C=c.isAccessible?{ariaSort:at[p],role:"columnheader",ariaColumnIndex:c.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?f:""}:{role:"presentation"},b=c.declarationIndex>=0?++o:--n,E={field:c.field,title:c.title,selectionValue:null!=(i=c.headerSelectionValue)?i:e.headerSelectionValue,children:s(u),selectionChange:null,columnMenuWrapperProps:{column:{field:c.field,title:c.title,locked:c.locked,filter:c.filter,id:c.id},sortable:d&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&c.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:g,columnMenuIcon:m}},x={...C,colSpan:c.headerColSpan,rowSpan:c.rowSpan,className:h,columnId:c.id,navigatable:c.navigatable,role:"columnheader"},I=M(c),y={column:I,render:e.cellRender,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:E.columnMenuWrapperProps},k=c.headerCell?c.headerCell:Je,S=[v.createElement(et,{key:1,...y,isClient:F(k)},v.createElement(k,{...E})),v.createElement(lt,{key:2,column:I})],R=O(e.cells,c.cells);if(R&&R.headerCell){const e=R.headerCell,r=F(e);return v.createElement(et,{key:b,...y,thProps:x,isCustom:!0,isClient:r},v.createElement(e,{...E,thProps:x,index:t},S))}return v.createElement(nt,{key:b,column:I},v.createElement(l.HeaderThElement,{...x},S))})))(t)))))},it=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],st={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},ct=e=>"isnull"===e||"isnotnull"===e||"isempty"===e||"isnotempty"===e,dt=(e,t)=>e.map((e=>({text:t.toLanguageString(e.text,He[e.text]),operator:e.operator}))),ut=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],pt={text:!1,numeric:!1,date:!1,boolean:!0},gt=(e,t,r)=>{const n=mt(r.operators);let l=r.operator;switch(r.filterType){case"numeric":case"date":(!l||ct(l))&&(l=n),null===e&&l===n&&(l="");break;case"text":(!l||ct(l))&&(l=n),!e&&l===n&&(l="");break;default:return}r.onChange({value:e,operator:l,syntheticEvent:t})},mt=(e,t)=>t?e[t][0].operator:e[0].operator,ht=e=>e||"text",ft=(e,t)=>{const r=e.target.value;t({value:r.operator,operator:""===r.operator?"":"eq",syntheticEvent:e.syntheticEvent})},Ct=(e,t,r)=>{let n=t;const l=e.target.value;e.target.state.opened&&(ct(l.operator)&&(n=null),null===t&&!ct(l.operator)&&(n=void 0),r({value:n,operator:l.operator,syntheticEvent:e.syntheticEvent}))},vt=e=>{const t=v.useRef(),r=o.useLocalization(),n=(t,r)=>{gt(t,r,e)},l=t=>{Ct(t,e.value,e.onChange)},s=t=>{ft(t,e.onChange)},u=v.createElement("div",{className:"k-filtercell"},v.createElement("div",{className:"k-filtercell-wrapper"},((r,l,a)=>{switch(r){case"numeric":return v.createElement(c.NumericTextBox,{ref:t,size:e.size,value:l,onChange:e=>{n(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return v.createElement(d.DatePicker,{ref:t,size:e.size,value:l,onChange:e=>{n(e.value,e.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const r=e=>null==e;return v.createElement(g.DropDownList,{ref:t,size:e.size,onChange:s,value:a.find((e=>e.operator===(r(l)?"":l))),data:a,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:e=>{!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.current.togglePopup()}}})}default:return v.createElement(c.TextBox,{ref:t,size:e.size,value:l||"",onChange:e=>{n(e.target.value,e.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}})(e.filterType,e.value,e.booleanValues),v.createElement("div",{className:"k-filtercell-operator"},(()=>{if("boolean"===e.filterType)return;let t;const n=e.operators.find((t=>t.operator===e.operator))||null;return v.createElement(g.DropDownList,{ref:e=>t=e,size:e.size,value:n,onChange:l,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:i.filterIcon,data:e.operators,textField:"text",title:r.toLanguageString(ke,He[ke]),popupSettings:{width:"",onMouseDownOutside:function(e){!e.isAnchorClicked&&e.state&&e.state.props.show&&t&&t.togglePopup()}}})})()," ",v.createElement(p.Button,{size:e.size,icon:"filter-clear",svgIcon:i.filterClearIcon,className:a.classNames({"k-clear-button-visible":!!(null!==e.value&&""!==e.value||e.operator)}),title:r.toLanguageString(he,He[he]),type:"button",onClick:r=>{r.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:r}),t.current&&(t.current.element.value="",setTimeout((()=>{t.current.element.focus()}),0))},disabled:!(null!==e.value&&""!==e.value||e.operator)}))));return e.render?e.render.call(void 0,u,e):u},bt=e=>{const t=v.useContext(te),r=t.getCellPositionStyle(e.column),n=e.isCustom?{style:{...r}}:{};return t.isClient||e.isClient?v.cloneElement(e.children,{render:e.render,onChange:r=>{((r,n,l,a)=>{if(!t.filterChange)return;const o=[];(""!==r&&null!==r||""!==n)&&o.push({field:l,operator:n,value:r}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach((e=>{e&&e.field!==l&&o.push(e)}));const i=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(o.length>0?{logic:i,filters:o}:null,a)})(r.value,r.operator,e.field,r.syntheticEvent)},tdProps:{...e.tdProps,...n}}):v.cloneElement(e.children,{})},Et=e=>{const t={style:{...v.useContext(te).getCellPositionStyle(e.column)}};return v.cloneElement(e.children,{...t})},xt=e=>{const t=(t,r)=>{let n=""+(r?"k-grid-header-sticky":"");return e.sort&&e.sort.filter((e=>e.field===t)).length>0&&(n+=" k-sorted"),n},r=e.filter&&e.filter.filters||[];let n=0,o=-1;const i=e.columns.filter((e=>0===e.children.length)).map((i=>{const s=ht(i.filter),c=(e=>{if(void 0===e)return;const t=r.filter((t=>t.field===e));return t.length?t[0]:void 0})(i.field),d=`${i.field} ${e.localization.toLanguageString(we,He[we])}`;let u=c&&c.value;void 0===u&&(u="text"===s?"":null);const p=i.filterable&&{field:i.field,title:i.filterTitle,value:u,operator:c&&c.operator,operators:dt(e.filterOperators[s]||[],e.localization),booleanValues:dt(ut,e.localization),filterType:s,ariaLabel:"reorder"===i.columnType?"":d,size:e.size},g=i.declarationIndex>=0?++o:--n,m={columnId:l.tableKeyboardNavigationTools.getFilterColumnId(i.id),navigatable:i.navigatable||e.navigatable,className:a.classNames("k-table-td",t(i.field,i.locked)||void 0),role:"gridcell",ariaLabel:"reorder"===i.columnType?void 0:d,ariaColumnIndex:i.ariaColumnIndex},h=M(i),f={column:h,filter:e.filter,field:i.field,render:e.cellRender};let C=null;if(p&&"reorder"!==i.columnType){const e=i.filterCell?i.filterCell:vt;C=v.createElement(bt,{...f,isClient:F(e)},v.createElement(e,{...p}))}const b=O(e.cells,i.cells);if(b&&b.filterCell){const e=b.filterCell,t=F(e);return v.createElement(bt,{key:g,...f,isClient:t,isCustom:!0},v.createElement(e,{key:g,...p,tdProps:m,index:o},C))}return v.createElement(Et,{key:g,column:h},v.createElement(l.HeaderTdElement,{...m},C))}));return v.createElement("tr",{className:"k-table-row k-filter-row","aria-rowindex":e.ariaRowIndex,role:"row"},i)},It=e=>{const t=v.useRef(null),{dir:r,title:n}=e;return v.createElement(a.Draggable,{onPress:r=>{const n=t.current&&t.current.element;n&&e.onPress&&e.onPress(r.event,n)},onDrag:r=>{const n=t.current&&t.current.element;n&&e.onDrag&&e.onDrag(r.event,n)},onRelease:r=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(r.event)},ref:t},v.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:t=>{if(t.preventDefault(),e.onSortChange){const r="asc"===e.dir?"desc":"asc";e.onSortChange(t,r)}},onContextMenu:t=>{const r={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,t,{dataItem:{...r}})},onKeyDown:t=>{(t.keyCode===a.Keys.delete||t.keyCode===a.Keys.backspace)&&(t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t))},tabIndex:0,role:"button",style:{touchAction:"none"}},v.createElement("span",null,v.createElement(a.IconWrap,{name:"sort-"+r+"-small",icon:"asc"===r?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),v.createElement("span",{className:"k-chip-content"},v.createElement("span",{className:"k-chip-label"},n)),v.createElement("span",{className:"k-chip-actions"},v.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.onRemove&&e.onRemove(t)}},v.createElement(a.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))},yt=e=>{const t=v.useContext(te),r=o.useLocalization(),n=e.group||[],l=t=>{const r=e.columns.find((e=>e.field===t)),n=r&&(r.title||r.field);return void 0===n?t:n},a=n.map(((r,n)=>v.createElement(It,{key:n,index:n,dir:r.dir||"asc",title:l(r.field),onRemove:r=>{((r,n)=>{const l=e.group.slice();l.splice(n,1),t.groupChange(l,r)})(r,n)},onSortChange:(l,a)=>{((r,n,l,a)=>{const o=Object.assign({},l,{dir:a}),i=e.group.slice();i.splice(n,1,o),t.groupChange(i,r)})(l,n,r,a)},onPress:t.dragLogicRef.current.pressHandler,onDrag:t.dragLogicRef.current.dragHandler,onRelease:t.dragLogicRef.current.releaseHandler,onContextMenu:t.onContextMenu})));return v.createElement("div",{ref:t.dragLogicRef.current.refGroupPanelDiv,className:"k-grouping-header",role:"toolbar","aria-label":r.toLanguageString(Ne,He[Ne]),"aria-controls":e.ariaControls||""},v.createElement("div",{className:"k-chip-list k-chip-list-md",role:"none"},a),v.createElement("div",{className:"k-grouping-drop-container"},!a.length&&r.toLanguageString(de,He[de])," "))},kt=e=>{const t=v.useRef(null),r=v.useRef(null),n=v.useContext(te);return v.useImperativeHandle(n.footerRef,(()=>({setScrollLeft:e=>{t.current&&(t.current.scrollLeft=e)},setWidth:e=>{r.current&&(r.current.style.width=e+"px")}}))),e.staticHeaders?v.createElement("div",{className:"k-grid-footer",role:"presentation"},v.createElement("div",{ref:t,className:"k-grid-footer-wrap",role:"presentation"},v.createElement("table",{ref:r,className:a.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},v.createElement("colgroup",{ref:e=>{n.columnResizeRef.current.colGroupFooter=e},role:"presentation"},e.cols),v.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):v.createElement("tfoot",{className:"k-table-tfoot"},e.row)};kt.displayName="KendoReactFooter";const St=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),a=l.useTableKeyboardNavigation(r.id),o=v.useCallback((e=>{var t;null==(t=null==n?void 0:n.cellClick)||t.call(n,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),i=v.useCallback((e=>{var t;null==(t=null==n?void 0:n.onContextMenu)||t.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),s="groupFooter"===r.rowType||"groupHeader"!==r.rowType?{onContextMenu:i}:{},c=n.getCellPositionStyle(r.columnPosition),d={...a,...s,..."groupFooter"!==r.rowType&&"groupHeader"!==r.rowType?{style:{...null==(t=e.tdProps)?void 0:t.style,...c}}:{},onClick:o},u={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:{...e.tdProps,...d},...u}):v.cloneElement(e.children,{...d});if(r.render){const t="groupHeader"!==r.rowType?v.createElement("td",{...e.tdProps,...d},e.content):null;return r.render.call(void 0,t,{...r,...u})}return e.children&&v.cloneElement(e.children,{...d})},Rt=e=>{let t=null,r=null,n=null;const l=e.unstyled,o=l&&l.uGrid?l.uGrid:a.uGrid;if("groupFooter"===e.rowType)r={className:e.className},t=v.createElement("td",{...r},n);else if("groupHeader"!==e.rowType){if(void 0!==e.field){const t=S(e.field,e.dataItem);null!=t&&(n=e.intl&&e.format?e.intl.format(e.format,t):t.toString())}const l=a.classNames(o.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);r={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex},t=v.createElement("td",{...r},n)}const i=H(e),s=e.rowType||"data",c=e.cells;if(c&&c[s]){const e=c[s],t=F(e);return v.createElement(St,{cellProps:i,tdProps:r,isCustom:!0,isClient:t},v.createElement(e,{...i,tdProps:r},n))}return v.createElement(St,{cellProps:i,content:n,tdProps:r},t)},Pt=e=>{const t=v.useContext(te),r=o.useLocalization(),n=e.expanded?Te:De,s=r.toLanguageString(n,He[n]),c="rtl"===t.dir;return v.createElement("a",{onClick:r=>{var n;r.preventDefault(),null!=t&&t.itemChange&&t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:r,field:void 0,value:!e.expanded}),null==(n=null==t?void 0:t.dispatchGroupExpand)||n.call(t,{type:l.GROUP_EXPAND_ACTION.TOGGLE,group:e.group})},href:"#",tabIndex:-1,"aria-label":s},v.createElement(a.IconWrap,{name:e.expanded?"caret-alt-down":c?"caret-alt-left":"caret-alt-right",icon:e.expanded?i.caretAltDownIcon:c?i.caretAltLeftIcon:i.caretAltRightIcon}))},wt=e=>{var t;const{cellProps:r}=e,n=v.useContext(te),o=l.useTableKeyboardNavigation(r.id),i=v.useCallback((e=>{e.isDefaultPrevented()||e.keyCode===a.Keys.enter&&null!=n&&n.itemChange&&(e.preventDefault(),n.itemChange({dataItem:r.dataItem,dataIndex:r.dataIndex,syntheticEvent:e,field:void 0,value:!r.expanded}),null==n||n.dispatchGroupExpand({type:l.GROUP_EXPAND_ACTION.TOGGLE,group:r.group},e))}),[n,r.dataItem,r.dataIndex,r.expanded,r.group]),s=e.addKeyDownHandler?{onKeyDown:i}:{},c=v.useCallback((e=>{null!=n&&n.onContextMenu&&n.onContextMenu.call(void 0,e,r.dataItem,r.field)}),[n,r.dataItem,r.field]),d=n.getCellPositionStyle(r.columnPosition),u={...o,...s,onContextMenu:c,...{style:{...null==(t=e.tdProps)?void 0:t.style,...d}}},p={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:e=>{n.selectionChange({event:e,dataItem:r.dataItem,dataIndex:r.rowDataIndex,columnIndex:r.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?v.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...u}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:c}:null,...p}):v.cloneElement(e.children,{...u});const g=e.renderSecondCell?v.createElement("td",{...e.td2Props,onContextMenu:c}):null;if(r.render){let t=null;return e.renderFirstCell&&(t=e.renderSecondCell?v.createElement(v.Fragment,null,v.createElement("td",{...e.tdProps,...u},e.content),e.renderSecondCell&&g):v.createElement("td",{...e.tdProps,...u},e.content)),r.render.call(void 0,t,{...r,...p})}return v.createElement(v.Fragment,null,e.children&&v.cloneElement(e.children,{...u}),g)},Nt=e=>{const{columnIndex:t,level:r,columnsCount:n,rowType:l,dataItem:o,field:i,expanded:s,render:c,ariaColumnIndex:d}=e,u=i||"";let p=null,g=null,m=null,h=!1,f=!1,C=!1;const b=H(e);void 0===t||void 0===r||t<r||void 0===n||"groupHeader"!==l||void 0===o[u]?(f=!0,p={style:e.style,key:"g"+t,className:a.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell"}):t===r&&(f=!0,p={className:"k-table-td",style:e.style,colSpan:n-t,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":d},m=v.createElement("p",{className:"k-reset"},v.createElement(Pt,{...b}),o[u]instanceof Date&&o[u].toString?o[u].toString():o[u]),h=!0,e.locked&&(C=!0,p={...p,colSpan:0,style:{...e.style,position:"sticky",zIndex:2}},g={className:"k-table-td",role:"gridcell",colSpan:n-t,style:{borderLeftWidth:0,borderRightWidth:0}}));const E=e.rowType||"data",x=e.cells;if(x&&x.group&&x.group[E]){const e=x.group[E],t=F(e);return v.createElement(wt,{cellProps:b,tdProps:p,td2Props:g,isCustom:!0,isClient:t,addKeyDownHandler:!0},v.createElement(e,{...b,tdProps:p,td2Props:g},m))}const I=f?v.createElement("td",{...p,key:null==p?void 0:p.key},m):null;return v.createElement(wt,{cellProps:b,addKeyDownHandler:h,tdProps:p,td2Props:g,renderFirstCell:f,renderSecondCell:C,content:m},I)},Dt=e=>{var t;const r=v.useContext(te),{reorderRowDropTargetRef:n,reorderRowDragTargetRef:l,activeDragRowDataItemRef:o}=r,{rowType:i,isAltRow:s,isInEdit:c,isSelected:d}=e,u=a.useUnstyled(),p=u&&u.uGrid?u.uGrid:a.uGrid,g=a.classNames(p.tr({selected:d,isHeader:"groupHeader"===i,isFooter:"groupFooter"===i,isMaster:"groupHeader"!==i&&"groupFooter"!==i,isAltRow:s,isInEdit:c})),m=v.useRef(null);a.useDroppable(m,{onDragOver:t=>{if(e.isRowReorderable&&o.current){const e=t.originalEvent.target;n.current=e.closest(".k-table-row")}},onDrop:()=>{l.current&&e.isRowReorderable&&(l.current.style.userSelect="")}});const h={onClick:t=>r.rowClick(t,e.dataItem),onDoubleClick:t=>r.rowDblClick(t,e.dataItem)},f=v.createElement("tr",{ref:m,id:e.id,...h,className:g,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:null==(t=null==l?void 0:l.current)?void 0:t.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,key:e.absoluteRowIndex,[q]:"data"===e.rowType?e.dataIndex:void 0},e.children);return e.render?e.render.call(void 0,f,{...e,...h}):f},Tt=e=>{const t=v.useContext(te),r=a.useId(),n=o.useLocalization(),l=e.id||r,i=[v.createElement("span",{key:0,className:"k-checkbox-wrap"},v.createElement("input",{id:l,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":n.toLanguageString(Le,He[Le]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:r=>t.onHeaderSelectionChange({field:e.field,syntheticEvent:r})})),e.columnMenuWrapperProps.columnMenu&&v.createElement(Ye,{...e.columnMenuWrapperProps})];return e.render?e.render.call(void 0,i,e):i},Mt=e=>{const t=o.useLocalization();return e.children||t.toLanguageString(ne,He[ne])};Mt.displayName="KendoReactGridNoRecords";const Gt=e=>{const t=v.useContext(te),r=l.useTableKeyboardNavigation(e.id),n=t.getCellPositionStyle(e.column),a={...r,style:{...n}};return e.isCustom&&(t.isClient||e.isClient)?v.cloneElement(e.children,{tdProps:{...e.tdProps,...a},...r}):v.cloneElement(e.children,{...a})},Lt=e=>{const{column:t,index:r,cells:n}=e,l={colSpan:1!==t.colSpan?t.colSpan:void 0,className:a.classNames("k-table-td",t.locked&&void 0!==t.left?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":t.ariaColumnIndex},o={field:t.field,ariaColumnIndex:t.ariaColumnIndex,...l},i=M(t),s=O(n,t.cells);if(s&&s.footerCell){const t=s.footerCell,n=F(t);return v.createElement(Gt,{key:r,id:e.id,tdProps:l,isCustom:!0,isClient:n,column:i},v.createElement(t,{...o,tdProps:l,index:r}))}return v.createElement(Gt,{key:r,id:e.id,column:i},t.footerCell&&v.createElement(t.footerCell,{...o})||v.createElement("td",{...l}))},Ot=e=>v.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},(e=>e.filter((t=>!(((e,t)=>{let r=e[t.parentIndex];for(;r;){if(r.footerCell)return!0;r=e[r.parentIndex]}return!1})(e,t)||!t.footerCell&&t.children&&t.children.length>0))))(e.columns).map(((t,r)=>{const n=l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-footercell`,e.idPrefix,"nodata");return v.createElement(Lt,{key:n,column:t,id:n,index:r,cells:e.cells})}))),Ft=e=>(({buttonCount:e=10,info:t=!0,type:r="numeric",pageSizes:n,previousNext:l=!0,responsive:a,navigatable:o,pageSizeValue:i})=>({buttonCount:e,info:t,pageSizes:!0===n?[5,10,20]:n||void 0,previousNext:l,responsive:!1!==a,navigatable:!1!==o,type:r,pageSizeValue:i}))(!0===e?{}:e),Ht={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},Kt=e=>{const t=v.useContext(te),r=l.useTableKeyboardNavigation(e.id),n=v.useCallback((r=>{null!=t&&t.onContextMenu&&t.onContextMenu.call(void 0,r,e.dataItem)}),[t,e.dataItem]);return v.cloneElement(e.children,{onContextMenu:n,...r})},At=e=>{const{colSpan:t,ariaColIndex:r,dataItem:n,dataIndex:l,id:o}=e,i=e.unstyled,s=i&&i.uGrid?i.uGrid:a.uGrid;return v.createElement(Kt,{id:o,dataItem:n},v.createElement("td",{className:a.classNames(s.detailTd({})),colSpan:t,"aria-colindex":r,role:"gridcell"},v.createElement(e.detail,{dataItem:n,dataIndex:l})))},zt=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:a.uGrid;return v.createElement("td",{className:a.classNames(r.hierarchyTd({})),role:"gridcell"})},Bt=e=>{const t=v.useContext(te),r=t.headerRef.current,n=r&&r.table()&&r.table().clientWidth,o=a.uGrid;return v.createElement("div",{key:"no-records",className:a.classNames(o.noRecords({})),style:{width:n}},v.createElement("div",{className:a.classNames(o.noRecordsTemplate({})),[l.KEYBOARD_NAV_DATA_ID]:l.tableKeyboardNavigationTools.generateNavigatableId("no-records",l.tableKeyboardNavigationTools.getIdPrefix(t.navigationStateRef))},e.children))};Bt.displayName="KendoReactGridNoRecordsContainer";const Vt=e=>a.shouldShowValidationUI(Ht)&&v.createElement(a.WatermarkOverlay,null),Wt=e=>{const t=v.useContext(te);return v.createElement("colgroup",{ref:e=>{t.columnResizeRef.current.colGroupMain=e}},e.children)},qt=e=>{const t=v.useContext(te);return v.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e,t.headTableElementRef.current=e}},v.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))},_t=e=>{const t=v.useContext(te);return v.createElement(l.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})},Ut=e=>{const t=v.useContext(te);return v.createElement(l.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})},jt=e=>{const t=v.useContext(te),{children:r}=e;return v.createElement(v.Fragment,null,e.rowReorderable?v.createElement(a.DragAndDrop,null,v.cloneElement(r,{...null==r?void 0:r.props})):v.cloneElement(r,{...null==r?void 0:r.props,ref:t.tableBodyElementRef}))};function $t(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"grid.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:He[t]}}const Xt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,onPageChange:t.pagerPageChange,messagesMap:$t,dir:t.dir})},Yt=e=>{const t=v.useContext(te);return v.createElement(l.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:e=>{t.tableElementRef.current=e}},v.createElement("table",{className:e.tableClassName,role:"presentation",style:e.tableStyle,ref:t.tableElementRef},e.children))},Jt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})},Qt=e=>{const t=v.useContext(te),{children:r}=e;return v.cloneElement(r,{...null==r?void 0:r.props,ref:t.containerElementRef,onScroll:t.scrollHandler})},Zt=e=>{const t=v.useContext(te);return v.createElement("div",{style:e.isVirtualScroll?{height:t.vsRef.current.containerHeight+"px"}:{}})},er=e=>{const t=v.useContext(te);return t.isClient||e.isClient?e.children&&v.cloneElement(e.children,{onContextMenu:t.onContextMenu,onChange:t.itemChange,selectionChange:r=>{t.selectionChange({event:r,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}}):e.children},tr="before",rr="after",nr="forbidden";function lr(e){const{clientTop:t,clientLeft:r}=ar(e),{pageYOffset:n,pageXOffset:l}=or(e),{top:a,left:o}=e.getBoundingClientRect();return{top:a+n-t,left:o+l-r}}const ar=e=>null==e?void 0:e.ownerDocument.documentElement,or=e=>null==e?void 0:e.ownerDocument.defaultView,ir={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},sr={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},cr=e=>{const{rowReorderSettings:r,columns:n,unstyled:l}=e,{rowReorder:o,reorderRowDragTargetRef:s,reorderRowDropTargetRef:c,activeDragRowDataItemRef:d,tableBodyElementRef:u}=t.useContext(te),[p,g]=t.useState(!1),[h,f]=t.useState(i.cancelIcon),C=t.useRef(null),v=t.useRef(null),b=t.useRef(null),E=t.useRef(null),x=t.useRef(!1),I=t.useRef(null),y="object"==typeof r?r.enabled:r;t.useEffect((()=>{u.current=C.current}),[]),a.useDraggable(C,{onPress:e=>{const t=e.originalEvent.target;t.closest(".k-drag-cell")&&(E.current=e.offsetY,x.current=!0,s.current=t.closest(".k-table-row"))},onDragStart:e=>{!x.current||!y||!d.current||(s.current&&(s.current.style.userSelect="none"),g(!0))},onDrag:e=>{if(!x.current&&!v.current)return;const{clientX:t,clientY:r}=e,n=t,l=r-E.current;v.current&&(v.current.style.left=`${n}px`,v.current.style.top=`${l}px`,v.current.style.visibility="visible"),k(e)},onDragEnd:e=>{var t;if(!y||!d.current)return;g(!1);const r=Number(null==(t=c.current)?void 0:t.getAttribute("absolute-row-index"));o(e,r,I.current),x.current=!1}});const k=e=>{I.current=w(e),S()},S=()=>{var e;if(I.current===nr||!c.current)return void R();P();const t=lr(c.current);let r=t.top;const n=t.left+((null==(e=b.current)?void 0:e.offsetWidth)||0)/2;I.current===rr&&(r+=c.current.offsetHeight),b.current&&(b.current.style.top=`${r}px`,b.current.style.left=`${n}px`,b.current.style.visibility="visible")},R=()=>{b.current&&(b.current.style.display="none")},P=()=>{b.current&&(b.current.style.display="")},w=e=>{if(c.current===s.current||!c.current)return nr;if(((e,t)=>(null==e?void 0:e.parentElement)!==(null==t?void 0:t.parentElement))(c.current,s.current))return nr;const t=c.current.getBoundingClientRect(),r=t.height/2,n=e.clientY,l=t.top;let a=null;n<l+r?a=tr:n>=l+t.height-r&&(a=rr),(a===tr&&c.current===s.current.nextElementSibling||a===rr&&c.current===s.current.previousElementSibling)&&(a=nr);const o=a===nr?i.cancelIcon:i.insertMiddleIcon;return f(o),a},N=t.useMemo((()=>{if(d.current){if(r.dragClue)return"string"==typeof r.dragClue?r.dragClue:r.dragClue(d.current);{const e=n.find((e=>!e.hidden&&"data"===e.columnType));return d.current[e.field]}}}),[d.current]);return t.createElement(t.Fragment,null,p&&m.createPortal(t.createElement(t.Fragment,null,t.createElement("div",{ref:b,style:ir,className:a.classNames(l.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},t.createElement("div",{className:"k-drop-hint-start"}),t.createElement("div",{className:"k-drop-hint-line"})),t.createElement("div",{ref:v,style:sr,className:a.classNames(l.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},t.createElement(a.SvgIcon,{className:"k-drag-status",icon:h}),N)),document.body),t.cloneElement(e.children,{ref:C}))},dr=()=>React.createElement(a.SvgIcon,{icon:i.reorderIcon}),ur=e=>{const{cellProps:r,rowReorderable:n,children:a}=e,{id:i,dataItem:s}=r,c=o.useLocalization(),d=t.useContext(te),u=l.useTableKeyboardNavigation(i),p=n,g=c.toLanguageString(Fe,He[Fe]);return a&&t.cloneElement(a,{"aria-label":g,...u,onMouseDown:()=>p?d.activeDragRowDataItemRef.current=s:null})},pr=e=>{const{...t}=e,r=e.unstyled,n=r&&r.uGrid?r.uGrid:a.uGrid,l=a.classNames(n.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className),o={colSpan:e.colSpan,style:e.style,className:l,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[_]:e.columnIndex},i=a.classNames(null==o?void 0:o.className,["k-drag-cell",""+(e.rowReorderable?"":"k-disabled")]);return React.createElement(ur,{rowReorderable:e.rowReorderable,cellProps:t},React.createElement("td",{...o,style:{touchAction:"none"},"aria-disabled":!e.rowReorderable,className:i},React.createElement(dr,null)))},gr=e=>React.createElement(Je,{...e}),mr={height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},hr=e=>{var t;return v.createElement(v.Fragment,null,e.showLoader?null!=(t=e.loader)?t:v.createElement("div",{className:"k-loading-mask"},v.createElement("div",{className:"k-loading-color"}),v.createElement("div",{style:mr},v.createElement(h.Loader,{size:"large",type:"converging-spinner"}))):null)},fr=v.forwardRef(((e,t)=>{var r,i,s,c,d,u,p;const g=e.id+"-role-element-id",m=e.navigatable?g:"";a.validatePackage(Ht);const h=e=>{const t=e.filter((e=>e&&e.type&&"KendoReactGridColumn"===e.type.displayName)),r=y.current.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return w(t,T(r),{prevId:0,idPrefix:m})},f=(t,r)=>{var n;t.filter((t=>e.selectedField&&t.field===e.selectedField||"checkbox"===t.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||ze,e._type="edit",e.headerCell=e.headerCell||Tt})),void 0!==B&&t.filter((e=>"reorder"===e.columnType)).forEach((e=>{e.width=e.width||"50px",e.cell=e.cell||pr,e.headerCell=e.headerCell||gr,e.sortable=!1,e.filterable=!1,e.editable=!1}));const l={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let o=0;(e.expandField||J.enabled)&&e.detail&&(t.unshift({...l,_type:"expand",cell:We,field:null!=(n=J.column)?n:e.expandField,headerClassName:a.classNames(z.hierarchyCell({}))}),o++);for(let n=0;n<r;n++)t.unshift({...l,isAccessible:!1,cell:Nt,field:"value",locked:e.lockGroups}),o++;t.slice(o).forEach((e=>e.parentIndex>=0&&(e.parentIndex+=o)))},C=()=>W.length===e.total,b=()=>e.isClient?y:k;let x,I=[];const y=e.columnsRef||{current:[]},k={current:[]};let G=[[]];const L=e.scrollLeftRef||{current:0},H=e.localization||new o.LocalizationService,K=e.intl||new o.IntlService("en"),A=e.unstyled,z=A&&A.uGrid?A.uGrid:a.uGrid,B="object"==typeof e.rowReorderable?e.rowReorderable.enabled:e.rowReorderable,V=!0===e.autoProcessData?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let W,q;if(Array.isArray(e.data)?(W=e.data,q=null!=(r=e.total)?r:W.length):(W=(null==(i=e.data)?void 0:i.data)||[],q=null!=(d=null!=(c=e.total)?c:null==(s=e.data)?void 0:s.total)?d:W.length),V){const{data:t,total:r}=n.process(W,{group:V.group?e.group:void 0,sort:V.sort?e.sort:void 0,filter:l.combineFilters(V.filter?e.filter:void 0,V.search?e.search:void 0),...V.page?{take:e.take,skip:e.skip}:{}});W=t,q=null!=(u=e.total)?u:r}const{size:_="medium"}=e,U="object"==typeof e.groupable&&e.groupable.footer||"none",j="virtual"===e.scrollable,Y=!0===e.groupable||"object"==typeof e.groupable&&!1!==e.groupable.enabled,J=l.getDetailExpandableOptions(!!e.detail),Q=l.getGroupExpandableOptions("object"==typeof e.groupable&&!1!==e.groupable.enabled?e.groupable.expandable:e.groupable),{resolvedGroupsCount:Z,flattedData:ee}=((e,t,r,n,l,a,o)=>{const i=[];return{flattedData:i,resolvedGroupsCount:R(i,W,e,{index:t},void 0!==r,n,l,a,Q.defaultExpand,o)}})(U,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);I=ee;const te=(()=>{const{rowHeight:t,detailRowHeight:r,detail:n,expandField:l}=e,a=C();return!(void 0!==t&&t>0)||Y&&!a||n&&l&&(!(void 0!==r&&r>0)||!a)?X:$})();te===$&&C()&&(x=I.slice(e.skip||0,(e.skip||0)+((void 0!==e.take?e.take:e.pageSize)||0)));const ne=l.getSelectionOptions(e.selectable||!!e.selectedField),le=ne&&ne.drag?"none":void 0,ae=v.Children.toArray(e.children);((t,r)=>{var n;const o=(e=>e.filter((e=>a.canUseDOM&&e&&e.media?window.matchMedia(e.media).matches:e)))(h(t));y.current=o,0===y.current.length&&(y.current=function(e,t,r,n){let a=[];Array.isArray(e)?a=e:e&&(a=e.data);const o=[];if(a.length>0){let e=a[0];if(t)for(let r=0;r<t.length;r++)e=e.items&&e.items[0];Object.getOwnPropertyNames(e).forEach((e=>{e!==r.column&&o.push(Object.assign({id:l.tableKeyboardNavigationTools.generateNavigatableId(""+n.prevId++,n.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},E,{field:e}))}))}return o}(W,e.group,{column:null!=(n=J.column)?n:e.expandField},{prevId:0,idPrefix:m})),f(y.current,r),G=function(e,t){const r=[[]];let n=0;for(let t=e.length-1;t>=0;t--)n=Math.max(n,e[t].depth),e[t].headerColSpan=e[t].headerColSpan||1,e[t].children.length>0&&(e[t].headerColSpan=e[t].children.reduce(((e,t)=>t.hidden?e:e+t.headerColSpan),0));const a=[];let o=1;return e.forEach(((e,t)=>{r[e.depth]=r[e.depth]||[];let l=!1;0===r[e.depth].length&&(o<=1?o=1+(e.children.length>0?0:n-e.depth):(o--,l=!0)),e.rowSpan=1+(e.children.length>0?0:n-e.depth),e.kFirst=l,e.index=r[e.depth].length,r[e.depth].push(t),e.ariaColumnIndex=a[e.depth]?a[e.depth]+1:1;for(let t=e.depth;t<e.depth+e.rowSpan;t++)a[t]=(a[t]||0)+e.headerColSpan})),l.updateLeft(r,e,t),l.updateRight(r,e,t),r}(y.current,!0),k.current=y.current.map(M)})(ae,Z);const oe=ae.map((e=>e&&e.type&&"KendoReactGridToolbar"===e.type.displayName?v.cloneElement(e,{...e.props,ariaControls:g}):null)),ie=ae.filter((e=>e&&e.type&&"KendoReactGridNoRecords"===e.type.displayName)),se=ae.filter((e=>e&&e.type&&"KendoReactGridStatusBar"===e.type.displayName)),ce=y.current.filter((e=>0===e.children.length)),de=Y&&v.createElement(yt,{columns:b().current,group:e.group||[],ariaControls:g}),ue=v.createElement(je,{size:_,staticHeaders:"none"!==e.scrollable,draggable:e.reorderable||Y,headerRow:v.createElement(ot,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:Y,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||st,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:y.current,columnsMap:G,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:H,unstyled:A,headerSelectionValue:!(!e.select||!I.filter((e=>"data"===e.rowType)).every((t=>e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0)))}),filterRow:e.filterable&&v.createElement(xt,{cells:e.cells,size:_,columns:y.current,filter:e.filter,filterOperators:e.filterOperators||st,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:G.length+1,localization:H})||void 0,cols:ce.map(((e,t)=>v.createElement("col",{key:t.toString(),width:N(e)})))}),pe=L.current||0,ge=parseFloat(((e.style||{}).width||"").toString()),me=(t,r,n,o)=>{let i=!1;const s=e.selectedField?S(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&void 0!==a.getter(e.dataItemKey)(t.dataItem)?e.select[a.getter(e.dataItemKey)(t.dataItem)]:void 0;let c=0;const{colSpans:d,hiddenColumns:u}=l.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:ce,tableViewPortWidth:ge,scrollLeft:pe,getColSpan:P,dataItem:t.dataItem}),p=ce.filter(((e,t)=>!u[t]));return{row:ce.map(((g,h)=>{if(u[h])return null;if(c>0)return c--,null;const{colSpan:f,colsToSkip:C}=((t,r,n,l,a,o)=>{let i=P(t,r);if(e.columnVirtualization&&1===t.colSpan)return{colSpan:o,colsToSkip:a};let s=n.length-1===l,c=n.length-l;return e.columnVirtualization&&(s=ce.length-1===l,c=ce.length-l),i>1&&!s?a=i-1:i=1,c<=i&&!s&&(i=c),{colSpan:i,colsToSkip:a}})(g,t.dataItem,p,h,c,d[h]);c=C;const b=g.id?g.id:h,E=a.classNames(z.contentSticky({locked:g.locked}),g.className),x=void 0!==g.left?{left:g.left,right:g.right}:{};let I=!1;if(g.editable&&(e.editable||e.editField)){const r=e.editField?S(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[a.getter(e.dataItemKey)(t.dataItem)]:void 0,n="boolean"==typeof r?r:Array.isArray(r)?r.indexOf(g.field)>-1:void 0!==g.field&&r===g.field;n&&"data"===g.columnType&&(!0===n||n===g.field)&&(i=!0,I=!0)}const y=g.cell||I&&Ue||Rt,k=e.expandField&&e.detail&&g.field===e.expandField||"expand"===g._type,R={locked:e.lockGroups,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${r}-${String(h)}`,m,k||"groupHeader"===t.rowType||"groupFooter"===t.rowType||"value"===g.field?"nodata":"cell"),colSpan:f,dataItem:t.dataItem,field:g.field,editor:g.editor,format:g.format,columnType:g.columnType,rowReorderable:B,className:E,render:e.cellRender,cells:O(e.cells,g.cells),columnIndex:h,columnsCount:ce.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:n,columnPosition:x,style:{},ariaColumnIndex:g.ariaColumnIndex,isSelected:"edit"===(null==g?void 0:g._type)?s:Array.isArray(s)&&s.indexOf(h)>-1,isSorted:!!D(g.field,e.sort),isInEdit:i,isAlt:o,unstyled:A,group:t.group,localization:H,intl:K};return g.cell?v.createElement(er,{key:b,isClient:F(y),dataItem:R.dataItem,rowDataIndex:R.rowDataIndex,columnIndex:R.columnIndex},v.createElement(y,{...R})):v.createElement(y,{key:b,...R})})),isInEdit:i,isSelected:"boolean"==typeof s&&s}};let he=0;const fe=e=>e>=I.length-he;let Ce=e.skip||0;const ve=[],be=!I.length,Ee=G.length+(e.filterable?1:0)+1;let xe=0;if(I.length){let t=-1,r=0;(x||I).forEach(((n,o)=>{"data"===n.rowType&&(Ce++,t++);const i=Ce%2==0,s=e.dataItemKey&&a.getter(e.dataItemKey)(n.dataItem),c=o+(e.skip||0),d=s||"ai"+c,u=d+"_1",p=me(n,d,t,i);if(xe=c+Ee+r,ve.push(v.createElement(Dt,{key:d,dataItem:n.dataItem,isAltRow:i,isInEdit:p.isInEdit,rowType:n.rowType,isRowReorderable:B,isHidden:fe(o),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:xe,absoluteRowIndex:c,dataIndex:j&&!e.groupable?c:t,isSelected:p.isSelected},p.row)),e.detail&&"data"===n.rowType&&n.expanded){const t=ce.length-(e.expandField||J.enabled?1:0)-(e.group?e.group.length:0)||1;r++,xe=c+Ee+r,ve.push(v.createElement("tr",{key:u,className:a.classNames(z.detailTr({isAlt:i})),style:{visibility:fe(o)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":xe},e.group&&e.group.map(((t,r)=>{var l;const a=null==(l=null==p?void 0:p.row[r])?void 0:l.props.style,o=a?{left:a.left,right:a.right}:{};return v.createElement(Nt,{id:"",dataIndex:n.dataIndex,field:t.field,dataItem:n.dataItem,key:r,columnPosition:o,style:{},ariaColumnIndex:1+r,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:n.group})})),(e.expandField||J.enabled)&&v.createElement(zt,{unstyled:A,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dhcell`,m)}),v.createElement(At,{dataItem:n.dataItem,dataIndex:n.dataIndex,colSpan:t,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:l.tableKeyboardNavigationTools.generateNavigatableId(`${u}-dcell`,m)})))}}))}const Ie={size:_,total:q,skip:e.skip||0,take:(void 0!==e.take?e.take:e.pageSize)||10,...Ft(e.pageable||{})},ye=v.createElement(Xt,null,e.pager?v.createElement(e.pager,{...Ie}):v.createElement(l.Pager,{className:a.classNames(z.pager({})),...Ie})),ke=null!=(p=e.cells)&&p.footerCell||y.current.some((e=>{var t;return!!(e.footerCell||null!=(t=e.cells)&&t.footerCell)}))?v.createElement(kt,{size:_,staticHeaders:"none"!==e.scrollable,row:v.createElement(Ot,{cells:e.cells,idPrefix:m,columns:y.current,ariaRowIndex:xe+1}),cols:ce.map(((e,t)=>v.createElement("col",{key:t.toString(),width:N(e)})))}):null,Se=v.createElement(Wt,null,ce.map(((t,r)=>v.createElement("col",{key:r.toString(),className:D(t.field,e.sort)?a.classNames(z.sorted({})):void 0,width:N(t)})))),Re=e.reorderable||Y,{detail:Pe,cells:we,...Ne}=e,De=v.createElement("tbody",{role:"rowgroup",className:a.classNames(z.tbody({})),...l.tableKeyboardNavigationBodyAttributes},ve);let Te=De;if(B&&(Te=v.createElement(cr,{unstyled:z,columns:y.current,rowReorderSettings:e.rowReorderable},De)),"none"===e.scrollable)return v.createElement(re,{gridRef:t,gridProps:Ne,columnsRef:b(),columnsMapRef:G,dataRef:I,slicedData:x,isFixedVirtualScroll:te===$,id:g,total:q,detailExpandable:!!e.detail},v.createElement(Jt,null,v.createElement("div",{id:e.id,style:e.style,className:a.classNames(z.wrapper({size:_}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},oe,de,v.createElement(qt,{selectable:e.selectable,className:a.classNames(z.table({size:_}))},Se,ue,v.createElement(jt,{rowReorderable:B},Te)),be&&v.createElement(Bt,null,ie.length?ie:v.createElement(Mt,null)),Re&&v.createElement(v.Fragment,null,v.createElement(_t,null),v.createElement(Ut,null)))),se,e.pageable&&ye,v.createElement(hr,{loader:e.loader,showLoader:e.showLoader}));let Me=e.style||{};return j&&(Me.height||(Me=Object.assign({},Me,{height:"450px"}))),v.createElement(re,{gridRef:t,gridProps:Ne,columnsRef:b(),columnsMapRef:G,dataRef:I,slicedData:x,isFixedVirtualScroll:te===$,id:g,total:q,detailExpandable:!!e.detail},v.createElement(Jt,null,v.createElement("div",{id:e.id,style:Me,className:a.classNames(z.wrapper({size:_,virtual:j}),e.className),"aria-label":e.ariaLabel,...l.tableKeyboardNavigationScopeAttributes},oe,de,v.createElement("div",{className:a.classNames(z.ariaRoot({})),role:"grid","aria-colcount":ce.length,"aria-rowcount":q,id:g,"aria-label":H.toLanguageString(Oe,He[Oe])},ue,v.createElement("div",{className:a.classNames(z.container({})),role:"presentation"},v.createElement(Qt,null,v.createElement("div",{className:a.classNames(z.content({})),role:"presentation"},v.createElement("div",{className:a.classNames(z.tableWrap({})),role:"presentation"},v.createElement(Yt,{selectable:e.selectable,tableClassName:a.classNames(z.table({size:_})),tableStyle:{userSelect:le}},Se,v.createElement(jt,{rowReorderable:B},Te)),be&&v.createElement(Bt,null,ie.length?ie:v.createElement(Mt,null))),j&&v.createElement("div",{className:a.classNames(z.heightContainer({})),role:"presentation"},v.createElement(Zt,{isVirtualScroll:j}))))),ke,Re&&v.createElement(v.Fragment,null,v.createElement(_t,null),v.createElement(Ut,null)),v.createElement(Vt,null)),se,e.pageable&&ye,v.createElement(hr,{loader:e.loader,showLoader:e.showLoader}))))}));fr.displayName="KendoReactGridComponent";const Cr=v.forwardRef(((e,t)=>{const{isPaid:r}={isPaid:!0},[n]=a.useCustomComponent(r?z:v.Fragment);return x===I?v.createElement(n,{...e},v.createElement(B,{id:e.id},v.createElement(fr,{ref:t,...e}))):v.createElement(fr,{ref:t,...e})})),vr={data:r.oneOfType([r.array,r.shape({data:r.array,total:r.number})]),sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,filterable:r.bool,filter:r.any,onFilterChange:r.func,pageable:r.oneOfType([r.bool,r.shape({buttonCount:r.number,responsive:r.bool,info:r.bool,type:r.oneOf(["numeric","input"]),pageSizes:r.oneOfType([r.bool,r.arrayOf(r.oneOfType([r.string,r.number]))]),previousNext:r.bool})]),pageSize:r.number,onPageChange:r.func,total:r.number,skip:r.number,take:r.number,fixedScroll:r.bool,onExpandChange:r.func,expandField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,resizable:r.bool,reorderable:r.bool,group:r.any,groupable:r.oneOfType([r.bool,r.shape({enabled:r.bool,footer:r.oneOf(["always","visible","none"])})]),onGroupChange:r.func,onRowClick:r.func,onRowDoubleClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,detailRowHeight:r.number,detail:r.any,style:r.object,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["incell","inline","popup"])})]),size:r.oneOf(["small","medium"])};Cr.displayName="KendoReactGrid",Cr.propTypes=vr;const br=e=>{const{children:t,id:r,className:n,style:l}=e;return v.createElement("div",{id:r,className:a.classNames("k-columnmenu-item-wrapper",n),style:l},t)},Er=e=>{const{title:t,iconClass:r,svgIcon:n,selected:l}=e;return v.createElement("div",{onClick:e.onClick,className:"k-columnmenu-item "+(l?"k-selected":"")},(r||n)&&v.createElement(a.IconWrap,{name:r&&a.toIconName(r),icon:n}),t)},xr="desc",Ir=(e,t)=>t?t.findIndex((t=>t.field===e)):-1,yr=(e,t)=>!!(t&&e>-1&&"asc"===t[e].dir),kr=(e,t)=>!!(t&&e>-1&&t[e].dir===xr),Sr=e=>{const{children:t,id:r,className:n,style:l,show:o}=e;return v.createElement("div",{id:r,className:a.classNames("k-columnmenu-item-content",n),style:l,tabIndex:0},v.createElement(f.Reveal,{style:{position:"relative",display:"block"}},o?t:null))},Rr=e=>{const t=(t,r)=>{gt(t,r,e)},r=t=>{Ct(t,e.value,e.onChange)},n=t=>{ft(t,e.onChange)};return v.createElement(v.Fragment,null,(()=>{if("boolean"===e.filterType)return;const t=e.operators.find((t=>t.operator===e.operator))||null;return v.createElement(g.DropDownList,{value:t,onChange:r,data:e.operators,textField:"text"})})(),((e,r,l)=>{switch(e){case"numeric":return v.createElement(c.NumericTextBox,{value:r,onChange:e=>{t(e.value,e.syntheticEvent)},rangeOnEnter:!1});case"date":return v.createElement(d.DatePicker,{value:r,onChange:e=>{t(e.value,e.syntheticEvent)}});case"boolean":{const e=e=>null==e;return v.createElement(g.DropDownList,{onChange:n,value:l.find((t=>t.operator===(e(r)?"":r))),data:l,textField:"text"})}default:return v.createElement(c.Input,{value:r||"",onChange:e=>{t(e.target.value,e.syntheticEvent)}})}})(e.filterType,e.value,e.booleanValues))},Pr=e=>{const{firstFilterProps:t,hideSecondFilter:r,secondFilterProps:n,logicData:l,logicValue:a,onLogicChange:o}=e;return v.createElement(v.Fragment,null,v.createElement(Rr,{...t}),!r&&v.createElement(v.Fragment,null,v.createElement(g.DropDownList,{data:l,value:a,onChange:o,className:"k-filter-and",textField:"text"}),v.createElement(Rr,{...n})))},wr=e=>e||{filters:[],logic:"and"},Nr=(e,t)=>wr(t).filters.filter((t=>!!n.isCompositeFilterDescriptor(t)&&(t.filters&&t.filters.length&&t.filters.length<=2&&!t.filters.find((t=>n.isCompositeFilterDescriptor(t)||t.field!==e)))))[0]||null,Dr={uniqueData:!0},Tr=e=>{const[t,r]=v.useState(""),n=e.columns.reduce(((t,r)=>({...t,[r.id||""]:!!e.columnsState.find((e=>e.id===r.id))})),{}),[l,s]=v.useState(n),d=v.useMemo((()=>e.columns.filter((e=>{var r;return null==(r=e.title||e.field)?void 0:r.toLowerCase().includes(t.toLowerCase())}))),[e.columns,t]),u=o.useLocalization(),g=v.useCallback((()=>{const t=e.columns.filter((e=>l[e.id||""]));e.onColumnsChange.call(void 0,t),e.onCloseMenu.call(void 0)}),[l,e.columns,e.onColumnsChange,e.onCloseMenu]),m=v.useMemo((()=>Object.values(l).filter((e=>e)).length),[l]),h=v.useMemo((()=>m===e.columns.length),[e.columns,m]),f=v.useCallback((()=>{const e={...l};Object.keys(e).forEach(((t,r)=>e[t]=!(!h||0!==r)||!h)),s(e)}),[l,h]),C=v.useCallback(((e,t)=>{const r={...l};r[t||""]=e,s(r)}),[l]);return v.createElement("form",{className:"k-filter-menu"},v.createElement("div",{className:"k-filter-menu-container"},v.createElement(c.TextBox,{className:"k-searchbox",value:t,onChange:e=>{r(String(e.target.value))},prefix:()=>v.createElement(c.InputPrefix,null,v.createElement(a.IconWrap,{name:"search",icon:i.searchIcon}))}),v.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t&&v.createElement("li",{className:"k-item k-check-all-wrap"},v.createElement(c.Checkbox,{checked:h,onChange:f,label:u.toLanguageString(Se,He[Se])})),d.map(((e,t)=>v.createElement("li",{key:e.id,className:"k-item"},v.createElement(c.Checkbox,{disabled:l[e.id||""]&&1===m,checked:l[e.id||""],onChange:t=>{var r;return C(!(null==(r=t.target.element)||!r.checked),e.id)},label:e.title||e.field}))))),v.createElement("div",{className:"k-filter-selected-items"},m," selected items"),v.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},v.createElement(p.Button,{type:"button",themeColor:"primary",onClick:g},u.toLanguageString(me,He[me])),v.createElement(p.Button,{type:"button",onClick:()=>{s(n)}},u.toLanguageString(fe,He[fe])))))};Tr.displayName="GridColumnMenuColumnsList";const Mr=e=>{const{size:t,className:r,ariaLabel:n,ariaControls:l,children:o}=e;return v.createElement("div",{className:a.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!t,[`k-toolbar-${a.kendoThemeMaps.sizeMap[t]||t}`]:t},r),"aria-label":n,"aria-controls":l,role:"toolbar"},o)};Mr.displayName="KendoReactGridToolbar";const Gr=e=>{const{data:t=[]}=e;return v.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},t.map(((e,t)=>v.createElement("div",{key:t},v.createElement("span",{className:"k-selection-aggregates-item-text"},e.type,": "),v.createElement("span",{className:"k-selection-aggregates-item-value"},e.formattedValue)))))};Gr.displayName="KendoReactGridStatusBar";const Lr=e=>{var t;const r=e.slice();for(let e=0;e<r.length;e++)for(;r[e]&&null!=(t=r[e].children)&&t.length;)r.splice(e,1,...r[e].children);return r};Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return l.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return l.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return l.setSelectedState}}),e.GRID_COL_INDEX_ATTRIBUTE=_,e.GRID_PREVENT_SELECTION_ELEMENT=U,e.GRID_ROW_INDEX_ATTRIBUTE=q,e.Grid=Cr,e.GridCell=Rt,e.GridColumn=b,e.GridColumnMenuCheckboxFilter=e=>{const{uniqueData:t=Dr.uniqueData}=e,r=(t,r)=>{const n=e.column.field||"",l=t.map((e=>S(n,e)));return r?l.filter(((e,t)=>l.indexOf(e)===t)):l},l=()=>e.filter?a.clone(e.filter):{filters:[],logic:"and"},s=v.useRef((()=>{const t=e.column.field;return l().filters.findIndex((e=>e.filters&&e.filters.length>0&&e.filters[0].field===t))})()),[d,u]=v.useState(e.expanded||!1),[g,m]=v.useState(""),[h,f]=v.useState(r(e.data,t)||[]),[C,b]=v.useState(r(e.data,!1)||[]),[E,x]=v.useState(l());v.useEffect((()=>{const t=e.column.field||"",r=e.data.map((e=>S(t,e)));((e,t)=>e.length===t.length&&e.every(((e,r)=>e===t[r])))(r,C)||(f(r),b(r))}),[e.column,e.data]);const I=()=>void 0!==e.expanded,y=l=>{const a=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:e.column.field,operator:a,value:l.target.value,ignoreCase:!0}]};m(l.target.value),f(r(n.filterBy(e.data||[],o),t))},k=(t,r)=>{const n=e.column.field||"",l={...E},a=[...E.filters];let o=[];if(-1!==s.current&&l.filters[s.current].filters&&"all"!==r&&(o=l.filters[s.current].filters),t.value&&"all"===r)h.forEach((e=>{o.push({field:n,operator:"eq",value:e})}));else if(t.value)o.push({field:n,operator:"eq",value:r});else if(E){const e=o.findIndex((e=>e.value===r));o.splice(e,1)}l.logic="and",-1!==s.current?a[s.current]={logic:"or",filters:o}:a.push({logic:"or",filters:o}),(!t.value&&"all"===r||0===o.length)&&a.splice(s.current,1),l.filters=a,x(l)},R=o.useLocalization(),{column:P}=e;if(!P||!P.field)return v.createElement("div",null);const w=I()?e.expanded:d,N=[];if(E){const t=[...E.filters];s.current=t.findIndex((e=>!!(e.filters&&e.filters.length>0)&&e.filters[0].field===P.field)),-1!==s.current&&t[s.current].filters.length>0&&t[s.current].filters.forEach((t=>{t.field===e.column.field&&N.push(t.value)}))}const D=R.toLanguageString(he,He[he]),T=e.searchBox?v.createElement(e.searchBox,{value:g,onChange:y}):v.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},v.createElement(a.IconWrap,{className:"k-input-icon",name:"search",icon:i.searchIcon}),v.createElement(c.Input,{className:"k-input-inner",type:"text",placeholder:R.toLanguageString(xe,He[xe]),value:g,onChange:e=>y(e.nativeEvent)}),v.createElement(p.Button,{type:"button",rounded:null,className:"k-input-button",onClick:()=>{const l=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",a={logic:"and",filters:[{field:e.column.field,operator:l,value:"",ignoreCase:!0}]};m(""),f(r(n.filterBy(e.data||[],a),t))},icon:"x","aria-label":D,svgIcon:i.xIcon})),M=N.filter(((e,t)=>N.indexOf(e)===t));return v.createElement(br,null,v.createElement(Er,{title:R.toLanguageString(ve,He[ve]),iconClass:"k-i-filter",svgIcon:i.filterIcon,onClick:()=>{const t=I(),r=!(t?e.expanded:d);e.onExpandChange&&e.onExpandChange(r),t||u(r)}}),v.createElement(Sr,{show:!!w},v.createElement("form",{className:"k-filter-menu",onSubmit:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=E||null;e.onFilterChange(r,t),e.onCloseMenu&&e.onCloseMenu()},onReset:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=E||null;null!==r&&r.filters.length>0?(s.current>=0&&r.filters.splice(s.current,1),e.onFilterChange(r,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()}},v.createElement("div",{className:"k-filter-menu-container"},T,v.createElement("ul",{className:"k-reset k-multicheck-wrap"},v.createElement("li",{className:"k-item k-check-all-wrap"},v.createElement(c.Checkbox,{label:R.toLanguageString(ye,He[ye]),onChange:e=>k(e,"all"),checked:(()=>{let e=!1;if(E){const t=[...E.filters];return-1!==s.current&&(e=h.every((e=>!(-1===s.current||!t[s.current].filters)&&t[s.current].filters.findIndex((t=>t.value===e))>=0)),e)}return e})()})),h.map(((e,t)=>v.createElement("li",{className:"k-item",key:t},v.createElement(c.Checkbox,{label:String(e),onChange:t=>k(t,e),checked:M.includes(e)}))))),v.createElement("div",{className:"k-filter-selected-items"},M.length+" "+R.toLanguageString(Re,He[Re])),v.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},v.createElement(p.Button,{themeColor:"primary",type:"submit"},R.toLanguageString(Ce,He[Ce])),v.createElement(p.Button,{className:"k-button",type:"reset"},R.toLanguageString(he,He[he])))))))},e.GridColumnMenuColumnsList=Tr,e.GridColumnMenuFilter=e=>{const t=v.useCallback((()=>{let t;if(e.column&&e.column.field){const r=ht(e.column.filter),n=mt(e.filterOperators,r);t=Nr(e.column.field,e.filter),t=t?{...t,filters:t.filters.map((e=>({...e})))}:{logic:"and",filters:[{field:e.column.field,operator:n,value:ct(n)?null:void 0},{field:e.column.field,operator:n,value:ct(n)?null:void 0}]},1===t.filters.filter((t=>t.field===e.column.field)).length&&t.filters.splice(1,0,{field:e.column.field,operator:n})}return t}),[e.column]),[r,n]=v.useState(e.expanded||!1),[l,a]=v.useState(t()),s=()=>void 0!==e.expanded,c=(e,t)=>{const r=l.filters.map(((r,n)=>n===e?{...r,value:t.value,operator:t.operator}:r));a({...l,filters:r})},d=()=>({...l,filters:l.filters.filter((e=>void 0!==e.value&&null!==e.value&&""!==e.value||null===e.value&&e.operator))}),{column:u,filterUI:g,hideSecondFilter:m,filterOperators:h}=e,f=o.useLocalization();if(!u||!u.field)return v.createElement("div",null);const C=ht(u.filter),b=void 0!==m?m:pt[C],E=l.filters,x=dt(h[C],f),I=dt(ut,f),y={field:u.field,value:E[0].value,operator:E[0].operator,operators:x,booleanValues:I,onChange:e=>{c(0,e)},filterType:C},k={field:u.field,value:E[1].value,operator:E[1].operator,operators:x,booleanValues:I,onChange:e=>{c(1,e)},filterType:C},S=l.logic,R=dt(it,f),P={value:R.find((e=>e.operator===(null===S?"":S))),onChange:e=>{a({...l,logic:e.target.value.operator})},data:R},w=g,N={firstFilterProps:y,secondFilterProps:k,logicData:P.data,logicValue:P.value,onLogicChange:P.onChange,hideSecondFilter:b},D=0!==d().filters.length||ct(E[0].operator)||ct(E[1].operator),T=s()?e.expanded:r,M=e.alwaysExpand;return v.createElement(br,null,!M&&v.createElement(Er,{title:f.toLanguageString(ve,He[ve]),iconClass:"k-i-filter",svgIcon:i.filterIcon,onClick:()=>{const t=s(),l=!(t?e.expanded:r);e.onExpandChange&&e.onExpandChange(l),t||n(l)}}),v.createElement(Sr,{show:M||!!T},v.createElement("form",{className:"k-filter-menu",onSubmit:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=wr(e.filter),l=Nr(r,e.filter),a=d();let o=null;if(l&&a.filters.length>0){const e=n.filters.map((e=>e===l?a:e));o={...n,filters:e}}else if(0===a.filters.length){const e=n.filters.filter((e=>e!==l));e.length&&(o={...n,filters:e})}else o={...n,filters:[...n.filters,a]};e.onFilterChange(o,t),e.onCloseMenu&&e.onCloseMenu()},onReset:t=>{if(t.preventDefault(),!e.onFilterChange)return;const r=e.column.field,n=wr(e.filter),l=Nr(r,e.filter),a=n.filters.filter((e=>e!==l));a.length?e.onFilterChange({...n,filters:a},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()}},v.createElement("div",{className:"k-filter-menu-container"},w?v.createElement(w,{...N}):v.createElement(Pr,{...N}),v.createElement("div",{className:"k-actions k-actions-stretched"},v.createElement(p.Button,{themeColor:"primary",disabled:!D},f.toLanguageString(Ce,He[Ce])),v.createElement(p.Button,{type:"reset"},f.toLanguageString(he,He[he])))))))},e.GridColumnMenuFilterCell=Rr,e.GridColumnMenuFilterUI=Pr,e.GridColumnMenuGroup=e=>{const{group:t,column:r}=e,n=o.useLocalization(),l=!!(t&&r.field&&t.find((e=>e.field===r.field))),a=l?pe:ue;return v.createElement(br,null,v.createElement(Er,{title:n.toLanguageString(a,He[a]),iconClass:l?"k-i-ungroup":"k-i-group",svgIcon:l?i.ungroupIcon:i.groupIcon,onClick:t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const r=(e.group||[]).slice(),n=r.findIndex((t=>t.field===e.column.field));n>-1?r.splice(n,1):r.push({field:e.column.field}),e.onGroupChange(r,t)}e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuItem=Er,e.GridColumnMenuItemContent=Sr,e.GridColumnMenuItemGroup=br,e.GridColumnMenuSort=e=>{const t=(t,r)=>{if(t.preventDefault(),!e.onSortChange)return;const{allowUnsort:n,mode:l}=Q(e.sortable||!1,!1),a=(e.sort||[]).filter((t=>t.field===e.column.field))[0],o=Z[n][a&&a.dir||""][r],i="single"===l?[]:(e.sort||[]).filter((t=>t.field!==e.column.field));""!==o&&e.column.field&&i.push({field:e.column.field,dir:o}),e.onSortChange(i,t)},{sort:r,column:n}=e,l=Ir(n.field,r),a=o.useLocalization();return v.createElement(br,null,v.createElement(Er,{title:a.toLanguageString(be,He[be]),iconClass:"k-i-sort-asc-sm",svgIcon:i.sortAscSmallIcon,selected:yr(l,r),onClick:r=>{t(r,"asc"),e.onCloseMenu&&e.onCloseMenu()}}),v.createElement(Er,{title:a.toLanguageString(Ee,He[Ee]),iconClass:"k-i-sort-desc-sm",svgIcon:i.sortDescSmallIcon,selected:kr(l,r),onClick:r=>{t(r,xr),e.onCloseMenu&&e.onCloseMenu()}}))},e.GridColumnMenuWrapper=Ye,e.GridCommonDragLogic=W,e.GridContextMenu=J,e.GridContextMenuAnchorPart=y,e.GridContextMenuItemNames=k,e.GridDetailRow=e=>null,e.GridEditCell=Ue,e.GridFilterCell=vt,e.GridGroupCell=Nt,e.GridHeaderCell=Je,e.GridHierarchyCell=We,e.GridNoRecords=Mt,e.GridRow=Dt,e.GridSearchBox=e=>{const t=o.useLocalization(),r=v.useContext(te),[n]=A(),s=l.getStringFromSearch(n.search),d=a.classNames("k-grid-search","k-searchbox",e.className),u=t.toLanguageString(Ie,He[Ie]);return v.createElement(c.TextBox,{placeholder:u,value:s,prefix:()=>v.createElement(c.InputPrefix,{orientation:"horizontal"},v.createElement(a.SvgIcon,{icon:i.searchIcon})),...e,className:d,onChange:t=>{r.searchChange(t),e.onChange&&e.onChange.call(void 0,t)}})},e.GridSelectionCell=ze,e.GridToolbar=Mr,e.StatusBar=Gr,e.booleanFilterValues=ut,e.cellBoolDropdownChange=ft,e.cellInputChange=gt,e.cellOperatorChange=Ct,e.contextMenuItemsMap=Y,e.filterGroupByField=Nr,e.getStatusData=e=>{const{dataItems:t,target:r}=e,n=Lr(r.columns).map((e=>e.field)).filter((e=>e&&"string"==typeof e)).map((e=>a.getter(e))),l="selectedField"in e?a.getter(e.selectedField):t=>e.select[a.getter(e.dataItemKey)(t)],o={dates:[],numbers:[],booleans:[],others:[]};t.forEach((e=>{const t=l(e);t&&t.forEach((t=>{(e=>{"number"==typeof e?o.numbers.push(e):"boolean"==typeof e?o.booleans.push(e):e instanceof Date?o.dates.push(e):o.others.push(e)})(n[t](e))}))}));const i=o.dates.map((e=>e.getTime())),s=o.booleans.filter((e=>e)).length,c=o.booleans.filter((e=>!e)).length,d=o.numbers.length?o.numbers.reduce(((e,t)=>e+t),0):void 0,u={sum:d,average:"number"==typeof d?d/o.numbers.length:void 0,min:o.numbers.length?Math.min(...o.numbers):void 0,max:o.numbers.length?Math.max(...o.numbers):void 0,count:o.numbers.length+o.booleans.length+o.dates.length+o.others.length,isTrue:s>0?s:void 0,isFalse:c>0?c:void 0,earliest:o.dates.length?new Date(Math.min(...i)):void 0,latest:o.dates.length?new Date(Math.max(...i)):void 0},p=(e,t)=>"sum"!==t&&"average"!==t||"number"!=typeof e?("earliest"===t||"latest"===t)&&e instanceof Date?e.toLocaleDateString():String(e):e.toFixed(2),g=[];return Object.keys(u).forEach((e=>{const t=e,r=u[t];void 0!==r&&g.push({type:t,value:r,formattedValue:p(r,t)})})),g},e.gridMessages=He,e.isColumnMenuFilterActive=(e,t)=>!!Nr(e,t),e.isColumnMenuSortActive=(e,t)=>{const r=Ir(e,t);return kr(r,t)||yr(r,t)},e.leafColumns=Lr,e.operators=st,e.pagerFirstPage=ae,e.pagerInfo=le,e.pagerItemPerPage=ce,e.pagerLastPage=se,e.pagerNextPage=ie,e.pagerPreviousPage=oe,e.rootFilterOrDefault=wr}));

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738311394,version:"9.4.0-develop.11",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738681966,version:"9.4.0-develop.12",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1738311394,
-  version: "9.4.0-develop.11",
+  publishDate: 1738681966,
+  version: "9.4.0-develop.12",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "9.4.0-develop.11",
+  "version": "9.4.0-develop.12",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,17 +28,17 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.4.0-develop.11",
-    "@progress/kendo-react-buttons": "9.4.0-develop.11",
-    "@progress/kendo-react-common": "9.4.0-develop.11",
-    "@progress/kendo-react-data-tools": "9.4.0-develop.11",
-    "@progress/kendo-react-dateinputs": "9.4.0-develop.11",
-    "@progress/kendo-react-indicators": "9.4.0-develop.11",
-    "@progress/kendo-react-dropdowns": "9.4.0-develop.11",
-    "@progress/kendo-react-inputs": "9.4.0-develop.11",
-    "@progress/kendo-react-intl": "9.4.0-develop.11",
-    "@progress/kendo-react-popup": "9.4.0-develop.11",
-    "@progress/kendo-react-layout": "9.4.0-develop.11",
+    "@progress/kendo-react-animation": "9.4.0-develop.12",
+    "@progress/kendo-react-buttons": "9.4.0-develop.12",
+    "@progress/kendo-react-common": "9.4.0-develop.12",
+    "@progress/kendo-react-data-tools": "9.4.0-develop.12",
+    "@progress/kendo-react-dateinputs": "9.4.0-develop.12",
+    "@progress/kendo-react-indicators": "9.4.0-develop.12",
+    "@progress/kendo-react-dropdowns": "9.4.0-develop.12",
+    "@progress/kendo-react-inputs": "9.4.0-develop.12",
+    "@progress/kendo-react-intl": "9.4.0-develop.12",
+    "@progress/kendo-react-popup": "9.4.0-develop.12",
+    "@progress/kendo-react-layout": "9.4.0-develop.12",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -84,7 +84,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1738311394,
+      "publishDate": 1738681966,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },