@voplus/morpho-workspace 6.0.62 → 6.0.64

package/es/modules/notification/components/NewNotificationForm/NotificationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationForm.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/NotificationForm.tsx"],"names":[],"mappings":"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"}

package/es/modules/notification/components/NewNotificationForm/index.d.ts

@@ -0,0 +1,10 @@
+import { NewNotificationFormProps } from "./NotificationForm";
+import React from "react";
+declare const NewNotificationFormDialog: {
+    (props: NewNotificationFormProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        showSubmit: boolean;
+    };
+};
+export default NewNotificationFormDialog;

package/es/modules/notification/components/NewNotificationForm/index.js

@@ -0,0 +1,14 @@
+import Content from "./NotificationForm";
+import { observe } from "@voplus/morpho-ui";
+import { Modal } from "antd";
+import React from "react";
+const NewNotificationFormDialog = (props) => {
+    return observe(() => (React.createElement(Modal, { title: "New Notification Form Dialog", open: true, closable: false, footer: null, onCancel: props.onCancel },
+        React.createElement(Content, { ...props }))));
+};
+NewNotificationFormDialog.defaultProps = {
+    type: "mini",
+    showSubmit: true,
+};
+export default NewNotificationFormDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NewNotificationForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAqC,MAAM,oBAAoB,CAAC;AAEvE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,yBAAyB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,KAAK,EAAC,8BAA8B,EACpC,IAAI,QACJ,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAExB,oBAAC,OAAO,OAAK,KAAK,GAAI,CACf,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG;IACxC,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,IAAI;CAChB,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/es/modules/notification/components/NewNotificationForm/index.less

@@ -0,0 +1,38 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.new-notification-form {
+		&.sub-notification-more-form {
+			padding: 0 20px;
+
+			.ant-form-item {
+				margin-bottom: 15px;
+			}
+		}
+
+		&.sub-notification-simply-form {
+			flex: none;
+			padding-bottom: 10px;
+			// border-top: #f2f2f2 solid 1px;
+
+			.ant-form-item {
+				margin-bottom: 10px;
+			}
+		}
+
+		.notification-form-btn {
+			margin-top: 10px;
+		}
+
+		.proseMirror {
+			.prosemirror-content {
+				height: 140px;
+			}
+			.toolbar-button[title="Align"] {
+				.ant-select {
+					width: auto;
+				}
+			}
+		}
+	}
+}

package/es/modules/notification/components/NewNotificationForm/state.d.ts

@@ -0,0 +1,19 @@
+export declare class State {
+    constructor();
+    Params: {
+        Channels: string[];
+        Subject: string;
+        Body: string;
+    };
+    params: {
+        Channels: string[];
+        Subject: string;
+        Body: string;
+    };
+    contact: {
+        id: string;
+        name: string;
+    }[];
+    recipients: string[];
+    loading: boolean;
+}

package/es/modules/notification/components/NewNotificationForm/state.js

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "Params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                Channels: ["Email"],
+                Subject: "",
+                Body: "",
+            }
+        });
+        Object.defineProperty(this, "params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.Params
+        });
+        Object.defineProperty(this, "contact", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "recipients", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "contact", void 0);
+__decorate([
+    observable
+], State.prototype, "recipients", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/notification/components/NewNotificationForm/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NewNotificationForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlD,MAAM,OAAO,KAAK;IACjB;QAGO;;;;mBAAS;gBACf,QAAQ,EAAE,CAAC,OAAO,CAAC;gBACnB,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,EAAE;aACR;WAAC;QACiB;;;;mBAAS,IAAI,CAAC,MAAM;WAAC;QACrB;;;;mBAA0C,EAAE;WAAC;QAC7C;;;;mBAAuB,EAAE;WAAC;QAC1B;;;;mBAAU,KAAK;WAAC;QAVlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAUD;AAJmB;IAAlB,UAAU;qCAA6B;AACrB;IAAlB,UAAU;sCAAqD;AAC7C;IAAlB,UAAU;yCAAkC;AAC1B;IAAlB,UAAU;sCAAwB"}

package/es/modules/notification/components/NotificationHeader/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.less";
+import React from "react";
+declare const NotificationHeader: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default NotificationHeader;

package/es/modules/notification/components/NotificationHeader/index.js

@@ -0,0 +1,19 @@
+import "./index.less";
+import ToolBar from "@voplus/morpho-org/es/controls/ToolBar";
+import { Open } from "@voplus/morpho-org/es/controls/ToolBar/items";
+import { observe } from "@voplus/morpho-ui";
+import React from "react";
+import { useNotification } from "../../../../data/notification";
+import Routes from "../../../Routes";
+import NotificationMenu from "../../controls/NotificationMenu";
+const NotificationHeader = (props) => {
+    const id = props.id;
+    const notification = useNotification(id);
+    return observe(() => (React.createElement("div", { className: "notification-header" },
+        React.createElement("div", null, notification.subject),
+        React.createElement(ToolBar, { more: false, id: id },
+            React.createElement(Open, { url: Routes.NotificationDefaultView.getUrl(id) }),
+            React.createElement(NotificationMenu, { id: id, closeAside: true })))));
+};
+export default NotificationHeader;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,OAAO,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,8CAA8C,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAE/D,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,qBAAqB;QACnC,iCAAM,YAAY,CAAC,OAAO,CAAO;QACjC,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC3B,oBAAC,IAAI,IAAC,GAAG,EAAE,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,CAAC,GAAI;YACxD,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,GAAI,CACrC,CACL,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/es/modules/notification/components/NotificationHeader/index.less

@@ -0,0 +1,12 @@
+:global {
+	.notification-header {
+		font-size: 24px;
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+
+		.tools-bar {
+			text-align: right;
+		}
+	}
+}

package/es/modules/notification/components/NotificationItem/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.less";
+declare const NotificationItem: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default NotificationItem;

package/es/modules/notification/components/NotificationItem/index.js

@@ -0,0 +1,31 @@
+import ItemFunction from "@voplus/morpho-org/es/controls/ItemFunction";
+import ToolBar from "@voplus/morpho-org/es/controls/ToolBar";
+import { Open } from "@voplus/morpho-org/es/controls/ToolBar/items";
+import { observe } from "@voplus/morpho-ui";
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import classnames from "classnames";
+import React, { useState } from "react";
+import { useNotification } from "../../../../data/notification";
+import Routes from "../../../Routes";
+import dayjs from "dayjs";
+import NotificationMenu from "../../controls/NotificationMenu";
+import PropertiesView from "../NotificationPropertiesView";
+import NotificationQuickViewDialog from "../NotificationQuickViewDialog";
+import "./index.less";
+const NotificationItem = (props) => {
+    const { id } = props;
+    const notification = useNotification(id);
+    const [hover, setHover] = useState(false);
+    return observe(() => (React.createElement(ItemFunction, { className: "notification-item", onMouseOver: () => setHover(true), onMouseLeave: () => setHover(false), propertiesView: React.createElement(PropertiesView, { id: id }), quickViewDialog: (onCancel) => (React.createElement(NotificationQuickViewDialog, { id: id, visible: true, onCancel: onCancel })) },
+        React.createElement(ColumnItem, { className: "notification-column-item" },
+            React.createElement(ColumnItemCol, { span: 14 },
+                React.createElement("div", { className: "notification-item-name" }, notification.subject)),
+            React.createElement(ColumnItemCol, { span: 6, label: "Date" }, dayjs(notification.date).format("DD MMM YYYY")),
+            React.createElement(ColumnItemCol, { span: 4, align: "flex-end" },
+                React.createElement("div", { className: classnames("notification-item-tool", { show: hover }) },
+                    React.createElement(ToolBar, { more: false, id: id },
+                        React.createElement(Open, { url: Routes.NotificationDefaultView.getUrl(id) }),
+                        React.createElement(NotificationMenu, { id: id, closeAside: true }))))))));
+};
+export default NotificationItem;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,6CAA6C,CAAC;AACvE,OAAO,OAAO,MAAM,wCAAwC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,8CAA8C,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,cAAc,CAAC;AAEtB,MAAM,gBAAgB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,YAAY,IACZ,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,cAAc,EAAE,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,EAC1C,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC9B,oBAAC,2BAA2B,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E;QAED,oBAAC,UAAU,IAAC,SAAS,EAAC,0BAA0B;YAC/C,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE;gBACtB,6BAAK,SAAS,EAAC,wBAAwB,IAAE,YAAY,CAAC,OAAO,CAAO,CACrD;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,IAClC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU;gBACvC,6BAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oBACpE,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;wBAC3B,oBAAC,IAAI,IAAC,GAAG,EAAE,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,CAAC,GAAI;wBACxD,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,GAAI,CACrC,CACL,CACS,CACJ,CACC,CACf,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/modules/notification/components/NotificationItem/index.less

@@ -0,0 +1,29 @@
+:global {
+	.notification-item {
+		cursor: pointer;
+
+		&:hover {
+			background-color: #f5f8fd;
+		}
+
+		:global {
+			.notification-item-name {
+				color: #575757;
+				font-weight: 500;
+				word-break: break-all;
+			}
+
+			.notification-item-tool {
+				display: none;
+
+				&.show {
+					display: block;
+				}
+			}
+
+			.notification-column-item {
+				padding: 7px 20px;
+			}
+		}
+	}
+}

package/es/modules/notification/components/NotificationList2/index.d.ts

@@ -0,0 +1,7 @@
+import "./index.less";
+import React from "react";
+export type NotificationListProps = {
+    parentId: string;
+};
+declare const NotificationList: (props: NotificationListProps) => React.JSX.Element;
+export default NotificationList;

package/es/modules/notification/components/NotificationList2/index.js

@@ -0,0 +1,39 @@
+import "./index.less";
+import { useNotificationListEffect } from "../../../../data/notification";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
+import React, { useState } from "react";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import NotificationForm from "../NewNotificationForm/NotificationForm";
+import NewNotificationFormDialog from "../NewNotificationForm";
+import NotificationItem from "../NotificationItem";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+const NotificationList = (props) => {
+    const { parentId } = props;
+    const [addAble, setAddAble] = useState(false);
+    const view = useViewContext();
+    const list = useCreateListDataState({ filterDefaults: { filters: [{ c: "Status", o: "=", l: "And", v1: "Unread" }] } }, [parentId]);
+    // useAutoUpdateListData(list, (d) => d.parentId === parentId);
+    useRenderOnChange(() => list.filters.options);
+    useNotificationListEffect(list, (result, total) => {
+        list.union(result);
+    }, {
+        Total: false,
+        ...list.filters.options,
+    });
+    return observe(() => {
+        return (React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListView, { className: "notification-list-view", headerProps: {
+                    viewTitle: "Notification List",
+                    sortable: false,
+                    quickSearch: true,
+                    onAdd: () => ((view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" || (view === null || view === void 0 ? void 0 : view.Type) === "QuickView") &&
+                        setAddAble(!addAble),
+                }, formViewTitle: "Add Offiec", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" &&
+                    (view === null || view === void 0 ? void 0 : view.Type) !== "QuickView" && React.createElement(NotificationForm, { showView: true, parentId: parentId }), renderItem: ({ item, index }) => (React.createElement(NotificationItem, { key: item.id, id: item.id })) }),
+            addAble && (React.createElement(NewNotificationFormDialog, { parentId: parentId, onCancel: () => setAddAble(false), onSave: () => setAddAble(false) }))));
+    });
+};
+export default NotificationList;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationList2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationList2/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/notification/components/NotificationList2/index.less

@@ -0,0 +1,11 @@
+:global {
+	.notification-list-view {
+		padding: 0 !important;
+		.list-view-header .view-title {
+			flex: 1;
+		}
+		aside {
+			border-top: 0;
+		}
+	}
+}

package/es/modules/notification/components/NotificationProperties/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export type NotificationPropertiesName = "Subject" | "Channels" | "Date";
+declare const NotificationProperties: {
+    (props: {
+        id: string;
+        headerVisible?: boolean;
+        NotificationTitle?: string;
+        NotificationProperties?: {
+            name: NotificationPropertiesName;
+            visible?: boolean;
+        }[];
+    }): React.JSX.Element;
+    defaultProps: {
+        NotificationTitle: string;
+        NotificationProperties: {
+            name: string;
+        }[];
+    };
+};
+export default NotificationProperties;

package/es/modules/notification/components/NotificationProperties/index.js

@@ -0,0 +1,56 @@
+import { faEllipsisVertical } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ToolBar from "@voplus/morpho-org/es/controls/ToolBar";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import PropertiesSection from "@voplus/morpho-ui/es/controls/PropertiesSection";
+import Prop from "@voplus/morpho-ui/es/controls/Prop";
+import { Radio } from "antd";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import React from "react";
+import { Scrollbars } from "react-custom-scrollbars-2";
+import { useNotification, useNotificationStore, } from "../../../../data/notification";
+import NotificationMenu from "../../controls/NotificationMenu";
+import dayjs from "dayjs";
+const NotificationProperties = (props) => {
+    /** 加class name 为了方便做integration tests */
+    const classId = "notification-properties";
+    const { id, headerVisible, NotificationTitle, NotificationProperties } = props;
+    const notification = useNotification(id);
+    const store = useNotificationStore();
+    const filterPro = NotificationProperties === null || NotificationProperties === void 0 ? void 0 : NotificationProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        headerVisible && (React.createElement("div", { className: "properties-header" },
+            React.createElement("div", { className: "title" }, notification.subject),
+            React.createElement(ToolBar, { id: id, more: false },
+                React.createElement(NotificationMenu, { id: id, icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) })))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(PropertiesSection, { title: NotificationTitle, properties: () => filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(Prop, { key: i.name, label: i.name, className: `${classId}-${i.name}` }, renderProp(i)))) })))));
+    function renderProp(item) {
+        switch (item.name) {
+            case "Subject":
+                return (React.createElement(InlineEdit, { defaultValue: notification.subject, content: (v) => notification.subject ? (React.createElement("span", { className: "properties-value" }, notification.subject)) : (React.createElement("span", { className: "add-info-style" }, "Add Number")), onSave: (value) => store.edit(id, { data: { Subject: value }, error: "message" }) }));
+            case "Channels":
+                return (React.createElement(InlineEdit, { defaultValue: notification.channels, editor: (v) => (React.createElement(Radio.Group, { onChange: (e) => {
+                            v.store.value = e.target.value;
+                            store.edit(id, { data: { Channels: e.target.value }, error: "message" });
+                            v.store.cancel();
+                        }, value: notification.channels },
+                        React.createElement(Radio, { value: "Email" }, "Email"),
+                        React.createElement(Radio, { value: "Instant Message" }, "Instant Message"))) }));
+            case "Date":
+                return (React.createElement(InlineEdit, { defaultValue: notification.date ? dayjs(notification.date) : undefined, content: (v) => notification.date ? (React.createElement("span", { className: "properties-value" }, dayjs(notification.date).format("YYYY-MM-DD"))) : (React.createElement("span", { className: "add-info-style" }, "Add Date")), editor: DateInputEditor, onSave: (date) => {
+                        if (notification.date && dayjs(date).isSame(notification.date, "day"))
+                            return;
+                        store.edit(id, {
+                            data: { Date: date !== null ? date : "" },
+                        });
+                    } }));
+        }
+    }
+};
+NotificationProperties.defaultProps = {
+    NotificationTitle: "Notification Properties",
+    NotificationProperties: [{ name: "Subject" }, { name: "Channels" }, { name: "Date" }],
+};
+export default NotificationProperties;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationProperties/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationProperties/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/notification/components/NotificationPropertiesView/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const NotificationPropertiesView: (props: {
+    id: string;
+    default?: boolean;
+}) => React.JSX.Element;
+export default NotificationPropertiesView;

package/es/modules/notification/components/NotificationPropertiesView/index.js

@@ -0,0 +1,16 @@
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import React, { useMemo } from "react";
+import { observe } from "@voplus/morpho-ui";
+import NotificationHeader from "../NotificationHeader";
+import NotificationTabs from "../NotificationTabs";
+import "./index.less";
+const NotificationPropertiesView = (props) => {
+    const id = props.id;
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "notification-properties-view" },
+            React.createElement(NotificationHeader, { id: id }),
+            React.createElement(NotificationTabs, { id: id, properties: true })))));
+};
+export default NotificationPropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationPropertiesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationPropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,eAAe,GACf,MAAM,0DAA0D,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,cAAc,CAAC;AAEtB,MAAM,0BAA0B,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QAChC,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI;YAC9B,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CAClC,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,0BAA0B,CAAC"}

package/es/modules/notification/components/NotificationPropertiesView/index.less

@@ -0,0 +1,26 @@
+:global {
+	.notification-properties-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		.ant-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 0px !important;
+				.ant-tabs-tabpane {
+					position: relative;
+					height: 100%;
+				}
+			}
+			.ant-tabs-bar {
+				margin: 0 20px;
+			}
+			.ant-tabs-nav {
+				margin: 0;
+			}
+		}
+	}
+}

package/es/modules/notification/components/NotificationQuickViewDialog/index.d.ts

@@ -0,0 +1,8 @@
+import "./index.less";
+import React from "react";
+declare const NotificationQuickViewDialog: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => React.JSX.Element;
+export default NotificationQuickViewDialog;

package/es/modules/notification/components/NotificationQuickViewDialog/index.js

@@ -0,0 +1,13 @@
+import "./index.less";
+import UnitQuickView from "@voplus/morpho-org/es/components/UnitQuickView";
+import { observe } from "@voplus/morpho-ui";
+import React from "react";
+import NotificationHeader from "../NotificationHeader";
+import NotificationProperties from "../NotificationProperties";
+const NotificationQuickViewDialog = (props) => {
+    const { id } = props;
+    return observe(() => (React.createElement(UnitQuickView, { ...props, className: "notification-quick-view", header: React.createElement(NotificationHeader, { id: id }), subButtons: [{ name: "Document" }, { name: "Activities" }] },
+        React.createElement(NotificationProperties, { id: id }))));
+};
+export default NotificationQuickViewDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationQuickViewDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,aAAa,MAAM,gDAAgD,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAE/D,MAAM,2BAA2B,GAAG,CAAC,KAA+D,EAAE,EAAE;IACvG,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,aAAa,OACT,KAAK,EACT,SAAS,EAAC,yBAAyB,EACnC,MAAM,EAAE,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EACtC,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;QAE1D,oBAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,GAAI,CACnB,CAChB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/es/modules/notification/components/NotificationQuickViewDialog/index.less

@@ -0,0 +1,7 @@
+:global {
+	.notification-quick-view {
+		.notification-header {
+			padding: 10px 44px 10px 20px;
+		}
+	}
+}

package/es/modules/notification/components/NotificationRecipients/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const NotificationRecipients: (props: {
+    id: string;
+    viewTitle?: boolean;
+}) => React.JSX.Element;
+export default NotificationRecipients;

package/es/modules/notification/components/NotificationRecipients/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import dayjs from "dayjs";
+import { Empty } from "antd";
+import Scrollbars from "react-custom-scrollbars-2";
+import ItemFrame from "@voplus/morpho-ui/es/controls/ItemFrame";
+import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import { useNotification } from "../../../../data/notification";
+import "./index.less";
+const NotificationRecipients = (props) => {
+    const { id, viewTitle } = props;
+    const notification = useNotification(id);
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "notification-recipient-list" },
+            viewTitle && React.createElement("div", { className: "notification-recipient-header" }, "Messages"),
+            React.createElement(Scrollbars, { autoHide: true }, ((_a = notification.recipients) === null || _a === void 0 ? void 0 : _a.length) ? (notification.recipients.map((item, index) => (React.createElement(ItemFrame, { key: index, hoverEffect: "background" },
+                React.createElement(ColumnItem, { className: "notification-recipient-item" },
+                    React.createElement(ColumnItemCol, { span: 10, label: "Recipient" },
+                        React.createElement(UnitReference, { id: item.recipient.id })),
+                    React.createElement(ColumnItemCol, { span: 10, label: "Channel" }, item.channel),
+                    React.createElement(ColumnItemCol, { span: 4, label: "Date" }, dayjs(item.sentDate).format("YYYY-MM-DD"))))))) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })))));
+    });
+};
+export default NotificationRecipients;
+//# sourceMappingURL=index.js.map

package/es/modules/notification/components/NotificationRecipients/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification/components/NotificationRecipients/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAChE,OAAO,aAAa,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,cAAc,CAAC;AAEtB,MAAM,sBAAsB,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC7E,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,SAAS,IAAI,6BAAK,SAAS,EAAC,+BAA+B,eAAe;YAC3E,oBAAC,UAAU,IAAC,QAAQ,UAClB,CAAA,MAAA,YAAY,CAAC,UAAU,0CAAE,MAAM,EAAC,CAAC,CAAC,CAClC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,EAAE,WAAW,EAAC,YAAY;gBAC9C,oBAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B;oBAClD,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,WAAW;wBACzC,oBAAC,aAAa,IAAC,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,GAAI,CACzB;oBAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,IACtC,IAAI,CAAC,OAAO,CACE;oBAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,IAClC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,CACJ,CACF,CACZ,CAAC,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,sBAAsB,GAAI,CAC9C,CACW,CACR,CACN,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/notification/components/NotificationRecipients/index.less

@@ -0,0 +1,17 @@
+:global {
+	.notification-recipient-list {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.notification-recipient-header {
+			height: 60px;
+			padding: 1em 20px;
+			color: #575757;
+			font-size: 16px;
+			font-weight: 600;
+		}
+		.notification-recipient-item {
+			padding: 7px 20px;
+		}
+	}
+}

package/es/modules/notification/components/NotificationTabs/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const NotificationTabs: (props: {
+    id: string;
+    properties?: boolean;
+}) => React.JSX.Element;
+export default NotificationTabs;