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

package/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),K=require("./GridColumnMenuItem.js"),U=require("./GridColumnMenuItemGroup.js"),X=require("./GridColumnMenuItemContent.js"),b=require("@progress/kendo-react-inputs"),Y=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-buttons"),L=require("../utils/index.js"),F=require("@progress/kendo-svg-icons");function Z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(s,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return s.default=e,Object.freeze(s)}const l=Z(J),p=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),ee={uniqueData:!0},te=e=>{const{uniqueData:s=ee.uniqueData}=e,m=()=>{const t=e.column.field;return S().filters.findIndex(i=>i.filters&&i.filters.length>0&&i.filters[0].field===t)},f=(t,n)=>{const c=e.column.field||"",i=t.map(o=>L.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},S=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,P]=l.useState(e.expanded||!1),[B,q]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[R,w]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(S());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>L.getNestedValue(t,c));p(n,R)||(C(n),w(n))},[e.column,e.data]);const y=()=>e.expanded!==void 0,j=()=>{const t=y(),n=!(t?e.expanded:I);e.onExpandChange&&e.onExpandChange(n),t||P(n)},N=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};q(t.target.value),C(f(D.filterBy(e.data||[],c),s))},A=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};q(""),C(f(D.filterBy(e.data||[],n),s))},T=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},z=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const c=e.column.field||"",i={...d},o=[...d.filters];let u=[];if(a.current!==-1&&i.filters[a.current].filters&&n!=="all"&&(u=i.filters[a.current].filters),t.value&&n==="all")h.forEach(E=>{u.push({field:c,operator:"eq",value:E})});else if(t.value)u.push({field:c,operator:"eq",value:n});else if(d){const E=u.findIndex(H=>H.value===n);u.splice(E,1)}i.logic="and",a.current!==-1?o[a.current]={logic:"or",filters:u}:o.push({logic:"or",filters:u}),(!t.value&&n==="all"||u.length===0)&&o.splice(a.current,1),i.filters=o,V(i)},_=()=>{let t=!1;if(d){const n=[...d.filters];return a.current===-1?!1:(t=h.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(o=>o.value===c)>=0:!1),t)}return t},g=Y.useLocalization(),{column:x}=e;if(!x||!x.field)return l.createElement("div",null);const Q=y()?e.expanded:I,k=[];if(d){const t=[...d.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===x.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&k.push(n.value)})}const W=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),$=e.searchBox?l.createElement(e.searchBox,{value:B,onChange:N}):l.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},l.createElement(G.IconWrap,{className:"k-input-icon",name:"search",icon:F.searchIcon}),l.createElement(b.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:B,onChange:t=>N(t.nativeEvent)}),l.createElement(v.Button,{type:"button",rounded:null,className:"k-input-button",onClick:A,icon:"x","aria-label":W,svgIcon:F.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(U.GridColumnMenuItemGroup,null,l.createElement(K.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:F.filterIcon,onClick:j}),l.createElement(X.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:z,onReset:T},l.createElement("div",{className:"k-filter-menu-container"},$,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(b.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>M(t,"all"),checked:_()})),h.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(b.Checkbox,{label:String(t),onChange:c=>M(c,t),checked:O.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},O.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(v.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(v.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Z=require("react"),ee=require("./GridColumnMenuItem.js"),te=require("./GridColumnMenuItemGroup.js"),ne=require("./GridColumnMenuItemContent.js"),M=require("@progress/kendo-react-inputs"),le=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),V=require("@progress/kendo-data-query"),j=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons"),T=require("../utils/index.js"),I=require("@progress/kendo-svg-icons"),re=require("../GridClientWrapper.js"),ae=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),ie=require("./adaptiveContent/GridAdaptiveCheckboxFilter.js");function ce(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,m.get?m:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const l=ce(Z),oe=(e,s)=>e.length!==s.length?!1:e.every((i,m)=>i===s[m]),se={uniqueData:!0},ue=e=>{const{uniqueData:s=se.uniqueData}=e,i=l.useContext(re.GridContext),{actionSheetRef:m}=l.useContext(ae.GridColumnMenuAdaptiveContext),z=()=>{const t=e.column.field;return q().filters.findIndex(o=>o.filters&&o.filters.length>0&&o.filters[0].field===t)},h=(t,n)=>{const c=e.column.field||"",o=t.map(u=>T.getNestedValue(c,u));return n?o.filter((u,d)=>o.indexOf(u)===d):o},q=()=>e.filter?j.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(z()),[y,_]=l.useState(e.expanded||!1),[G,x]=l.useState(!1),[N,O]=l.useState(""),[C,k]=l.useState(h(e.data,s)||[]),[W,$]=l.useState(h(e.data,!1)||[]),[f,Q]=l.useState(q());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>T.getNestedValue(t,c));oe(n,W)||(k(n),$(n))},[e.column,e.data]);const D=()=>e.expanded!==void 0,p=()=>{const t=D(),n=!(t?e.expanded:y);i.mobileMode&&m.current.element.style.setProperty("--kendo-actionsheet-view-current",2),e.onExpandChange&&e.onExpandChange(n),x(!G),!t&&!i.mobileMode&&_(n)},w=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};O(t.target.value),k(h(V.filterBy(e.data||[],c),s))},H=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};O(""),k(h(V.filterBy(e.data||[],n),s))},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},P=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},E=(t,n)=>{const c=e.column.field||"",o={...f},u=[...f.filters];let d=[];if(a.current!==-1&&o.filters[a.current].filters&&n!=="all"&&(d=o.filters[a.current].filters),t.value&&n==="all")C.forEach(F=>{d.push({field:c,operator:"eq",value:F})});else if(t.value)d.push({field:c,operator:"eq",value:n});else if(f){const F=d.findIndex(Y=>Y.value===n);d.splice(F,1)}o.logic="and",a.current!==-1?u[a.current]={logic:"or",filters:d}:u.push({logic:"or",filters:d}),(!t.value&&n==="all"||d.length===0)&&u.splice(a.current,1),o.filters=u,Q(o)},L=()=>{let t=!1;if(f){const n=[...f.filters];return a.current===-1?!1:(t=C.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(u=>u.value===c)>=0:!1),t)}return t},g=le.useLocalization(),{column:b}=e;if(!b||!b.field)return l.createElement("div",null);const R=D()?e.expanded:y,v=[];if(f){const t=[...f.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===b.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&v.push(n.value)})}const J=()=>{x(!1),i.mobileMode&&m.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},K=()=>{x(!1),e.onCloseMenu&&e.onCloseMenu()},U=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),X=e.searchBox?l.createElement(e.searchBox,{value:N,onChange:w}):l.createElement("div",{className:`k-searchbox k-textbox k-input k-input-md k-input-solid ${i.mobileMode?"k-input-lg":"k-input-md"}`},l.createElement(j.IconWrap,{className:"k-input-icon",name:"search",icon:I.searchIcon}),l.createElement(M.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:N,onChange:t=>w(t.nativeEvent)}),l.createElement(B.Button,{type:"button",rounded:null,className:"k-input-button",onClick:H,icon:"x","aria-label":U,svgIcon:I.xIcon})),S=v.filter((t,n)=>v.indexOf(t)===n);return l.createElement(te.GridColumnMenuItemGroup,null,!(e.alwaysExpand&&!i.mobileMode)&&l.createElement("div",{className:"k-expander"},l.createElement(ee.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:I.filterIcon,expandable:!0,expanded:!!R,onClick:p})),i.mobileMode&&G?l.createElement(l.Fragment,null,l.createElement(ie.GridAdaptiveCheckboxFilter,{onBackView:J,handleClose:K,searchBox:e.searchBox,handleCheckBoxChange:E,isAllSelected:L,currentData:C,uniqueFilterValues:S,submit:P,clear:A})):l.createElement(ne.GridColumnMenuItemContent,{show:(e.alwaysExpand||!!R)&&!i.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:P,onReset:A},l.createElement("div",{className:"k-filter-menu-container"},X,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(M.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>E(t,"all"),checked:L()})),C.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(M.Checkbox,{label:String(t),onChange:c=>E(c,t),checked:S.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},S.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(B.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(B.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=ue;

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -7,142 +7,172 @@
  */
 "use client";
 import * as l from "react";
-import { GridColumnMenuItem as _ } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as $ } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as p } from "./GridColumnMenuItemContent.mjs";
-import { Input as ee, Checkbox as M } from "@progress/kendo-react-inputs";
-import { useLocalization as te } from "@progress/kendo-react-intl";
-import { filterClearButton as h, messages as f, searchPlaceholder as O, filterTitle as q, filterCheckAll as w, filterSelectedItems as V, filterSubmitButton as G } from "../messages/index.mjs";
-import { filterBy as P } from "@progress/kendo-data-query";
-import { IconWrap as ne, clone as le } from "@progress/kendo-react-common";
-import { Button as v } from "@progress/kendo-react-buttons";
-import { getNestedValue as A } from "../utils/index.mjs";
-import { searchIcon as re, xIcon as ae, filterIcon as ie } from "@progress/kendo-svg-icons";
-const ce = (e, d) => e.length !== d.length ? !1 : e.every((g, m) => g === d[m]), oe = {
+import { GridColumnMenuItem as le } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as re } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemContent as ae } from "./GridColumnMenuItemContent.mjs";
+import { Input as ie, Checkbox as P } from "@progress/kendo-react-inputs";
+import { useLocalization as oe } from "@progress/kendo-react-intl";
+import { filterClearButton as C, messages as d, searchPlaceholder as R, filterTitle as p, filterCheckAll as z, filterSelectedItems as j, filterSubmitButton as T } from "../messages/index.mjs";
+import { filterBy as W } from "@progress/kendo-data-query";
+import { IconWrap as ce, clone as se } from "@progress/kendo-react-common";
+import { Button as B } from "@progress/kendo-react-buttons";
+import { getNestedValue as $ } from "../utils/index.mjs";
+import { searchIcon as ue, xIcon as fe, filterIcon as de } from "@progress/kendo-svg-icons";
+import { GridContext as me } from "../GridClientWrapper.mjs";
+import { GridColumnMenuAdaptiveContext as he } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridAdaptiveCheckboxFilter as ge } from "./adaptiveContent/GridAdaptiveCheckboxFilter.mjs";
+const xe = (e, m) => e.length !== m.length ? !1 : e.every((s, h) => s === m[h]), Ce = {
   uniqueData: !0
-}, Fe = (e) => {
-  const { uniqueData: d = oe.uniqueData } = e, g = () => {
+}, Ge = (e) => {
+  const { uniqueData: m = Ce.uniqueData } = e, s = l.useContext(me), { actionSheetRef: h } = l.useContext(he), H = () => {
     const t = e.column.field;
-    return S().filters.findIndex(
-      (a) => a.filters && a.filters.length > 0 && a.filters[0].field === t
+    return I().filters.findIndex(
+      (i) => i.filters && i.filters.length > 0 && i.filters[0].field === t
     );
-  }, m = (t, n) => {
-    const i = e.column.field || "", a = t.map((c) => A(i, c));
-    return n ? a.filter((c, o) => a.indexOf(c) === o) : a;
-  }, S = () => e.filter ? le(e.filter) : { filters: [], logic: "and" }, r = l.useRef(g()), [I, R] = l.useState(e.expanded || !1), [b, B] = l.useState(""), [x, C] = l.useState(m(e.data, d) || []), [z, j] = l.useState(m(e.data, !1) || []), [s, T] = l.useState(S());
+  }, g = (t, n) => {
+    const a = e.column.field || "", i = t.map((o) => $(a, o));
+    return n ? i.filter((o, c) => i.indexOf(o) === c) : i;
+  }, I = () => e.filter ? se(e.filter) : { filters: [], logic: "and" }, r = l.useRef(H()), [y, J] = l.useState(e.expanded || !1), [N, k] = l.useState(!1), [w, D] = l.useState(""), [x, E] = l.useState(g(e.data, m) || []), [K, Q] = l.useState(g(e.data, !1) || []), [u, U] = l.useState(I());
   l.useEffect(() => {
-    const t = e.column.field || "", n = e.data.map((i) => A(t, i));
-    ce(n, z) || (C(n), j(n));
+    const t = e.column.field || "", n = e.data.map((a) => $(t, a));
+    xe(n, K) || (E(n), Q(n));
   }, [e.column, e.data]);
-  const N = () => e.expanded !== void 0, W = () => {
-    const t = N(), n = !(t ? e.expanded : I);
-    e.onExpandChange && e.onExpandChange(n), t || R(n);
-  }, D = (t) => {
-    const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", i = {
+  const L = () => e.expanded !== void 0, X = () => {
+    const t = L(), n = !(t ? e.expanded : y);
+    s.mobileMode && h.current.element.style.setProperty("--kendo-actionsheet-view-current", 2), e.onExpandChange && e.onExpandChange(n), k(!N), !t && !s.mobileMode && J(n);
+  }, G = (t) => {
+    const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", a = {
       logic: "and",
       filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
     };
-    B(t.target.value), C(m(P(e.data || [], i), d));
-  }, H = () => {
+    D(t.target.value), E(g(W(e.data || [], a), m));
+  }, Y = () => {
     const t = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", n = {
       logic: "and",
       filters: [{ field: e.column.field, operator: t, value: "", ignoreCase: !0 }]
     };
-    B(""), C(m(P(e.data || [], n), d));
-  }, J = (t) => {
+    D(""), E(g(W(e.data || [], n), m));
+  }, O = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const n = s || null;
+    const n = u || null;
     n !== null && n.filters.length > 0 ? (r.current >= 0 && n.filters.splice(r.current, 1), e.onFilterChange(n, t)) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
-  }, K = (t) => {
+  }, q = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const n = s || null;
+    const n = u || null;
     e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
-  }, y = (t, n) => {
-    const i = e.column.field || "", a = { ...s }, c = [...s.filters];
-    let o = [];
-    if (r.current !== -1 && a.filters[r.current].filters && n !== "all" && (o = a.filters[r.current].filters), t.value && n === "all")
-      x.forEach((F) => {
-        o.push({ field: i, operator: "eq", value: F });
+  }, v = (t, n) => {
+    const a = e.column.field || "", i = { ...u }, o = [...u.filters];
+    let c = [];
+    if (r.current !== -1 && i.filters[r.current].filters && n !== "all" && (c = i.filters[r.current].filters), t.value && n === "all")
+      x.forEach((M) => {
+        c.push({ field: a, operator: "eq", value: M });
       });
     else if (t.value)
-      o.push({ field: i, operator: "eq", value: n });
-    else if (s) {
-      const F = o.findIndex((Z) => Z.value === n);
-      o.splice(F, 1);
+      c.push({ field: a, operator: "eq", value: n });
+    else if (u) {
+      const M = c.findIndex((ne) => ne.value === n);
+      c.splice(M, 1);
     }
-    a.logic = "and", r.current !== -1 ? c[r.current] = {
+    i.logic = "and", r.current !== -1 ? o[r.current] = {
       logic: "or",
-      filters: o
-    } : c.push({
+      filters: c
+    } : o.push({
       logic: "or",
-      filters: o
-    }), (!t.value && n === "all" || o.length === 0) && c.splice(r.current, 1), a.filters = c, T(a);
-  }, Q = () => {
+      filters: c
+    }), (!t.value && n === "all" || c.length === 0) && o.splice(r.current, 1), i.filters = o, U(i);
+  }, A = () => {
     let t = !1;
-    if (s) {
-      const n = [...s.filters];
-      return r.current === -1 ? !1 : (t = x.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
-        (c) => c.value === i
+    if (u) {
+      const n = [...u.filters];
+      return r.current === -1 ? !1 : (t = x.every((a) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
+        (o) => o.value === a
       ) >= 0 : !1), t);
     }
     return t;
-  }, u = te(), { column: k } = e;
-  if (!k || !k.field)
+  }, f = oe(), { column: F } = e;
+  if (!F || !F.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const U = N() ? e.expanded : I, E = [];
-  if (s) {
-    const t = [...s.filters];
-    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === k.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
-      n.field === e.column.field && E.push(n.value);
+  const V = L() ? e.expanded : y, S = [];
+  if (u) {
+    const t = [...u.filters];
+    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === F.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
+      n.field === e.column.field && S.push(n.value);
     });
   }
-  const X = u.toLanguageString(h, f[h]), Y = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: b, onChange: D }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(ne, { className: "k-input-icon", name: "search", icon: re }), /* @__PURE__ */ l.createElement(
-    ee,
+  const Z = () => {
+    k(!1), s.mobileMode && h.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+  }, _ = () => {
+    k(!1), e.onCloseMenu && e.onCloseMenu();
+  }, ee = f.toLanguageString(C, d[C]), te = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: w, onChange: G }) : /* @__PURE__ */ l.createElement(
+    "div",
     {
-      className: "k-input-inner",
-      type: "text",
-      placeholder: u.toLanguageString(O, f[O]),
-      value: b,
-      onChange: (t) => D(t.nativeEvent)
-    }
-  ), /* @__PURE__ */ l.createElement(
-    v,
+      className: `k-searchbox k-textbox k-input k-input-md k-input-solid ${s.mobileMode ? "k-input-lg" : "k-input-md"}`
+    },
+    /* @__PURE__ */ l.createElement(ce, { className: "k-input-icon", name: "search", icon: ue }),
+    /* @__PURE__ */ l.createElement(
+      ie,
+      {
+        className: "k-input-inner",
+        type: "text",
+        placeholder: f.toLanguageString(R, d[R]),
+        value: w,
+        onChange: (t) => G(t.nativeEvent)
+      }
+    ),
+    /* @__PURE__ */ l.createElement(
+      B,
+      {
+        type: "button",
+        rounded: null,
+        className: "k-input-button",
+        onClick: Y,
+        icon: "x",
+        "aria-label": ee,
+        svgIcon: fe
+      }
+    )
+  ), b = S.filter((t, n) => S.indexOf(t) === n);
+  return /* @__PURE__ */ l.createElement(re, null, !(e.alwaysExpand && !s.mobileMode) && /* @__PURE__ */ l.createElement("div", { className: "k-expander" }, /* @__PURE__ */ l.createElement(
+    le,
     {
-      type: "button",
-      rounded: null,
-      className: "k-input-button",
-      onClick: H,
-      icon: "x",
-      "aria-label": X,
-      svgIcon: ae
+      title: f.toLanguageString(p, d[p]),
+      iconClass: "k-i-filter",
+      svgIcon: de,
+      expandable: !0,
+      expanded: !!V,
+      onClick: X
     }
-  )), L = E.filter((t, n) => E.indexOf(t) === n);
-  return /* @__PURE__ */ l.createElement($, null, /* @__PURE__ */ l.createElement(
-    _,
+  )), s.mobileMode && N ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+    ge,
     {
-      title: u.toLanguageString(q, f[q]),
-      iconClass: "k-i-filter",
-      svgIcon: ie,
-      onClick: W
+      onBackView: Z,
+      handleClose: _,
+      searchBox: e.searchBox,
+      handleCheckBoxChange: v,
+      isAllSelected: A,
+      currentData: x,
+      uniqueFilterValues: b,
+      submit: q,
+      clear: O
     }
-  ), /* @__PURE__ */ l.createElement(p, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, Y, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
-    M,
+  )) : /* @__PURE__ */ l.createElement(ae, { show: (e.alwaysExpand || !!V) && !s.mobileMode }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: q, onReset: O }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, te, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
+    P,
     {
-      label: u.toLanguageString(w, f[w]),
-      onChange: (t) => y(t, "all"),
-      checked: Q()
+      label: f.toLanguageString(z, d[z]),
+      onChange: (t) => v(t, "all"),
+      checked: A()
     }
   )), x.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
-    M,
+    P,
     {
       label: String(t),
-      onChange: (i) => y(i, t),
-      checked: L.includes(t)
+      onChange: (a) => v(a, t),
+      checked: b.includes(t)
     }
-  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, L.length + " " + u.toLanguageString(V, f[V])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(v, { themeColor: "primary", type: "submit" }, u.toLanguageString(G, f[G])), /* @__PURE__ */ l.createElement(v, { className: "k-button", type: "reset" }, u.toLanguageString(h, f[h])))))));
+  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, b.length + " " + f.toLanguageString(j, d[j])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(B, { themeColor: "primary", type: "submit" }, f.toLanguageString(T, d[T])), /* @__PURE__ */ l.createElement(B, { className: "k-button", type: "reset" }, f.toLanguageString(C, d[C])))))));
 };
 export {
-  Fe as GridColumnMenuCheckboxFilter
+  Ge as GridColumnMenuCheckboxFilter
 };

package/columnMenu/GridColumnMenuColumnsChooser.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),g=require("@progress/kendo-react-inputs"),j=require("@progress/kendo-react-common"),q=require("@progress/kendo-svg-icons"),b=require("@progress/kendo-react-buttons"),M=require("@progress/kendo-react-intl"),r=require("../messages/index.js");function w(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const c in s)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(s,c);Object.defineProperty(n,c,u.get?u:{enumerable:!0,get:()=>s[c]})}}return n.default=s,Object.freeze(n)}const t=w(O),S=s=>{const{columnsState:n,onCloseMenu:c,onColumnsStateChange:u}=s,f=M.useLocalization(),[m,E]=t.useState(""),h=n.reduce((e,l)=>({...e,[l.id||""]:!l.hidden}),{}),[o,C]=t.useState(h),y=t.useMemo(()=>(n==null?void 0:n.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(m.toLowerCase())}))||[],[n,m]),d=t.useMemo(()=>Object.values(o).filter(e=>e).length,[o]),k=t.useMemo(()=>d===(n==null?void 0:n.length),[n,d]),N=t.useCallback(e=>{const a=(i=>(i==null?void 0:i.map(p=>({...p,hidden:!o[p.id||""]})))||[])(n);u&&u(a),c==null||c.call(void 0)},[o,n,c]),v=()=>{C(h)},B=t.useCallback(()=>{const e={...o};Object.keys(e).forEach((l,a)=>e[l]=k&&a===0?!0:!k),C(e)},[o,k]),R=t.useCallback((e,l)=>{const a={...o};a[l||""]=e,C(a)},[o]),x=e=>{E(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(g.TextBox,{className:"k-searchbox",value:m,onChange:x,prefix:()=>t.createElement(g.InputPrefix,null,t.createElement(j.IconWrap,{name:"search",icon:q.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!m&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(g.Checkbox,{checked:k,onChange:B,label:f.toLanguageString(r.filterSelectAll,r.messages[r.filterSelectAll])})),y.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(g.Checkbox,{disabled:o[e.id||""]&&d===1,checked:o[e.id||""],onChange:a=>{var i;return R(!!((i=a.target.element)!=null&&i.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},d," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(b.Button,{type:"button",themeColor:"primary",onClick:N},f.toLanguageString(r.filterApplyButton,r.messages[r.filterApplyButton])),t.createElement(b.Button,{type:"button",onClick:v},f.toLanguageString(r.filterResetButton,r.messages[r.filterResetButton])))))};S.displayName="GridColumnMenuColumnsChooser";exports.GridColumnMenuColumnsChooser=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),f=require("@progress/kendo-react-inputs"),F=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),R=require("@progress/kendo-react-buttons"),_=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),V=require("./GridColumnMenuItem.js"),W=require("./GridColumnMenuItemGroup.js"),H=require("./GridColumnMenuItemContent.js"),J=require("../GridClientWrapper.js"),K=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),Q=require("./adaptiveContent/GridAdaptiveColumnChooser.js");function U(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(o,c,d.get?d:{enumerable:!0,get:()=>n[c]})}}return o.default=n,Object.freeze(o)}const e=U(z),L=n=>{const{columnsState:o,onCloseMenu:c,onColumnsStateChange:d}=n,m=_.useLocalization(),i=e.useContext(J.GridContext),{actionSheetRef:x}=e.useContext(K.GridColumnMenuAdaptiveContext),[C,O]=e.useState(""),[k,j]=e.useState(n.expanded||!1),[E,p]=e.useState(!1),b=o.reduce((t,a)=>({...t,[a.id||""]:!a.hidden}),{}),[r,S]=e.useState(b),M=e.useMemo(()=>(o==null?void 0:o.filter(t=>{var a;return(a=t.title||t.field)==null?void 0:a.toLowerCase().includes(C.toLowerCase())}))||[],[o,C]),g=e.useMemo(()=>Object.values(r).filter(t=>t).length,[r]),h=e.useMemo(()=>g===(o==null?void 0:o.length),[o,g]),v=e.useCallback(t=>{t.preventDefault();const s=(u=>(u==null?void 0:u.map(N=>({...N,hidden:!r[N.id||""]})))||[])(o);d&&d(s),c==null||c.call(void 0)},[r,o,c]),y=t=>{t.preventDefault(),S(b)},G=e.useCallback(()=>{const t={...r};Object.keys(t).forEach((a,s)=>t[a]=h&&s===0?!0:!h),S(t)},[r,h]),I=e.useCallback((t,a)=>{const s={...r};s[a||""]=t,S(s)},[r]),q=t=>{O(String(t.target.value))},P=e.useCallback(()=>{const t=w(),a=!(t?n.expanded:k);i.mobileMode&&x.current.element.style.setProperty("--kendo-actionsheet-view-current",2),n.onExpandChange&&n.onExpandChange(a),p(!E),!t&&!i.mobileMode&&j(a)},[k]),T=()=>{p(!1),i.mobileMode&&x.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},D=()=>{p(!1),n.onCloseMenu&&n.onCloseMenu()},w=()=>n.expanded!==void 0,A=w()?n.expanded:k;return e.createElement(W.GridColumnMenuItemGroup,null,e.createElement("div",{className:"k-expander"},!(n.alwaysExpand&&!i.mobileMode)&&e.createElement(V.GridColumnMenuItem,{title:m.toLanguageString(l.adaptiveColumnMenuChooserTitle,l.messages[l.adaptiveColumnMenuChooserTitle]),iconClass:"k-i-filter",svgIcon:B.columnsIcon,expandable:!0,expanded:!!A,onClick:P})),i.mobileMode&&E?e.createElement(e.Fragment,null,e.createElement(Q.GridAdaptiveColumnChooser,{onBackView:T,handleClose:D,onApply:v,onReset:y,filter:C,onFilter:q,allSelected:h,onSelectAll:G,filtered:M,selectedColumns:r,checkedCount:g,onCheckChange:I})):e.createElement(H.GridColumnMenuItemContent,{show:(n.alwaysExpand||!!A)&&!i.mobileMode},e.createElement("form",{onSubmit:v,onReset:y,className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(f.TextBox,{className:"k-searchbox",value:C,onChange:q,prefix:()=>e.createElement(f.InputPrefix,null,e.createElement(F.IconWrap,{name:"search",icon:B.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!C&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(f.Checkbox,{checked:h,onChange:G,label:m.toLanguageString(l.filterSelectAll,l.messages[l.filterSelectAll])})),M.map((t,a)=>e.createElement("li",{key:t.id,className:"k-item"},e.createElement(f.Checkbox,{disabled:r[t.id||""]&&g===1,checked:r[t.id||""],onChange:s=>{var u;return I(!!((u=s.target.element)!=null&&u.checked),t.id)},label:t.title||t.field})))),e.createElement("div",{className:"k-filter-selected-items"},g," ",m.toLanguageString(l.columnMenuColumnChooserSelectedItems,l.messages[l.columnMenuColumnChooserSelectedItems])),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(R.Button,{type:"submit",themeColor:"primary"},m.toLanguageString(l.filterApplyButton,l.messages[l.filterApplyButton])),e.createElement(R.Button,{type:"reset"},m.toLanguageString(l.filterResetButton,l.messages[l.filterResetButton])))))))};L.displayName="GridColumnMenuColumnsChooser";exports.GridColumnMenuColumnsChooser=L;

package/columnMenu/GridColumnMenuColumnsChooser.mjs

@@ -6,77 +6,123 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { TextBox as M, InputPrefix as I, Checkbox as p } from "@progress/kendo-react-inputs";
-import { IconWrap as R } from "@progress/kendo-react-common";
-import { searchIcon as j } from "@progress/kendo-svg-icons";
-import { Button as g } from "@progress/kendo-react-buttons";
-import { useLocalization as z } from "@progress/kendo-react-intl";
-import { filterSelectAll as E, messages as k, filterApplyButton as S, filterResetButton as b } from "../messages/index.mjs";
-const F = (N) => {
-  const { columnsState: l, onCloseMenu: c, onColumnsStateChange: h } = N, u = z(), [i, y] = t.useState(""), C = l.reduce((e, n) => ({ ...e, [n.id || ""]: !n.hidden }), {}), [o, d] = t.useState(C), x = t.useMemo(
-    () => (l == null ? void 0 : l.filter((e) => {
+import * as e from "react";
+import { TextBox as q, InputPrefix as H, Checkbox as L } from "@progress/kendo-react-inputs";
+import { IconWrap as J } from "@progress/kendo-react-common";
+import { columnsIcon as K, searchIcon as Q } from "@progress/kendo-svg-icons";
+import { Button as B } from "@progress/kendo-react-buttons";
+import { useLocalization as U } from "@progress/kendo-react-intl";
+import { adaptiveColumnMenuChooserTitle as R, messages as C, filterSelectAll as F, columnMenuColumnChooserSelectedItems as P, filterApplyButton as j, filterResetButton as z } from "../messages/index.mjs";
+import { GridColumnMenuItem as X } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as Y } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemContent as Z } from "./GridColumnMenuItemContent.mjs";
+import { GridContext as _ } from "../GridClientWrapper.mjs";
+import { GridColumnMenuAdaptiveContext as $ } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridAdaptiveColumnChooser as ee } from "./adaptiveContent/GridAdaptiveColumnChooser.mjs";
+const te = (o) => {
+  const { columnsState: l, onCloseMenu: f, onColumnsStateChange: k } = o, s = U(), c = e.useContext(_), { actionSheetRef: x } = e.useContext($), [m, D] = e.useState(""), [h, O] = e.useState(o.expanded || !1), [E, p] = e.useState(!1), S = l.reduce((t, n) => ({ ...t, [n.id || ""]: !n.hidden }), {}), [a, g] = e.useState(S), b = e.useMemo(
+    () => (l == null ? void 0 : l.filter((t) => {
       var n;
-      return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(i.toLowerCase());
+      return (n = t.title || t.field) == null ? void 0 : n.toLowerCase().includes(m.toLowerCase());
     })) || [],
-    [l, i]
-  ), s = t.useMemo(
-    () => Object.values(o).filter((e) => e).length,
-    [o]
-  ), m = t.useMemo(() => s === (l == null ? void 0 : l.length), [l, s]), v = t.useCallback(
-    (e) => {
-      const a = ((r) => (r == null ? void 0 : r.map((f) => ({
-        ...f,
-        hidden: !o[f.id || ""]
+    [l, m]
+  ), d = e.useMemo(
+    () => Object.values(a).filter((t) => t).length,
+    [a]
+  ), u = e.useMemo(() => d === (l == null ? void 0 : l.length), [l, d]), v = e.useCallback(
+    (t) => {
+      t.preventDefault();
+      const r = ((i) => (i == null ? void 0 : i.map((A) => ({
+        ...A,
+        hidden: !a[A.id || ""]
       }))) || [])(l);
-      h && h(a), c == null || c.call(void 0);
+      k && k(r), f == null || f.call(void 0);
     },
-    [o, l, c]
-  ), L = () => {
-    d(C);
-  }, w = t.useCallback(() => {
-    const e = { ...o };
-    Object.keys(e).forEach(
-      (n, a) => e[n] = m && a === 0 ? !0 : !m
-    ), d(e);
-  }, [o, m]), B = t.useCallback(
-    (e, n) => {
-      const a = { ...o };
-      a[n || ""] = e, d(a);
+    [a, l, f]
+  ), M = (t) => {
+    t.preventDefault(), g(S);
+  }, y = e.useCallback(() => {
+    const t = { ...a };
+    Object.keys(t).forEach(
+      (n, r) => t[n] = u && r === 0 ? !0 : !u
+    ), g(t);
+  }, [a, u]), w = e.useCallback(
+    (t, n) => {
+      const r = { ...a };
+      r[n || ""] = t, g(r);
     },
-    [o]
-  ), A = (e) => {
-    y(String(e.target.value));
-  };
-  return /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ t.createElement(
-    M,
+    [a]
+  ), N = (t) => {
+    D(String(t.target.value));
+  }, T = e.useCallback(() => {
+    const t = G(), n = !(t ? o.expanded : h);
+    c.mobileMode && x.current.element.style.setProperty("--kendo-actionsheet-view-current", 2), o.onExpandChange && o.onExpandChange(n), p(!E), !t && !c.mobileMode && O(n);
+  }, [h]), V = () => {
+    p(!1), c.mobileMode && x.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+  }, W = () => {
+    p(!1), o.onCloseMenu && o.onCloseMenu();
+  }, G = () => o.expanded !== void 0, I = G() ? o.expanded : h;
+  return /* @__PURE__ */ e.createElement(Y, null, /* @__PURE__ */ e.createElement("div", { className: "k-expander" }, !(o.alwaysExpand && !c.mobileMode) && /* @__PURE__ */ e.createElement(
+    X,
+    {
+      title: s.toLanguageString(
+        R,
+        C[R]
+      ),
+      iconClass: "k-i-filter",
+      svgIcon: K,
+      expandable: !0,
+      expanded: !!I,
+      onClick: T
+    }
+  )), c.mobileMode && E ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    ee,
+    {
+      onBackView: V,
+      handleClose: W,
+      onApply: v,
+      onReset: M,
+      filter: m,
+      onFilter: N,
+      allSelected: u,
+      onSelectAll: y,
+      filtered: b,
+      selectedColumns: a,
+      checkedCount: d,
+      onCheckChange: w
+    }
+  )) : /* @__PURE__ */ e.createElement(Z, { show: (o.alwaysExpand || !!I) && !c.mobileMode }, /* @__PURE__ */ e.createElement("form", { onSubmit: v, onReset: M, className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
+    q,
     {
       className: "k-searchbox",
-      value: i,
-      onChange: A,
-      prefix: () => /* @__PURE__ */ t.createElement(I, null, /* @__PURE__ */ t.createElement(R, { name: "search", icon: j }))
+      value: m,
+      onChange: N,
+      prefix: () => /* @__PURE__ */ e.createElement(H, null, /* @__PURE__ */ e.createElement(J, { name: "search", icon: Q }))
     }
-  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !i && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
-    p,
+  ), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !m && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
+    L,
     {
-      checked: m,
-      onChange: w,
-      label: u.toLanguageString(E, k[E])
+      checked: u,
+      onChange: y,
+      label: s.toLanguageString(F, C[F])
     }
-  )), x.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
-    p,
+  )), b.map((t, n) => /* @__PURE__ */ e.createElement("li", { key: t.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
+    L,
     {
-      disabled: o[e.id || ""] && s === 1,
-      checked: o[e.id || ""],
-      onChange: (a) => {
-        var r;
-        return B(!!((r = a.target.element) != null && r.checked), e.id);
+      disabled: a[t.id || ""] && d === 1,
+      checked: a[t.id || ""],
+      onChange: (r) => {
+        var i;
+        return w(!!((i = r.target.element) != null && i.checked), t.id);
       },
-      label: e.title || e.field
+      label: t.title || t.field
     }
-  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, s, " selected items"), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(g, { type: "button", themeColor: "primary", onClick: v }, u.toLanguageString(S, k[S])), /* @__PURE__ */ t.createElement(g, { type: "button", onClick: L }, u.toLanguageString(b, k[b])))));
+  )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, d, " ", s.toLanguageString(
+    P,
+    C[P]
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ e.createElement(B, { type: "submit", themeColor: "primary" }, s.toLanguageString(j, C[j])), /* @__PURE__ */ e.createElement(B, { type: "reset" }, s.toLanguageString(z, C[z])))))));
 };
-F.displayName = "GridColumnMenuColumnsChooser";
+te.displayName = "GridColumnMenuColumnsChooser";
 export {
-  F as GridColumnMenuColumnsChooser
+  te as GridColumnMenuColumnsChooser
 };

package/columnMenu/GridColumnMenuFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),L=require("@progress/kendo-data-query"),Y=require("./GridColumnMenuItem.js"),Z=require("./GridColumnMenuItemGroup.js"),$=require("./GridColumnMenuItemContent.js"),ee=require("@progress/kendo-react-intl"),n=require("../filterCommon.js"),c=require("../messages/index.js"),te=require("./GridColumnMenuFilterUI.js"),T=require("@progress/kendo-react-buttons"),re=require("@progress/kendo-svg-icons");function le(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const f in e)if(f!=="default"){const F=Object.getOwnPropertyDescriptor(e,f);Object.defineProperty(u,f,F.get?F:{enumerable:!0,get:()=>e[f]})}}return u.default=e,Object.freeze(u)}const l=le(X),I=e=>e||{filters:[],logic:"and"},v=(e,u)=>I(u).filters.filter(i=>L.isCompositeFilterDescriptor(i)?i.filters&&i.filters.length&&!i.filters.find(C=>L.isCompositeFilterDescriptor(C)||C.field!==e):!1)[0]||null,ne=(e,u)=>!!v(e,u),ie=e=>{const u=l.useCallback(()=>{let t;if(e.column&&e.column.field){const a=n.getFilterType(e.column.filter),r=n.getDefaultOperator(e.filterOperators,a);t=v(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(o=>({...o}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:n.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:n.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(o=>o.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[f,F]=l.useState(e.expanded||!1),[i,C]=l.useState(u()),S=()=>e.expanded!==void 0,_=()=>{const t=S(),a=!(t?e.expanded:f);e.onExpandChange&&e.onExpandChange(a),t||F(a)},j=t=>{p(0,t)},R=t=>{p(1,t)},p=(t,a)=>{const r=i.filters.map((o,s)=>s===t?{...o,value:a.value,operator:a.operator}:o);C({...i,filters:r})},V=t=>{C({...i,logic:t.target.value.operator})},w=t=>{if(t.preventDefault(),!e.onFilterChange)return;const a=e.column.field,r=I(e.filter),o=v(a,e.filter),s=r.filters.filter(g=>g!==o);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},b=()=>({...i,filters:i.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),N=t=>{if(t.preventDefault(),!e.onFilterChange)return;const a=e.column.field,r=I(e.filter),o=v(a,e.filter),s=b();let g=null;if(o&&s.filters.length>0){const M=r.filters.map(y=>y===o?s:y);g={...r,filters:M}}else if(s.filters.length===0){const M=r.filters.filter(y=>y!==o);M.length&&(g={...r,filters:M})}else g={...r,filters:[...r.filters,s]};e.onFilterChange(g,t),e.onCloseMenu&&e.onCloseMenu()},{column:h,filterUI:z,hideSecondFilter:x,filterOperators:A}=e,d=ee.useLocalization();if(!h||!h.field)return l.createElement("div",null);const G=n.getFilterType(h.filter),H=x!==void 0?x:n.defaultHideSecondFilter[G],m=i.filters,O=n.operatorMap(A[G],d),k=n.operatorMap(n.booleanFilterValues,d),Q={field:h.field,value:m[0].value,operator:m[0].operator,operators:O,booleanValues:k,onChange:j,filterType:G},J={field:h.field,value:m[1].value,operator:m[1].operator,operators:O,booleanValues:k,onChange:R,filterType:G},D=i.logic,q=n.operatorMap(n.filterLogicList,d),E={value:q.find(t=>t.operator===(D===null?"":D)),onChange:V,data:q},B=z,P={firstFilterProps:Q,secondFilterProps:J,logicData:E.data,logicValue:E.value,onLogicChange:E.onChange,hideSecondFilter:H},K=b().filters.length!==0||n.IsUnaryFilter(m[0].operator)||n.IsUnaryFilter(m[1].operator),W=S()?e.expanded:f,U=e.alwaysExpand;return l.createElement(Z.GridColumnMenuItemGroup,null,!U&&l.createElement(Y.GridColumnMenuItem,{title:d.toLanguageString(c.filterTitle,c.messages[c.filterTitle]),iconClass:"k-i-filter",svgIcon:re.filterIcon,onClick:_}),l.createElement($.GridColumnMenuItemContent,{show:U||!!W},l.createElement("form",{className:"k-filter-menu",onSubmit:N,onReset:w},l.createElement("div",{className:"k-filter-menu-container"},B?l.createElement(B,{...P}):l.createElement(te.GridColumnMenuFilterUI,{...P}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(T.Button,{themeColor:"primary",disabled:!K},d.toLanguageString(c.filterSubmitButton,c.messages[c.filterSubmitButton])),l.createElement(T.Button,{type:"reset"},d.toLanguageString(c.filterClearButton,c.messages[c.filterClearButton])))))))};exports.GridColumnMenuFilter=ie;exports.filterGroupByField=v;exports.isColumnMenuFilterActive=ne;exports.rootFilterOrDefault=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),j=require("@progress/kendo-data-query"),ne=require("./GridColumnMenuItem.js"),ie=require("./GridColumnMenuItemGroup.js"),oe=require("./GridColumnMenuItemContent.js"),ae=require("@progress/kendo-react-intl"),o=require("../filterCommon.js"),u=require("../messages/index.js"),ue=require("./GridColumnMenuFilterUI.js"),z=require("@progress/kendo-react-buttons"),se=require("@progress/kendo-svg-icons"),ce=require("../GridClientWrapper.js"),de=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),fe=require("./adaptiveContent/GridAdaptiveFilterMenu.js");function me(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const v=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(n,c,v.get?v:{enumerable:!0,get:()=>e[c]})}}return n.default=e,Object.freeze(n)}const r=me(le),x=e=>e||{filters:[],logic:"and"},h=(e,n)=>x(n).filters.filter(d=>j.isCompositeFilterDescriptor(d)?d.filters&&d.filters.length&&!d.filters.find(M=>j.isCompositeFilterDescriptor(M)||M.field!==e):!1)[0]||null,ge=(e,n)=>!!h(e,n),Ce=e=>{const n=r.useContext(ce.GridContext),{actionSheetRef:c}=r.useContext(de.GridColumnMenuAdaptiveContext),v=r.useCallback(()=>{let t;if(e.column&&e.column.field){const i=o.getFilterType(e.column.filter),l=o.getDefaultOperator(e.filterOperators,i);t=h(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(a=>({...a}))}:{logic:"and",filters:[{field:e.column.field,operator:l,value:o.IsUnaryFilter(l)?null:void 0},{field:e.column.field,operator:l,value:o.IsUnaryFilter(l)?null:void 0}]},t.filters.filter(a=>a.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:l})}return t},[e.column]),[d,M]=r.useState(e.expanded||!1),[k,y]=r.useState(!1),[f,q]=r.useState(v()),O=()=>e.expanded!==void 0,H=()=>{const t=O(),i=!(t?e.expanded:d);n.mobileMode&&c.current.element.style.setProperty("--kendo-actionsheet-view-current",2),e.onExpandChange&&e.onExpandChange(i),y(!k),!t&&!n.mobileMode&&M(i)},$=t=>{T(0,t)},Q=t=>{T(1,t)},T=(t,i)=>{const l=f.filters.map((a,s)=>s===t?{...a,value:i.value,operator:i.operator}:a);q({...f,filters:l})},W=t=>{let i=t.target.value;t.target.tagName==="SPAN"&&(i=t.target.parentElement.value),q({...f,logic:i})},D=t=>{if(t.preventDefault(),!e.onFilterChange)return;const i=e.column.field,l=x(e.filter),a=h(i,e.filter),s=l.filters.filter(F=>F!==a);s.length?e.onFilterChange({...l,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},P=()=>({...f,filters:f.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),B=t=>{if(t.preventDefault(),!e.onFilterChange)return;const i=e.column.field,l=x(e.filter),a=h(i,e.filter),s=P();let F=null;if(a&&s.filters.length>0){const G=l.filters.map(S=>S===a?s:S);F={...l,filters:G}}else if(s.filters.length===0){const G=l.filters.filter(S=>S!==a);G.length&&(F={...l,filters:G})}else F={...l,filters:[...l.filters,s]};e.onFilterChange(F,t),e.onCloseMenu&&e.onCloseMenu()},{column:m,filterUI:J,hideSecondFilter:A,filterOperators:K}=e,g=ae.useLocalization();if(!m||!m.field)return r.createElement("div",null);const p=o.getFilterType(m.filter),X=A!==void 0?A:o.defaultHideSecondFilter[p],C=f.filters,L=o.operatorMap(K[p],g),U=o.operatorMap(o.booleanFilterValues,g),Y={field:m.field,value:C[0].value,operator:C[0].operator,operators:L,booleanValues:U,onChange:$,filterType:p},Z={field:m.field,value:C[1].value,operator:C[1].operator,operators:L,booleanValues:U,onChange:Q,filterType:p},w=f.logic,N=o.operatorMap(o.filterLogicList,g),E={value:N.find(t=>t.operator===(w===null?"":w)),onChange:W,data:N},b=J,I={firstFilterProps:Y,secondFilterProps:Z,logicData:E.data,logicValue:E.value,onLogicChange:E.onChange,hideSecondFilter:X},R=P().filters.length!==0||o.IsUnaryFilter(C[0].operator)||o.IsUnaryFilter(C[1].operator),V=O()?e.expanded:d,_=e.alwaysExpand&&!n.mobileMode,ee=()=>{y(!1),n.mobileMode&&c.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},te=()=>{y(!1),e.onCloseMenu&&e.onCloseMenu()},re=`${g.toLanguageString(u.adaptiveColumnMenuFilterTitle,u.messages[u.adaptiveColumnMenuFilterTitle])} ${m.title||m.field}`;return r.createElement(ie.GridColumnMenuItemGroup,null,!_&&r.createElement("div",{className:"k-expander"},r.createElement(ne.GridColumnMenuItem,{title:g.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),iconClass:"k-i-filter",svgIcon:se.filterIcon,expandable:!0,expanded:!!V,onClick:H})),n.mobileMode&&k?r.createElement(r.Fragment,null,r.createElement(fe.GridAdaptiveFilterMenu,{FilterUI:b,filterUIProps:I,onBackView:ee,adaptiveTitle:re,handleClose:te,submit:B,clear:D,isFilterValid:R})):r.createElement(oe.GridColumnMenuItemContent,{show:(_||!!V)&&!n.mobileMode},r.createElement("form",{className:"k-filter-menu",onSubmit:B,onReset:D},r.createElement("div",{className:"k-filter-menu-container"},b?r.createElement(b,{...I}):r.createElement(ue.GridColumnMenuFilterUI,{...I}),r.createElement("div",{className:"k-actions k-actions-stretched"},r.createElement(z.Button,{themeColor:"primary",disabled:!R},g.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),r.createElement(z.Button,{type:"reset"},g.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))};exports.GridColumnMenuFilter=Ce;exports.filterGroupByField=h;exports.isColumnMenuFilterActive=ge;exports.rootFilterOrDefault=x;