@notificationapi/react 1.8.0 → 1.10.0

package/dist/assets/IconButton.js

@@ -1,5 +1,5 @@
 import * as c from "react";
-import { g as z, e as a, a as g, P as e } from "./createTheme.js";
+import { g as z, e as a, b as g, P as e } from "./createTheme.js";
 import { g as R, s as I, m as f, u as O, c as C, a as h } from "./DefaultPropsProvider.js";
 import { c as y } from "./createSimplePaletteValueFilter.js";
 import { jsx as T } from "react/jsx-runtime";

package/dist/assets/Modal.js

@@ -3,10 +3,10 @@ import { P as e, g as le } from "./createTheme.js";
 import { g as de, s as J, u as ue, c as X, a as fe, m as ke } from "./DefaultPropsProvider.js";
 import { o as j, e as Q, g as pe, P as Pe, H as Ne } from "./Portal.js";
 import { u as Y, e as Ce } from "./resolveComponentProps.js";
-import { u as Se, b as H, f as oe } from "./ButtonBase.js";
+import { u as Se, a as H, d as oe } from "./ButtonBase.js";
 import { c as re } from "./Stack.js";
 import { jsx as A, jsxs as be } from "react/jsx-runtime";
-import { T as we, r as Ie, g as se } from "./utils.js";
+import { T as we, a as Ie, g as se } from "./utils.js";
 import { e as Oe } from "./exactProp.js";
 function _(t) {
   return j(t).defaultView || window;

package/dist/assets/Notification.js

@@ -1,7 +1,7 @@
 import { jsx as _, jsxs as ut } from "react/jsx-runtime";
 import { g as ai, s as $t, m as ui, u as li, c as ci, a as fi, n as hi } from "./DefaultPropsProvider.js";
 import { getThemeColors as pi } from "../utils/theme.js";
-import { b as di, u as mi } from "./ButtonBase.js";
+import { a as di, u as mi } from "./ButtonBase.js";
 import * as mt from "react";
 import De, { useMemo as ne, useCallback as gi, useRef as Kt, useState as yi, useEffect as er } from "react";
 import { g as wi, P as p, v as dn, q as vi } from "./createTheme.js";

package/dist/assets/Paper.js

@@ -1,13 +1,13 @@
 import * as P from "react";
-import { g as h, a as u, d as f, P as a } from "./createTheme.js";
-import { g as b, s as g, m as w, u as T, c as $, a as x } from "./DefaultPropsProvider.js";
+import { g as b, b as u, P as a, d as f } from "./createTheme.js";
+import { g as h, s as g, m as w, u as T, c as $, a as x } from "./DefaultPropsProvider.js";
 import { u as O, c as C } from "./ButtonBase.js";
 import { jsx as N } from "react/jsx-runtime";
 import { i as R } from "./integerPropType.js";
 function j(e) {
-  return h("MuiPaper", e);
+  return b("MuiPaper", e);
 }
-b("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+h("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
 const E = (e) => {
   const {
     square: o,

package/dist/assets/Popover.js

@@ -2,7 +2,7 @@ import * as c from "react";
 import { g as Pe, P as e } from "./createTheme.js";
 import { g as ve, s as te, u as ye, c as Y, a as be } from "./DefaultPropsProvider.js";
 import { i as Te } from "./List.js";
-import { b as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
+import { a as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
 import { jsx as z } from "react/jsx-runtime";
 import { M as we, o as J } from "./Modal.js";
 import { P as xe } from "./Paper.js";

package/dist/assets/Portal.js

@@ -1,7 +1,7 @@
 import { P as c } from "./createTheme.js";
-import { c as m, d as f } from "./ButtonBase.js";
+import { c as m, f } from "./ButtonBase.js";
 import * as u from "react";
-import { a as P } from "./utils.js";
+import { r as P } from "./utils.js";
 import { u as T, s as d } from "./resolveComponentProps.js";
 import { e as h } from "./exactProp.js";
 function R(e) {

package/dist/assets/Stack.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { P as e, b as S, h as g, r as m, j as V, k as N, m as D, g as E, l as h } from "./createTheme.js";
+import { P as e, a as S, h as g, r as m, j as V, k as N, m as D, g as E, l as h } from "./createTheme.js";
 import { e as R, c as B, a as M, s as w, u as G } from "./DefaultPropsProvider.js";
 import { jsx as U } from "react/jsx-runtime";
 import { e as _ } from "./Typography.js";

package/dist/assets/createTheme.js

@@ -2803,8 +2803,8 @@ function Qn(e = {}, ...r) {
 export {
   tn as C,
   Ce as P,
-  ln as a,
-  en as b,
+  en as a,
+  ln as b,
   Qn as c,
   Mn as d,
   Nr as e,

package/dist/assets/useControlled.js

@@ -0,0 +1,49 @@
+import * as n from "react";
+let l = 0;
+function h(e) {
+  const [t, o] = n.useState(e), u = e || t;
+  return n.useEffect(() => {
+    t == null && (l += 1, o(`mui-${l}`));
+  }, [t]), u;
+}
+const I = {
+  ...n
+}, r = I.useId;
+function g(e) {
+  if (r !== void 0) {
+    const t = r();
+    return e ?? t;
+  }
+  return h(e);
+}
+function m({
+  controlled: e,
+  default: t,
+  name: o,
+  state: u = "value"
+}) {
+  const {
+    current: s
+  } = n.useRef(e !== void 0), [i, f] = n.useState(t), a = s ? e : i;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      s !== (e !== void 0) && console.error([`MUI: A component is changing the ${s ? "" : "un"}controlled ${u} state of ${o} to be ${s ? "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(`
+`));
+    }, [u, o, e]);
+    const {
+      current: c
+    } = n.useRef(t);
+    n.useEffect(() => {
+      !s && !Object.is(c, t) && console.error([`MUI: A component is changing the default ${u} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
+`));
+    }, [JSON.stringify(t)]);
+  }
+  const d = n.useCallback((c) => {
+    s || f(c);
+  }, []);
+  return [a, d];
+}
+export {
+  g as a,
+  m as u
+};

package/dist/assets/usePreviousProps.js

@@ -0,0 +1,10 @@
+import * as r from "react";
+const t = (s) => {
+  const e = r.useRef({});
+  return r.useEffect(() => {
+    e.current = s;
+  }), e.current;
+};
+export {
+  t as u
+};

package/dist/assets/useTheme.js

@@ -1,4 +1,4 @@
-import { b as m } from "./createTheme.js";
+import { a as m } from "./createTheme.js";
 import { u as t } from "./useThemeWithoutDefault.js";
 const r = m();
 function u(e = r) {

package/dist/assets/utils.js

@@ -1,4 +1,4 @@
-import { _ as k, g as I, T as A } from "./ButtonBase.js";
+import { _ as k, g as I, h as A } from "./ButtonBase.js";
 import { q as U, P as c } from "./createTheme.js";
 import T from "react";
 var N = { exports: {} }, y = {};
@@ -737,7 +737,7 @@ function Y(p, g) {
 export {
   D as R,
   E as T,
-  G as a,
+  W as a,
   Y as g,
-  W as r
+  G as r
 };

package/dist/components/Notifications/Inbox.js

@@ -7,13 +7,13 @@ import { Filter as Yt } from "./interface.js";
 import { NotificationAPIContext as nn } from "../Provider/context.js";
 import { DefaultEmptyComponent as on } from "./DefaultEmpty.js";
 import { g as ze, s as he, u as Je, c as _e, a as Qe, m as et, _ as Ct } from "../../assets/DefaultPropsProvider.js";
-import { c as an, e as sn, B as cn, b as We, g as ln, j as un, k as fn, u as dn } from "../../assets/ButtonBase.js";
-import { g as tt, P as c, a as we, e as xe, q as vn } from "../../assets/createTheme.js";
-import { R as Gt, a as Ut } from "../../assets/utils.js";
+import { c as an, e as sn, B as cn, a as We, g as ln, j as un, k as fn, u as dn } from "../../assets/ButtonBase.js";
+import { g as tt, P as c, b as we, e as xe, q as vn } from "../../assets/createTheme.js";
+import { R as Gt, r as Ut } from "../../assets/utils.js";
 import { getThemeColors as pn } from "../../utils/theme.js";
 import { b as Ge, a as vr, i as Xt, L as Kt } from "../../assets/List.js";
 import { u as hn } from "../../assets/resolveComponentProps.js";
-import { a as mn } from "../../assets/dividerClasses.js";
+import { u as mn } from "../../assets/useControlled.js";
 import { i as Ae } from "../../assets/integerPropType.js";
 import { u as gn } from "../../assets/index.js";
 import { c as qt } from "../../assets/createSimplePaletteValueFilter.js";