@progress/kendo-react-data-tools 9.5.0 → 10.0.0-develop.2

package/columnmenu/ColumnMenu.js

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

package/columnmenu/ColumnMenu.mjs

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