@progress/kendo-react-data-tools 11.2.0-develop.1 → 11.2.0-develop.3

package/columnmenu/ColumnMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("react"),ae=require("@progress/kendo-react-popup"),me=require("@progress/kendo-react-intl"),fe=require("@progress/kendo-data-query"),T=require("./ColumnMenuItem.js"),F=require("./ColumnMenuFilters.js"),A=require("./ColumnMenuFilterLogic.js"),de=require("./ColumnMenuFilterForm.js"),g=require("../messages/index.js"),L=require("@progress/kendo-react-common"),Ce=require("../package-metadata.js"),S=require("@progress/kendo-svg-icons");function ge(l){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const c in l)if(c!=="default"){const t=Object.getOwnPropertyDescriptor(l,c);Object.defineProperty(m,c,t.get?t:{enumerable:!0,get:()=>l[c]})}}return m.default=l,Object.freeze(m)}const e=ge(ue),E=l=>{const m=!L.validatePackage(Ce.packageMetadata,{component:"ColumnMenu"}),c=e.useRef([]),{field:t,filter:n,sort:f=c.current,onSortChange:s,onFilterChange:M,initialFilter:k,sortAsc:B=!1,sortDesc:O=!1,filterContent:N=[],expandFilters:D=!1}=l,[d,P]=e.useState(!1),[I,j]=e.useState(D),[r,b]=e.useState(t&&k?k(t):null),q=e.useRef(null),w=e.useRef(null),x=e.useRef(null),R=e.useRef(!1),p=e.useCallback(()=>(n||[]).find(o=>o.filters.every(i=>!fe.isCompositeFilterDescriptor(i)&&i.field===t)),[n,t]),C=e.useCallback(()=>{P(!1)},[]),K=e.useCallback(()=>{if(R.current){R.current=!1;return}clearTimeout(x.current),x.current=window.setTimeout(()=>{C()})},[C]),U=e.useCallback(()=>clearTimeout(x.current),[]),V=e.useCallback(o=>{R.current=d&&o.currentTarget===q.current},[d]),X=e.useCallback(()=>{P(!d),t&&k&&(j(d?!1:D),b(d?r:p()||k(t)))},[p,t,d,r,k,D]);e.useEffect(()=>{d&&w.current&&w.current.focus()},[d]);const Y=e.useCallback(()=>j(!I),[I]),h=e.useCallback((o,i)=>{const u=[...f],a=u.findIndex(se=>se.field===t),v={field:t,dir:i};a>=0?u[a].dir!==v.dir?u.splice(a,1,v):u.splice(a,1):u.push(v),C(),s&&s.call(void 0,o,u,t)},[f,t,s,C]),W=e.useCallback((o,i,u)=>{const a={...r,filters:[...r.filters]},v=a.filters.indexOf(u);a.filters.splice(v,1,i),b(a)},[r]),Z=e.useCallback(o=>{o.preventDefault();const i=(n||[]).slice(),u=p(),a=u?i.indexOf(u):-1;a>=0?i.splice(a,1,r):i.push(r),C(),M&&M.call(void 0,o,i,t)},[n,r,t,M,C,p]),$=e.useCallback(o=>{const i=(n||[]).slice(),u=p(),a=u?i.indexOf(u):-1;a>=0&&i.splice(a,1),k&&b(k(t)),C(),M&&M.call(void 0,o,i,t)},[n,t,M,k,C,p]),ee=e.useCallback(o=>h(o,"asc"),[h]),te=e.useCallback(o=>h(o,"desc"),[h]),ne=e.useCallback(o=>r&&b({...r,logic:o.value.logic}),[r]),_=f.find(o=>o.field===t)||{dir:""},[z,Q,G]=N,y=me.useLocalization(),le=B||O?e.createElement("div",{className:"k-columnmenu-item-wrapper",key:"sorting"},B&&e.createElement(T.ColumnMenuItem,{title:y.toLanguageString(g.columnMenuSortAscending,g.messages[g.columnMenuSortAscending]),iconClass:"k-i-sort-asc-small",svgIcon:S.sortAscSmallIcon,selected:_.dir==="asc",onClick:ee}),O&&e.createElement(T.ColumnMenuItem,{title:y.toLanguageString(g.columnMenuSortDescending,g.messages[g.columnMenuSortDescending]),iconClass:"k-i-sort-desc-small",svgIcon:S.sortDescSmallIcon,selected:_.dir==="desc",onClick:te})):null,oe=r&&N.length>0?e.createElement("div",{className:"k-columnmenu-item-wrapper",key:"filtering"},e.createElement(T.ColumnMenuItem,{iconClass:"k-i-filter",svgIcon:S.filterIcon,title:y.toLanguageString(g.columnMenuFilterTitle,g.messages[g.columnMenuFilterTitle]),onClick:Y}),e.createElement(de.ColumnMenuFilterForm,{show:I,onSubmit:Z,onReset:$},z&&e.createElement(z,{filter:r.filters[0],onFilterChange:W}),Q&&e.createElement(Q,{value:r.logic,onChange:ne}),G&&e.createElement(G,{filter:r.filters[1],onFilterChange:W}))):null,H=[le,oe],re=e.createElement("span",{ref:q,onClick:X,onMouseDown:V,className:"k-grid-header-menu k-grid-column-menu"+(p()?" k-active":""),key:"button"},e.createElement(L.IconWrap,{name:"filter",icon:S.filterIcon})),ie=e.createElement(ae.Popup,{anchor:q.current,show:d,key:"popup",popupClass:"k-column-menu k-column-menu-popup"},e.createElement("div",{ref:w,tabIndex:0,onBlur:K,onFocus:U,style:{outline:"none"}},l.itemsRender?l.itemsRender.call(void 0,H,{closeMenu:C,field:t}):H)),ce=m?e.createElement(L.WatermarkOverlay,null):e.createElement(e.Fragment,null),J=[re,ie,ce];return e.createElement(e.Fragment,null,l.render?l.render.call(void 0,J):J)},ke=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"and",filters:[{operator:"contains",field:s,value:""},{operator:"contains",field:s,value:""}]}),[]),n=!!l.field,f=n?[F.ColumnMenuTextFilter,A.ColumnMenuFilterLogic,F.ColumnMenuTextFilter]:[];return e.createElement(E,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},pe=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"or",filters:[{operator:"eq",field:s,value:null},{operator:"eq",field:s,value:null}]}),[]),n=!!l.field,f=n?[F.ColumnMenuNumericFilter,A.ColumnMenuFilterLogic,F.ColumnMenuNumericFilter]:[];return e.createElement(E,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},Fe=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"or",filters:[{operator:"eq",field:s,value:null},{operator:"eq",field:s,value:null}]}),[]),n=!!l.field,f=n?[F.ColumnMenuDateFilter,A.ColumnMenuFilterLogic,F.ColumnMenuDateFilter]:[];return e.createElement(E,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},Me=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"and",filters:[{operator:"eq",field:s,value:!1}]}),[]),n=!!l.field,f=n?[F.ColumnMenuBooleanFilter]:[];return e.createElement(E,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})};exports.ColumnMenuBooleanColumn=Me;exports.ColumnMenuDateColumn=Fe;exports.ColumnMenuNumericColumn=pe;exports.ColumnMenuTextColumn=ke;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ue=require("react"),ae=require("@progress/kendo-react-popup"),me=require("@progress/kendo-react-intl"),fe=require("@progress/kendo-data-query"),T=require("./ColumnMenuItem.js"),F=require("./ColumnMenuFilters.js"),A=require("./ColumnMenuFilterLogic.js"),de=require("./ColumnMenuFilterForm.js"),g=require("../messages/index.js"),L=require("@progress/kendo-react-common"),Ce=require("../package-metadata.js"),S=require("@progress/kendo-svg-icons");function ge(l){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const c in l)if(c!=="default"){const t=Object.getOwnPropertyDescriptor(l,c);Object.defineProperty(m,c,t.get?t:{enumerable:!0,get:()=>l[c]})}}return m.default=l,Object.freeze(m)}const e=ge(ue),D=l=>{const m=!L.validatePackage(Ce.packageMetadata,{component:"ColumnMenu"}),c=e.useRef([]),{field:t,filter:n,sort:f=c.current,onSortChange:s,onFilterChange:M,initialFilter:k,sortAsc:B=!1,sortDesc:O=!1,filterContent:N=[],expandFilters:E=!1}=l,[d,P]=e.useState(!1),[I,j]=e.useState(E),[r,b]=e.useState(t&&k?k(t):null),q=e.useRef(null),w=e.useRef(null),x=e.useRef(null),R=e.useRef(!1),p=e.useCallback(()=>(n||[]).find(o=>o.filters.every(i=>!fe.isCompositeFilterDescriptor(i)&&i.field===t)),[n,t]),C=e.useCallback(()=>{P(!1)},[]),V=e.useCallback(()=>{if(R.current){R.current=!1;return}clearTimeout(x.current),x.current=window.setTimeout(()=>{C()})},[C]),X=e.useCallback(()=>clearTimeout(x.current),[]),Y=e.useCallback(o=>{R.current=d&&o.currentTarget===q.current},[d]),Z=e.useCallback(()=>{P(!d),t&&k&&(j(d?!1:E),b(d?r:p()||k(t)))},[p,t,d,r,k,E]);e.useEffect(()=>{d&&w.current&&w.current.focus()},[d]);const $=e.useCallback(()=>j(!I),[I]),h=e.useCallback((o,i)=>{const u=[...f],a=u.findIndex(se=>se.field===t),v={field:t,dir:i};a>=0?u[a].dir!==v.dir?u.splice(a,1,v):u.splice(a,1):u.push(v),C(),s&&s.call(void 0,o,u,t)},[f,t,s,C]),W=e.useCallback((o,i,u)=>{const a={...r,filters:[...r.filters]},v=a.filters.indexOf(u);a.filters.splice(v,1,i),b(a)},[r]),ee=e.useCallback(o=>{o.preventDefault();const i=(n||[]).slice(),u=p(),a=u?i.indexOf(u):-1;a>=0?i.splice(a,1,r):i.push(r),C(),M&&M.call(void 0,o,i,t)},[n,r,t,M,C,p]),te=e.useCallback(o=>{const i=(n||[]).slice(),u=p(),a=u?i.indexOf(u):-1;a>=0&&i.splice(a,1),k&&b(k(t)),C(),M&&M.call(void 0,o,i,t)},[n,t,M,k,C,p]),ne=e.useCallback(o=>h(o,"asc"),[h]),le=e.useCallback(o=>h(o,"desc"),[h]),oe=e.useCallback(o=>r&&b({...r,logic:o.value.logic}),[r]),_=f.find(o=>o.field===t)||{dir:""},[z,Q,G]=N,y=me.useLocalization(),re=B||O?e.createElement("div",{className:"k-columnmenu-item-wrapper",key:"sorting"},B&&e.createElement(T.ColumnMenuItem,{title:y.toLanguageString(g.columnMenuSortAscending,g.messages[g.columnMenuSortAscending]),iconClass:"k-i-sort-asc-small",svgIcon:S.sortAscSmallIcon,selected:_.dir==="asc",onClick:ne}),O&&e.createElement(T.ColumnMenuItem,{title:y.toLanguageString(g.columnMenuSortDescending,g.messages[g.columnMenuSortDescending]),iconClass:"k-i-sort-desc-small",svgIcon:S.sortDescSmallIcon,selected:_.dir==="desc",onClick:le})):null,ie=r&&N.length>0?e.createElement("div",{className:"k-columnmenu-item-wrapper",key:"filtering"},e.createElement(T.ColumnMenuItem,{iconClass:"k-i-filter",svgIcon:S.filterIcon,title:y.toLanguageString(g.columnMenuFilterTitle,g.messages[g.columnMenuFilterTitle]),onClick:$}),e.createElement(de.ColumnMenuFilterForm,{show:I,onSubmit:ee,onReset:te},z&&e.createElement(z,{filter:r.filters[0],onFilterChange:W}),Q&&e.createElement(Q,{value:r.logic,onChange:oe}),G&&e.createElement(G,{filter:r.filters[1],onFilterChange:W}))):null,H=[re,ie],J=e.createElement("span",{ref:q,onClick:Z,onMouseDown:Y,className:"k-grid-header-menu k-grid-column-menu"+(p()?" k-active":""),key:"button"},e.createElement(L.IconWrap,{name:"filter",icon:S.filterIcon})),K=e.createElement(ae.Popup,{anchor:q.current,show:d,key:"popup",popupClass:"k-column-menu k-column-menu-popup"},e.createElement("div",{ref:w,tabIndex:0,onBlur:V,onFocus:X,style:{outline:"none"}},l.itemsRender?l.itemsRender.call(void 0,H,{closeMenu:C,field:t}):H)),ce=e.createElement(L.WatermarkOverlay,null),U=m?[J,K,ce]:[J,K];return l.render?l.render.call(void 0,U):U},ke=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"and",filters:[{operator:"contains",field:s,value:""},{operator:"contains",field:s,value:""}]}),[]),n=!!l.field,f=n?[F.ColumnMenuTextFilter,A.ColumnMenuFilterLogic,F.ColumnMenuTextFilter]:[];return e.createElement(D,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},pe=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"or",filters:[{operator:"eq",field:s,value:null},{operator:"eq",field:s,value:null}]}),[]),n=!!l.field,f=n?[F.ColumnMenuNumericFilter,A.ColumnMenuFilterLogic,F.ColumnMenuNumericFilter]:[];return e.createElement(D,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},Fe=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"or",filters:[{operator:"eq",field:s,value:null},{operator:"eq",field:s,value:null}]}),[]),n=!!l.field,f=n?[F.ColumnMenuDateFilter,A.ColumnMenuFilterLogic,F.ColumnMenuDateFilter]:[];return e.createElement(D,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})},Me=l=>{const{field:m,...c}=l,t=e.useCallback(s=>({logic:"and",filters:[{operator:"eq",field:s,value:!1}]}),[]),n=!!l.field,f=n?[F.ColumnMenuBooleanFilter]:[];return e.createElement(D,{sortAsc:n,sortDesc:n,filterContent:f,initialFilter:n?t:void 0,field:m,...c})};exports.ColumnMenuBooleanColumn=Me;exports.ColumnMenuDateColumn=Fe;exports.ColumnMenuNumericColumn=pe;exports.ColumnMenuTextColumn=ke;

package/columnmenu/ColumnMenu.mjs

@@ -7,19 +7,19 @@
  */
 "use client";
 import * as e from "react";
-import { Popup as de } from "@progress/kendo-react-popup";
-import { useLocalization as Ce } from "@progress/kendo-react-intl";
-import { isCompositeFilterDescriptor as pe } from "@progress/kendo-data-query";
+import { Popup as fe } from "@progress/kendo-react-popup";
+import { useLocalization as de } from "@progress/kendo-react-intl";
+import { isCompositeFilterDescriptor as Ce } from "@progress/kendo-data-query";
 import { ColumnMenuItem as R } from "./ColumnMenuItem.mjs";
-import { ColumnMenuTextFilter as H, ColumnMenuNumericFilter as J, ColumnMenuDateFilter as K, ColumnMenuBooleanFilter as ge } from "./ColumnMenuFilters.mjs";
+import { ColumnMenuTextFilter as K, ColumnMenuNumericFilter as Q, ColumnMenuDateFilter as U, ColumnMenuBooleanFilter as pe } from "./ColumnMenuFilters.mjs";
 import { ColumnMenuFilterLogic as B } from "./ColumnMenuFilterLogic.mjs";
-import { ColumnMenuFilterForm as ke } from "./ColumnMenuFilterForm.mjs";
-import { columnMenuSortAscending as Q, messages as A, columnMenuSortDescending as U, columnMenuFilterTitle as V } from "../messages/index.mjs";
-import { validatePackage as Fe, IconWrap as ve, WatermarkOverlay as he } from "@progress/kendo-react-common";
-import { packageMetadata as be } from "../package-metadata.mjs";
-import { sortAscSmallIcon as Ee, sortDescSmallIcon as Me, filterIcon as X } from "@progress/kendo-svg-icons";
+import { ColumnMenuFilterForm as ge } from "./ColumnMenuFilterForm.mjs";
+import { columnMenuSortAscending as V, messages as A, columnMenuSortDescending as X, columnMenuFilterTitle as Y } from "../messages/index.mjs";
+import { validatePackage as ke, IconWrap as Fe, WatermarkOverlay as ve } from "@progress/kendo-react-common";
+import { packageMetadata as he } from "../package-metadata.mjs";
+import { sortAscSmallIcon as be, sortDescSmallIcon as Ee, filterIcon as Z } from "@progress/kendo-svg-icons";
 const b = (o) => {
-  const m = !Fe(be, { component: "ColumnMenu" }), f = e.useRef([]), {
+  const m = !ke(he, { component: "ColumnMenu" }), f = e.useRef([]), {
     field: t,
     filter: n,
     sort: u = f.current,
@@ -32,12 +32,12 @@ const b = (o) => {
     expandFilters: E = !1
   } = o, [d, q] = e.useState(!1), [M, N] = e.useState(E), [r, v] = e.useState(t && p ? p(t) : null), S = e.useRef(null), w = e.useRef(null), x = e.useRef(null), D = e.useRef(!1), g = e.useCallback(
     () => (n || []).find(
-      (l) => l.filters.every((i) => !pe(i) && i.field === t)
+      (l) => l.filters.every((i) => !Ce(i) && i.field === t)
     ),
     [n, t]
   ), C = e.useCallback(() => {
     q(!1);
-  }, []), Y = e.useCallback(() => {
+  }, []), $ = e.useCallback(() => {
     if (D.current) {
       D.current = !1;
       return;
@@ -45,20 +45,20 @@ const b = (o) => {
     clearTimeout(x.current), x.current = window.setTimeout(() => {
       C();
     });
-  }, [C]), Z = e.useCallback(() => clearTimeout(x.current), []), $ = e.useCallback(
+  }, [C]), ee = e.useCallback(() => clearTimeout(x.current), []), te = e.useCallback(
     (l) => {
       D.current = d && l.currentTarget === S.current;
     },
     [d]
-  ), ee = e.useCallback(() => {
+  ), ne = e.useCallback(() => {
     q(!d), t && p && (N(d ? !1 : E), v(d ? r : g() || p(t)));
   }, [g, t, d, r, p, E]);
   e.useEffect(() => {
     d && w.current && w.current.focus();
   }, [d]);
-  const te = e.useCallback(() => N(!M), [M]), h = e.useCallback(
+  const le = e.useCallback(() => N(!M), [M]), h = e.useCallback(
     (l, i) => {
-      const c = [...u], a = c.findIndex((fe) => fe.field === t), F = { field: t, dir: i };
+      const c = [...u], a = c.findIndex((me) => me.field === t), F = { field: t, dir: i };
       a >= 0 ? c[a].dir !== F.dir ? c.splice(a, 1, F) : c.splice(a, 1) : c.push(F), C(), s && s.call(void 0, l, c, t);
     },
     [u, t, s, C]
@@ -68,84 +68,84 @@ const b = (o) => {
       a.filters.splice(F, 1, i), v(a);
     },
     [r]
-  ), ne = e.useCallback(
+  ), oe = e.useCallback(
     (l) => {
       l.preventDefault();
       const i = (n || []).slice(), c = g(), a = c ? i.indexOf(c) : -1;
       a >= 0 ? i.splice(a, 1, r) : i.push(r), C(), k && k.call(void 0, l, i, t);
     },
     [n, r, t, k, C, g]
-  ), le = e.useCallback(
+  ), re = e.useCallback(
     (l) => {
       const i = (n || []).slice(), c = g(), a = c ? i.indexOf(c) : -1;
       a >= 0 && i.splice(a, 1), p && v(p(t)), C(), k && k.call(void 0, l, i, t);
     },
     [n, t, k, p, C, g]
-  ), oe = e.useCallback(
+  ), ie = e.useCallback(
     (l) => h(l, "asc"),
     [h]
-  ), re = e.useCallback(
+  ), se = e.useCallback(
     (l) => h(l, "desc"),
     [h]
-  ), ie = e.useCallback(
+  ), ce = e.useCallback(
     (l) => r && v({ ...r, logic: l.value.logic }),
     [r]
-  ), W = u.find((l) => l.field === t) || { dir: "" }, [z, P, _] = T, I = Ce(), se = y || L ? /* @__PURE__ */ e.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" }, y && /* @__PURE__ */ e.createElement(
+  ), W = u.find((l) => l.field === t) || { dir: "" }, [z, P, _] = T, I = de(), ae = y || L ? /* @__PURE__ */ e.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" }, y && /* @__PURE__ */ e.createElement(
     R,
     {
       title: I.toLanguageString(
-        Q,
-        A[Q]
+        V,
+        A[V]
       ),
       iconClass: "k-i-sort-asc-small",
-      svgIcon: Ee,
+      svgIcon: be,
       selected: W.dir === "asc",
-      onClick: oe
+      onClick: ie
     }
   ), L && /* @__PURE__ */ e.createElement(
     R,
     {
       title: I.toLanguageString(
-        U,
-        A[U]
+        X,
+        A[X]
       ),
       iconClass: "k-i-sort-desc-small",
-      svgIcon: Me,
+      svgIcon: Ee,
       selected: W.dir === "desc",
-      onClick: re
+      onClick: se
     }
-  )) : null, ce = r && T.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-columnmenu-item-wrapper", key: "filtering" }, /* @__PURE__ */ e.createElement(
+  )) : null, ue = r && T.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: "k-columnmenu-item-wrapper", key: "filtering" }, /* @__PURE__ */ e.createElement(
     R,
     {
       iconClass: "k-i-filter",
-      svgIcon: X,
-      title: I.toLanguageString(V, A[V]),
-      onClick: te
+      svgIcon: Z,
+      title: I.toLanguageString(Y, A[Y]),
+      onClick: le
     }
-  ), /* @__PURE__ */ e.createElement(ke, { show: M, onSubmit: ne, onReset: le }, z && /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(ge, { show: M, onSubmit: oe, onReset: re }, z && /* @__PURE__ */ e.createElement(
     z,
     {
       filter: r.filters[0],
       onFilterChange: O
     }
-  ), P && /* @__PURE__ */ e.createElement(P, { value: r.logic, onChange: ie }), _ && /* @__PURE__ */ e.createElement(
+  ), P && /* @__PURE__ */ e.createElement(P, { value: r.logic, onChange: ce }), _ && /* @__PURE__ */ e.createElement(
     _,
     {
       filter: r.filters[1],
       onFilterChange: O
     }
-  ))) : null, j = [se, ce], ae = /* @__PURE__ */ e.createElement(
+  ))) : null, j = [ae, ue], G = /* @__PURE__ */ e.createElement(
     "span",
     {
       ref: S,
-      onClick: ee,
-      onMouseDown: $,
+      onClick: ne,
+      onMouseDown: te,
       className: "k-grid-header-menu k-grid-column-menu" + (g() ? " k-active" : ""),
       key: "button"
     },
-    /* @__PURE__ */ e.createElement(ve, { name: "filter", icon: X })
-  ), ue = /* @__PURE__ */ e.createElement(de, { anchor: S.current, show: d, key: "popup", popupClass: "k-column-menu k-column-menu-popup" }, /* @__PURE__ */ e.createElement("div", { ref: w, tabIndex: 0, onBlur: Y, onFocus: Z, style: { outline: "none" } }, o.itemsRender ? o.itemsRender.call(void 0, j, { closeMenu: C, field: t }) : j)), me = m ? /* @__PURE__ */ e.createElement(he, null) : /* @__PURE__ */ e.createElement(e.Fragment, null), G = [ae, ue, me];
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, o.render ? o.render.call(void 0, G) : G);
+    /* @__PURE__ */ e.createElement(Fe, { name: "filter", icon: Z })
+  ), H = /* @__PURE__ */ e.createElement(fe, { anchor: S.current, show: d, key: "popup", popupClass: "k-column-menu k-column-menu-popup" }, /* @__PURE__ */ e.createElement("div", { ref: w, tabIndex: 0, onBlur: $, onFocus: ee, style: { outline: "none" } }, o.itemsRender ? o.itemsRender.call(void 0, j, { closeMenu: C, field: t }) : j)), J = m ? [G, H, /* @__PURE__ */ e.createElement(ve, null)] : [G, H];
+  return o.render ? o.render.call(void 0, J) : J;
 }, qe = (o) => {
   const { field: m, ...f } = o, t = e.useCallback(
     (s) => ({
@@ -156,7 +156,7 @@ const b = (o) => {
       ]
     }),
     []
-  ), n = !!o.field, u = n ? [H, B, H] : [];
+  ), n = !!o.field, u = n ? [K, B, K] : [];
   return /* @__PURE__ */ e.createElement(
     b,
     {
@@ -178,7 +178,7 @@ const b = (o) => {
       ]
     }),
     []
-  ), n = !!o.field, u = n ? [J, B, J] : [];
+  ), n = !!o.field, u = n ? [Q, B, Q] : [];
   return /* @__PURE__ */ e.createElement(
     b,
     {
@@ -200,7 +200,7 @@ const b = (o) => {
       ]
     }),
     []
-  ), n = !!o.field, u = n ? [K, B, K] : [];
+  ), n = !!o.field, u = n ? [U, B, U] : [];
   return /* @__PURE__ */ e.createElement(
     b,
     {
@@ -219,7 +219,7 @@ const b = (o) => {
       filters: [{ operator: "eq", field: s, value: !1 }]
     }),
     []
-  ), n = !!o.field, u = n ? [ge] : [];
+  ), n = !!o.field, u = n ? [pe] : [];
   return /* @__PURE__ */ e.createElement(
     b,
     {