@progress/kendo-react-dropdowns 9.2.0-develop.3 → 9.2.0-develop.5

package/common/AdaptiveMode.mjs

@@ -7,14 +7,14 @@
  */
 "use client";
 import * as t from "react";
-import { ActionSheet as x, ActionSheetFooter as u } from "@progress/kendo-react-layout";
-import { xIcon as A } from "@progress/kendo-svg-icons";
-import { Button as a } from "@progress/kendo-react-buttons";
-import { ADAPTIVE_SMALL_BREAKPOINT as i } from "@progress/kendo-react-common";
-const I = (l) => {
+import { ActionSheet as h, ActionSheetFooter as u } from "@progress/kendo-react-layout";
+import { xIcon as v } from "@progress/kendo-svg-icons";
+import { Button as n } from "@progress/kendo-react-buttons";
+import { useAdaptiveModeContext as C } from "@progress/kendo-react-common";
+const I = (i) => {
   const {
     footer: e,
-    windowWidth: n = 0,
+    windowWidth: o = 0,
     mobileFilter: r,
     children: s,
     navigatable: c,
@@ -23,14 +23,14 @@ const I = (l) => {
     animation: p,
     title: b,
     subTitle: f,
-    onClose: o
-  } = l, h = {
+    onClose: l
+  } = i, a = C(), x = {
     navigatable: c || !1,
     navigatableElements: m || [],
     expand: d,
     animation: p !== !1,
     actions: /* @__PURE__ */ t.createElement(
-      a,
+      n,
       {
         tabIndex: 0,
         "aria-label": "Cancel",
@@ -38,20 +38,20 @@ const I = (l) => {
         type: "button",
         fillMode: "flat",
         icon: "x",
-        svgIcon: A,
-        onClick: o
+        svgIcon: v,
+        onClick: l
       }
     ),
     filter: r,
-    onClose: o,
-    animationStyles: n <= i ? { top: 0, width: "100%", height: "100%" } : void 0,
+    onClose: l,
+    animationStyles: a && o <= a.small ? { top: 0, width: "100%", height: "100%" } : void 0,
     title: b,
     subTitle: f,
     className: "k-adaptive-actionsheet",
-    position: n <= i ? "fullscreen" : void 0
+    position: a && o <= a.small ? "fullscreen" : void 0
   };
-  return /* @__PURE__ */ t.createElement(x, { ...h }, s, e && /* @__PURE__ */ t.createElement(u, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
-    a,
+  return /* @__PURE__ */ t.createElement(h, { ...x }, s, e && /* @__PURE__ */ t.createElement(u, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ t.createElement(
+    n,
     {
       size: "large",
       tabIndex: 0,
@@ -62,7 +62,7 @@ const I = (l) => {
     },
     e.cancelText
   ), /* @__PURE__ */ t.createElement(
-    a,
+    n,
     {
       tabIndex: 0,
       themeColor: "primary",