@bluemarble/bm-components 0.0.94 → 0.0.96

package/dist/index.mjs

@@ -4001,9 +4001,61 @@ import { createContext as createContext2, useState as useState3 } from "react";
 import React26 from "react";
 import { Alert, IconButton as IconButton4, Snackbar } from "@mui/material";
 import { MdClose as MdClose2 } from "react-icons/md";
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+    Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 }
+    },
+    /* @__PURE__ */ React26.createElement(
+      Alert,
+      {
+        severity,
+        elevation: 2,
+        sx: { mb: 2 },
+        action: /* @__PURE__ */ React26.createElement(
+          IconButton4,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            size: "small",
+            onClick: onClose
+          },
+          /* @__PURE__ */ React26.createElement(MdClose2, { fontSize: "inherit" })
+        )
+      },
+      message
+    )
+  ));
+};
 
 // src/contexts/AlertContext.tsx
 var AlertContext = createContext2({});
+var AlertProvider = ({ children }) => {
+  const [severity, setSeverity] = useState3("info");
+  const [message, setMessage] = useState3("");
+  const [isVisible, setIsVisible] = useState3(false);
+  const createAlert = (newMessage, severity2) => {
+    setMessage(newMessage);
+    setSeverity(severity2);
+    setIsVisible(true);
+  };
+  function onCloseToast() {
+    setIsVisible(false);
+  }
+  return /* @__PURE__ */ React27.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React27.createElement(
+    Toast,
+    {
+      open: isVisible,
+      onClose: onCloseToast,
+      severity,
+      message
+    }
+  ));
+};
 
 // src/hooks/useAlert.ts
 var useAlert = () => {
@@ -4329,6 +4381,7 @@ function useEvent(event, handler, passive = false) {
 }
 export {
   AlertContext,
+  AlertProvider,
   ApiHelper,
   Autocomplete2 as Autocomplete,
   BaseGrid,