@progress/kendo-react-grid 11.2.1-develop.1 → 11.3.0-develop.2

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: 1751449968,version:"11.2.1-develop.1",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: 1752558263,version:"11.3.0-develop.2",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: 1751449968,
-  version: "11.2.1-develop.1",
+  publishDate: 1752558263,
+  version: "11.3.0-develop.2",
   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": "11.2.1-develop.1",
+  "version": "11.3.0-develop.2",
   "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,20 +28,20 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.6.0",
-    "@progress/kendo-react-animation": "11.2.1-develop.1",
-    "@progress/kendo-react-buttons": "11.2.1-develop.1",
-    "@progress/kendo-react-common": "11.2.1-develop.1",
-    "@progress/kendo-react-data-tools": "11.2.1-develop.1",
-    "@progress/kendo-react-dateinputs": "11.2.1-develop.1",
-    "@progress/kendo-react-indicators": "11.2.1-develop.1",
-    "@progress/kendo-react-form": "11.2.1-develop.1",
-    "@progress/kendo-react-labels": "11.2.1-develop.1",
-    "@progress/kendo-react-dialogs": "11.2.1-develop.1",
-    "@progress/kendo-react-dropdowns": "11.2.1-develop.1",
-    "@progress/kendo-react-inputs": "11.2.1-develop.1",
-    "@progress/kendo-react-intl": "11.2.1-develop.1",
-    "@progress/kendo-react-popup": "11.2.1-develop.1",
-    "@progress/kendo-react-layout": "11.2.1-develop.1",
+    "@progress/kendo-react-animation": "11.3.0-develop.2",
+    "@progress/kendo-react-buttons": "11.3.0-develop.2",
+    "@progress/kendo-react-common": "11.3.0-develop.2",
+    "@progress/kendo-react-data-tools": "11.3.0-develop.2",
+    "@progress/kendo-react-dateinputs": "11.3.0-develop.2",
+    "@progress/kendo-react-indicators": "11.3.0-develop.2",
+    "@progress/kendo-react-form": "11.3.0-develop.2",
+    "@progress/kendo-react-labels": "11.3.0-develop.2",
+    "@progress/kendo-react-dialogs": "11.3.0-develop.2",
+    "@progress/kendo-react-dropdowns": "11.3.0-develop.2",
+    "@progress/kendo-react-inputs": "11.3.0-develop.2",
+    "@progress/kendo-react-intl": "11.3.0-develop.2",
+    "@progress/kendo-react-popup": "11.3.0-develop.2",
+    "@progress/kendo-react-layout": "11.3.0-develop.2",
     "@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"
@@ -145,7 +145,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1751449968,
+      "publishDate": 1752558263,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/rows/GridRow.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),a=require("@progress/kendo-react-common"),h=require("../constants/index.js"),v=require("../utils/GridContext.js");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const c=O(k),S=e=>{var R;const r=c.useContext(v.GridContext),{reorderRowDropTargetRef:n,reorderRowDragTargetRef:t,activeDragRowDataItemRef:g}=r,{rowType:i,isAltRow:b,isInEdit:f,isSelected:m}=e,s=a.useUnstyled(),y=s&&s.uGrid?s.uGrid:a.uGrid,D=a.classNames(y.tr({selected:m,isHeader:i==="groupHeader",isFooter:i==="groupFooter",isMaster:i!=="groupHeader"&&i!=="groupFooter",isAltRow:b,isInEdit:f})),l=c.useRef(null),x=o=>{if(e.isRowReorderable&&g.current){const T=o.originalEvent.target;n.current=T.closest(".k-table-row")}},I=()=>{t.current&&e.isRowReorderable&&(t.current.style.userSelect="")};a.useDroppable(l,{onDragOver:x,onDrop:I});const C={onClick:o=>r.rowClick(o,e.dataItem),onDoubleClick:o=>r.rowDblClick(o,e.dataItem)},u={ref:l,id:e.id,...C,className:D,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:(R=t==null?void 0:t.current)==null?void 0:R.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,[h.GRID_ROW_INDEX_ATTRIBUTE]:e.rowType==="data"?e.dataIndex:void 0},w=e.rowType||"data",d=e.rows;if(d&&d[w]){const o=d[w];return c.createElement(o,{key:e.absoluteRowIndex,...e,trProps:u},e.children)}return c.createElement("tr",{key:e.absoluteRowIndex,...u},e.children)};exports.GridRow=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),a=require("@progress/kendo-react-common"),v=require("../constants/index.js"),O=require("../utils/GridContext.js");function S(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const c=S(k),G=e=>{var w;const r=c.useContext(O.GridContext),{reorderRowDropTargetRef:n,reorderRowDragTargetRef:t,activeDragRowDataItemRef:R}=r,{rowType:i,isAltRow:b,isInEdit:f,isSelected:m,isHighlighted:y}=e,d=a.useUnstyled(),D=d&&d.uGrid?d.uGrid:a.uGrid,h=a.classNames(D.tr({selected:m,highlighted:y,isHeader:i==="groupHeader",isFooter:i==="groupFooter",isMaster:i!=="groupHeader"&&i!=="groupFooter",isAltRow:b,isInEdit:f})),s=c.useRef(null),x=o=>{if(e.isRowReorderable&&R.current){const T=o.originalEvent.target;n.current=T.closest(".k-table-row")}},I=()=>{t.current&&e.isRowReorderable&&(t.current.style.userSelect="")};a.useDroppable(s,{onDragOver:x,onDrop:I});const C={onClick:o=>r.rowClick(o,e.dataItem),onDoubleClick:o=>r.rowDblClick(o,e.dataItem)},u={ref:s,id:e.id,...C,className:h,style:{height:e.rowHeight?e.rowHeight+"px":"",visibility:e.isHidden?"hidden":"",userSelect:(w=t==null?void 0:t.current)==null?void 0:w.style.userSelect},role:"row","aria-rowindex":e.ariaRowIndex,"absolute-row-index":e.absoluteRowIndex,[v.GRID_ROW_INDEX_ATTRIBUTE]:e.rowType==="data"?e.dataIndex:void 0},g=e.rowType||"data",l=e.rows;if(l&&l[g]){const o=l[g];return c.createElement(o,{key:e.absoluteRowIndex,...e,trProps:u},e.children)}return c.createElement("tr",{key:e.absoluteRowIndex,...u},e.children)};exports.GridRow=G;

package/rows/GridRow.mjs

@@ -6,27 +6,28 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { useUnstyled as b, uGrid as h, classNames as C, useDroppable as T } from "@progress/kendo-react-common";
-import { GRID_ROW_INDEX_ATTRIBUTE as k } from "../constants/index.mjs";
-import { GridContext as v } from "../utils/GridContext.mjs";
-const F = (e) => {
+import * as i from "react";
+import { useUnstyled as b, uGrid as C, classNames as T, useDroppable as k } from "@progress/kendo-react-common";
+import { GRID_ROW_INDEX_ATTRIBUTE as v } from "../constants/index.mjs";
+import { GridContext as H } from "../utils/GridContext.mjs";
+const N = (e) => {
   var u;
-  const n = a.useContext(v), {
+  const a = i.useContext(H), {
     reorderRowDropTargetRef: w,
     reorderRowDragTargetRef: r,
     activeDragRowDataItemRef: R
-  } = n, { rowType: o, isAltRow: g, isInEdit: m, isSelected: D } = e, i = b(), f = i && i.uGrid ? i.uGrid : h, I = C(
+  } = a, { rowType: o, isAltRow: g, isInEdit: m, isSelected: h, isHighlighted: D } = e, n = b(), f = n && n.uGrid ? n.uGrid : C, I = T(
     f.tr({
-      selected: D,
+      selected: h,
+      highlighted: D,
       isHeader: o === "groupHeader",
       isFooter: o === "groupFooter",
       isMaster: o !== "groupHeader" && o !== "groupFooter",
       isAltRow: g,
       isInEdit: m
     })
-  ), c = a.useRef(null);
-  T(c, {
+  ), l = i.useRef(null);
+  k(l, {
     onDragOver: (t) => {
       if (e.isRowReorderable && R.current) {
         const y = t.originalEvent.target;
@@ -38,10 +39,10 @@ const F = (e) => {
     }
   });
   const x = {
-    onClick: (t) => n.rowClick(t, e.dataItem),
-    onDoubleClick: (t) => n.rowDblClick(t, e.dataItem)
-  }, l = {
-    ref: c,
+    onClick: (t) => a.rowClick(t, e.dataItem),
+    onDoubleClick: (t) => a.rowDblClick(t, e.dataItem)
+  }, c = {
+    ref: l,
     id: e.id,
     ...x,
     className: I,
@@ -53,14 +54,14 @@ const F = (e) => {
     role: "row",
     "aria-rowindex": e.ariaRowIndex,
     "absolute-row-index": e.absoluteRowIndex,
-    [k]: e.rowType === "data" ? e.dataIndex : void 0
+    [v]: e.rowType === "data" ? e.dataIndex : void 0
   }, s = e.rowType || "data", d = e.rows;
   if (d && d[s]) {
     const t = d[s];
-    return /* @__PURE__ */ a.createElement(t, { key: e.absoluteRowIndex, ...e, trProps: l }, e.children);
+    return /* @__PURE__ */ i.createElement(t, { key: e.absoluteRowIndex, ...e, trProps: c }, e.children);
   }
-  return /* @__PURE__ */ a.createElement("tr", { key: e.absoluteRowIndex, ...l }, e.children);
+  return /* @__PURE__ */ i.createElement("tr", { key: e.absoluteRowIndex, ...c }, e.children);
 };
 export {
-  F as GridRow
+  N as GridRow
 };

package/toolbar-tools/GridToolbarFilter.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 qe=require("react"),Oe=require("react-dom"),b=require("@progress/kendo-react-common"),Ae=require("../columnMenu/GridColumnMenuItem.js"),Pe=require("../columnMenu/GridColumnMenuItemContent.js"),Ne=require("../columnMenu/GridColumnMenuItemGroup.js"),Le=require("../utils/GridContext.js"),L=require("@progress/kendo-svg-icons"),d=require("../filterCommon.js"),I=require("@progress/kendo-react-buttons"),Ue=require("../columnMenu/GridColumnMenuFilterUI.js"),u=require("../messages/index.js"),Ve=require("@progress/kendo-react-intl"),C=require("../columnMenu/GridColumnMenuFilter.js"),_e=require("@progress/kendo-react-popup"),fe=require("@progress/kendo-react-indicators"),je=require("./adaptiveContext/GridToolbarAdaptiveContext.js"),ze=require("./adaptiveContent/GridAdaptiveToolbarFilter.js");function Ke(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const m in i)if(m!=="default"){const g=Object.getOwnPropertyDescriptor(i,m);Object.defineProperty(l,m,g.get?g:{enumerable:!0,get:()=>i[m]})}}return l.default=i,Object.freeze(l)}const t=Ke(qe),de=i=>{var te,re,oe,le,ne,ie,ae;const l=t.useContext(Le.GridContext),m=l.columnsRef;l.filterable;const g=l.defaultFilter,[y,E]=t.useState(!1),[me,k]=t.useState(!1),[F,S]=t.useState((m==null?void 0:m.map(e=>({column:e,expanded:!1})))||[]),[ge,U]=t.useState(!1),h=t.useRef(null),D=t.useRef(null),V=t.useRef(null),B=t.useRef(0),r=t.useRef(null),p=Ve.useLocalization(),pe=b.useDocument(h),_=t.useMemo(()=>(m==null?void 0:m.filter(e=>{var o;return(o=e.title||e.field)==null?void 0:o.toLowerCase()}))||[],[m]);t.useEffect(()=>{g&&k(!0)},[g]);const j=t.useCallback(e=>{const o=g&&g.filters.some(a=>a.field===e.field);return t.createElement(t.Fragment,null,e.title||e.field,o&&t.createElement("span",{className:"k-columnmenu-indicators"},t.createElement(b.SvgIcon,{key:1,icon:L.filterIcon})))},[g]),z=(e,o)=>{S(a=>(r.current=o,a.map(n=>n.column.field===o.field?{...n,expanded:!n.expanded}:{...n,expanded:!1}))),w(K()),U(!ge)},K=()=>{var o,a,n,c,se,ce;let e;if(r!=null&&r.current&&((o=r==null?void 0:r.current)!=null&&o.field)){const Te=d.getFilterType((a=r==null?void 0:r.current)==null?void 0:a.filter),v=d.getDefaultOperator(l.filterOperators,Te);e=C.filterGroupByField((n=r==null?void 0:r.current)==null?void 0:n.field,l.filter),e=e?{...e,filters:e.filters.map(N=>({...N}))}:{logic:"and",filters:[{field:(c=r==null?void 0:r.current)==null?void 0:c.field,operator:v,value:d.IsUnaryFilter(v)?null:void 0},{field:(se=r==null?void 0:r.current)==null?void 0:se.field,operator:v,value:d.IsUnaryFilter(v)?null:void 0}]},e.filters.filter(N=>{var ue;return N.field===((ue=r==null?void 0:r.current)==null?void 0:ue.field)}).length===1&&e.filters.splice(1,0,{field:(ce=r==null?void 0:r.current)==null?void 0:ce.field,operator:v})}return e},Fe=e=>{H(0,e)},he=e=>{H(1,e)},H=(e,o)=>{const a=f.filters.map((n,c)=>c===e?{...n,value:o.value||"",operator:o.operator||G[c].operator}:n);w({...f,filters:a})},[f,w]=t.useState(K()),s=f==null?void 0:f.filters,M=d.getFilterType((te=r==null?void 0:r.current)==null?void 0:te.filter),G=d.operatorMap(l.filterOperators[M],p),J=d.operatorMap(d.booleanFilterValues,p),ve={field:(re=r==null?void 0:r.current)==null?void 0:re.field,value:s==null?void 0:s[0].value,operator:s==null?void 0:s[0].operator,operators:G,booleanValues:J,onChange:Fe,filterType:M},be={field:(oe=r==null?void 0:r.current)==null?void 0:oe.field,value:s==null?void 0:s[1].value,operator:s==null?void 0:s[1].operator,operators:G,booleanValues:J,onChange:he,filterType:M},Ce=e=>{let o=e.target.value;e.target.tagName==="SPAN"&&(o=e.target.parentElement.value),w({...f,logic:o})},Q=f==null?void 0:f.logic,W=d.operatorMap(d.filterLogicList,p),T={value:W.find(e=>e.operator===(Q===null?"":Q)),onChange:Ce,data:W},Ee=i.hideSecondFilter!==void 0?i.hideSecondFilter:d.defaultHideSecondFilter[M],q=i.filterUI,O={firstFilterProps:ve,secondFilterProps:be,logicData:T.data,logicValue:T.value,onLogicChange:T.onChange,hideSecondFilter:Ee},X=()=>({...f,filters:f==null?void 0:f.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}),A=((ne=(le=X())==null?void 0:le.filters)==null?void 0:ne.length)!==0||d.IsUnaryFilter(s==null?void 0:s[0].operator)||d.IsUnaryFilter(s==null?void 0:s[1].operator),Y=e=>{if(e.preventDefault(),!l.filterChange)return;const o=C.rootFilterOrDefault(l.filter),a={...o,filters:o.filters.filter(n=>{var c;return n.field!==((c=r==null?void 0:r.current)==null?void 0:c.field)})};A&&a.filters.push(X()),l.filterChange(a,e),k(!0),E(!1)},Z=e=>{if(e.preventDefault(),!l.filterChange)return;const o=C.rootFilterOrDefault(l.filter),a=o.filters.filter(n=>{var c;return n.field!==((c=r==null?void 0:r.current)==null?void 0:c.field)});a.length===0?l.filterChange(null,e):l.filterChange({...o,filters:a},e),i.onCloseMenu&&i.onCloseMenu(),k(!1),S(n=>n.map(c=>({...c,expanded:!1})))},ke=()=>{U(!1)},Me=e=>{e.preventDefault(),E(!y)},Ie=e=>{!e.isAnchorClicked&&E(!1)},P=t.useMemo(()=>i.show!==void 0?i.show:y,[i.show,y]),ye=e=>{const o=b.getActiveElement(document);clearTimeout(B.current),B.current=window.setTimeout(()=>{!l.mobileMode&&o&&e.relatedTarget!==h.current&&D.current&&!D.current.contains(o)&&$()})},$=()=>{var e;i.onCloseMenu&&i.onCloseMenu(),E(!1),h.current&&((e=h.current.element)==null||e.focus())},Se=()=>{clearTimeout(B.current)},{onFocus:De,onBlur:Be}=b.useAsyncFocusBlur({onFocus:e=>Se(),onBlur:e=>ye(e)}),we=e=>{var o;(o=V.current)==null||o.triggerMouseEvent(e)},Ge=e=>{var o;(o=V.current)==null||o.triggerKeyboardEvent(e)},x=t.useCallback(e=>{if(e.preventDefault(),!l.filterChange)return;const o=C.rootFilterOrDefault(l.filter),a=o.filters.filter(()=>!1);a.length===0?l.filterChange(null,e):l.filterChange({...o,filters:a},e),k(!1),S(n=>n.map(c=>({...c,expanded:!1})))},[l,C.rootFilterOrDefault]),R=t.createElement(I.Button,{ref:h,togglable:!0,selected:P,svgIcon:i.svgIcon?i.svgIcon:i.icon?void 0:L.filterIcon,icon:i.icon,size:l.mobileMode?"large":"medium",className:b.classNames("k-toolbar-button",{"k-icon-button":l.mobileMode}),title:p.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter]),onClick:Me},!l.mobileMode&&p.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter])),ee=t.createElement(t.Fragment,null,_.map(e=>{var o,a;return e.filterable&&t.createElement(Ne.GridColumnMenuItemGroup,{key:e.id},t.createElement("div",{className:"k-expander"},t.createElement(Ae.GridColumnMenuItem,{title:j(e),expandable:!0,expanded:!!((o=F==null?void 0:F.find(n=>n.column.field===e.field))!=null&&o.expanded),onClick:n=>z(n,e)})),t.createElement(Pe.GridColumnMenuItemContent,{show:!!((a=F==null?void 0:F.find(n=>n.column.field===e.field))!=null&&a.expanded)},t.createElement("form",{className:"k-filter-menu",onSubmit:Y,onReset:Z},t.createElement("div",{className:"k-filter-menu-container"},q?t.createElement(q,{...O}):t.createElement(Ue.GridColumnMenuFilterUI,{...O}),t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(I.Button,{themeColor:"primary",disabled:!A},p.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),t.createElement(I.Button,{type:"reset"},p.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))}),t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(I.Button,{svgIcon:L.filterClearIcon,onClick:x},p.toLanguageString(u.filterClearAllButton,u.messages[u.filterClearAllButton]))));return t.createElement(t.Fragment,null,me?t.createElement(fe.BadgeContainer,null,R,t.createElement(fe.Badge,{themeColor:"primary"})):R,l.mobileMode?t.createElement(je.GridToolbarAdaptiveProvider,null,Oe.createPortal(t.createElement(ze.GridAdaptiveToolbarFilter,{filtered:_,computedShow:P,expandState:F,FilterUI:q,filterUIProps:O,isFilterValid:A,renderTitle:j,onBackView:ke,clear:Z,submit:Y,onClose:$,onFilterExpand:z,handleClearAllFilters:x},ee),(ie=pe())==null?void 0:ie.body)):t.createElement(_e.Popup,{anchor:(ae=h.current)==null?void 0:ae.element,show:P,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:Ie},t.createElement("div",{ref:D,onBlur:Be,onFocus:De,onMouseDown:we,onKeyDown:Ge,className:"k-column-menu k-column-menu-md"},ee)))};de.displayName="KendoReactGridToolbarFilter";exports.GridToolbarFilter=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Oe=require("react"),Ae=require("react-dom"),E=require("@progress/kendo-react-common"),Pe=require("../columnMenu/GridColumnMenuItem.js"),Ne=require("../columnMenu/GridColumnMenuItemContent.js"),Le=require("../columnMenu/GridColumnMenuItemGroup.js"),Ue=require("../utils/GridContext.js"),U=require("@progress/kendo-svg-icons"),d=require("../filterCommon.js"),y=require("@progress/kendo-react-buttons"),Ve=require("../columnMenu/GridColumnMenuFilterUI.js"),u=require("../messages/index.js"),_e=require("@progress/kendo-react-intl"),k=require("../columnMenu/GridColumnMenuFilter.js"),je=require("@progress/kendo-react-popup"),de=require("@progress/kendo-react-indicators"),ze=require("./adaptiveContext/GridToolbarAdaptiveContext.js"),Ke=require("./adaptiveContent/GridAdaptiveToolbarFilter.js");function He(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const m in i)if(m!=="default"){const h=Object.getOwnPropertyDescriptor(i,m);Object.defineProperty(l,m,h.get?h:{enumerable:!0,get:()=>i[m]})}}return l.default=i,Object.freeze(l)}const t=He(Oe),me=i=>{var re,oe,le,ne,ie,ae,se;const l=t.useContext(Ue.GridContext),m=l.columnsRef,h=l.filter,v=l.defaultFilter,[S,M]=t.useState(!1),[ge,b]=t.useState(!1),[p,D]=t.useState((m==null?void 0:m.map(e=>({column:e,expanded:!1})))||[]),[pe,V]=t.useState(!1),F=t.useRef(null),B=t.useRef(null),_=t.useRef(null),w=t.useRef(0),r=t.useRef(null),g=_e.useLocalization(),Fe=E.useDocument(F),j=t.useMemo(()=>(m==null?void 0:m.filter(e=>{var o;return(o=e.title||e.field)==null?void 0:o.toLowerCase()}))||[],[m]);t.useEffect(()=>{b(!!(v||h))},[v,h]);const z=t.useCallback(e=>{const o=v&&v.filters.some(a=>a.field===e.field);return t.createElement(t.Fragment,null,e.title||e.field,o&&t.createElement("span",{className:"k-columnmenu-indicators"},t.createElement(E.SvgIcon,{key:1,icon:U.filterIcon})))},[v]),K=(e,o)=>{D(a=>(r.current=o,a.map(n=>n.column.field===o.field?{...n,expanded:!n.expanded}:{...n,expanded:!1}))),G(H()),V(!pe)},H=()=>{var o,a,n,c,ce,ue;let e;if(r!=null&&r.current&&((o=r==null?void 0:r.current)!=null&&o.field)){const qe=d.getFilterType((a=r==null?void 0:r.current)==null?void 0:a.filter),C=d.getDefaultOperator(l.filterOperators,qe);e=k.filterGroupByField((n=r==null?void 0:r.current)==null?void 0:n.field,l.filter),e=e?{...e,filters:e.filters.map(L=>({...L}))}:{logic:"and",filters:[{field:(c=r==null?void 0:r.current)==null?void 0:c.field,operator:C,value:d.IsUnaryFilter(C)?null:void 0},{field:(ce=r==null?void 0:r.current)==null?void 0:ce.field,operator:C,value:d.IsUnaryFilter(C)?null:void 0}]},e.filters.filter(L=>{var fe;return L.field===((fe=r==null?void 0:r.current)==null?void 0:fe.field)}).length===1&&e.filters.splice(1,0,{field:(ue=r==null?void 0:r.current)==null?void 0:ue.field,operator:C})}return e},he=e=>{J(0,e)},ve=e=>{J(1,e)},J=(e,o)=>{const a=f.filters.map((n,c)=>c===e?{...n,value:o.value||"",operator:o.operator||T[c].operator}:n);G({...f,filters:a})},[f,G]=t.useState(H()),s=f==null?void 0:f.filters,I=d.getFilterType((re=r==null?void 0:r.current)==null?void 0:re.filter),T=d.operatorMap(l.filterOperators[I],g),Q=d.operatorMap(d.booleanFilterValues,g),be={field:(oe=r==null?void 0:r.current)==null?void 0:oe.field,value:s==null?void 0:s[0].value,operator:s==null?void 0:s[0].operator,operators:T,booleanValues:Q,onChange:he,filterType:I},Ce={field:(le=r==null?void 0:r.current)==null?void 0:le.field,value:s==null?void 0:s[1].value,operator:s==null?void 0:s[1].operator,operators:T,booleanValues:Q,onChange:ve,filterType:I},Ee=e=>{let o=e.target.value;e.target.tagName==="SPAN"&&(o=e.target.parentElement.value),G({...f,logic:o})},W=f==null?void 0:f.logic,X=d.operatorMap(d.filterLogicList,g),q={value:X.find(e=>e.operator===(W===null?"":W)),onChange:Ee,data:X},ke=i.hideSecondFilter!==void 0?i.hideSecondFilter:d.defaultHideSecondFilter[I],O=i.filterUI,A={firstFilterProps:be,secondFilterProps:Ce,logicData:q.data,logicValue:q.value,onLogicChange:q.onChange,hideSecondFilter:ke},Y=()=>({...f,filters:f==null?void 0:f.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}),P=((ie=(ne=Y())==null?void 0:ne.filters)==null?void 0:ie.length)!==0||d.IsUnaryFilter(s==null?void 0:s[0].operator)||d.IsUnaryFilter(s==null?void 0:s[1].operator),Z=e=>{if(e.preventDefault(),!l.filterChange)return;const o=k.rootFilterOrDefault(l.filter),a={...o,filters:o.filters.filter(n=>{var c;return n.field!==((c=r==null?void 0:r.current)==null?void 0:c.field)})};P&&a.filters.push(Y()),l.filterChange(a,e),b(!0),M(!1)},$=e=>{if(e.preventDefault(),!l.filterChange)return;const o=k.rootFilterOrDefault(l.filter),a=o.filters.filter(n=>{var c;return n.field!==((c=r==null?void 0:r.current)==null?void 0:c.field)});a.length===0?l.filterChange(null,e):l.filterChange({...o,filters:a},e),i.onCloseMenu&&i.onCloseMenu(),b(!1),D(n=>n.map(c=>({...c,expanded:!1})))},Me=()=>{V(!1)},Ie=e=>{e.preventDefault(),M(!S)},ye=e=>{!e.isAnchorClicked&&M(!1)},N=t.useMemo(()=>i.show!==void 0?i.show:S,[i.show,S]),Se=e=>{const o=E.getActiveElement(document);clearTimeout(w.current),w.current=window.setTimeout(()=>{!l.mobileMode&&o&&e.relatedTarget!==F.current&&B.current&&!B.current.contains(o)&&x()})},x=()=>{var e;i.onCloseMenu&&i.onCloseMenu(),M(!1),F.current&&((e=F.current.element)==null||e.focus())},De=()=>{clearTimeout(w.current)},{onFocus:Be,onBlur:we}=E.useAsyncFocusBlur({onFocus:e=>De(),onBlur:e=>Se(e)}),Ge=e=>{var o;(o=_.current)==null||o.triggerMouseEvent(e)},Te=e=>{var o;(o=_.current)==null||o.triggerKeyboardEvent(e)},R=t.useCallback(e=>{if(e.preventDefault(),!l.filterChange)return;const o=k.rootFilterOrDefault(l.filter),a=o.filters.filter(()=>!1);a.length===0?l.filterChange(null,e):l.filterChange({...o,filters:a},e),b(!1),D(n=>n.map(c=>({...c,expanded:!1})))},[l,k.rootFilterOrDefault]),ee=t.createElement(y.Button,{ref:F,togglable:!0,selected:N,svgIcon:i.svgIcon?i.svgIcon:i.icon?void 0:U.filterIcon,icon:i.icon,size:l.mobileMode?"large":"medium",className:E.classNames("k-toolbar-button",{"k-icon-button":l.mobileMode}),title:g.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter]),onClick:Ie},!l.mobileMode&&g.toLanguageString(u.toolbarFilter,u.messages[u.toolbarFilter])),te=t.createElement(t.Fragment,null,j.map(e=>{var o,a;return e.filterable&&t.createElement(Le.GridColumnMenuItemGroup,{key:e.id},t.createElement("div",{className:"k-expander"},t.createElement(Pe.GridColumnMenuItem,{title:z(e),expandable:!0,expanded:!!((o=p==null?void 0:p.find(n=>n.column.field===e.field))!=null&&o.expanded),onClick:n=>K(n,e)})),t.createElement(Ne.GridColumnMenuItemContent,{show:!!((a=p==null?void 0:p.find(n=>n.column.field===e.field))!=null&&a.expanded)},t.createElement("form",{className:"k-filter-menu",onSubmit:Z,onReset:$},t.createElement("div",{className:"k-filter-menu-container"},O?t.createElement(O,{...A}):t.createElement(Ve.GridColumnMenuFilterUI,{...A}),t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(y.Button,{themeColor:"primary",disabled:!P},g.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),t.createElement(y.Button,{type:"reset"},g.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))}),t.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},t.createElement(y.Button,{svgIcon:U.filterClearIcon,onClick:R},g.toLanguageString(u.filterClearAllButton,u.messages[u.filterClearAllButton]))));return t.createElement(t.Fragment,null,ge?t.createElement(de.BadgeContainer,null,ee,t.createElement(de.Badge,{themeColor:"primary"})):ee,l.mobileMode?t.createElement(ze.GridToolbarAdaptiveProvider,null,Ae.createPortal(t.createElement(Ke.GridAdaptiveToolbarFilter,{filtered:j,computedShow:N,expandState:p,FilterUI:O,filterUIProps:A,isFilterValid:P,renderTitle:z,onBackView:Me,clear:$,submit:Z,onClose:x,onFilterExpand:K,handleClearAllFilters:R},te),(ae=Fe())==null?void 0:ae.body)):t.createElement(je.Popup,{anchor:(se=F.current)==null?void 0:se.element,show:N,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:ye},t.createElement("div",{ref:B,onBlur:we,onFocus:Be,onMouseDown:Ge,onKeyDown:Te,className:"k-column-menu k-column-menu-md"},te)))};me.displayName="KendoReactGridToolbarFilter";exports.GridToolbarFilter=me;

package/toolbar-tools/GridToolbarFilter.mjs

@@ -6,30 +6,28 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import Ge from "react-dom";
-import { useDocument as Oe, SvgIcon as Ve, useAsyncFocusBlur as Ue, classNames as ze, getActiveElement as Ke } from "@progress/kendo-react-common";
-import { GridColumnMenuItem as _e } from "../columnMenu/GridColumnMenuItem.mjs";
-import { GridColumnMenuItemContent as He } from "../columnMenu/GridColumnMenuItemContent.mjs";
-import { GridColumnMenuItemGroup as je } from "../columnMenu/GridColumnMenuItemGroup.mjs";
-import { GridContext as qe } from "../utils/GridContext.mjs";
-import { filterIcon as fe, filterClearIcon as Je } from "@progress/kendo-svg-icons";
-import { getFilterType as me, operatorMap as V, defaultHideSecondFilter as Qe, IsUnaryFilter as C, getDefaultOperator as We, booleanFilterValues as Xe, filterLogicList as Ye } from "../filterCommon.mjs";
+import Oe from "react-dom";
+import { useDocument as Ve, SvgIcon as Ue, useAsyncFocusBlur as ze, classNames as Ke, getActiveElement as _e } from "@progress/kendo-react-common";
+import { GridColumnMenuItem as He } from "../columnMenu/GridColumnMenuItem.mjs";
+import { GridColumnMenuItemContent as je } from "../columnMenu/GridColumnMenuItemContent.mjs";
+import { GridColumnMenuItemGroup as qe } from "../columnMenu/GridColumnMenuItemGroup.mjs";
+import { GridContext as Je } from "../utils/GridContext.mjs";
+import { filterIcon as me, filterClearIcon as Qe } from "@progress/kendo-svg-icons";
+import { getFilterType as de, operatorMap as V, defaultHideSecondFilter as We, IsUnaryFilter as b, getDefaultOperator as Xe, booleanFilterValues as Ye, filterLogicList as Ze } from "../filterCommon.mjs";
 import { Button as k } from "@progress/kendo-react-buttons";
-import { GridColumnMenuFilterUI as Ze } from "../columnMenu/GridColumnMenuFilterUI.mjs";
-import { toolbarFilter as M, messages as v, filterSubmitButton as de, filterClearButton as ge, filterClearAllButton as pe } from "../messages/index.mjs";
-import { useLocalization as $e } from "@progress/kendo-react-intl";
-import { rootFilterOrDefault as w, filterGroupByField as xe } from "../columnMenu/GridColumnMenuFilter.mjs";
-import { Popup as Re } from "@progress/kendo-react-popup";
-import { BadgeContainer as et, Badge as tt } from "@progress/kendo-react-indicators";
-import { GridToolbarAdaptiveProvider as rt } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
-import { GridAdaptiveToolbarFilter as ot } from "./adaptiveContent/GridAdaptiveToolbarFilter.mjs";
-const lt = (c) => {
-  var te, re, oe, le, ne, ie, ae;
-  const n = t.useContext(qe), m = n.columnsRef;
-  n.filterable;
-  const p = n.defaultFilter, [S, F] = t.useState(!1), [he, E] = t.useState(!1), [d, D] = t.useState(
+import { GridColumnMenuFilterUI as $e } from "../columnMenu/GridColumnMenuFilterUI.mjs";
+import { toolbarFilter as M, messages as F, filterSubmitButton as ge, filterClearButton as pe, filterClearAllButton as he } from "../messages/index.mjs";
+import { useLocalization as xe } from "@progress/kendo-react-intl";
+import { rootFilterOrDefault as w, filterGroupByField as Re } from "../columnMenu/GridColumnMenuFilter.mjs";
+import { Popup as et } from "@progress/kendo-react-popup";
+import { BadgeContainer as tt, Badge as rt } from "@progress/kendo-react-indicators";
+import { GridToolbarAdaptiveProvider as ot } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { GridAdaptiveToolbarFilter as lt } from "./adaptiveContent/GridAdaptiveToolbarFilter.mjs";
+const nt = (c) => {
+  var re, oe, le, ne, ie, ae, se;
+  const n = t.useContext(Je), m = n.columnsRef, U = n.filter, p = n.defaultFilter, [S, E] = t.useState(!1), [ve, h] = t.useState(!1), [d, D] = t.useState(
     (m == null ? void 0 : m.map((e) => ({ column: e, expanded: !1 }))) || []
-  ), [ve, U] = t.useState(!1), g = t.useRef(null), y = t.useRef(null), z = t.useRef(null), I = t.useRef(0), r = t.useRef(null), f = $e(), Fe = Oe(g), K = t.useMemo(
+  ), [Fe, z] = t.useState(!1), g = t.useRef(null), y = t.useRef(null), K = t.useRef(null), I = t.useRef(0), r = t.useRef(null), f = xe(), Ee = Ve(g), _ = t.useMemo(
     () => (m == null ? void 0 : m.filter((e) => {
       var o;
       return (o = e.title || e.field) == null ? void 0 : o.toLowerCase();
@@ -37,22 +35,22 @@ const lt = (c) => {
     [m]
   );
   t.useEffect(() => {
-    p && E(!0);
-  }, [p]);
-  const _ = t.useCallback(
+    h(!!(p || U));
+  }, [p, U]);
+  const H = t.useCallback(
     (e) => {
       const o = p && p.filters.some((i) => i.field === e.field);
-      return /* @__PURE__ */ t.createElement(t.Fragment, null, e.title || e.field, o && /* @__PURE__ */ t.createElement("span", { className: "k-columnmenu-indicators" }, /* @__PURE__ */ t.createElement(Ve, { key: 1, icon: fe })));
+      return /* @__PURE__ */ t.createElement(t.Fragment, null, e.title || e.field, o && /* @__PURE__ */ t.createElement("span", { className: "k-columnmenu-indicators" }, /* @__PURE__ */ t.createElement(Ue, { key: 1, icon: me })));
     },
     [p]
-  ), H = (e, o) => {
-    D((i) => (r.current = o, i.map((l) => l.column.field === o.field ? { ...l, expanded: !l.expanded } : { ...l, expanded: !1 }))), B(j()), U(!ve);
-  }, j = () => {
-    var o, i, l, s, se, ce;
+  ), j = (e, o) => {
+    D((i) => (r.current = o, i.map((l) => l.column.field === o.field ? { ...l, expanded: !l.expanded } : { ...l, expanded: !1 }))), B(q()), z(!Fe);
+  }, q = () => {
+    var o, i, l, s, ce, ue;
     let e;
     if (r != null && r.current && ((o = r == null ? void 0 : r.current) != null && o.field)) {
-      const Pe = me((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), h = We(n.filterOperators, Pe);
-      e = xe((l = r == null ? void 0 : r.current) == null ? void 0 : l.field, n.filter), e = e ? {
+      const Ge = de((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), v = Xe(n.filterOperators, Ge);
+      e = Re((l = r == null ? void 0 : r.current) == null ? void 0 : l.field, n.filter), e = e ? {
         ...e,
         filters: e.filters.map((O) => ({ ...O }))
       } : {
@@ -60,29 +58,29 @@ const lt = (c) => {
         filters: [
           {
             field: (s = r == null ? void 0 : r.current) == null ? void 0 : s.field,
-            operator: h,
-            value: C(h) ? null : void 0
+            operator: v,
+            value: b(v) ? null : void 0
           },
           {
-            field: (se = r == null ? void 0 : r.current) == null ? void 0 : se.field,
-            operator: h,
-            value: C(h) ? null : void 0
+            field: (ce = r == null ? void 0 : r.current) == null ? void 0 : ce.field,
+            operator: v,
+            value: b(v) ? null : void 0
           }
         ]
       }, e.filters.filter((O) => {
-        var ue;
-        return O.field === ((ue = r == null ? void 0 : r.current) == null ? void 0 : ue.field);
+        var fe;
+        return O.field === ((fe = r == null ? void 0 : r.current) == null ? void 0 : fe.field);
       }).length === 1 && e.filters.splice(1, 0, {
-        field: (ce = r == null ? void 0 : r.current) == null ? void 0 : ce.field,
-        operator: h
+        field: (ue = r == null ? void 0 : r.current) == null ? void 0 : ue.field,
+        operator: v
       });
     }
     return e;
-  }, Ee = (e) => {
-    q(0, e);
+  }, Ce = (e) => {
+    J(0, e);
   }, be = (e) => {
-    q(1, e);
-  }, q = (e, o) => {
+    J(1, e);
+  }, J = (e, o) => {
     const i = u.filters.map((l, s) => s === e ? {
       ...l,
       value: o.value || "",
@@ -92,40 +90,40 @@ const lt = (c) => {
       ...u,
       filters: i
     });
-  }, [u, B] = t.useState(j()), a = u == null ? void 0 : u.filters, b = me((te = r == null ? void 0 : r.current) == null ? void 0 : te.filter), A = V(n.filterOperators[b], f), J = V(Xe, f), Ce = {
-    field: (re = r == null ? void 0 : r.current) == null ? void 0 : re.field,
+  }, [u, B] = t.useState(q()), a = u == null ? void 0 : u.filters, C = de((re = r == null ? void 0 : r.current) == null ? void 0 : re.filter), A = V(n.filterOperators[C], f), Q = V(Ye, f), ke = {
+    field: (oe = r == null ? void 0 : r.current) == null ? void 0 : oe.field,
     value: a == null ? void 0 : a[0].value,
     operator: a == null ? void 0 : a[0].operator,
     operators: A,
-    booleanValues: J,
-    onChange: Ee,
-    filterType: b
-  }, ke = {
-    field: (oe = r == null ? void 0 : r.current) == null ? void 0 : oe.field,
+    booleanValues: Q,
+    onChange: Ce,
+    filterType: C
+  }, Me = {
+    field: (le = r == null ? void 0 : r.current) == null ? void 0 : le.field,
     value: a == null ? void 0 : a[1].value,
     operator: a == null ? void 0 : a[1].operator,
     operators: A,
-    booleanValues: J,
+    booleanValues: Q,
     onChange: be,
-    filterType: b
-  }, Me = (e) => {
+    filterType: C
+  }, we = (e) => {
     let o = e.target.value;
     e.target.tagName === "SPAN" && (o = e.target.parentElement.value), B({ ...u, logic: o });
-  }, Q = u == null ? void 0 : u.logic, W = V(Ye, f), T = {
-    value: W.find((e) => e.operator === (Q === null ? "" : Q)),
-    onChange: Me,
-    data: W
-  }, we = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : Qe[b], N = c.filterUI, L = {
-    firstFilterProps: Ce,
-    secondFilterProps: ke,
+  }, W = u == null ? void 0 : u.logic, X = V(Ze, f), T = {
+    value: X.find((e) => e.operator === (W === null ? "" : W)),
+    onChange: we,
+    data: X
+  }, Se = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : We[C], N = c.filterUI, L = {
+    firstFilterProps: ke,
+    secondFilterProps: Me,
     logicData: T.data,
     logicValue: T.value,
     onLogicChange: T.onChange,
-    hideSecondFilter: we
-  }, X = () => ({
+    hideSecondFilter: Se
+  }, Y = () => ({
     ...u,
     filters: u == null ? void 0 : u.filters.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "" || e.value === null && e.operator)
-  }), P = ((ne = (le = X()) == null ? void 0 : le.filters) == null ? void 0 : ne.length) !== 0 || C(a == null ? void 0 : a[0].operator) || C(a == null ? void 0 : a[1].operator), Y = (e) => {
+  }), P = ((ie = (ne = Y()) == null ? void 0 : ne.filters) == null ? void 0 : ie.length) !== 0 || b(a == null ? void 0 : a[0].operator) || b(a == null ? void 0 : a[1].operator), Z = (e) => {
     if (e.preventDefault(), !n.filterChange)
       return;
     const o = w(n.filter), i = {
@@ -135,51 +133,51 @@ const lt = (c) => {
         return l.field !== ((s = r == null ? void 0 : r.current) == null ? void 0 : s.field);
       })
     };
-    P && i.filters.push(X()), n.filterChange(i, e), E(!0), F(!1);
-  }, Z = (e) => {
+    P && i.filters.push(Y()), n.filterChange(i, e), h(!0), E(!1);
+  }, $ = (e) => {
     if (e.preventDefault(), !n.filterChange)
       return;
     const o = w(n.filter), i = o.filters.filter((l) => {
       var s;
       return l.field !== ((s = r == null ? void 0 : r.current) == null ? void 0 : s.field);
     });
-    i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), c.onCloseMenu && c.onCloseMenu(), E(!1), D(
+    i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), c.onCloseMenu && c.onCloseMenu(), h(!1), D(
       (l) => l.map((s) => ({
         ...s,
         expanded: !1
       }))
     );
-  }, Se = () => {
-    U(!1);
-  }, De = (e) => {
-    e.preventDefault(), F(!S);
+  }, De = () => {
+    z(!1);
   }, ye = (e) => {
-    !e.isAnchorClicked && F(!1);
-  }, G = t.useMemo(() => c.show !== void 0 ? c.show : S, [c.show, S]), Ie = (e) => {
-    const o = Ke(document);
+    e.preventDefault(), E(!S);
+  }, Ie = (e) => {
+    !e.isAnchorClicked && E(!1);
+  }, G = t.useMemo(() => c.show !== void 0 ? c.show : S, [c.show, S]), Be = (e) => {
+    const o = _e(document);
     clearTimeout(I.current), I.current = window.setTimeout(() => {
-      !n.mobileMode && o && e.relatedTarget !== g.current && y.current && !y.current.contains(o) && $();
+      !n.mobileMode && o && e.relatedTarget !== g.current && y.current && !y.current.contains(o) && x();
     });
-  }, $ = () => {
+  }, x = () => {
     var e;
-    c.onCloseMenu && c.onCloseMenu(), F(!1), g.current && ((e = g.current.element) == null || e.focus());
-  }, Be = () => {
+    c.onCloseMenu && c.onCloseMenu(), E(!1), g.current && ((e = g.current.element) == null || e.focus());
+  }, Ae = () => {
     clearTimeout(I.current);
-  }, { onFocus: Ae, onBlur: Te } = Ue({
-    onFocus: (e) => Be(),
-    onBlur: (e) => Ie(e)
-  }), Ne = (e) => {
+  }, { onFocus: Te, onBlur: Ne } = ze({
+    onFocus: (e) => Ae(),
+    onBlur: (e) => Be(e)
+  }), Le = (e) => {
     var o;
-    (o = z.current) == null || o.triggerMouseEvent(e);
-  }, Le = (e) => {
+    (o = K.current) == null || o.triggerMouseEvent(e);
+  }, Pe = (e) => {
     var o;
-    (o = z.current) == null || o.triggerKeyboardEvent(e);
-  }, x = t.useCallback(
+    (o = K.current) == null || o.triggerKeyboardEvent(e);
+  }, R = t.useCallback(
     (e) => {
       if (e.preventDefault(), !n.filterChange)
         return;
       const o = w(n.filter), i = o.filters.filter(() => !1);
-      i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), E(!1), D(
+      i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), h(!1), D(
         (l) => l.map((s) => ({
           ...s,
           expanded: !1
@@ -187,90 +185,90 @@ const lt = (c) => {
       );
     },
     [n, w]
-  ), R = /* @__PURE__ */ t.createElement(
+  ), ee = /* @__PURE__ */ t.createElement(
     k,
     {
       ref: g,
       togglable: !0,
       selected: G,
-      svgIcon: c.svgIcon ? c.svgIcon : c.icon ? void 0 : fe,
+      svgIcon: c.svgIcon ? c.svgIcon : c.icon ? void 0 : me,
       icon: c.icon,
       size: n.mobileMode ? "large" : "medium",
-      className: ze("k-toolbar-button", {
+      className: Ke("k-toolbar-button", {
         "k-icon-button": n.mobileMode
       }),
-      title: f.toLanguageString(M, v[M]),
-      onClick: De
+      title: f.toLanguageString(M, F[M]),
+      onClick: ye
     },
-    !n.mobileMode && f.toLanguageString(M, v[M])
-  ), ee = /* @__PURE__ */ t.createElement(t.Fragment, null, K.map((e) => {
+    !n.mobileMode && f.toLanguageString(M, F[M])
+  ), te = /* @__PURE__ */ t.createElement(t.Fragment, null, _.map((e) => {
     var o, i;
-    return e.filterable && /* @__PURE__ */ t.createElement(je, { key: e.id }, /* @__PURE__ */ t.createElement("div", { className: "k-expander" }, /* @__PURE__ */ t.createElement(
-      _e,
+    return e.filterable && /* @__PURE__ */ t.createElement(qe, { key: e.id }, /* @__PURE__ */ t.createElement("div", { className: "k-expander" }, /* @__PURE__ */ t.createElement(
+      He,
       {
-        title: _(e),
+        title: H(e),
         expandable: !0,
         expanded: !!((o = d == null ? void 0 : d.find((l) => l.column.field === e.field)) != null && o.expanded),
-        onClick: (l) => H(l, e)
+        onClick: (l) => j(l, e)
       }
     )), /* @__PURE__ */ t.createElement(
-      He,
+      je,
       {
         show: !!((i = d == null ? void 0 : d.find((l) => l.column.field === e.field)) != null && i.expanded)
       },
-      /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu", onSubmit: Y, onReset: Z }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, N ? /* @__PURE__ */ t.createElement(N, { ...L }) : /* @__PURE__ */ t.createElement(Ze, { ...L }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(k, { themeColor: "primary", disabled: !P }, f.toLanguageString(
-        de,
-        v[de]
-      )), /* @__PURE__ */ t.createElement(k, { type: "reset" }, f.toLanguageString(
+      /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu", onSubmit: Z, onReset: $ }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, N ? /* @__PURE__ */ t.createElement(N, { ...L }) : /* @__PURE__ */ t.createElement($e, { ...L }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(k, { themeColor: "primary", disabled: !P }, f.toLanguageString(
         ge,
-        v[ge]
+        F[ge]
+      )), /* @__PURE__ */ t.createElement(k, { type: "reset" }, f.toLanguageString(
+        pe,
+        F[pe]
       )))))
     ));
-  }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ t.createElement(k, { svgIcon: Je, onClick: x }, f.toLanguageString(pe, v[pe]))));
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, he ? /* @__PURE__ */ t.createElement(et, null, R, /* @__PURE__ */ t.createElement(tt, { themeColor: "primary" })) : R, n.mobileMode ? /* @__PURE__ */ t.createElement(rt, null, Ge.createPortal(
+  }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ t.createElement(k, { svgIcon: Qe, onClick: R }, f.toLanguageString(he, F[he]))));
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, ve ? /* @__PURE__ */ t.createElement(tt, null, ee, /* @__PURE__ */ t.createElement(rt, { themeColor: "primary" })) : ee, n.mobileMode ? /* @__PURE__ */ t.createElement(ot, null, Oe.createPortal(
     /* @__PURE__ */ t.createElement(
-      ot,
+      lt,
       {
-        filtered: K,
+        filtered: _,
         computedShow: G,
         expandState: d,
         FilterUI: N,
         filterUIProps: L,
         isFilterValid: P,
-        renderTitle: _,
-        onBackView: Se,
-        clear: Z,
-        submit: Y,
-        onClose: $,
-        onFilterExpand: H,
-        handleClearAllFilters: x
+        renderTitle: H,
+        onBackView: De,
+        clear: $,
+        submit: Z,
+        onClose: x,
+        onFilterExpand: j,
+        handleClearAllFilters: R
       },
-      ee
+      te
     ),
-    (ie = Fe()) == null ? void 0 : ie.body
+    (ae = Ee()) == null ? void 0 : ae.body
   )) : /* @__PURE__ */ t.createElement(
-    Re,
+    et,
     {
-      anchor: (ae = g.current) == null ? void 0 : ae.element,
+      anchor: (se = g.current) == null ? void 0 : se.element,
       show: G,
       popupClass: "k-grid-columnmenu-popup",
-      onMouseDownOutside: ye
+      onMouseDownOutside: Ie
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
         ref: y,
-        onBlur: Te,
-        onFocus: Ae,
-        onMouseDown: Ne,
-        onKeyDown: Le,
+        onBlur: Ne,
+        onFocus: Te,
+        onMouseDown: Le,
+        onKeyDown: Pe,
         className: "k-column-menu k-column-menu-md"
       },
-      ee
+      te
     )
   ));
 };
-lt.displayName = "KendoReactGridToolbarFilter";
+nt.displayName = "KendoReactGridToolbarFilter";
 export {
-  lt as GridToolbarFilter
+  nt as GridToolbarFilter
 };