@notificationapi/react 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Inbox.js +1418 -1390
- package/dist/assets/Notification.js +20 -21
- package/dist/assets/NotificationPreferencesPopup.js +1562 -0
- package/dist/assets/Preferences.js +739 -684
- package/dist/assets/button.js +1 -1
- package/dist/assets/colors.js +25 -25
- package/dist/assets/index.js +1 -1
- package/dist/assets/index2.js +32 -32
- package/dist/assets/index3.js +268 -268
- package/dist/components/Notifications/Inbox.d.ts +2 -1
- package/dist/components/Notifications/InboxHeader.d.ts +6 -3
- package/dist/components/Notifications/InboxHeader.js +44 -42
- package/dist/components/Notifications/Notification.d.ts +0 -1
- package/dist/components/Notifications/NotificationFeed.d.ts +2 -1
- package/dist/components/Notifications/NotificationFeed.js +56 -37
- package/dist/components/Notifications/NotificationLauncher.js +105 -89
- package/dist/components/Notifications/NotificationPopup.d.ts +4 -2
- package/dist/components/Notifications/NotificationPopup.js +6 -4
- package/dist/components/Preferences/NotificationPreferencesPopup.js +4 -1500
- package/dist/components/Preferences/PreferenceInput.js +1 -1
- package/dist/components/Preferences/Preferences.js +4 -5
- package/dist/components/Preferences/index.js +1 -1
- package/dist/main.js +5 -5
- package/package.json +1 -1
- package/dist/assets/BellOutlined.js +0 -60
- package/dist/assets/PurePanel.js +0 -67
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as lt, jsx as
|
|
1
|
+
import { jsxs as lt, jsx as ae } from "react/jsx-runtime";
|
|
2
2
|
import * as q from "react";
|
|
3
3
|
import ie, { useRef as Qe, useDebugValue as er, createElement as uo, useContext as co, useMemo as ye, useCallback as fo, useState as lo, useEffect as tr } from "react";
|
|
4
|
-
import { S as po, U as N, V as le, W as B, X as U, Y as mo, Z as pt, $ as Me, a0 as pe, a1 as ho, a2 as dn, a3 as yo, a4 as go, a5 as mn, a6 as me, a7 as vo, a8 as bo, a9 as Te, aa as rr, ab as nr,
|
|
4
|
+
import { S as po, U as N, V as le, W as B, X as U, Y as mo, Z as pt, $ as Me, a0 as pe, a1 as ho, a2 as dn, a3 as yo, a4 as go, a5 as mn, a6 as me, a7 as vo, a8 as bo, a9 as Te, aa as rr, ab as nr, e as wo, ac as So, g as Oo, m as To, r as xo, u as Eo, n as Po, C as hn, f as Ao, c as St, a as Ro, ad as Co, ae as $o, af as ko, ag as Do, ah as Io, ai as yn, aj as gn, ak as vn } from "./colors.js";
|
|
5
5
|
import { j as _o, p as bn, D as No, x as jo, T as or, R as Mo } from "./index3.js";
|
|
6
6
|
import { P as Lo } from "./index.js";
|
|
7
7
|
import { B as Fo } from "./button.js";
|
|
@@ -436,16 +436,16 @@ const Qo = (e, t) => {
|
|
|
436
436
|
} = e, Z = Zo(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), Y = _o((g) => {
|
|
437
437
|
var w, C;
|
|
438
438
|
return (C = (w = M ?? (y == null ? void 0 : y.size)) !== null && w !== void 0 ? w : g) !== null && C !== void 0 ? C : "default";
|
|
439
|
-
}), Q = Object.keys(typeof Y == "object" ? Y || {} : {}).some((g) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(g)),
|
|
439
|
+
}), Q = Object.keys(typeof Y == "object" ? Y || {} : {}).some((g) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(g)), oe = Go(Q), X = q.useMemo(() => {
|
|
440
440
|
if (typeof Y != "object")
|
|
441
441
|
return {};
|
|
442
|
-
const g = Sn.find((C) =>
|
|
442
|
+
const g = Sn.find((C) => oe[C]), w = Y[g];
|
|
443
443
|
return w ? {
|
|
444
444
|
width: w,
|
|
445
445
|
height: w,
|
|
446
446
|
fontSize: w && (f || ee) ? w / 2 : 18
|
|
447
447
|
} : {};
|
|
448
|
-
}, [
|
|
448
|
+
}, [oe, Y]);
|
|
449
449
|
if (process.env.NODE_ENV !== "production") {
|
|
450
450
|
const g = Ao("Avatar");
|
|
451
451
|
process.env.NODE_ENV !== "production" && g(!(typeof f == "string" && f.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${f}\` at https://ant.design/components/icon`);
|
|
@@ -1142,9 +1142,9 @@ function qa(e, t, r) {
|
|
|
1142
1142
|
var k = new Ua(r, b, n ? o.componentStyle : void 0);
|
|
1143
1143
|
function M(x, f) {
|
|
1144
1144
|
return function(D, V, W) {
|
|
1145
|
-
var K = D.attrs, ee = D.componentStyle, re = D.defaultProps, Z = D.foldedComponentIds, Y = D.styledComponentId, Q = D.target,
|
|
1145
|
+
var K = D.attrs, ee = D.componentStyle, re = D.defaultProps, Z = D.foldedComponentIds, Y = D.styledComponentId, Q = D.target, oe = ie.useContext(Fn), X = mr(), L = D.shouldForwardProp || X.shouldForwardProp;
|
|
1146
1146
|
process.env.NODE_ENV !== "production" && er(Y);
|
|
1147
|
-
var J = sa(V,
|
|
1147
|
+
var J = sa(V, oe, re) || Ce, H = function(_, $, A) {
|
|
1148
1148
|
for (var g, w = te(te({}, $), { className: void 0, theme: A }), C = 0; C < _.length; C += 1) {
|
|
1149
1149
|
var G = $e(g = _[C]) ? g(w) : g;
|
|
1150
1150
|
for (var d in G)
|
|
@@ -3408,7 +3408,7 @@ function ms() {
|
|
|
3408
3408
|
}
|
|
3409
3409
|
}
|
|
3410
3410
|
}
|
|
3411
|
-
var f = c, D = l, V = s, W = i, K = t, ee = m, re = n, Z = E, Y = y, Q = r,
|
|
3411
|
+
var f = c, D = l, V = s, W = i, K = t, ee = m, re = n, Z = E, Y = y, Q = r, oe = a, X = o, L = v, J = !1;
|
|
3412
3412
|
function H(d) {
|
|
3413
3413
|
return J || (J = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), p(d) || x(d) === c;
|
|
3414
3414
|
}
|
|
@@ -3448,7 +3448,7 @@ function ms() {
|
|
|
3448
3448
|
function G(d) {
|
|
3449
3449
|
return x(d) === v;
|
|
3450
3450
|
}
|
|
3451
|
-
z.AsyncMode = f, z.ConcurrentMode = D, z.ContextConsumer = V, z.ContextProvider = W, z.Element = K, z.ForwardRef = ee, z.Fragment = re, z.Lazy = Z, z.Memo = Y, z.Portal = Q, z.Profiler =
|
|
3451
|
+
z.AsyncMode = f, z.ConcurrentMode = D, z.ContextConsumer = V, z.ContextProvider = W, z.Element = K, z.ForwardRef = ee, z.Fragment = re, z.Lazy = Z, z.Memo = Y, z.Portal = Q, z.Profiler = oe, z.StrictMode = X, z.Suspense = L, z.isAsyncMode = H, z.isConcurrentMode = p, z.isContextConsumer = h, z.isContextProvider = T, z.isElement = P, z.isForwardRef = R, z.isFragment = _, z.isLazy = $, z.isMemo = A, z.isPortal = g, z.isProfiler = w, z.isStrictMode = C, z.isSuspense = G, z.isValidElementType = O, z.typeOf = x;
|
|
3452
3452
|
}()), z;
|
|
3453
3453
|
}
|
|
3454
3454
|
var Qr;
|
|
@@ -3738,12 +3738,12 @@ Valid keys: ` + JSON.stringify(Object.keys(p), null, " ")
|
|
|
3738
3738
|
return !1;
|
|
3739
3739
|
}
|
|
3740
3740
|
}
|
|
3741
|
-
function
|
|
3741
|
+
function oe(p, h) {
|
|
3742
3742
|
return p === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
|
|
3743
3743
|
}
|
|
3744
3744
|
function X(p) {
|
|
3745
3745
|
var h = typeof p;
|
|
3746
|
-
return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" :
|
|
3746
|
+
return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : oe(h, p) ? "symbol" : h;
|
|
3747
3747
|
}
|
|
3748
3748
|
function L(p) {
|
|
3749
3749
|
if (typeof p > "u" || p === null)
|
|
@@ -4293,11 +4293,11 @@ function ru(e) {
|
|
|
4293
4293
|
Y(H);
|
|
4294
4294
|
}
|
|
4295
4295
|
}, [x]);
|
|
4296
|
-
var
|
|
4296
|
+
var oe = ye(function() {
|
|
4297
4297
|
return Is(M, m);
|
|
4298
4298
|
}, [M, m]), X = ye(function() {
|
|
4299
|
-
return c ? c(t) :
|
|
4300
|
-
}, [t, c,
|
|
4299
|
+
return c ? c(t) : oe(t);
|
|
4300
|
+
}, [t, c, oe]);
|
|
4301
4301
|
return {
|
|
4302
4302
|
date: t,
|
|
4303
4303
|
formattedDate: Z,
|
|
@@ -4510,7 +4510,7 @@ const pu = Un.div`
|
|
|
4510
4510
|
width: "100%"
|
|
4511
4511
|
},
|
|
4512
4512
|
children: [
|
|
4513
|
-
/* @__PURE__ */
|
|
4513
|
+
/* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(
|
|
4514
4514
|
Tn,
|
|
4515
4515
|
{
|
|
4516
4516
|
src: e.notification.imageURL,
|
|
@@ -4529,14 +4529,13 @@ const pu = Un.div`
|
|
|
4529
4529
|
flexGrow: 1
|
|
4530
4530
|
},
|
|
4531
4531
|
children: [
|
|
4532
|
-
/* @__PURE__ */
|
|
4532
|
+
/* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(or.Text, { children: /* @__PURE__ */ ae(
|
|
4533
4533
|
"span",
|
|
4534
4534
|
{
|
|
4535
4535
|
dangerouslySetInnerHTML: { __html: e.notification.title }
|
|
4536
4536
|
}
|
|
4537
4537
|
) }) }),
|
|
4538
|
-
|
|
4539
|
-
/* @__PURE__ */ oe("div", { children: /* @__PURE__ */ oe(or.Text, { type: "secondary", style: { fontSize: 12 }, children: /* @__PURE__ */ oe(
|
|
4538
|
+
/* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(or.Text, { type: "secondary", style: { fontSize: 12 }, children: /* @__PURE__ */ ae(
|
|
4540
4539
|
st,
|
|
4541
4540
|
{
|
|
4542
4541
|
date: new Date(e.notification.date).getTime(),
|
|
@@ -4557,18 +4556,18 @@ const pu = Un.div`
|
|
|
4557
4556
|
alignItems: "center"
|
|
4558
4557
|
},
|
|
4559
4558
|
children: [
|
|
4560
|
-
/* @__PURE__ */
|
|
4559
|
+
/* @__PURE__ */ ae(
|
|
4561
4560
|
Fo,
|
|
4562
4561
|
{
|
|
4563
4562
|
className: "notification-archive-button",
|
|
4564
|
-
icon: /* @__PURE__ */
|
|
4563
|
+
icon: /* @__PURE__ */ ae(Mo, {}),
|
|
4565
4564
|
size: "small",
|
|
4566
4565
|
type: "text",
|
|
4567
4566
|
shape: "circle",
|
|
4568
4567
|
onClick: (t) => (e.markAsArchived([e.notification.id]), t.preventDefault(), t.stopPropagation(), !1)
|
|
4569
4568
|
}
|
|
4570
4569
|
),
|
|
4571
|
-
/* @__PURE__ */
|
|
4570
|
+
/* @__PURE__ */ ae(
|
|
4572
4571
|
zo,
|
|
4573
4572
|
{
|
|
4574
4573
|
dot: !0,
|