@wavelengthusaf/components 1.2.1 → 1.2.3

package/dist/index.d.mts

@@ -313,7 +313,7 @@ interface StandardSnackbarProps {
     type: "success" | "error" | "disabled";
     show: boolean;
     icon?: ReactNode;
-    setShow: (show: boolean) => void;
+    toggleShow: (on: boolean) => void;
     horryAlign?: "left" | "right" | "center";
     vertyAlign?: "top" | "bottom";
     durationSb?: number;
@@ -321,6 +321,6 @@ interface StandardSnackbarProps {
     message?: string | ReactNode;
     customVertyAlign?: string;
 }
-declare const WavelengthStandardSnackbar: (props: StandardSnackbarProps) => React__default.JSX.Element;
+declare function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width, message, customVertyAlign, toggleShow }: StandardSnackbarProps): React__default.JSX.Element;
 
 export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, NotAvailablePage, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBannerHeader, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSnackbar, WavelengthStandardSnackbar, WavelengthTitleBar, add, concat, findBestStringMatch, type menuItemProps, useThemeContext };

package/dist/index.d.ts

@@ -313,7 +313,7 @@ interface StandardSnackbarProps {
     type: "success" | "error" | "disabled";
     show: boolean;
     icon?: ReactNode;
-    setShow: (show: boolean) => void;
+    toggleShow: (on: boolean) => void;
     horryAlign?: "left" | "right" | "center";
     vertyAlign?: "top" | "bottom";
     durationSb?: number;
@@ -321,6 +321,6 @@ interface StandardSnackbarProps {
     message?: string | ReactNode;
     customVertyAlign?: string;
 }
-declare const WavelengthStandardSnackbar: (props: StandardSnackbarProps) => React__default.JSX.Element;
+declare function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width, message, customVertyAlign, toggleShow }: StandardSnackbarProps): React__default.JSX.Element;
 
 export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, NotAvailablePage, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBannerHeader, WavelengthBox, WavelengthButton, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFooter, WavelengthIcon, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthSearch, WavelengthSideBar, WavelengthSnackbar, WavelengthStandardSnackbar, WavelengthTitleBar, add, concat, findBestStringMatch, type menuItemProps, useThemeContext };

package/dist/index.js

@@ -5036,32 +5036,30 @@ var import_Snackbar = __toESM(require("@mui/material/Snackbar"));
 var import_IconButton2 = __toESM(require("@mui/material/IconButton"));
 var import_Close3 = __toESM(require("@mui/icons-material/Close"));
 var import_SnackbarContent = __toESM(require("@mui/material/SnackbarContent"));
-var WavelengthStandardSnackbar = (props) => {
-  let 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__ */ import_react35.default.createElement(
     import_Snackbar.default,
     {
-      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__ */ import_react35.default.createElement(
@@ -5079,16 +5077,16 @@ var WavelengthStandardSnackbar = (props) => {
             style: {
               display: "grid",
               gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr",
-              width: props.width
+              width: width2
             }
           },
-          /* @__PURE__ */ import_react35.default.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ import_react35.default.createElement("div", null, sIcon), /* @__PURE__ */ import_react35.default.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, props.message ? props.message : "Insert Message Here")),
-          /* @__PURE__ */ import_react35.default.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ import_react35.default.createElement(import_IconButton2.default, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ import_react35.default.createElement(import_Close3.default, { fontSize: "small" })))
+          /* @__PURE__ */ import_react35.default.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ import_react35.default.createElement("div", null, sIcon), /* @__PURE__ */ import_react35.default.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, message ? message : "Insert Message Here")),
+          /* @__PURE__ */ import_react35.default.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ import_react35.default.createElement(import_IconButton2.default, { size: "small", "aria-label": "close", color: "inherit" }, /* @__PURE__ */ import_react35.default.createElement(import_Close3.default, { fontSize: "small" })))
         )
       }
     )
   );
-};
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AceOfSpadesComponent,