@progress/kendo-react-grid 10.3.0-develop.1 → 11.0.0-develop.10

package/columnMenu/GridColumnMenuWrapper.mjs

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

package/columnMenu/adaptiveContent/GridActionSheetFooter.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 t=require("react"),n=require("@progress/kendo-react-buttons"),o=e=>t.createElement("form",{onSubmit:e.onApply,onReset:e.onReset},t.createElement("div",{className:"k-actions k-actions-stretched"},t.createElement(n.Button,{svgIcon:e.resetIcon,size:"large",type:"reset"},e.resetMessage),t.createElement(n.Button,{disabled:e.submitDisabled,svgIcon:e.submitIcon,type:"submit",size:"large",themeColor:"primary"},e.submitMessage)));exports.GridActionSheetFooterContent=o;

package/columnMenu/adaptiveContent/GridActionSheetFooter.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 t from "react";
+import { Button as n } from "@progress/kendo-react-buttons";
+const a = (e) => /* @__PURE__ */ t.createElement("form", { onSubmit: e.onApply, onReset: e.onReset }, /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(n, { svgIcon: e.resetIcon, size: "large", type: "reset" }, e.resetMessage), /* @__PURE__ */ t.createElement(
+  n,
+  {
+    disabled: e.submitDisabled,
+    svgIcon: e.submitIcon,
+    type: "submit",
+    size: "large",
+    themeColor: "primary"
+  },
+  e.submitMessage
+)));
+export {
+  a as GridActionSheetFooterContent
+};

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

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.mjs

@@ -0,0 +1,79 @@
+/**
+ * @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 S from "react-dom";
+import { adaptiveColumnMenuCheckboxFilterTitle as i, messages as c, filterCheckAll as r, filterSelectedItems as m, filterSubmitButton as s, filterClearButton as u } from "../../messages/index.mjs";
+import { GridContext as b } from "../../GridClientWrapper.mjs";
+import { ActionSheetHeader as x, ActionSheetContent as M, ActionSheetFooter as N } from "@progress/kendo-react-layout";
+import { Button as h } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as A, chevronLeftIcon as w, xIcon as B } from "@progress/kendo-svg-icons";
+import { useLocalization as y } from "@progress/kendo-react-intl";
+import { Checkbox as d } from "@progress/kendo-react-inputs";
+import { GridColumnMenuAdaptiveContext as F } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridActionSheetFooterContent as I } from "./GridActionSheetFooter.mjs";
+const H = (t) => {
+  const n = e.useContext(b), l = y(), { actionSheetRef: o, secondViewRef: k } = e.useContext(F), f = n.dir === "rtl" ? A : w, g = l.toLanguageString(
+    i,
+    c[i]
+  );
+  e.useEffect(() => {
+    n != null && n.mobileMode && o.current.element.style.setProperty("--kendo-actionsheet-view-current", 2);
+  }, []);
+  const E = () => {
+    t.onBackView && t.onBackView(), n != null && n.mobileMode && o.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, S.createPortal(
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__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(
+      h,
+      {
+        type: "button",
+        onClick: E,
+        svgIcon: f,
+        fillMode: "flat"
+      }
+    )), /* @__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(h, { type: "button", svgIcon: B, onClick: t.handleClose, fillMode: "flat" })))), /* @__PURE__ */ e.createElement(M, 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-reset k-multicheck-wrap" }, /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
+      d,
+      {
+        size: n.mobileMode ? "large" : "medium",
+        label: l.toLanguageString(
+          r,
+          c[r]
+        ),
+        onChange: (a) => t.handleCheckBoxChange(a, "all"),
+        checked: t.isAllSelected()
+      }
+    )), t.currentData.map((a, C) => /* @__PURE__ */ e.createElement("li", { className: "k-item", key: `colmenu-checkbox-item-${C}` }, /* @__PURE__ */ e.createElement(
+      d,
+      {
+        size: n.mobileMode ? "large" : "medium",
+        label: String(a),
+        onChange: (v) => t.handleCheckBoxChange(v, a),
+        checked: t.uniqueFilterValues.includes(a)
+      }
+    )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.uniqueFilterValues.length + " " + l.toLanguageString(
+      m,
+      c[m]
+    ))))), /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+      I,
+      {
+        onApply: t.submit,
+        onReset: t.clear,
+        submitMessage: l.toLanguageString(
+          s,
+          c[s]
+        ),
+        resetMessage: l.toLanguageString(u, c[u])
+      }
+    ))),
+    k.current.current
+  ));
+};
+export {
+  H as GridAdaptiveCheckboxFilter
+};

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.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("react-dom"),E=require("../../GridClientWrapper.js"),c=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),m=require("@progress/kendo-react-buttons"),b=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-layout"),x=require("@progress/kendo-react-common"),M=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),A=require("./GridActionSheetFooter.js"),y=n=>{const l=b.useLocalization(),a=e.useContext(E.GridContext),{actionSheetRef:s,secondViewRef:d}=e.useContext(M.GridColumnMenuAdaptiveContext),h=a.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,g=l.toLanguageString(t.adaptiveColumnMenuChooserTitle,t.messages[t.adaptiveColumnMenuChooserTitle]),C=l.toLanguageString(t.adaptiveColumnMenuChooserSubTitle,t.messages[t.adaptiveColumnMenuChooserSubTitle]);e.useEffect(()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",1),n.onBackView&&n.onBackView()},f=()=>e.createElement(i.InputPrefix,null,e.createElement(x.IconWrap,{name:"search",icon:c.searchIcon}));return e.createElement(e.Fragment,null,S.createPortal(e.createElement(e.Fragment,null,e.createElement(r.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",onClick:k,svgIcon:h,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},g),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",svgIcon:c.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(r.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(i.TextBox,{size:a.mobileMode?"large":"medium",className:"k-searchbox",value:n.filter,onChange:n.onFilter,prefix:f}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!n.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",checked:n.allSelected,onChange:n.onSelectAll,label:l.toLanguageString(t.filterSelectAll,t.messages[t.filterSelectAll])})),n.filtered.map((o,I)=>e.createElement("li",{key:o.id,className:"k-item"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",disabled:n.selectedColumns[o.id||""]&&n.checkedCount===1,checked:n.selectedColumns[o.id||""],onChange:v=>{var u;return n.onCheckChange(!!((u=v.target.element)!=null&&u.checked),o.id)},label:o.title||o.field})))),e.createElement("div",{className:"k-filter-selected-items"},n.checkedCount," ",l.toLanguageString(t.columnMenuColumnChooserSelectedItems,t.messages[t.columnMenuColumnChooserSelectedItems]))))),e.createElement(r.ActionSheetFooter,null,e.createElement(A.GridActionSheetFooterContent,{onApply:n.onApply,onReset:n.onReset,resetMessage:l.toLanguageString(t.filterResetButton,t.messages[t.filterResetButton]),submitMessage:l.toLanguageString(t.filterApplyButton,t.messages[t.filterApplyButton])}))),d.current.current))};exports.GridAdaptiveColumnChooser=y;

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.mjs

@@ -0,0 +1,90 @@
+/**
+ * @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 M from "react-dom";
+import { GridContext as N } from "../../GridClientWrapper.mjs";
+import { chevronRightIcon as A, chevronLeftIcon as y, xIcon as I, searchIcon as w } from "@progress/kendo-svg-icons";
+import { adaptiveColumnMenuChooserTitle as r, messages as a, adaptiveColumnMenuChooserSubTitle as m, filterSelectAll as s, columnMenuColumnChooserSelectedItems as u, filterResetButton as d, filterApplyButton as h } from "../../messages/index.mjs";
+import { Button as f } from "@progress/kendo-react-buttons";
+import { useLocalization as B } from "@progress/kendo-react-intl";
+import { TextBox as L, Checkbox as g, InputPrefix as R } from "@progress/kendo-react-inputs";
+import { ActionSheetHeader as p, ActionSheetContent as F, ActionSheetFooter as P } from "@progress/kendo-react-layout";
+import { IconWrap as T } from "@progress/kendo-react-common";
+import { GridColumnMenuAdaptiveContext as z } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridActionSheetFooterContent as G } from "./GridActionSheetFooter.mjs";
+const Y = (t) => {
+  const o = B(), l = e.useContext(N), { actionSheetRef: c, secondViewRef: k } = e.useContext(z), C = l.dir === "rtl" ? A : y, E = o.toLanguageString(
+    r,
+    a[r]
+  ), v = o.toLanguageString(
+    m,
+    a[m]
+  );
+  e.useEffect(() => {
+    l.mobileMode && c.current.element.style.setProperty("--kendo-actionsheet-view-current", 2);
+  }, []);
+  const S = () => {
+    l.mobileMode && c.current.element.style.setProperty("--kendo-actionsheet-view-current", 1), t.onBackView && t.onBackView();
+  }, x = () => /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(T, { name: "search", icon: w }));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, M.createPortal(
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+      f,
+      {
+        type: "button",
+        onClick: S,
+        svgIcon: C,
+        fillMode: "flat"
+      }
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, E), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, v)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(f, { type: "button", svgIcon: I, onClick: t.handleClose, fillMode: "flat" })))), /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
+      L,
+      {
+        size: l.mobileMode ? "large" : "medium",
+        className: "k-searchbox",
+        value: t.filter,
+        onChange: t.onFilter,
+        prefix: x
+      }
+    ), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t.filter && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
+      g,
+      {
+        size: l.mobileMode ? "large" : "medium",
+        checked: t.allSelected,
+        onChange: t.onSelectAll,
+        label: o.toLanguageString(s, a[s])
+      }
+    )), t.filtered.map((n, V) => /* @__PURE__ */ e.createElement("li", { key: n.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
+      g,
+      {
+        size: l.mobileMode ? "large" : "medium",
+        disabled: t.selectedColumns[n.id || ""] && t.checkedCount === 1,
+        checked: t.selectedColumns[n.id || ""],
+        onChange: (b) => {
+          var i;
+          return t.onCheckChange(!!((i = b.target.element) != null && i.checked), n.id);
+        },
+        label: n.title || n.field
+      }
+    )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.checkedCount, " ", o.toLanguageString(
+      u,
+      a[u]
+    ))))), /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
+      G,
+      {
+        onApply: t.onApply,
+        onReset: t.onReset,
+        resetMessage: o.toLanguageString(d, a[d]),
+        submitMessage: o.toLanguageString(h, a[h])
+      }
+    ))),
+    k.current.current
+  ));
+};
+export {
+  Y as GridAdaptiveColumnChooser
+};

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.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"),t=require("@progress/kendo-react-layout"),m=require("@progress/kendo-react-common"),d=require("../../GridClientWrapper.js"),v=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),C=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),f=require("@progress/kendo-react-intl"),i=require("../../messages/index.js"),k=n=>{const a=e.useContext(d.GridContext),{actionSheetRef:c,firstViewRef:s,secondViewRef:r}=e.useContext(C.GridColumnMenuAdaptiveContext),o=m.useAdaptiveModeContext(),l=f.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:n.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};return e.createElement(t.ActionSheet,{...u,ref:c,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{n.closeMenu()}},e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(t.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},a.adpativeTitle||l.toLanguageString(i.columnMenu,i.messages[i.columnMenu]))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(v.Button,{svgIcon:h.xIcon,onClick:n.closeMenu,fillMode:"flat"})))),e.createElement(t.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},n.children))),e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))};exports.GridAdaptiveColumnMenu=k;

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs

@@ -0,0 +1,66 @@
+/**
+ * @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 { ActionSheet as u, ActionSheetView as a, ActionSheetHeader as d, ActionSheetContent as f } from "@progress/kendo-react-layout";
+import { useAdaptiveModeContext as v } from "@progress/kendo-react-common";
+import { GridContext as p } from "../../GridClientWrapper.mjs";
+import { Button as h } from "@progress/kendo-react-buttons";
+import { xIcon as C } from "@progress/kendo-svg-icons";
+import { GridColumnMenuAdaptiveContext as E } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { useLocalization as g } from "@progress/kendo-react-intl";
+import { columnMenu as i, messages as k } from "../../messages/index.mjs";
+const G = (t) => {
+  const o = e.useContext(p), { actionSheetRef: r, firstViewRef: l, secondViewRef: m } = e.useContext(E), n = v(), s = g(), c = {
+    animation: !0,
+    navigatable: !1,
+    navigatableElements: [],
+    expand: t.computedShow,
+    animationStyles: n && o.adaptiveColumnMenuRef <= n.small ? { top: 0, width: "100%", height: "100%" } : void 0,
+    className: "k-adaptive-actionsheet",
+    position: n && o.adaptiveColumnMenuRef <= n.small ? "fullscreen" : void 0
+  };
+  return /* @__PURE__ */ e.createElement(
+    u,
+    {
+      ...c,
+      ref: r,
+      style: { "--kendo-actionsheet-view-current": 1 },
+      onClose: () => {
+        t.closeMenu();
+      }
+    },
+    /* @__PURE__ */ e.createElement(
+      a,
+      {
+        className: "k-actionsheet-view-animated",
+        ref: l,
+        style: {
+          transitionDuration: "500ms",
+          transitionProperty: "transform"
+        }
+      },
+      /* @__PURE__ */ e.createElement(d, 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" }, o.adpativeTitle || s.toLanguageString(i, k[i]))), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(h, { svgIcon: C, onClick: t.closeMenu, fillMode: "flat" })))),
+      /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { className: "k-column-menu k-column-menu-lg" }, t.children))
+    ),
+    /* @__PURE__ */ e.createElement(
+      a,
+      {
+        className: "k-actionsheet-view-animated",
+        ref: m,
+        style: {
+          transitionDuration: "500ms",
+          transitionProperty: "transform"
+        }
+      }
+    )
+  );
+};
+export {
+  G as GridAdaptiveColumnMenu
+};

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.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"),f=require("react-dom"),o=require("@progress/kendo-react-layout"),a=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-react-intl"),h=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),r=require("@progress/kendo-svg-icons"),v=require("../GridColumnMenuFilterUI.js"),n=require("../../messages/index.js"),C=require("../../GridClientWrapper.js"),E=require("./GridActionSheetFooter.js"),k=t=>{const c=g.useLocalization(),i=e.useContext(C.GridContext),{actionSheetRef:l,secondViewRef:s}=e.useContext(h.GridColumnMenuAdaptiveContext),u=i.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon;e.useEffect(()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",onClick:m,svgIcon:u,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},t.adaptiveTitle)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(v.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(o.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:r.filterClearIcon,submitIcon:r.filterIcon,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=k;

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.mjs

@@ -0,0 +1,74 @@
+/**
+ * @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 d from "react-dom";
+import { ActionSheetHeader as h, ActionSheetContent as E, ActionSheetFooter as g } from "@progress/kendo-react-layout";
+import { Button as i } from "@progress/kendo-react-buttons";
+import { useLocalization as v } from "@progress/kendo-react-intl";
+import { GridColumnMenuAdaptiveContext as I } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { chevronRightIcon as k, chevronLeftIcon as C, xIcon as S, filterClearIcon as b, filterIcon as F } from "@progress/kendo-svg-icons";
+import { GridColumnMenuFilterUI as M } from "../GridColumnMenuFilterUI.mjs";
+import { filterSubmitButton as a, messages as c, filterClearButton as l } from "../../messages/index.mjs";
+import { GridContext as x } from "../../GridClientWrapper.mjs";
+import { GridActionSheetFooterContent as A } from "./GridActionSheetFooter.mjs";
+const z = (t) => {
+  const o = v(), n = e.useContext(x), { actionSheetRef: r, secondViewRef: m } = e.useContext(I), s = n.dir === "rtl" ? k : C;
+  e.useEffect(() => {
+    n.mobileMode && r.current.element.style.setProperty("--kendo-actionsheet-view-current", 2);
+  }, []);
+  const u = () => {
+    n.mobileMode && r.current.element.style.setProperty("--kendo-actionsheet-view-current", 1), t.onBackView && t.onBackView();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, d.createPortal(
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ e.createElement(e.Fragment, null, t.FilterUI ? /* @__PURE__ */ e.createElement(t.FilterUI, { ...t.filterUIProps }) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+      i,
+      {
+        type: "button",
+        onClick: u,
+        svgIcon: s,
+        fillMode: "flat"
+      }
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, t.adaptiveTitle)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+      i,
+      {
+        type: "button",
+        svgIcon: S,
+        onClick: t.handleClose,
+        fillMode: "flat"
+      }
+    )))), /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
+      M,
+      {
+        ...t.filterUIProps
+      }
+    )))), /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
+      A,
+      {
+        onApply: t.submit,
+        onReset: t.clear,
+        resetIcon: b,
+        submitIcon: F,
+        submitMessage: o.toLanguageString(
+          a,
+          c[a]
+        ),
+        resetMessage: o.toLanguageString(
+          l,
+          c[l]
+        ),
+        submitDisabled: !t.isFilterValid
+      }
+    )))),
+    m.current.current
+  ));
+};
+export {
+  z as GridAdaptiveFilterMenu
+};

package/columnMenu/adaptiveContext/GridColumnMenuAdaptiveContext.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"),t=e.createContext(void 0),d=n=>{const o=e.useRef(null),r=e.useRef(null),u=e.useRef(null),i=e.useMemo(()=>({actionSheetRef:o,firstViewRef:r,secondViewRef:u}),[]);return e.createElement(t.Provider,{value:i},n.children)};exports.GridColumnMenuAdaptiveContext=t;exports.GridColumnMenuAdaptiveProvider=d;

package/columnMenu/adaptiveContext/GridColumnMenuAdaptiveContext.mjs

@@ -0,0 +1,17 @@
+/**
+ * @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";
+const i = e.createContext(void 0), c = (t) => {
+  const n = e.useRef(null), o = e.useRef(null), r = e.useRef(null), u = e.useMemo(() => ({ actionSheetRef: n, firstViewRef: o, secondViewRef: r }), []);
+  return /* @__PURE__ */ e.createElement(i.Provider, { value: u }, t.children);
+};
+export {
+  i as GridColumnMenuAdaptiveContext,
+  c as GridColumnMenuAdaptiveProvider
+};