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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "11.3.0-develop.1",
+  "version": "11.3.0-develop.3",
   "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.3.0-develop.1",
-    "@progress/kendo-react-buttons": "11.3.0-develop.1",
-    "@progress/kendo-react-common": "11.3.0-develop.1",
-    "@progress/kendo-react-data-tools": "11.3.0-develop.1",
-    "@progress/kendo-react-dateinputs": "11.3.0-develop.1",
-    "@progress/kendo-react-indicators": "11.3.0-develop.1",
-    "@progress/kendo-react-form": "11.3.0-develop.1",
-    "@progress/kendo-react-labels": "11.3.0-develop.1",
-    "@progress/kendo-react-dialogs": "11.3.0-develop.1",
-    "@progress/kendo-react-dropdowns": "11.3.0-develop.1",
-    "@progress/kendo-react-inputs": "11.3.0-develop.1",
-    "@progress/kendo-react-intl": "11.3.0-develop.1",
-    "@progress/kendo-react-popup": "11.3.0-develop.1",
-    "@progress/kendo-react-layout": "11.3.0-develop.1",
+    "@progress/kendo-react-animation": "11.3.0-develop.3",
+    "@progress/kendo-react-buttons": "11.3.0-develop.3",
+    "@progress/kendo-react-common": "11.3.0-develop.3",
+    "@progress/kendo-react-data-tools": "11.3.0-develop.3",
+    "@progress/kendo-react-dateinputs": "11.3.0-develop.3",
+    "@progress/kendo-react-indicators": "11.3.0-develop.3",
+    "@progress/kendo-react-form": "11.3.0-develop.3",
+    "@progress/kendo-react-labels": "11.3.0-develop.3",
+    "@progress/kendo-react-dialogs": "11.3.0-develop.3",
+    "@progress/kendo-react-dropdowns": "11.3.0-develop.3",
+    "@progress/kendo-react-inputs": "11.3.0-develop.3",
+    "@progress/kendo-react-intl": "11.3.0-develop.3",
+    "@progress/kendo-react-popup": "11.3.0-develop.3",
+    "@progress/kendo-react-layout": "11.3.0-develop.3",
     "@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": 1752138531,
+      "publishDate": 1752590277,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

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
 };

package/toolbar-tools/GridToolbarGroup.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),ee=require("react-dom"),te=require("../utils/GridContext.js"),F=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-svg-icons"),ne=require("@progress/kendo-react-intl"),i=require("../messages/index.js"),u=require("@progress/kendo-react-common"),P=require("@progress/kendo-react-indicators"),oe=require("@progress/kendo-react-popup"),ae=require("./adaptiveContext/GridToolbarAdaptiveContext.js"),re=require("./adaptiveContent/GridAdaptiveToolbarGroup.js");function le(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const c in l)if(c!=="default"){const f=Object.getOwnPropertyDescriptor(l,c);Object.defineProperty(o,c,f.get?f:{enumerable:!0,get:()=>l[c]})}}return o.default=l,Object.freeze(o)}const e=le(x),z=l=>{var A,O;const o=e.useContext(te.GridContext),c=o.columnsState,f=o.groupable,a=o.group,w=o.defaultGroup,[I,k]=e.useState(!0),[j,p]=e.useState(!1),[b,C]=e.useState(!1),m=e.useRef(null),v=e.useRef(null),M=e.useRef(null),h=e.useRef(0),E=ne.useLocalization(),L=u.useDocument(m);e.useEffect(()=>{w||a!=null&&a.length?(p(!0),k(!1)):p(!1)},[w,a]);const N=e.useMemo(()=>(c==null?void 0:c.filter(t=>{var n;return(n=t.title||t.field)==null?void 0:n.toLowerCase()}))||[],[c]),d=e.useCallback(()=>{var t;l.onCloseMenu&&l.onCloseMenu(),C(!1),m.current&&((t=m.current.element)==null||t.focus())},[l]),D=e.useCallback((t,n)=>{if(t.preventDefault(),!(n!=null&&n.field))return;const r=(a||[]).slice(),s=r.findIndex($=>$.field===n.field);s>-1?r.splice(s,1):r.push({field:n.field}),o.groupChange(r,t),k(!1),p(!0)},[o,a]),T=e.useCallback((t,n)=>{if(t.preventDefault(),!(n!=null&&n.field))return;const r=(a||[]).filter(s=>s.field!==n.field);o.groupChange(r,t),r.length===0&&(k(!0),p(!1),d())},[d,o,a]),S=e.useCallback((t,n)=>{if(n===0)return;const r=[...a||[]],s=r[n-1];r[n-1]=r[n],r[n]=s,o.groupChange(r,t)},[a,o]),y=e.useCallback((t,n)=>{if(n===a.length-1)return;const r=[...a||[]],s=r[n+1];r[n+1]=r[n],r[n]=s,o.groupChange(r,t)},[a,o]),K=e.useCallback((t,n)=>{const r=c==null?void 0:c.find(s=>s.field===t.field);return e.createElement(e.Fragment,null,a&&a.length!==1&&e.createElement("span",{className:"k-group-menu-item-actions"},e.createElement("span",{className:u.classNames("k-group-menu-item-action k-group-menu-item-up-action",{"k-disabled":n===0}),"aria-disabled":n===0,onClick:s=>S(s,n)},e.createElement(u.SvgIcon,{icon:g.chevronUpIcon})),e.createElement("span",{className:u.classNames("k-group-menu-item-action k-group-menu-item-down-action",{"k-disabled":n===a.length-1}),"aria-disabled":n===a.length-1,onClick:s=>y(s,n)},e.createElement(u.SvgIcon,{icon:g.chevronDownIcon}))),e.createElement("span",{className:"k-group-item-text"},(r==null?void 0:r.title)||t.field),e.createElement("span",{className:"k-spacer"}),e.createElement("span",{className:"k-group-menu-item-actions"},e.createElement("span",{className:"k-group-menu-item-action k-group-menu-item-remove-action",onClick:s=>T(s,t)},e.createElement(u.SvgIcon,{icon:g.xCircleIcon,size:o.mobileMode?"large":"medium"}))))},[c,o.mobileMode,a,T,y,S]),_=e.useCallback(t=>e.createElement(e.Fragment,null,e.createElement("span",{className:"k-group-item-text"},t.title||t.field),e.createElement("span",{className:"k-spacer"}),e.createElement("span",{className:"k-group-menu-item-actions"},e.createElement("span",{className:"k-group-menu-item-action k-group-menu-item-add-action",onClick:n=>D(n,t)},e.createElement(u.SvgIcon,{icon:g.plusCircleIcon,size:o.mobileMode?"large":"medium"})))),[o.mobileMode,D]),U=t=>{t.preventDefault(),C(!b)},G=e.useMemo(()=>{var t;return(t=l.show)!=null?t:b},[l.show,b]),V=t=>{const n=u.getActiveElement(document);clearTimeout(h.current),h.current=window.setTimeout(()=>{!o.mobileMode&&n&&t.relatedTarget!==m.current&&v.current&&!v.current.contains(n)&&d()})},H=()=>{clearTimeout(h.current)},{onFocus:J,onBlur:Q}=u.useAsyncFocusBlur({onFocus:t=>H(),onBlur:t=>V(t)}),W=t=>{var n;(n=M.current)==null||n.triggerMouseEvent(t)},X=t=>{var n;(n=M.current)==null||n.triggerKeyboardEvent(t)},Y=t=>{!t.isAnchorClicked&&C(!1)},B=e.useCallback(t=>{o.groupChange([],t),k(!0),p(!1),d()},[d,o]),R=e.createElement(e.Fragment,null,a&&a.length>0&&e.createElement("div",{className:"k-group-menu-item-wrap"},a==null?void 0:a.map((t,n)=>e.createElement("div",{className:"k-group-menu-item",key:t.field},K(t,n)))),e.createElement("div",{className:"k-group-menu-item-wrap"},N.filter(t=>!(a!=null&&a.some(n=>n.field===t.field))).map(t=>t.field==="value"?null:e.createElement("div",{className:"k-group-menu-item",key:t.id},_(t))))),Z=e.useMemo(()=>l.svgIcon?l.svgIcon:l.icon?void 0:g.groupIcon,[l.icon,l.svgIcon]),q=e.createElement(F.Button,{ref:m,togglable:!0,selected:G,svgIcon:Z,icon:l.icon,size:o.mobileMode?"large":"medium",className:u.classNames("k-toolbar-button",{"k-icon-button":o.mobileMode}),title:E.toLanguageString(i.toolbarGroup,i.messages[i.toolbarGroup]),onClick:U},!o.mobileMode&&E.toLanguageString(i.toolbarGroup,i.messages[i.toolbarGroup]));return f&&e.createElement(e.Fragment,null,j?e.createElement(P.BadgeContainer,null,q,e.createElement(P.Badge,{themeColor:"primary"})):q,o.mobileMode?e.createElement(ae.GridToolbarAdaptiveProvider,null,ee.createPortal(e.createElement(re.GridAdaptiveToolbarGroup,{filtered:N,computedShow:G,isDisabledButton:I,toolContent:R,onClose:d,onClear:B}),(A=L())==null?void 0:A.body)):e.createElement(oe.Popup,{anchor:(O=m.current)==null?void 0:O.element,show:G,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:Y},e.createElement("div",{ref:v,onBlur:Q,onFocus:J,onMouseDown:W,onKeyDown:X,className:"k-group-menu k-group-menu-md"},R,e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(F.Button,{svgIcon:g.xIcon,onClick:B,disabled:I},E.toLanguageString(i.groupClearButton,i.messages[i.groupClearButton]))))))};z.displayName="KendoReactGridToolbarGroup";exports.GridToolbarGroup=z;