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

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
 };