@gofreego/tsutils 0.1.5 → 0.1.7

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { createContext, useState, useEffect, useMemo, useCallback, useContext } from 'react';
-import { createTheme, ThemeProvider as ThemeProvider$1, CssBaseline, IconButton, Tooltip, Box, Drawer, List, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Collapse } from '@mui/material';
-import { LightMode, DarkMode, ExpandLess, ExpandMore } from '@mui/icons-material';
+import { createContext, useState, useEffect, useCallback, useContext, useMemo } from 'react';
+import { Snackbar, Alert, createTheme, ThemeProvider as ThemeProvider$1, CssBaseline, IconButton, Tooltip, Box, Drawer, List, Typography, ListItem, ListItemButton, ListItemIcon, ListItemText, Collapse } from '@mui/material';
+import { BrightnessAuto, DarkMode, LightMode, ExpandLess, ExpandMore } from '@mui/icons-material';
 import { BrowserRouter, useLocation, Routes, Route, Outlet, NavLink } from 'react-router-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
@@ -486,6 +486,82 @@ var ReadmeViewer = ({
   ) });
 };
 var ReadmeViewer_default = ReadmeViewer;
+var NotificationContext = createContext(void 0);
+var NotificationProvider = ({
+  children,
+  defaultDuration = 6e3,
+  maxNotifications = 3,
+  anchorOrigin = { vertical: "top", horizontal: "right" }
+}) => {
+  const [notifications, setNotifications] = useState([]);
+  const showNotification = useCallback((message, type, duration = defaultDuration) => {
+    const id = `${Date.now()}-${Math.random()}`;
+    const newNotification = { id, message, type, duration };
+    setNotifications((prev) => {
+      const updated = [...prev, newNotification];
+      if (updated.length > maxNotifications) {
+        return updated.slice(updated.length - maxNotifications);
+      }
+      return updated;
+    });
+  }, [defaultDuration, maxNotifications]);
+  const handleClose = useCallback((id) => {
+    setNotifications((prev) => prev.filter((notif) => notif.id !== id));
+  }, []);
+  const success = useCallback((message, duration) => {
+    showNotification(message, "success", duration);
+  }, [showNotification]);
+  const error = useCallback((message, duration) => {
+    showNotification(message, "error", duration);
+  }, [showNotification]);
+  const warning = useCallback((message, duration) => {
+    showNotification(message, "warning", duration);
+  }, [showNotification]);
+  const info = useCallback((message, duration) => {
+    showNotification(message, "info", duration);
+  }, [showNotification]);
+  const contextValue = {
+    showNotification,
+    success,
+    error,
+    warning,
+    info
+  };
+  return /* @__PURE__ */ jsxs(NotificationContext.Provider, { value: contextValue, children: [
+    children,
+    notifications.map((notification, index) => /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: true,
+        autoHideDuration: notification.duration,
+        onClose: () => handleClose(notification.id),
+        anchorOrigin,
+        style: {
+          marginTop: index * 70
+          // Stack notifications vertically
+        },
+        children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            onClose: () => handleClose(notification.id),
+            severity: notification.type,
+            variant: "filled",
+            sx: { width: "100%" },
+            children: notification.message
+          }
+        )
+      },
+      notification.id
+    ))
+  ] });
+};
+var useNotification = () => {
+  const context = useContext(NotificationContext);
+  if (!context) {
+    throw new Error("useNotification must be used within a NotificationProvider");
+  }
+  return context;
+};
 
 // src/theme/tokens.ts
 var tokens_exports = {};
@@ -913,9 +989,12 @@ var ThemeProvider = ({
     setCustomTheme(newTheme);
   }, []);
   const toggleTheme = useCallback(() => {
-    const newMode = resolvedThemeMode === "light" ? "dark" : "light";
-    setThemeModeState(newMode);
-  }, [resolvedThemeMode]);
+    setThemeModeState((prevMode) => {
+      if (prevMode === "light") return "dark";
+      if (prevMode === "dark") return "system";
+      return "light";
+    });
+  }, []);
   const contextValue = useMemo(() => ({
     theme,
     themeMode,
@@ -963,12 +1042,37 @@ var useTheme = () => {
 };
 var ThemeToggle = ({
   lightModeTooltip = "Switch to dark mode",
-  darkModeTooltip = "Switch to light mode",
+  darkModeTooltip = "Switch to system theme",
+  systemModeTooltip = "Switch to light theme",
   showTooltip = true,
   sx,
   ...props
 }) => {
-  const { resolvedThemeMode, toggleTheme } = useTheme();
+  const { themeMode, toggleTheme } = useTheme();
+  const getIcon = () => {
+    switch (themeMode) {
+      case "light":
+        return /* @__PURE__ */ jsx(LightMode, {});
+      case "dark":
+        return /* @__PURE__ */ jsx(DarkMode, {});
+      case "system":
+        return /* @__PURE__ */ jsx(BrightnessAuto, {});
+      default:
+        return /* @__PURE__ */ jsx(BrightnessAuto, {});
+    }
+  };
+  const getTooltip = () => {
+    switch (themeMode) {
+      case "light":
+        return lightModeTooltip;
+      case "dark":
+        return darkModeTooltip;
+      case "system":
+        return systemModeTooltip;
+      default:
+        return lightModeTooltip;
+    }
+  };
   const button = /* @__PURE__ */ jsx(
     IconButton,
     {
@@ -979,20 +1083,13 @@ var ThemeToggle = ({
         ...sx
       },
       ...props,
-      children: resolvedThemeMode === "light" ? /* @__PURE__ */ jsx(LightMode, {}) : /* @__PURE__ */ jsx(DarkMode, {})
+      children: getIcon()
     }
   );
   if (!showTooltip) {
     return button;
   }
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      title: resolvedThemeMode === "light" ? lightModeTooltip : darkModeTooltip,
-      arrow: true,
-      children: button
-    }
-  );
+  return /* @__PURE__ */ jsx(Tooltip, { title: getTooltip(), arrow: true, children: button });
 };
 
 // src/http/HttpClient.ts
@@ -1265,6 +1362,6 @@ var PermissionManager = class {
 };
 PermissionManager.cachedPermissions = null;
 
-export { AuthProvider, HttpClient, LocalStorage, PermissionManager, ReadmeViewer_default as ReadmeViewer, SidebarLayout, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens_exports as tokens, transition, useAuth, useTheme, zIndex };
+export { AuthProvider, HttpClient, LocalStorage, NotificationProvider, PermissionManager, ReadmeViewer_default as ReadmeViewer, SidebarLayout, ThemeProvider, ThemeToggle, borderRadius, cn, darkTheme, debounce, elevation, fontSize, fontWeight, formatDate, getHighlighter, lightTheme, lineHeight, spacing, throttle, tokens_exports as tokens, transition, useAuth, useNotification, useTheme, zIndex };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map