@voplus/morpho-workspace 6.1.44 → 6.1.46
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/es/modules/notification/components/DocumentNotificationCard/index.d.ts +1 -0
- package/es/modules/notification/components/DocumentNotificationCard/index.js +36 -32
- package/es/modules/notification/components/DocumentNotificationCard/index.js.map +1 -1
- package/es/modules/notification/components/DocumentNotificationCard/index.less +36 -18
- package/es/modules/notification/components/DocumentNotificationCard/obsolete.d.ts +12 -0
- package/es/modules/notification/components/DocumentNotificationCard/obsolete.js +71 -0
- package/es/modules/notification/components/DocumentNotificationCard/obsolete.js.map +1 -0
- package/es/modules/notification/components/NotificationList/index.js +5 -3
- package/es/modules/notification/components/NotificationList/index.js.map +1 -1
- package/es/modules/notification/components/NotificationTag/index.d.ts +5 -0
- package/es/modules/notification/components/NotificationTag/index.js +26 -0
- package/es/modules/notification/components/NotificationTag/index.js.map +1 -0
- package/es/modules/notification/components/NotificationTag/index.less +0 -0
- package/package.json +1 -1
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import { Button, Space } from "antd";
|
|
2
1
|
import { useNotification, } from "../../../../data/notification";
|
|
3
2
|
import { useLayout, useApplicationContext } from "@voplus/morpho-data";
|
|
4
|
-
import Card from "@voplus/morpho-ui/es/controls/Card";
|
|
5
3
|
import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
6
4
|
import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
|
|
7
5
|
import React, { useState, useEffect, useRef } from "react";
|
|
8
|
-
import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
|
|
9
6
|
import NotificationNewTaskForm from "../../../tasks/components/NotificationNewTaskForm";
|
|
7
|
+
import NotificationTag from "../NotificationTag";
|
|
10
8
|
import NotificationMobileCard from "./NotificationMobileCard";
|
|
11
9
|
import classnames from "classnames";
|
|
12
10
|
import dayjs from "dayjs";
|
|
13
11
|
import { observe } from "@voplus/morpho-ui";
|
|
14
|
-
import
|
|
12
|
+
import "./index.less";
|
|
15
13
|
const DocumentNotificationCard = (props) => {
|
|
16
14
|
const context = useApplicationContext();
|
|
17
15
|
const elementRef = useRef(null);
|
|
@@ -31,36 +29,42 @@ const DocumentNotificationCard = (props) => {
|
|
|
31
29
|
}, []);
|
|
32
30
|
return observe(() => {
|
|
33
31
|
var _a, _b, _c, _d;
|
|
34
|
-
return (React.createElement(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
32
|
+
return (React.createElement("div", { className: classnames("mb-4 mr-5 ml-5 bg-white rounded-xl border border-gray-200 hover:shadow-md transition-shadow duration-200 cursor-pointer new-notification-card", props.active ? "shadow-md" : "shadow-sm", { "notification-card mobile": layout.ui.mobile }) }, layout.ui.mobile ? (React.createElement(NotificationMobileCard, { ...props })) : (React.createElement("div", { className: "p-6 notification-card-content", onClick: props.onClick },
|
|
33
|
+
React.createElement("div", { className: "flex items-start gap-4" },
|
|
34
|
+
React.createElement("div", { className: "flex-shrink-0" },
|
|
35
|
+
React.createElement("div", { className: "w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center" }, notification.createdBy && (React.createElement("span", { className: "text-blue-600 font-bold text-lg" }, setName(notification.createdBy.name))))),
|
|
36
|
+
React.createElement("div", { className: "flex-1 min-w-0" },
|
|
37
|
+
React.createElement("div", { className: "flex items-center justify-between mb-2" },
|
|
38
|
+
React.createElement("div", { className: "flex items-center gap-2" },
|
|
39
|
+
React.createElement("h3", { className: "font-semibold text-gray-900" }, (_a = notification.createdBy) === null || _a === void 0 ? void 0 : _a.name),
|
|
40
|
+
notification.notificationType && (React.createElement(NotificationTag, { tag: notification.notificationType }))),
|
|
41
|
+
React.createElement("div", { className: "flex items-center gap-2" },
|
|
42
|
+
React.createElement("button", { className: "px-3 py-1 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors", onClick: onCreateTask }, "Create Task"),
|
|
43
|
+
notification.status !== "Dismissed" && (React.createElement("button", { className: "px-3 py-1 bg-blue-100 text-sm font-medium rounded-lg hover:bg-blue-200 transition-colors dismiss-btn", onClick: (ev) => onChangeStatus(ev, "Dismissed") }, "Dismiss")),
|
|
44
|
+
notification.status === "Dismissed" && (React.createElement("button", { className: "px-3 py-1 bg-blue-100 text-blue-700 text-sm font-medium rounded-lg hover:bg-blue-200 transition-colors", onClick: (ev) => onChangeStatus(ev, "Read") }, "Undo Dismiss")),
|
|
45
|
+
notification.status !== "Later" && notification.status !== "Dismissed" && (React.createElement("button", { className: "px-3 py-1 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors", onClick: (ev) => onChangeStatus(ev, "Later") }, "Later")))),
|
|
46
|
+
React.createElement("div", { className: "text-sm text-gray-600 mb-2" }, ((_b = notification.content) === null || _b === void 0 ? void 0 : _b.title) === "Mention Notification"
|
|
45
47
|
? "mentioned you in ____"
|
|
46
|
-
: (_c = notification.content) === null || _c === void 0 ? void 0 : _c.title)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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")))))))));
|
|
48
|
+
: (_c = notification.content) === null || _c === void 0 ? void 0 : _c.title),
|
|
49
|
+
React.createElement("div", { ref: elementRef, className: classnames("notification-content-viewer", showMirror
|
|
50
|
+
? "text-gray-700 mb-3"
|
|
51
|
+
: "bg-gray-50 rounded-lg p-4 mb-3 border-l-4 border-blue-500", { show: showMirror }) },
|
|
52
|
+
React.createElement(ProseMirrorViewer, { html: (_d = notification.content) === null || _d === void 0 ? void 0 : _d.content })),
|
|
53
|
+
!showMirror && (React.createElement("button", { className: "read-more text-blue-600 text-sm hover:text-blue-700 font-medium", onClick: () => setShowMirror(true) }, "Read More ...")),
|
|
54
|
+
React.createElement("div", { className: "text-xs text-gray-500 mt-2" }, dayjs.utc(notification.createDate).local().format("DD MMM YYYY | hh:mm A"))))))));
|
|
63
55
|
});
|
|
56
|
+
function setName(name) {
|
|
57
|
+
let str = "";
|
|
58
|
+
name === null || name === void 0 ? void 0 : name.split(" ").forEach((r) => {
|
|
59
|
+
str += r.substring(0, 1);
|
|
60
|
+
});
|
|
61
|
+
return str;
|
|
62
|
+
}
|
|
63
|
+
function onCreateTask(ev) {
|
|
64
|
+
var _a;
|
|
65
|
+
ev.stopPropagation();
|
|
66
|
+
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 });
|
|
67
|
+
}
|
|
64
68
|
function onChangeStatus(ev, status) {
|
|
65
69
|
var _a;
|
|
66
70
|
(_a = props.onChangeStatus) === null || _a === void 0 ? void 0 : _a.call(props, status);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
@import "~@voplus/morpho-theme/styles/index.less";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
:global {
|
|
4
|
+
.notification-card {
|
|
5
|
+
font-size: 14px;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
margin: 20px;
|
|
8
|
+
padding: 15px 15px 18px 15px;
|
|
9
|
+
border-radius: 5px;
|
|
9
10
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
&:hover {
|
|
12
|
+
border: 1px solid rgba(33, 126, 179, 0.5) !important;
|
|
13
|
+
box-shadow: 0px 3px 6px #e0efff !important;
|
|
14
|
+
}
|
|
14
15
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
&.active {
|
|
17
|
+
border: 1px solid rgba(33, 126, 179, 0.5) !important;
|
|
18
|
+
box-shadow: 0px 3px 6px #e0efff !important;
|
|
19
|
+
}
|
|
19
20
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
&.mobile {
|
|
22
|
+
margin: 12px;
|
|
23
|
+
}
|
|
23
24
|
|
|
24
|
-
:global {
|
|
25
25
|
.notification-card-header {
|
|
26
26
|
display: flex;
|
|
27
27
|
.ant-avatar {
|
|
@@ -130,3 +130,21 @@
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
|
+
|
|
134
|
+
:global {
|
|
135
|
+
.new-notification-card {
|
|
136
|
+
.notification-content-viewer {
|
|
137
|
+
&.show {
|
|
138
|
+
.ProseMirror-container {
|
|
139
|
+
max-height: none;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
.ProseMirror-container {
|
|
143
|
+
max-height: 85px;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
.dismiss-btn {
|
|
147
|
+
color: @primary-color;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NotificationStatus } from "../../../../data/notification";
|
|
2
|
+
import React from "react";
|
|
3
|
+
/** 旧的，测试后没问题 可删 */
|
|
4
|
+
export type NotificationCardProps = {
|
|
5
|
+
id: string;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
9
|
+
onChangeStatus?: (state: NotificationStatus) => void;
|
|
10
|
+
};
|
|
11
|
+
declare const DocumentNotificationCard: (props: NotificationCardProps) => React.JSX.Element;
|
|
12
|
+
export default DocumentNotificationCard;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Button, Space } from "antd";
|
|
2
|
+
import { useNotification, } from "../../../../data/notification";
|
|
3
|
+
import { useLayout, useApplicationContext } from "@voplus/morpho-data";
|
|
4
|
+
import Card from "@voplus/morpho-ui/es/controls/Card";
|
|
5
|
+
import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
|
|
6
|
+
import ProseMirrorViewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
|
|
7
|
+
import React, { useState, useEffect, useRef } from "react";
|
|
8
|
+
import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
|
|
9
|
+
import NotificationNewTaskForm from "../../../tasks/components/NotificationNewTaskForm";
|
|
10
|
+
import NotificationMobileCard from "./NotificationMobileCard";
|
|
11
|
+
import classnames from "classnames";
|
|
12
|
+
import dayjs from "dayjs";
|
|
13
|
+
import { observe } from "@voplus/morpho-ui";
|
|
14
|
+
import styles from "./index.less";
|
|
15
|
+
const DocumentNotificationCard = (props) => {
|
|
16
|
+
const context = useApplicationContext();
|
|
17
|
+
const elementRef = useRef(null);
|
|
18
|
+
const layout = useLayout();
|
|
19
|
+
const asideContext = useAsideContentContext();
|
|
20
|
+
const notification = useNotification(props.id);
|
|
21
|
+
const [showMirror, setShowMirror] = useState(true);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const measureHeight = () => {
|
|
24
|
+
if (elementRef.current) {
|
|
25
|
+
let element = elementRef.current.getElementsByClassName("ProseMirror")[0];
|
|
26
|
+
if ((element === null || element === void 0 ? void 0 : element.offsetHeight) > 85)
|
|
27
|
+
setShowMirror(false);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
measureHeight();
|
|
31
|
+
}, []);
|
|
32
|
+
return observe(() => {
|
|
33
|
+
var _a, _b, _c, _d;
|
|
34
|
+
return (React.createElement(Card, { className: classnames(styles["notification-card"], props.className, {
|
|
35
|
+
mobile: layout.ui.mobile,
|
|
36
|
+
active: props.active,
|
|
37
|
+
}), bordered: true,
|
|
38
|
+
//hoverShadow
|
|
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")))))))));
|
|
63
|
+
});
|
|
64
|
+
function onChangeStatus(ev, status) {
|
|
65
|
+
var _a;
|
|
66
|
+
(_a = props.onChangeStatus) === null || _a === void 0 ? void 0 : _a.call(props, status);
|
|
67
|
+
ev.stopPropagation();
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
export default DocumentNotificationCard;
|
|
71
|
+
//# sourceMappingURL=obsolete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"obsolete.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/DocumentNotificationCard/obsolete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -61,10 +61,12 @@ const NotificationList = (props) => {
|
|
|
61
61
|
React.createElement(NotificationListHeader, { status: props.status, onClickStatus: props.onClickStatus }),
|
|
62
62
|
React.createElement(ListView, { headerProps: { visible: false }, className: "notifications-list", asideable: false, renderItem: ({ item }) => (React.createElement(DocumentNotificationCard, { className: "doc-notification-card", id: item.id, active: props.active === item.id, onClick: (ev) => {
|
|
63
63
|
var _a, _b;
|
|
64
|
-
const path = ev.nativeEvent.composedPath();
|
|
65
|
-
const visible = path.some(
|
|
64
|
+
// const path = ev.nativeEvent.composedPath();
|
|
65
|
+
// const visible = path.some(
|
|
66
|
+
// (item: any) => item.className === "notification-card-content"
|
|
67
|
+
// );
|
|
66
68
|
/** fix: notification card里的任何对话框(比如：pdf/file viewer quick view) 任何button 都按不了，一按就close */
|
|
67
|
-
if (
|
|
69
|
+
if ((_a = item === null || item === void 0 ? void 0 : item.node) === null || _a === void 0 ? void 0 : _a.id) {
|
|
68
70
|
(_b = props.onClickItem) === null || _b === void 0 ? void 0 : _b.call(props, ev, item);
|
|
69
71
|
}
|
|
70
72
|
}, onChangeStatus: (status) => editStatus(item.id, status) })) }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationList/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAIN,yBAAyB,EACzB,oBAAoB,GACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAgB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,MAAM,MAAM,oDAAoD,CAAC;AACxE,OAAO,kBAAkB,MAAM,+DAA+D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,cAAc,CAAC;AAatB,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,qBAAqB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,IAAI,GAAG,sBAAsB,CAAgB,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE;QAC9F,KAAK,CAAC,MAAM;KACZ,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAE/D,2EAA2E;IAC3E,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,0EAA0E;IAC1E,yBAAyB,CACxB,IAAI,EACJ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACjB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EACD;QACC,KAAK,EAAE,IAAI;QACX,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO;KACvB,CACD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,WAAW,CAAC,GAAG,EAAE;gBAChB,KAAK;qBACH,IAAI,CAAC,KAAK,CAAC,MAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;qBACzD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;wBAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBAEhF,IAAI,GAAG,CAAC,MAAM,KAAK,QAAQ;wBAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;oBAExD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CACtB,oBAAC,kBAAkB,IAAC,IAAI,EAAG,GAA6B,CAAC,IAAI,GAAI,EACjE,EAAE,IAAI,EAAE,EAAE,EAAE,CACZ,CAAC;gBACH,CAAC,CAAC;qBACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,GAAE,CAAC,CAAC,CAAC;YACpB,CAAC,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnB,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;YACpC,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;gBAClC,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;oBAC/C,6BAAK,SAAS,EAAC,wBAAwB;wBACtC,6BAAK,SAAS,EAAC,wBAAwB,IACrC,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,oBAAC,KAAK,IACL,GAAG,EAAE,CAAC,EACN,QAAQ,QACR,QAAQ,QACR,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAQ,EACzE,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EACN;gCACC,6BAAK,SAAS,EAAC,aAAa,IAAE,CAAC,CAAC,KAAK,CAAO;gCAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI,CACtB,GAEH,CACF,CAAC,CACG;wBACN,oBAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,GAAI;wBACpF,oBAAC,QAAQ,IACR,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAC/B,SAAS,EAAC,oBAAoB,EAC9B,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAO,EAAE,EAAE,CAAC,CAC9B,oBAAC,wBAAwB,IACxB,SAAS,EAAC,uBAAuB,EACjC,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,EAChC,OAAO,EAAE,CAAC,EAAO,EAAE,EAAE;;oCACpB,8CAA8C;oCAC9C,6BAA6B;oCAC7B,iEAAiE;oCACjE,KAAK;oCACL,0FAA0F;oCAC1F,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,EAAE,EAAE,CAAC;wCACpB,MAAA,KAAK,CAAC,WAAW,sDAAG,EAAE,EAAE,IAAI,CAAC,CAAC;oCAC/B,CAAC;gCACF,CAAC,EACD,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,GACtD,CACF,GACA,CACG,CAC4B,CACrB,CACW,CAC3B,CAAA;KAAA,CAAC,CAAC;IAEH,SAAS,OAAO;QACf,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK;YAAE,OAAO,EAAE,CAAC;QACrC,OAAO;YACN;gBACC,CAAC,EAAE,QAAQ;gBACX,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,KAAK;gBACR,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE;aAC3B;SACjB,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,EAAU,EAAE,MAA0B;QACzD,WAAW,CAAC,KAAK,IAAI,EAAE;YACtB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACjC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;YACxB,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACrE,OAAO,CAAC,uBAAuB,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAClD,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;gBAAE,OAAO;YAChE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import classnames from "classnames";
|
|
3
|
+
const NotificationTag = (props) => {
|
|
4
|
+
const { tag } = props;
|
|
5
|
+
return (React.createElement("span", { className: classnames("px-2 py-1 text-xs font-medium rounded-full", getStatusClasses()) }, tag));
|
|
6
|
+
function getStatusClasses() {
|
|
7
|
+
switch (tag) {
|
|
8
|
+
case "Work Notification":
|
|
9
|
+
return "bg-emerald-100 text-emerald-800";
|
|
10
|
+
case "Form Notification":
|
|
11
|
+
return "bg-orange-100 text-orange-800";
|
|
12
|
+
case "Quotation Notification":
|
|
13
|
+
return "bg-purple-100 text-purple-800";
|
|
14
|
+
case "SignEnvelope Notification":
|
|
15
|
+
return "bg-indigo-100 text-indigo-800";
|
|
16
|
+
case "FormSchema Notification":
|
|
17
|
+
return "bg-amber-100 text-amber-800";
|
|
18
|
+
case "Task Notification":
|
|
19
|
+
return "bg-rose-100 text-rose-800";
|
|
20
|
+
default:
|
|
21
|
+
return "bg-blue-100 text-blue-800";
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
export default NotificationTag;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IAClD,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,OAAO,CACN,8BAAM,SAAS,EAAE,UAAU,CAAC,4CAA4C,EAAE,gBAAgB,EAAE,CAAC,IAC3F,GAAG,CACE,CACP,CAAC;IAEF,SAAS,gBAAgB;QACxB,QAAQ,GAAG,EAAE,CAAC;YACb,KAAK,mBAAmB;gBACvB,OAAO,iCAAiC,CAAC;YAC1C,KAAK,mBAAmB;gBACvB,OAAO,+BAA+B,CAAC;YACxC,KAAK,wBAAwB;gBAC5B,OAAO,+BAA+B,CAAC;YACxC,KAAK,2BAA2B;gBAC/B,OAAO,+BAA+B,CAAC;YACxC,KAAK,yBAAyB;gBAC7B,OAAO,6BAA6B,CAAC;YACtC,KAAK,mBAAmB;gBACvB,OAAO,2BAA2B,CAAC;YACpC;gBACC,OAAO,2BAA2B,CAAC;QACrC,CAAC;IACF,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
File without changes
|