@wavelengthusaf/components 1.2.2 → 1.2.4

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,12 @@ 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;
+
+interface TestProps {
+    openProp: boolean;
+    toggleOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}
+declare function TestSnackbar({ openProp, toggleOpen }: TestProps): 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 };
+export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, NotAvailablePage, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, TestSnackbar, 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,12 @@ 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;
+
+interface TestProps {
+    openProp: boolean;
+    toggleOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}
+declare function TestSnackbar({ openProp, toggleOpen }: TestProps): 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 };
+export { AceOfSpadesComponent, AppLogo, ArrowIcon, BomberBeeIcon, ButtonIcon, ButtonMenu, DefaultIcon, ManyPlanesComponent, NotAvailablePage, Old563EWSLogo, PortalIcon, RapidrefIcon, type SearchResult, SearchTextField, SquadronIcon, SwarmIcon, TestSnackbar, 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

@@ -1318,6 +1318,7 @@ __export(src_exports, {
   SearchTextField: () => SearchTextField,
   SquadronIcon: () => SquadronIcon,
   SwarmIcon: () => SwarmIcon,
+  TestSnackbar: () => TestSnackbar,
   WavelengthAppTheme: () => WavelengthAppTheme,
   WavelengthAutocomplete: () => WavelengthAutocomplete,
   WavelengthBannerHeader: () => WavelengthBannerHeader,
@@ -5036,33 +5037,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) => {
-  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__ */ 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(
@@ -5080,16 +5078,32 @@ 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" })))
         )
       }
     )
   );
-};
+}
+
+// src/components/snackbars/TestSnackbar.tsx
+var import_material15 = require("@mui/material");
+var import_react36 = __toESM(require("react"));
+var import_Close4 = __toESM(require("@mui/icons-material/Close"));
+function TestSnackbar({ openProp, toggleOpen }) {
+  const [open, setOpen] = import_react36.default.useState(openProp);
+  const handleClose = (event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    toggleOpen(false);
+  };
+  const action = /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_material15.Button, { color: "secondary", size: "small", onClick: handleClose }, "UNDO"), /* @__PURE__ */ import_react36.default.createElement(import_material15.IconButton, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ import_react36.default.createElement(import_Close4.default, { fontSize: "small" })));
+  return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(import_material15.Snackbar, { open: openProp, autoHideDuration: 6e3, onClose: handleClose, message: "Note archived", action }));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AceOfSpadesComponent,
@@ -5107,6 +5121,7 @@ var WavelengthStandardSnackbar = (props) => {
   SearchTextField,
   SquadronIcon,
   SwarmIcon,
+  TestSnackbar,
   WavelengthAppTheme,
   WavelengthAutocomplete,
   WavelengthBannerHeader,