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

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

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.mjs

@@ -0,0 +1,73 @@
+/**
+ * @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 E from "react-dom";
+import { adaptiveColumnMenuCheckboxFilterTitle as r, messages as l, filterCheckAll as o, filterSelectedItems as i, filterSubmitButton as m, filterClearButton as s } from "../../messages/index.mjs";
+import { GridContext as v } from "../../GridClientWrapper.mjs";
+import { ActionSheetHeader as x, ActionSheetContent as b, ActionSheetFooter as S } from "@progress/kendo-react-layout";
+import { Button as u } from "@progress/kendo-react-buttons";
+import { chevronRightIcon as N, chevronLeftIcon as A, xIcon as M } from "@progress/kendo-svg-icons";
+import { useLocalization as F } from "@progress/kendo-react-intl";
+import { Checkbox as d } from "@progress/kendo-react-inputs";
+import { GridColumnMenuAdaptiveContext as B } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridActionSheetFooterContent as I } from "./GridActionSheetFooter.mjs";
+const _ = (t) => {
+  const c = e.useContext(v), n = F(), { secondViewRef: g } = e.useContext(B), h = c.dir === "rtl" ? N : A, k = n.toLanguageString(
+    r,
+    l[r]
+  );
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, E.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(
+      u,
+      {
+        type: "button",
+        onClick: t.onBackView,
+        svgIcon: h,
+        fillMode: "flat"
+      }
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, k)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(u, { type: "button", svgIcon: M, onClick: t.handleClose, fillMode: "flat" })))), /* @__PURE__ */ e.createElement(b, 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: c.mobileMode ? "large" : "medium",
+        label: n.toLanguageString(
+          o,
+          l[o]
+        ),
+        onChange: (a) => t.handleCheckBoxChange(a, "all"),
+        checked: t.isAllSelected()
+      }
+    )), t.currentData.map((a, f) => /* @__PURE__ */ e.createElement("li", { className: "k-item", key: `colmenu-checkbox-item-${f}` }, /* @__PURE__ */ e.createElement(
+      d,
+      {
+        size: c.mobileMode ? "large" : "medium",
+        label: String(a),
+        onChange: (C) => t.handleCheckBoxChange(C, a),
+        checked: t.uniqueFilterValues.includes(a)
+      }
+    )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.uniqueFilterValues.length + " " + n.toLanguageString(
+      i,
+      l[i]
+    ))))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement(
+      I,
+      {
+        onApply: t.submit,
+        onReset: t.clear,
+        submitMessage: n.toLanguageString(
+          m,
+          l[m]
+        ),
+        resetMessage: n.toLanguageString(s, l[s])
+      }
+    ))),
+    g.current.current
+  ));
+};
+export {
+  _ 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"),v=require("react-dom"),E=require("../../GridClientWrapper.js"),c=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),u=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-layout"),S=require("@progress/kendo-react-common"),x=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),b=require("./GridActionSheetFooter.js"),A=n=>{const l=f.useLocalization(),o=e.useContext(E.GridContext),{secondViewRef:m}=e.useContext(x.GridColumnMenuAdaptiveContext),d=o.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,g=l.toLanguageString(t.adaptiveColumnMenuChooserTitle,t.messages[t.adaptiveColumnMenuChooserTitle]),C=l.toLanguageString(t.adaptiveColumnMenuChooserSubTitle,t.messages[t.adaptiveColumnMenuChooserSubTitle]),h=()=>e.createElement(i.InputPrefix,null,e.createElement(S.IconWrap,{name:"search",icon:c.searchIcon}));return e.createElement(e.Fragment,null,v.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(u.Button,{type:"button",onClick:n.onBackView,svgIcon:d,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(u.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:o.mobileMode?"large":"medium",className:"k-searchbox",value:n.filter,onChange:n.onFilter,prefix:h}),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:o.mobileMode?"large":"medium",checked:n.allSelected,onChange:n.onSelectAll,label:l.toLanguageString(t.filterSelectAll,t.messages[t.filterSelectAll])})),n.filtered.map((a,M)=>e.createElement("li",{key:a.id,className:"k-item"},e.createElement(i.Checkbox,{size:o.mobileMode?"large":"medium",disabled:n.selectedColumns[a.id||""]&&n.checkedCount===1,checked:n.selectedColumns[a.id||""],onChange:k=>{var s;return n.onCheckChange(!!((s=k.target.element)!=null&&s.checked),a.id)},label:a.title||a.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(b.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])}))),m.current.current))};exports.GridAdaptiveColumnChooser=A;

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.mjs

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

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.mjs

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

package/components/GridEditDialog.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"),q=require("react-dom"),I=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-labels"),x=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-dateinputs"),_=require("@progress/kendo-react-common"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-data-tools"),R=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../GridClientWrapper.js"),i=require("../messages/index.js"),w=l=>{var p;const S=x.useLocalization(),E=_.useAdaptiveModeContext(),n=e.useContext(A.GridContext),u=(a,t)=>{n.onDialogEditSubmit&&n.onDialogEditSubmit({dataItem:a,syntheticEvent:t})},c=a=>{n.onDialogEditCancel&&n.onDialogEditCancel({syntheticEvent:a})},N=a=>{const{validationMessage:t,visited:z,id:v,valid:O,editor:F,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(F){case"numeric":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.NumericTextBox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"date":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(M.DatePicker,{valid:!0,...k,value:b,adaptive:n.mobileMode,size:C,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"boolean":return e.createElement("div",{className:"k-form-field-wrap"},e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":  ",e.createElement(L.Checkbox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));default:return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.TextBox,{...k,size:C,value:b||"",[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)))}},D=S.toLanguageString(i.editDialogTitle,i.messages[i.editDialogTitle]),h=S.toLanguageString(i.editDialogSaveButtonTitle,i.messages[i.editDialogSaveButtonTitle]),B=S.toLanguageString(i.editDialogCancelButtonTitle,i.messages[i.editDialogCancelButtonTitle]),y={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:n.adpativeTitle||D,suffixActions:e.createElement(s.Button,{svgIcon:m.xIcon,onClick:c,fillMode:"flat"}),animationStyles:E&&n.adaptiveColumnMenuRef<=E.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:E&&n.adaptiveColumnMenuRef<=E.small?"fullscreen":void 0},{customEditDialog:g}=l,d=(p=l.columns)==null?void 0:p.filter(a=>a.editable);return e.createElement(e.Fragment,null,q.createPortal(e.createElement(e.Fragment,null,n.mobileMode?e.createElement(e.Fragment,null,g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(I.ActionSheet,{...y},e.createElement(I.ActionSheetContent,null,e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator}))))),e.createElement(I.ActionSheetFooter,null,e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",size:"large",svgIcon:m.cancelIcon},B),e.createElement(s.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h)))})):g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(R.Dialog,{title:D,width:450,onClose:t=>c(t.syntheticEvent)},e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator})))),e.createElement(R.DialogActionsBar,{layout:"start"},e.createElement(s.Button,{type:"submit",themeColor:"primary",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h),e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",svgIcon:m.cancelIcon},B)))})),document.body))};exports.GridEditDialog=w;