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

package/toolbar-tools/GridToolbarGroup.mjs

@@ -0,0 +1,204 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import x from "react-dom";
+import { GridContext as ee } from "../utils/GridContext.mjs";
+import { Button as L } from "@progress/kendo-react-buttons";
+import { chevronUpIcon as te, chevronDownIcon as ne, xCircleIcon as oe, plusCircleIcon as ae, groupIcon as re, xIcon as le } from "@progress/kendo-svg-icons";
+import { useLocalization as se } from "@progress/kendo-react-intl";
+import { toolbarGroup as p, messages as v, groupClearButton as K } from "../messages/index.mjs";
+import { useDocument as ce, classNames as w, SvgIcon as g, useAsyncFocusBlur as ue, getActiveElement as ie } from "@progress/kendo-react-common";
+import { BadgeContainer as me, Badge as de } from "@progress/kendo-react-indicators";
+import { Popup as pe } from "@progress/kendo-react-popup";
+import { GridToolbarAdaptiveProvider as ge } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { GridAdaptiveToolbarGroup as fe } from "./adaptiveContent/GridAdaptiveToolbarGroup.mjs";
+const ke = (s) => {
+  var S, z;
+  const a = e.useContext(ee), c = a.columnsState, P = a.groupable, o = a.group, G = a.defaultGroup, [M, d] = e.useState(!0), [O, m] = e.useState(!1), [f, k] = e.useState(!1), u = e.useRef(null), b = e.useRef(null), N = e.useRef(null), C = e.useRef(0), h = se(), U = ce(u);
+  e.useEffect(() => {
+    G || o != null && o.length ? (m(!0), d(!1)) : m(!1);
+  }, [G, o]);
+  const I = e.useMemo(
+    () => (c == null ? void 0 : c.filter((t) => {
+      var n;
+      return (n = t.title || t.field) == null ? void 0 : n.toLowerCase();
+    })) || [],
+    [c]
+  ), i = e.useCallback(() => {
+    var t;
+    s.onCloseMenu && s.onCloseMenu(), k(!1), u.current && ((t = u.current.element) == null || t.focus());
+  }, [s]), D = e.useCallback(
+    (t, n) => {
+      if (t.preventDefault(), !(n != null && n.field))
+        return;
+      const r = (o || []).slice(), l = r.findIndex(($) => $.field === n.field);
+      l > -1 ? r.splice(l, 1) : r.push({
+        field: n.field
+      }), a.groupChange(r, t), d(!1), m(!0);
+    },
+    [a, o]
+  ), B = e.useCallback(
+    (t, n) => {
+      if (t.preventDefault(), !(n != null && n.field))
+        return;
+      const r = (o || []).filter((l) => l.field !== n.field);
+      a.groupChange(r, t), r.length === 0 && (d(!0), m(!1), i());
+    },
+    [i, a, o]
+  ), T = e.useCallback(
+    (t, n) => {
+      if (n === 0)
+        return;
+      const r = [...o || []], l = r[n - 1];
+      r[n - 1] = r[n], r[n] = l, a.groupChange(r, t);
+    },
+    [o, a]
+  ), y = e.useCallback(
+    (t, n) => {
+      if (n === o.length - 1)
+        return;
+      const r = [...o || []], l = r[n + 1];
+      r[n + 1] = r[n], r[n] = l, a.groupChange(r, t);
+    },
+    [o, a]
+  ), V = e.useCallback(
+    (t, n) => {
+      const r = c == null ? void 0 : c.find((l) => l.field === t.field);
+      return /* @__PURE__ */ e.createElement(e.Fragment, null, o && o.length !== 1 && /* @__PURE__ */ e.createElement("span", { className: "k-group-menu-item-actions" }, /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          className: w("k-group-menu-item-action k-group-menu-item-up-action", {
+            "k-disabled": n === 0
+          }),
+          "aria-disabled": n === 0,
+          onClick: (l) => T(l, n)
+        },
+        /* @__PURE__ */ e.createElement(g, { icon: te })
+      ), /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          className: w("k-group-menu-item-action k-group-menu-item-down-action", {
+            "k-disabled": n === o.length - 1
+          }),
+          "aria-disabled": n === o.length - 1,
+          onClick: (l) => y(l, n)
+        },
+        /* @__PURE__ */ e.createElement(g, { icon: ne })
+      )), /* @__PURE__ */ e.createElement("span", { className: "k-group-item-text" }, (r == null ? void 0 : r.title) || t.field), /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ e.createElement("span", { className: "k-group-menu-item-actions" }, /* @__PURE__ */ e.createElement(
+        "span",
+        {
+          className: "k-group-menu-item-action k-group-menu-item-remove-action",
+          onClick: (l) => B(l, t)
+        },
+        /* @__PURE__ */ e.createElement(g, { icon: oe, size: a.mobileMode ? "large" : "medium" })
+      )));
+    },
+    [c, a.mobileMode, o, B, y, T]
+  ), H = e.useCallback(
+    (t) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "k-group-item-text" }, t.title || t.field), /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ e.createElement("span", { className: "k-group-menu-item-actions" }, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        className: "k-group-menu-item-action k-group-menu-item-add-action",
+        onClick: (n) => D(n, t)
+      },
+      /* @__PURE__ */ e.createElement(g, { icon: ae, size: a.mobileMode ? "large" : "medium" })
+    ))),
+    [a.mobileMode, D]
+  ), _ = (t) => {
+    t.preventDefault(), k(!f);
+  }, E = e.useMemo(() => {
+    var t;
+    return (t = s.show) != null ? t : f;
+  }, [s.show, f]), j = (t) => {
+    const n = ie(document);
+    clearTimeout(C.current), C.current = window.setTimeout(() => {
+      !a.mobileMode && n && t.relatedTarget !== u.current && b.current && !b.current.contains(n) && i();
+    });
+  }, q = () => {
+    clearTimeout(C.current);
+  }, { onFocus: J, onBlur: Q } = ue({
+    onFocus: (t) => q(),
+    onBlur: (t) => j(t)
+  }), W = (t) => {
+    var n;
+    (n = N.current) == null || n.triggerMouseEvent(t);
+  }, X = (t) => {
+    var n;
+    (n = N.current) == null || n.triggerKeyboardEvent(t);
+  }, Y = (t) => {
+    !t.isAnchorClicked && k(!1);
+  }, A = e.useCallback(
+    (t) => {
+      a.groupChange([], t), d(!0), m(!1), i();
+    },
+    [i, a]
+  ), F = /* @__PURE__ */ e.createElement(e.Fragment, null, o && o.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "k-group-menu-item-wrap" }, o == null ? void 0 : o.map((t, n) => /* @__PURE__ */ e.createElement("div", { className: "k-group-menu-item", key: t.id }, V(t, n)))), /* @__PURE__ */ e.createElement("div", { className: "k-group-menu-item-wrap" }, I.filter((t) => !(o != null && o.some((n) => n.field === t.field))).map((t) => t.field === "value" ? null : /* @__PURE__ */ e.createElement("div", { className: "k-group-menu-item", key: t.id }, H(t))))), Z = e.useMemo(() => s.svgIcon ? s.svgIcon : s.icon ? void 0 : re, [s.icon, s.svgIcon]), R = /* @__PURE__ */ e.createElement(
+    L,
+    {
+      ref: u,
+      togglable: !0,
+      selected: E,
+      svgIcon: Z,
+      icon: s.icon,
+      size: a.mobileMode ? "large" : "medium",
+      className: w("k-toolbar-button", {
+        "k-icon-button": a.mobileMode
+      }),
+      title: h.toLanguageString(p, v[p]),
+      onClick: _
+    },
+    !a.mobileMode && h.toLanguageString(p, v[p])
+  );
+  return P && /* @__PURE__ */ e.createElement(e.Fragment, null, O ? /* @__PURE__ */ e.createElement(me, null, R, /* @__PURE__ */ e.createElement(de, { themeColor: "primary" })) : R, a.mobileMode ? /* @__PURE__ */ e.createElement(ge, null, x.createPortal(
+    /* @__PURE__ */ e.createElement(
+      fe,
+      {
+        filtered: I,
+        computedShow: E,
+        isDisabledButton: M,
+        toolContent: F,
+        onClose: i,
+        onClear: A
+      }
+    ),
+    (S = U()) == null ? void 0 : S.body
+  )) : /* @__PURE__ */ e.createElement(
+    pe,
+    {
+      anchor: (z = u.current) == null ? void 0 : z.element,
+      show: E,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: Y
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: b,
+        onBlur: Q,
+        onFocus: J,
+        onMouseDown: W,
+        onKeyDown: X,
+        className: "k-group-menu k-group-menu-md"
+      },
+      F,
+      /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ e.createElement(
+        L,
+        {
+          svgIcon: le,
+          onClick: A,
+          disabled: M
+        },
+        h.toLanguageString(K, v[K])
+      ))
+    )
+  ));
+};
+ke.displayName = "KendoReactGridToolbarGroup";
+export {
+  ke as GridToolbarGroup
+};

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

package/toolbar-tools/GridToolbarSort.mjs

@@ -13,7 +13,7 @@ import { GridContext as Q } from "../utils/GridContext.mjs";
 import { Button as x } from "@progress/kendo-react-buttons";
 import { sortAscSmallIcon as U, sortDescSmallIcon as W, xIcon as X, arrowsSwapIcon as Y } from "@progress/kendo-svg-icons";
 import { useLocalization as Z } from "@progress/kendo-react-intl";
-import { sortClearButton as A, messages as b, toolbarSort as c } from "../messages/index.mjs";
+import { sortClearButton as A, messages as b, toolbarSort as i } from "../messages/index.mjs";
 import { useDocument as $, SvgIcon as ee, useAsyncFocusBlur as te, classNames as oe, getActiveElement as ne } from "@progress/kendo-react-common";
 import { BadgeContainer as re, Badge as le } from "@progress/kendo-react-indicators";
 import { Popup as ae } from "@progress/kendo-react-popup";
@@ -21,10 +21,10 @@ import { GridToolbarAdaptiveProvider as se } from "./adaptiveContext/GridToolbar
 import { GridAdaptiveToolbarSort as ce } from "./adaptiveContent/GridAdaptiveToolbarSort.mjs";
 const ie = (r) => {
   var y, T;
-  const n = e.useContext(Q), s = n.columnsState, G = n.sortable, a = n.sort, h = n.defaultSort, [p, k] = e.useState(!0), [F, i] = e.useState(!1), [u, m] = e.useState(!1), l = e.useRef(null), d = e.useRef(null), E = e.useRef(null), f = e.useRef(0), g = Z(), N = $(l);
+  const n = e.useContext(Q), s = n.columnsState, G = n.sortable, l = n.sort, h = n.defaultSort, [p, k] = e.useState(!0), [F, c] = e.useState(!1), [u, m] = e.useState(!1), a = e.useRef(null), d = e.useRef(null), E = e.useRef(null), f = e.useRef(0), g = Z(), N = $(a);
   e.useEffect(() => {
-    h && (i(!0), k(!1));
-  }, [h]);
+    h || l != null && l.length ? (c(!0), k(!1)) : c(!1);
+  }, [h, l]);
   const S = e.useMemo(
     () => (s == null ? void 0 : s.filter((t) => {
       var o;
@@ -33,38 +33,38 @@ const ie = (r) => {
     [s]
   ), v = e.useCallback(
     (t, o) => {
-      n.headerCellClick(t, o), k(!1), i(!0);
+      n.headerCellClick(t, o), k(!1), c(!0);
     },
     [n]
   ), w = e.useCallback(
     (t) => {
-      n.sortChange([], t), i(!1);
+      n.sortChange([], t), c(!1);
     },
     [n]
   ), M = e.useCallback(
     (t) => {
-      const o = a ? a.findIndex((_) => _.field === t.field) : -1;
+      const o = l ? l.findIndex((_) => _.field === t.field) : -1;
       return /* @__PURE__ */ e.createElement(e.Fragment, null, t.title || t.field, /* @__PURE__ */ e.createElement("span", { className: "k-columnmenu-indicators" }, o >= 0 && [
         /* @__PURE__ */ e.createElement(
           ee,
           {
             key: 1,
-            icon: a[o].dir === "asc" ? U : W
+            icon: l[o].dir === "asc" ? U : W
           }
         ),
-        a.length > 1 && /* @__PURE__ */ e.createElement("span", { key: 2, className: "k-sort-index" }, o + 1)
+        l.length > 1 && /* @__PURE__ */ e.createElement("span", { key: 2, className: "k-sort-index" }, o + 1)
       ]));
     },
-    [a]
+    [l]
   ), R = (t) => {
     t.preventDefault(), m(!u);
   }, C = e.useMemo(() => r.show !== void 0 ? r.show : u, [r.show, u]), D = () => {
     var t;
-    r.onCloseMenu && r.onCloseMenu(), m(!1), l.current && ((t = l.current.element) == null || t.focus());
+    r.onCloseMenu && r.onCloseMenu(), m(!1), a.current && ((t = a.current.element) == null || t.focus());
   }, L = (t) => {
     const o = ne(document);
     clearTimeout(f.current), f.current = window.setTimeout(() => {
-      !n.mobileMode && o && t.relatedTarget !== l.current && d.current && !d.current.contains(o) && D();
+      !n.mobileMode && o && t.relatedTarget !== a.current && d.current && !d.current.contains(o) && D();
     });
   }, z = () => {
     clearTimeout(f.current);
@@ -89,7 +89,7 @@ const ie = (r) => {
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ e.createElement(x, { svgIcon: X, onClick: w, disabled: p }, g.toLanguageString(A, b[A])))), B = /* @__PURE__ */ e.createElement(
     x,
     {
-      ref: l,
+      ref: a,
       togglable: !0,
       selected: C,
       svgIcon: r.svgIcon ? r.svgIcon : r.icon ? void 0 : Y,
@@ -98,10 +98,10 @@ const ie = (r) => {
       className: oe("k-toolbar-button", {
         "k-icon-button": n.mobileMode
       }),
-      title: g.toLanguageString(c, b[c]),
+      title: g.toLanguageString(i, b[i]),
       onClick: R
     },
-    !n.mobileMode && g.toLanguageString(c, b[c])
+    !n.mobileMode && g.toLanguageString(i, b[i])
   );
   return G && /* @__PURE__ */ e.createElement(e.Fragment, null, F ? /* @__PURE__ */ e.createElement(re, null, B, /* @__PURE__ */ e.createElement(le, { themeColor: "primary" })) : B, n.mobileMode ? /* @__PURE__ */ e.createElement(se, null, j.createPortal(
     /* @__PURE__ */ e.createElement(
@@ -121,7 +121,7 @@ const ie = (r) => {
   )) : /* @__PURE__ */ e.createElement(
     ae,
     {
-      anchor: (T = l.current) == null ? void 0 : T.element,
+      anchor: (T = a.current) == null ? void 0 : T.element,
       show: C,
       popupClass: "k-grid-columnmenu-popup",
       onMouseDownOutside: H

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarGroup.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),r=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-intl"),n=require("@progress/kendo-react-layout"),g=require("../../utils/GridContext.js"),v=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),C=require("@progress/kendo-react-common"),p=o=>{const c=e.useContext(g.GridContext),{actionSheetRef:s}=e.useContext(v.GridToolbarAdaptiveContext),a=C.useAdaptiveModeContext(),i=m.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:o.computedShow,animationStyles:a&&c.adaptiveColumnMenuRef<=a.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:a&&c.adaptiveColumnMenuRef<=a.small?"fullscreen":void 0},d=i.toLanguageString(t.adaptiveToolbarGroupTitle,t.messages[t.adaptiveToolbarGroupTitle]);return e.createElement(n.ActionSheet,{...u,ref:s,style:{"--kendo-actionsheet-view-current":1},onClose:o.onClose},e.createElement(n.ActionSheetView,null,e.createElement(n.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},d)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(r.Button,{type:"button",svgIcon:l.checkIcon,themeColor:"primary",onClick:o.onClose,fillMode:"flat"})))),e.createElement(n.ActionSheetContent,null,e.createElement("div",{className:"k-group-menu k-group-menu-lg"},o.toolContent)),e.createElement(n.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched"},e.createElement(r.Button,{svgIcon:l.xIcon,onClick:o.onClear,size:"large",disabled:o.isDisabledButton},i.toLanguageString(t.groupClearButton,t.messages[t.groupClearButton])),e.createElement(r.Button,{svgIcon:l.checkIcon,themeColor:"primary",size:"large",onClick:o.onClose},i.toLanguageString(t.groupApplyButton,t.messages[t.groupApplyButton]))))))};exports.GridAdaptiveToolbarGroup=p;

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarGroup.mjs

@@ -0,0 +1,59 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import e from "react";
+import { checkIcon as r, xIcon as p } from "@progress/kendo-svg-icons";
+import { adaptiveToolbarGroupTitle as c, messages as a, groupClearButton as m, groupApplyButton as s } from "../../messages/index.mjs";
+import { Button as i } from "@progress/kendo-react-buttons";
+import { useLocalization as v } from "@progress/kendo-react-intl";
+import { ActionSheet as C, ActionSheetView as h, ActionSheetHeader as f, ActionSheetContent as E, ActionSheetFooter as k } from "@progress/kendo-react-layout";
+import { GridContext as S } from "../../utils/GridContext.mjs";
+import { GridToolbarAdaptiveContext as x } from "../adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { useAdaptiveModeContext as b } from "@progress/kendo-react-common";
+const M = (t) => {
+  const l = e.useContext(S), { actionSheetRef: u } = e.useContext(x), o = b(), n = v(), d = {
+    animation: !0,
+    navigatable: !1,
+    navigatableElements: [],
+    expand: t.computedShow,
+    animationStyles: o && l.adaptiveColumnMenuRef <= o.small ? { top: 0, width: "100%", height: "100%" } : void 0,
+    className: "k-adaptive-actionsheet",
+    position: o && l.adaptiveColumnMenuRef <= o.small ? "fullscreen" : void 0
+  }, g = n.toLanguageString(c, a[c]);
+  return /* @__PURE__ */ e.createElement(
+    C,
+    {
+      ...d,
+      ref: u,
+      style: { "--kendo-actionsheet-view-current": 1 },
+      onClose: t.onClose
+    },
+    /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, g)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+      i,
+      {
+        type: "button",
+        svgIcon: r,
+        themeColor: "primary",
+        onClick: t.onClose,
+        fillMode: "flat"
+      }
+    )))), /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement("div", { className: "k-group-menu k-group-menu-lg" }, t.toolContent)), /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ e.createElement(
+      i,
+      {
+        svgIcon: p,
+        onClick: t.onClear,
+        size: "large",
+        disabled: t.isDisabledButton
+      },
+      n.toLanguageString(m, a[m])
+    ), /* @__PURE__ */ e.createElement(i, { svgIcon: r, themeColor: "primary", size: "large", onClick: t.onClose }, n.toLanguageString(s, a[s])))))
+  );
+};
+export {
+  M as GridAdaptiveToolbarGroup
+};

package/utils/premium.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 d=require("react"),a=require("@progress/kendo-react-data-tools"),c=require("../sortCommon.js"),m=require("../paging/GridPagerSettings.js");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=b(d),y=e=>({lockedColumn:e.some(r=>r.locked)}),g=e=>({multiColumn:e.some(r=>r.children&&r.children.length>0)}),C=e=>({columnCellTemplate:e.some(r=>r.columnType!=="data"?!1:r.cells)}),p=e=>({columnMenu:e.some(r=>r.columnMenu)}),f=e=>o.Children.toArray(e.children).some(t=>t&&t.type&&t.type.displayName==="KendoReactGridColumn"?t.props.hidden:!1),h=e=>o.Children.toArray(e.children).some(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"&&t.props&&t.props.children?o.Children.toArray(t.props.children).some(l=>l.type&&(l.type.displayName==="KendoReactGridToolbarSort"||l.type.displayName==="KendoReactGridToolbarFilter"||l.type.displayName==="KendoReactGridToolbarCheckboxFilter"||l.type.displayName==="KendoReactGridToolbarColumnsChooser")):!1),i=e=>{const r=a.getSelectionOptions(e.selectable),t=a.getEditableOptions(e.editable),n=e.sortable&&c.normalizeSortable(e.sortable),l=e.pageable&&m.normalize(e.pageable);return{cells:!!e.cells,pdf:!!e.pdf,detail:!!e.detail,rows:!!e.rows,editableInline:t.mode==="inline",selectionMultiple:r.enabled&&r.mode==="multiple",selectionDrag:r.enabled&&r.drag,columnMenu:!!e.columnMenu,filterOperators:!!e.filterOperators,groupable:!!e.groupable,group:!!e.group,groupExpand:!!e.groupExpand,customPager:!!e.pager,clipboard:!!e.clipboard,contextMenu:!!e.contextMenu,serverGrid:!e.isClient,scrollableVirtual:e.scrollable==="virtual",pageableInput:!!(e.pageable&&l.type==="input"),sortableMultiple:!!(e.sortable&&n.mode==="multiple"),hiddenColumns:f(e)}},s=e=>({...y(e),...g(e),...C(e),...p(e)}),u=e=>({toolbarTools:h(e)}),P=(e,r)=>{const t={...i(e),...s(r),...u(e)};return Object.keys(t).filter(n=>t[n]===!0)};exports.gridPremiumFeatures=P;exports.isPremiumGridByColumns=s;exports.isPremiumGridByComponents=u;exports.isPremiumGridByProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("@progress/kendo-react-data-tools"),c=require("../sortCommon.js"),m=require("../paging/GridPagerSettings.js");function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=b(d),y=e=>({lockedColumn:e.some(r=>r.locked)}),g=e=>({multiColumn:e.some(r=>r.children&&r.children.length>0)}),C=e=>({columnCellTemplate:e.some(r=>r.columnType!=="data"?!1:r.cells)}),p=e=>({columnMenu:e.some(r=>r.columnMenu)}),f=e=>o.Children.toArray(e.children).some(t=>t&&t.type&&t.type.displayName==="KendoReactGridColumn"?t.props.hidden:!1),h=e=>o.Children.toArray(e.children).some(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"&&t.props&&t.props.children?o.Children.toArray(t.props.children).some(n=>n.type&&(n.type.displayName==="KendoReactGridToolbarSort"||n.type.displayName==="KendoReactGridToolbarFilter"||n.type.displayName==="KendoReactGridToolbarCheckboxFilter"||n.type.displayName==="KendoReactGridToolbarColumnsChooser"||n.type.displayName==="KendoReactGridToolbarGroup")):!1),i=e=>{const r=a.getSelectionOptions(e.selectable),t=a.getEditableOptions(e.editable),l=e.sortable&&c.normalizeSortable(e.sortable),n=e.pageable&&m.normalize(e.pageable);return{cells:!!e.cells,pdf:!!e.pdf,detail:!!e.detail,rows:!!e.rows,editableInline:t.mode==="inline",selectionMultiple:r.enabled&&r.mode==="multiple",selectionDrag:r.enabled&&r.drag,columnMenu:!!e.columnMenu,filterOperators:!!e.filterOperators,groupable:!!e.groupable,group:!!e.group,groupExpand:!!e.groupExpand,customPager:!!e.pager,clipboard:!!e.clipboard,contextMenu:!!e.contextMenu,serverGrid:!e.isClient,scrollableVirtual:e.scrollable==="virtual",pageableInput:!!(e.pageable&&n.type==="input"),sortableMultiple:!!(e.sortable&&l.mode==="multiple"),hiddenColumns:f(e)}},s=e=>({...y(e),...g(e),...C(e),...p(e)}),u=e=>({toolbarTools:h(e)}),G=(e,r)=>{const t={...i(e),...s(r),...u(e)};return Object.keys(t).filter(l=>t[l]===!0)};exports.gridPremiumFeatures=G;exports.isPremiumGridByColumns=s;exports.isPremiumGridByComponents=u;exports.isPremiumGridByProps=i;

package/utils/premium.mjs

@@ -17,7 +17,7 @@ const u = (e) => ({
   columnCellTemplate: e.some((r) => r.columnType !== "data" ? !1 : r.cells)
 }), b = (e) => ({
   columnMenu: e.some((r) => r.columnMenu)
-}), y = (e) => a.Children.toArray(e.children).some((t) => t && t.type && t.type.displayName === "KendoReactGridColumn" ? t.props.hidden : !1), C = (e) => a.Children.toArray(e.children).some((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" && t.props && t.props.children ? a.Children.toArray(t.props.children).some((l) => l.type && (l.type.displayName === "KendoReactGridToolbarSort" || l.type.displayName === "KendoReactGridToolbarFilter" || l.type.displayName === "KendoReactGridToolbarCheckboxFilter" || l.type.displayName === "KendoReactGridToolbarColumnsChooser")) : !1), g = (e) => {
+}), y = (e) => a.Children.toArray(e.children).some((t) => t && t.type && t.type.displayName === "KendoReactGridColumn" ? t.props.hidden : !1), C = (e) => a.Children.toArray(e.children).some((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" && t.props && t.props.children ? a.Children.toArray(t.props.children).some((l) => l.type && (l.type.displayName === "KendoReactGridToolbarSort" || l.type.displayName === "KendoReactGridToolbarFilter" || l.type.displayName === "KendoReactGridToolbarCheckboxFilter" || l.type.displayName === "KendoReactGridToolbarColumnsChooser" || l.type.displayName === "KendoReactGridToolbarGroup")) : !1), p = (e) => {
   const r = o(e.selectable), t = i(e.editable), n = e.sortable && s(e.sortable), l = e.pageable && d(e.pageable);
   return {
     cells: !!e.cells,
@@ -41,24 +41,24 @@ const u = (e) => ({
     sortableMultiple: !!(e.sortable && n.mode === "multiple"),
     hiddenColumns: y(e)
   };
-}, h = (e) => ({
+}, g = (e) => ({
   ...u(e),
   ...m(e),
   ...c(e),
   ...b(e)
-}), p = (e) => ({
+}), h = (e) => ({
   toolbarTools: C(e)
-}), G = (e, r) => {
+}), A = (e, r) => {
   const t = {
-    ...g(e),
-    ...h(r),
-    ...p(e)
+    ...p(e),
+    ...g(r),
+    ...h(e)
   };
   return Object.keys(t).filter((n) => t[n] === !0);
 };
 export {
-  G as gridPremiumFeatures,
-  h as isPremiumGridByColumns,
-  p as isPremiumGridByComponents,
-  g as isPremiumGridByProps
+  A as gridPremiumFeatures,
+  g as isPremiumGridByColumns,
+  h as isPremiumGridByComponents,
+  p as isPremiumGridByProps
 };