@wavelengthusaf/components 1.0.8 → 1.0.10

package/dist/index.d.mts

@@ -237,14 +237,17 @@ interface menuItemProps {
     label: string | number;
     link?: string;
     end?: boolean;
+    email?: string;
 }
 interface PopUPMenuProps {
     menuItems: menuItemProps[];
     customIcon?: React__default.ReactNode;
     width?: string;
     menuDirection?: "top" | "bottom";
+    color?: string;
+    emailHoverColor?: string | "blue";
 }
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection }: PopUPMenuProps): React__default.JSX.Element;
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor }: PopUPMenuProps): React__default.JSX.Element;
 
 interface ConfirmationSnackbarProps {
     show: boolean;
@@ -255,6 +258,7 @@ interface ConfirmationSnackbarProps {
     horryAlign?: "left" | "right" | "center";
     vertyAlign?: "top" | "bottom";
     durationSb?: number;
+    width?: string | number;
 }
 declare function WavelengthSnackbar(props: ConfirmationSnackbarProps): React__default.JSX.Element;
 

package/dist/index.d.ts

@@ -237,14 +237,17 @@ interface menuItemProps {
     label: string | number;
     link?: string;
     end?: boolean;
+    email?: string;
 }
 interface PopUPMenuProps {
     menuItems: menuItemProps[];
     customIcon?: React__default.ReactNode;
     width?: string;
     menuDirection?: "top" | "bottom";
+    color?: string;
+    emailHoverColor?: string | "blue";
 }
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection }: PopUPMenuProps): React__default.JSX.Element;
+declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, emailHoverColor }: PopUPMenuProps): React__default.JSX.Element;
 
 interface ConfirmationSnackbarProps {
     show: boolean;
@@ -255,6 +258,7 @@ interface ConfirmationSnackbarProps {
     horryAlign?: "left" | "right" | "center";
     vertyAlign?: "top" | "bottom";
     durationSb?: number;
+    width?: string | number;
 }
 declare function WavelengthSnackbar(props: ConfirmationSnackbarProps): React__default.JSX.Element;
 

package/dist/index.js

@@ -4438,10 +4438,31 @@ var import_react32 = __toESM(require("react"));
 var import_Menu = __toESM(require("@mui/material/Menu"));
 var import_MenuItem = __toESM(require("@mui/material/MenuItem"));
 var import_Box = __toESM(require("@mui/material/Box"));
+var import_Slide = __toESM(require("@mui/material/Slide"));
 var import_material12 = require("@mui/material");
 var import_icons_material = require("@mui/icons-material");
+var import_styled_components = __toESM(require("styled-components"));
 var customStyle = { marginLeft: 16, marginRight: 16, marginTop: 8, marginBottom: 8 };
-function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection }) {
+var emailStyle = {
+  marginLeft: 16,
+  marginRight: 16,
+  marginTop: 8,
+  marginBottom: 8
+};
+function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirection, color: color2, emailHoverColor }) {
+  const NavLink = import_styled_components.default.a``;
+  const Links = (0, import_styled_components.default)(NavLink)`
+    color: inherit;
+    textdecoration: none;
+
+    &:hover,
+    &:focus {
+      color: ${emailHoverColor};
+    }
+    &:active {
+      color: ${emailHoverColor};
+    }
+  `;
   const [anchorEl, setAnchorEl] = import_react32.default.useState(null);
   const open = Boolean(anchorEl);
   let icon;
@@ -4454,7 +4475,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
   if (customIcon) {
     icon = customIcon;
   } else {
-    icon = /* @__PURE__ */ import_react32.default.createElement(import_icons_material.HelpOutline, { fontSize: "medium" });
+    icon = /* @__PURE__ */ import_react32.default.createElement(import_icons_material.HelpOutline, { fontSize: "medium", sx: { color: color2 } });
   }
   const anchor = menuDirection == "top" || menuDirection == void 0 ? "top" : "bottom";
   const transform = menuDirection == "top" || menuDirection == void 0 ? "bottom" : "top";
@@ -4465,6 +4486,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
       sx: { width: width2 },
       onClose: handleClose,
       anchorEl,
+      TransitionComponent: import_Slide.default,
       anchorOrigin: { vertical: anchor, horizontal: "center" },
       transformOrigin: { vertical: transform, horizontal: "center" }
     },
@@ -4482,7 +4504,11 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
           if (items.link) {
             return /* @__PURE__ */ import_react32.default.createElement(import_Box.default, { key: index }, /* @__PURE__ */ import_react32.default.createElement(import_MenuItem.default, null, /* @__PURE__ */ import_react32.default.createElement("a", { style: { textDecoration: "!important", color: "inherit" }, href: items.link }, items.label)), /* @__PURE__ */ import_react32.default.createElement(import_material12.Divider, null));
           } else {
-            return /* @__PURE__ */ import_react32.default.createElement(import_Box.default, { key: index }, /* @__PURE__ */ import_react32.default.createElement("p", { style: customStyle }, items.label), /* @__PURE__ */ import_react32.default.createElement(import_material12.Divider, null));
+            if (items.email) {
+              return /* @__PURE__ */ import_react32.default.createElement(import_Box.default, { key: index }, /* @__PURE__ */ import_react32.default.createElement(Links, { href: items.email, style: emailStyle }, items.label), /* @__PURE__ */ import_react32.default.createElement(import_material12.Divider, null));
+            } else {
+              return /* @__PURE__ */ import_react32.default.createElement(import_Box.default, { key: index }, /* @__PURE__ */ import_react32.default.createElement("p", { style: customStyle }, items.label), /* @__PURE__ */ import_react32.default.createElement(import_material12.Divider, null));
+            }
           }
         }
       } else if (items.end == void 0 || items.end == false || items.end == null) {
@@ -4498,7 +4524,11 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
           if (items.link) {
             return /* @__PURE__ */ import_react32.default.createElement(import_MenuItem.default, { key: index }, items.label);
           } else {
-            return /* @__PURE__ */ import_react32.default.createElement("p", { key: index, style: customStyle }, items.label);
+            if (items.email) {
+              return /* @__PURE__ */ import_react32.default.createElement(Links, { key: index, style: emailStyle, href: items.email }, items.label);
+            } else {
+              return /* @__PURE__ */ import_react32.default.createElement("p", { key: index, style: customStyle }, items.label);
+            }
           }
         }
       }
@@ -4509,6 +4539,7 @@ function WavelengthPopUpMenu({ menuItems, customIcon, width: width2, menuDirecti
 // src/components/snackbars/WavelengthSnackbar.tsx
 var import_material13 = require("@mui/material");
 var import_react33 = __toESM(require("react"));
+var import_Close2 = __toESM(require("@mui/icons-material/Close"));
 function WavelengthSnackbar(props) {
   const { show, setShow } = props;
   const handleClose = () => {
@@ -4533,10 +4564,12 @@ function WavelengthSnackbar(props) {
         style: {
           backgroundColor: props.snackBarColor ? props.snackBarColor : palette2.primary,
           color: props.textColor ? props.textColor : palette2.secondary,
-          display: "block",
-          textAlign: "center"
+          display: "flex",
+          textAlign: "center",
+          width: props.width
         },
-        message: /* @__PURE__ */ import_react33.default.createElement("span", { id: "snackbar" }, props.message ? props.message : "Insert Message Here")
+        message: /* @__PURE__ */ import_react33.default.createElement("span", { id: "snackbar" }, props.message ? props.message : "Insert Message Here"),
+        action: /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(import_material13.IconButton, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ import_react33.default.createElement(import_Close2.default, { fontSize: "small" })))
       }
     )
   );