@progress/kendo-react-grid 11.0.0-develop.5 → 11.0.0-develop.7

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

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.mjs

@@ -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 "../../GridClientWrapper.mjs";
+import { chevronRightIcon as A, chevronLeftIcon as y, xIcon as I, searchIcon as w } from "@progress/kendo-svg-icons";
+import { adaptiveColumnMenuChooserTitle as r, messages as a, adaptiveColumnMenuChooserSubTitle as m, filterSelectAll as s, columnMenuColumnChooserSelectedItems as u, filterResetButton as d, filterApplyButton as h } from "../../messages/index.mjs";
+import { Button as f } from "@progress/kendo-react-buttons";
+import { useLocalization as B } from "@progress/kendo-react-intl";
+import { TextBox as L, Checkbox as g, InputPrefix as R } from "@progress/kendo-react-inputs";
+import { ActionSheetHeader as p, ActionSheetContent as F, ActionSheetFooter as P } from "@progress/kendo-react-layout";
+import { IconWrap as T } from "@progress/kendo-react-common";
+import { GridColumnMenuAdaptiveContext as z } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
+import { GridActionSheetFooterContent as G } from "./GridActionSheetFooter.mjs";
+const Y = (t) => {
+  const o = B(), l = e.useContext(N), { actionSheetRef: c, secondViewRef: k } = e.useContext(z), C = l.dir === "rtl" ? A : y, E = o.toLanguageString(
     r,
     a[r]
-  ), 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/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("../../GridClientWrapper.js"),E=require("./GridActionSheetFooter.js"),k=t=>{const c=g.useLocalization(),i=e.useContext(C.GridContext),{actionSheetRef:l,secondViewRef:s}=e.useContext(h.GridColumnMenuAdaptiveContext),u=i.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon;e.useEffect(()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",onClick:m,svgIcon:u,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},t.adaptiveTitle)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(v.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(o.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:r.filterClearIcon,submitIcon:r.filterIcon,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=k;

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.mjs

@@ -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 "../../GridClientWrapper.mjs";
+import { GridActionSheetFooterContent as A } from "./GridActionSheetFooter.mjs";
+const z = (t) => {
+  const o = v(), n = e.useContext(x), { actionSheetRef: r, secondViewRef: m } = e.useContext(I), s = n.dir === "rtl" ? k : C;
+  e.useEffect(() => {
+    n.mobileMode && r.current.element.style.setProperty("--kendo-actionsheet-view-current", 2);
+  }, []);
+  const u = () => {
+    n.mobileMode && r.current.element.style.setProperty("--kendo-actionsheet-view-current", 1), t.onBackView && t.onBackView();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, d.createPortal(
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ e.createElement(e.Fragment, null, t.FilterUI ? /* @__PURE__ */ e.createElement(t.FilterUI, { ...t.filterUIProps }) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ e.createElement(
+      i,
       {
         type: "button",
-        onClick: 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
 };