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

package/cells/datacell/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/index.js"),r=require("../../constants/index.js"),c=require("@progress/kendo-react-common"),m=e=>{var d,i;let t=null,a=null;const n=e.unstyled,o=n&&n.uGrid?n.uGrid:c.uGrid;if(e.rowType==="groupFooter")t={className:e.className};else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const l=s.getNestedValue(e.field,e.dataItem);l!=null&&(a=e.intl&&e.format?e.intl.format(e.format,l):l.toString())}const u=c.classNames(o.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className);t={rowSpan:(i=(d=e._rowSpan)==null?void 0:d.count)!=null?i:void 0,colSpan:e.colSpan,style:e.style,className:u,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex}}return{tdProps:t,content:a}},g=e=>{var t;return(t=e.cells)==null?void 0:t[e.rowType||"data"]};exports.getCellTdProps=m;exports.getCustomCell=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/index.js"),r=require("../../constants/index.js"),c=require("@progress/kendo-react-common"),g=e=>{var n,a;let t=null,d=null;const i=e.unstyled,o=i&&i.uGrid?i.uGrid:c.uGrid;if(e.rowType==="groupFooter")t={className:e.className};else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const l=s.getNestedValue(e.field,e.dataItem);l!=null&&(d=e.intl&&e.format?e.intl.format(e.format,l):l.toString())}const u=c.classNames(o.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className);t={rowSpan:(a=(n=e._rowSpan)==null?void 0:n.count)!=null?a:void 0,colSpan:e.colSpan,style:e.style,className:u,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex}}return{tdProps:t,content:d}},m=e=>{var t;return(t=e.cells)==null?void 0:t[e.rowType||"data"]};exports.getCellTdProps=g;exports.getCustomCell=m;

package/cells/datacell/utils.mjs

@@ -7,11 +7,11 @@
  */
 import { getNestedValue as m } from "../../utils/index.mjs";
 import { GRID_COL_INDEX_ATTRIBUTE as u } from "../../constants/index.mjs";
-import { uGrid as r, classNames as s } from "@progress/kendo-react-common";
+import { uGrid as s, classNames as r } from "@progress/kendo-react-common";
 const y = (e) => {
-  var i, n;
-  let t = null, d = null;
-  const a = e.unstyled, c = a && a.uGrid ? a.uGrid : r;
+  var d, n;
+  let t = null, i = null;
+  const a = e.unstyled, c = a && a.uGrid ? a.uGrid : s;
   if (e.rowType === "groupFooter")
     t = {
       className: e.className
@@ -19,14 +19,14 @@ const y = (e) => {
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
       const l = m(e.field, e.dataItem);
-      l != null && (d = e.intl && e.format ? e.intl.format(e.format, l) : l.toString());
+      l != null && (i = e.intl && e.format ? e.intl.format(e.format, l) : l.toString());
     }
-    const o = s(
-      c.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    const o = r(
+      c.td({ selected: e.isSelected, highlighted: e.isHighlighted, sorted: e.isSorted, alt: e.isAlt }),
       e.className
     );
     t = {
-      rowSpan: (n = (i = e._rowSpan) == null ? void 0 : i.count) != null ? n : void 0,
+      rowSpan: (n = (d = e._rowSpan) == null ? void 0 : d.count) != null ? n : void 0,
       colSpan: e.colSpan,
       style: e.style,
       className: o,
@@ -36,7 +36,7 @@ const y = (e) => {
       [u]: e.columnIndex
     };
   }
-  return { tdProps: t, content: d };
+  return { tdProps: t, content: i };
 }, N = (e) => {
   var t;
   return (t = e.cells) == null ? void 0 : t[e.rowType || "data"];

package/cells/rowreordercell/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../constants/index.js"),t=require("@progress/kendo-react-common"),o=e=>{let d=null;const l=e.unstyled,r=l&&l.uGrid?l.uGrid:t.uGrid,a=t.classNames(r.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return d={colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[s.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},{tdProps:d}};exports.getRowReorderCellTdProps=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/index.js"),t=require("@progress/kendo-react-common"),s=e=>{let d=null;const l=e.unstyled,a=l&&l.uGrid?l.uGrid:t.uGrid,i=t.classNames(a.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return d={colSpan:e.colSpan,style:e.style,className:i,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},{tdProps:d}};exports.getRowReorderCellTdProps=s;

package/cells/rowreordercell/utils.mjs

@@ -5,26 +5,26 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { GRID_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
-import { uGrid as s, classNames as i } from "@progress/kendo-react-common";
-const n = (e) => {
+import { GRID_COL_INDEX_ATTRIBUTE as i } from "../../constants/index.mjs";
+import { uGrid as r, classNames as s } from "@progress/kendo-react-common";
+const o = (e) => {
   let d = null;
-  const l = e.unstyled, a = l && l.uGrid ? l.uGrid : s, t = i(
-    a.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+  const l = e.unstyled, t = l && l.uGrid ? l.uGrid : r, a = s(
+    t.td({ selected: e.isSelected, highlighted: e.isHighlighted, sorted: e.isSorted, alt: e.isAlt }),
     e.className,
     ["k-drag-cell", `${e.rowReorderable ? "" : "k-disabled"}`]
   );
   return d = {
     colSpan: e.colSpan,
     style: e.style,
-    className: t,
+    className: a,
     role: "gridcell",
     "aria-colindex": e.ariaColumnIndex,
     "aria-selected": e.isSelected,
     "aria-disabled": !e.rowReorderable,
-    [r]: e.columnIndex
+    [i]: e.columnIndex
   }, { tdProps: d };
 };
 export {
-  n as getRowReorderCellTdProps
+  o as getRowReorderCellTdProps
 };

package/columnMenu/GridColumnMenuGroup.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),C=require("@progress/kendo-react-intl"),G=require("./GridColumnMenuItemGroup.js"),p=require("./GridColumnMenuItem.js"),l=require("../messages/index.js"),a=require("@progress/kendo-svg-icons");function I(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const d=I(m),M=e=>{const o=t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const r=(e.group||[]).slice(),s=r.findIndex(g=>g.field===e.column.field);s>-1?r.splice(s,1):r.push({field:e.column.field}),e.onGroupChange(r,t)}e.onCloseMenu&&e.onCloseMenu()},{group:n,column:u}=e,f=C.useLocalization(),i=!!(n&&u.field&&n.find(t=>t.field===u.field)),c=i?l.ungroupColumn:l.groupColumn;return d.createElement(G.GridColumnMenuItemGroup,null,d.createElement(p.GridColumnMenuItem,{title:f.toLanguageString(c,l.messages[c]),iconClass:i?"k-i-ungroup":"k-i-group",svgIcon:i?a.ungroupIcon:a.groupIcon,onClick:o}))};exports.GridColumnMenuGroup=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),C=require("@progress/kendo-react-intl"),G=require("./GridColumnMenuItemGroup.js"),p=require("./GridColumnMenuItem.js"),l=require("../messages/index.js"),a=require("@progress/kendo-svg-icons");function I(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const d=I(m),M=e=>{const o=r=>{if(r.preventDefault(),e.onGroupChange){if(!e.column.field)return;const i=(e.group||[]).slice(),s=i.findIndex(g=>g.field===e.column.field);s>-1?i.splice(s,1):i.push({field:e.column.field}),e.onGroupChange(i,r)}e.onCloseMenu&&e.onCloseMenu()},{group:n,column:u}=e,f=C.useLocalization(),t=!!(n&&u.field&&n.find(r=>r.field===u.field)),c=t?l.ungroupColumn:l.groupColumn;return d.createElement(G.GridColumnMenuItemGroup,null,d.createElement(p.GridColumnMenuItem,{selected:t,title:f.toLanguageString(c,l.messages[c]),iconClass:t?"k-i-ungroup":"k-i-group",svgIcon:t?a.ungroupIcon:a.groupIcon,onClick:o}))};exports.GridColumnMenuGroup=M;

package/columnMenu/GridColumnMenuGroup.mjs

@@ -7,29 +7,30 @@
  */
 "use client";
 import * as m from "react";
-import { useLocalization as g } from "@progress/kendo-react-intl";
-import { GridColumnMenuItemGroup as s } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItem as d } from "./GridColumnMenuItem.mjs";
+import { useLocalization as a } from "@progress/kendo-react-intl";
+import { GridColumnMenuItemGroup as d } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as g } from "./GridColumnMenuItem.mjs";
 import { messages as C, groupColumn as p, ungroupColumn as G } from "../messages/index.mjs";
 import { groupIcon as I, ungroupIcon as M } from "@progress/kendo-svg-icons";
 const L = (o) => {
-  const c = (n) => {
-    if (n.preventDefault(), o.onGroupChange) {
+  const c = (e) => {
+    if (e.preventDefault(), o.onGroupChange) {
       if (!o.column.field)
         return;
-      const e = (o.group || []).slice(), t = e.findIndex((a) => a.field === o.column.field);
-      t > -1 ? e.splice(t, 1) : e.push({
+      const u = (o.group || []).slice(), t = u.findIndex((s) => s.field === o.column.field);
+      t > -1 ? u.splice(t, 1) : u.push({
         field: o.column.field
-      }), o.onGroupChange(e, n);
+      }), o.onGroupChange(u, e);
     }
     o.onCloseMenu && o.onCloseMenu();
-  }, { group: i, column: l } = o, f = g(), u = !!(i && l.field && i.find((n) => n.field === l.field)), r = u ? G : p;
-  return /* @__PURE__ */ m.createElement(s, null, /* @__PURE__ */ m.createElement(
-    d,
+  }, { group: i, column: l } = o, f = a(), n = !!(i && l.field && i.find((e) => e.field === l.field)), r = n ? G : p;
+  return /* @__PURE__ */ m.createElement(d, null, /* @__PURE__ */ m.createElement(
+    g,
     {
+      selected: n,
       title: f.toLanguageString(r, C[r]),
-      iconClass: u ? "k-i-ungroup" : "k-i-group",
-      svgIcon: u ? M : I,
+      iconClass: n ? "k-i-ungroup" : "k-i-group",
+      svgIcon: n ? M : I,
       onClick: c
     }
   ));

package/columnMenu/GridColumnMenuWrapper.js

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

package/columnMenu/GridColumnMenuWrapper.mjs

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