@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.js

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

@@ -7,67 +7,73 @@
  */
 "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 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 "../../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";
+import { useLocalization as y } from "@progress/kendo-react-intl";
 import { Checkbox as d } from "@progress/kendo-react-inputs";
-import { GridColumnMenuAdaptiveContext as B } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridColumnMenuAdaptiveContext as F } 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]
+const H = (t) => {
+  const n = e.useContext(b), l = y(), { actionSheetRef: o, secondViewRef: k } = e.useContext(F), f = n.dir === "rtl" ? A : w, g = l.toLanguageString(
+    i,
+    c[i]
   );
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, E.createPortal(
+  e.useEffect(() => {
+    n != null && n.mobileMode && o.current.element.style.setProperty("--kendo-actionsheet-view-current", 2);
+  }, []);
+  const E = () => {
+    t.onBackView && t.onBackView(), n != null && n.mobileMode && o.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, S.createPortal(
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
-      u,
+      h,
       {
         type: "button",
-        onClick: t.onBackView,
-        svgIcon: h,
+        onClick: E,
+        svgIcon: f,
         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(
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ e.createElement("div", { className: "k-text-center" }, g)), /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(h, { type: "button", svgIcon: B, onClick: t.handleClose, fillMode: "flat" })))), /* @__PURE__ */ e.createElement(M, null, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, t.searchBox, /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
       d,
       {
-        size: c.mobileMode ? "large" : "medium",
-        label: n.toLanguageString(
-          o,
-          l[o]
+        size: n.mobileMode ? "large" : "medium",
+        label: l.toLanguageString(
+          r,
+          c[r]
         ),
         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(
+    )), t.currentData.map((a, C) => /* @__PURE__ */ e.createElement("li", { className: "k-item", key: `colmenu-checkbox-item-${C}` }, /* @__PURE__ */ e.createElement(
       d,
       {
-        size: c.mobileMode ? "large" : "medium",
+        size: n.mobileMode ? "large" : "medium",
         label: String(a),
-        onChange: (C) => t.handleCheckBoxChange(C, a),
+        onChange: (v) => t.handleCheckBoxChange(v, 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(
+    )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, t.uniqueFilterValues.length + " " + l.toLanguageString(
+      m,
+      c[m]
+    ))))), /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
       I,
       {
         onApply: t.submit,
         onReset: t.clear,
-        submitMessage: n.toLanguageString(
-          m,
-          l[m]
+        submitMessage: l.toLanguageString(
+          s,
+          c[s]
         ),
-        resetMessage: n.toLanguageString(s, l[s])
+        resetMessage: l.toLanguageString(u, c[u])
       }
     ))),
-    g.current.current
+    k.current.current
   ));
 };
 export {
-  _ as GridAdaptiveCheckboxFilter
+  H as GridAdaptiveCheckboxFilter
 };

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.js

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

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

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"),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;
+"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

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

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