@voplus/morpho-workspace 6.1.33 → 6.1.34

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.
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { NotificationCardProps } from "./index";
3
+ declare const NotificationMobileCard: (props: NotificationCardProps) => React.JSX.Element;
4
+ export default NotificationMobileCard;
@@ -0,0 +1,60 @@
1
+ import { Button, Space } from "antd";
2
+ import { useNotification, } from "../../../../data/notification";
3
+ import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
4
+ import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
5
+ import React, { useState, useEffect, useRef } from "react";
6
+ import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
7
+ import NotificationNewTaskForm from "../../../tasks/components/NotificationNewTaskForm";
8
+ import classnames from "classnames";
9
+ import dayjs from "dayjs";
10
+ import { observe } from "@voplus/morpho-ui";
11
+ const NotificationMobileCard = (props) => {
12
+ const elementRef = useRef(null);
13
+ const asideContext = useAsideContentContext();
14
+ const notification = useNotification(props.id);
15
+ const [showMirror, setShowMirror] = useState(true);
16
+ useEffect(() => {
17
+ const measureHeight = () => {
18
+ if (elementRef.current) {
19
+ let element = elementRef.current.getElementsByClassName("ProseMirror")[0];
20
+ if ((element === null || element === void 0 ? void 0 : element.offsetHeight) > 85)
21
+ setShowMirror(false);
22
+ }
23
+ };
24
+ measureHeight();
25
+ }, []);
26
+ return observe(() => {
27
+ var _a, _b, _c, _d;
28
+ return (React.createElement("div", { className: "notification-card-content mobile", onClick: props.onClick },
29
+ React.createElement("div", { className: "notification-card-header" },
30
+ notification.createdBy && React.createElement(AvatarItem, { id: notification.createdBy.id }),
31
+ React.createElement("div", { className: "notification-title" },
32
+ React.createElement("div", { className: "notification-name" }, (_a = notification.createdBy) === null || _a === void 0 ? void 0 : _a.name),
33
+ React.createElement("div", null, ((_b = notification.content) === null || _b === void 0 ? void 0 : _b.title) === "Mention Notification"
34
+ ? "mentioned you in ____"
35
+ : (_c = notification.content) === null || _c === void 0 ? void 0 : _c.title),
36
+ notification.notificationType && (React.createElement("span", { className: "notification-tags" }, notification.notificationType)))),
37
+ React.createElement("div", { ref: elementRef, className: classnames("notification-content-viewer", { show: showMirror }) },
38
+ React.createElement(ProseMirrorViewer, { html: (_d = notification.content) === null || _d === void 0 ? void 0 : _d.content }),
39
+ !showMirror && (React.createElement("div", { className: "read-more", onClick: () => setShowMirror(true) }, "Read More ..."))),
40
+ React.createElement("div", { className: "notification-footer" },
41
+ React.createElement("div", { className: "notification-date" }, dayjs.utc(notification.createDate).local().format("DD MMM YYYY | hh:mm A")),
42
+ React.createElement("div", { className: "notification-btn" },
43
+ React.createElement(Space, null,
44
+ notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-task-form", onClick: (ev) => {
45
+ var _a;
46
+ ev.stopPropagation();
47
+ asideContext.openAside(React.createElement(NotificationNewTaskForm, { showView: true, self: true, title: `Followup ${notification.content.title}`, description: `<div><p>This is a follow-up task of:</p><h3>Notification Content</h3><p>${notification.content.content}</p></div>`, parentId: (_a = notification.node) === null || _a === void 0 ? void 0 : _a.id, onCancel: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside() }), { span: 12 });
48
+ } }, "Create Task")),
49
+ notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-dismiss", onClick: (ev) => onChangeStatus(ev, "Dismissed") }, "Dismiss")),
50
+ notification.status === "Dismissed" && (React.createElement(Button, { className: "btn-unDismiss", onClick: (ev) => onChangeStatus(ev, "Read") }, "Undo Dismiss")),
51
+ notification.status !== "Later" && notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-later", onClick: (ev) => onChangeStatus(ev, "Later") }, "Later")))))));
52
+ });
53
+ function onChangeStatus(ev, status) {
54
+ var _a;
55
+ (_a = props.onChangeStatus) === null || _a === void 0 ? void 0 : _a.call(props, status);
56
+ ev.stopPropagation();
57
+ }
58
+ };
59
+ export default NotificationMobileCard;
60
+ //# sourceMappingURL=NotificationMobileCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NotificationMobileCard.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/NotificationMobileCard.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +1,11 @@
1
1
  import { NotificationStatus } from "../../../../data/notification";
2
2
  import React from "react";
3
- declare const DocumentNotificationCard: (props: {
3
+ export type NotificationCardProps = {
4
4
  id: string;
5
5
  active?: boolean;
6
6
  className?: string;
7
7
  onClick?: React.MouseEventHandler<HTMLDivElement>;
8
8
  onChangeStatus?: (state: NotificationStatus) => void;
9
- }) => React.JSX.Element;
9
+ };
10
+ declare const DocumentNotificationCard: (props: NotificationCardProps) => React.JSX.Element;
10
11
  export default DocumentNotificationCard;
@@ -1,12 +1,13 @@
1
1
  import { Button, Space } from "antd";
2
2
  import { useNotification, } from "../../../../data/notification";
3
- import { useApplicationContext } from "@voplus/morpho-data";
3
+ import { useLayout, useApplicationContext } from "@voplus/morpho-data";
4
4
  import Card from "@voplus/morpho-ui/es/controls/Card";
5
5
  import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
6
6
  import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
7
7
  import React, { useState, useEffect, useRef } from "react";
8
8
  import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
9
9
  import NotificationNewTaskForm from "../../../tasks/components/NotificationNewTaskForm";
10
+ import NotificationMobileCard from "./NotificationMobileCard";
10
11
  import classnames from "classnames";
11
12
  import dayjs from "dayjs";
12
13
  import { observe } from "@voplus/morpho-ui";
@@ -14,6 +15,7 @@ import styles from "./index.less";
14
15
  const DocumentNotificationCard = (props) => {
15
16
  const context = useApplicationContext();
16
17
  const elementRef = useRef(null);
18
+ const layout = useLayout();
17
19
  const asideContext = useAsideContentContext();
18
20
  const notification = useNotification(props.id);
19
21
  const [showMirror, setShowMirror] = useState(true);
@@ -29,33 +31,35 @@ const DocumentNotificationCard = (props) => {
29
31
  }, []);
30
32
  return observe(() => {
31
33
  var _a, _b, _c, _d;
32
- return (React.createElement(Card, { className: classnames(styles["notification-card"], props.className, { active: props.active }), bordered: true,
34
+ return (React.createElement(Card, { className: classnames(styles["notification-card"], props.className, {
35
+ mobile: layout.ui.mobile,
36
+ active: props.active,
37
+ }), bordered: true,
33
38
  //hoverShadow
34
- shadow: true },
35
- React.createElement("div", { className: "notification-card-content", onClick: props.onClick },
36
- React.createElement("div", { className: "notification-card-header" },
37
- notification.createdBy && React.createElement(AvatarItem, { id: notification.createdBy.id }),
38
- React.createElement("div", { className: "notification-title" },
39
- React.createElement("div", { className: "notification-name" }, (_a = notification.createdBy) === null || _a === void 0 ? void 0 : _a.name),
40
- React.createElement("div", null, ((_b = notification.content) === null || _b === void 0 ? void 0 : _b.title) === "Mention Notification"
41
- ? "mentioned you in ____"
42
- : (_c = notification.content) === null || _c === void 0 ? void 0 : _c.title)),
43
- React.createElement("div", null, notification.notificationType && (React.createElement("span", { className: "notification-tags" }, notification.notificationType)))),
44
- React.createElement("div", { ref: elementRef, className: classnames("notification-content-viewer", { show: showMirror }) },
45
- React.createElement(ProseMirrorViewer, { html: (_d = notification.content) === null || _d === void 0 ? void 0 : _d.content }),
46
- !showMirror && (React.createElement("div", { className: "read-more", onClick: () => setShowMirror(true) }, "Read More ..."))),
47
- React.createElement("div", { className: "notification-footer" },
48
- React.createElement("div", { className: "notification-date" }, dayjs.utc(notification.createDate).local().format("DD MMM YYYY | hh:mm A")),
49
- React.createElement("div", { className: "notification-btn" },
50
- React.createElement(Space, null,
51
- notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-task-form", onClick: (ev) => {
52
- var _a;
53
- ev.stopPropagation();
54
- asideContext.openAside(React.createElement(NotificationNewTaskForm, { showView: true, self: true, title: `Followup ${notification.content.title}`, description: `<div><p>This is a follow-up task of:</p><h3>Notification Content</h3><p>${notification.content.content}</p></div>`, parentId: (_a = notification.node) === null || _a === void 0 ? void 0 : _a.id, onCancel: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside() }), { span: 12 });
55
- } }, "Create Task")),
56
- notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-dismiss", onClick: (ev) => onChangeStatus(ev, "Dismissed") }, "Dismiss")),
57
- notification.status === "Dismissed" && (React.createElement(Button, { className: "btn-unDismiss", onClick: (ev) => onChangeStatus(ev, "Read") }, "Undo Dismiss")),
58
- notification.status !== "Later" && notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-later", onClick: (ev) => onChangeStatus(ev, "Later") }, "Later"))))))));
39
+ shadow: true }, layout.ui.mobile ? (React.createElement(NotificationMobileCard, { ...props })) : (React.createElement("div", { className: "notification-card-content", onClick: props.onClick },
40
+ React.createElement("div", { className: "notification-card-header" },
41
+ notification.createdBy && React.createElement(AvatarItem, { id: notification.createdBy.id }),
42
+ React.createElement("div", { className: "notification-title" },
43
+ React.createElement("div", { className: "notification-name" }, (_a = notification.createdBy) === null || _a === void 0 ? void 0 : _a.name),
44
+ React.createElement("div", null, ((_b = notification.content) === null || _b === void 0 ? void 0 : _b.title) === "Mention Notification"
45
+ ? "mentioned you in ____"
46
+ : (_c = notification.content) === null || _c === void 0 ? void 0 : _c.title)),
47
+ React.createElement("div", null, notification.notificationType && (React.createElement("span", { className: "notification-tags" }, notification.notificationType)))),
48
+ React.createElement("div", { ref: elementRef, className: classnames("notification-content-viewer", { show: showMirror }) },
49
+ React.createElement(ProseMirrorViewer, { html: (_d = notification.content) === null || _d === void 0 ? void 0 : _d.content }),
50
+ !showMirror && (React.createElement("div", { className: "read-more", onClick: () => setShowMirror(true) }, "Read More ..."))),
51
+ React.createElement("div", { className: "notification-footer" },
52
+ React.createElement("div", { className: "notification-date" }, dayjs.utc(notification.createDate).local().format("DD MMM YYYY | hh:mm A")),
53
+ React.createElement("div", { className: "notification-btn" },
54
+ React.createElement(Space, null,
55
+ notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-task-form", onClick: (ev) => {
56
+ var _a;
57
+ ev.stopPropagation();
58
+ asideContext.openAside(React.createElement(NotificationNewTaskForm, { showView: true, self: true, title: `Followup ${notification.content.title}`, description: `<div><p>This is a follow-up task of:</p><h3>Notification Content</h3><p>${notification.content.content}</p></div>`, parentId: (_a = notification.node) === null || _a === void 0 ? void 0 : _a.id, onCancel: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside() }), { span: 12 });
59
+ } }, "Create Task")),
60
+ notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-dismiss", onClick: (ev) => onChangeStatus(ev, "Dismissed") }, "Dismiss")),
61
+ notification.status === "Dismissed" && (React.createElement(Button, { className: "btn-unDismiss", onClick: (ev) => onChangeStatus(ev, "Read") }, "Undo Dismiss")),
62
+ notification.status !== "Later" && notification.status !== "Dismissed" && (React.createElement(Button, { className: "btn-later", onClick: (ev) => onChangeStatus(ev, "Later") }, "Later")))))))));
59
63
  });
60
64
  function onChangeStatus(ev, status) {
61
65
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/index.tsx"],"names":[],"mappings":"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"}
@@ -17,6 +17,10 @@
17
17
  box-shadow: 0px 3px 6px #e0efff !important;
18
18
  }
19
19
 
20
+ &:global(.mobile) {
21
+ margin: 12px;
22
+ }
23
+
20
24
  :global {
21
25
  .notification-card-header {
22
26
  display: flex;
@@ -90,5 +94,39 @@
90
94
  border: 1px solid #5d5d5d;
91
95
  }
92
96
  }
97
+ .notification-card-content {
98
+ &.mobile {
99
+ font-size: 12px;
100
+ .notification-card-header {
101
+ font-weight: 500;
102
+ .notification-title {
103
+ line-height: 17px;
104
+ .notification-name {
105
+ color: @primary-color;
106
+ }
107
+ }
108
+ .notification-tags {
109
+ margin-top: 5px;
110
+ }
111
+ }
112
+ .notification-content-viewer {
113
+ background: #f9f9f9;
114
+ padding: 12px;
115
+ border-radius: @border-radius;
116
+ }
117
+ .notification-footer {
118
+ display: block;
119
+ .notification-btn {
120
+ text-align: right;
121
+ margin-top: 12px;
122
+ }
123
+ }
124
+ .ProseMirror {
125
+ font-size: 12px;
126
+ font-weight: 500;
127
+ color: #5d5d5d;
128
+ }
129
+ }
130
+ }
93
131
  }
94
132
  }
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { NotificationListProps } from "../../components/NotificationList";
3
+ import { State } from "./state";
4
+ declare const NotificationMobileListPage: (props: NotificationListProps & {
5
+ state: State;
6
+ }) => React.JSX.Element;
7
+ export default NotificationMobileListPage;
@@ -0,0 +1,35 @@
1
+ import React, { useState } from "react";
2
+ import { observe } from "@voplus/morpho-ui";
3
+ import NotificationList from "../../components/NotificationList";
4
+ import MobileDefaultViewLayout from "@voplus/morpho-ui/es/components/layout/MobileDefaultViewLayout";
5
+ import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
6
+ import { useQuickFilterContext } from "@voplus/morpho-ui/es/data/QuickFilterContext";
7
+ import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog2/ActivityLog2";
8
+ import NotificationPanel from "../../components/NotificationPanel";
9
+ const NotificationMobileListPage = (props) => {
10
+ const { state } = props;
11
+ const context = useQuickFilterContext();
12
+ const [activeKey, setActiveKey] = useState("NotificationList");
13
+ return observe(() => (React.createElement(MobileDefaultViewLayout, { className: "notification-list-page_mobile", title: "Your Notifications Center", properties: React.createElement(NotificationPanel, { overviewProps: {
14
+ status: state.notificationStatus,
15
+ onOverviewItemClick: () => state.onOverviewItemClick(context.actives),
16
+ }, notificationFilterProps: {
17
+ onFilter(options) {
18
+ state.onFilterOptions(options);
19
+ },
20
+ } }) },
21
+ React.createElement(DocumentTabs, { id: "", active: "NotificationList", tabItems: [
22
+ {
23
+ key: "NotificationList",
24
+ label: "Notification List",
25
+ children: (React.createElement(NotificationList, { ...props, asideable: false, headerType: "tool", filterOptions: state.filerOptions, onTotal: (total) => context.onChangeTotal(total) })),
26
+ },
27
+ {
28
+ key: "Activities",
29
+ label: "Activities",
30
+ children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
31
+ },
32
+ ], onChange: (key) => setActiveKey(key) }))));
33
+ };
34
+ export default NotificationMobileListPage;
35
+ //# sourceMappingURL=NotificationMobileListPage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NotificationMobileListPage.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage2/NotificationMobileListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,gBAA2C,MAAM,mCAAmC,CAAC;AAC5F,OAAO,uBAAuB,MAAM,gEAAgE,CAAC;AACrG,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;AAGnE,MAAM,0BAA0B,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAEvE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,uBAAuB,IACvB,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAC,2BAA2B,EACjC,UAAU,EACT,oBAAC,iBAAiB,IACjB,aAAa,EAAE;gBACd,MAAM,EAAE,KAAK,CAAC,kBAAkB;gBAChC,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC;aACrE,EACD,uBAAuB,EAAE;gBACxB,QAAQ,CAAC,OAAO;oBACf,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;gBAChC,CAAC;aACD,GACA;QAGH,oBAAC,YAAY,IACZ,EAAE,EAAC,EAAE,EACL,MAAM,EAAC,kBAAkB,EACzB,QAAQ,EAAE;gBACT;oBACC,GAAG,EAAE,kBAAkB;oBACvB,KAAK,EAAE,mBAAmB;oBAC1B,QAAQ,EAAE,CACT,oBAAC,gBAAgB,OACZ,KAAK,EACT,SAAS,EAAE,KAAK,EAChB,UAAU,EAAC,MAAM,EACjB,aAAa,EAAE,KAAK,CAAC,YAAY,EACjC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAC/C,CACF;iBACD;gBACD;oBACC,GAAG,EAAE,YAAY;oBACjB,KAAK,EAAE,YAAY;oBACnB,QAAQ,EAAE,CACT,0CACE,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAC7B,oBAAC,WAAW,IACX,EAAE,EAAC,EAAE,EACL,GAAG,EAAE,KAAK,GAKT,CACF,CAAC,CAAC,CAAC,IAAI,CACN,CACH;iBACD;aACD,EACD,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,GACnC,CACuB,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
@@ -11,10 +11,13 @@ import FilterLabel from "@voplus/morpho-ui/es/controls/FilterLabel";
11
11
  import NotificationPanel from "../../components/NotificationPanel";
12
12
  import { QuickFilterContext, QuickFilterContextState, } from "@voplus/morpho-ui/es/data/QuickFilterContext";
13
13
  import { useNotificationStore } from "../../../../data/notification";
14
+ import { useLayout } from "@voplus/morpho-data";
15
+ import NotificationMobileListPage from "./NotificationMobileListPage";
14
16
  import S from "string";
15
17
  import { State } from "./state";
16
18
  import styles from "./index.less";
17
19
  const NotificationListPage = (props) => {
20
+ const layout = useLayout();
18
21
  const store = useNotificationStore();
19
22
  const [state] = useState(new State(props.status));
20
23
  const [activeKey, setActiveKey] = useState("NotificationList");
@@ -29,30 +32,29 @@ const NotificationListPage = (props) => {
29
32
  }, []);
30
33
  return observe(() => {
31
34
  var _a, _b;
32
- return (React.createElement(QuickFilterContext.Provider, { value: context },
33
- React.createElement(DefaultViewLayout, { className: styles["notification-list-page_2"], header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBell }), title: "Your Notifications Center", upAble: true, description: "Stay updated: your latest alerts and notifications." }), propertiesWidth: "295px", properties: React.createElement(NotificationPanel, { overviewProps: {
34
- status: state.notificationStatus,
35
- onOverviewItemClick: () => state.onOverviewItemClick(context.actives),
36
- }, notificationFilterProps: {
37
- onFilter(options) {
38
- state.onFilterOptions(options);
39
- },
40
- } }) },
41
- React.createElement(DocumentTabs, { id: "", active: "NotificationList", tabItems: [
42
- {
43
- key: "NotificationList",
44
- label: "Notification List",
45
- children: (React.createElement(NotificationList, { ...props, asideable: false, headerType: "tool", filterOptions: state.filerOptions, onTotal: (total) => context.onChangeTotal(total) })),
46
- },
47
- {
48
- key: "Activities",
49
- label: "Activities",
50
- children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
51
- },
52
- ], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "NotificationList" ? (React.createElement("div", { className: "list-tabBar-filter" }, ((_a = context.actives) === null || _a === void 0 ? void 0 : _a.includes("All")) ? ("Showed: Total All Notifications") : ((_b = context.actives) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(FilterLabel, { status: context.actives, maxCount: 2, onFilter: (s) => {
53
- context.onFilterLabel(s);
54
- state.onOverviewItemClick(context.actives);
55
- } })) : undefined)) : undefined }))));
35
+ return (React.createElement(QuickFilterContext.Provider, { value: context }, layout.ui.mobile ? (React.createElement(NotificationMobileListPage, { ...props, state: state })) : (React.createElement(DefaultViewLayout, { className: styles["notification-list-page_2"], header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBell }), title: "Your Notifications Center", upAble: true, description: "Stay updated: your latest alerts and notifications." }), propertiesWidth: "295px", properties: React.createElement(NotificationPanel, { overviewProps: {
36
+ status: state.notificationStatus,
37
+ onOverviewItemClick: () => state.onOverviewItemClick(context.actives),
38
+ }, notificationFilterProps: {
39
+ onFilter(options) {
40
+ state.onFilterOptions(options);
41
+ },
42
+ } }) },
43
+ React.createElement(DocumentTabs, { id: "", active: "NotificationList", tabItems: [
44
+ {
45
+ key: "NotificationList",
46
+ label: "Notification List",
47
+ children: (React.createElement(NotificationList, { ...props, asideable: false, headerType: "tool", filterOptions: state.filerOptions, onTotal: (total) => context.onChangeTotal(total) })),
48
+ },
49
+ {
50
+ key: "Activities",
51
+ label: "Activities",
52
+ children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? (React.createElement(ActivityLog, { id: "", bar: false })) : null)),
53
+ },
54
+ ], onChange: (key) => setActiveKey(key), tabBarExtraContent: activeKey === "NotificationList" ? (React.createElement("div", { className: "list-tabBar-filter" }, ((_a = context.actives) === null || _a === void 0 ? void 0 : _a.includes("All")) ? ("Showed: Total All Notifications") : ((_b = context.actives) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(FilterLabel, { status: context.actives, maxCount: 2, onFilter: (s) => {
55
+ context.onFilterLabel(s);
56
+ state.onOverviewItemClick(context.actives);
57
+ } })) : undefined)) : undefined })))));
56
58
  });
57
59
  };
58
60
  export default NotificationListPage;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage2/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/pages/NotificationListPage2/index.tsx"],"names":[],"mappings":"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"}
@@ -24,3 +24,15 @@
24
24
  }
25
25
  }
26
26
  }
27
+
28
+ :global {
29
+ .notification-list-page_mobile {
30
+ .my-space-notifications .list-view-header-tool {
31
+ padding: 12px;
32
+ input {
33
+ font-size: 12px;
34
+ font-weight: 500;
35
+ }
36
+ }
37
+ }
38
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voplus/morpho-workspace",
3
- "version": "6.1.33",
3
+ "version": "6.1.34",
4
4
  "description": "morpho workspace module",
5
5
  "repository": {
6
6
  "type": "git",