@voplus/morpho-csp 10.0.30 → 10.0.32
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/corporate/share-class/components/ShareClassShareholders/index.d.ts +0 -1
- package/es/modules/corporate/share-class/components/ShareClassShareholders/index.js +29 -33
- package/es/modules/corporate/share-class/components/ShareClassShareholders/index.js.map +1 -1
- package/es/modules/corporate/virtual-address/receipents/components/ReceipentsList/index.js +19 -5
- package/es/modules/corporate/virtual-address/receipents/components/ReceipentsList/index.js.map +1 -1
- package/package.json +1 -1
- package/es/modules/corporate/share-class/components/ShareClassShareholders/index.css +0 -34
|
@@ -6,8 +6,7 @@ import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar/LoadedUnitAv
|
|
|
6
6
|
import UnitNameNoteAlert from "@voplus/morpho-org/es/components/UnitNameNoteAlert";
|
|
7
7
|
import Tip from "@voplus/morpho-ui/es/controls/Tit";
|
|
8
8
|
import CompanyMemberQuickView from "../../../company/member-register/components/CompanyMemberQuickView";
|
|
9
|
-
|
|
10
|
-
const COLUMN_GRID = "minmax(0,1fr) 88px 108px 92px 92px";
|
|
9
|
+
const COLUMN_GRID = "minmax(0,1fr) 110px 125px 110px 92px";
|
|
11
10
|
const ShareClassShareholders = (props) => {
|
|
12
11
|
const { data, loading, error } = props;
|
|
13
12
|
const [view, setView] = useState("confirmed");
|
|
@@ -53,15 +52,15 @@ const ShareClassShareholders = (props) => {
|
|
|
53
52
|
if (error) {
|
|
54
53
|
return React.createElement(Alert, { type: "error", message: error, showIcon: true });
|
|
55
54
|
}
|
|
56
|
-
return observe(() => (React.createElement("div",
|
|
55
|
+
return observe(() => (React.createElement("div", null,
|
|
57
56
|
React.createElement("div", { className: "px-5 py-4 flex items-center gap-3" },
|
|
58
|
-
React.createElement("div", { className: "flex-1 flex items-center gap-2.5 border border-
|
|
57
|
+
React.createElement("div", { className: "flex-1 flex items-center gap-2.5 border border-border rounded-base px-3.5 h-11" },
|
|
59
58
|
React.createElement(FAIcon, { icon: faMagnifyingGlassRegular, className: "text-gray-400" }),
|
|
60
|
-
React.createElement("input", { type: "text", placeholder: "Search in shareholders \u2026", className: "flex-1 border-none outline-none text-
|
|
59
|
+
React.createElement("input", { type: "text", placeholder: "Search in shareholders \u2026", className: "flex-1 border-none outline-none text-sm text-font-grey font-semibold placeholder-gray-400 bg-transparent", value: searchText, onChange: (e) => setSearchText(e.target.value) })),
|
|
61
60
|
React.createElement("div", { className: "relative", ref: statusRef },
|
|
62
61
|
React.createElement("button", { type: "button", onClick: () => setStatusOpen(!statusOpen), className: "flex items-center gap-2 border border-gray-200 rounded-lg h-11 px-3.5 text-[13px] font-medium text-gray-700 whitespace-nowrap cursor-pointer" },
|
|
63
62
|
React.createElement("span", { className: "w-[7px] h-[7px] rounded-full shrink-0", style: { background: view === "confirmed" ? "#22A06B" : "#9CA3AF" } }),
|
|
64
|
-
React.createElement("span",
|
|
63
|
+
React.createElement("span", { className: view === "confirmed" ? "font-bold" : "" }, view === "confirmed" ? "Confirmed" : "All"),
|
|
65
64
|
React.createElement(FAIcon, { icon: faChevronDownRegular, className: "text-gray-400 w-3.5 h-3.5" })),
|
|
66
65
|
statusOpen && (React.createElement("div", { className: "absolute right-0 mt-1.5 w-40 bg-white border border-gray-200 rounded-lg shadow-lg py-1 z-20" },
|
|
67
66
|
React.createElement("button", { type: "button", onClick: () => {
|
|
@@ -79,50 +78,47 @@ const ShareClassShareholders = (props) => {
|
|
|
79
78
|
React.createElement("span", { className: "flex-1" }, "Confirmed"),
|
|
80
79
|
view === "confirmed" && (React.createElement(FAIcon, { icon: faCheckRegular, className: "text-[#265DD0] w-3.5 h-3.5" }))))))),
|
|
81
80
|
React.createElement(Spin, { spinning: loading }, currentData.length === 0 && !loading ? (React.createElement("div", { "data-testid": "empty-placeholder", className: "py-8" },
|
|
82
|
-
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: "No shareholders in this class" }))) : (React.createElement("div", { className: "
|
|
83
|
-
React.createElement("div", { className: "table-
|
|
84
|
-
React.createElement("span", { className: "text-
|
|
85
|
-
React.createElement("span", { className: "text-
|
|
81
|
+
React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: "No shareholders in this class" }))) : (React.createElement("div", { className: "border-t border-b border-gray-100" },
|
|
82
|
+
React.createElement("div", { className: "grid items-center h-14 px-5 bg-bg-table border-b border-gray-100", style: { gridTemplateColumns: COLUMN_GRID } },
|
|
83
|
+
React.createElement("span", { className: "text-xs font-bold text-font-primary tracking-wide whitespace-nowrap" }, "SHAREHOLDERS INFO"),
|
|
84
|
+
React.createElement("span", { className: "text-xs font-bold text-font-primary tracking-wide whitespace-nowrap flex items-center" },
|
|
86
85
|
"SHARES",
|
|
87
|
-
" ",
|
|
88
86
|
React.createElement(Tip, { content: "Total number of shares held by the shareholder in the current share class." })),
|
|
89
|
-
React.createElement("span", { className: "text-
|
|
87
|
+
React.createElement("span", { className: "text-xs font-bold text-font-primary tracking-wide whitespace-nowrap flex items-center" },
|
|
90
88
|
"OTHER CLASS",
|
|
91
|
-
" ",
|
|
92
89
|
React.createElement(Tip, { content: "Total number of shares held by the shareholder across all other share classes in the company." })),
|
|
93
|
-
React.createElement("span", { className: "text-
|
|
94
|
-
"CLASS
|
|
95
|
-
" ",
|
|
90
|
+
React.createElement("span", { className: "text-xs font-bold text-font-primary tracking-wide whitespace-nowrap flex items-center" },
|
|
91
|
+
"CLASS",
|
|
96
92
|
React.createElement(Tip, { content: "The percentage of shares held by the shareholder within this specific share class (Shareholder's Class Shares / Total Shares in Class)." })),
|
|
97
|
-
React.createElement("span", { className: "text-
|
|
98
|
-
"TOTAL
|
|
99
|
-
" ",
|
|
93
|
+
React.createElement("span", { className: "text-xs font-bold text-font-primary tracking-wide whitespace-nowrap flex items-center" },
|
|
94
|
+
"TOTAL",
|
|
100
95
|
React.createElement(Tip, { content: "The shareholder's total ownership percentage across the entire company (Total Shares Across All Classes / Company Total Issued Shares)." }))),
|
|
101
96
|
currentData.map((entry) => {
|
|
102
97
|
var _a;
|
|
103
|
-
return (React.createElement("div", { key: entry.shareholder.id, className: "
|
|
98
|
+
return (React.createElement("div", { key: entry.shareholder.id, className: "grid items-center py-3.5 px-5 border-b border-gray-100", style: { gridTemplateColumns: COLUMN_GRID } },
|
|
104
99
|
React.createElement("div", { className: "flex items-center gap-3 min-w-0" },
|
|
105
100
|
React.createElement(UnitAvatar, { unit: entry.shareholder.unit, className: "w-9! h-9! rounded-md! text-[13px]! text-font-secondary! bg-blue-profile!" }),
|
|
106
101
|
React.createElement("div", { className: "min-w-0 cursor-pointer", onClick: () => setQuickViewId(entry.shareholder.id) },
|
|
107
|
-
((_a = entry.shareholder.identity) === null || _a === void 0 ? void 0 : _a.fullName) ? (React.createElement("p", { className: "text-
|
|
108
|
-
|
|
102
|
+
((_a = entry.shareholder.identity) === null || _a === void 0 ? void 0 : _a.fullName) ? (React.createElement("p", { className: "text-sm font-bold text-font-secondary underline truncate" }, entry.shareholder.identity.fullName)) : entry.shareholder.unit ? (React.createElement("p", { className: "text-sm font-bold text-font-secondary underline truncate" },
|
|
103
|
+
React.createElement(UnitNameNoteAlert, { id: entry.shareholder.unit.id, name: entry.shareholder.unit.name }))) : null,
|
|
104
|
+
entry.shareholder.email && (React.createElement("p", { className: "text-xs text-font-grey font-semibold flex items-center gap-1.5 mt-0.5 min-w-0" },
|
|
109
105
|
React.createElement(FAIcon, { icon: faEnvelopeSolid, className: "w-3.5 h-3.5 shrink-0" }),
|
|
110
|
-
entry.shareholder.email)))),
|
|
111
|
-
React.createElement("span", { className: "text-
|
|
112
|
-
React.createElement("span", { className: "text-
|
|
113
|
-
React.createElement("span", { className: "text-
|
|
106
|
+
React.createElement("span", { className: "truncate" }, entry.shareholder.email))))),
|
|
107
|
+
React.createElement("span", { className: "text-sm font-bold text-font-primary" }, entry.classShares.toLocaleString()),
|
|
108
|
+
React.createElement("span", { className: "text-sm font-bold text-font-grey" }, entry.otherClasses.toLocaleString()),
|
|
109
|
+
React.createElement("span", { className: "text-sm font-bold text-font-secondary" },
|
|
114
110
|
entry.classPercentage,
|
|
115
111
|
"%"),
|
|
116
|
-
React.createElement("span", { className: "text-
|
|
112
|
+
React.createElement("span", { className: "text-sm font-bold text-font-primary" },
|
|
117
113
|
entry.totalPercentage,
|
|
118
114
|
"%")));
|
|
119
115
|
}),
|
|
120
|
-
totals && (React.createElement("div", { className: "
|
|
121
|
-
React.createElement("span", { className: "text-
|
|
122
|
-
React.createElement("span", { className: "text-
|
|
123
|
-
React.createElement("span", { className: "text-
|
|
124
|
-
React.createElement("span", { className: "text-
|
|
125
|
-
React.createElement("span", { className: "text-
|
|
116
|
+
totals && (React.createElement("div", { className: "grid items-center h-[75px] px-5 bg-bg-blue", style: { gridTemplateColumns: COLUMN_GRID } },
|
|
117
|
+
React.createElement("span", { className: "text-sm font-bold text-font-primary" }, "TOTAL"),
|
|
118
|
+
React.createElement("span", { className: "text-sm font-bold text-font-primary" }, totals.classShares.toLocaleString()),
|
|
119
|
+
React.createElement("span", { className: "text-sm font-bold text-font-grey" }, totals.otherClasses.toLocaleString()),
|
|
120
|
+
React.createElement("span", { className: "text-sm font-bold text-font-secondary" }, "100%"),
|
|
121
|
+
React.createElement("span", { className: "text-sm font-bold text-font-primary" },
|
|
126
122
|
totals.totalPercentage.toFixed(1),
|
|
127
123
|
"%")))))),
|
|
128
124
|
quickViewId && (React.createElement(CompanyMemberQuickView, { id: quickViewId, visible: true, onCancel: () => setQuickViewId(null) })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-class/components/ShareClassShareholders/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC1C,OAAO,EACN,eAAe,EACf,wBAAwB,EACxB,oBAAoB,EACpB,cAAc,EACd,eAAe,IAAI,MAAM,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,UAAU,MAAM,8DAA8D,CAAC;AACtF,OAAO,iBAAiB,MAAM,oDAAoD,CAAC;AACnF,OAAO,GAAG,MAAM,mCAAmC,CAAC;AACpD,OAAO,sBAAsB,MAAM,oEAAoE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/share-class/components/ShareClassShareholders/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import "./index.css";
|
|
2
2
|
import { useVirtualAddressStore, useVirtualAddress, } from "../../../../../../data/virtual-address";
|
|
3
3
|
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data/ListDataContext";
|
|
4
|
-
import React, { useState } from "react";
|
|
4
|
+
import React, { useState, useMemo } from "react";
|
|
5
5
|
import Scrollbars from "react-custom-scrollbars-2";
|
|
6
6
|
import { Empty } from "antd";
|
|
7
7
|
import ItemFrame from "@voplus/morpho-ui/es/controls/ItemFrame";
|
|
8
8
|
import ReceipentsItem from "../ReceipentsItem";
|
|
9
|
-
import
|
|
9
|
+
import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
|
|
10
10
|
import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
|
|
11
11
|
import { observe } from "@voplus/morpho-ui";
|
|
12
|
+
import { faMagnifyingGlassRegular, FontAwesomeIcon as FAIcon } from "@voplus/morpho-ui/es/faIcons";
|
|
12
13
|
// spec:1417 — CSP: Recipients tab shows an empty-state placeholder when there are none
|
|
13
14
|
// spec:1418 — CSP: Selecting a recipient row highlights it with a right-side blue border
|
|
14
15
|
// spec:1419 — CSP: Add Recipient opens a multi-select dialog and saves all picks in one edit
|
|
@@ -18,13 +19,26 @@ const ReceipentsList = (props) => {
|
|
|
18
19
|
const [addAble, setAddAble] = useState(false);
|
|
19
20
|
const virtualAddress = useVirtualAddress(id);
|
|
20
21
|
const [activeId, setActiveId] = useState("");
|
|
22
|
+
const [searchText, setSearchText] = useState("");
|
|
21
23
|
const list = useCreateListDataState({}, [id]);
|
|
24
|
+
const filteredReceipents = useMemo(() => {
|
|
25
|
+
if (!searchText.trim())
|
|
26
|
+
return virtualAddress.receipents;
|
|
27
|
+
const q = searchText.toLowerCase();
|
|
28
|
+
return virtualAddress.receipents.filter((item) => {
|
|
29
|
+
var _a;
|
|
30
|
+
const name = ((_a = item.receipent) === null || _a === void 0 ? void 0 : _a.name) || "";
|
|
31
|
+
return name.toLowerCase().includes(q);
|
|
32
|
+
});
|
|
33
|
+
}, [virtualAddress.receipents, searchText]);
|
|
22
34
|
return observe(() => {
|
|
23
|
-
var _a
|
|
35
|
+
var _a;
|
|
24
36
|
return (React.createElement(ListDataContext.Provider, { value: list },
|
|
25
37
|
React.createElement("div", { className: "receipents-list-view" },
|
|
26
|
-
React.createElement(
|
|
27
|
-
|
|
38
|
+
React.createElement(ListHeaderTool, { preExtra: () => (React.createElement("div", { className: "flex items-center gap-2.5 border border-border rounded-base px-3.5 h-[42px] flex-1" },
|
|
39
|
+
React.createElement(FAIcon, { icon: faMagnifyingGlassRegular, className: "text-gray-400" }),
|
|
40
|
+
React.createElement("input", { type: "text", placeholder: "Search in recipients \u2026", className: "flex-1 border-none outline-none text-sm text-font-grey font-semibold placeholder-gray-400 bg-transparent", value: searchText, onChange: (e) => setSearchText(e.target.value) }))), searchHeader: false, sortable: false, onAdd: () => setAddAble(!addAble) }),
|
|
41
|
+
React.createElement(Scrollbars, { autoHide: true }, ((_a = virtualAddress.receipents) === null || _a === void 0 ? void 0 : _a.length) ? (filteredReceipents === null || filteredReceipents === void 0 ? void 0 : filteredReceipents.map((item, index) => (React.createElement(ItemFrame, { key: item.id, active: activeId === item.id, hoverEffect: "none", activeEffect: "border", borderProps: { location: "right", color: "#1890ff ", size: "2px" }, onClick: () => setActiveId(item.id) },
|
|
28
42
|
React.createElement(ReceipentsItem, { key: item.id, virtualAddressId: id, data: item, index: index }))))) : (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE }))),
|
|
29
43
|
addAble && (React.createElement(UnitsSelectDialog, { onCancel: () => setAddAble(false), onSelect: (contacts) => {
|
|
30
44
|
const ids = [];
|
package/es/modules/corporate/virtual-address/receipents/components/ReceipentsList/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/virtual-address/receipents/components/ReceipentsList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,EAEN,sBAAsB,EACtB,iBAAiB,GACjB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/virtual-address/receipents/components/ReceipentsList/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/* ===== Shareholders Grid Table ===== */
|
|
2
|
-
|
|
3
|
-
.shareholders-grid-table {
|
|
4
|
-
border-top: 1px solid #f3f4f6;
|
|
5
|
-
border-bottom: 1px solid #f3f4f6;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
/* Header Row */
|
|
9
|
-
.table-header {
|
|
10
|
-
display: grid;
|
|
11
|
-
align-items: center;
|
|
12
|
-
height: 3.5rem;
|
|
13
|
-
padding: 0 1.25rem;
|
|
14
|
-
background: #f9f9f9;
|
|
15
|
-
border-bottom: 1px solid #f3f4f6;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
/* Data Row */
|
|
19
|
-
.table-row {
|
|
20
|
-
display: grid;
|
|
21
|
-
align-items: center;
|
|
22
|
-
padding: 0.875rem 1.25rem;
|
|
23
|
-
border-bottom: 1px solid #f3f4f6;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* Avatar */
|
|
27
|
-
/* Total Row */
|
|
28
|
-
.table-total {
|
|
29
|
-
display: grid;
|
|
30
|
-
align-items: center;
|
|
31
|
-
height: 4.6875rem;
|
|
32
|
-
padding: 0 1.25rem;
|
|
33
|
-
background: #f9fbff;
|
|
34
|
-
}
|