@progress/kendo-react-grid 11.0.0-develop.5 → 11.0.0-develop.7

package/columnMenu/GridColumnMenuColumnsChooser.mjs

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

package/columnMenu/GridColumnMenuFilter.js

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

package/columnMenu/GridColumnMenuFilter.mjs

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

package/columnMenu/GridColumnMenuItem.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),i=require("@progress/kendo-react-common"),f=require("../GridClientWrapper.js"),r=require("@progress/kendo-svg-icons");function I(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const c=I(p),v=n=>{const{title:t,iconClass:e,svgIcon:o,selected:s,expandable:l,expanded:u}=n,{mobileMode:m,dir:d}=c.useContext(f.GridContext);let a;return l&&(m?a=d==="rtl"?r.chevronLeftIcon:r.chevronRightIcon:a=u?r.chevronUpIcon:r.chevronDownIcon),c.createElement("div",{onClick:n.onClick,className:`k-columnmenu-item ${s?"k-selected":""}`},(e||o)&&c.createElement(i.IconWrap,{name:e&&i.toIconName(e),icon:o}),t,c.createElement("span",{className:"k-spacer"}),l&&c.createElement(i.IconWrap,{icon:a}))};exports.GridColumnMenuItem=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),i=require("@progress/kendo-react-common"),p=require("../GridClientWrapper.js"),a=require("@progress/kendo-svg-icons");function f(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(c,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return c.default=n,Object.freeze(c)}const r=f(d),I=n=>{const{title:c,iconClass:e,svgIcon:o,selected:u,expandable:s,expanded:m}=n,t=r.useContext(p.GridContext);let l;return s&&(t!=null&&t.mobileMode?l=(t==null?void 0:t.dir)==="rtl"?a.chevronLeftIcon:a.chevronRightIcon:l=m?a.chevronUpIcon:a.chevronDownIcon),r.createElement("div",{onClick:n.onClick,className:`k-columnmenu-item ${u?"k-selected":""}`},(e||o)&&r.createElement(i.IconWrap,{name:e&&i.toIconName(e),icon:o}),c,r.createElement("span",{className:"k-spacer"}),s&&r.createElement(i.IconWrap,{icon:l}))};exports.GridColumnMenuItem=I;

package/columnMenu/GridColumnMenuItem.mjs

@@ -6,15 +6,15 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import { IconWrap as m, toIconName as p } from "@progress/kendo-react-common";
+import * as o from "react";
+import { IconWrap as a, toIconName as p } from "@progress/kendo-react-common";
 import { GridContext as I } from "../GridClientWrapper.mjs";
-import { chevronLeftIcon as v, chevronRightIcon as f, chevronDownIcon as h, chevronUpIcon as u } from "@progress/kendo-svg-icons";
-const E = (t) => {
-  const { title: i, iconClass: o, svgIcon: c, selected: a, expandable: r, expanded: l } = t, { mobileMode: s, dir: d } = e.useContext(I);
-  let n;
-  return r && (s ? n = d === "rtl" ? v : f : n = l ? u : h), /* @__PURE__ */ e.createElement("div", { onClick: t.onClick, className: `k-columnmenu-item ${a ? "k-selected" : ""}` }, (o || c) && /* @__PURE__ */ e.createElement(m, { name: o && p(o), icon: c }), i, /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }), r && /* @__PURE__ */ e.createElement(m, { icon: n }));
+import { chevronLeftIcon as d, chevronRightIcon as v, chevronDownIcon as f, chevronUpIcon as h } from "@progress/kendo-svg-icons";
+const C = (t) => {
+  const { title: l, iconClass: n, svgIcon: m, selected: i, expandable: r, expanded: s } = t, e = o.useContext(I);
+  let c;
+  return r && (e != null && e.mobileMode ? c = (e == null ? void 0 : e.dir) === "rtl" ? d : v : c = s ? h : f), /* @__PURE__ */ o.createElement("div", { onClick: t.onClick, className: `k-columnmenu-item ${i ? "k-selected" : ""}` }, (n || m) && /* @__PURE__ */ o.createElement(a, { name: n && p(n), icon: m }), l, /* @__PURE__ */ o.createElement("span", { className: "k-spacer" }), r && /* @__PURE__ */ o.createElement(a, { icon: c }));
 };
 export {
-  E as GridColumnMenuItem
+  C as GridColumnMenuItem
 };

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),k=require("react-dom"),t=require("../../messages/index.js"),C=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-layout"),o=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-inputs"),E=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),b=require("./GridActionSheetFooter.js"),x=n=>{const c=e.useContext(C.GridContext),a=v.useLocalization(),{secondViewRef:u}=e.useContext(E.GridColumnMenuAdaptiveContext),m=c.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon,d=a.toLanguageString(t.adaptiveColumnMenuCheckboxFilterTitle,t.messages[t.adaptiveColumnMenuCheckboxFilterTitle]);return e.createElement(e.Fragment,null,k.createPortal(e.createElement(e.Fragment,null,e.createElement(i.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(o.Button,{type:"button",onClick:n.onBackView,svgIcon:m,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},d)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(o.Button,{type:"button",svgIcon:r.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(i.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},n.searchBox,e.createElement("ul",{className:"k-reset k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(s.Checkbox,{size:c.mobileMode?"large":"medium",label:a.toLanguageString(t.filterCheckAll,t.messages[t.filterCheckAll]),onChange:l=>n.handleCheckBoxChange(l,"all"),checked:n.isAllSelected()})),n.currentData.map((l,g)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${g}`},e.createElement(s.Checkbox,{size:c.mobileMode?"large":"medium",label:String(l),onChange:h=>n.handleCheckBoxChange(h,l),checked:n.uniqueFilterValues.includes(l)})))),e.createElement("div",{className:"k-filter-selected-items"},n.uniqueFilterValues.length+" "+a.toLanguageString(t.filterSelectedItems,t.messages[t.filterSelectedItems]))))),e.createElement(i.ActionSheetFooter,null,e.createElement(b.GridActionSheetFooterContent,{onApply:n.submit,onReset:n.clear,submitMessage:a.toLanguageString(t.filterSubmitButton,t.messages[t.filterSubmitButton]),resetMessage:a.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton])}))),u.current.current))};exports.GridAdaptiveCheckboxFilter=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=require("react-dom"),t=require("../../messages/index.js"),S=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),u=require("@progress/kendo-react-inputs"),b=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),E=require("./GridActionSheetFooter.js"),x=n=>{const a=e.useContext(S.GridContext),l=v.useLocalization(),{actionSheetRef:r,secondViewRef:m}=e.useContext(b.GridColumnMenuAdaptiveContext),d=a.dir==="rtl"?o.chevronRightIcon:o.chevronLeftIcon,h=l.toLanguageString(t.adaptiveColumnMenuCheckboxFilterTitle,t.messages[t.adaptiveColumnMenuCheckboxFilterTitle]);e.useEffect(()=>{a!=null&&a.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{n.onBackView&&n.onBackView(),a!=null&&a.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,e.createElement(i.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",onClick:k,svgIcon:d,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},h)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",svgIcon:o.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(i.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},n.searchBox,e.createElement("ul",{className:"k-reset k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(u.Checkbox,{size:a.mobileMode?"large":"medium",label:l.toLanguageString(t.filterCheckAll,t.messages[t.filterCheckAll]),onChange:c=>n.handleCheckBoxChange(c,"all"),checked:n.isAllSelected()})),n.currentData.map((c,g)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${g}`},e.createElement(u.Checkbox,{size:a.mobileMode?"large":"medium",label:String(c),onChange:C=>n.handleCheckBoxChange(C,c),checked:n.uniqueFilterValues.includes(c)})))),e.createElement("div",{className:"k-filter-selected-items"},n.uniqueFilterValues.length+" "+l.toLanguageString(t.filterSelectedItems,t.messages[t.filterSelectedItems]))))),e.createElement(i.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:n.submit,onReset:n.clear,submitMessage:l.toLanguageString(t.filterSubmitButton,t.messages[t.filterSubmitButton]),resetMessage:l.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton])}))),m.current.current))};exports.GridAdaptiveCheckboxFilter=x;