@notificationapi/react 1.7.0 → 1.9.0

package/dist/main.d.ts

@@ -3,3 +3,5 @@ export { NotificationPreferencesInline, NotificationPreferencesPopup } from './c
 export { NotificationAPIProvider } from './components/Provider';
 export { SlackConnect } from './components/Slack';
 export { createDebugLogger, type DebugLogger } from './utils/debug';
+export type { NotificationAPITheme, NotificationAPIThemeMode, NotificationAPIThemeColors } from './utils/theme';
+export { createNotificationAPITheme, getThemeColors } from './utils/theme';

package/dist/main.js

@@ -5,8 +5,9 @@ import { NotificationCounter as p } from "./components/Notifications/Notificatio
 import { NotificationPreferencesPopup as m } from "./components/Preferences/NotificationPreferencesPopup.js";
 import { NotificationPreferencesInline as N } from "./components/Preferences/NotificationPreferencesInline.js";
 import { NotificationAPIProvider as u } from "./components/Provider/index.js";
-import { SlackConnect as d } from "./components/Slack/SlackConnect.js";
+import { SlackConnect as h } from "./components/Slack/SlackConnect.js";
 import { createDebugLogger as s } from "./utils/debug.js";
+import { createNotificationAPITheme as I, getThemeColors as d } from "./utils/theme.js";
 export {
   u as NotificationAPIProvider,
   p as NotificationCounter,
@@ -15,6 +16,8 @@ export {
   i as NotificationPopup,
   N as NotificationPreferencesInline,
   m as NotificationPreferencesPopup,
-  d as SlackConnect,
-  s as createDebugLogger
+  h as SlackConnect,
+  s as createDebugLogger,
+  I as createNotificationAPITheme,
+  d as getThemeColors
 };

package/dist/utils/theme.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '@mui/material/styles';
+export type NotificationAPIThemeMode = 'light' | 'dark';
+export type NotificationAPIThemeColors = {
+    background?: string;
+    paper?: string;
+    text?: string;
+    textSecondary?: string;
+    border?: string;
+    icon?: string;
+    divider?: string;
+};
+export type NotificationAPITheme = NotificationAPIThemeMode | {
+    mode?: NotificationAPIThemeMode;
+    colors?: NotificationAPIThemeColors;
+} | Theme;
+export declare function createNotificationAPITheme(theme: NotificationAPITheme): Theme;
+export declare function getThemeColors(theme: Theme): Required<NotificationAPIThemeColors>;

package/dist/utils/theme.js

@@ -0,0 +1,104 @@
+import { c } from "../assets/createTheme.js";
+const d = {
+  background: "#ffffff",
+  paper: "#ffffff",
+  text: "#000000",
+  textSecondary: "#666666",
+  border: "#dcdcdc",
+  icon: "#000000",
+  divider: "#e0e0e0"
+}, a = {
+  background: "#1e1e1e",
+  paper: "#2d2d2d",
+  text: "#ffffff",
+  textSecondary: "#b0b0b0",
+  border: "#404040",
+  icon: "#ffffff",
+  divider: "#404040"
+};
+function n(r) {
+  if (r && typeof r == "object" && "palette" in r)
+    return r;
+  let t = "light", e = {};
+  r === "dark" || r === "light" ? t = r : r && typeof r == "object" && (t = r.mode || "light", e = r.colors || {});
+  const o = { ...t === "dark" ? a : d, ...e }, i = {
+    palette: {
+      mode: t,
+      background: {
+        default: o.background,
+        paper: o.paper
+      },
+      text: {
+        primary: o.text,
+        secondary: o.textSecondary
+      },
+      divider: o.divider
+    },
+    components: {
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiPopover: {
+        styleOverrides: {
+          paper: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiDialog: {
+        styleOverrides: {
+          paper: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiList: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiListItem: {
+        styleOverrides: {
+          root: {
+            backgroundColor: o.paper,
+            color: o.text
+          }
+        }
+      },
+      MuiDivider: {
+        styleOverrides: {
+          root: {
+            borderColor: o.divider
+          }
+        }
+      }
+    }
+  };
+  return c(i);
+}
+function f(r) {
+  const e = r.palette.mode === "dark" ? a : d;
+  return {
+    background: r.palette.background.default || e.background,
+    paper: r.palette.background.paper || e.paper,
+    text: r.palette.text.primary || e.text,
+    textSecondary: r.palette.text.secondary || e.textSecondary,
+    border: e.border,
+    icon: e.icon,
+    divider: r.palette.divider || e.divider
+  };
+}
+export {
+  n as createNotificationAPITheme,
+  f as getThemeColors
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.7.0",
+  "version": "1.9.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",

package/dist/assets/dividerClasses.js

@@ -1,56 +0,0 @@
-import * as n from "react";
-import { g as h, e as g } from "./DefaultPropsProvider.js";
-let r = 0;
-function m(e) {
-  const [t, o] = n.useState(e), s = e || t;
-  return n.useEffect(() => {
-    t == null && (r += 1, o(`mui-${r}`));
-  }, [t]), s;
-}
-const p = {
-  ...n
-}, u = p.useId;
-function b(e) {
-  if (u !== void 0) {
-    const t = u();
-    return e ?? t;
-  }
-  return m(e);
-}
-function v({
-  controlled: e,
-  default: t,
-  name: o,
-  state: s = "value"
-}) {
-  const {
-    current: i
-  } = n.useRef(e !== void 0), [c, a] = n.useState(t), d = i ? e : c;
-  if (process.env.NODE_ENV !== "production") {
-    n.useEffect(() => {
-      i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${s} state of ${o} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [s, o, e]);
-    const {
-      current: l
-    } = n.useRef(t);
-    n.useEffect(() => {
-      !i && !Object.is(l, t) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
-`));
-    }, [JSON.stringify(t)]);
-  }
-  const f = n.useCallback((l) => {
-    i || a(l);
-  }, []);
-  return [d, f];
-}
-function C(e) {
-  return g("MuiDivider", e);
-}
-const $ = h("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-export {
-  v as a,
-  $ as d,
-  C as g,
-  b as u
-};