@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/toolbar-tools/GridToolbarColumnsChooser.mjs

@@ -0,0 +1,178 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import oe from "react-dom";
+import { Button as w } from "@progress/kendo-react-buttons";
+import { useDocument as ne, useAsyncFocusBlur as le, IconWrap as re, classNames as ae, getActiveElement as ce } from "@progress/kendo-react-common";
+import { TextBox as se, InputPrefix as ie, Checkbox as K } from "@progress/kendo-react-inputs";
+import { searchIcon as ue, columnsIcon as me } from "@progress/kendo-svg-icons";
+import { GridColumnMenuItemContent as de } from "../columnMenu/GridColumnMenuItemContent.mjs";
+import { filterSelectAll as j, messages as u, columnMenuColumnChooserSelectedItems as V, filterApplyButton as H, filterResetButton as W, toolbarColumnsChooser as h } from "../messages/index.mjs";
+import { GridContext as ge } from "../utils/GridContext.mjs";
+import { useLocalization as fe } from "@progress/kendo-react-intl";
+import { GridAdaptiveToolbarColumnChooser as he } from "./adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs";
+import { Popup as Ce } from "@progress/kendo-react-popup";
+import { BadgeContainer as be, Badge as ke } from "@progress/kendo-react-indicators";
+import { GridToolbarAdaptiveProvider as pe } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+const Ee = (n) => {
+  var F, G;
+  const a = t.useContext(ge), l = a.columnsState, C = a.onColumnsStateChange, [b, f] = t.useState(!1), [m, _] = t.useState(""), [q, k] = t.useState(!1), y = l.reduce((e, o) => ({ ...e, [o.id || ""]: !o.hidden }), {}), [r, p] = t.useState(y), s = t.useRef(null), E = t.useRef(null), B = t.useRef(null), M = t.useRef(0), i = fe(), J = ne(s), D = t.useMemo(
+    () => (l == null ? void 0 : l.filter(
+      (e) => {
+        var o;
+        return (o = e.title || e.field) == null ? void 0 : o.toLowerCase().includes(m.toLowerCase());
+      }
+    )) || [],
+    [l, m]
+  ), d = t.useMemo(
+    () => Object.values(r).filter((e) => e).length,
+    [r]
+  ), g = t.useMemo(() => d === (l == null ? void 0 : l.length), [l, d]), N = t.useCallback(
+    (e) => {
+      var O;
+      e.preventDefault();
+      const c = ((v) => (v == null ? void 0 : v.map((P) => ({
+        ...P,
+        hidden: !r[P.id || ""]
+      }))) || [])(l);
+      C && C(c), (O = n.onCloseMenu) == null || O.call(void 0), f(!1);
+    },
+    [l, C, n.onCloseMenu, r]
+  ), A = (e) => {
+    e.preventDefault(), p(y), k(!1);
+  }, x = t.useCallback(() => {
+    const e = { ...r };
+    Object.keys(e).forEach(
+      (o, c) => e[o] = g && c === 0 ? !0 : !g
+    ), p(e), k(!0);
+  }, [r, g]), T = t.useCallback(
+    (e, o) => {
+      const c = { ...r };
+      c[o || ""] = e, p(c), k(!0);
+    },
+    [r]
+  ), I = (e) => {
+    _(String(e.target.value));
+  }, Q = (e) => {
+    e.preventDefault(), f(!b);
+  }, S = t.useMemo(() => n.show !== void 0 ? n.show : b, [n.show, b]), L = () => {
+    var e;
+    n.onCloseMenu && n.onCloseMenu(), f(!1), s.current && ((e = s.current.element) == null || e.focus());
+  }, U = (e) => {
+    const o = ce(document);
+    clearTimeout(M.current), M.current = window.setTimeout(() => {
+      !a.mobileMode && o && e.relatedTarget !== s.current && E.current && !E.current.contains(o) && L();
+    });
+  }, X = () => {
+    clearTimeout(M.current);
+  }, { onFocus: Y, onBlur: Z } = le({
+    onFocus: (e) => X(),
+    onBlur: (e) => U(e)
+  }), $ = (e) => {
+    var o;
+    (o = B.current) == null || o.triggerMouseEvent(e);
+  }, ee = (e) => {
+    var o;
+    (o = B.current) == null || o.triggerKeyboardEvent(e);
+  }, te = (e) => {
+    !e.isAnchorClicked && f(!1);
+  }, R = /* @__PURE__ */ t.createElement(de, { show: !0 }, /* @__PURE__ */ t.createElement("form", { onSubmit: N, onReset: A, className: "k-filter-menu" }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ t.createElement(
+    se,
+    {
+      className: "k-searchbox",
+      value: m,
+      onChange: I,
+      size: a.mobileMode ? "large" : "medium",
+      prefix: () => /* @__PURE__ */ t.createElement(ie, null, /* @__PURE__ */ t.createElement(re, { name: "search", icon: ue }))
+    }
+  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !m && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
+    K,
+    {
+      checked: g,
+      onChange: x,
+      label: i.toLanguageString(j, u[j]),
+      size: a.mobileMode ? "large" : "medium"
+    }
+  )), D.map((e) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
+    K,
+    {
+      disabled: r[e.id || ""] && d === 1,
+      checked: r[e.id || ""],
+      onChange: (o) => {
+        var c;
+        return T(!!((c = o.target.element) != null && c.checked), e.id);
+      },
+      label: e.title || e.field,
+      size: a.mobileMode ? "large" : "medium"
+    }
+  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, d, " ", i.toLanguageString(
+    V,
+    u[V]
+  )), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(w, { type: "submit", themeColor: "primary" }, i.toLanguageString(H, u[H])), /* @__PURE__ */ t.createElement(w, { type: "reset" }, i.toLanguageString(W, u[W])))))), z = /* @__PURE__ */ t.createElement(
+    w,
+    {
+      ref: s,
+      togglable: !0,
+      selected: S,
+      svgIcon: n.svgIcon ? n.svgIcon : n.icon ? void 0 : me,
+      icon: n.icon,
+      size: a.mobileMode ? "large" : "medium",
+      className: ae("k-toolbar-button", {
+        "k-icon-button": a.mobileMode
+      }),
+      title: i.toLanguageString(h, u[h]),
+      onClick: Q
+    },
+    !a.mobileMode && i.toLanguageString(h, u[h])
+  );
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, q ? /* @__PURE__ */ t.createElement(be, null, z, /* @__PURE__ */ t.createElement(ke, { themeColor: "primary" })) : z, a.mobileMode ? /* @__PURE__ */ t.createElement(pe, null, oe.createPortal(
+    /* @__PURE__ */ t.createElement(
+      he,
+      {
+        computedShow: S,
+        filter: m,
+        filtered: D,
+        selectedColumns: r,
+        allSelected: g,
+        checkedCount: d,
+        onClose: L,
+        onApply: N,
+        onReset: A,
+        onFilter: I,
+        onCheckChange: T,
+        onSelectAll: x
+      },
+      R
+    ),
+    (F = J()) == null ? void 0 : F.body
+  )) : /* @__PURE__ */ t.createElement(
+    Ce,
+    {
+      anchor: (G = s.current) == null ? void 0 : G.element,
+      show: S,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: te
+    },
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        ref: E,
+        onBlur: Z,
+        onFocus: Y,
+        onMouseDown: $,
+        onKeyDown: ee,
+        className: "k-column-menu k-column-menu-md"
+      },
+      R
+    )
+  ));
+};
+Ee.displayName = "KendoReactGridToolbarColumnsChooser";
+export {
+  Ee as GridToolbarColumnsChooser
+};

package/toolbar-tools/GridToolbarFilter.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 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"),f=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"),de=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),fe=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,S]=t.useState(!1),[me,E]=t.useState(!1),[F,k]=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&&E(!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)=>{k(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=f.getFilterType((a=r==null?void 0:r.current)==null?void 0:a.filter),v=f.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:f.IsUnaryFilter(v)?null:void 0},{field:(se=r==null?void 0:r.current)==null?void 0:se.field,operator:v,value:f.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=d.filters.map((n,c)=>c===e?{...n,value:o.value||"",operator:o.operator||G[c].operator}:n);w({...d,filters:a})},[d,w]=t.useState(K()),s=d==null?void 0:d.filters,M=f.getFilterType((te=r==null?void 0:r.current)==null?void 0:te.filter),G=f.operatorMap(l.filterOperators[M],p),J=f.operatorMap(f.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({...d,logic:o})},Q=d==null?void 0:d.logic,W=f.operatorMap(f.filterLogicList,p),T={value:W.find(e=>e.operator===(Q===null?"":Q)),onChange:Ce,data:W},Ee=i.hideSecondFilter!==void 0?i.hideSecondFilter:f.defaultHideSecondFilter[M],q=i.filterUI,O={firstFilterProps:ve,secondFilterProps:be,logicData:T.data,logicValue:T.value,onLogicChange:T.onChange,hideSecondFilter:Ee},X=()=>({...d,filters:d==null?void 0:d.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||f.IsUnaryFilter(s==null?void 0:s[0].operator)||f.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),E(!0),k(n=>n.map(c=>({...c,expanded:!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(),E(!1),k(n=>n.map(c=>({...c,expanded:!1})))},ke=()=>{U(!1)},Me=e=>{e.preventDefault(),S(!y)},Ie=e=>{!e.isAnchorClicked&&S(!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(),S(!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),E(!1),k(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(de.BadgeContainer,null,R,t.createElement(de.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)))};fe.displayName="KendoReactGridToolbarFilter";exports.GridToolbarFilter=fe;

package/toolbar-tools/GridToolbarFilter.mjs

@@ -0,0 +1,281 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+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 { 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, D] = t.useState(!1), [he, F] = t.useState(!1), [d, E] = 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(
+    () => (m == null ? void 0 : m.filter((e) => {
+      var o;
+      return (o = e.title || e.field) == null ? void 0 : o.toLowerCase();
+    })) || [],
+    [m]
+  );
+  t.useEffect(() => {
+    p && F(!0);
+  }, [p]);
+  const _ = 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 })));
+    },
+    [p]
+  ), H = (e, o) => {
+    E((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;
+    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 ? {
+        ...e,
+        filters: e.filters.map((O) => ({ ...O }))
+      } : {
+        logic: "and",
+        filters: [
+          {
+            field: (s = r == null ? void 0 : r.current) == null ? void 0 : s.field,
+            operator: h,
+            value: C(h) ? null : void 0
+          },
+          {
+            field: (se = r == null ? void 0 : r.current) == null ? void 0 : se.field,
+            operator: h,
+            value: C(h) ? null : void 0
+          }
+        ]
+      }, e.filters.filter((O) => {
+        var ue;
+        return O.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: h
+      });
+    }
+    return e;
+  }, Ee = (e) => {
+    q(0, e);
+  }, be = (e) => {
+    q(1, e);
+  }, q = (e, o) => {
+    const i = u.filters.map((l, s) => s === e ? {
+      ...l,
+      value: o.value || "",
+      operator: o.operator || A[s].operator
+    } : l);
+    B({
+      ...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,
+    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,
+    value: a == null ? void 0 : a[1].value,
+    operator: a == null ? void 0 : a[1].operator,
+    operators: A,
+    booleanValues: J,
+    onChange: be,
+    filterType: b
+  }, Me = (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,
+    logicData: T.data,
+    logicValue: T.value,
+    onLogicChange: T.onChange,
+    hideSecondFilter: we
+  }, X = () => ({
+    ...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) => {
+    if (e.preventDefault(), !n.filterChange)
+      return;
+    const o = w(n.filter), i = {
+      ...o,
+      filters: o.filters.filter((l) => {
+        var s;
+        return l.field !== ((s = r == null ? void 0 : r.current) == null ? void 0 : s.field);
+      })
+    };
+    P && i.filters.push(X()), n.filterChange(i, e), F(!0), E(
+      (l) => l.map((s) => ({
+        ...s,
+        expanded: !1
+      }))
+    );
+  }, Z = (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(), F(!1), E(
+      (l) => l.map((s) => ({
+        ...s,
+        expanded: !1
+      }))
+    );
+  }, Se = () => {
+    U(!1);
+  }, De = (e) => {
+    e.preventDefault(), D(!S);
+  }, ye = (e) => {
+    !e.isAnchorClicked && D(!1);
+  }, G = t.useMemo(() => c.show !== void 0 ? c.show : S, [c.show, S]), Ie = (e) => {
+    const o = Ke(document);
+    clearTimeout(I.current), I.current = window.setTimeout(() => {
+      !n.mobileMode && o && e.relatedTarget !== g.current && y.current && !y.current.contains(o) && $();
+    });
+  }, $ = () => {
+    var e;
+    c.onCloseMenu && c.onCloseMenu(), D(!1), g.current && ((e = g.current.element) == null || e.focus());
+  }, Be = () => {
+    clearTimeout(I.current);
+  }, { onFocus: Ae, onBlur: Te } = Ue({
+    onFocus: (e) => Be(),
+    onBlur: (e) => Ie(e)
+  }), Ne = (e) => {
+    var o;
+    (o = z.current) == null || o.triggerMouseEvent(e);
+  }, Le = (e) => {
+    var o;
+    (o = z.current) == null || o.triggerKeyboardEvent(e);
+  }, x = 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), F(!1), E(
+        (l) => l.map((s) => ({
+          ...s,
+          expanded: !1
+        }))
+      );
+    },
+    [n, w]
+  ), R = /* @__PURE__ */ t.createElement(
+    k,
+    {
+      ref: g,
+      togglable: !0,
+      selected: G,
+      svgIcon: c.svgIcon ? c.svgIcon : c.icon ? void 0 : fe,
+      icon: c.icon,
+      size: n.mobileMode ? "large" : "medium",
+      className: ze("k-toolbar-button", {
+        "k-icon-button": n.mobileMode
+      }),
+      title: f.toLanguageString(M, v[M]),
+      onClick: De
+    },
+    !n.mobileMode && f.toLanguageString(M, v[M])
+  ), ee = /* @__PURE__ */ t.createElement(t.Fragment, null, K.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,
+      {
+        title: _(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)
+      }
+    )), /* @__PURE__ */ t.createElement(
+      He,
+      {
+        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(
+        ge,
+        v[ge]
+      )))))
+    ));
+  }), /* @__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(
+      ot,
+      {
+        filtered: K,
+        computedShow: G,
+        expandState: d,
+        FilterUI: N,
+        filterUIProps: L,
+        isFilterValid: P,
+        renderTitle: _,
+        onBackView: Se,
+        clear: Z,
+        submit: Y,
+        onClose: $,
+        onFilterExpand: H,
+        handleClearAllFilters: x
+      },
+      ee
+    ),
+    (ie = Fe()) == null ? void 0 : ie.body
+  )) : /* @__PURE__ */ t.createElement(
+    Re,
+    {
+      anchor: (ae = g.current) == null ? void 0 : ae.element,
+      show: G,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: ye
+    },
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        ref: y,
+        onBlur: Te,
+        onFocus: Ae,
+        onMouseDown: Ne,
+        onKeyDown: Le,
+        className: "k-column-menu k-column-menu-md"
+      },
+      ee
+    )
+  ));
+};
+lt.displayName = "KendoReactGridToolbarFilter";
+export {
+  lt as GridToolbarFilter
+};

package/toolbar-tools/GridToolbarSort.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 J=require("react"),Q=require("react-dom"),U=require("../columnMenu/GridColumnMenuItemGroup.js"),W=require("../columnMenu/GridColumnMenuItem.js"),X=require("../utils/GridContext.js"),R=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-svg-icons"),Y=require("@progress/kendo-react-intl"),a=require("../messages/index.js"),u=require("@progress/kendo-react-common"),x=require("@progress/kendo-react-indicators"),Z=require("@progress/kendo-react-popup"),$=require("./adaptiveContext/GridToolbarAdaptiveContext.js"),ee=require("./adaptiveContent/GridAdaptiveToolbarSort.js");function te(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(n,l,i.get?i:{enumerable:!0,get:()=>r[l]})}}return n.default=r,Object.freeze(n)}const e=te(J),A=r=>{var q,B;const n=e.useContext(X.GridContext),l=n.columnsState,i=n.sortable,c=n.sort,h=n.defaultSort,[v,E]=e.useState(!0),[O,m]=e.useState(!1),[g,b]=e.useState(!1),s=e.useRef(null),f=e.useRef(null),M=e.useRef(null),C=e.useRef(0),S=Y.useLocalization(),N=u.useDocument(s);e.useEffect(()=>{h&&(m(!0),E(!1))},[h]);const p=e.useMemo(()=>(l==null?void 0:l.filter(t=>{var o;return(o=t.title||t.field)==null?void 0:o.toLowerCase()}))||[],[l]),w=e.useCallback((t,o)=>{n.headerCellClick(t,o),E(!1),m(!0)},[n]),I=e.useCallback(t=>{n.sortChange([],t),m(!1)},[n]),D=e.useCallback(t=>{const o=c?c.findIndex(H=>H.field===t.field):-1;return e.createElement(e.Fragment,null,t.title||t.field,e.createElement("span",{className:"k-columnmenu-indicators"},o>=0&&[e.createElement(u.SvgIcon,{key:1,icon:c[o].dir==="asc"?d.sortAscSmallIcon:d.sortDescSmallIcon}),c.length>1&&e.createElement("span",{key:2,className:"k-sort-index"},o+1)]))},[c]),P=t=>{t.preventDefault(),b(!g)},k=e.useMemo(()=>r.show!==void 0?r.show:g,[r.show,g]),y=()=>{var t;r.onCloseMenu&&r.onCloseMenu(),b(!1),s.current&&((t=s.current.element)==null||t.focus())},F=t=>{const o=u.getActiveElement(document);clearTimeout(C.current),C.current=window.setTimeout(()=>{!n.mobileMode&&o&&t.relatedTarget!==s.current&&f.current&&!f.current.contains(o)&&y()})},j=()=>{clearTimeout(C.current)},{onFocus:z,onBlur:L}=u.useAsyncFocusBlur({onFocus:t=>j(),onBlur:t=>F(t)}),K=t=>{var o;(o=M.current)==null||o.triggerMouseEvent(t)},_=t=>{var o;(o=M.current)==null||o.triggerKeyboardEvent(t)},V=t=>{!t.isAnchorClicked&&b(!1)},G=e.createElement(e.Fragment,null,e.createElement(U.GridColumnMenuItemGroup,null,p.map(t=>e.createElement(W.GridColumnMenuItem,{key:t.id,title:D(t),onClick:o=>w(o,t)}))),e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(R.Button,{svgIcon:d.xIcon,onClick:I,disabled:v},S.toLanguageString(a.sortClearButton,a.messages[a.sortClearButton])))),T=e.createElement(R.Button,{ref:s,togglable:!0,selected:k,svgIcon:r.svgIcon?r.svgIcon:r.icon?void 0:d.arrowsSwapIcon,icon:r.icon,size:n.mobileMode?"large":"medium",className:u.classNames("k-toolbar-button",{"k-icon-button":n.mobileMode}),title:S.toLanguageString(a.toolbarSort,a.messages[a.toolbarSort]),onClick:P},!n.mobileMode&&S.toLanguageString(a.toolbarSort,a.messages[a.toolbarSort]));return i&&e.createElement(e.Fragment,null,O?e.createElement(x.BadgeContainer,null,T,e.createElement(x.Badge,{themeColor:"primary"})):T,n.mobileMode?e.createElement($.GridToolbarAdaptiveProvider,null,Q.createPortal(e.createElement(ee.GridAdaptiveToolbarSort,{filtered:p,computedShow:k,isDisabledButton:v,renderTitle:D,onClose:y,onClear:I,handleSorting:w},G),(q=N())==null?void 0:q.body)):e.createElement(Z.Popup,{anchor:(B=s.current)==null?void 0:B.element,show:k,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:V},e.createElement("div",{ref:f,onBlur:L,onFocus:z,onMouseDown:K,onKeyDown:_,className:"k-column-menu k-column-menu-md"},G)))};A.displayName="KendoReactGridToolbarSort";exports.GridToolbarSort=A;

package/toolbar-tools/GridToolbarSort.mjs

@@ -0,0 +1,146 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import j from "react-dom";
+import { GridColumnMenuItemGroup as q } from "../columnMenu/GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as J } from "../columnMenu/GridColumnMenuItem.mjs";
+import { GridContext as Q } from "../utils/GridContext.mjs";
+import { Button as x } from "@progress/kendo-react-buttons";
+import { sortAscSmallIcon as U, sortDescSmallIcon as W, xIcon as X, arrowsSwapIcon as Y } from "@progress/kendo-svg-icons";
+import { useLocalization as Z } from "@progress/kendo-react-intl";
+import { sortClearButton as A, messages as b, toolbarSort as c } from "../messages/index.mjs";
+import { useDocument as $, SvgIcon as ee, useAsyncFocusBlur as te, classNames as oe, getActiveElement as ne } from "@progress/kendo-react-common";
+import { BadgeContainer as re, Badge as le } from "@progress/kendo-react-indicators";
+import { Popup as ae } from "@progress/kendo-react-popup";
+import { GridToolbarAdaptiveProvider as se } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { GridAdaptiveToolbarSort as ce } from "./adaptiveContent/GridAdaptiveToolbarSort.mjs";
+const ie = (r) => {
+  var y, T;
+  const n = e.useContext(Q), s = n.columnsState, G = n.sortable, a = n.sort, h = n.defaultSort, [p, k] = e.useState(!0), [F, i] = e.useState(!1), [u, m] = e.useState(!1), l = e.useRef(null), d = e.useRef(null), E = e.useRef(null), f = e.useRef(0), g = Z(), N = $(l);
+  e.useEffect(() => {
+    h && (i(!0), k(!1));
+  }, [h]);
+  const S = e.useMemo(
+    () => (s == null ? void 0 : s.filter((t) => {
+      var o;
+      return (o = t.title || t.field) == null ? void 0 : o.toLowerCase();
+    })) || [],
+    [s]
+  ), v = e.useCallback(
+    (t, o) => {
+      n.headerCellClick(t, o), k(!1), i(!0);
+    },
+    [n]
+  ), w = e.useCallback(
+    (t) => {
+      n.sortChange([], t), i(!1);
+    },
+    [n]
+  ), M = e.useCallback(
+    (t) => {
+      const o = a ? a.findIndex((_) => _.field === t.field) : -1;
+      return /* @__PURE__ */ e.createElement(e.Fragment, null, t.title || t.field, /* @__PURE__ */ e.createElement("span", { className: "k-columnmenu-indicators" }, o >= 0 && [
+        /* @__PURE__ */ e.createElement(
+          ee,
+          {
+            key: 1,
+            icon: a[o].dir === "asc" ? U : W
+          }
+        ),
+        a.length > 1 && /* @__PURE__ */ e.createElement("span", { key: 2, className: "k-sort-index" }, o + 1)
+      ]));
+    },
+    [a]
+  ), R = (t) => {
+    t.preventDefault(), m(!u);
+  }, C = e.useMemo(() => r.show !== void 0 ? r.show : u, [r.show, u]), D = () => {
+    var t;
+    r.onCloseMenu && r.onCloseMenu(), m(!1), l.current && ((t = l.current.element) == null || t.focus());
+  }, L = (t) => {
+    const o = ne(document);
+    clearTimeout(f.current), f.current = window.setTimeout(() => {
+      !n.mobileMode && o && t.relatedTarget !== l.current && d.current && !d.current.contains(o) && D();
+    });
+  }, z = () => {
+    clearTimeout(f.current);
+  }, { onFocus: K, onBlur: P } = te({
+    onFocus: (t) => z(),
+    onBlur: (t) => L(t)
+  }), O = (t) => {
+    var o;
+    (o = E.current) == null || o.triggerMouseEvent(t);
+  }, V = (t) => {
+    var o;
+    (o = E.current) == null || o.triggerKeyboardEvent(t);
+  }, H = (t) => {
+    !t.isAnchorClicked && m(!1);
+  }, I = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(q, null, S.map((t) => /* @__PURE__ */ e.createElement(
+    J,
+    {
+      key: t.id,
+      title: M(t),
+      onClick: (o) => v(o, t)
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ e.createElement(x, { svgIcon: X, onClick: w, disabled: p }, g.toLanguageString(A, b[A])))), B = /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: l,
+      togglable: !0,
+      selected: C,
+      svgIcon: r.svgIcon ? r.svgIcon : r.icon ? void 0 : Y,
+      icon: r.icon,
+      size: n.mobileMode ? "large" : "medium",
+      className: oe("k-toolbar-button", {
+        "k-icon-button": n.mobileMode
+      }),
+      title: g.toLanguageString(c, b[c]),
+      onClick: R
+    },
+    !n.mobileMode && g.toLanguageString(c, b[c])
+  );
+  return G && /* @__PURE__ */ e.createElement(e.Fragment, null, F ? /* @__PURE__ */ e.createElement(re, null, B, /* @__PURE__ */ e.createElement(le, { themeColor: "primary" })) : B, n.mobileMode ? /* @__PURE__ */ e.createElement(se, null, j.createPortal(
+    /* @__PURE__ */ e.createElement(
+      ce,
+      {
+        filtered: S,
+        computedShow: C,
+        isDisabledButton: p,
+        renderTitle: M,
+        onClose: D,
+        onClear: w,
+        handleSorting: v
+      },
+      I
+    ),
+    (y = N()) == null ? void 0 : y.body
+  )) : /* @__PURE__ */ e.createElement(
+    ae,
+    {
+      anchor: (T = l.current) == null ? void 0 : T.element,
+      show: C,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: H
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: d,
+        onBlur: P,
+        onFocus: K,
+        onMouseDown: O,
+        onKeyDown: V,
+        className: "k-column-menu k-column-menu-md"
+      },
+      I
+    )
+  ));
+};
+ie.displayName = "KendoReactGridToolbarSort";
+export {
+  ie as GridToolbarSort
+};

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../../messages/index.js"),A=require("../../utils/GridContext.js"),l=require("@progress/kendo-react-layout"),u=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-svg-icons"),N=require("@progress/kendo-react-intl"),g=require("@progress/kendo-react-inputs"),I=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),y=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),M=require("@progress/kendo-react-common"),w=require("../../columnMenu/GridColumnMenuItemGroup.js"),B=require("../../columnMenu/GridColumnMenuItem.js"),q=t=>{const i=e.useContext(A.GridContext),{actionSheetRef:d,firstViewRef:v,secondViewRef:f}=e.useContext(y.GridToolbarAdaptiveContext),r=M.useAdaptiveModeContext(),o=N.useLocalization(),[k,E]=e.useState(""),S={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:r&&i.adaptiveColumnMenuRef<=r.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:r&&i.adaptiveColumnMenuRef<=r.small?"fullscreen":void 0},b=i.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,C=o.toLanguageString(n.adaptiveColumnMenuCheckboxFilterTitle,n.messages[n.adaptiveColumnMenuCheckboxFilterTitle]),x=()=>{t.onBackView&&t.onBackView(),i!=null&&i.mobileMode&&d.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(l.ActionSheet,{...S,ref:d,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(l.ActionSheetView,{className:"k-actionsheet-view-animated",ref:v,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(l.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{svgIcon:c.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(l.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.filtered.map(a=>{var s,m;return e.createElement(w.GridColumnMenuItemGroup,{key:a.id},e.createElement("div",{className:"k-expander"},e.createElement(B.GridColumnMenuItem,{title:t.renderTitle(a),expandable:!0,expanded:!!((m=(s=t.expandState)==null?void 0:s.find(h=>h.column.field===a.field))!=null&&m.expanded),onClick:h=>(d.current.element.style.setProperty("--kendo-actionsheet-view-current",2),E(a.field),t.onFilterExpand(h,a))})))}))),e.createElement(l.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(u.Button,{svgIcon:c.filterClearIcon,onClick:t.handleClearAllFilters,size:"large"},o.toLanguageString(n.filterClearAllButton,n.messages[n.filterClearAllButton]))))),e.createElement(l.ActionSheetView,{className:"k-actionsheet-view-animated",ref:f,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(l.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{type:"button",onClick:x,svgIcon:b,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},C+(k?` ${k}`:""))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{type:"button",svgIcon:c.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(l.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},t.searchBox,e.createElement("ul",{className:"k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(g.Checkbox,{size:i.mobileMode?"large":"medium",label:o.toLanguageString(n.filterCheckAll,n.messages[n.filterCheckAll]),onChange:a=>t.handleCheckBoxChange(a,"all"),checked:t.isAllSelected()})),t.currentData.map((a,s)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${s}`},e.createElement(g.Checkbox,{size:i.mobileMode?"large":"medium",label:String(a),onChange:m=>t.handleCheckBoxChange(m,a),checked:t.uniqueFilterValues.includes(a)})))),e.createElement("div",{className:"k-filter-selected-items"},t.uniqueFilterValues.length+" "+o.toLanguageString(n.filterSelectedItems,n.messages[n.filterSelectedItems]))))),e.createElement(l.ActionSheetFooter,null,e.createElement(I.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,submitMessage:o.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:o.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton])}))))};exports.GridAdaptiveToolbarCheckboxFilter=q;