@rytass/bpm-core-react 0.15.0 → 0.17.0

package/dist/chunks/users-FWrb3ehW.js

@@ -1,214 +0,0 @@
-"use client";
-import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
-import { BaseCard as i, Filter as a, FilterArea as o, FilterLine as s, FormField as c, Input as l, Modal as u, PageHeader as ee, Section as d, SectionGroup as f, Table as p, Typography as m } from "@mezzanine-ui/react";
-import { listMemberDirectoryPage as h, resolveMembers as g } from "@rytass/bpm-core-client";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { FormFieldLayout as te } from "@mezzanine-ui/core/form";
-import b from "@mezzanine-ui/react/ContentHeader";
-import { listMemberships as x, readOrganizationDashboard as S, readResolvedManager as C } from "@rytass/bpm-core-client/organization";
-import '../users.css';var w = {
-	memberFilterArea: "bpm_memberFilterArea_9RB2k",
-	header: "bpm_header_sIEtg",
-	detailFields: "bpm_detailFields_TyKNL",
-	detailSection: "bpm_detailSection_-iLjy",
-	membershipList: "bpm_membershipList_5n9iq"
-}, T = [
-	10,
-	20,
-	50
-];
-function E() {
-	let [i, u] = r(null), [E, O] = r([]), [k, A] = r(null), [M, N] = r(null), [P, F] = r(null), [I, L] = r(!0), [R, z] = r(1), [B, V] = r(10), [H, U] = r(0), [W, G] = r([]), [K, q] = r([]), [J, Y] = r([]), [X, Z] = r(""), ne = n(() => new Map(K.map((e) => [e.id, e])), [K]), re = n(() => new Map(J.map((e) => [e.id, e])), [J]), Q = e(async () => {
-		L(!0), F(null);
-		try {
-			let [e, t] = await Promise.all([h({
-				page: R,
-				pageSize: B,
-				searchText: X
-			}), S()]);
-			G(e.members), U(e.totalCount), q(t.orgUnits), Y(t.positions);
-		} catch (e) {
-			F(j(e));
-		} finally {
-			L(!1);
-		}
-	}, [
-		R,
-		B,
-		X
-	]);
-	t(() => {
-		Q();
-	}, [Q]);
-	let ie = n(() => W.map((e) => ({
-		...e,
-		key: e.memberId
-	})), [W]), $ = e(async (e) => {
-		u(e), A(null), F(null);
-		try {
-			let [t, n] = await Promise.all([x({ memberId: e.memberId }), C(e.memberId)]);
-			O(t), N(n), A((await g(n.managerMemberId ? [n.managerMemberId] : []))[0] ?? null);
-		} catch (e) {
-			F(j(e));
-		}
-	}, []), ae = n(() => [{
-		dataIndex: "name",
-		key: "name",
-		title: "姓名",
-		width: 160
-	}, {
-		dataIndex: "email",
-		key: "email",
-		title: "信箱",
-		width: 260
-	}], []), oe = n(() => ({
-		render: () => [{
-			name: "檢視",
-			onClick: (e) => {
-				$(e);
-			}
-		}],
-		variant: "base-secondary",
-		width: 88
-	}), [$]);
-	function se() {
-		u(null), A(null), O([]), N(null);
-	}
-	return /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ v(ee, { children: /* @__PURE__ */ v(b, {
-			description: "會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。",
-			title: "會員對照"
-		}) }),
-		/* @__PURE__ */ v(f, { children: /* @__PURE__ */ y(d, {
-			filterArea: /* @__PURE__ */ v(o, {
-				className: w.memberFilterArea,
-				children: /* @__PURE__ */ v(s, { children: /* @__PURE__ */ v(a, {
-					span: 3,
-					children: /* @__PURE__ */ v(c, {
-						fullWidth: !0,
-						layout: te.VERTICAL,
-						name: "memberSearchText",
-						children: /* @__PURE__ */ v(l, {
-							fullWidth: !0,
-							onChange: (e) => {
-								Z(e.target.value), z(1);
-							},
-							placeholder: "搜尋姓名或信箱",
-							size: "sub",
-							value: X,
-							variant: "base"
-						})
-					})
-				}) })
-			}),
-			children: [P ? /* @__PURE__ */ v(m, {
-				color: "text-error",
-				variant: "body",
-				children: P
-			}) : null, /* @__PURE__ */ v(p, {
-				actions: oe,
-				columns: ae,
-				dataSource: ie,
-				fullWidth: !0,
-				loading: I,
-				pagination: {
-					current: R,
-					onChange: (e) => {
-						z(e);
-					},
-					onChangePageSize: (e) => {
-						z(1), V(e);
-					},
-					pageSize: B,
-					pageSizeLabel: "每頁筆數",
-					pageSizeOptions: T,
-					renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
-					showPageSizeOptions: !0,
-					total: H
-				}
-			})]
-		}) }),
-		/* @__PURE__ */ v(D, {
-			managerProfile: k,
-			member: i,
-			memberships: E,
-			onClose: se,
-			orgUnitsById: ne,
-			positionsById: re,
-			resolvedManager: M
-		})
-	] });
-}
-function D({ managerProfile: e, member: t, memberships: n, onClose: r, orgUnitsById: a, positionsById: o, resolvedManager: s }) {
-	return /* @__PURE__ */ v(u, {
-		cancelText: "關閉",
-		confirmText: "關閉",
-		modalType: "standard",
-		onCancel: r,
-		onClose: r,
-		onConfirm: r,
-		open: !!t,
-		showModalFooter: !0,
-		showModalHeader: !0,
-		size: "regular",
-		title: t?.name ?? "會員明細",
-		children: t ? /* @__PURE__ */ y("div", {
-			className: w.detailFields,
-			children: [
-				/* @__PURE__ */ v(i, {
-					title: "基本資料",
-					children: /* @__PURE__ */ v("div", {
-						className: w.detailSection,
-						children: /* @__PURE__ */ y(m, {
-							variant: "body",
-							children: ["信箱：", t.email]
-						})
-					})
-				}),
-				/* @__PURE__ */ v(i, {
-					title: "BPM 組織歸屬",
-					children: /* @__PURE__ */ v("div", {
-						className: w.membershipList,
-						children: n.length ? n.map((e) => /* @__PURE__ */ y(m, {
-							variant: "body",
-							children: [
-								O(a.get(e.orgUnitId)),
-								" / ",
-								e.positionId ? k(o.get(e.positionId)) : "未指定職位",
-								" / ",
-								e.isPrimary ? "主要" : "一般"
-							]
-						}, e.id)) : /* @__PURE__ */ v(m, {
-							color: "text-neutral",
-							variant: "body",
-							children: "尚未建立 BPM 組織歸屬"
-						})
-					})
-				}),
-				/* @__PURE__ */ v(i, {
-					title: "主管解析",
-					children: /* @__PURE__ */ v(m, {
-						variant: "body",
-						children: s?.managerMemberId ? A(e) : "尚未解析到主管"
-					})
-				})
-			]
-		}) : null
-	});
-}
-function O(e) {
-	return e ? `${e.name} · ${e.code}` : "未知組織";
-}
-function k(e) {
-	return e ? `${e.name} · ${e.code}` : "未知職位";
-}
-function A(e) {
-	return e ? `${e.name} · ${e.email}` : "主管資料尚未載入";
-}
-function j(e) {
-	return e instanceof Error ? e.message : "讀取會員資料失敗。";
-}
-//#endregion
-export { E as t };
-
-//# sourceMappingURL=users-FWrb3ehW.js.map

package/dist/chunks/users-FWrb3ehW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"users-FWrb3ehW.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 {\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\n\nexport function AdminUsersView(): ReactElement {\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    <>\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      </>\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":"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"}