@rytass/bpm-core-react 0.3.7 → 0.4.0
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/CHANGELOG.md +138 -0
- package/README.md +69 -4
- package/dist/chunks/approval-instance-list-page-BtEc8Cs3.js +278 -0
- package/dist/chunks/approval-instance-list-page-BtEc8Cs3.js.map +1 -0
- package/dist/chunks/approval-instance-list-page-UNIIgUZy.cjs +2 -0
- package/dist/chunks/approval-instance-list-page-UNIIgUZy.cjs.map +1 -0
- package/dist/chunks/auth-provider-D2P-qWmY.cjs +2 -0
- package/dist/chunks/auth-provider-D2P-qWmY.cjs.map +1 -0
- package/dist/chunks/auth-provider-TTO9eNZV.js +83 -0
- package/dist/chunks/auth-provider-TTO9eNZV.js.map +1 -0
- package/dist/chunks/{builder-D950gct_.js → builder-C3E-8OJu.js} +474 -478
- package/dist/chunks/builder-C3E-8OJu.js.map +1 -0
- package/dist/chunks/builder-f-Q_0NUs.cjs +3 -0
- package/dist/chunks/builder-f-Q_0NUs.cjs.map +1 -0
- package/dist/chunks/categories-B6QZKZRt.cjs +2 -0
- package/dist/chunks/categories-B6QZKZRt.cjs.map +1 -0
- package/dist/chunks/categories-DBPoSrsi.js +382 -0
- package/dist/chunks/categories-DBPoSrsi.js.map +1 -0
- package/dist/chunks/chunk-CMqjfN_6.cjs +1 -0
- package/dist/chunks/dashboard-page-CQRBJxze.js +119 -0
- package/dist/chunks/dashboard-page-CQRBJxze.js.map +1 -0
- package/dist/chunks/dashboard-page-DrDChhg1.cjs +2 -0
- package/dist/chunks/dashboard-page-DrDChhg1.cjs.map +1 -0
- package/dist/chunks/delegations-CFXaJrdX.cjs +2 -0
- package/dist/chunks/delegations-CFXaJrdX.cjs.map +1 -0
- package/dist/chunks/delegations-D5pPEWsP.js +641 -0
- package/dist/chunks/delegations-D5pPEWsP.js.map +1 -0
- package/dist/chunks/delegations-DwbYkNUg.cjs +2 -0
- package/dist/chunks/delegations-DwbYkNUg.cjs.map +1 -0
- package/dist/chunks/delegations-FTLaWo1Y.js +568 -0
- package/dist/chunks/delegations-FTLaWo1Y.js.map +1 -0
- package/dist/chunks/detail-B9JkYNHc.cjs +2 -0
- package/dist/chunks/detail-B9JkYNHc.cjs.map +1 -0
- package/dist/chunks/detail-CSxI04gB.js +1518 -0
- package/dist/chunks/detail-CSxI04gB.js.map +1 -0
- package/dist/chunks/format-date-time-XxBzF0F5.cjs +2 -0
- package/dist/chunks/{format-date-time-26_pFvv4.cjs.map → format-date-time-XxBzF0F5.cjs.map} +1 -1
- package/dist/chunks/login-BfmfCclF.cjs +2 -0
- package/dist/chunks/{login-CQ9MfwcC.cjs.map → login-BfmfCclF.cjs.map} +1 -1
- package/dist/chunks/{login-C20yVxbc.js → login-xgI4wLHe.js} +3 -2
- package/dist/chunks/{login-C20yVxbc.js.map → login-xgI4wLHe.js.map} +1 -1
- package/dist/chunks/notifications-BoNa1BXD.js +193 -0
- package/dist/chunks/notifications-BoNa1BXD.js.map +1 -0
- package/dist/chunks/notifications-a-FCxV02.cjs +2 -0
- package/dist/chunks/notifications-a-FCxV02.cjs.map +1 -0
- package/dist/chunks/orgs-BIiqzHvb.cjs +2 -0
- package/dist/chunks/orgs-BIiqzHvb.cjs.map +1 -0
- package/dist/chunks/orgs-Cc18umVt.js +1944 -0
- package/dist/chunks/orgs-Cc18umVt.js.map +1 -0
- package/dist/chunks/router-adapter-BdHZXLS3.js +23 -0
- package/dist/chunks/router-adapter-BdHZXLS3.js.map +1 -0
- package/dist/chunks/router-adapter-BybHrCNP.cjs +2 -0
- package/dist/chunks/router-adapter-BybHrCNP.cjs.map +1 -0
- package/dist/chunks/routes-config-2aKbWq2H.cjs.map +1 -1
- package/dist/chunks/routes-config-dxahImVe.js.map +1 -1
- package/dist/chunks/templates-CL8bPvgn.cjs +2 -0
- package/dist/chunks/templates-CL8bPvgn.cjs.map +1 -0
- package/dist/chunks/templates-DNfDOPGm.js +380 -0
- package/dist/chunks/templates-DNfDOPGm.js.map +1 -0
- package/dist/chunks/users-CUY139DF.js +214 -0
- package/dist/chunks/users-CUY139DF.js.map +1 -0
- package/dist/chunks/users-qghSMtLn.cjs +2 -0
- package/dist/chunks/users-qghSMtLn.cjs.map +1 -0
- package/dist/components/approval-instance-list-page.d.ts +1 -2
- package/dist/components/bpm-notification-bell-button.d.ts +22 -0
- package/dist/components/dashboard-page.d.ts +1 -4
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +206 -97
- package/dist/index.js.map +1 -1
- package/dist/lib/notification-drawer-provider.d.ts +3 -2
- package/dist/lib/notification-unread-provider.d.ts +6 -5
- package/dist/lib/providers.d.ts +3 -2
- package/dist/lib/router-adapter.d.ts +2 -2
- package/dist/lib/routes-config.d.ts +11 -3
- package/dist/lib/use-bpm-logout.d.ts +12 -0
- package/dist/lib/use-bpm-member.d.ts +11 -0
- package/dist/pages/admin/delegations/index.cjs +1 -1
- package/dist/pages/admin/delegations/index.js +1 -1
- package/dist/pages/admin/orgs/index.cjs +1 -1
- package/dist/pages/admin/orgs/index.js +1 -1
- package/dist/pages/admin/users/index.cjs +1 -1
- package/dist/pages/admin/users/index.js +1 -1
- package/dist/pages/delegations/index.cjs +1 -1
- package/dist/pages/delegations/index.js +1 -1
- package/dist/pages/forms/builder/index.cjs +1 -1
- package/dist/pages/forms/builder/index.js +1 -1
- package/dist/pages/instances/detail/index.cjs +1 -1
- package/dist/pages/instances/detail/index.js +1 -1
- package/dist/pages/login/index.cjs +1 -1
- package/dist/pages/login/index.js +1 -1
- package/dist/pages/settings/notifications/index.cjs +1 -1
- package/dist/pages/settings/notifications/index.js +1 -1
- package/dist/pages/templates/categories/index.cjs +1 -1
- package/dist/pages/templates/categories/index.js +1 -1
- package/dist/pages/templates/index.cjs +1 -1
- package/dist/pages/templates/index.js +1 -1
- package/dist/views/admin/delegations/AdminDelegationsView.d.ts +1 -4
- package/dist/views/admin/delegations/index.cjs +1 -1
- package/dist/views/admin/delegations/index.js +1 -1
- package/dist/views/admin/index.cjs +1 -1
- package/dist/views/admin/index.js +3 -3
- package/dist/views/admin/orgs/AdminOrgsView.d.ts +1 -4
- package/dist/views/admin/orgs/index.cjs +1 -1
- package/dist/views/admin/orgs/index.js +1 -1
- package/dist/views/admin/users/AdminUsersView.d.ts +1 -4
- package/dist/views/admin/users/index.cjs +1 -1
- package/dist/views/admin/users/index.js +1 -1
- package/dist/views/cc/CcView.d.ts +1 -3
- package/dist/views/cc/index.cjs +1 -1
- package/dist/views/cc/index.cjs.map +1 -1
- package/dist/views/cc/index.js +2 -3
- package/dist/views/cc/index.js.map +1 -1
- package/dist/views/dashboard/DashboardView.d.ts +1 -3
- package/dist/views/dashboard/index.cjs +1 -1
- package/dist/views/dashboard/index.cjs.map +1 -1
- package/dist/views/dashboard/index.js +3 -3
- package/dist/views/dashboard/index.js.map +1 -1
- package/dist/views/delegations/DelegationsView.d.ts +1 -4
- package/dist/views/delegations/index.cjs +1 -1
- package/dist/views/delegations/index.js +1 -1
- package/dist/views/forms/FormsView.d.ts +1 -3
- package/dist/views/forms/builder/index.cjs +1 -1
- package/dist/views/forms/builder/index.js +1 -1
- package/dist/views/forms/index.cjs +1 -1
- package/dist/views/forms/index.cjs.map +1 -1
- package/dist/views/forms/index.js +95 -99
- package/dist/views/forms/index.js.map +1 -1
- package/dist/views/inbox/InboxView.d.ts +1 -3
- package/dist/views/inbox/index.cjs +1 -1
- package/dist/views/inbox/index.cjs.map +1 -1
- package/dist/views/inbox/index.js +91 -94
- package/dist/views/inbox/index.js.map +1 -1
- package/dist/views/instances/detail/index.cjs +1 -1
- package/dist/views/instances/detail/index.js +1 -1
- package/dist/views/instances/new/index.cjs +1 -1
- package/dist/views/instances/new/index.cjs.map +1 -1
- package/dist/views/instances/new/index.js +71 -77
- package/dist/views/instances/new/index.js.map +1 -1
- package/dist/views/login/index.cjs +1 -1
- package/dist/views/login/index.js +1 -1
- package/dist/views/root/RootView.d.ts +1 -3
- package/dist/views/search/SearchView.d.ts +1 -3
- package/dist/views/search/index.cjs +1 -1
- package/dist/views/search/index.cjs.map +1 -1
- package/dist/views/search/index.js +2 -3
- package/dist/views/search/index.js.map +1 -1
- package/dist/views/sent/SentView.d.ts +1 -3
- package/dist/views/sent/index.cjs +1 -1
- package/dist/views/sent/index.cjs.map +1 -1
- package/dist/views/sent/index.js +2 -3
- package/dist/views/sent/index.js.map +1 -1
- package/dist/views/settings/index.cjs +1 -1
- package/dist/views/settings/index.js +1 -1
- package/dist/views/settings/notifications/SettingsNotificationsView.d.ts +1 -4
- package/dist/views/settings/notifications/index.cjs +1 -1
- package/dist/views/settings/notifications/index.js +1 -1
- package/dist/views/templates/TemplatesView.d.ts +1 -4
- package/dist/views/templates/categories/TemplateCategoriesView.d.ts +1 -4
- package/dist/views/templates/categories/index.cjs +1 -1
- package/dist/views/templates/categories/index.js +1 -1
- package/dist/views/templates/designer/TemplateDesignerView.d.ts +1 -2
- package/dist/views/templates/designer/index.cjs +7 -7
- package/dist/views/templates/designer/index.cjs.map +1 -1
- package/dist/views/templates/designer/index.js +707 -711
- package/dist/views/templates/designer/index.js.map +1 -1
- package/dist/views/templates/index.cjs +1 -1
- package/dist/views/templates/index.js +2 -2
- package/dist/views/templates/versions/TemplateVersionsView.d.ts +1 -2
- package/dist/views/templates/versions/index.cjs +1 -1
- package/dist/views/templates/versions/index.cjs.map +1 -1
- package/dist/views/templates/versions/index.js +45 -49
- package/dist/views/templates/versions/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/app-navigation.css +0 -1
- package/dist/chunks/app-navigation-BSkMsEhy.js +0 -268
- package/dist/chunks/app-navigation-BSkMsEhy.js.map +0 -1
- package/dist/chunks/app-navigation-KnlJCUp1.cjs +0 -2
- package/dist/chunks/app-navigation-KnlJCUp1.cjs.map +0 -1
- package/dist/chunks/approval-instance-list-page-CVXgE2K3.cjs +0 -2
- package/dist/chunks/approval-instance-list-page-CVXgE2K3.cjs.map +0 -1
- package/dist/chunks/approval-instance-list-page-CqNdoZqx.js +0 -282
- package/dist/chunks/approval-instance-list-page-CqNdoZqx.js.map +0 -1
- package/dist/chunks/auth-provider-BV8Iiwfb.cjs +0 -2
- package/dist/chunks/auth-provider-BV8Iiwfb.cjs.map +0 -1
- package/dist/chunks/auth-provider-Bnox5gsx.js +0 -98
- package/dist/chunks/auth-provider-Bnox5gsx.js.map +0 -1
- package/dist/chunks/builder-CMlJfQHE.cjs +0 -3
- package/dist/chunks/builder-CMlJfQHE.cjs.map +0 -1
- package/dist/chunks/builder-D950gct_.js.map +0 -1
- package/dist/chunks/categories-5yEM3p3N.cjs +0 -2
- package/dist/chunks/categories-5yEM3p3N.cjs.map +0 -1
- package/dist/chunks/categories-BIpOG451.js +0 -387
- package/dist/chunks/categories-BIpOG451.js.map +0 -1
- package/dist/chunks/dashboard-page-1K_jQXQk.cjs +0 -2
- package/dist/chunks/dashboard-page-1K_jQXQk.cjs.map +0 -1
- package/dist/chunks/dashboard-page-R_T2OEiE.js +0 -122
- package/dist/chunks/dashboard-page-R_T2OEiE.js.map +0 -1
- package/dist/chunks/delegations-B2j-wNEO.js +0 -646
- package/dist/chunks/delegations-B2j-wNEO.js.map +0 -1
- package/dist/chunks/delegations-CsB9ozLu.cjs +0 -2
- package/dist/chunks/delegations-CsB9ozLu.cjs.map +0 -1
- package/dist/chunks/delegations-CvtwTXNP.cjs +0 -2
- package/dist/chunks/delegations-CvtwTXNP.cjs.map +0 -1
- package/dist/chunks/delegations-dKodb0WW.js +0 -573
- package/dist/chunks/delegations-dKodb0WW.js.map +0 -1
- package/dist/chunks/detail-BcGAqJ_R.js +0 -1523
- package/dist/chunks/detail-BcGAqJ_R.js.map +0 -1
- package/dist/chunks/detail-CqjqLd65.cjs +0 -2
- package/dist/chunks/detail-CqjqLd65.cjs.map +0 -1
- package/dist/chunks/format-date-time-26_pFvv4.cjs +0 -2
- package/dist/chunks/login-CQ9MfwcC.cjs +0 -2
- package/dist/chunks/notifications-2swRqDPF.js +0 -198
- package/dist/chunks/notifications-2swRqDPF.js.map +0 -1
- package/dist/chunks/notifications-BaYDebFt.cjs +0 -2
- package/dist/chunks/notifications-BaYDebFt.cjs.map +0 -1
- package/dist/chunks/orgs-CuHxxd_n.js +0 -1949
- package/dist/chunks/orgs-CuHxxd_n.js.map +0 -1
- package/dist/chunks/orgs-YMiVLNvL.cjs +0 -2
- package/dist/chunks/orgs-YMiVLNvL.cjs.map +0 -1
- package/dist/chunks/templates-DTkbSgFY.cjs +0 -2
- package/dist/chunks/templates-DTkbSgFY.cjs.map +0 -1
- package/dist/chunks/templates-DoDWM68t.js +0 -384
- package/dist/chunks/templates-DoDWM68t.js.map +0 -1
- package/dist/chunks/users-3ySyUW4u.cjs +0 -2
- package/dist/chunks/users-3ySyUW4u.cjs.map +0 -1
- package/dist/chunks/users-sMfrSjRQ.js +0 -219
- package/dist/chunks/users-sMfrSjRQ.js.map +0 -1
- package/dist/components/app-navigation.d.ts +0 -41
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { t as e } from "./app-navigation-BSkMsEhy.js";
|
|
3
|
-
import { r as t } from "./routes-config-dxahImVe.js";
|
|
4
|
-
import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
|
|
5
|
-
import { BaseCard as o, Filter as s, FilterArea as c, FilterLine as l, FormField as u, Input as ee, Modal as d, PageHeader as f, Section as p, SectionGroup as m, Table as h, Typography as g } from "@mezzanine-ui/react";
|
|
6
|
-
import { listMemberDirectoryPage as te, resolveMembers as _ } from "@rytass/bpm-core-client";
|
|
7
|
-
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
8
|
-
import ne from "@mezzanine-ui/react/ContentHeader";
|
|
9
|
-
import { FormFieldLayout as re } from "@mezzanine-ui/core/form";
|
|
10
|
-
import { listMemberships as b, readOrganizationDashboard as x, readResolvedManager as S } from "@rytass/bpm-core-client/organization";
|
|
11
|
-
import '../users.css';var C = {
|
|
12
|
-
memberFilterArea: "bpm_memberFilterArea_9RB2k",
|
|
13
|
-
header: "bpm_header_sIEtg",
|
|
14
|
-
detailFields: "bpm_detailFields_TyKNL",
|
|
15
|
-
detailSection: "bpm_detailSection_-iLjy",
|
|
16
|
-
membershipList: "bpm_membershipList_5n9iq"
|
|
17
|
-
}, w = [
|
|
18
|
-
10,
|
|
19
|
-
20,
|
|
20
|
-
50
|
|
21
|
-
];
|
|
22
|
-
function T({ activeHref: o } = {}) {
|
|
23
|
-
let d = t(), T = o ?? d.adminUsers(), [D, O] = a(null), [k, j] = a([]), [M, N] = a(null), [P, F] = a(null), [I, L] = a(null), [R, z] = a(!0), [B, V] = a(1), [H, U] = a(10), [W, G] = a(0), [K, q] = a([]), [J, Y] = a([]), [X, ie] = a([]), [Z, ae] = a(""), oe = i(() => new Map(J.map((e) => [e.id, e])), [J]), se = i(() => new Map(X.map((e) => [e.id, e])), [X]), Q = n(async () => {
|
|
24
|
-
z(!0), L(null);
|
|
25
|
-
try {
|
|
26
|
-
let [e, t] = await Promise.all([te({
|
|
27
|
-
page: B,
|
|
28
|
-
pageSize: H,
|
|
29
|
-
searchText: Z
|
|
30
|
-
}), x()]);
|
|
31
|
-
q(e.members), G(e.totalCount), Y(t.orgUnits), ie(t.positions);
|
|
32
|
-
} catch (e) {
|
|
33
|
-
L(A(e));
|
|
34
|
-
} finally {
|
|
35
|
-
z(!1);
|
|
36
|
-
}
|
|
37
|
-
}, [
|
|
38
|
-
B,
|
|
39
|
-
H,
|
|
40
|
-
Z
|
|
41
|
-
]);
|
|
42
|
-
r(() => {
|
|
43
|
-
Q();
|
|
44
|
-
}, [Q]);
|
|
45
|
-
let ce = i(() => K.map((e) => ({
|
|
46
|
-
...e,
|
|
47
|
-
key: e.memberId
|
|
48
|
-
})), [K]), $ = n(async (e) => {
|
|
49
|
-
O(e), N(null), L(null);
|
|
50
|
-
try {
|
|
51
|
-
let [t, n] = await Promise.all([b({ memberId: e.memberId }), S(e.memberId)]);
|
|
52
|
-
j(t), F(n), N((await _(n.managerMemberId ? [n.managerMemberId] : []))[0] ?? null);
|
|
53
|
-
} catch (e) {
|
|
54
|
-
L(A(e));
|
|
55
|
-
}
|
|
56
|
-
}, []), le = i(() => [{
|
|
57
|
-
dataIndex: "name",
|
|
58
|
-
key: "name",
|
|
59
|
-
title: "姓名",
|
|
60
|
-
width: 160
|
|
61
|
-
}, {
|
|
62
|
-
dataIndex: "email",
|
|
63
|
-
key: "email",
|
|
64
|
-
title: "信箱",
|
|
65
|
-
width: 260
|
|
66
|
-
}], []), ue = i(() => ({
|
|
67
|
-
render: () => [{
|
|
68
|
-
name: "檢視",
|
|
69
|
-
onClick: (e) => {
|
|
70
|
-
$(e);
|
|
71
|
-
}
|
|
72
|
-
}],
|
|
73
|
-
variant: "base-secondary",
|
|
74
|
-
width: 88
|
|
75
|
-
}), [$]);
|
|
76
|
-
function de() {
|
|
77
|
-
O(null), N(null), j([]), F(null);
|
|
78
|
-
}
|
|
79
|
-
return /* @__PURE__ */ y(e, {
|
|
80
|
-
activeHref: T,
|
|
81
|
-
children: [
|
|
82
|
-
/* @__PURE__ */ v(f, { children: /* @__PURE__ */ v(ne, {
|
|
83
|
-
description: "會員資料由 host member resolver 提供,BPM 僅維護組織歸屬與主管解析。",
|
|
84
|
-
title: "會員對照"
|
|
85
|
-
}) }),
|
|
86
|
-
/* @__PURE__ */ v(m, { children: /* @__PURE__ */ y(p, {
|
|
87
|
-
filterArea: /* @__PURE__ */ v(c, {
|
|
88
|
-
className: C.memberFilterArea,
|
|
89
|
-
children: /* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(s, {
|
|
90
|
-
span: 3,
|
|
91
|
-
children: /* @__PURE__ */ v(u, {
|
|
92
|
-
fullWidth: !0,
|
|
93
|
-
layout: re.VERTICAL,
|
|
94
|
-
name: "memberSearchText",
|
|
95
|
-
children: /* @__PURE__ */ v(ee, {
|
|
96
|
-
fullWidth: !0,
|
|
97
|
-
onChange: (e) => {
|
|
98
|
-
ae(e.target.value), V(1);
|
|
99
|
-
},
|
|
100
|
-
placeholder: "搜尋姓名或信箱",
|
|
101
|
-
size: "sub",
|
|
102
|
-
value: Z,
|
|
103
|
-
variant: "base"
|
|
104
|
-
})
|
|
105
|
-
})
|
|
106
|
-
}) })
|
|
107
|
-
}),
|
|
108
|
-
children: [I ? /* @__PURE__ */ v(g, {
|
|
109
|
-
color: "text-error",
|
|
110
|
-
variant: "body",
|
|
111
|
-
children: I
|
|
112
|
-
}) : null, /* @__PURE__ */ v(h, {
|
|
113
|
-
actions: ue,
|
|
114
|
-
columns: le,
|
|
115
|
-
dataSource: ce,
|
|
116
|
-
fullWidth: !0,
|
|
117
|
-
loading: R,
|
|
118
|
-
pagination: {
|
|
119
|
-
current: B,
|
|
120
|
-
onChange: (e) => {
|
|
121
|
-
V(e);
|
|
122
|
-
},
|
|
123
|
-
onChangePageSize: (e) => {
|
|
124
|
-
V(1), U(e);
|
|
125
|
-
},
|
|
126
|
-
pageSize: H,
|
|
127
|
-
pageSizeLabel: "每頁筆數",
|
|
128
|
-
pageSizeOptions: w,
|
|
129
|
-
renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆,共 ${n} 筆`,
|
|
130
|
-
showPageSizeOptions: !0,
|
|
131
|
-
total: W
|
|
132
|
-
}
|
|
133
|
-
})]
|
|
134
|
-
}) }),
|
|
135
|
-
/* @__PURE__ */ v(E, {
|
|
136
|
-
managerProfile: M,
|
|
137
|
-
member: D,
|
|
138
|
-
memberships: k,
|
|
139
|
-
onClose: de,
|
|
140
|
-
orgUnitsById: oe,
|
|
141
|
-
positionsById: se,
|
|
142
|
-
resolvedManager: P
|
|
143
|
-
})
|
|
144
|
-
]
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
function E({ managerProfile: e, member: t, memberships: n, onClose: r, orgUnitsById: i, positionsById: a, resolvedManager: s }) {
|
|
148
|
-
return /* @__PURE__ */ v(d, {
|
|
149
|
-
cancelText: "關閉",
|
|
150
|
-
confirmText: "關閉",
|
|
151
|
-
modalType: "standard",
|
|
152
|
-
onCancel: r,
|
|
153
|
-
onClose: r,
|
|
154
|
-
onConfirm: r,
|
|
155
|
-
open: !!t,
|
|
156
|
-
showModalFooter: !0,
|
|
157
|
-
showModalHeader: !0,
|
|
158
|
-
size: "regular",
|
|
159
|
-
title: t?.name ?? "會員明細",
|
|
160
|
-
children: t ? /* @__PURE__ */ y("div", {
|
|
161
|
-
className: C.detailFields,
|
|
162
|
-
children: [
|
|
163
|
-
/* @__PURE__ */ v(o, {
|
|
164
|
-
title: "基本資料",
|
|
165
|
-
children: /* @__PURE__ */ v("div", {
|
|
166
|
-
className: C.detailSection,
|
|
167
|
-
children: /* @__PURE__ */ y(g, {
|
|
168
|
-
variant: "body",
|
|
169
|
-
children: ["信箱:", t.email]
|
|
170
|
-
})
|
|
171
|
-
})
|
|
172
|
-
}),
|
|
173
|
-
/* @__PURE__ */ v(o, {
|
|
174
|
-
title: "BPM 組織歸屬",
|
|
175
|
-
children: /* @__PURE__ */ v("div", {
|
|
176
|
-
className: C.membershipList,
|
|
177
|
-
children: n.length ? n.map((e) => /* @__PURE__ */ y(g, {
|
|
178
|
-
variant: "body",
|
|
179
|
-
children: [
|
|
180
|
-
D(i.get(e.orgUnitId)),
|
|
181
|
-
" / ",
|
|
182
|
-
e.positionId ? O(a.get(e.positionId)) : "未指定職位",
|
|
183
|
-
" / ",
|
|
184
|
-
e.isPrimary ? "主要" : "一般"
|
|
185
|
-
]
|
|
186
|
-
}, e.id)) : /* @__PURE__ */ v(g, {
|
|
187
|
-
color: "text-neutral",
|
|
188
|
-
variant: "body",
|
|
189
|
-
children: "尚未建立 BPM 組織歸屬"
|
|
190
|
-
})
|
|
191
|
-
})
|
|
192
|
-
}),
|
|
193
|
-
/* @__PURE__ */ v(o, {
|
|
194
|
-
title: "主管解析",
|
|
195
|
-
children: /* @__PURE__ */ v(g, {
|
|
196
|
-
variant: "body",
|
|
197
|
-
children: s?.managerMemberId ? k(e) : "尚未解析到主管"
|
|
198
|
-
})
|
|
199
|
-
})
|
|
200
|
-
]
|
|
201
|
-
}) : null
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
function D(e) {
|
|
205
|
-
return e ? `${e.name} · ${e.code}` : "未知組織";
|
|
206
|
-
}
|
|
207
|
-
function O(e) {
|
|
208
|
-
return e ? `${e.name} · ${e.code}` : "未知職位";
|
|
209
|
-
}
|
|
210
|
-
function k(e) {
|
|
211
|
-
return e ? `${e.name} · ${e.email}` : "主管資料尚未載入";
|
|
212
|
-
}
|
|
213
|
-
function A(e) {
|
|
214
|
-
return e instanceof Error ? e.message : "讀取會員資料失敗。";
|
|
215
|
-
}
|
|
216
|
-
//#endregion
|
|
217
|
-
export { T as t };
|
|
218
|
-
|
|
219
|
-
//# sourceMappingURL=users-sMfrSjRQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"users-sMfrSjRQ.js","names":[],"sources":["../../src/views/admin/users/users.module.scss","../../src/views/admin/users/AdminUsersView.tsx"],"sourcesContent":[".memberFilterArea {\n :global(.mzn-filter-area__actions) {\n display: none;\n }\n\n :global(.mzn-form-field__label-area) {\n display: none;\n }\n\n :global(.mzn-form-field__control-field-slot--main) {\n width: 100%;\n min-width: 0;\n }\n\n :global(.mzn-input),\n :global(.mzn-input-container),\n :global(.mzn-text-field) {\n width: 100%;\n min-width: 0 !important;\n }\n}\n\n.header {\n display: grid;\n gap: 4px;\n padding: 24px 24px 0;\n}\n\n.detailFields {\n display: grid;\n gap: 16px;\n}\n\n.detailSection {\n display: grid;\n gap: 8px;\n}\n\n.membershipList {\n display: grid;\n gap: 8px;\n}\n","'use client';\n\nimport {\n ChangeEvent,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport {\n BaseCard,\n Filter,\n FilterArea,\n FilterLine,\n FormField,\n Input,\n Modal,\n PageHeader,\n Section,\n SectionGroup,\n Table,\n Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './users.module.scss';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { AppLayout } from '../../../components/app-navigation';\nimport {\n listMemberDirectoryPage,\n MemberProfileRecord,\n resolveMembers,\n} from '@rytass/bpm-core-client';\nimport {\n listMemberships,\n MembershipRecord,\n OrgUnitRecord,\n PositionRecord,\n readOrganizationDashboard,\n readResolvedManager,\n ResolvedManagerRecord,\n} from '@rytass/bpm-core-client/organization';\n\ntype MemberRow = Readonly<\n Record<string, unknown> &\n MemberProfileRecord & {\n key: string;\n }\n>;\n\nconst MEMBER_PAGE_SIZE_OPTIONS = [10, 20, 50];\n\nexport interface AdminUsersViewProps {\n readonly activeHref?: string;\n}\n\nexport function AdminUsersView({\n activeHref,\n}: AdminUsersViewProps = {}): ReactElement {\n const routes = useBPMRoutes();\n const resolvedActiveHref = activeHref ?? routes.adminUsers();\n const [detailMember, setDetailMember] = useState<MemberProfileRecord | null>(\n null,\n );\n const [detailMemberships, setDetailMemberships] = useState<\n readonly MembershipRecord[]\n >([]);\n const [detailManagerProfile, setDetailManagerProfile] =\n useState<MemberProfileRecord | null>(null);\n const [detailResolvedManager, setDetailResolvedManager] =\n useState<ResolvedManagerRecord | null>(null);\n const [error, setError] = useState<string | null>(null);\n const [loading, setLoading] = useState(true);\n const [memberPage, setMemberPage] = useState(1);\n const [memberPageSize, setMemberPageSize] = useState(10);\n const [memberTotalCount, setMemberTotalCount] = useState(0);\n const [members, setMembers] = useState<readonly MemberProfileRecord[]>([]);\n const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n const [searchText, setSearchText] = useState('');\n\n const orgUnitsById = useMemo(\n (): ReadonlyMap<string, OrgUnitRecord> =>\n new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n [orgUnits],\n );\n const positionsById = useMemo(\n (): ReadonlyMap<string, PositionRecord> =>\n new Map(positions.map((position) => [position.id, position])),\n [positions],\n );\n\n const refreshMembers = useCallback(async (): Promise<void> => {\n setLoading(true);\n setError(null);\n\n try {\n const [memberPageResult, organization] = await Promise.all([\n listMemberDirectoryPage({\n page: memberPage,\n pageSize: memberPageSize,\n searchText,\n }),\n readOrganizationDashboard(),\n ]);\n\n setMembers(memberPageResult.members);\n setMemberTotalCount(memberPageResult.totalCount);\n setOrgUnits(organization.orgUnits);\n setPositions(organization.positions);\n } catch (requestError: unknown) {\n setError(readErrorMessage(requestError));\n } finally {\n setLoading(false);\n }\n }, [memberPage, memberPageSize, searchText]);\n\n useEffect((): void => {\n void refreshMembers();\n }, [refreshMembers]);\n\n const rows = useMemo(\n (): MemberRow[] =>\n members.map((member) => ({\n ...member,\n key: member.memberId,\n })),\n [members],\n );\n\n const openDetail = useCallback(\n async (member: MemberProfileRecord): Promise<void> => {\n setDetailMember(member);\n setDetailManagerProfile(null);\n setError(null);\n\n try {\n const [memberships, resolvedManager] = await Promise.all([\n listMemberships({ memberId: member.memberId }),\n readResolvedManager(member.memberId),\n ]);\n\n setDetailMemberships(memberships);\n setDetailResolvedManager(resolvedManager);\n setDetailManagerProfile(\n (\n await resolveMembers(\n resolvedManager.managerMemberId\n ? [resolvedManager.managerMemberId]\n : [],\n )\n )[0] ?? null,\n );\n } catch (requestError: unknown) {\n setError(readErrorMessage(requestError));\n }\n },\n [],\n );\n\n const columns = useMemo(\n (): TableColumn<MemberRow>[] => [\n { dataIndex: 'name', key: 'name', title: '姓名', width: 160 },\n { dataIndex: 'email', key: 'email', title: '信箱', width: 260 },\n ],\n [],\n );\n const tableActions = useMemo(\n (): TableActions<MemberRow> => ({\n render: (): ReturnType<TableActions<MemberRow>['render']> => [\n {\n name: '檢視',\n onClick: (record): void => {\n void openDetail(record);\n },\n },\n ],\n variant: 'base-secondary',\n width: 88,\n }),\n [openDetail],\n );\n\n function closeDetail(): void {\n setDetailMember(null);\n setDetailManagerProfile(null);\n setDetailMemberships([]);\n setDetailResolvedManager(null);\n }\n\n return (\n <AppLayout activeHref={resolvedActiveHref}>\n <PageHeader>\n <ContentHeader\n description=\"會員資料由 host member resolver 提供,BPM 僅維護組織歸屬與主管解析。\"\n title=\"會員對照\"\n />\n </PageHeader>\n\n <SectionGroup>\n <Section\n filterArea={\n <FilterArea className={styles.memberFilterArea}>\n <FilterLine>\n <Filter span={3}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"memberSearchText\"\n >\n <Input\n fullWidth\n onChange={(\n event: ChangeEvent<HTMLInputElement>,\n ): void => {\n setSearchText(event.target.value);\n setMemberPage(1);\n }}\n placeholder=\"搜尋姓名或信箱\"\n size=\"sub\"\n value={searchText}\n variant=\"base\"\n />\n </FormField>\n </Filter>\n </FilterLine>\n </FilterArea>\n }\n >\n {error ? (\n <Typography color=\"text-error\" variant=\"body\">\n {error}\n </Typography>\n ) : null}\n <Table\n actions={tableActions}\n columns={columns}\n dataSource={rows}\n fullWidth\n loading={loading}\n pagination={{\n current: memberPage,\n onChange: (page): void => {\n setMemberPage(page);\n },\n onChangePageSize: (pageSize): void => {\n setMemberPage(1);\n setMemberPageSize(pageSize);\n },\n pageSize: memberPageSize,\n pageSizeLabel: '每頁筆數',\n pageSizeOptions: MEMBER_PAGE_SIZE_OPTIONS,\n renderResultSummary: (from, to, total): string =>\n `顯示 ${from}-${to} 筆,共 ${total} 筆`,\n showPageSizeOptions: true,\n total: memberTotalCount,\n }}\n />\n </Section>\n </SectionGroup>\n\n <MemberDetailModal\n managerProfile={detailManagerProfile}\n member={detailMember}\n memberships={detailMemberships}\n onClose={closeDetail}\n orgUnitsById={orgUnitsById}\n positionsById={positionsById}\n resolvedManager={detailResolvedManager}\n />\n </AppLayout>\n );\n}\n\nfunction MemberDetailModal({\n managerProfile,\n member,\n memberships,\n onClose,\n orgUnitsById,\n positionsById,\n resolvedManager,\n}: {\n readonly managerProfile: MemberProfileRecord | null;\n readonly member: MemberProfileRecord | null;\n readonly memberships: readonly MembershipRecord[];\n readonly onClose: () => void;\n readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n readonly positionsById: ReadonlyMap<string, PositionRecord>;\n readonly resolvedManager: ResolvedManagerRecord | null;\n}): ReactElement {\n return (\n <Modal\n cancelText=\"關閉\"\n confirmText=\"關閉\"\n modalType=\"standard\"\n onCancel={onClose}\n onClose={onClose}\n onConfirm={onClose}\n open={Boolean(member)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n title={member?.name ?? '會員明細'}\n >\n {member ? (\n <div className={styles.detailFields}>\n <BaseCard title=\"基本資料\">\n <div className={styles.detailSection}>\n <Typography variant=\"body\">信箱:{member.email}</Typography>\n </div>\n </BaseCard>\n <BaseCard title=\"BPM 組織歸屬\">\n <div className={styles.membershipList}>\n {memberships.length ? (\n memberships.map((membership) => (\n <Typography key={membership.id} variant=\"body\">\n {readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId))}\n {' / '}\n {membership.positionId\n ? readPositionLabel(\n positionsById.get(membership.positionId),\n )\n : '未指定職位'}\n {' / '}\n {membership.isPrimary ? '主要' : '一般'}\n </Typography>\n ))\n ) : (\n <Typography color=\"text-neutral\" variant=\"body\">\n 尚未建立 BPM 組織歸屬\n </Typography>\n )}\n </div>\n </BaseCard>\n <BaseCard title=\"主管解析\">\n <Typography variant=\"body\">\n {resolvedManager?.managerMemberId\n ? readMemberLabel(managerProfile)\n : '尚未解析到主管'}\n </Typography>\n </BaseCard>\n </div>\n ) : null}\n </Modal>\n );\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n return position ? `${position.name} · ${position.code}` : '未知職位';\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | null): string {\n return member ? `${member.name} · ${member.email}` : '主管資料尚未載入';\n}\n\nfunction readErrorMessage(error: unknown): string {\n return error instanceof Error ? error.message : '讀取會員資料失敗。';\n}\n"],"mappings":";;;;;;;;;;;;;;;;GCoDM,IAA2B;CAAC;CAAI;CAAI;AAAE;AAM5C,SAAgB,EAAe,EAC7B,kBACuB,CAAC,GAAiB;CACzC,IAAM,IAAS,EAAa,GACtB,IAAqB,KAAc,EAAO,WAAW,GACrD,CAAC,GAAc,KAAmB,EACtC,IACF,GACM,CAAC,GAAmB,KAAwB,EAEhD,CAAC,CAAC,GACE,CAAC,GAAsB,KAC3B,EAAqC,IAAI,GACrC,CAAC,GAAuB,KAC5B,EAAuC,IAAI,GACvC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAY,KAAiB,EAAS,CAAC,GACxC,CAAC,GAAgB,KAAqB,EAAS,EAAE,GACjD,CAAC,GAAkB,KAAuB,EAAS,CAAC,GACpD,CAAC,GAAS,KAAc,EAAyC,CAAC,CAAC,GACnE,CAAC,GAAU,KAAe,EAAmC,CAAC,CAAC,GAC/D,CAAC,GAAW,MAAgB,EAAoC,CAAC,CAAC,GAClE,CAAC,GAAY,MAAiB,EAAS,EAAE,GAEzC,KAAe,QAEjB,IAAI,IAAI,EAAS,KAAK,MAAY,CAAC,EAAQ,IAAI,CAAO,CAAC,CAAC,GAC1D,CAAC,CAAQ,CACX,GACM,KAAgB,QAElB,IAAI,IAAI,EAAU,KAAK,MAAa,CAAC,EAAS,IAAI,CAAQ,CAAC,CAAC,GAC9D,CAAC,CAAS,CACZ,GAEM,IAAiB,EAAY,YAA2B;EAE5D,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EAEb,IAAI;GACF,IAAM,CAAC,GAAkB,KAAgB,MAAM,QAAQ,IAAI,CACzD,GAAwB;IACtB,MAAM;IACN,UAAU;IACV;GACF,CAAC,GACD,EAA0B,CAC5B,CAAC;GAKD,AAHA,EAAW,EAAiB,OAAO,GACnC,EAAoB,EAAiB,UAAU,GAC/C,EAAY,EAAa,QAAQ,GACjC,GAAa,EAAa,SAAS;EACrC,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC,UAAU;GACR,EAAW,EAAK;EAClB;CACF,GAAG;EAAC;EAAY;EAAgB;CAAU,CAAC;CAE3C,QAAsB;EACpB,EAAoB;CACtB,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,KAAO,QAET,EAAQ,KAAK,OAAY;EACvB,GAAG;EACH,KAAK,EAAO;CACd,EAAE,GACJ,CAAC,CAAO,CACV,GAEM,IAAa,EACjB,OAAO,MAA+C;EAGpD,AAFA,EAAgB,CAAM,GACtB,EAAwB,IAAI,GAC5B,EAAS,IAAI;EAEb,IAAI;GACF,IAAM,CAAC,GAAa,KAAmB,MAAM,QAAQ,IAAI,CACvD,EAAgB,EAAE,UAAU,EAAO,SAAS,CAAC,GAC7C,EAAoB,EAAO,QAAQ,CACrC,CAAC;GAID,AAFA,EAAqB,CAAW,GAChC,EAAyB,CAAe,GACxC,GAEI,MAAM,EACJ,EAAgB,kBACZ,CAAC,EAAgB,eAAe,IAChC,CAAC,CACP,GACA,MAAM,IACV;EACF,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC;CACF,GACA,CAAC,CACH,GAEM,KAAU,QACkB,CAC9B;EAAE,WAAW;EAAQ,KAAK;EAAQ,OAAO;EAAM,OAAO;CAAI,GAC1D;EAAE,WAAW;EAAS,KAAK;EAAS,OAAO;EAAM,OAAO;CAAI,CAC9D,GACA,CAAC,CACH,GACM,KAAe,SACa;EAC9B,cAA6D,CAC3D;GACE,MAAM;GACN,UAAU,MAAiB;IACzB,EAAgB,CAAM;GACxB;EACF,CACF;EACA,SAAS;EACT,OAAO;CACT,IACA,CAAC,CAAU,CACb;CAEA,SAAS,KAAoB;EAI3B,AAHA,EAAgB,IAAI,GACpB,EAAwB,IAAI,GAC5B,EAAqB,CAAC,CAAC,GACvB,EAAyB,IAAI;CAC/B;CAEA,OACE,kBAAC,GAAD;EAAW,YAAY;YAAvB;GACI,kBAAC,GAAD,EAAA,UACE,kBAAC,IAAD;IACE,aAAY;IACZ,OAAM;GACP,CAAA,EACS,CAAA;GAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,YACE,kBAAC,GAAD;KAAY,WAAW,EAAO;eAC5B,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAQ,MAAM;gBACZ,kBAAC,GAAD;OACE,WAAA;OACA,QAAQ,GAAgB;OACxB,MAAK;iBAEL,kBAAC,IAAD;QACE,WAAA;QACA,WACE,MACS;SAET,AADA,GAAc,EAAM,OAAO,KAAK,GAChC,EAAc,CAAC;QACjB;QACA,aAAY;QACZ,MAAK;QACL,OAAO;QACP,SAAQ;OACT,CAAA;MACQ,CAAA;KACL,CAAA,EACE,CAAA;IACF,CAAA;cA1BhB,CA6BG,IACC,kBAAC,GAAD;KAAY,OAAM;KAAa,SAAQ;eACpC;IACS,CAAA,IACV,MACJ,kBAAC,GAAD;KACE,SAAS;KACA;KACT,YAAY;KACZ,WAAA;KACS;KACT,YAAY;MACV,SAAS;MACT,WAAW,MAAe;OACxB,EAAc,CAAI;MACpB;MACA,mBAAmB,MAAmB;OAEpC,AADA,EAAc,CAAC,GACf,EAAkB,CAAQ;MAC5B;MACA,UAAU;MACV,eAAe;MACf,iBAAiB;MACjB,sBAAsB,GAAM,GAAI,MAC9B,MAAM,EAAK,GAAG,EAAG,OAAO,EAAM;MAChC,qBAAqB;MACrB,OAAO;KACT;IACD,CAAA,CACM;MACG,CAAA;GAEd,kBAAC,GAAD;IACE,gBAAgB;IAChB,QAAQ;IACR,aAAa;IACb,SAAS;IACK;IACC;IACf,iBAAiB;GAClB,CAAA;EACQ;;AAEjB;AAEA,SAAS,EAAkB,EACzB,mBACA,WACA,gBACA,YACA,iBACA,kBACA,sBASe;CACf,OACE,kBAAC,GAAD;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,UAAU;EACD;EACT,WAAW;EACX,MAAM,EAAQ;EACd,iBAAA;EACA,iBAAA;EACA,MAAK;EACL,OAAO,GAAQ,QAAQ;YAEtB,IACC,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,GAAD;KAAU,OAAM;eACd,kBAAC,OAAD;MAAK,WAAW,EAAO;gBACrB,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CAA2B,OAAI,EAAO,KAAkB;;KACrD,CAAA;IACG,CAAA;IACV,kBAAC,GAAD;KAAU,OAAM;eACd,kBAAC,OAAD;MAAK,WAAW,EAAO;gBACpB,EAAY,SACX,EAAY,KAAK,MACf,kBAAC,GAAD;OAAgC,SAAQ;iBAAxC;QACG,EAAiB,EAAa,IAAI,EAAW,SAAS,CAAC;QACvD;QACA,EAAW,aACR,EACE,EAAc,IAAI,EAAW,UAAU,CACzC,IACA;QACH;QACA,EAAW,YAAY,OAAO;OACrB;SAVK,EAAW,EAUhB,CACb,IAED,kBAAC,GAAD;OAAY,OAAM;OAAe,SAAQ;iBAAO;MAEpC,CAAA;KAEX,CAAA;IACG,CAAA;IACV,kBAAC,GAAD;KAAU,OAAM;eACd,kBAAC,GAAD;MAAY,SAAQ;gBACjB,GAAiB,kBACd,EAAgB,CAAc,IAC9B;KACM,CAAA;IACJ,CAAA;GACP;OACH;CACC,CAAA;AAEX;AAEA,SAAS,EAAiB,GAA4C;CACpE,OAAO,IAAU,GAAG,EAAQ,KAAK,KAAK,EAAQ,SAAS;AACzD;AAEA,SAAS,EAAkB,GAA8C;CACvE,OAAO,IAAW,GAAG,EAAS,KAAK,KAAK,EAAS,SAAS;AAC5D;AAEA,SAAS,EAAgB,GAA4C;CACnE,OAAO,IAAS,GAAG,EAAO,KAAK,KAAK,EAAO,UAAU;AACvD;AAEA,SAAS,EAAiB,GAAwB;CAChD,OAAO,aAAiB,QAAQ,EAAM,UAAU;AAClD"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { IconDefinition } from '@mezzanine-ui/icons';
|
|
3
|
-
interface NavigationItem {
|
|
4
|
-
readonly href: string;
|
|
5
|
-
readonly icon: IconDefinition;
|
|
6
|
-
readonly label: string;
|
|
7
|
-
readonly requiresAdmin?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export interface AppNavigationGroup {
|
|
10
|
-
readonly title: string;
|
|
11
|
-
readonly items: readonly NavigationItem[];
|
|
12
|
-
}
|
|
13
|
-
export interface AppLayoutProps {
|
|
14
|
-
/** Override the active href detection (defaults to router's pathname). */
|
|
15
|
-
readonly activeHref?: string;
|
|
16
|
-
/** Logo image URL displayed in the sidebar header. */
|
|
17
|
-
readonly logoSrc?: string;
|
|
18
|
-
/** Sidebar title (defaults to "BPM Admin"). */
|
|
19
|
-
readonly title?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Override the entire navigation tree. When omitted, the default 4-group
|
|
22
|
-
* BPM admin nav (`我的工作` / `查詢與代理` / `簽核設計` / `系統管理`) is used.
|
|
23
|
-
*/
|
|
24
|
-
readonly groups?: readonly AppNavigationGroup[];
|
|
25
|
-
/** Page content rendered inside the Mezzanine `<Layout.Main>` slot. */
|
|
26
|
-
readonly children?: ReactNode;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* BPM admin layout shell — composes Mezzanine `<Layout>` + `<Navigation>`
|
|
30
|
-
* with the default 4-group BPM tree, and exposes a `children` prop that
|
|
31
|
-
* fills the `<Layout.Main>` slot.
|
|
32
|
-
*
|
|
33
|
-
* Why a single component instead of a `<Navigation>` wrapper: Mezzanine
|
|
34
|
-
* `<Layout>` discovers its slot children by component-identity match
|
|
35
|
-
* (`child.type === Navigation` / `LayoutMain` / etc.). Any custom wrapper
|
|
36
|
-
* around `<Navigation>` is silently dropped, so the sidebar disappears.
|
|
37
|
-
* Keeping the `<Navigation>` element as a direct child of `<Layout>` here
|
|
38
|
-
* is mandatory for the slot to register.
|
|
39
|
-
*/
|
|
40
|
-
export declare function AppLayout({ activeHref, logoSrc, title, groups, children, }: AppLayoutProps): ReactElement;
|
|
41
|
-
export {};
|