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

package/columnMenu/GridColumnMenuFilterCell.mjs

@@ -8,41 +8,41 @@
 "use client";
 import * as n from "react";
 import { DropDownList as m } from "@progress/kendo-react-dropdowns";
-import { Input as s, NumericTextBox as h } from "@progress/kendo-react-inputs";
+import { TextBox as h, NumericTextBox as s } from "@progress/kendo-react-inputs";
 import { DatePicker as f } from "@progress/kendo-react-dateinputs";
-import { cellOperatorChange as x, cellInputChange as p, cellBoolDropdownChange as E } from "../filterCommon.mjs";
-import { GridContext as b } from "../GridClientWrapper.mjs";
-const z = (e) => {
-  const r = n.useContext(b), c = () => {
+import { cellOperatorChange as x, cellInputChange as E, cellBoolDropdownChange as b } from "../filterCommon.mjs";
+import { GridContext as p } from "../utils/GridContext.mjs";
+const w = (e) => {
+  const o = n.useContext(p), d = () => {
     if (e.filterType === "boolean")
       return;
-    const t = e.operators.find((o) => o.operator === e.operator) || null;
+    const t = e.operators.find((r) => r.operator === e.operator) || null;
     return /* @__PURE__ */ n.createElement(
       m,
       {
-        adaptive: r.adaptive,
-        size: r.mobileMode ? "large" : "medium",
+        adaptive: o.adaptive,
+        size: o.mobileMode ? "large" : "medium",
         value: t,
-        onChange: d,
+        onChange: c,
         data: e.operators,
         textField: "text"
       }
     );
-  }, l = (t) => {
-    p(t.value, t.syntheticEvent, e);
-  }, d = (t) => {
+  }, i = (t) => {
+    E(t.value, t.syntheticEvent, e);
+  }, c = (t) => {
     x(t, e.value, e.onChange);
   }, u = (t) => {
-    E(t, e.onChange);
-  }, g = (t, o, i) => {
+    b(t, e.onChange);
+  }, g = (t, r, l) => {
     switch (t) {
       case "numeric":
         return /* @__PURE__ */ n.createElement(
-          h,
+          s,
           {
-            value: o,
-            size: r.mobileMode ? "large" : "medium",
-            onChange: l,
+            value: r,
+            size: o.mobileMode ? "large" : "medium",
+            onChange: i,
             rangeOnEnter: !1
           }
         );
@@ -50,9 +50,9 @@ const z = (e) => {
         return /* @__PURE__ */ n.createElement(
           f,
           {
-            value: o,
-            size: r.mobileMode ? "large" : "medium",
-            onChange: l
+            value: r,
+            size: o.mobileMode ? "large" : "medium",
+            onChange: i
           }
         );
       case "boolean": {
@@ -60,21 +60,28 @@ const z = (e) => {
         return /* @__PURE__ */ n.createElement(
           m,
           {
-            adaptive: r.adaptive,
+            adaptive: o.adaptive,
             onChange: u,
-            size: r.mobileMode ? "large" : "medium",
-            value: i.find((a) => a.operator === (C(o) ? "" : o)),
-            data: i,
+            size: o.mobileMode ? "large" : "medium",
+            value: l.find((a) => a.operator === (C(r) ? "" : r)),
+            data: l,
             textField: "text"
           }
         );
       }
       default:
-        return /* @__PURE__ */ n.createElement(s, { className: "k-input-lg", value: o || "", onChange: l });
+        return /* @__PURE__ */ n.createElement(
+          h,
+          {
+            size: o.mobileMode ? "large" : "medium",
+            value: r || "",
+            onChange: i
+          }
+        );
     }
   };
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, c(), g(e.filterType, e.value, e.booleanValues));
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, d(), g(e.filterType, e.value, e.booleanValues));
 };
 export {
-  z as GridColumnMenuFilterCell
+  w as GridColumnMenuFilterCell
 };

package/columnMenu/GridColumnMenuFilterUI.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("./GridColumnMenuFilterCell.js"),m=require("../GridClientWrapper.js"),u=require("@progress/kendo-react-buttons");function g(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=g(s),p=t=>{const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:l,logicValue:o,onLogicChange:i}=t,c=e.useContext(m.GridContext),a=(o==null?void 0:o.operator)==="and";return e.createElement(e.Fragment,null,e.createElement(d.GridColumnMenuFilterCell,{...r}),!n&&e.createElement(e.Fragment,null,e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{type:"button",value:"and",size:c.mobileMode?"large":"medium",togglable:!0,selected:a,onClick:i},"And"),e.createElement(u.Button,{type:"button",value:"or",size:c.mobileMode?"large":"medium",togglable:!0,selected:!a,onClick:i},"Or")),e.createElement(d.GridColumnMenuFilterCell,{...l})))};exports.GridColumnMenuFilterUI=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("./GridColumnMenuFilterCell.js"),m=require("../utils/GridContext.js"),u=require("@progress/kendo-react-buttons");function g(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=g(s),C=t=>{const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:o,logicValue:l,onLogicChange:i}=t,c=e.useContext(m.GridContext),a=(l==null?void 0:l.operator)==="and";return e.createElement(e.Fragment,null,e.createElement(d.GridColumnMenuFilterCell,{...r}),!n&&e.createElement(e.Fragment,null,e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{type:"button",value:"and",size:c.mobileMode?"large":"medium",togglable:!0,selected:a,onClick:i},"And"),e.createElement(u.Button,{type:"button",value:"or",size:c.mobileMode?"large":"medium",togglable:!0,selected:!a,onClick:i},"Or")),e.createElement(d.GridColumnMenuFilterCell,{...o})))};exports.GridColumnMenuFilterUI=C;

package/columnMenu/GridColumnMenuFilterUI.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as e from "react";
 import { GridColumnMenuFilterCell as l } from "./GridColumnMenuFilterCell.mjs";
-import { GridContext as d } from "../GridClientWrapper.mjs";
+import { GridContext as d } from "../utils/GridContext.mjs";
 import { ButtonGroup as s, Button as m } from "@progress/kendo-react-buttons";
 const E = (i) => {
   const { firstFilterProps: a, hideSecondFilter: c, secondFilterProps: u, logicValue: t, onLogicChange: r } = i, o = e.useContext(d), n = (t == null ? void 0 : t.operator) === "and";

package/columnMenu/GridColumnMenuItem.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),i=require("@progress/kendo-react-common"),p=require("../GridClientWrapper.js"),a=require("@progress/kendo-svg-icons");function f(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(c,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return c.default=n,Object.freeze(c)}const r=f(d),I=n=>{const{title:c,iconClass:e,svgIcon:o,selected:u,expandable:s,expanded:m}=n,t=r.useContext(p.GridContext);let l;return s&&(t!=null&&t.mobileMode?l=(t==null?void 0:t.dir)==="rtl"?a.chevronLeftIcon:a.chevronRightIcon:l=m?a.chevronUpIcon:a.chevronDownIcon),r.createElement("div",{onClick:n.onClick,className:`k-columnmenu-item ${u?"k-selected":""}`},(e||o)&&r.createElement(i.IconWrap,{name:e&&i.toIconName(e),icon:o}),c,r.createElement("span",{className:"k-spacer"}),s&&r.createElement(i.IconWrap,{icon:l}))};exports.GridColumnMenuItem=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),i=require("@progress/kendo-react-common"),f=require("../utils/GridContext.js"),a=require("@progress/kendo-svg-icons");function p(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(c,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return c.default=n,Object.freeze(c)}const r=p(d),I=n=>{const{title:c,iconClass:e,svgIcon:o,selected:u,expandable:s,expanded:m}=n,t=r.useContext(f.GridContext);let l;return s&&(t!=null&&t.mobileMode?l=(t==null?void 0:t.dir)==="rtl"?a.chevronLeftIcon:a.chevronRightIcon:l=m?a.chevronUpIcon:a.chevronDownIcon),r.createElement("div",{onClick:n.onClick,className:`k-columnmenu-item ${u?"k-selected":""}`},(e||o)&&r.createElement(i.IconWrap,{name:e&&i.toIconName(e),icon:o}),c,r.createElement("span",{className:"k-spacer"}),s&&r.createElement(i.IconWrap,{icon:l}))};exports.GridColumnMenuItem=I;

package/columnMenu/GridColumnMenuItem.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as o from "react";
 import { IconWrap as a, toIconName as p } from "@progress/kendo-react-common";
-import { GridContext as I } from "../GridClientWrapper.mjs";
+import { GridContext as I } from "../utils/GridContext.mjs";
 import { chevronLeftIcon as d, chevronRightIcon as v, chevronDownIcon as f, chevronUpIcon as h } from "@progress/kendo-svg-icons";
 const C = (t) => {
   const { title: l, iconClass: n, svgIcon: m, selected: i, expandable: r, expanded: s } = t, e = o.useContext(I);

package/columnMenu/GridColumnMenuWrapper.js

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

package/columnMenu/GridColumnMenuWrapper.mjs

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

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=require("react-dom"),t=require("../../messages/index.js"),S=require("../../utils/GridContext.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 c=e.useContext(S.GridContext),l=v.useLocalization(),{actionSheetRef:r,secondViewRef:m}=e.useContext(b.GridColumnMenuAdaptiveContext),d=c.dir==="rtl"?o.chevronRightIcon:o.chevronLeftIcon,h=l.toLanguageString(t.adaptiveColumnMenuCheckboxFilterTitle,t.messages[t.adaptiveColumnMenuCheckboxFilterTitle]);e.useEffect(()=>{c!=null&&c.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{n.onBackView&&n.onBackView(),c!=null&&c.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:c.mobileMode?"large":"medium",label:l.toLanguageString(t.filterCheckAll,t.messages[t.filterCheckAll]),onChange:a=>n.handleCheckBoxChange(a,"all"),checked:n.isAllSelected()})),n.currentData.map((a,g)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${g}`},e.createElement(u.Checkbox,{size:c.mobileMode?"large":"medium",label:String(a),onChange:C=>n.handleCheckBoxChange(C,a),checked:n.uniqueFilterValues.includes(a)})))),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

@@ -9,7 +9,7 @@
 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 { GridContext as b } from "../../utils/GridContext.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";

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),S=require("react-dom"),E=require("../../utils/GridContext.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

@@ -8,7 +8,7 @@
 "use client";
 import e from "react";
 import M from "react-dom";
-import { GridContext as N } from "../../GridClientWrapper.mjs";
+import { GridContext as N } from "../../utils/GridContext.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";

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"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("../../utils/GridContext.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.adaptiveTitle||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

@@ -9,7 +9,7 @@
 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 { GridContext as p } from "../../utils/GridContext.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";
@@ -45,7 +45,7 @@ const G = (t) => {
           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(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.adaptiveTitle || 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(

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"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("../../utils/GridContext.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

@@ -15,7 +15,7 @@ import { GridColumnMenuAdaptiveContext as I } from "../adaptiveContext/GridColum
 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 { GridContext as x } from "../../utils/GridContext.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;

package/components/GridContainerElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../GridClientWrapper.js"),i=require("../utils/index.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=l(o),u=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})};exports.GridContainerElementContainer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../utils/GridContext.js"),i=require("../utils/index.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=l(o),u=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})};exports.GridContainerElementContainer=u;

package/components/GridContainerElementContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as r from "react";
-import { GridContext as n } from "../GridClientWrapper.mjs";
+import { GridContext as n } from "../utils/GridContext.mjs";
 import { cloneReactElement as o } from "../utils/index.mjs";
 const c = (t) => {
   const e = r.useContext(n);

package/components/GridDragClue.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("@progress/kendo-react-data-tools"),u=require("../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=i(c),l=e=>{const t=o.useContext(u.GridContext);return o.createElement(a.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})};exports.GridDragClue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("@progress/kendo-react-data-tools"),u=require("../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=i(c),l=e=>{const t=o.useContext(u.GridContext);return o.createElement(a.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})};exports.GridDragClue=l;

package/components/GridDragClue.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { DragClue as t } from "@progress/kendo-react-data-tools";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 const i = (n) => {
   const e = r.useContext(o);
   return /* @__PURE__ */ r.createElement(t, { ref: e.dragLogicRef.current.refDragElementClue });

package/components/GridDraggableRowsContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),X=require("../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),n=require("./utils.js"),J=require("react-dom"),b=require("@progress/kendo-svg-icons"),K=require("../utils/index.js"),w={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},T={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Q=C=>{const{rowReorderSettings:u,columns:k,unstyled:h}=C,{rowReorder:N,reorderRowDragTargetRef:a,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:O}=e.useContext(X.GridContext),[q,I]=e.useState(!1),[P,M]=e.useState(b.cancelIcon),y=e.useRef(null),f=e.useRef(null),c=e.useRef(null),v=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),R=e.useRef(null),E=typeof u=="object"?u.enabled:u;e.useEffect(()=>{O.current=y.current},[]);const Y=r=>{var s;const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(v.current=r.offsetY,p.current=!0,a.current=t.closest(".k-table-row"),R.current=(s=a.current)==null?void 0:s.parentElement)},B=r=>{!p.current||!E||!d.current||(a.current&&(a.current.style.userSelect="none"),I(!0))},F=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,s=v.current,g={x:t,y:o-s};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),$(r)},G=r=>{var o;if(!E||!d.current)return;I(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));N(r,t,D.current),p.current=!1,R.current=null};m.useDraggable(y,{onPress:Y,onDragStart:B,onDrag:F,onDragEnd:G});const $=r=>{D.current=W(r),V()},V=()=>{var s;if(D.current===n.dropDirection.forbidden||!i.current){j();return}z();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((s=c.current)==null?void 0:s.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},j=()=>{c.current&&(c.current.style.display="none")},z=()=>{c.current&&(c.current.style.display="")},H=()=>{if(d.current){if(u.dragClue){if(typeof u.dragClue=="string")return u.dragClue}else{const r=k.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}return u.dragClue(d.current)}},W=r=>{var S;if(i.current===a.current||!i.current||((S=i.current)==null?void 0:S.parentElement)!==R.current)return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),s=t.height/2,g=r.clientY,x=t.top;let l=null;g<x+s?l=n.dropDirection.before:g>=x+t.height-s&&(l=n.dropDirection.after),(l===n.dropDirection.before&&i.current===a.current.nextElementSibling||l===n.dropDirection.after&&i.current===a.current.previousElementSibling)&&(l=n.dropDirection.forbidden);const L=l===n.dropDirection.forbidden?b.cancelIcon:b.insertMiddleIcon;return M(L),l},A=e.useMemo(H,[d.current]);return e.createElement(e.Fragment,null,q&&J.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:w,className:m.classNames(h.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:T,className:m.classNames(h.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(m.SvgIcon,{className:"k-drag-status",icon:P}),A)),document.body),K.cloneReactElement(C.children,{ref:y}))};exports.GridReorderableRowsContainer=Q;exports.dropIndicatorStyles=w;exports.hintClueStyles=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),X=require("../utils/GridContext.js"),m=require("@progress/kendo-react-common"),n=require("./utils.js"),J=require("react-dom"),b=require("@progress/kendo-svg-icons"),K=require("../utils/index.js"),w={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},T={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Q=C=>{const{rowReorderSettings:u,columns:k,unstyled:h}=C,{rowReorder:N,reorderRowDragTargetRef:a,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:O}=e.useContext(X.GridContext),[q,I]=e.useState(!1),[P,M]=e.useState(b.cancelIcon),y=e.useRef(null),f=e.useRef(null),c=e.useRef(null),v=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),R=e.useRef(null),E=typeof u=="object"?u.enabled:u;e.useEffect(()=>{O.current=y.current},[]);const Y=r=>{var s;const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(v.current=r.offsetY,p.current=!0,a.current=t.closest(".k-table-row"),R.current=(s=a.current)==null?void 0:s.parentElement)},B=r=>{!p.current||!E||!d.current||(a.current&&(a.current.style.userSelect="none"),I(!0))},F=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,s=v.current,g={x:t,y:o-s};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),$(r)},G=r=>{var o;if(!E||!d.current)return;I(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));N(r,t,D.current),p.current=!1,R.current=null};m.useDraggable(y,{onPress:Y,onDragStart:B,onDrag:F,onDragEnd:G});const $=r=>{D.current=A(r),V()},V=()=>{var s;if(D.current===n.dropDirection.forbidden||!i.current){j();return}z();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((s=c.current)==null?void 0:s.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},j=()=>{c.current&&(c.current.style.display="none")},z=()=>{c.current&&(c.current.style.display="")},H=()=>{if(d.current){if(u.dragClue){if(typeof u.dragClue=="string")return u.dragClue}else{const r=k.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}return u.dragClue(d.current)}},A=r=>{var S;if(i.current===a.current||!i.current||((S=i.current)==null?void 0:S.parentElement)!==R.current)return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),s=t.height/2,g=r.clientY,x=t.top;let l=null;g<x+s?l=n.dropDirection.before:g>=x+t.height-s&&(l=n.dropDirection.after),(l===n.dropDirection.before&&i.current===a.current.nextElementSibling||l===n.dropDirection.after&&i.current===a.current.previousElementSibling)&&(l=n.dropDirection.forbidden);const W=l===n.dropDirection.forbidden?b.cancelIcon:b.insertMiddleIcon;return M(W),l},L=e.useMemo(H,[d.current]);return e.createElement(e.Fragment,null,q&&J.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:w,className:m.classNames(h.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:T,className:m.classNames(h.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(m.SvgIcon,{className:"k-drag-status",icon:P}),L)),document.body),K.cloneReactElement(C.children,{ref:y}))};exports.GridReorderableRowsContainer=Q;exports.dropIndicatorStyles=w;exports.hintClueStyles=T;

package/components/GridDraggableRowsContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import e from "react";
-import { GridContext as H } from "../GridClientWrapper.mjs";
+import { GridContext as H } from "../utils/GridContext.mjs";
 import { useDraggable as _, classNames as x, SvgIcon as j } from "@progress/kendo-react-common";
 import { dropDirection as o, getOffset as A } from "./utils.mjs";
 import L from "react-dom";

package/components/GridDropClue.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;

package/components/GridDropClue.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { DropClue as t } from "@progress/kendo-react-data-tools";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 const i = (n) => {
   const e = r.useContext(o);
   return /* @__PURE__ */ r.createElement(t, { ref: e.dragLogicRef.current.refDropElementClue });

package/components/GridEditDialog.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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;
+"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"),y=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../utils/GridContext.js"),i=require("../messages/index.js"),w=l=>{var R;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:p,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(p){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]),F={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=(R=l.columns)==null?void 0:R.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,{...F},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(y.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(y.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;

package/components/GridEditDialog.mjs

@@ -19,7 +19,7 @@ import { TextBox as J, Checkbox as K, NumericTextBox as P } from "@progress/kend
 import { TABLE_PREVENT_SELECTION_ELEMENT as p } from "@progress/kendo-react-data-tools";
 import { Dialog as Q, DialogActionsBar as U } from "@progress/kendo-react-dialogs";
 import { Form as T, FormElement as F, FieldWrapper as M, Field as w } from "@progress/kendo-react-form";
-import { GridContext as X } from "../GridClientWrapper.mjs";
+import { GridContext as X } from "../utils/GridContext.mjs";
 import { editDialogTitle as z, messages as S, editDialogSaveButtonTitle as B, editDialogCancelButtonTitle as L } from "../messages/index.mjs";
 const fe = (l) => {
   var y;