@wavelengthusaf/components 1.0.9 → 1.0.10

package/dist/index.mjs

@@ -4399,10 +4399,31 @@ import React28 from "react";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import Box3 from "@mui/material/Box";
+import Slide from "@mui/material/Slide";
 import { Divider as Divider2, IconButton as IconButton3 } from "@mui/material";
 import { HelpOutline } from "@mui/icons-material";
+import styled4 from "styled-components";
 var customStyle = { marginLeft: 16, marginRight: 16, marginTop: 8, marginBottom: 8 };
-function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection, color: color2 }) {
+var emailStyle = {
+  marginLeft: 16,
+  marginRight: 16,
+  marginTop: 8,
+  marginBottom: 8
+};
+function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection, color: color2, emailHoverColor }) {
+  const NavLink = styled4.a``;
+  const Links = styled4(NavLink)`
+    color: inherit;
+    textdecoration: none;
+
+    &:hover,
+    &:focus {
+      color: ${emailHoverColor};
+    }
+    &:active {
+      color: ${emailHoverColor};
+    }
+  `;
   const [anchorEl, setAnchorEl] = React28.useState(null);
   const open = Boolean(anchorEl);
   let icon;
@@ -4426,6 +4447,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
       sx: { width: width2 },
       onClose: handleClose,
       anchorEl,
+      TransitionComponent: Slide,
       anchorOrigin: { vertical: anchor, horizontal: "center" },
       transformOrigin: { vertical: transform, horizontal: "center" }
     },
@@ -4443,7 +4465,11 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
           if (items.link) {
             return /* @__PURE__ */ React28.createElement(Box3, { key: index }, /* @__PURE__ */ React28.createElement(MenuItem, null, /* @__PURE__ */ React28.createElement("a", { style: { textDecoration: "!important", color: "inherit" }, href: items.link }, items.label)), /* @__PURE__ */ React28.createElement(Divider2, null));
           } else {
-            return /* @__PURE__ */ React28.createElement(Box3, { key: index }, /* @__PURE__ */ React28.createElement("p", { style: customStyle }, items.label), /* @__PURE__ */ React28.createElement(Divider2, null));
+            if (items.email) {
+              return /* @__PURE__ */ React28.createElement(Box3, { key: index }, /* @__PURE__ */ React28.createElement(Links, { href: items.email, style: emailStyle }, items.label), /* @__PURE__ */ React28.createElement(Divider2, null));
+            } else {
+              return /* @__PURE__ */ React28.createElement(Box3, { key: index }, /* @__PURE__ */ React28.createElement("p", { style: customStyle }, items.label), /* @__PURE__ */ React28.createElement(Divider2, null));
+            }
           }
         }
       } else if (items.end == void 0 || items.end == false || items.end == null) {
@@ -4459,7 +4485,11 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
           if (items.link) {
             return /* @__PURE__ */ React28.createElement(MenuItem, { key: index }, items.label);
           } else {
-            return /* @__PURE__ */ React28.createElement("p", { key: index, style: customStyle }, items.label);
+            if (items.email) {
+              return /* @__PURE__ */ React28.createElement(Links, { key: index, style: emailStyle, href: items.email }, items.label);
+            } else {
+              return /* @__PURE__ */ React28.createElement("p", { key: index, style: customStyle }, items.label);
+            }
           }
         }
       }