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

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 "../utils/GridContext.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/GridColumnMenuFilterCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),d=require("@progress/kendo-react-dropdowns"),s=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),c=require("../filterCommon.js"),p=require("../GridClientWrapper.js");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const r=D(b),v=e=>{const t=r.useContext(p.GridContext),a=()=>{if(e.filterType==="boolean")return;const n=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(d.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:n,onChange:m,data:e.operators,textField:"text"})},l=n=>{c.cellInputChange(n.value,n.syntheticEvent,e)},m=n=>{c.cellOperatorChange(n,e.value,e.onChange)},g=n=>{c.cellBoolDropdownChange(n,e.onChange)},C=(n,o,u)=>{switch(n){case"numeric":return r.createElement(s.NumericTextBox,{value:o,size:t.mobileMode?"large":"medium",onChange:l,rangeOnEnter:!1});case"date":return r.createElement(h.DatePicker,{value:o,size:t.mobileMode?"large":"medium",onChange:l});case"boolean":{const f=i=>i==null;return r.createElement(d.DropDownList,{adaptive:t.adaptive,onChange:g,size:t.mobileMode?"large":"medium",value:u.find(i=>i.operator===(f(o)?"":o)),data:u,textField:"text"})}default:return r.createElement(s.Input,{className:"k-input-lg",value:o||"",onChange:l})}};return r.createElement(r.Fragment,null,a(),C(e.filterType,e.value,e.booleanValues))};exports.GridColumnMenuFilterCell=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),d=require("@progress/kendo-react-dropdowns"),m=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),c=require("../filterCommon.js"),x=require("../utils/GridContext.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=p(b),D=e=>{const t=o.useContext(x.GridContext),a=()=>{if(e.filterType==="boolean")return;const n=e.operators.find(r=>r.operator===e.operator)||null;return o.createElement(d.DropDownList,{adaptive:t.adaptive,size:t.mobileMode?"large":"medium",value:n,onChange:s,data:e.operators,textField:"text"})},i=n=>{c.cellInputChange(n.value,n.syntheticEvent,e)},s=n=>{c.cellOperatorChange(n,e.value,e.onChange)},g=n=>{c.cellBoolDropdownChange(n,e.onChange)},C=(n,r,u)=>{switch(n){case"numeric":return o.createElement(m.NumericTextBox,{value:r,size:t.mobileMode?"large":"medium",onChange:i,rangeOnEnter:!1});case"date":return o.createElement(h.DatePicker,{value:r,size:t.mobileMode?"large":"medium",onChange:i});case"boolean":{const f=l=>l==null;return o.createElement(d.DropDownList,{adaptive:t.adaptive,onChange:g,size:t.mobileMode?"large":"medium",value:u.find(l=>l.operator===(f(r)?"":r)),data:u,textField:"text"})}default:return o.createElement(m.TextBox,{size:t.mobileMode?"large":"medium",value:r||"",onChange:i})}};return o.createElement(o.Fragment,null,a(),C(e.filterType,e.value,e.booleanValues))};exports.GridColumnMenuFilterCell=D;

package/columnMenu/GridColumnMenuFilterCell.mjs

@@ -8,41 +8,41 @@
 "use client";
 import * as n from "react";
 import { DropDownList as m } from "@progress/kendo-react-dropdowns";
-import { Input as s, NumericTextBox as h } from "@progress/kendo-react-inputs";
+import { TextBox as h, NumericTextBox as s } from "@progress/kendo-react-inputs";
 import { DatePicker as f } from "@progress/kendo-react-dateinputs";
-import { cellOperatorChange as x, cellInputChange as p, cellBoolDropdownChange as E } from "../filterCommon.mjs";
-import { GridContext as b } from "../GridClientWrapper.mjs";
-const z = (e) => {
-  const r = n.useContext(b), c = () => {
+import { cellOperatorChange as x, cellInputChange as E, cellBoolDropdownChange as b } from "../filterCommon.mjs";
+import { GridContext as p } from "../utils/GridContext.mjs";
+const w = (e) => {
+  const o = n.useContext(p), d = () => {
     if (e.filterType === "boolean")
       return;
-    const t = e.operators.find((o) => o.operator === e.operator) || null;
+    const t = e.operators.find((r) => r.operator === e.operator) || null;
     return /* @__PURE__ */ n.createElement(
       m,
       {
-        adaptive: r.adaptive,
-        size: r.mobileMode ? "large" : "medium",
+        adaptive: o.adaptive,
+        size: o.mobileMode ? "large" : "medium",
         value: t,
-        onChange: d,
+        onChange: c,
         data: e.operators,
         textField: "text"
       }
     );
-  }, l = (t) => {
-    p(t.value, t.syntheticEvent, e);
-  }, d = (t) => {
+  }, i = (t) => {
+    E(t.value, t.syntheticEvent, e);
+  }, c = (t) => {
     x(t, e.value, e.onChange);
   }, u = (t) => {
-    E(t, e.onChange);
-  }, g = (t, o, i) => {
+    b(t, e.onChange);
+  }, g = (t, r, l) => {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ n.createElement(
-          h,
+          s,
           {
-            value: o,
-            size: r.mobileMode ? "large" : "medium",
-            onChange: l,
+            value: r,
+            size: o.mobileMode ? "large" : "medium",
+            onChange: i,
             rangeOnEnter: !1
           }
         );
@@ -50,9 +50,9 @@ const z = (e) => {
         return /* @__PURE__ */ n.createElement(
           f,
           {
-            value: o,
-            size: r.mobileMode ? "large" : "medium",
-            onChange: l
+            value: r,
+            size: o.mobileMode ? "large" : "medium",
+            onChange: i
           }
         );
       case "boolean": {
@@ -60,21 +60,28 @@ const z = (e) => {
         return /* @__PURE__ */ n.createElement(
           m,
           {
-            adaptive: r.adaptive,
+            adaptive: o.adaptive,
             onChange: u,
-            size: r.mobileMode ? "large" : "medium",
-            value: i.find((a) => a.operator === (C(o) ? "" : o)),
-            data: i,
+            size: o.mobileMode ? "large" : "medium",
+            value: l.find((a) => a.operator === (C(r) ? "" : r)),
+            data: l,
             textField: "text"
           }
         );
       }
       default:
-        return /* @__PURE__ */ n.createElement(s, { className: "k-input-lg", value: o || "", onChange: l });
+        return /* @__PURE__ */ n.createElement(
+          h,
+          {
+            size: o.mobileMode ? "large" : "medium",
+            value: r || "",
+            onChange: i
+          }
+        );
     }
   };
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, c(), g(e.filterType, e.value, e.booleanValues));
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, d(), g(e.filterType, e.value, e.booleanValues));
 };
 export {
-  z as GridColumnMenuFilterCell
+  w as GridColumnMenuFilterCell
 };

package/columnMenu/GridColumnMenuFilterUI.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("./GridColumnMenuFilterCell.js"),m=require("../GridClientWrapper.js"),u=require("@progress/kendo-react-buttons");function g(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=g(s),p=t=>{const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:l,logicValue:o,onLogicChange:i}=t,c=e.useContext(m.GridContext),a=(o==null?void 0:o.operator)==="and";return e.createElement(e.Fragment,null,e.createElement(d.GridColumnMenuFilterCell,{...r}),!n&&e.createElement(e.Fragment,null,e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{type:"button",value:"and",size:c.mobileMode?"large":"medium",togglable:!0,selected:a,onClick:i},"And"),e.createElement(u.Button,{type:"button",value:"or",size:c.mobileMode?"large":"medium",togglable:!0,selected:!a,onClick:i},"Or")),e.createElement(d.GridColumnMenuFilterCell,{...l})))};exports.GridColumnMenuFilterUI=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("./GridColumnMenuFilterCell.js"),m=require("../utils/GridContext.js"),u=require("@progress/kendo-react-buttons");function g(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=g(s),C=t=>{const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:o,logicValue:l,onLogicChange:i}=t,c=e.useContext(m.GridContext),a=(l==null?void 0:l.operator)==="and";return e.createElement(e.Fragment,null,e.createElement(d.GridColumnMenuFilterCell,{...r}),!n&&e.createElement(e.Fragment,null,e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{type:"button",value:"and",size:c.mobileMode?"large":"medium",togglable:!0,selected:a,onClick:i},"And"),e.createElement(u.Button,{type:"button",value:"or",size:c.mobileMode?"large":"medium",togglable:!0,selected:!a,onClick:i},"Or")),e.createElement(d.GridColumnMenuFilterCell,{...o})))};exports.GridColumnMenuFilterUI=C;

package/columnMenu/GridColumnMenuFilterUI.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as e from "react";
 import { GridColumnMenuFilterCell as l } from "./GridColumnMenuFilterCell.mjs";
-import { GridContext as d } from "../GridClientWrapper.mjs";
+import { GridContext as d } from "../utils/GridContext.mjs";
 import { ButtonGroup as s, Button as m } from "@progress/kendo-react-buttons";
 const E = (i) => {
   const { firstFilterProps: a, hideSecondFilter: c, secondFilterProps: u, logicValue: t, onLogicChange: r } = i, o = e.useContext(d), n = (t == null ? void 0 : t.operator) === "and";

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"),f=require("../utils/GridContext.js"),a=require("@progress/kendo-svg-icons");function p(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=p(d),I=n=>{const{title:c,iconClass:e,svgIcon:o,selected:u,expandable:s,expanded:m}=n,t=r.useContext(f.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 { 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 * as o from "react";
+import { IconWrap as a, toIconName as p } from "@progress/kendo-react-common";
+import { GridContext as I } from "../utils/GridContext.mjs";
+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/GridColumnMenuWrapper.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),W=require("@progress/kendo-react-popup"),a=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),h=require("../messages/index.js"),_=require("@progress/kendo-react-intl"),j=require("../GridClientWrapper.js"),z=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),$=require("./adaptiveContent/GridAdaptiveColumnMenu.js");function F(t){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(u,c,s.get?s:{enumerable:!0,get:()=>t[c]})}}return u.default=t,Object.freeze(u)}const n=F(N),L=[".k-columnmenu-item-content",".k-filter-menu-container"].map(t=>a.TABBABLE_ELEMENTS.map(u=>`${t} ${u}`)),V=[[".k-tabstrip-items"],[".k-columnmenu-item"],...L],H=t=>{const u=n.useContext(j.GridContext),[c,s]=n.useState(!1),i=n.useRef(null),m=n.useRef(null),l=n.useRef(null),M=n.useRef(0),{columnMenu:d,...C}=t,{column:b,columnMenuIcon:E,navigatable:p}=t,w=_.useLocalization(),k=b.title||b.field,y=k?`${k} `:"",D="#",S=e=>{const o=a.getActiveElement(document);clearTimeout(M.current),M.current=window.setTimeout(()=>{!u.mobileMode&&o&&e.relatedTarget!==i.current&&m.current&&!m.current.contains(o)&&f()})},T=()=>{clearTimeout(M.current)},q=e=>{e.preventDefault(),c&&t.onCloseMenu&&t.onCloseMenu(),s(!c)},f=()=>{t.onCloseMenu&&t.onCloseMenu(),s(!1),!t.navigatable&&i.current&&i.current.focus()},A=e=>{var o;if(e.keyCode===a.Keys.tab){const r=e.target,v=r&&((o=r.closest(".k-grid"))==null?void 0:o.getElementsByClassName("k-grid-content")[0]);v&&v.scrollWidth>v.clientWidth&&r.scrollIntoView({inline:"center"})}},g=n.useMemo(()=>t.show!==void 0?t.show:c,[t.show,c]),I=e=>{var o;(o=l.current)==null||o.triggerKeyboardEvent(e)},R=e=>{var o;(o=l.current)==null||o.triggerMouseEvent(e)},x=(e,o,r)=>{r.preventDefault(),r.shiftKey?o.focusPrevious(e):o.focusNext(e)},G=(e,o,r)=>{e&&(r.preventDefault(),e.click())},O=(e,o,r)=>{r.preventDefault(),f()},P=(e,o,r)=>{o.focusElement(e)},K=e=>{!e.isAnchorClicked&&s(!1)};return n.useEffect(()=>(g&&m.current&&(l.current=new a.Navigation({tabIndex:0,root:m,selectors:V,keyboardEvents:{keydown:{Tab:x,Enter:G,Escape:O}},mouseEvents:{mousedown:P}}),l.current.focusElement(l.current.first,null)),()=>{l.current&&(l.current=null)}),[g]),n.createElement(n.Fragment,null,n.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:i,onClick:q,onKeyDown:A,href:D,tabIndex:p?-1:void 0,"aria-label":`${p?"":y}${w.toLanguageString(h.columnMenu,h.messages[h.columnMenu])}`},E?n.createElement(a.IconWrap,{name:E.name,icon:E}):n.createElement(a.IconWrap,{name:"more-vertical",icon:B.moreVerticalIcon})),n.createElement(z.GridColumnMenuAdaptiveProvider,null,u.mobileMode?n.createElement($.GridAdaptiveColumnMenu,{computedShow:g,ColumnMenu:d,closeMenu:f},d&&n.createElement(d,{...C,onCloseMenu:f})):n.createElement(W.Popup,{anchor:i.current,show:g,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:K},n.createElement("div",{ref:m,onBlur:S,onFocus:T,onMouseDown:R,onKeyDown:I,className:"k-column-menu k-column-menu-md"},d&&n.createElement(d,{...C,onCloseMenu:f})))))};exports.GridColumnMenuWrapper=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),_=require("@progress/kendo-react-popup"),s=require("@progress/kendo-react-common"),j=require("@progress/kendo-svg-icons"),h=require("../messages/index.js"),z=require("@progress/kendo-react-intl"),F=require("../utils/GridContext.js"),$=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),L=require("./adaptiveContent/GridAdaptiveColumnMenu.js"),V=require("react-dom");function H(t){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const a=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(u,c,a.get?a:{enumerable:!0,get:()=>t[c]})}}return u.default=t,Object.freeze(u)}const n=H(W),J=[".k-columnmenu-item-content",".k-filter-menu-container"].map(t=>s.TABBABLE_ELEMENTS.map(u=>`${t} ${u}`)),Q=[[".k-tabstrip-items"],[".k-columnmenu-item"],...J],U=t=>{var p;const u=n.useContext(F.GridContext),[c,a]=n.useState(!1),i=n.useRef(null),m=n.useRef(null),l=n.useRef(null),M=n.useRef(0),D=s.useDocument(i),{columnMenu:d,...b}=t,{column:C,columnMenuIcon:E,navigatable:k}=t,y=z.useLocalization(),w=C.title||C.field,S=w?`${w} `:"",T="#",q=e=>{const o=s.getActiveElement(document);clearTimeout(M.current),M.current=window.setTimeout(()=>{!u.mobileMode&&o&&e.relatedTarget!==i.current&&m.current&&!m.current.contains(o)&&f()})},R=()=>{clearTimeout(M.current)},x=e=>{e.preventDefault(),c&&t.onCloseMenu&&t.onCloseMenu(),a(!c)},f=()=>{t.onCloseMenu&&t.onCloseMenu(),a(!1),!t.navigatable&&i.current&&i.current.focus()},A=e=>{var o;if(e.keyCode===s.Keys.tab){const r=e.target,v=r&&((o=r.closest(".k-grid"))==null?void 0:o.getElementsByClassName("k-grid-content")[0]);v&&v.scrollWidth>v.clientWidth&&r.scrollIntoView({inline:"center"})}},g=n.useMemo(()=>t.show!==void 0?t.show:c,[t.show,c]),I=e=>{var o;(o=l.current)==null||o.triggerKeyboardEvent(e)},O=e=>{var o;(o=l.current)==null||o.triggerMouseEvent(e)},P=(e,o,r)=>{r.preventDefault(),r.shiftKey?o.focusPrevious(e):o.focusNext(e)},G=(e,o,r)=>{e&&(r.preventDefault(),e.click())},K=(e,o,r)=>{r.preventDefault(),f()},N=(e,o,r)=>{o.focusElement(e)},B=e=>{!e.isAnchorClicked&&a(!1)};return n.useEffect(()=>(g&&m.current&&(l.current=new s.Navigation({tabIndex:0,root:m,selectors:Q,keyboardEvents:{keydown:{Tab:P,Enter:G,Escape:K}},mouseEvents:{mousedown:N}}),l.current.focusElement(l.current.first,null)),()=>{l.current&&(l.current=null)}),[g]),n.createElement(n.Fragment,null,n.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:i,onClick:x,onKeyDown:A,href:T,tabIndex:k?-1:void 0,"aria-label":`${k?"":S}${y.toLanguageString(h.columnMenu,h.messages[h.columnMenu])}`},E?n.createElement(s.IconWrap,{name:E.name,icon:E}):n.createElement(s.IconWrap,{name:"more-vertical",icon:j.moreVerticalIcon})),n.createElement($.GridColumnMenuAdaptiveProvider,null,u.mobileMode?n.createElement(n.Fragment,null,V.createPortal(n.createElement(L.GridAdaptiveColumnMenu,{computedShow:g,ColumnMenu:d,closeMenu:f},d&&n.createElement(d,{...b,onCloseMenu:f})),(p=D())==null?void 0:p.body)):n.createElement(_.Popup,{anchor:i.current,show:g,popupClass:"k-grid-columnmenu-popup",onMouseDownOutside:B},n.createElement("div",{ref:m,onBlur:q,onFocus:R,onMouseDown:O,onKeyDown:I,className:"k-column-menu k-column-menu-md"},d&&n.createElement(d,{...b,onCloseMenu:f})))))};exports.GridColumnMenuWrapper=U;

package/columnMenu/GridColumnMenuWrapper.mjs

@@ -7,55 +7,57 @@
  */
 "use client";
 import * as n from "react";
-import { Popup as F } from "@progress/kendo-react-popup";
-import { TABBABLE_ELEMENTS as G, Navigation as L, IconWrap as k, getActiveElement as P, Keys as W } from "@progress/kendo-react-common";
-import { moreVerticalIcon as V } from "@progress/kendo-svg-icons";
-import { columnMenu as p, messages as _ } from "../messages/index.mjs";
-import { useLocalization as H } from "@progress/kendo-react-intl";
-import { GridContext as O } from "../GridClientWrapper.mjs";
-import { GridColumnMenuAdaptiveProvider as j } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
-import { GridAdaptiveColumnMenu as q } from "./adaptiveContent/GridAdaptiveColumnMenu.mjs";
-const J = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((t) => G.map((i) => `${t} ${i}`)), Q = [[".k-tabstrip-items"], [".k-columnmenu-item"], ...J], ce = (t) => {
-  const i = n.useContext(O), [m, d] = n.useState(!1), l = n.useRef(null), u = n.useRef(null), c = n.useRef(null), E = n.useRef(0), { columnMenu: s, ...g } = t, { column: v, columnMenuIcon: h, navigatable: w } = t, b = H(), C = v.title || v.field, D = C ? `${C} ` : "", y = "#", T = (e) => {
-    const o = P(document);
+import { Popup as G } from "@progress/kendo-react-popup";
+import { TABBABLE_ELEMENTS as L, useDocument as W, Navigation as O, IconWrap as k, getActiveElement as V, Keys as _ } from "@progress/kendo-react-common";
+import { moreVerticalIcon as H } from "@progress/kendo-svg-icons";
+import { columnMenu as b, messages as j } from "../messages/index.mjs";
+import { useLocalization as q } from "@progress/kendo-react-intl";
+import { GridContext as J } from "../utils/GridContext.mjs";
+import { GridColumnMenuAdaptiveProvider as Q } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridAdaptiveColumnMenu as U } from "./adaptiveContent/GridAdaptiveColumnMenu.mjs";
+import X from "react-dom";
+const Y = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((o) => L.map((i) => `${o} ${i}`)), Z = [[".k-tabstrip-items"], [".k-columnmenu-item"], ...Y], ie = (o) => {
+  var C;
+  const i = n.useContext(J), [m, d] = n.useState(!1), l = n.useRef(null), u = n.useRef(null), c = n.useRef(null), E = n.useRef(0), D = W(l), { columnMenu: s, ...g } = o, { column: v, columnMenuIcon: h, navigatable: w } = o, y = q(), p = v.title || v.field, T = p ? `${p} ` : "", S = "#", x = (e) => {
+    const t = V(document);
     clearTimeout(E.current), E.current = window.setTimeout(() => {
-      !i.mobileMode && o && e.relatedTarget !== l.current && u.current && !u.current.contains(o) && a();
+      !i.mobileMode && t && e.relatedTarget !== l.current && u.current && !u.current.contains(t) && a();
     });
-  }, S = () => {
+  }, A = () => {
     clearTimeout(E.current);
-  }, x = (e) => {
-    e.preventDefault(), m && t.onCloseMenu && t.onCloseMenu(), d(!m);
+  }, K = (e) => {
+    e.preventDefault(), m && o.onCloseMenu && o.onCloseMenu(), d(!m);
   }, a = () => {
-    t.onCloseMenu && t.onCloseMenu(), d(!1), !t.navigatable && l.current && l.current.focus();
-  }, A = (e) => {
-    var o;
-    if (e.keyCode === W.tab) {
-      const r = e.target, M = r && ((o = r.closest(".k-grid")) == null ? void 0 : o.getElementsByClassName("k-grid-content")[0]);
+    o.onCloseMenu && o.onCloseMenu(), d(!1), !o.navigatable && l.current && l.current.focus();
+  }, B = (e) => {
+    var t;
+    if (e.keyCode === _.tab) {
+      const r = e.target, M = r && ((t = r.closest(".k-grid")) == null ? void 0 : t.getElementsByClassName("k-grid-content")[0]);
       M && M.scrollWidth > M.clientWidth && r.scrollIntoView({ inline: "center" });
     }
-  }, f = n.useMemo(() => t.show !== void 0 ? t.show : m, [t.show, m]), K = (e) => {
-    var o;
-    (o = c.current) == null || o.triggerKeyboardEvent(e);
-  }, B = (e) => {
-    var o;
-    (o = c.current) == null || o.triggerMouseEvent(e);
-  }, I = (e, o, r) => {
-    r.preventDefault(), r.shiftKey ? o.focusPrevious(e) : o.focusNext(e);
-  }, N = (e, o, r) => {
+  }, f = n.useMemo(() => o.show !== void 0 ? o.show : m, [o.show, m]), I = (e) => {
+    var t;
+    (t = c.current) == null || t.triggerKeyboardEvent(e);
+  }, N = (e) => {
+    var t;
+    (t = c.current) == null || t.triggerMouseEvent(e);
+  }, R = (e, t, r) => {
+    r.preventDefault(), r.shiftKey ? t.focusPrevious(e) : t.focusNext(e);
+  }, F = (e, t, r) => {
     e && (r.preventDefault(), e.click());
-  }, R = (e, o, r) => {
+  }, P = (e, t, r) => {
     r.preventDefault(), a();
-  }, $ = (e, o, r) => {
-    o.focusElement(e);
+  }, $ = (e, t, r) => {
+    t.focusElement(e);
   }, z = (e) => {
     !e.isAnchorClicked && d(!1);
   };
-  return n.useEffect(() => (f && u.current && (c.current = new L({
+  return n.useEffect(() => (f && u.current && (c.current = new O({
     tabIndex: 0,
     root: u,
-    selectors: Q,
+    selectors: Z,
     keyboardEvents: {
-      keydown: { Tab: I, Enter: N, Escape: R }
+      keydown: { Tab: R, Enter: F, Escape: P }
     },
     mouseEvents: { mousedown: $ }
   }), c.current.focusElement(c.current.first, null)), () => {
@@ -65,18 +67,29 @@ const J = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((t) =>
     {
       className: "k-grid-header-menu k-grid-column-menu",
       ref: l,
-      onClick: x,
-      onKeyDown: A,
-      href: y,
+      onClick: K,
+      onKeyDown: B,
+      href: S,
       tabIndex: w ? -1 : void 0,
-      "aria-label": `${w ? "" : D}${b.toLanguageString(
-        p,
-        _[p]
+      "aria-label": `${w ? "" : T}${y.toLanguageString(
+        b,
+        j[b]
       )}`
     },
-    h ? /* @__PURE__ */ n.createElement(k, { name: h.name, icon: h }) : /* @__PURE__ */ n.createElement(k, { name: "more-vertical", icon: V })
-  ), /* @__PURE__ */ n.createElement(j, null, i.mobileMode ? /* @__PURE__ */ n.createElement(q, { computedShow: f, ColumnMenu: s, closeMenu: a }, s && /* @__PURE__ */ n.createElement(s, { ...g, onCloseMenu: a })) : /* @__PURE__ */ n.createElement(
-    F,
+    h ? /* @__PURE__ */ n.createElement(k, { name: h.name, icon: h }) : /* @__PURE__ */ n.createElement(k, { name: "more-vertical", icon: H })
+  ), /* @__PURE__ */ n.createElement(Q, null, i.mobileMode ? /* @__PURE__ */ n.createElement(n.Fragment, null, X.createPortal(
+    /* @__PURE__ */ n.createElement(
+      U,
+      {
+        computedShow: f,
+        ColumnMenu: s,
+        closeMenu: a
+      },
+      s && /* @__PURE__ */ n.createElement(s, { ...g, onCloseMenu: a })
+    ),
+    (C = D()) == null ? void 0 : C.body
+  )) : /* @__PURE__ */ n.createElement(
+    G,
     {
       anchor: l.current,
       show: f,
@@ -87,10 +100,10 @@ const J = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((t) =>
       "div",
       {
         ref: u,
-        onBlur: T,
-        onFocus: S,
-        onMouseDown: B,
-        onKeyDown: K,
+        onBlur: x,
+        onFocus: A,
+        onMouseDown: N,
+        onKeyDown: I,
         className: "k-column-menu k-column-menu-md"
       },
       s && /* @__PURE__ */ n.createElement(s, { ...g, onCloseMenu: a })
@@ -98,5 +111,5 @@ const J = [".k-columnmenu-item-content", ".k-filter-menu-container"].map((t) =>
   )));
 };
 export {
-  ce as GridColumnMenuWrapper
+  ie as GridColumnMenuWrapper
 };