analytica-frontend-lib 1.1.77 → 1.1.79

package/dist/NotificationCard/index.mjs

@@ -622,9 +622,23 @@ var injectStore = (children, store) => {
   return Children.map(children, (child) => {
     if (isValidElement(child)) {
       const typedChild = child;
-      const newProps = {
-        store
-      };
+      const displayName = typedChild.type.displayName;
+      const allowed = [
+        "DropdownMenuTrigger",
+        "DropdownContent",
+        "DropdownMenuContent",
+        "DropdownMenuSeparator",
+        "DropdownMenuItem",
+        "MenuLabel",
+        "ProfileMenuTrigger",
+        "ProfileMenuHeader",
+        "ProfileMenuFooter",
+        "ProfileToggleTheme"
+      ];
+      let newProps = {};
+      if (allowed.includes(displayName)) {
+        newProps.store = store;
+      }
       if (typedChild.props.children) {
         newProps.children = injectStore(typedChild.props.children, store);
       }
@@ -710,13 +724,22 @@ var DropdownMenuTrigger = ({
   const open = useStore(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
   return /* @__PURE__ */ jsx6(
-    "button",
+    "div",
     {
       onClick: (e) => {
         e.stopPropagation();
         toggleOpen();
         if (onClick) onClick(e);
       },
+      role: "button",
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          toggleOpen();
+          if (onClick) onClick(e);
+        }
+      },
+      tabIndex: 0,
       "aria-expanded": open,
       className: cn(className),
       ...props,
@@ -1362,6 +1385,10 @@ var Badge_default = Badge;
 import { useState as useState3, useEffect as useEffect5 } from "react";
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
+var SMALL_MOBILE_WIDTH = 425;
+var EXTRA_SMALL_MOBILE_WIDTH = 375;
+var ULTRA_SMALL_MOBILE_WIDTH = 375;
+var TINY_MOBILE_WIDTH = 320;
 var DEFAULT_WIDTH = 1200;
 var getWindowWidth = () => {
   if (typeof window === "undefined") {
@@ -1376,11 +1403,19 @@ var getDeviceType = () => {
 var useMobile = () => {
   const [isMobile, setIsMobile] = useState3(false);
   const [isTablet, setIsTablet] = useState3(false);
+  const [isSmallMobile, setIsSmallMobile] = useState3(false);
+  const [isExtraSmallMobile, setIsExtraSmallMobile] = useState3(false);
+  const [isUltraSmallMobile, setIsUltraSmallMobile] = useState3(false);
+  const [isTinyMobile, setIsTinyMobile] = useState3(false);
   useEffect5(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
       setIsMobile(width < MOBILE_WIDTH);
       setIsTablet(width < TABLET_WIDTH);
+      setIsSmallMobile(width < SMALL_MOBILE_WIDTH);
+      setIsExtraSmallMobile(width < EXTRA_SMALL_MOBILE_WIDTH);
+      setIsUltraSmallMobile(width < ULTRA_SMALL_MOBILE_WIDTH);
+      setIsTinyMobile(width < TINY_MOBILE_WIDTH);
     };
     checkScreenSize();
     window.addEventListener("resize", checkScreenSize);
@@ -1404,13 +1439,24 @@ var useMobile = () => {
   const getHeaderClasses = () => {
     return isMobile ? getMobileHeaderClasses() : getDesktopHeaderClasses();
   };
+  const getVideoContainerClasses = () => {
+    if (isTinyMobile) return "aspect-square";
+    if (isExtraSmallMobile) return "aspect-[4/3]";
+    if (isSmallMobile) return "aspect-[16/12]";
+    return "aspect-video";
+  };
   return {
     isMobile,
     isTablet,
+    isSmallMobile,
+    isExtraSmallMobile,
+    isUltraSmallMobile,
+    isTinyMobile,
     getFormContainerClasses,
     getHeaderClasses,
     getMobileHeaderClasses,
     getDesktopHeaderClasses,
+    getVideoContainerClasses,
     getDeviceType
   };
 };