@wavelengthusaf/components 1.2.2 → 1.2.4

package/dist/index.mjs

@@ -4995,33 +4995,30 @@ import Snackbar2 from "@mui/material/Snackbar";
 import IconButton5 from "@mui/material/IconButton";
 import CloseIcon3 from "@mui/icons-material/Close";
 import SnackbarContent2 from "@mui/material/SnackbarContent";
-var WavelengthStandardSnackbar = (props) => {
-  console.log(props.show);
-  const show = props.show;
-  const setShow = props.setShow;
+function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width: width2, message, customVertyAlign, toggleShow }) {
   const handleClose = () => {
-    setShow(false);
+    toggleShow(false);
   };
-  const durationMs = props.durationSb ? props.durationSb * 1e3 : 4e3;
+  const durationMs = durationSb ? durationSb * 1e3 : 4e3;
   let bgColor = "";
-  if (props.type == "success") {
+  if (type == "success") {
     bgColor = "#25ab21";
-  } else if (props.type == "error") {
+  } else if (type == "error") {
     bgColor = "#FF4646";
-  } else if (props.type == "disabled") {
+  } else if (type == "disabled") {
     bgColor = "#737373";
   }
-  const sIcon = props.icon ? props.icon : "";
+  const sIcon = icon ? icon : "";
   return /* @__PURE__ */ React31.createElement(
     Snackbar2,
     {
-      sx: { marginTop: props.customVertyAlign ? `${props.customVertyAlign}` : "", zIndex: 1400 },
+      sx: { marginTop: customVertyAlign ? `${customVertyAlign}` : "", zIndex: 1400 },
       open: show,
       onClose: handleClose,
       autoHideDuration: durationMs,
       anchorOrigin: {
-        vertical: props.vertyAlign ? props.vertyAlign : "top",
-        horizontal: props.horryAlign ? props.horryAlign : "center"
+        vertical: vertyAlign ? vertyAlign : "top",
+        horizontal: horryAlign ? horryAlign : "center"
       }
     },
     /* @__PURE__ */ React31.createElement(
@@ -5039,16 +5036,32 @@ var WavelengthStandardSnackbar = (props) => {
             style: {
               display: "grid",
               gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr",
-              width: props.width
+              width: width2
             }
           },
-          /* @__PURE__ */ React31.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ React31.createElement("div", null, sIcon), /* @__PURE__ */ React31.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, props.message ? props.message : "Insert Message Here")),
-          /* @__PURE__ */ React31.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ React31.createElement(IconButton5, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ React31.createElement(CloseIcon3, { fontSize: "small" })))
+          /* @__PURE__ */ React31.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ React31.createElement("div", null, sIcon), /* @__PURE__ */ React31.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, message ? message : "Insert Message Here")),
+          /* @__PURE__ */ React31.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ React31.createElement(IconButton5, { size: "small", "aria-label": "close", color: "inherit" }, /* @__PURE__ */ React31.createElement(CloseIcon3, { fontSize: "small" })))
         )
       }
     )
   );
-};
+}
+
+// src/components/snackbars/TestSnackbar.tsx
+import { Button as Button5, IconButton as IconButton6, Snackbar as Snackbar3 } from "@mui/material";
+import React32 from "react";
+import CloseIcon4 from "@mui/icons-material/Close";
+function TestSnackbar({ openProp, toggleOpen }) {
+  const [open, setOpen] = React32.useState(openProp);
+  const handleClose = (event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    toggleOpen(false);
+  };
+  const action = /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Button5, { color: "secondary", size: "small", onClick: handleClose }, "UNDO"), /* @__PURE__ */ React32.createElement(IconButton6, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ React32.createElement(CloseIcon4, { fontSize: "small" })));
+  return /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Snackbar3, { open: openProp, autoHideDuration: 6e3, onClose: handleClose, message: "Note archived", action }));
+}
 export {
   AceOfSpadesComponent,
   AppLogo,
@@ -5065,6 +5078,7 @@ export {
   SearchTextField,
   SquadronIcon,
   SwarmIcon,
+  TestSnackbar,
   WavelengthAppTheme,
   WavelengthAutocomplete,
   WavelengthBannerHeader,