phx-react 1.3.1593 → 1.3.1594
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/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js +11 -17
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js +4 -4
- package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/index.js +9 -9
- package/dist/cjs/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js +11 -17
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js +4 -4
- package/dist/esm/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/index.js +9 -9
- package/dist/esm/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,10 +13,6 @@ const constant_1 = require("../../../constant");
|
|
|
13
13
|
function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }) {
|
|
14
14
|
const [renderSkeleton, setRenderSkeleton] = (0, react_1.useState)(false);
|
|
15
15
|
const shimmerCss = `
|
|
16
|
-
@keyframes cu-line {
|
|
17
|
-
0% { background-position: 200% 0; }
|
|
18
|
-
100% { background-position: -200% 0; }
|
|
19
|
-
}
|
|
20
16
|
@keyframes skeleton-fade-out {
|
|
21
17
|
0% { opacity: 1; }
|
|
22
18
|
100% { opacity: 0; }
|
|
@@ -26,25 +22,23 @@ function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRe
|
|
|
26
22
|
100% { opacity: 1; }
|
|
27
23
|
}
|
|
28
24
|
`;
|
|
29
|
-
const shimmerBarStyle = {
|
|
30
|
-
background: 'linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)',
|
|
31
|
-
backgroundSize: '200% 100%',
|
|
32
|
-
animation: 'cu-line 2.3s linear infinite',
|
|
33
|
-
};
|
|
34
25
|
const renderSkeletons = () => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
35
26
|
react_1.default.createElement("style", null, shimmerCss),
|
|
36
27
|
react_1.default.createElement("div", { className: 'flex flex-col gap-4 pt-2' }, Array.from({ length: 15 }).map((_, i) => (react_1.default.createElement("div", { key: i, className: 'p-2' },
|
|
37
28
|
react_1.default.createElement("div", { className: `${i > 0 && 'pt-[1px]'} flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40` },
|
|
38
29
|
react_1.default.createElement("div", { className: 'min-w-0 flex-1 space-y-3' },
|
|
39
|
-
react_1.default.createElement("div", { className: [
|
|
40
|
-
|
|
41
|
-
|
|
30
|
+
react_1.default.createElement("div", { className: [
|
|
31
|
+
'h-2 animate-pulse rounded-full bg-gray-200',
|
|
32
|
+
i % 3 === 0 ? 'w-1/2' : i % 3 === 1 ? 'w-2/3' : 'w-3/5',
|
|
33
|
+
].join(' ') }),
|
|
34
|
+
react_1.default.createElement("div", { className: 'h-2 w-1/6 animate-pulse rounded-full bg-gray-200' }),
|
|
35
|
+
react_1.default.createElement("div", { className: 'h-2 w-full animate-pulse rounded-full bg-gray-200' })),
|
|
42
36
|
react_1.default.createElement("div", { className: 'shrink-0' },
|
|
43
37
|
react_1.default.createElement("div", { className: 'flex flex-col items-end gap-6' },
|
|
44
|
-
react_1.default.createElement("div", { className: 'h-4 w-4 rounded'
|
|
38
|
+
react_1.default.createElement("div", { className: 'h-4 w-4 animate-pulse rounded bg-gray-200' }),
|
|
45
39
|
react_1.default.createElement("div", { className: '-mt-1 flex items-center gap-1' },
|
|
46
|
-
react_1.default.createElement("div", { className: 'h-[14px] w-[14px] rounded'
|
|
47
|
-
react_1.default.createElement("div", { className: 'h-2 w-12 rounded-full'
|
|
40
|
+
react_1.default.createElement("div", { className: 'h-[14px] w-[14px] animate-pulse rounded bg-gray-200' }),
|
|
41
|
+
react_1.default.createElement("div", { className: 'h-2 w-12 animate-pulse rounded-full bg-gray-200' })))))))))));
|
|
48
42
|
(0, react_1.useEffect)(() => {
|
|
49
43
|
if (animated.showSkeleton)
|
|
50
44
|
setRenderSkeleton(true);
|
|
@@ -75,8 +69,8 @@ function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRe
|
|
|
75
69
|
react_1.default.createElement("div", { className: [
|
|
76
70
|
animated.relaxMaxH ? 'overflow-visible' : 'overflow-hidden',
|
|
77
71
|
animated.contentVisible
|
|
78
|
-
? '
|
|
79
|
-
: '
|
|
72
|
+
? 'opacity-100 transition-[max-height,opacity] duration-500 ease-out'
|
|
73
|
+
: 'opacity-0',
|
|
80
74
|
].join(' '), style: { maxHeight: animated.getMaxHeight() } },
|
|
81
75
|
react_1.default.createElement("div", { ref: animated.contentRef }, noti.listData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
82
76
|
react_1.default.createElement("ul", null, noti.listData.map((item, idx) => {
|
package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":";;AA8BA,+
|
|
1
|
+
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js
CHANGED
|
@@ -52,8 +52,7 @@ function useAnimatedListHeight() {
|
|
|
52
52
|
if (genRef.current !== gen)
|
|
53
53
|
return; // stale
|
|
54
54
|
const h = (_b = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0;
|
|
55
|
-
|
|
56
|
-
setContentMaxH(h);
|
|
55
|
+
setContentMaxH(h);
|
|
57
56
|
if (stableTimerRef.current)
|
|
58
57
|
window.clearTimeout(stableTimerRef.current);
|
|
59
58
|
stableTimerRef.current = window.setTimeout(() => {
|
|
@@ -69,8 +68,7 @@ function useAnimatedListHeight() {
|
|
|
69
68
|
if (contentRef.current)
|
|
70
69
|
roRef.current.observe(contentRef.current);
|
|
71
70
|
const h0 = (_c = (_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0;
|
|
72
|
-
|
|
73
|
-
setContentMaxH(h0);
|
|
71
|
+
setContentMaxH(h0);
|
|
74
72
|
}, []);
|
|
75
73
|
const revealAfterInitLoad = (0, react_1.useCallback)(() => {
|
|
76
74
|
const currentGen = genRef.current;
|
|
@@ -97,6 +95,8 @@ function useAnimatedListHeight() {
|
|
|
97
95
|
return 'none';
|
|
98
96
|
if (!contentVisible)
|
|
99
97
|
return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0;
|
|
98
|
+
if (contentMaxH === 0)
|
|
99
|
+
return 'none';
|
|
100
100
|
return contentMaxH;
|
|
101
101
|
}, [relaxMaxH, contentVisible, frozenH, contentMaxH]);
|
|
102
102
|
const getHeightPx = (0, react_1.useCallback)(() => { var _a; return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0; }, [frozenH, contentMaxH]);
|
package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":";;AAEA,
|
|
1
|
+
{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ const useNotificationData_1 = require("./hook/useNotificationData");
|
|
|
11
11
|
const LIMIT = 15;
|
|
12
12
|
const Notification = ({ unreadCount }) => {
|
|
13
13
|
const [showModal, setShowModal] = (0, react_1.useState)(false);
|
|
14
|
+
const [fetchTick, setFetchTick] = (0, react_1.useState)(0);
|
|
14
15
|
const [previewModalData, setPreviewModalData] = (0, react_1.useState)(null);
|
|
15
16
|
const isPreview = !!previewModalData;
|
|
16
17
|
const loadMoreRef = (0, react_1.useRef)(null);
|
|
@@ -25,7 +26,7 @@ const Notification = ({ unreadCount }) => {
|
|
|
25
26
|
animated.resetForInitLoad();
|
|
26
27
|
noti.fetchFirstPage(noti.activeTab, () => animated.revealAfterInitLoad());
|
|
27
28
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
28
|
-
}, [showModal, noti.activeTab]);
|
|
29
|
+
}, [showModal, noti.activeTab, fetchTick]);
|
|
29
30
|
// infinite scroll only on list mode
|
|
30
31
|
(0, useInfiniteScrollInModal_1.useInfiniteScrollInModal)({
|
|
31
32
|
enabled: showModal && !isPreview,
|
|
@@ -41,14 +42,13 @@ const Notification = ({ unreadCount }) => {
|
|
|
41
42
|
animated.cleanup();
|
|
42
43
|
};
|
|
43
44
|
return (react_1.default.createElement(NotiDropdown_1.default, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: () => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
});
|
|
45
|
+
setPreviewModalData(null);
|
|
46
|
+
if (showModal) {
|
|
47
|
+
setFetchTick((t) => t + 1);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
setShowModal(true);
|
|
51
|
+
}
|
|
52
52
|
}, open: showModal, previewDeps: {
|
|
53
53
|
iframeClickRef,
|
|
54
54
|
loadMoreRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,uDAAgE;AAChE,6CAAoC;AAEpC,oFAAmD;AACnD,wEAAoE;AACpE,oEAAgE;AAChE,8EAA0E;AAC1E,oEAAgE;AAEhE,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,uDAAgE;AAChE,6CAAoC;AAEpC,oFAAmD;AACnD,wEAAoE;AACpE,oEAAgE;AAChE,8EAA0E;AAC1E,oEAAgE;AAEhE,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAE7C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAA0B,IAAI,CAAC,CAAA;IAEvF,MAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAA;IAEpC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,IAAA,yCAAmB,GAAE,CAAA;IAE5C,MAAM,IAAI,GAAG,IAAA,yCAAmB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAElD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,GAAE,CAAA;IAExC,yCAAyC;IACzC,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAA;QAE3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAA;QACzE,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1C,oCAAoC;IACpC,IAAA,mDAAwB,EAAC;QACvB,OAAO,EAAE,SAAS,IAAI,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;QAC/D,WAAW,EAAE,IAAI,CAAC,QAAQ;KAC3B,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,YAAY,CAAC,cAAG,CAAC,GAAG,CAAC,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,sBAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,GAAG,EAAE;YACX,mBAAmB,CAAC,IAAI,CAAC,CAAA;YACzB,IAAI,SAAS,EAAE,CAAC;gBACd,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC5B,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC;QACH,CAAC,EACD,IAAI,EAAE,SAAS,EACf,WAAW,EAAE;YACX,cAAc;YACd,WAAW;SACZ,EACD,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -9,10 +9,6 @@ import { SKELETON_OUT_MS } from '../../../constant';
|
|
|
9
9
|
export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }) {
|
|
10
10
|
const [renderSkeleton, setRenderSkeleton] = useState(false);
|
|
11
11
|
const shimmerCss = `
|
|
12
|
-
@keyframes cu-line {
|
|
13
|
-
0% { background-position: 200% 0; }
|
|
14
|
-
100% { background-position: -200% 0; }
|
|
15
|
-
}
|
|
16
12
|
@keyframes skeleton-fade-out {
|
|
17
13
|
0% { opacity: 1; }
|
|
18
14
|
100% { opacity: 0; }
|
|
@@ -22,25 +18,23 @@ export default function NotiListPane({ animated, headerH, iframeClickRef, isPrev
|
|
|
22
18
|
100% { opacity: 1; }
|
|
23
19
|
}
|
|
24
20
|
`;
|
|
25
|
-
const shimmerBarStyle = {
|
|
26
|
-
background: 'linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%)',
|
|
27
|
-
backgroundSize: '200% 100%',
|
|
28
|
-
animation: 'cu-line 2.3s linear infinite',
|
|
29
|
-
};
|
|
30
21
|
const renderSkeletons = () => (React.createElement(React.Fragment, null,
|
|
31
22
|
React.createElement("style", null, shimmerCss),
|
|
32
23
|
React.createElement("div", { className: 'flex flex-col gap-4 pt-2' }, Array.from({ length: 15 }).map((_, i) => (React.createElement("div", { key: i, className: 'p-2' },
|
|
33
24
|
React.createElement("div", { className: `${i > 0 && 'pt-[1px]'} flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40` },
|
|
34
25
|
React.createElement("div", { className: 'min-w-0 flex-1 space-y-3' },
|
|
35
|
-
React.createElement("div", { className: [
|
|
36
|
-
|
|
37
|
-
|
|
26
|
+
React.createElement("div", { className: [
|
|
27
|
+
'h-2 animate-pulse rounded-full bg-gray-200',
|
|
28
|
+
i % 3 === 0 ? 'w-1/2' : i % 3 === 1 ? 'w-2/3' : 'w-3/5',
|
|
29
|
+
].join(' ') }),
|
|
30
|
+
React.createElement("div", { className: 'h-2 w-1/6 animate-pulse rounded-full bg-gray-200' }),
|
|
31
|
+
React.createElement("div", { className: 'h-2 w-full animate-pulse rounded-full bg-gray-200' })),
|
|
38
32
|
React.createElement("div", { className: 'shrink-0' },
|
|
39
33
|
React.createElement("div", { className: 'flex flex-col items-end gap-6' },
|
|
40
|
-
React.createElement("div", { className: 'h-4 w-4 rounded'
|
|
34
|
+
React.createElement("div", { className: 'h-4 w-4 animate-pulse rounded bg-gray-200' }),
|
|
41
35
|
React.createElement("div", { className: '-mt-1 flex items-center gap-1' },
|
|
42
|
-
React.createElement("div", { className: 'h-[14px] w-[14px] rounded'
|
|
43
|
-
React.createElement("div", { className: 'h-2 w-12 rounded-full'
|
|
36
|
+
React.createElement("div", { className: 'h-[14px] w-[14px] animate-pulse rounded bg-gray-200' }),
|
|
37
|
+
React.createElement("div", { className: 'h-2 w-12 animate-pulse rounded-full bg-gray-200' })))))))))));
|
|
44
38
|
useEffect(() => {
|
|
45
39
|
if (animated.showSkeleton)
|
|
46
40
|
setRenderSkeleton(true);
|
|
@@ -71,8 +65,8 @@ export default function NotiListPane({ animated, headerH, iframeClickRef, isPrev
|
|
|
71
65
|
React.createElement("div", { className: [
|
|
72
66
|
animated.relaxMaxH ? 'overflow-visible' : 'overflow-hidden',
|
|
73
67
|
animated.contentVisible
|
|
74
|
-
? '
|
|
75
|
-
: '
|
|
68
|
+
? 'opacity-100 transition-[max-height,opacity] duration-500 ease-out'
|
|
69
|
+
: 'opacity-0',
|
|
76
70
|
].join(' '), style: { maxHeight: animated.getMaxHeight() } },
|
|
77
71
|
React.createElement("div", { ref: animated.contentRef }, noti.listData.length > 0 ? (React.createElement(React.Fragment, null,
|
|
78
72
|
React.createElement("ul", null, noti.listData.map((item, idx) => {
|
package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAsBnD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,OAAO,GACD;IACN,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG
|
|
1
|
+
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js
CHANGED
|
@@ -49,8 +49,7 @@ export function useAnimatedListHeight() {
|
|
|
49
49
|
if (genRef.current !== gen)
|
|
50
50
|
return; // stale
|
|
51
51
|
const h = (_b = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0;
|
|
52
|
-
|
|
53
|
-
setContentMaxH(h);
|
|
52
|
+
setContentMaxH(h);
|
|
54
53
|
if (stableTimerRef.current)
|
|
55
54
|
window.clearTimeout(stableTimerRef.current);
|
|
56
55
|
stableTimerRef.current = window.setTimeout(() => {
|
|
@@ -66,8 +65,7 @@ export function useAnimatedListHeight() {
|
|
|
66
65
|
if (contentRef.current)
|
|
67
66
|
roRef.current.observe(contentRef.current);
|
|
68
67
|
const h0 = (_c = (_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0;
|
|
69
|
-
|
|
70
|
-
setContentMaxH(h0);
|
|
68
|
+
setContentMaxH(h0);
|
|
71
69
|
}, []);
|
|
72
70
|
const revealAfterInitLoad = useCallback(() => {
|
|
73
71
|
const currentGen = genRef.current;
|
|
@@ -94,6 +92,8 @@ export function useAnimatedListHeight() {
|
|
|
94
92
|
return 'none';
|
|
95
93
|
if (!contentVisible)
|
|
96
94
|
return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0;
|
|
95
|
+
if (contentMaxH === 0)
|
|
96
|
+
return 'none';
|
|
97
97
|
return contentMaxH;
|
|
98
98
|
}, [relaxMaxH, contentVisible, frozenH, contentMaxH]);
|
|
99
99
|
const getHeightPx = useCallback(() => { var _a; return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0; }, [frozenH, contentMaxH]);
|
package/dist/esm/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACtD,MAAM,KAAK,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAElD,oEAAoE;IACpE,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IACxB,6DAA6D;IAC7D,MAAM,oBAAoB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;;QAC/B,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAA;QAC3B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;QACpB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;YAC3C,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;;QACxC,yDAAyD;QACzD,MAAM,GAAG,GAAG,EAAE,MAAM,CAAC,OAAO,CAAA;QAC5B,oBAAoB,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA,CAAC,gCAAgC;QAElE,MAAM,QAAQ,GAAG,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,MAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,qBAAqB,GAAG,MAAM,CAAA,IAAI,CAAC,CAAA;QAC5G,IAAI,QAAQ;YAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAElC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACxB,eAAe,CAAC,IAAI,CAAC,CAAA;QAErB,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAA;QAC3B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;QACpB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;YAC3C,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;QAC/B,CAAC;QAED,OAAO,GAAG,CAAA,CAAC,wBAAwB;IACrC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;;QACvD,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAA;QAC3B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;QAEpB,KAAK,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;;YACtC,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG;gBAAE,OAAM,CAAC,QAAQ;YAC3C,MAAM,CAAC,GAAG,MAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,mCAAI,CAAC,CAAA;YAC/C,
|
|
1
|
+
{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ import { useNotificationData } from './hook/useNotificationData';
|
|
|
8
8
|
const LIMIT = 15;
|
|
9
9
|
const Notification = ({ unreadCount }) => {
|
|
10
10
|
const [showModal, setShowModal] = useState(false);
|
|
11
|
+
const [fetchTick, setFetchTick] = useState(0);
|
|
11
12
|
const [previewModalData, setPreviewModalData] = useState(null);
|
|
12
13
|
const isPreview = !!previewModalData;
|
|
13
14
|
const loadMoreRef = useRef(null);
|
|
@@ -22,7 +23,7 @@ const Notification = ({ unreadCount }) => {
|
|
|
22
23
|
animated.resetForInitLoad();
|
|
23
24
|
noti.fetchFirstPage(noti.activeTab, () => animated.revealAfterInitLoad());
|
|
24
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
25
|
-
}, [showModal, noti.activeTab]);
|
|
26
|
+
}, [showModal, noti.activeTab, fetchTick]);
|
|
26
27
|
// infinite scroll only on list mode
|
|
27
28
|
useInfiniteScrollInModal({
|
|
28
29
|
enabled: showModal && !isPreview,
|
|
@@ -38,14 +39,13 @@ const Notification = ({ unreadCount }) => {
|
|
|
38
39
|
animated.cleanup();
|
|
39
40
|
};
|
|
40
41
|
return (React.createElement(NotiDropdown, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: () => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
});
|
|
42
|
+
setPreviewModalData(null);
|
|
43
|
+
if (showModal) {
|
|
44
|
+
setFetchTick((t) => t + 1);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
setShowModal(true);
|
|
48
|
+
}
|
|
49
49
|
}, open: showModal, previewDeps: {
|
|
50
50
|
iframeClickRef,
|
|
51
51
|
loadMoreRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAA2B,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"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"}
|