@progress/kendo-react-grid 11.0.0-develop.19 → 11.0.0-develop.20

package/toolbar-tools/GridToolbarFilter.mjs

@@ -0,0 +1,281 @@
+/**
+ * @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 t from "react";
+import Ge from "react-dom";
+import { useDocument as Oe, SvgIcon as Ve, useAsyncFocusBlur as Ue, classNames as ze, getActiveElement as Ke } from "@progress/kendo-react-common";
+import { GridColumnMenuItem as _e } from "../columnMenu/GridColumnMenuItem.mjs";
+import { GridColumnMenuItemContent as He } from "../columnMenu/GridColumnMenuItemContent.mjs";
+import { GridColumnMenuItemGroup as je } from "../columnMenu/GridColumnMenuItemGroup.mjs";
+import { GridContext as qe } from "../utils/GridContext.mjs";
+import { filterIcon as fe, filterClearIcon as Je } from "@progress/kendo-svg-icons";
+import { getFilterType as me, operatorMap as V, defaultHideSecondFilter as Qe, IsUnaryFilter as C, getDefaultOperator as We, booleanFilterValues as Xe, filterLogicList as Ye } from "../filterCommon.mjs";
+import { Button as k } from "@progress/kendo-react-buttons";
+import { GridColumnMenuFilterUI as Ze } from "../columnMenu/GridColumnMenuFilterUI.mjs";
+import { toolbarFilter as M, messages as v, filterSubmitButton as de, filterClearButton as ge, filterClearAllButton as pe } from "../messages/index.mjs";
+import { useLocalization as $e } from "@progress/kendo-react-intl";
+import { rootFilterOrDefault as w, filterGroupByField as xe } from "../columnMenu/GridColumnMenuFilter.mjs";
+import { Popup as Re } from "@progress/kendo-react-popup";
+import { BadgeContainer as et, Badge as tt } from "@progress/kendo-react-indicators";
+import { GridToolbarAdaptiveProvider as rt } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { GridAdaptiveToolbarFilter as ot } from "./adaptiveContent/GridAdaptiveToolbarFilter.mjs";
+const lt = (c) => {
+  var te, re, oe, le, ne, ie, ae;
+  const n = t.useContext(qe), m = n.columnsRef;
+  n.filterable;
+  const p = n.defaultFilter, [S, D] = t.useState(!1), [he, F] = t.useState(!1), [d, E] = t.useState(
+    (m == null ? void 0 : m.map((e) => ({ column: e, expanded: !1 }))) || []
+  ), [ve, U] = t.useState(!1), g = t.useRef(null), y = t.useRef(null), z = t.useRef(null), I = t.useRef(0), r = t.useRef(null), f = $e(), Fe = Oe(g), K = t.useMemo(
+    () => (m == null ? void 0 : m.filter((e) => {
+      var o;
+      return (o = e.title || e.field) == null ? void 0 : o.toLowerCase();
+    })) || [],
+    [m]
+  );
+  t.useEffect(() => {
+    p && F(!0);
+  }, [p]);
+  const _ = t.useCallback(
+    (e) => {
+      const o = p && p.filters.some((i) => i.field === e.field);
+      return /* @__PURE__ */ t.createElement(t.Fragment, null, e.title || e.field, o && /* @__PURE__ */ t.createElement("span", { className: "k-columnmenu-indicators" }, /* @__PURE__ */ t.createElement(Ve, { key: 1, icon: fe })));
+    },
+    [p]
+  ), H = (e, o) => {
+    E((i) => (r.current = o, i.map((l) => l.column.field === o.field ? { ...l, expanded: !l.expanded } : { ...l, expanded: !1 }))), B(j()), U(!ve);
+  }, j = () => {
+    var o, i, l, s, se, ce;
+    let e;
+    if (r != null && r.current && ((o = r == null ? void 0 : r.current) != null && o.field)) {
+      const Pe = me((i = r == null ? void 0 : r.current) == null ? void 0 : i.filter), h = We(n.filterOperators, Pe);
+      e = xe((l = r == null ? void 0 : r.current) == null ? void 0 : l.field, n.filter), e = e ? {
+        ...e,
+        filters: e.filters.map((O) => ({ ...O }))
+      } : {
+        logic: "and",
+        filters: [
+          {
+            field: (s = r == null ? void 0 : r.current) == null ? void 0 : s.field,
+            operator: h,
+            value: C(h) ? null : void 0
+          },
+          {
+            field: (se = r == null ? void 0 : r.current) == null ? void 0 : se.field,
+            operator: h,
+            value: C(h) ? null : void 0
+          }
+        ]
+      }, e.filters.filter((O) => {
+        var ue;
+        return O.field === ((ue = r == null ? void 0 : r.current) == null ? void 0 : ue.field);
+      }).length === 1 && e.filters.splice(1, 0, {
+        field: (ce = r == null ? void 0 : r.current) == null ? void 0 : ce.field,
+        operator: h
+      });
+    }
+    return e;
+  }, Ee = (e) => {
+    q(0, e);
+  }, be = (e) => {
+    q(1, e);
+  }, q = (e, o) => {
+    const i = u.filters.map((l, s) => s === e ? {
+      ...l,
+      value: o.value || "",
+      operator: o.operator || A[s].operator
+    } : l);
+    B({
+      ...u,
+      filters: i
+    });
+  }, [u, B] = t.useState(j()), a = u == null ? void 0 : u.filters, b = me((te = r == null ? void 0 : r.current) == null ? void 0 : te.filter), A = V(n.filterOperators[b], f), J = V(Xe, f), Ce = {
+    field: (re = r == null ? void 0 : r.current) == null ? void 0 : re.field,
+    value: a == null ? void 0 : a[0].value,
+    operator: a == null ? void 0 : a[0].operator,
+    operators: A,
+    booleanValues: J,
+    onChange: Ee,
+    filterType: b
+  }, ke = {
+    field: (oe = r == null ? void 0 : r.current) == null ? void 0 : oe.field,
+    value: a == null ? void 0 : a[1].value,
+    operator: a == null ? void 0 : a[1].operator,
+    operators: A,
+    booleanValues: J,
+    onChange: be,
+    filterType: b
+  }, Me = (e) => {
+    let o = e.target.value;
+    e.target.tagName === "SPAN" && (o = e.target.parentElement.value), B({ ...u, logic: o });
+  }, Q = u == null ? void 0 : u.logic, W = V(Ye, f), T = {
+    value: W.find((e) => e.operator === (Q === null ? "" : Q)),
+    onChange: Me,
+    data: W
+  }, we = c.hideSecondFilter !== void 0 ? c.hideSecondFilter : Qe[b], N = c.filterUI, L = {
+    firstFilterProps: Ce,
+    secondFilterProps: ke,
+    logicData: T.data,
+    logicValue: T.value,
+    onLogicChange: T.onChange,
+    hideSecondFilter: we
+  }, X = () => ({
+    ...u,
+    filters: u == null ? void 0 : u.filters.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "" || e.value === null && e.operator)
+  }), P = ((ne = (le = X()) == null ? void 0 : le.filters) == null ? void 0 : ne.length) !== 0 || C(a == null ? void 0 : a[0].operator) || C(a == null ? void 0 : a[1].operator), Y = (e) => {
+    if (e.preventDefault(), !n.filterChange)
+      return;
+    const o = w(n.filter), i = {
+      ...o,
+      filters: o.filters.filter((l) => {
+        var s;
+        return l.field !== ((s = r == null ? void 0 : r.current) == null ? void 0 : s.field);
+      })
+    };
+    P && i.filters.push(X()), n.filterChange(i, e), F(!0), E(
+      (l) => l.map((s) => ({
+        ...s,
+        expanded: !1
+      }))
+    );
+  }, Z = (e) => {
+    if (e.preventDefault(), !n.filterChange)
+      return;
+    const o = w(n.filter), i = o.filters.filter((l) => {
+      var s;
+      return l.field !== ((s = r == null ? void 0 : r.current) == null ? void 0 : s.field);
+    });
+    i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), c.onCloseMenu && c.onCloseMenu(), F(!1), E(
+      (l) => l.map((s) => ({
+        ...s,
+        expanded: !1
+      }))
+    );
+  }, Se = () => {
+    U(!1);
+  }, De = (e) => {
+    e.preventDefault(), D(!S);
+  }, ye = (e) => {
+    !e.isAnchorClicked && D(!1);
+  }, G = t.useMemo(() => c.show !== void 0 ? c.show : S, [c.show, S]), Ie = (e) => {
+    const o = Ke(document);
+    clearTimeout(I.current), I.current = window.setTimeout(() => {
+      !n.mobileMode && o && e.relatedTarget !== g.current && y.current && !y.current.contains(o) && $();
+    });
+  }, $ = () => {
+    var e;
+    c.onCloseMenu && c.onCloseMenu(), D(!1), g.current && ((e = g.current.element) == null || e.focus());
+  }, Be = () => {
+    clearTimeout(I.current);
+  }, { onFocus: Ae, onBlur: Te } = Ue({
+    onFocus: (e) => Be(),
+    onBlur: (e) => Ie(e)
+  }), Ne = (e) => {
+    var o;
+    (o = z.current) == null || o.triggerMouseEvent(e);
+  }, Le = (e) => {
+    var o;
+    (o = z.current) == null || o.triggerKeyboardEvent(e);
+  }, x = t.useCallback(
+    (e) => {
+      if (e.preventDefault(), !n.filterChange)
+        return;
+      const o = w(n.filter), i = o.filters.filter(() => !1);
+      i.length === 0 ? n.filterChange(null, e) : n.filterChange({ ...o, filters: i }, e), F(!1), E(
+        (l) => l.map((s) => ({
+          ...s,
+          expanded: !1
+        }))
+      );
+    },
+    [n, w]
+  ), R = /* @__PURE__ */ t.createElement(
+    k,
+    {
+      ref: g,
+      togglable: !0,
+      selected: G,
+      svgIcon: c.svgIcon ? c.svgIcon : c.icon ? void 0 : fe,
+      icon: c.icon,
+      size: n.mobileMode ? "large" : "medium",
+      className: ze("k-toolbar-button", {
+        "k-icon-button": n.mobileMode
+      }),
+      title: f.toLanguageString(M, v[M]),
+      onClick: De
+    },
+    !n.mobileMode && f.toLanguageString(M, v[M])
+  ), ee = /* @__PURE__ */ t.createElement(t.Fragment, null, K.map((e) => {
+    var o, i;
+    return e.filterable && /* @__PURE__ */ t.createElement(je, { key: e.id }, /* @__PURE__ */ t.createElement("div", { className: "k-expander" }, /* @__PURE__ */ t.createElement(
+      _e,
+      {
+        title: _(e),
+        expandable: !0,
+        expanded: !!((o = d == null ? void 0 : d.find((l) => l.column.field === e.field)) != null && o.expanded),
+        onClick: (l) => H(l, e)
+      }
+    )), /* @__PURE__ */ t.createElement(
+      He,
+      {
+        show: !!((i = d == null ? void 0 : d.find((l) => l.column.field === e.field)) != null && i.expanded)
+      },
+      /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu", onSubmit: Y, onReset: Z }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, N ? /* @__PURE__ */ t.createElement(N, { ...L }) : /* @__PURE__ */ t.createElement(Ze, { ...L }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(k, { themeColor: "primary", disabled: !P }, f.toLanguageString(
+        de,
+        v[de]
+      )), /* @__PURE__ */ t.createElement(k, { type: "reset" }, f.toLanguageString(
+        ge,
+        v[ge]
+      )))))
+    ));
+  }), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ t.createElement(k, { svgIcon: Je, onClick: x }, f.toLanguageString(pe, v[pe]))));
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, he ? /* @__PURE__ */ t.createElement(et, null, R, /* @__PURE__ */ t.createElement(tt, { themeColor: "primary" })) : R, n.mobileMode ? /* @__PURE__ */ t.createElement(rt, null, Ge.createPortal(
+    /* @__PURE__ */ t.createElement(
+      ot,
+      {
+        filtered: K,
+        computedShow: G,
+        expandState: d,
+        FilterUI: N,
+        filterUIProps: L,
+        isFilterValid: P,
+        renderTitle: _,
+        onBackView: Se,
+        clear: Z,
+        submit: Y,
+        onClose: $,
+        onFilterExpand: H,
+        handleClearAllFilters: x
+      },
+      ee
+    ),
+    (ie = Fe()) == null ? void 0 : ie.body
+  )) : /* @__PURE__ */ t.createElement(
+    Re,
+    {
+      anchor: (ae = g.current) == null ? void 0 : ae.element,
+      show: G,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: ye
+    },
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        ref: y,
+        onBlur: Te,
+        onFocus: Ae,
+        onMouseDown: Ne,
+        onKeyDown: Le,
+        className: "k-column-menu k-column-menu-md"
+      },
+      ee
+    )
+  ));
+};
+lt.displayName = "KendoReactGridToolbarFilter";
+export {
+  lt as GridToolbarFilter
+};

package/toolbar-tools/GridToolbarSort.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * 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;

package/toolbar-tools/GridToolbarSort.mjs

@@ -0,0 +1,146 @@
+/**
+ * @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 j from "react-dom";
+import { GridColumnMenuItemGroup as q } from "../columnMenu/GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as J } from "../columnMenu/GridColumnMenuItem.mjs";
+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 { 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";
+import { GridToolbarAdaptiveProvider as se } from "./adaptiveContext/GridToolbarAdaptiveContext.mjs";
+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);
+  e.useEffect(() => {
+    h && (i(!0), k(!1));
+  }, [h]);
+  const S = e.useMemo(
+    () => (s == null ? void 0 : s.filter((t) => {
+      var o;
+      return (o = t.title || t.field) == null ? void 0 : o.toLowerCase();
+    })) || [],
+    [s]
+  ), v = e.useCallback(
+    (t, o) => {
+      n.headerCellClick(t, o), k(!1), i(!0);
+    },
+    [n]
+  ), w = e.useCallback(
+    (t) => {
+      n.sortChange([], t), i(!1);
+    },
+    [n]
+  ), M = e.useCallback(
+    (t) => {
+      const o = a ? a.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
+          }
+        ),
+        a.length > 1 && /* @__PURE__ */ e.createElement("span", { key: 2, className: "k-sort-index" }, o + 1)
+      ]));
+    },
+    [a]
+  ), 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());
+  }, 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();
+    });
+  }, z = () => {
+    clearTimeout(f.current);
+  }, { onFocus: K, onBlur: P } = te({
+    onFocus: (t) => z(),
+    onBlur: (t) => L(t)
+  }), O = (t) => {
+    var o;
+    (o = E.current) == null || o.triggerMouseEvent(t);
+  }, V = (t) => {
+    var o;
+    (o = E.current) == null || o.triggerKeyboardEvent(t);
+  }, H = (t) => {
+    !t.isAnchorClicked && m(!1);
+  }, I = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(q, null, S.map((t) => /* @__PURE__ */ e.createElement(
+    J,
+    {
+      key: t.id,
+      title: M(t),
+      onClick: (o) => v(o, t)
+    }
+  ))), /* @__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,
+      togglable: !0,
+      selected: C,
+      svgIcon: r.svgIcon ? r.svgIcon : r.icon ? void 0 : Y,
+      icon: r.icon,
+      size: n.mobileMode ? "large" : "medium",
+      className: oe("k-toolbar-button", {
+        "k-icon-button": n.mobileMode
+      }),
+      title: g.toLanguageString(c, b[c]),
+      onClick: R
+    },
+    !n.mobileMode && g.toLanguageString(c, b[c])
+  );
+  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(
+      ce,
+      {
+        filtered: S,
+        computedShow: C,
+        isDisabledButton: p,
+        renderTitle: M,
+        onClose: D,
+        onClear: w,
+        handleSorting: v
+      },
+      I
+    ),
+    (y = N()) == null ? void 0 : y.body
+  )) : /* @__PURE__ */ e.createElement(
+    ae,
+    {
+      anchor: (T = l.current) == null ? void 0 : T.element,
+      show: C,
+      popupClass: "k-grid-columnmenu-popup",
+      onMouseDownOutside: H
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: d,
+        onBlur: P,
+        onFocus: K,
+        onMouseDown: O,
+        onKeyDown: V,
+        className: "k-column-menu k-column-menu-md"
+      },
+      I
+    )
+  ));
+};
+ie.displayName = "KendoReactGridToolbarSort";
+export {
+  ie as GridToolbarSort
+};

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.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"),n=require("../../messages/index.js"),A=require("../../utils/GridContext.js"),l=require("@progress/kendo-react-layout"),u=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-svg-icons"),N=require("@progress/kendo-react-intl"),g=require("@progress/kendo-react-inputs"),I=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),y=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),M=require("@progress/kendo-react-common"),w=require("../../columnMenu/GridColumnMenuItemGroup.js"),B=require("../../columnMenu/GridColumnMenuItem.js"),q=t=>{const i=e.useContext(A.GridContext),{actionSheetRef:d,firstViewRef:v,secondViewRef:f}=e.useContext(y.GridToolbarAdaptiveContext),r=M.useAdaptiveModeContext(),o=N.useLocalization(),[k,E]=e.useState(""),S={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:r&&i.adaptiveColumnMenuRef<=r.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:r&&i.adaptiveColumnMenuRef<=r.small?"fullscreen":void 0},b=i.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,C=o.toLanguageString(n.adaptiveColumnMenuCheckboxFilterTitle,n.messages[n.adaptiveColumnMenuCheckboxFilterTitle]),x=()=>{t.onBackView&&t.onBackView(),i!=null&&i.mobileMode&&d.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(l.ActionSheet,{...S,ref:d,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(l.ActionSheetView,{className:"k-actionsheet-view-animated",ref:v,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(l.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{svgIcon:c.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(l.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.filtered.map(a=>{var s,m;return e.createElement(w.GridColumnMenuItemGroup,{key:a.id},e.createElement("div",{className:"k-expander"},e.createElement(B.GridColumnMenuItem,{title:t.renderTitle(a),expandable:!0,expanded:!!((m=(s=t.expandState)==null?void 0:s.find(h=>h.column.field===a.field))!=null&&m.expanded),onClick:h=>(d.current.element.style.setProperty("--kendo-actionsheet-view-current",2),E(a.field),t.onFilterExpand(h,a))})))}))),e.createElement(l.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(u.Button,{svgIcon:c.filterClearIcon,onClick:t.handleClearAllFilters,size:"large"},o.toLanguageString(n.filterClearAllButton,n.messages[n.filterClearAllButton]))))),e.createElement(l.ActionSheetView,{className:"k-actionsheet-view-animated",ref:f,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(l.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{type:"button",onClick:x,svgIcon:b,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},C+(k?` ${k}`:""))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(u.Button,{type:"button",svgIcon:c.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(l.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},t.searchBox,e.createElement("ul",{className:"k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(g.Checkbox,{size:i.mobileMode?"large":"medium",label:o.toLanguageString(n.filterCheckAll,n.messages[n.filterCheckAll]),onChange:a=>t.handleCheckBoxChange(a,"all"),checked:t.isAllSelected()})),t.currentData.map((a,s)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${s}`},e.createElement(g.Checkbox,{size:i.mobileMode?"large":"medium",label:String(a),onChange:m=>t.handleCheckBoxChange(m,a),checked:t.uniqueFilterValues.includes(a)})))),e.createElement("div",{className:"k-filter-selected-items"},t.uniqueFilterValues.length+" "+o.toLanguageString(n.filterSelectedItems,n.messages[n.filterSelectedItems]))))),e.createElement(l.ActionSheetFooter,null,e.createElement(I.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,submitMessage:o.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:o.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton])}))))};exports.GridAdaptiveToolbarCheckboxFilter=q;

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.mjs

@@ -0,0 +1,114 @@
+/**
+ * @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 { adaptiveColumnMenuCheckboxFilterTitle as f, messages as i, filterClearAllButton as k, filterCheckAll as g, filterSelectedItems as v, filterSubmitButton as E, filterClearButton as C } from "../../messages/index.mjs";
+import { GridContext as L } from "../../utils/GridContext.mjs";
+import { ActionSheet as R, ActionSheetView as S, ActionSheetHeader as x, ActionSheetContent as N, ActionSheetFooter as b } from "@progress/kendo-react-layout";
+import { Button as m } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as V, chevronLeftIcon as G, xIcon as w, filterClearIcon as z } from "@progress/kendo-svg-icons";
+import { useLocalization as P } from "@progress/kendo-react-intl";
+import { Checkbox as y } from "@progress/kendo-react-inputs";
+import { GridActionSheetFooterContent as T } from "../../columnMenu/adaptiveContent/GridActionSheetFooter.mjs";
+import { GridToolbarAdaptiveContext as D } from "../adaptiveContext/GridToolbarAdaptiveContext.mjs";
+import { useAdaptiveModeContext as q } from "@progress/kendo-react-common";
+import { GridColumnMenuItemGroup as _ } from "../../columnMenu/GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as $ } from "../../columnMenu/GridColumnMenuItem.mjs";
+const ae = (t) => {
+  const a = e.useContext(L), { actionSheetRef: s, firstViewRef: A, secondViewRef: M } = e.useContext(D), o = q(), l = P(), [d, I] = e.useState(""), p = {
+    animation: !0,
+    navigatable: !1,
+    navigatableElements: [],
+    expand: t.computedShow,
+    animationStyles: o && a.adaptiveColumnMenuRef <= o.small ? { top: 0, width: "100%", height: "100%" } : void 0,
+    className: "k-adaptive-actionsheet",
+    position: o && a.adaptiveColumnMenuRef <= o.small ? "fullscreen" : void 0
+  }, B = a.dir === "rtl" ? V : G, h = l.toLanguageString(
+    f,
+    i[f]
+  ), F = () => {
+    t.onBackView && t.onBackView(), a != null && a.mobileMode && s.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+  };
+  return /* @__PURE__ */ e.createElement(
+    R,
+    {
+      ...p,
+      ref: s,
+      style: { "--kendo-actionsheet-view-current": 1 },
+      onClose: t.onClose
+    },
+    /* @__PURE__ */ e.createElement(
+      S,
+      {
+        className: "k-actionsheet-view-animated",
+        ref: A,
+        style: {
+          transitionDuration: "500ms",
+          transitionProperty: "transform"
+        }
+      },
+      /* @__PURE__ */ e.createElement(x, 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" }, h)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(m, { svgIcon: w, onClick: t.onClose, fillMode: "flat" })))),
+      /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement("div", { className: "k-column-menu k-column-menu-lg" }, t.filtered.map((n) => {
+        var c, r;
+        return /* @__PURE__ */ e.createElement(_, { key: n.id }, /* @__PURE__ */ e.createElement("div", { className: "k-expander" }, /* @__PURE__ */ e.createElement(
+          $,
+          {
+            title: t.renderTitle(n),
+            expandable: !0,
+            expanded: !!((r = (c = t.expandState) == null ? void 0 : c.find(
+              (u) => u.column.field === n.field
+            )) != null && r.expanded),
+            onClick: (u) => (s.current.element.style.setProperty("--kendo-actionsheet-view-current", 2), I(n.field), t.onFilterExpand(u, n))
+          }
+        )));
+      }))),
+      /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer" }, /* @__PURE__ */ e.createElement(m, { svgIcon: z, onClick: t.handleClearAllFilters, size: "large" }, l.toLanguageString(k, i[k]))))
+    ),
+    /* @__PURE__ */ e.createElement(
+      S,
+      {
+        className: "k-actionsheet-view-animated",
+        ref: M,
+        style: {
+          transitionDuration: "500ms",
+          transitionProperty: "transform"
+        }
+      },
+      /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(m, { type: "button", onClick: F, svgIcon: B, fillMode: "flat" })), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, h + (d ? ` ${d}` : ""))), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(m, { type: "button", svgIcon: w, onClick: t.onClose, fillMode: "flat" })))),
+      /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, t.searchBox, /* @__PURE__ */ e.createElement("ul", { className: "k-multicheck-wrap" }, /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
+        y,
+        {
+          size: a.mobileMode ? "large" : "medium",
+          label: l.toLanguageString(g, i[g]),
+          onChange: (n) => t.handleCheckBoxChange(n, "all"),
+          checked: t.isAllSelected()
+        }
+      )), t.currentData.map((n, c) => /* @__PURE__ */ e.createElement("li", { className: "k-item", key: `colmenu-checkbox-item-${c}` }, /* @__PURE__ */ e.createElement(
+        y,
+        {
+          size: a.mobileMode ? "large" : "medium",
+          label: String(n),
+          onChange: (r) => t.handleCheckBoxChange(r, n),
+          checked: t.uniqueFilterValues.includes(n)
+        }
+      )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.uniqueFilterValues.length + " " + l.toLanguageString(v, i[v]))))),
+      /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(
+        T,
+        {
+          onApply: t.submit,
+          onReset: t.clear,
+          submitMessage: l.toLanguageString(E, i[E]),
+          resetMessage: l.toLanguageString(C, i[C])
+        }
+      ))
+    )
+  );
+};
+export {
+  ae as GridAdaptiveToolbarCheckboxFilter
+};

package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.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"),S=require("../../utils/GridContext.js"),m=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),f=require("@progress/kendo-react-buttons"),b=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-inputs"),i=require("@progress/kendo-react-layout"),u=require("@progress/kendo-react-common"),x=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),E=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),A=n=>{const l=e.useContext(S.GridContext),{actionSheetRef:d}=e.useContext(E.GridToolbarAdaptiveContext),c=u.useAdaptiveModeContext(),a=b.useLocalization(),C={animation:!0,navigatable:!1,navigatableElements:[],expand:n.computedShow,animationStyles:c&&l.adaptiveColumnMenuRef<=c.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:c&&l.adaptiveColumnMenuRef<=c.small?"fullscreen":void 0},h=a.toLanguageString(t.adaptiveColumnMenuChooserTitle,t.messages[t.adaptiveColumnMenuChooserTitle]),g=a.toLanguageString(t.adaptiveColumnMenuChooserSubTitle,t.messages[t.adaptiveColumnMenuChooserSubTitle]),k=()=>e.createElement(s.InputPrefix,null,e.createElement(u.IconWrap,{name:"search",icon:m.searchIcon}));return e.createElement(i.ActionSheet,{...C,ref:d,style:{"--kendo-actionsheet-view-current":1},onClose:n.onClose},e.createElement(i.ActionSheetView,null,e.createElement(i.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},h),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},g)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(f.Button,{type:"button",svgIcon:m.xIcon,onClick:n.onClose,fillMode:"flat"})))),e.createElement(i.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(s.TextBox,{size:l.mobileMode?"large":"medium",className:"k-searchbox",value:n.filter,onChange:n.onFilter,prefix:k}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!n.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(s.Checkbox,{size:l.mobileMode?"large":"medium",checked:n.allSelected,onChange:n.onSelectAll,label:a.toLanguageString(t.filterSelectAll,t.messages[t.filterSelectAll])})),n.filtered.map((o,M)=>e.createElement("li",{key:o.id,className:"k-item"},e.createElement(s.Checkbox,{size:l.mobileMode?"large":"medium",disabled:n.selectedColumns[o.id||""]&&n.checkedCount===1,checked:n.selectedColumns[o.id||""],onChange:v=>{var r;return n.onCheckChange(!!((r=v.target.element)!=null&&r.checked),o.id)},label:o.title||o.field})))),e.createElement("div",{className:"k-filter-selected-items"},n.checkedCount," ",a.toLanguageString(t.columnMenuColumnChooserSelectedItems,t.messages[t.columnMenuColumnChooserSelectedItems]))))),e.createElement(i.ActionSheetFooter,null,e.createElement(x.GridActionSheetFooterContent,{onApply:n.onApply,onReset:n.onReset,resetMessage:a.toLanguageString(t.filterResetButton,t.messages[t.filterResetButton]),submitMessage:a.toLanguageString(t.filterApplyButton,t.messages[t.filterApplyButton])}))))};exports.GridAdaptiveToolbarColumnChooser=A;