@notificationapi/react 0.0.17 → 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 +1292 -1273
- package/dist/assets/Notification.js +1 -1
- 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 -3
- package/dist/components/Notifications/InboxHeader.d.ts +2 -1
- package/dist/components/Notifications/InboxHeader.js +17 -18
- package/dist/components/Notifications/NotificationFeed.d.ts +2 -3
- package/dist/components/Notifications/NotificationFeed.js +46 -29
- package/dist/components/Notifications/NotificationLauncher.js +96 -79
- package/dist/components/Notifications/NotificationPopup.d.ts +2 -3
- 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
|
@@ -2,10 +2,9 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../Provider/index.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../assets/colors.js";
|
|
5
|
-
import { P as
|
|
6
|
-
import "../../assets/BellOutlined.js";
|
|
5
|
+
import { P as m, c as p, g as i } from "../../assets/Preferences.js";
|
|
7
6
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
m as Preferences,
|
|
8
|
+
p as getChannelIcon,
|
|
9
|
+
i as getChannelLabel
|
|
11
10
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { N as r } from "../../assets/NotificationPreferencesPopup.js";
|
|
2
2
|
import { NotificationPreferencesInline as f } from "./NotificationPreferencesInline.js";
|
|
3
3
|
export {
|
|
4
4
|
f as NotificationPreferencesInline,
|
package/dist/main.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { NotificationFeed as r } from "./components/Notifications/NotificationFeed.js";
|
|
2
2
|
import { N as e } from "./assets/Inbox.js";
|
|
3
3
|
import { NotificationLauncher as n } from "./components/Notifications/NotificationLauncher.js";
|
|
4
|
-
import { NotificationCounter as
|
|
5
|
-
import {
|
|
4
|
+
import { NotificationCounter as a } from "./components/Notifications/NotificationCounter.js";
|
|
5
|
+
import { N } from "./assets/NotificationPreferencesPopup.js";
|
|
6
6
|
import { NotificationPreferencesInline as x } from "./components/Preferences/NotificationPreferencesInline.js";
|
|
7
|
-
import { NotificationAPIProvider as
|
|
7
|
+
import { NotificationAPIProvider as s } from "./components/Provider/index.js";
|
|
8
8
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
s as NotificationAPIProvider,
|
|
10
|
+
a as NotificationCounter,
|
|
11
11
|
r as NotificationFeed,
|
|
12
12
|
n as NotificationLauncher,
|
|
13
13
|
e as NotificationPopup,
|
package/package.json
CHANGED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { d as c, _ as l } from "./colors.js";
|
|
2
|
-
import * as t from "react";
|
|
3
|
-
import { I as s } from "./index3.js";
|
|
4
|
-
var d = `accept acceptCharset accessKey action allowFullScreen allowTransparency
|
|
5
|
-
alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
|
|
6
|
-
charSet checked classID className colSpan cols content contentEditable contextMenu
|
|
7
|
-
controls coords crossOrigin data dateTime default defer dir disabled download draggable
|
|
8
|
-
encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
|
|
9
|
-
headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
|
|
10
|
-
is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
|
|
11
|
-
mediaGroup method min minLength multiple muted name noValidate nonce open
|
|
12
|
-
optimum pattern placeholder poster preload radioGroup readOnly rel required
|
|
13
|
-
reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
|
|
14
|
-
shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
|
|
15
|
-
summary tabIndex target title type useMap value width wmode wrap`, u = `onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
|
|
16
|
-
onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
|
|
17
|
-
onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
|
|
18
|
-
onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
|
|
19
|
-
onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
|
|
20
|
-
onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
|
|
21
|
-
onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`, p = "".concat(d, " ").concat(u).split(/[\s\n]+/), m = "aria-", h = "data-";
|
|
22
|
-
function i(o, n) {
|
|
23
|
-
return o.indexOf(n) === 0;
|
|
24
|
-
}
|
|
25
|
-
function O(o) {
|
|
26
|
-
var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, e;
|
|
27
|
-
n === !1 ? e = {
|
|
28
|
-
aria: !0,
|
|
29
|
-
data: !0,
|
|
30
|
-
attr: !0
|
|
31
|
-
} : n === !0 ? e = {
|
|
32
|
-
aria: !0
|
|
33
|
-
} : e = c({}, n);
|
|
34
|
-
var r = {};
|
|
35
|
-
return Object.keys(o).forEach(function(a) {
|
|
36
|
-
// Aria
|
|
37
|
-
(e.aria && (a === "role" || i(a, m)) || // Data
|
|
38
|
-
e.data && i(a, h) || // Attr
|
|
39
|
-
e.attr && p.includes(a)) && (r[a] = o[a]);
|
|
40
|
-
}), r;
|
|
41
|
-
}
|
|
42
|
-
var g = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, f = function(n, e) {
|
|
43
|
-
return /* @__PURE__ */ t.createElement(s, l({}, n, {
|
|
44
|
-
ref: e,
|
|
45
|
-
icon: g
|
|
46
|
-
}));
|
|
47
|
-
}, v = /* @__PURE__ */ t.forwardRef(f);
|
|
48
|
-
process.env.NODE_ENV !== "production" && (v.displayName = "RightOutlined");
|
|
49
|
-
var y = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M816 768h-24V428c0-141.1-104.3-257.7-240-277.1V112c0-22.1-17.9-40-40-40s-40 17.9-40 40v38.9c-135.7 19.4-240 136-240 277.1v340h-24c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h216c0 61.8 50.2 112 112 112s112-50.2 112-112h216c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM512 888c-26.5 0-48-21.5-48-48h96c0 26.5-21.5 48-48 48zM304 768V428c0-55.6 21.6-107.8 60.9-147.1S456.4 220 512 220c55.6 0 107.8 21.6 147.1 60.9S720 372.4 720 428v340H304z" } }] }, name: "bell", theme: "outlined" }, E = function(n, e) {
|
|
50
|
-
return /* @__PURE__ */ t.createElement(s, l({}, n, {
|
|
51
|
-
ref: e,
|
|
52
|
-
icon: y
|
|
53
|
-
}));
|
|
54
|
-
}, S = /* @__PURE__ */ t.forwardRef(E);
|
|
55
|
-
process.env.NODE_ENV !== "production" && (S.displayName = "BellOutlined");
|
|
56
|
-
export {
|
|
57
|
-
S as R,
|
|
58
|
-
v as a,
|
|
59
|
-
O as p
|
|
60
|
-
};
|
package/dist/assets/PurePanel.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { _ as R, C as w, a as E } from "./colors.js";
|
|
2
|
-
import * as e from "react";
|
|
3
|
-
import { I as y, u as I } from "./index3.js";
|
|
4
|
-
var j = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, z = function(s, l) {
|
|
5
|
-
return /* @__PURE__ */ e.createElement(y, R({}, s, {
|
|
6
|
-
ref: l,
|
|
7
|
-
icon: j
|
|
8
|
-
}));
|
|
9
|
-
}, S = /* @__PURE__ */ e.forwardRef(z);
|
|
10
|
-
process.env.NODE_ENV !== "production" && (S.displayName = "CloseOutlined");
|
|
11
|
-
function L(n) {
|
|
12
|
-
return (s) => /* @__PURE__ */ e.createElement(w, {
|
|
13
|
-
theme: {
|
|
14
|
-
token: {
|
|
15
|
-
motion: !1,
|
|
16
|
-
zIndexPopupBase: 0
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}, /* @__PURE__ */ e.createElement(n, Object.assign({}, s)));
|
|
20
|
-
}
|
|
21
|
-
const N = (n, s, l, W) => L((r) => {
|
|
22
|
-
const {
|
|
23
|
-
prefixCls: f,
|
|
24
|
-
style: p
|
|
25
|
-
} = r, a = e.useRef(null), [g, m] = e.useState(0), [v, C] = e.useState(0), [c, P] = I(!1, {
|
|
26
|
-
value: r.open
|
|
27
|
-
}), {
|
|
28
|
-
getPrefixCls: O
|
|
29
|
-
} = e.useContext(E), h = O("select", f);
|
|
30
|
-
e.useEffect(() => {
|
|
31
|
-
if (P(!0), typeof ResizeObserver < "u") {
|
|
32
|
-
const i = new ResizeObserver((t) => {
|
|
33
|
-
const o = t[0].target;
|
|
34
|
-
m(o.offsetHeight + 8), C(o.offsetWidth);
|
|
35
|
-
}), u = setInterval(() => {
|
|
36
|
-
var t;
|
|
37
|
-
const o = `.${h}-dropdown`, d = (t = a.current) === null || t === void 0 ? void 0 : t.querySelector(o);
|
|
38
|
-
d && (clearInterval(u), i.observe(d));
|
|
39
|
-
}, 10);
|
|
40
|
-
return () => {
|
|
41
|
-
clearInterval(u), i.disconnect();
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
}, []);
|
|
45
|
-
let b = Object.assign(Object.assign({}, r), {
|
|
46
|
-
style: Object.assign(Object.assign({}, p), {
|
|
47
|
-
margin: 0
|
|
48
|
-
}),
|
|
49
|
-
open: c,
|
|
50
|
-
visible: c,
|
|
51
|
-
getPopupContainer: () => a.current
|
|
52
|
-
});
|
|
53
|
-
const x = {
|
|
54
|
-
paddingBottom: g,
|
|
55
|
-
position: "relative",
|
|
56
|
-
minWidth: v
|
|
57
|
-
};
|
|
58
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
59
|
-
ref: a,
|
|
60
|
-
style: x
|
|
61
|
-
}, /* @__PURE__ */ e.createElement(n, Object.assign({}, b)));
|
|
62
|
-
});
|
|
63
|
-
export {
|
|
64
|
-
S as R,
|
|
65
|
-
N as g,
|
|
66
|
-
L as w
|
|
67
|
-
};
|