@voplus/morpho-csp 6.0.116 → 6.0.118

package/es/modules/corporate/share-class/components/ShareClassItemCard/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import { useShareClass } from "../../../../../data/share-class";
+import ItemFunction from "@voplus/morpho-org/es/controls/ItemFunction";
+import { faCoins, faEllipsisVertical } from "@fortawesome/pro-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import ShareClassMenu from "../../controls/ShareClassMenu";
+import PropertiesView from "../ShareClassPropertiesView";
+import ShareClassQuickViewDialog from "../ShareClassQuickViewDialog";
+import IdentityStatus2 from "../.././../../../components/IdentityStatus/IdentityStatus2";
+import "./index.less";
+const ShareClassItemCard = (props) => {
+    const { id } = props;
+    const shareType = useShareClass(id);
+    return observe(() => (React.createElement("div", { className: "share-class-item-card" },
+        React.createElement("div", { className: "share-card-head" },
+            React.createElement("div", { className: "share-card-name" },
+                React.createElement(ItemFunction, { propertiesView: React.createElement(PropertiesView, { id: id }), quickViewDialog: (onCancel) => (React.createElement(ShareClassQuickViewDialog, { id: id, visible: true, onCancel: onCancel })) },
+                    React.createElement("span", null,
+                        React.createElement(FAIcon, { icon: faCoins })),
+                    shareType.name)),
+            React.createElement("div", { className: "share-card-info" },
+                React.createElement(IdentityStatus2, { id: id }),
+                React.createElement(ToolBar, { showMenu: false, id: id },
+                    React.createElement(ShareClassMenu, { id: id, closeAside: true, icon: React.createElement(FAIcon, { icon: faEllipsisVertical }) })))),
+        React.createElement(ColumnItem, { className: "share-type-column-item" },
+            React.createElement(ColumnItemCol, { span: 8, label: "Total Votes", hint: "Votes" }, shareType.votes),
+            React.createElement(ColumnItemCol, { span: 8, label: "Capital Priority", hint: "Capital Priority" }, shareType.capitalPriority ? shareType.capitalPriority : null),
+            React.createElement(ColumnItemCol, { span: 8, label: "Surplus Return", hint: "Surplus Return" }, shareType.surplesReturnRight)))));
+};
+export default ShareClassItemCard;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/share-class/components/ShareClassItemCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-class/components/ShareClassItemCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,YAAY,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,yBAAyB,MAAM,8BAA8B,CAAC;AACrE,OAAO,eAAe,MAAM,4DAA4D,CAAC;AACzF,OAAO,cAAc,CAAC;AAEtB,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,oBAAC,YAAY,IACZ,cAAc,EAAE,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,EAC1C,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC9B,oBAAC,yBAAyB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACxE;oBAED;wBACC,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI,CACnB;oBACN,SAAS,CAAC,IAAI,CACD,CACV;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI;gBAC3B,oBAAC,OAAO,IAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;oBAC/B,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,GAAI,GAAI,CAC/E,CACL,CACD;QACN,oBAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB;YAC7C,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,IACtD,SAAS,CAAC,KAAK,CACD;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,kBAAkB,IACtE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAC9C;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,gBAAgB,IAClE,SAAS,CAAC,kBAAkB,CACd,CACJ,CACR,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/modules/corporate/share-class/components/ShareClassItemCard/index.less

@@ -0,0 +1,78 @@
+:global {
+	.share-class-item-card {
+		cursor: pointer;
+		background: #fff;
+		padding: 0 14px;
+		border-radius: 5px;
+		margin-bottom: 15px;
+		.share-card-head {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 14px 0;
+			border-bottom: 1px solid #e6e6e6;
+			.share-card-name {
+				color: #217eb2;
+				font-size: 22px;
+				font-weight: bold;
+				span {
+					float: left;
+					width: 38px;
+					height: 38px;
+					font-size: 18px;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					color: #217eb2;
+					background: #f4f9ff;
+					border-radius: 8px;
+					margin-right: 10px;
+				}
+			}
+			.share-card-info {
+				display: flex;
+				align-items: center;
+				.tool-bar.tool-bar-2 .ant-btn {
+					color: #cbcbcb;
+				}
+			}
+		}
+
+		.column-item-content .prop-item {
+			.prop-item-label {
+				.prop-item-title {
+					font-size: 14px !important;
+					color: #868686;
+				}
+				span {
+					svg {
+						color: #e6e6e6;
+					}
+				}
+			}
+			.prop-item-content-control-input {
+				color: #5d5d5d;
+				font-weight: bold;
+			}
+		}
+		.share-type-item-name {
+			color: #575757;
+			font-weight: 500;
+			word-break: break-all;
+			margin-left: 10px;
+		}
+
+		.share-type-item-tool {
+			display: none;
+
+			&.show {
+				display: block;
+			}
+		}
+
+		.share-type-column-item {
+			padding: 10px 0 8px;
+			border-bottom: none;
+		}
+	}
+}

package/es/modules/corporate/share-class/pages/ShareClassListPage/index.d.ts

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

package/es/modules/corporate/share-class/pages/ShareClassListPage/index.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from "react";
+import { observe } from "@voplus/morpho-ui";
+import ShareClassCardList from "../../components/ShareClassCardList";
+import { faCoins } from "@fortawesome/pro-solid-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
+import "./index.less";
+const ShareClassListPage = (props) => {
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "share-class-list-page" },
+            React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faCoins }), title: "Share Class", description: "Manage your share classes with ease" }),
+            React.createElement(ShareClassCardList, { corporateId: props.corporateId })))));
+};
+export default ShareClassListPage;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/share-class/pages/ShareClassListPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-class/pages/ShareClassListPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EACN,WAAW,EACX,eAAe,GACf,MAAM,0DAA0D,CAAC;AAClE,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,cAAc,CAAC;AAEtB,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC7D,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,uBAAuB;YACrC,oBAAC,iBAAiB,IACjB,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI,EACrC,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,qCAAqC,GAChD;YACF,oBAAC,kBAAkB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CACjD,CACgB,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/es/modules/corporate/share-class/pages/ShareClassListPage/index.less

@@ -0,0 +1,8 @@
+:global {
+	.share-class-list-page {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+        
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-csp",
-	"version": "6.0.116",
+	"version": "6.0.118",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-csp/_git/morpho-csp"

package/es/modules/corporate/company/components/CompanyPageHead/index.less

@@ -1,80 +0,0 @@
-:global {
-	.company-page-head {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 14px 15px 14px 25px;
-		background: #fff;
-		.company-unit {
-			display: flex;
-			.ant-avatar {
-				width: 50px;
-				height: 50px;
-				line-height: 50px;
-				border-radius: 2px;
-			}
-			.company-unit-info {
-				color: #868686;
-				margin-left: 8px;
-			}
-			.company-unit-name {
-				display: flex;
-				align-items: center;
-				color: #217eb2;
-				font-size: 20px;
-				line-height: 27px;
-				font-weight: bold;
-				.ant-dropdown-trigger {
-					color: #cbcbcb;
-					font-weight: normal;
-				}
-			}
-		}
-		.head-active-list {
-			display: flex;
-		}
-		.head-active {
-			min-width: 155px;
-			height: 70px;
-			background: #e7f1fc;
-			display: flex;
-			align-items: center;
-			border-radius: 5px;
-			padding: 0 12px 0 8px;
-			margin-left: 18px;
-			.active-icon {
-				font-size: 18px;
-				width: 45px;
-				height: 45px;
-				border-radius: 50%;
-				color: #217eb2;
-				background: #ffffff;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-			.head-active-content {
-				font-size: 12px;
-				color: #5d5d5d;
-				margin-left: 5px;
-				flex: 1;
-				span {
-					font-size: 24px;
-					line-height: 33px;
-					font-weight: bold;
-					display: block;
-				}
-				.ant-btn {
-					height: 12px;
-					font-size: 12px;
-					color: #cbcbcb;
-					padding: 0;
-					float: right;
-					&:hover {
-						color: #217eb2;
-					}
-				}
-			}
-		}
-	}
-}